CINXE.COM

<!doctype html> <html class="no-js" lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="viewport" content="width=device-width,initial-scale=1"> <script type="text/javascript"> ;window.NREUM||(NREUM={});NREUM.init={distributed_tracing:{enabled:true},privacy:{cookies_enabled:true},ajax:{deny_list:["bam.nr-data.net"]}}; ;NREUM.loader_config={accountID:"1725332",trustKey:"78034",agentID:"1815985012",licenseKey:"NRBR-b3e38650ca84c1eb454",applicationID:"1790023492"}; ;NREUM.info={beacon:"bam.nr-data.net",errorBeacon:"bam.nr-data.net",licenseKey:"NRBR-b3e38650ca84c1eb454",applicationID:"1790023492",sa:1}; ;/*! For license information please see nr-loader-spa-1.260.0.min.js.LICENSE.txt */ (()=>{var e,t,r={234:(e,t,r)=>{"use strict";r.d(t,{P_:()=>m,Mt:()=>b,C5:()=>s,DL:()=>w,OP:()=>O,lF:()=>D,Yu:()=>_,Dg:()=>v,CX:()=>c,GE:()=>E,sU:()=>I});var n=r(8632),i=r(9567);const o={beacon:n.ce.beacon,errorBeacon:n.ce.errorBeacon,licenseKey:void 0,applicationID:void 0,sa:void 0,queueTime:void 0,applicationTime:void 0,ttGuid:void 0,user:void 0,account:void 0,product:void 0,extra:void 0,jsAttributes:{},userAttributes:void 0,atts:void 0,transactionName:void 0,tNamePlain:void 0},a={};function s(e){if(!e)throw new Error("All info objects require an agent identifier!");if(!a[e])throw new Error("Info for ".concat(e," was never set"));return a[e]}function c(e,t){if(!e)throw new Error("All info objects require an agent identifier!");a[e]=(0,i.D)(t,o);const r=(0,n.ek)(e);r&&(r.info=a[e])}const u=e=>{if(!e||"string"!=typeof e)return!1;try{document.createDocumentFragment().querySelector(e)}catch{return!1}return!0};var d=r(7056),l=r(50);const f="[data-nr-mask]",h=()=>{const e={mask_selector:"*",block_selector:"[data-nr-block]",mask_input_options:{color:!1,date:!1,"datetime-local":!1,email:!1,month:!1,number:!1,range:!1,search:!1,tel:!1,text:!1,time:!1,url:!1,week:!1,textarea:!1,select:!1,password:!0}};return{feature_flags:[],proxy:{assets:void 0,beacon:void 0},privacy:{cookies_enabled:!0},ajax:{deny_list:void 0,block_internal:!0,enabled:!0,harvestTimeSeconds:10,autoStart:!0},distributed_tracing:{enabled:void 0,exclude_newrelic_header:void 0,cors_use_newrelic_header:void 0,cors_use_tracecontext_headers:void 0,allowed_origins:void 0},session:{expiresMs:d.oD,inactiveMs:d.Hb},ssl:void 0,obfuscate:void 0,jserrors:{enabled:!0,harvestTimeSeconds:10,autoStart:!0},metrics:{enabled:!0,autoStart:!0},page_action:{enabled:!0,harvestTimeSeconds:30,autoStart:!0},page_view_event:{enabled:!0,autoStart:!0},page_view_timing:{enabled:!0,harvestTimeSeconds:30,long_task:!1,autoStart:!0},session_trace:{enabled:!0,harvestTimeSeconds:10,autoStart:!0},harvest:{tooManyRequestsDelay:60},session_replay:{autoStart:!0,enabled:!1,harvestTimeSeconds:60,preload:!1,sampling_rate:10,error_sampling_rate:100,collect_fonts:!1,inline_images:!1,inline_stylesheet:!0,mask_all_inputs:!0,get mask_text_selector(){return e.mask_selector},set mask_text_selector(t){u(t)?e.mask_selector="".concat(t,",").concat(f):""===t||null===t?e.mask_selector=f:(0,l.Z)("An invalid session_replay.mask_selector was provided. '*' will be used.",t)},get block_class(){return"nr-block"},get ignore_class(){return"nr-ignore"},get mask_text_class(){return"nr-mask"},get block_selector(){return e.block_selector},set block_selector(t){u(t)?e.block_selector+=",".concat(t):""!==t&&(0,l.Z)("An invalid session_replay.block_selector was provided and will not be used",t)},get mask_input_options(){return e.mask_input_options},set mask_input_options(t){t&&"object"==typeof t?e.mask_input_options={...t,password:!0}:(0,l.Z)("An invalid session_replay.mask_input_option was provided and will not be used",t)}},spa:{enabled:!0,harvestTimeSeconds:10,autoStart:!0},soft_navigations:{enabled:!0,harvestTimeSeconds:10,autoStart:!0}}},p={},g="All configuration objects require an agent identifier!";function m(e){if(!e)throw new Error(g);if(!p[e])throw new Error("Configuration for ".concat(e," was never set"));return p[e]}function v(e,t){if(!e)throw new Error(g);p[e]=(0,i.D)(t,h());const r=(0,n.ek)(e);r&&(r.init=p[e])}function b(e,t){if(!e)throw new Error(g);var r=m(e);if(r){for(var n=t.split("."),i=0;i<n.length-1;i++)if("object"!=typeof(r=r[n[i]]))return;r=r[n[n.length-1]]}return r}const y={accountID:void 0,trustKey:void 0,agentID:void 0,licenseKey:void 0,applicationID:void 0,xpid:void 0},A={};function w(e){if(!e)throw new Error("All loader-config objects require an agent identifier!");if(!A[e])throw new Error("LoaderConfig for ".concat(e," was never set"));return A[e]}function E(e,t){if(!e)throw new Error("All loader-config objects require an agent identifier!");A[e]=(0,i.D)(t,y);const r=(0,n.ek)(e);r&&(r.loader_config=A[e])}const _=(0,n.mF)().o;var x=r(385),R=r(6818);const S={buildEnv:R.Re,distMethod:R.gF,version:R.q4,originTime:x.sK},T={customTransaction:void 0,disabled:!1,isolatedBacklog:!1,loaderType:void 0,maxBytes:3e4,onerror:void 0,origin:""+x._A.location,ptid:void 0,releaseIds:{},appMetadata:{},session:void 0,denyList:void 0,harvestCount:0,timeKeeper:void 0},N={};function O(e){if(!e)throw new Error("All runtime objects require an agent identifier!");if(!N[e])throw new Error("Runtime for ".concat(e," was never set"));return N[e]}function I(e,t){if(!e)throw new Error("All runtime objects require an agent identifier!");N[e]={...(0,i.D)(t,T),...S};const r=(0,n.ek)(e);r&&(r.runtime=N[e])}function D(e){return function(e){try{const t=s(e);return!!t.licenseKey&&!!t.errorBeacon&&!!t.applicationID}catch(e){return!1}}(e)}},9567:(e,t,r)=>{"use strict";r.d(t,{D:()=>i});var n=r(50);function i(e,t){try{if(!e||"object"!=typeof e)return(0,n.Z)("Setting a Configurable requires an object as input");if(!t||"object"!=typeof t)return(0,n.Z)("Setting a Configurable requires a model to set its initial properties");const r=Object.create(Object.getPrototypeOf(t),Object.getOwnPropertyDescriptors(t)),o=0===Object.keys(r).length?e:r;for(let a in o)if(void 0!==e[a])try{if(null===e[a]){r[a]=null;continue}Array.isArray(e[a])&&Array.isArray(t[a])?r[a]=Array.from(new Set([...e[a],...t[a]])):"object"==typeof e[a]&&"object"==typeof t[a]?r[a]=i(e[a],t[a]):r[a]=e[a]}catch(e){(0,n.Z)("An error occurred while setting a property of a Configurable",e)}return r}catch(e){(0,n.Z)("An error occured while setting a Configurable",e)}}},6818:(e,t,r)=>{"use strict";r.d(t,{Re:()=>i,gF:()=>o,lF:()=>a,q4:()=>n});const n="1.260.0",i="PROD",o="CDN",a="2.0.0-alpha.12"},385:(e,t,r)=>{"use strict";r.d(t,{FN:()=>c,IF:()=>l,LW:()=>a,Nk:()=>h,Tt:()=>u,_A:()=>o,iS:()=>s,il:()=>n,sK:()=>p,ux:()=>d,v6:()=>i,w1:()=>f});const n="undefined"!=typeof window&&!!window.document,i="undefined"!=typeof WorkerGlobalScope&&("undefined"!=typeof self&&self instanceof WorkerGlobalScope&&self.navigator instanceof WorkerNavigator||"undefined"!=typeof globalThis&&globalThis instanceof WorkerGlobalScope&&globalThis.navigator instanceof WorkerNavigator),o=n?window:"undefined"!=typeof WorkerGlobalScope&&("undefined"!=typeof self&&self instanceof WorkerGlobalScope&&self||"undefined"!=typeof globalThis&&globalThis instanceof WorkerGlobalScope&&globalThis),a="complete"===o?.document?.readyState,s=Boolean("hidden"===o?.document?.visibilityState),c=""+o?.location,u=/iPad|iPhone|iPod/.test(o.navigator?.userAgent),d=u&&"undefined"==typeof SharedWorker,l=(()=>{const e=o.navigator?.userAgent?.match(/Firefox[/\s](\d+\.\d+)/);return Array.isArray(e)&&e.length>=2?+e[1]:0})(),f=Boolean(n&&window.document.documentMode),h=!!o.navigator?.sendBeacon,p=Math.floor(Date.now()-performance.now())},1117:(e,t,r)=>{"use strict";r.d(t,{w:()=>o});var n=r(50);const i={agentIdentifier:"",ee:void 0};class o{constructor(e){try{if("object"!=typeof e)return(0,n.Z)("shared context requires an object as input");this.sharedContext={},Object.assign(this.sharedContext,i),Object.entries(e).forEach((e=>{let[t,r]=e;Object.keys(i).includes(t)&&(this.sharedContext[t]=r)}))}catch(e){(0,n.Z)("An error occurred while setting SharedContext",e)}}}},1199:(e,t,r)=>{"use strict";r.d(t,{R2:()=>a,zR:()=>i,zh:()=>o});var n=[];function i(e){if(o(e))return!1;if(0===n.length)return!0;for(var t=0;t<n.length;t++){var r=n[t];if("*"===r.hostname)return!1;if(s(r.hostname,e.hostname)&&c(r.pathname,e.pathname))return!1}return!0}function o(e){return void 0===e.hostname}function a(e){if(n=[],e&&e.length)for(var t=0;t<e.length;t++){let r=e[t];if(!r)continue;0===r.indexOf("http://")?r=r.substring(7):0===r.indexOf("https://")&&(r=r.substring(8));const i=r.indexOf("/");let o,a;i>0?(o=r.substring(0,i),a=r.substring(i)):(o=r,a="");let[s]=o.split(":");n.push({hostname:s,pathname:a})}}function s(e,t){return!(e.length>t.length)&&t.indexOf(e)===t.length-e.length}function c(e,t){return 0===e.indexOf("/")&&(e=e.substring(1)),0===t.indexOf("/")&&(t=t.substring(1)),""===e||e===t}},8e3:(e,t,r)=>{"use strict";r.d(t,{LP:()=>l,RP:()=>c,o5:()=>u});var n=r(8325),i=r(1284),o=r(4322),a=r(3325);const s={};function c(e,t){const r={staged:!1,priority:a.p[t]||0};d(e),s[e].get(t)||s[e].set(t,r)}function u(e,t){d(e),s[e].get(t)&&s[e].delete(t),s[e].size&&f(e)}function d(e){if(!e)throw new Error("agentIdentifier required");s[e]||(s[e]=new Map)}function l(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"feature",r=arguments.length>2&&void 0!==arguments[2]&&arguments[2];if(d(e),!e||!s[e].get(t)||r)return h(e,t);s[e].get(t).staged=!0,f(e)}function f(e){const t=Array.from(s[e]);t.every((e=>{let[t,r]=e;return r.staged}))&&(t.sort(((e,t)=>e[1].priority-t[1].priority)),t.forEach((t=>{let[r]=t;s[e].delete(r),h(e,r)})))}function h(e,t){const r=e?n.ee.get(e):n.ee,a=o.X.handlers;if(r.backlog&&a){var s=r.backlog[t],c=a[t];if(c){for(var u=0;s&&u<s.length;++u)p(s[u],c);(0,i.D)(c,(function(e,t){(0,i.D)(t,(function(t,r){r[0].on(e,r[1])}))}))}r.isolatedBacklog||delete a[t],r.backlog[t]=null,r.emit("drain-"+t,[])}}function p(e,t){var r=e[1];(0,i.D)(t[r],(function(t,r){var n=e[0];if(r[0]===n){var i=r[1],o=e[3],a=e[2];i.apply(o,a)}}))}},8325:(e,t,r)=>{"use strict";r.d(t,{A:()=>c,ee:()=>u});var n=r(8632),i=r(2210),o=r(234);class a{constructor(e){this.contextId=e}}var s=r(3117);const c="nr@context:".concat(s.a),u=function e(t,r){var n={},s={},d={},l=!1;try{l=16===r.length&&(0,o.OP)(r).isolatedBacklog}catch(e){}var f={on:p,addEventListener:p,removeEventListener:function(e,t){var r=n[e];if(!r)return;for(var i=0;i<r.length;i++)r[i]===t&&r.splice(i,1)},emit:function(e,r,n,i,o){!1!==o&&(o=!0);if(u.aborted&&!i)return;t&&o&&t.emit(e,r,n);for(var a=h(n),c=g(e),d=c.length,l=0;l<d;l++)c[l].apply(a,r);var p=v()[s[e]];p&&p.push([f,e,r,a]);return a},get:m,listeners:g,context:h,buffer:function(e,t){const r=v();if(t=t||"feature",f.aborted)return;Object.entries(e||{}).forEach((e=>{let[n,i]=e;s[i]=t,t in r||(r[t]=[])}))},abort:function(){f._aborted=!0,Object.keys(f.backlog).forEach((e=>{delete f.backlog[e]}))},isBuffering:function(e){return!!v()[s[e]]},debugId:r,backlog:l?{}:t&&"object"==typeof t.backlog?t.backlog:{},isolatedBacklog:l};return Object.defineProperty(f,"aborted",{get:()=>{let e=f._aborted||!1;return e||(t&&(e=t.aborted),e)}}),f;function h(e){return e&&e instanceof a?e:e?(0,i.X)(e,c,(()=>new a(c))):new a(c)}function p(e,t){n[e]=g(e).concat(t)}function g(e){return n[e]||[]}function m(t){return d[t]=d[t]||e(f,t)}function v(){return f.backlog}}(void 0,"globalEE"),d=(0,n.fP)();d.ee||(d.ee=u)},5546:(e,t,r)=>{"use strict";r.d(t,{E:()=>n,p:()=>i});var n=r(8325).ee.get("handle");function i(e,t,r,i,o){o?(o.buffer([e],i),o.emit(e,t,r)):(n.buffer([e],i),n.emit(e,t,r))}},4322:(e,t,r)=>{"use strict";r.d(t,{X:()=>o});var n=r(5546);o.on=a;var i=o.handlers={};function o(e,t,r,o){a(o||n.E,i,e,t,r)}function a(e,t,r,i,o){o||(o="feature"),e||(e=n.E);var a=t[o]=t[o]||{};(a[r]=a[r]||[]).push([e,i])}},3239:(e,t,r)=>{"use strict";r.d(t,{bP:()=>s,iz:()=>c,m$:()=>a});var n=r(385);let i=!1,o=!1;try{const e={get passive(){return i=!0,!1},get signal(){return o=!0,!1}};n._A.addEventListener("test",null,e),n._A.removeEventListener("test",null,e)}catch(e){}function a(e,t){return i||o?{capture:!!e,passive:i,signal:t}:!!e}function s(e,t){let r=arguments.length>2&&void 0!==arguments[2]&&arguments[2],n=arguments.length>3?arguments[3]:void 0;window.addEventListener(e,t,a(r,n))}function c(e,t){let r=arguments.length>2&&void 0!==arguments[2]&&arguments[2],n=arguments.length>3?arguments[3]:void 0;document.addEventListener(e,t,a(r,n))}},3117:(e,t,r)=>{"use strict";r.d(t,{a:()=>n});const n=(0,r(4402).Rl)()},4402:(e,t,r)=>{"use strict";r.d(t,{Ht:()=>u,M:()=>c,Rl:()=>a,ky:()=>s});var n=r(385);const i="xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx";function o(e,t){return e?15&e[t]:16*Math.random()|0}function a(){const e=n._A?.crypto||n._A?.msCrypto;let t,r=0;return e&&e.getRandomValues&&(t=e.getRandomValues(new Uint8Array(30))),i.split("").map((e=>"x"===e?o(t,r++).toString(16):"y"===e?(3&o()|8).toString(16):e)).join("")}function s(e){const t=n._A?.crypto||n._A?.msCrypto;let r,i=0;t&&t.getRandomValues&&(r=t.getRandomValues(new Uint8Array(e)));const a=[];for(var s=0;s<e;s++)a.push(o(r,i++).toString(16));return a.join("")}function c(){return s(16)}function u(){return s(32)}},7056:(e,t,r)=>{"use strict";r.d(t,{Bq:()=>n,Hb:()=>a,IK:()=>u,K4:()=>i,oD:()=>o,uT:()=>c,wO:()=>s});const n="NRBA",i="SESSION",o=144e5,a=18e5,s={STARTED:"session-started",PAUSE:"session-pause",RESET:"session-reset",RESUME:"session-resume",UPDATE:"session-update"},c={SAME_TAB:"same-tab",CROSS_TAB:"cross-tab"},u={OFF:0,FULL:1,ERROR:2}},7894:(e,t,r)=>{"use strict";function n(){return Math.floor(performance.now())}r.d(t,{z:()=>n})},7243:(e,t,r)=>{"use strict";r.d(t,{e:()=>i});var n=r(385);function i(e){if(0===(e||"").indexOf("data:"))return{protocol:"data"};try{const t=new URL(e,location.href),r={port:t.port,hostname:t.hostname,pathname:t.pathname,search:t.search,protocol:t.protocol.slice(0,t.protocol.indexOf(":")),sameOrigin:t.protocol===n._A?.location?.protocol&&t.host===n._A?.location?.host};return r.port&&""!==r.port||("http:"===t.protocol&&(r.port="80"),"https:"===t.protocol&&(r.port="443")),r.pathname&&""!==r.pathname?r.pathname.startsWith("/")||(r.pathname="/".concat(r.pathname)):r.pathname="/",r}catch(e){return{}}}},50:(e,t,r)=>{"use strict";function n(e,t){"function"==typeof console.warn&&(console.warn("New Relic: ".concat(e)),t&&console.warn(t))}r.d(t,{Z:()=>n})},2825:(e,t,r)=>{"use strict";r.d(t,{N:()=>c,T:()=>s});var n=r(8325),i=r(385);const o="newrelic";const a=new Set,s={};function c(e,t){const r=n.ee.get(t);s[t]??={},e&&"object"==typeof e&&(a.has(t)||(r.emit("rumresp",[e]),s[t]=e,a.add(t),function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};try{i._A.dispatchEvent(new CustomEvent(o,{detail:e}))}catch(e){}}({loaded:!0})))}},2210:(e,t,r)=>{"use strict";r.d(t,{X:()=>i});var n=Object.prototype.hasOwnProperty;function i(e,t,r){if(n.call(e,t))return e[t];var i=r();if(Object.defineProperty&&Object.keys)try{return Object.defineProperty(e,t,{value:i,writable:!0,enumerable:!1}),i}catch(e){}return e[t]=i,i}},7872:(e,t,r)=>{"use strict";function n(e){var t=this;let r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:500,n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};const i=n?.leading||!1;let o;return function(){for(var n=arguments.length,a=new Array(n),s=0;s<n;s++)a[s]=arguments[s];i&&void 0===o&&(e.apply(t,a),o=setTimeout((()=>{o=clearTimeout(o)}),r)),i||(clearTimeout(o),o=setTimeout((()=>{e.apply(t,a)}),r))}}function i(e){var t=this;let r=!1;return function(){if(!r){r=!0;for(var n=arguments.length,i=new Array(n),o=0;o<n;o++)i[o]=arguments[o];e.apply(t,i)}}}r.d(t,{D:()=>n,Z:()=>i})},1284:(e,t,r)=>{"use strict";r.d(t,{D:()=>n});const n=(e,t)=>Object.entries(e||{}).map((e=>{let[r,n]=e;return t(r,n)}))},4351:(e,t,r)=>{"use strict";r.d(t,{P:()=>o});var n=r(8325);const i=()=>{const e=new WeakSet;return(t,r)=>{if("object"==typeof r&&null!==r){if(e.has(r))return;e.add(r)}return r}};function o(e){try{return JSON.stringify(e,i())}catch(e){try{n.ee.emit("internal-error",[e])}catch(e){}}}},3960:(e,t,r)=>{"use strict";r.d(t,{KB:()=>a,b2:()=>o});var n=r(3239);function i(){return"undefined"==typeof document||"complete"===document.readyState}function o(e,t){if(i())return e();(0,n.bP)("load",e,t)}function a(e){if(i())return e();(0,n.iz)("DOMContentLoaded",e)}},8632:(e,t,r)=>{"use strict";r.d(t,{EZ:()=>d,ce:()=>o,ek:()=>u,fP:()=>a,gG:()=>l,h5:()=>c,mF:()=>s});var n=r(385),i=r(7894);const o={beacon:"bam.nr-data.net",errorBeacon:"bam.nr-data.net"};function a(){return n._A.NREUM||(n._A.NREUM={}),void 0===n._A.newrelic&&(n._A.newrelic=n._A.NREUM),n._A.NREUM}function s(){let e=a();return e.o||(e.o={ST:n._A.setTimeout,SI:n._A.setImmediate,CT:n._A.clearTimeout,XHR:n._A.XMLHttpRequest,REQ:n._A.Request,EV:n._A.Event,PR:n._A.Promise,MO:n._A.MutationObserver,FETCH:n._A.fetch}),e}function c(e,t){let r=a();r.initializedAgents??={},t.initializedAt={ms:(0,i.z)(),date:new Date},r.initializedAgents[e]=t}function u(e){let t=a();return t.initializedAgents?.[e]}function d(e,t){a()[e]=t}function l(){return function(){let e=a();const t=e.info||{};e.info={beacon:o.beacon,errorBeacon:o.errorBeacon,...t}}(),function(){let e=a();const t=e.init||{};e.init={...t}}(),s(),function(){let e=a();const t=e.loader_config||{};e.loader_config={...t}}(),a()}},7956:(e,t,r)=>{"use strict";r.d(t,{N:()=>i});var n=r(3239);function i(e){let t=arguments.length>1&&void 0!==arguments[1]&&arguments[1],r=arguments.length>2?arguments[2]:void 0,i=arguments.length>3?arguments[3]:void 0;(0,n.iz)("visibilitychange",(function(){if(t)return void("hidden"===document.visibilityState&&e());e(document.visibilityState)}),r,i)}},7806:(e,t,r)=>{"use strict";r.d(t,{em:()=>b,u5:()=>T,QU:()=>I,_L:()=>j,Gm:()=>L,Lg:()=>M,BV:()=>V,Kf:()=>Y});var n=r(8325),i=r(3117);const o="nr@original:".concat(i.a);var a=Object.prototype.hasOwnProperty,s=!1;function c(e,t){return e||(e=n.ee),r.inPlace=function(e,t,n,i,o){n||(n="");const a="-"===n.charAt(0);for(let s=0;s<t.length;s++){const c=t[s],u=e[c];d(u)||(e[c]=r(u,a?c+n:n,i,c,o))}},r.flag=o,r;function r(t,r,n,s,c){return d(t)?t:(r||(r=""),nrWrapper[o]=t,function(e,t,r){if(Object.defineProperty&&Object.keys)try{return Object.keys(e).forEach((function(r){Object.defineProperty(t,r,{get:function(){return e[r]},set:function(t){return e[r]=t,t}})})),t}catch(e){u([e],r)}for(var n in e)a.call(e,n)&&(t[n]=e[n])}(t,nrWrapper,e),nrWrapper);function nrWrapper(){var o,a,d,l;try{a=this,o=[...arguments],d="function"==typeof n?n(o,a):n||{}}catch(t){u([t,"",[o,a,s],d],e)}i(r+"start",[o,a,s],d,c);try{return l=t.apply(a,o)}catch(e){throw i(r+"err",[o,a,e],d,c),e}finally{i(r+"end",[o,a,l],d,c)}}}function i(r,n,i,o){if(!s||t){var a=s;s=!0;try{e.emit(r,n,i,t,o)}catch(t){u([t,r,n,i],e)}s=a}}}function u(e,t){t||(t=n.ee);try{t.emit("internal-error",e)}catch(e){}}function d(e){return!(e&&"function"==typeof e&&e.apply&&!e[o])}var l=r(2210),f=r(385);const h={},p=f._A.XMLHttpRequest,g="addEventListener",m="removeEventListener",v="nr@wrapped:".concat(n.A);function b(e){var t=function(e){return(e||n.ee).get("events")}(e);if(h[t.debugId]++)return t;h[t.debugId]=1;var r=c(t,!0);function i(e){r.inPlace(e,[g,m],"-",o)}function o(e,t){return e[1]}return"getPrototypeOf"in Object&&(f.il&&y(document,i),y(f._A,i),y(p.prototype,i)),t.on(g+"-start",(function(e,t){var n=e[1];if(null!==n&&("function"==typeof n||"object"==typeof n)){var i=(0,l.X)(n,v,(function(){var e={object:function(){if("function"!=typeof n.handleEvent)return;return n.handleEvent.apply(n,arguments)},function:n}[typeof n];return e?r(e,"fn-",null,e.name||"anonymous"):n}));this.wrapped=e[1]=i}})),t.on(m+"-start",(function(e){e[1]=this.wrapped||e[1]})),t}function y(e,t){let r=e;for(;"object"==typeof r&&!Object.prototype.hasOwnProperty.call(r,g);)r=Object.getPrototypeOf(r);for(var n=arguments.length,i=new Array(n>2?n-2:0),o=2;o<n;o++)i[o-2]=arguments[o];r&&t(r,...i)}var A="fetch-",w=A+"body-",E=["arrayBuffer","blob","json","text","formData"],_=f._A.Request,x=f._A.Response,R="prototype";const S={};function T(e){const t=function(e){return(e||n.ee).get("fetch")}(e);if(!(_&&x&&f._A.fetch))return t;if(S[t.debugId]++)return t;function r(e,r,i){var o=e[r];"function"==typeof o&&(e[r]=function(){var e,r=[...arguments],a={};t.emit(i+"before-start",[r],a),a[n.A]&&a[n.A].dt&&(e=a[n.A].dt);var s=o.apply(this,r);return t.emit(i+"start",[r,e],s),s.then((function(e){return t.emit(i+"end",[null,e],s),e}),(function(e){throw t.emit(i+"end",[e],s),e}))})}return S[t.debugId]=1,E.forEach((e=>{r(_[R],e,w),r(x[R],e,w)})),r(f._A,"fetch",A),t.on(A+"end",(function(e,r){var n=this;if(r){var i=r.headers.get("content-length");null!==i&&(n.rxSize=i),t.emit(A+"done",[null,r],n)}else t.emit(A+"done",[e],n)})),t}const N={},O=["pushState","replaceState"];function I(e){const t=function(e){return(e||n.ee).get("history")}(e);return!f.il||N[t.debugId]++||(N[t.debugId]=1,c(t).inPlace(window.history,O,"-")),t}var D=r(3239);const P={},C=["appendChild","insertBefore","replaceChild"];function j(e){const t=function(e){return(e||n.ee).get("jsonp")}(e);if(!f.il||P[t.debugId])return t;P[t.debugId]=!0;var r=c(t),i=/[?&](?:callback|cb)=([^&#]+)/,o=/(.*)\.([^.]+)/,a=/^(\w+)(\.|$)(.*)$/;function s(e,t){if(!e)return t;const r=e.match(a),n=r[1];return s(r[3],t[n])}return r.inPlace(Node.prototype,C,"dom-"),t.on("dom-start",(function(e){!function(e){if(!e||"string"!=typeof e.nodeName||"script"!==e.nodeName.toLowerCase())return;if("function"!=typeof e.addEventListener)return;var n=(a=e.src,c=a.match(i),c?c[1]:null);var a,c;if(!n)return;var u=function(e){var t=e.match(o);if(t&&t.length>=3)return{key:t[2],parent:s(t[1],window)};return{key:e,parent:window}}(n);if("function"!=typeof u.parent[u.key])return;var d={};function l(){t.emit("jsonp-end",[],d),e.removeEventListener("load",l,(0,D.m$)(!1)),e.removeEventListener("error",f,(0,D.m$)(!1))}function f(){t.emit("jsonp-error",[],d),t.emit("jsonp-end",[],d),e.removeEventListener("load",l,(0,D.m$)(!1)),e.removeEventListener("error",f,(0,D.m$)(!1))}r.inPlace(u.parent,[u.key],"cb-",d),e.addEventListener("load",l,(0,D.m$)(!1)),e.addEventListener("error",f,(0,D.m$)(!1)),t.emit("new-jsonp",[e.src],d)}(e[0])})),t}const k={};function L(e){const t=function(e){return(e||n.ee).get("mutation")}(e);if(!f.il||k[t.debugId])return t;k[t.debugId]=!0;var r=c(t),i=f._A.MutationObserver;return i&&(window.MutationObserver=function(e){return this instanceof i?new i(r(e,"fn-")):i.apply(this,arguments)},MutationObserver.prototype=i.prototype),t}const H={};function M(e){const t=function(e){return(e||n.ee).get("promise")}(e);if(H[t.debugId])return t;H[t.debugId]=!0;var r=t.context,i=c(t),a=f._A.Promise;return a&&function(){function e(r){var n=t.context(),o=i(r,"executor-",n,null,!1);const s=Reflect.construct(a,[o],e);return t.context(s).getCtx=function(){return n},s}f._A.Promise=e,Object.defineProperty(e,"name",{value:"Promise"}),e.toString=function(){return a.toString()},Object.setPrototypeOf(e,a),["all","race"].forEach((function(r){const n=a[r];e[r]=function(e){let i=!1;[...e||[]].forEach((e=>{this.resolve(e).then(a("all"===r),a(!1))}));const o=n.apply(this,arguments);return o;function a(e){return function(){t.emit("propagate",[null,!i],o,!1,!1),i=i||!e}}}})),["resolve","reject"].forEach((function(r){const n=a[r];e[r]=function(e){const r=n.apply(this,arguments);return e!==r&&t.emit("propagate",[e,!0],r,!1,!1),r}})),e.prototype=a.prototype;const n=a.prototype.then;a.prototype.then=function(){var e=this,o=r(e);o.promise=e;for(var a=arguments.length,s=new Array(a),c=0;c<a;c++)s[c]=arguments[c];s[0]=i(s[0],"cb-",o,null,!1),s[1]=i(s[1],"cb-",o,null,!1);const u=n.apply(this,s);return o.nextPromise=u,t.emit("propagate",[e,!0],u,!1,!1),u},a.prototype.then[o]=n,t.on("executor-start",(function(e){e[0]=i(e[0],"resolve-",this,null,!1),e[1]=i(e[1],"resolve-",this,null,!1)})),t.on("executor-err",(function(e,t,r){e[1](r)})),t.on("cb-end",(function(e,r,n){t.emit("propagate",[n,!0],this.nextPromise,!1,!1)})),t.on("propagate",(function(e,r,n){this.getCtx&&!r||(this.getCtx=function(){if(e instanceof Promise)var r=t.context(e);return r&&r.getCtx?r.getCtx():this})}))}(),t}const U={},z="setTimeout",F="setInterval",B="clearTimeout",G="-start",q="-",K=[z,"setImmediate",F,B,"clearImmediate"];function V(e){const t=function(e){return(e||n.ee).get("timer")}(e);if(U[t.debugId]++)return t;U[t.debugId]=1;var r=c(t);return r.inPlace(f._A,K.slice(0,2),z+q),r.inPlace(f._A,K.slice(2,3),F+q),r.inPlace(f._A,K.slice(3),B+q),t.on(F+G,(function(e,t,n){e[0]=r(e[0],"fn-",null,n)})),t.on(z+G,(function(e,t,n){this.method=n,this.timerDuration=isNaN(e[1])?0:+e[1],e[0]=r(e[0],"fn-",this,n)})),t}var Z=r(50);const W={},X=["open","send"];function Y(e){var t=e||n.ee;const r=function(e){return(e||n.ee).get("xhr")}(t);if(W[r.debugId]++)return r;W[r.debugId]=1,b(t);var i=c(r),o=f._A.XMLHttpRequest,a=f._A.MutationObserver,s=f._A.Promise,u=f._A.setInterval,d="readystatechange",l=["onload","onerror","onabort","onloadstart","onloadend","onprogress","ontimeout"],h=[],p=f._A.XMLHttpRequest=function(e){const t=new o(e),n=r.context(t);try{r.emit("new-xhr",[t],n),t.addEventListener(d,(a=n,function(){var e=this;e.readyState>3&&!a.resolved&&(a.resolved=!0,r.emit("xhr-resolved",[],e)),i.inPlace(e,l,"fn-",w)}),(0,D.m$)(!1))}catch(e){(0,Z.Z)("An error occurred while intercepting XHR",e);try{r.emit("internal-error",[e])}catch(e){}}var a;return t};function g(e,t){i.inPlace(t,["onreadystatechange"],"fn-",w)}if(function(e,t){for(var r in e)t[r]=e[r]}(o,p),p.prototype=o.prototype,i.inPlace(p.prototype,X,"-xhr-",w),r.on("send-xhr-start",(function(e,t){g(e,t),function(e){h.push(e),a&&(m?m.then(A):u?u(A):(v=-v,y.data=v))}(t)})),r.on("open-xhr-start",g),a){var m=s&&s.resolve();if(!u&&!s){var v=1,y=document.createTextNode(v);new a(A).observe(y,{characterData:!0})}}else t.on("fn-end",(function(e){e[0]&&e[0].type===d||A()}));function A(){for(var e=0;e<h.length;e++)g(0,h[e]);h.length&&(h=[])}function w(e,t){return t}return r}},7825:(e,t,r)=>{"use strict";r.d(t,{t:()=>n});const n=r(3325).D.ajax},6660:(e,t,r)=>{"use strict";r.d(t,{t:()=>n});const n=r(3325).D.jserrors},3081:(e,t,r)=>{"use strict";r.d(t,{gF:()=>o,mY:()=>i,t9:()=>n,vz:()=>s,xS:()=>a});const n=r(3325).D.metrics,i="sm",o="cm",a="storeSupportabilityMetrics",s="storeEventMetrics"},4649:(e,t,r)=>{"use strict";r.d(t,{t:()=>n});const n=r(3325).D.pageAction},7633:(e,t,r)=>{"use strict";r.d(t,{t:()=>n});const n=r(3325).D.pageViewEvent},9251:(e,t,r)=>{"use strict";r.d(t,{t:()=>n});const n=r(3325).D.pageViewTiming},7144:(e,t,r)=>{"use strict";r.d(t,{Ef:()=>o,J0:()=>f,Mi:()=>l,Vb:()=>a,Ye:()=>c,fm:()=>u,i9:()=>s,pB:()=>h,t9:()=>i,u0:()=>d});var n=r(7056);const i=r(3325).D.sessionReplay,o={RECORD:"recordReplay",PAUSE:"pauseReplay",REPLAY_RUNNING:"replayRunning",ERROR_DURING_REPLAY:"errorDuringReplay"},a=.12,s={DomContentLoaded:0,Load:1,FullSnapshot:2,IncrementalSnapshot:3,Meta:4,Custom:5},c=1e6,u=64e3,d={[n.IK.ERROR]:15e3,[n.IK.FULL]:3e5,[n.IK.OFF]:0},l={RESET:{message:"Session was reset",sm:"Reset"},IMPORT:{message:"Recorder failed to import",sm:"Import"},TOO_MANY:{message:"429: Too Many Requests",sm:"Too-Many"},TOO_BIG:{message:"Payload was too large",sm:"Too-Big"},CROSS_TAB:{message:"Session Entity was set to OFF on another tab",sm:"Cross-Tab"},ENTITLEMENTS:{message:"Session Replay is not allowed and will not be started",sm:"Entitlement"}},f=5e3,h={API:"api"}},3112:(e,t,r)=>{"use strict";r.d(t,{HM:()=>c,Rc:()=>a,rU:()=>s,wi:()=>u});var n=r(234),i=r(8488),o=r(385);function a(e){return!!n.Yu.MO&&(0,i.H)(e)&&!0===(0,n.Mt)(e,"session_trace.enabled")}function s(e){return!0===(0,n.Mt)(e,"session_replay.preload")&&a(e)}function c(e,t){return!!a(e)&&(!!t?.isNew||!!t?.state.sessionReplayMode)}function u(e,t){const r=t.correctAbsoluteTimestamp(e);return{originalTimestamp:e,correctedTimestamp:r,timestampDiff:e-r,originTime:o.sK,correctedOriginTime:t.correctedOriginTime,originTimeDiff:Math.floor(o.sK-t.correctedOriginTime)}}},3614:(e,t,r)=>{"use strict";r.d(t,{BST_RESOURCE:()=>i,END:()=>s,FEATURE_NAME:()=>n,FN_END:()=>u,FN_START:()=>c,PUSH_STATE:()=>d,RESOURCE:()=>o,START:()=>a,c:()=>l});const n=r(3325).D.sessionTrace,i="bstResource",o="resource",a="-start",s="-end",c="fn"+a,u="fn"+s,d="pushState",l=1e3},6216:(e,t,r)=>{"use strict";r.d(t,{K8:()=>s,QZ:()=>c,cS:()=>o,sE:()=>i,t9:()=>a,vh:()=>u});var n=r(3325);const i=["click","keydown","submit"],o="api",a=n.D.softNav,s={INITIAL_PAGE_LOAD:"",ROUTE_CHANGE:1,UNSPECIFIED:2},c={INTERACTION:1,AJAX:2,CUSTOM_END:3,CUSTOM_TRACER:4},u={IP:"in progress",FIN:"finished",CAN:"cancelled"}},7836:(e,t,r)=>{"use strict";r.d(t,{BODY:()=>E,CB_END:()=>_,CB_START:()=>u,END:()=>w,FEATURE_NAME:()=>i,FETCH:()=>R,FETCH_BODY:()=>v,FETCH_DONE:()=>m,FETCH_START:()=>g,FN_END:()=>c,FN_START:()=>s,INTERACTION:()=>f,INTERACTION_API:()=>d,INTERACTION_EVENTS:()=>o,JSONP_END:()=>b,JSONP_NODE:()=>p,JS_TIME:()=>x,MAX_TIMER_BUDGET:()=>a,REMAINING:()=>l,SPA_NODE:()=>h,START:()=>A,originalSetTimeout:()=>y});var n=r(234);const i=r(3325).D.spa,o=["click","submit","keypress","keydown","keyup","change"],a=999,s="fn-start",c="fn-end",u="cb-start",d="api-ixn-",l="remaining",f="interaction",h="spaNode",p="jsonpNode",g="fetch-start",m="fetch-done",v="fetch-body-",b="jsonp-end",y=n.Yu.ST,A="-start",w="-end",E="-body",_="cb"+w,x="jsTime",R="fetch"},5938:(e,t,r)=>{"use strict";r.d(t,{W:()=>i});var n=r(8325);class i{constructor(e,t,r){this.agentIdentifier=e,this.aggregator=t,this.ee=n.ee.get(e),this.featureName=r,this.blocked=!1}}},8488:(e,t,r)=>{"use strict";r.d(t,{H:()=>o});var n=r(234),i=r(385);const o=e=>i.il&&!0===(0,n.Mt)(e,"privacy.cookies_enabled")},2758:(e,t,r)=>{"use strict";r.d(t,{j:()=>_});var n=r(3325),i=r(234),o=r(5546),a=r(8325),s=r(8e3),c=r(3960),u=r(385),d=r(50),l=r(3081),f=r(8632),h=r(7144);const p=["setErrorHandler","finished","addToTrace","addRelease","addPageAction","setCurrentRouteName","setPageViewName","setCustomAttribute","interaction","noticeError","setUserId","setApplicationVersion","start",h.Ef.RECORD,h.Ef.PAUSE],g=["setErrorHandler","finished","addToTrace","addRelease"];var m=r(7894),v=r(7056);function b(){const e=(0,f.gG)();p.forEach((t=>{e[t]=function(){for(var r=arguments.length,n=new Array(r),i=0;i<r;i++)n[i]=arguments[i];return function(t){for(var r=arguments.length,n=new Array(r>1?r-1:0),i=1;i<r;i++)n[i-1]=arguments[i];let o=[];return Object.values(e.initializedAgents).forEach((e=>{e.exposed&&e.api[t]&&o.push(e.api[t](...n))})),o.length>1?o:o[0]}(t,...n)}}))}const y={};var A=r(2825);const w=e=>{const t=e.startsWith("http");e+="/",r.p=t?e:"https://"+e};let E=!1;function _(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},p=arguments.length>2?arguments[2]:void 0,_=arguments.length>3?arguments[3]:void 0,{init:x,info:R,loader_config:S,runtime:T={loaderType:p},exposed:N=!0}=t;const O=(0,f.gG)();R||(x=O.init,R=O.info,S=O.loader_config),(0,i.Dg)(e.agentIdentifier,x||{}),(0,i.GE)(e.agentIdentifier,S||{}),R.jsAttributes??={},u.v6&&(R.jsAttributes.isWorker=!0),(0,i.CX)(e.agentIdentifier,R);const I=(0,i.P_)(e.agentIdentifier),D=[R.beacon,R.errorBeacon];E||(I.proxy.assets&&(w(I.proxy.assets),D.push(I.proxy.assets)),I.proxy.beacon&&D.push(I.proxy.beacon),b(),(0,f.EZ)("activatedFeatures",A.T),e.runSoftNavOverSpa&&=!0===I.soft_navigations.enabled&&I.feature_flags.includes("soft_nav")),T.denyList=[...I.ajax.deny_list||[],...I.ajax.block_internal?D:[]],T.ptid=e.agentIdentifier,(0,i.sU)(e.agentIdentifier,T),void 0===e.api&&(e.api=function(e,t){let f=arguments.length>2&&void 0!==arguments[2]&&arguments[2];t||(0,s.RP)(e,"api");const p={};var b=a.ee.get(e),A=b.get("tracer");y[e]=v.IK.OFF,b.on(h.Ef.REPLAY_RUNNING,(t=>{y[e]=t}));var w="api-",E=w+"ixn-";function _(t,r,n,o){const a=(0,i.C5)(e);return null===r?delete a.jsAttributes[t]:(0,i.CX)(e,{...a,jsAttributes:{...a.jsAttributes,[t]:r}}),S(w,n,!0,o||null===r?"session":void 0)(t,r)}function x(){}g.forEach((e=>{p[e]=S(w,e,!0,"api")})),p.addPageAction=S(w,"addPageAction",!0,n.D.pageAction),p.setPageViewName=function(t,r){if("string"==typeof t)return"/"!==t.charAt(0)&&(t="/"+t),(0,i.OP)(e).customTransaction=(r||"http://custom.transaction")+t,S(w,"setPageViewName",!0)()},p.setCustomAttribute=function(e,t){let r=arguments.length>2&&void 0!==arguments[2]&&arguments[2];if("string"==typeof e){if(["string","number","boolean"].includes(typeof t)||null===t)return _(e,t,"setCustomAttribute",r);(0,d.Z)("Failed to execute setCustomAttribute.\nNon-null value must be a string, number or boolean type, but a type of <".concat(typeof t,"> was provided."))}else(0,d.Z)("Failed to execute setCustomAttribute.\nName must be a string type, but a type of <".concat(typeof e,"> was provided."))},p.setUserId=function(e){if("string"==typeof e||null===e)return _("enduser.id",e,"setUserId",!0);(0,d.Z)("Failed to execute setUserId.\nNon-null value must be a string type, but a type of <".concat(typeof e,"> was provided."))},p.setApplicationVersion=function(e){if("string"==typeof e||null===e)return _("application.version",e,"setApplicationVersion",!1);(0,d.Z)("Failed to execute setApplicationVersion. Expected <String | null>, but got <".concat(typeof e,">."))},p.start=()=>{try{(0,o.p)(l.xS,["API/start/called"],void 0,n.D.metrics,b),b.emit("manual-start-all")}catch(e){(0,d.Z)("An unexpected issue occurred",e)}},p[h.Ef.RECORD]=function(){(0,o.p)(l.xS,["API/recordReplay/called"],void 0,n.D.metrics,b),(0,o.p)(h.Ef.RECORD,[],void 0,n.D.sessionReplay,b)},p[h.Ef.PAUSE]=function(){(0,o.p)(l.xS,["API/pauseReplay/called"],void 0,n.D.metrics,b),(0,o.p)(h.Ef.PAUSE,[],void 0,n.D.sessionReplay,b)},p.interaction=function(e){return(new x).get("object"==typeof e?e:{})};const R=x.prototype={createTracer:function(e,t){var r={},i=this,a="function"==typeof t;return(0,o.p)(l.xS,["API/createTracer/called"],void 0,n.D.metrics,b),f||(0,o.p)(E+"tracer",[(0,m.z)(),e,r],i,n.D.spa,b),function(){if(A.emit((a?"":"no-")+"fn-start",[(0,m.z)(),i,a],r),a)try{return t.apply(this,arguments)}catch(e){const t="string"==typeof e?new Error(e):e;throw A.emit("fn-err",[arguments,this,t],r),t}finally{A.emit("fn-end",[(0,m.z)()],r)}}}};function S(e,t,r,i){return function(){return(0,o.p)(l.xS,["API/"+t+"/called"],void 0,n.D.metrics,b),i&&(0,o.p)(e+t,[(0,m.z)(),...arguments],r?null:this,i,b),r?void 0:this}}function T(){r.e(111).then(r.bind(r,7438)).then((t=>{let{setAPI:r}=t;r(e),(0,s.LP)(e,"api")})).catch((e=>{(0,d.Z)("Downloading runtime APIs failed...",e),b.abort()}))}return["actionText","setName","setAttribute","save","ignore","onEnd","getContext","end","get"].forEach((e=>{R[e]=S(E,e,void 0,f?n.D.softNav:n.D.spa)})),p.setCurrentRouteName=f?S(E,"routeName",void 0,n.D.softNav):S(w,"routeName",!0,n.D.spa),p.noticeError=function(t,r){"string"==typeof t&&(t=new Error(t)),(0,o.p)(l.xS,["API/noticeError/called"],void 0,n.D.metrics,b),(0,o.p)("err",[t,(0,m.z)(),!1,r,!!y[e]],void 0,n.D.jserrors,b)},u.il?(0,c.b2)((()=>T()),!0):T(),p}(e.agentIdentifier,_,e.runSoftNavOverSpa)),void 0===e.exposed&&(e.exposed=N),E=!0}},8993:(e,t,r)=>{r.nc=(()=>{try{return document?.currentScript?.nonce}catch(e){}return""})()},3325:(e,t,r)=>{"use strict";r.d(t,{D:()=>n,p:()=>i});const n={ajax:"ajax",jserrors:"jserrors",metrics:"metrics",pageAction:"page_action",pageViewEvent:"page_view_event",pageViewTiming:"page_view_timing",sessionReplay:"session_replay",sessionTrace:"session_trace",softNav:"soft_navigations",spa:"spa"},i={[n.pageViewEvent]:1,[n.pageViewTiming]:2,[n.metrics]:3,[n.jserrors]:4,[n.ajax]:5,[n.sessionTrace]:6,[n.pageAction]:7,[n.spa]:8,[n.softNav]:9,[n.sessionReplay]:10}}},n={};function i(e){var t=n[e];if(void 0!==t)return t.exports;var o=n[e]={exports:{}};return r[e](o,o.exports,i),o.exports}i.m=r,i.d=(e,t)=>{for(var r in t)i.o(t,r)&&!i.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},i.f={},i.e=e=>Promise.all(Object.keys(i.f).reduce(((t,r)=>(i.f[r](e,t),t)),[])),i.u=e=>({111:"nr-spa",164:"nr-spa-compressor",433:"nr-spa-recorder"}[e]+"-1.260.0.min.js"),i.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),e={},t="NRBA-1.260.0.PROD:",i.l=(r,n,o,a)=>{if(e[r])e[r].push(n);else{var s,c;if(void 0!==o)for(var u=document.getElementsByTagName("script"),d=0;d<u.length;d++){var l=u[d];if(l.getAttribute("src")==r||l.getAttribute("data-webpack")==t+o){s=l;break}}if(!s){c=!0;var f={111:"sha512-yg/3G4Xi/nUUSGUZ5sZ5laGfxYiBl4A4z1KiCDtOZnnyZ1yRz/gldBGvnLQkCt9iHEG+xaLgGYJXknmRQ1RRBg==",433:"sha512-+r3Wkk8iuDgwHGMXW/4TexrEk4BUtJDwoydKiVtCg/OhRaVQjDykRQ5pq++NLNYgn6VmvYTyFNtJOzAGjbQYxQ==",164:"sha512-B0foyUJVqgCiRQ77L/MyMwRicWPhe+NqE2lxw/3pl055wE8eTQpuvUp+2B2d8y2J7zEgKz6qDFwcVFoxG46BKw=="};(s=document.createElement("script")).charset="utf-8",s.timeout=120,i.nc&&s.setAttribute("nonce",i.nc),s.setAttribute("data-webpack",t+o),s.src=r,0!==s.src.indexOf(window.location.origin+"/")&&(s.crossOrigin="anonymous"),f[a]&&(s.integrity=f[a])}e[r]=[n];var h=(t,n)=>{s.onerror=s.onload=null,clearTimeout(p);var i=e[r];if(delete e[r],s.parentNode&&s.parentNode.removeChild(s),i&&i.forEach((e=>e(n))),t)return t(n)},p=setTimeout(h.bind(null,void 0,{type:"timeout",target:s}),12e4);s.onerror=h.bind(null,s.onerror),s.onload=h.bind(null,s.onload),c&&document.head.appendChild(s)}},i.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},i.p="https://js-agent.newrelic.com/",(()=>{var e={801:0,92:0};i.f.j=(t,r)=>{var n=i.o(e,t)?e[t]:void 0;if(0!==n)if(n)r.push(n[2]);else{var o=new Promise(((r,i)=>n=e[t]=[r,i]));r.push(n[2]=o);var a=i.p+i.u(t),s=new Error;i.l(a,(r=>{if(i.o(e,t)&&(0!==(n=e[t])&&(e[t]=void 0),n)){var o=r&&("load"===r.type?"missing":r.type),a=r&&r.target&&r.target.src;s.message="Loading chunk "+t+" failed.\n("+o+": "+a+")",s.name="ChunkLoadError",s.type=o,s.request=a,n[1](s)}}),"chunk-"+t,t)}};var t=(t,r)=>{var n,o,[a,s,c]=r,u=0;if(a.some((t=>0!==e[t]))){for(n in s)i.o(s,n)&&(i.m[n]=s[n]);if(c)c(i)}for(t&&t(r);u<a.length;u++)o=a[u],i.o(e,o)&&e[o]&&e[o][0](),e[o]=0},r=self["webpackChunk:NRBA-1.260.0.PROD"]=self["webpackChunk:NRBA-1.260.0.PROD"]||[];r.forEach(t.bind(null,0)),r.push=t.bind(null,r.push.bind(r))})(),(()=>{"use strict";i(8993);var e=i(50),t=i(7144),r=i(4402),n=i(8325);class o{agentIdentifier;constructor(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:(0,r.ky)(16);this.agentIdentifier=e,this.ee=n.ee.get(e)}#e(t){for(var r=arguments.length,n=new Array(r>1?r-1:0),i=1;i<r;i++)n[i-1]=arguments[i];if("function"==typeof this.api?.[t])return this.api[t](...n);(0,e.Z)("Call to agent api ".concat(t," failed. The API is not currently initialized."))}addPageAction(e,t){return this.#e("addPageAction",e,t)}setPageViewName(e,t){return this.#e("setPageViewName",e,t)}setCustomAttribute(e,t,r){return this.#e("setCustomAttribute",e,t,r)}noticeError(e,t){return this.#e("noticeError",e,t)}setUserId(e){return this.#e("setUserId",e)}setApplicationVersion(e){return this.#e("setApplicationVersion",e)}setErrorHandler(e){return this.#e("setErrorHandler",e)}finished(e){return this.#e("finished",e)}addRelease(e,t){return this.#e("addRelease",e,t)}start(e){return this.#e("start",e)}recordReplay(){return this.#e(t.Ef.RECORD)}pauseReplay(){return this.#e(t.Ef.PAUSE)}addToTrace(e){return this.#e("addToTrace",e)}setCurrentRouteName(e){return this.#e("setCurrentRouteName",e)}interaction(){return this.#e("interaction")}}var a=i(3325),s=i(234);const c=Object.values(a.D);function u(e){const t={};return c.forEach((r=>{t[r]=function(e,t){return!0===(0,s.Mt)(t,"".concat(e,".enabled"))}(r,e)})),t}var d=i(2758);var l=i(8e3),f=i(5938),h=i(3960),p=i(385),g=i(3112),m=i(8488),v=i(7872);class b extends f.W{constructor(e,t,r){let n=!(arguments.length>3&&void 0!==arguments[3])||arguments[3];super(e,t,r),this.auto=n,this.abortHandler=void 0,this.featAggregate=void 0,this.onAggregateImported=void 0,!1===(0,s.Mt)(this.agentIdentifier,"".concat(this.featureName,".autoStart"))&&(this.auto=!1),this.auto?(0,l.RP)(e,r):this.ee.on("manual-start-all",(0,v.Z)((()=>{(0,l.RP)(this.agentIdentifier,this.featureName),this.auto=!0,this.importAggregator()})))}importAggregator(){let t,r=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};if(this.featAggregate||!this.auto)return;this.onAggregateImported=new Promise((e=>{t=e}));const n=async()=>{let n;try{if((0,m.H)(this.agentIdentifier)){const{setupAgentSession:e}=await i.e(111).then(i.bind(i,9446));n=e(this.agentIdentifier)}}catch(t){(0,e.Z)("A problem occurred when starting up session manager. This page will not start or extend any session.",t),this.featureName===a.D.sessionReplay&&this.abortHandler?.()}try{if(!this.#t(this.featureName,n))return(0,l.LP)(this.agentIdentifier,this.featureName),void t(!1);const{lazyFeatureLoader:e}=await i.e(111).then(i.bind(i,8582)),{Aggregate:o}=await e(this.featureName,"aggregate");this.featAggregate=new o(this.agentIdentifier,this.aggregator,r),t(!0)}catch(r){(0,e.Z)("Downloading and initializing ".concat(this.featureName," failed..."),r),this.abortHandler?.(),(0,l.LP)(this.agentIdentifier,this.featureName,!0),t(!1),this.ee&&this.ee.abort()}};p.il?(0,h.b2)((()=>n()),!0):n()}#t(e,t){return e!==a.D.sessionReplay||(0,g.HM)(this.agentIdentifier,t)}}var y=i(7633);class A extends b{static featureName=y.t;constructor(e,t){let r=!(arguments.length>2&&void 0!==arguments[2])||arguments[2];super(e,t,y.t,r),this.importAggregator()}}var w=i(1117),E=i(1284);class _ extends w.w{constructor(e){super(e),this.aggregatedData={}}store(e,t,r,n,i){var o=this.getBucket(e,t,r,i);return o.metrics=function(e,t){t||(t={count:0});return t.count+=1,(0,E.D)(e,(function(e,r){t[e]=x(r,t[e])})),t}(n,o.metrics),o}merge(e,t,r,n,i){var o=this.getBucket(e,t,n,i);if(o.metrics){var a=o.metrics;a.count+=r.count,(0,E.D)(r,(function(e,t){if("count"!==e){var n=a[e],i=r[e];i&&!i.c?a[e]=x(i.t,n):a[e]=function(e,t){if(!t)return e;t.c||(t=R(t.t));return t.min=Math.min(e.min,t.min),t.max=Math.max(e.max,t.max),t.t+=e.t,t.sos+=e.sos,t.c+=e.c,t}(i,a[e])}}))}else o.metrics=r}storeMetric(e,t,r,n){var i=this.getBucket(e,t,r);return i.stats=x(n,i.stats),i}getBucket(e,t,r,n){this.aggregatedData[e]||(this.aggregatedData[e]={});var i=this.aggregatedData[e][t];return i||(i=this.aggregatedData[e][t]={params:r||{}},n&&(i.custom=n)),i}get(e,t){return t?this.aggregatedData[e]&&this.aggregatedData[e][t]:this.aggregatedData[e]}take(e){for(var t={},r="",n=!1,i=0;i<e.length;i++)t[r=e[i]]=Object.values(this.aggregatedData[r]||{}),t[r].length&&(n=!0),delete this.aggregatedData[r];return n?t:null}}function x(e,t){return null==e?function(e){e?e.c++:e={c:1};return e}(t):t?(t.c||(t=R(t.t)),t.c+=1,t.t+=e,t.sos+=e*e,e>t.max&&(t.max=e),e<t.min&&(t.min=e),t):{t:e}}function R(e){return{t:e,min:e,max:e,sos:e*e,c:1}}var S=i(8632),T=i(4351);var N=i(5546),O=i(7956),I=i(3239),D=i(9251),P=i(7894);class C extends b{static featureName=D.t;constructor(e,t){let r=!(arguments.length>2&&void 0!==arguments[2])||arguments[2];super(e,t,D.t,r),p.il&&((0,O.N)((()=>(0,N.p)("docHidden",[(0,P.z)()],void 0,D.t,this.ee)),!0),(0,I.bP)("pagehide",(()=>(0,N.p)("winPagehide",[(0,P.z)()],void 0,D.t,this.ee))),this.importAggregator())}}var j=i(3081);class k extends b{static featureName=j.t9;constructor(e,t){let r=!(arguments.length>2&&void 0!==arguments[2])||arguments[2];super(e,t,j.t9,r),this.importAggregator()}}var L=i(6660);class H{constructor(e,t,r,n,i){this.name="UncaughtError",this.message="string"==typeof e?e:(0,T.P)(e),this.sourceURL=t,this.line=r,this.column=n,this.__newrelic=i}}function M(e){return F(e)?e:new H(void 0!==e?.message?e.message:e,e?.filename||e?.sourceURL,e?.lineno||e?.line,e?.colno||e?.col,e?.__newrelic)}function U(e){let t="Unhandled Promise Rejection";if(F(e?.reason))try{return e.reason.message=t+": "+e.reason.message,M(e.reason)}catch(t){return M(e.reason)}if(void 0===e.reason)return M(t);const r=M(e.reason);return r.message=t+": "+r?.message,r}function z(e){if(e.error instanceof SyntaxError&&!/:\d+$/.test(e.error.stack?.trim())){const t=new H(e.message,e.filename,e.lineno,e.colno,e.error.__newrelic);return t.name=SyntaxError.name,t}return F(e.error)?e.error:M(e)}function F(e){return e instanceof Error&&!!e.stack}class B extends b{static featureName=L.t;#r=!1;constructor(e,r){let n=!(arguments.length>2&&void 0!==arguments[2])||arguments[2];super(e,r,L.t,n);try{this.removeOnAbort=new AbortController}catch(e){}this.ee.on("internal-error",(e=>{this.abortHandler&&(0,N.p)("ierr",[M(e),(0,P.z)(),!0,{},this.#r],void 0,this.featureName,this.ee)})),this.ee.on(t.Ef.REPLAY_RUNNING,(e=>{this.#r=e})),p._A.addEventListener("unhandledrejection",(e=>{this.abortHandler&&(0,N.p)("err",[U(e),(0,P.z)(),!1,{unhandledPromiseRejection:1},this.#r],void 0,this.featureName,this.ee)}),(0,I.m$)(!1,this.removeOnAbort?.signal)),p._A.addEventListener("error",(e=>{this.abortHandler&&(0,N.p)("err",[z(e),(0,P.z)(),!1,{},this.#r],void 0,this.featureName,this.ee)}),(0,I.m$)(!1,this.removeOnAbort?.signal)),this.abortHandler=this.#n,this.importAggregator()}#n(){this.removeOnAbort?.abort(),this.abortHandler=void 0}}var G=i(2210);let q=1;const K="nr@id";function V(e){const t=typeof e;return!e||"object"!==t&&"function"!==t?-1:e===p._A?0:(0,G.X)(e,K,(function(){return q++}))}function Z(e){if("string"==typeof e&&e.length)return e.length;if("object"==typeof e){if("undefined"!=typeof ArrayBuffer&&e instanceof ArrayBuffer&&e.byteLength)return e.byteLength;if("undefined"!=typeof Blob&&e instanceof Blob&&e.size)return e.size;if(!("undefined"!=typeof FormData&&e instanceof FormData))try{return(0,T.P)(e).length}catch(e){return}}}var W=i(7806),X=i(7243);class Y{constructor(e){this.agentIdentifier=e}generateTracePayload(e){if(!this.shouldGenerateTrace(e))return null;var t=(0,s.DL)(this.agentIdentifier);if(!t)return null;var n=(t.accountID||"").toString()||null,i=(t.agentID||"").toString()||null,o=(t.trustKey||"").toString()||null;if(!n||!i)return null;var a=(0,r.M)(),c=(0,r.Ht)(),u=Date.now(),d={spanId:a,traceId:c,timestamp:u};return(e.sameOrigin||this.isAllowedOrigin(e)&&this.useTraceContextHeadersForCors())&&(d.traceContextParentHeader=this.generateTraceContextParentHeader(a,c),d.traceContextStateHeader=this.generateTraceContextStateHeader(a,u,n,i,o)),(e.sameOrigin&&!this.excludeNewrelicHeader()||!e.sameOrigin&&this.isAllowedOrigin(e)&&this.useNewrelicHeaderForCors())&&(d.newrelicHeader=this.generateTraceHeader(a,c,u,n,i,o)),d}generateTraceContextParentHeader(e,t){return"00-"+t+"-"+e+"-01"}generateTraceContextStateHeader(e,t,r,n,i){return i+"@nr=0-1-"+r+"-"+n+"-"+e+"----"+t}generateTraceHeader(e,t,r,n,i,o){if(!("function"==typeof p._A?.btoa))return null;var a={v:[0,1],d:{ty:"Browser",ac:n,ap:i,id:e,tr:t,ti:r}};return o&&n!==o&&(a.d.tk=o),btoa((0,T.P)(a))}shouldGenerateTrace(e){return this.isDtEnabled()&&this.isAllowedOrigin(e)}isAllowedOrigin(e){var t=!1,r={};if((0,s.Mt)(this.agentIdentifier,"distributed_tracing")&&(r=(0,s.P_)(this.agentIdentifier).distributed_tracing),e.sameOrigin)t=!0;else if(r.allowed_origins instanceof Array)for(var n=0;n<r.allowed_origins.length;n++){var i=(0,X.e)(r.allowed_origins[n]);if(e.hostname===i.hostname&&e.protocol===i.protocol&&e.port===i.port){t=!0;break}}return t}isDtEnabled(){var e=(0,s.Mt)(this.agentIdentifier,"distributed_tracing");return!!e&&!!e.enabled}excludeNewrelicHeader(){var e=(0,s.Mt)(this.agentIdentifier,"distributed_tracing");return!!e&&!!e.exclude_newrelic_header}useNewrelicHeaderForCors(){var e=(0,s.Mt)(this.agentIdentifier,"distributed_tracing");return!!e&&!1!==e.cors_use_newrelic_header}useTraceContextHeadersForCors(){var e=(0,s.Mt)(this.agentIdentifier,"distributed_tracing");return!!e&&!!e.cors_use_tracecontext_headers}}var J=i(7825),Q=i(1199),ee=["load","error","abort","timeout"],te=ee.length,re=s.Yu.REQ,ne=s.Yu.XHR;class ie extends b{static featureName=J.t;constructor(e,t){let r=!(arguments.length>2&&void 0!==arguments[2])||arguments[2];super(e,t,J.t,r),this.dt=new Y(e),this.handler=(e,t,r,n)=>(0,N.p)(e,t,r,n,this.ee);try{const e={xmlhttprequest:"xhr",fetch:"fetch",beacon:"beacon"};p._A?.performance?.getEntriesByType("resource").forEach((t=>{if(t.initiatorType in e&&0!==t.responseStatus){const r={status:t.responseStatus},n={rxSize:t.transferSize,duration:Math.floor(t.duration),cbTime:0};oe(r,t.name),this.handler("xhr",[r,n,t.startTime,t.responseEnd,e[t.initiatorType]],void 0,a.D.ajax)}}))}catch(e){}(0,W.u5)(this.ee),(0,W.Kf)(this.ee),function(e,t,r,n){function i(e){var t=this;t.totalCbs=0,t.called=0,t.cbTime=0,t.end=E,t.ended=!1,t.xhrGuids={},t.lastSize=null,t.loadCaptureCalled=!1,t.params=this.params||{},t.metrics=this.metrics||{},e.addEventListener("load",(function(r){_(t,e)}),(0,I.m$)(!1)),p.IF||e.addEventListener("progress",(function(e){t.lastSize=e.loaded}),(0,I.m$)(!1))}function o(e){this.params={method:e[0]},oe(this,e[1]),this.metrics={}}function c(t,r){var i=(0,s.DL)(e);i.xpid&&this.sameOrigin&&r.setRequestHeader("X-NewRelic-ID",i.xpid);var o=n.generateTracePayload(this.parsedOrigin);if(o){var a=!1;o.newrelicHeader&&(r.setRequestHeader("newrelic",o.newrelicHeader),a=!0),o.traceContextParentHeader&&(r.setRequestHeader("traceparent",o.traceContextParentHeader),o.traceContextStateHeader&&r.setRequestHeader("tracestate",o.traceContextStateHeader),a=!0),a&&(this.dt=o)}}function u(e,r){var n=this.metrics,i=e[0],o=this;if(n&&i){var a=Z(i);a&&(n.txSize=a)}this.startTime=(0,P.z)(),this.body=i,this.listener=function(e){try{"abort"!==e.type||o.loadCaptureCalled||(o.params.aborted=!0),("load"!==e.type||o.called===o.totalCbs&&(o.onloadCalled||"function"!=typeof r.onload)&&"function"==typeof o.end)&&o.end(r)}catch(e){try{t.emit("internal-error",[e])}catch(e){}}};for(var s=0;s<te;s++)r.addEventListener(ee[s],this.listener,(0,I.m$)(!1))}function d(e,t,r){this.cbTime+=e,t?this.onloadCalled=!0:this.called+=1,this.called!==this.totalCbs||!this.onloadCalled&&"function"==typeof r.onload||"function"!=typeof this.end||this.end(r)}function l(e,t){var r=""+V(e)+!!t;this.xhrGuids&&!this.xhrGuids[r]&&(this.xhrGuids[r]=!0,this.totalCbs+=1)}function f(e,t){var r=""+V(e)+!!t;this.xhrGuids&&this.xhrGuids[r]&&(delete this.xhrGuids[r],this.totalCbs-=1)}function h(){this.endTime=(0,P.z)()}function g(e,r){r instanceof ne&&"load"===e[0]&&t.emit("xhr-load-added",[e[1],e[2]],r)}function m(e,r){r instanceof ne&&"load"===e[0]&&t.emit("xhr-load-removed",[e[1],e[2]],r)}function v(e,t,r){t instanceof ne&&("onload"===r&&(this.onload=!0),("load"===(e[0]&&e[0].type)||this.onload)&&(this.xhrCbStart=(0,P.z)()))}function b(e,r){this.xhrCbStart&&t.emit("xhr-cb-time",[(0,P.z)()-this.xhrCbStart,this.onload,r],r)}function y(e){var t,r=e[1]||{};if("string"==typeof e[0]?0===(t=e[0]).length&&p.il&&(t=""+p._A.location.href):e[0]&&e[0].url?t=e[0].url:p._A?.URL&&e[0]&&e[0]instanceof URL?t=e[0].href:"function"==typeof e[0].toString&&(t=e[0].toString()),"string"==typeof t&&0!==t.length){t&&(this.parsedOrigin=(0,X.e)(t),this.sameOrigin=this.parsedOrigin.sameOrigin);var i=n.generateTracePayload(this.parsedOrigin);if(i&&(i.newrelicHeader||i.traceContextParentHeader))if(e[0]&&e[0].headers)s(e[0].headers,i)&&(this.dt=i);else{var o={};for(var a in r)o[a]=r[a];o.headers=new Headers(r.headers||{}),s(o.headers,i)&&(this.dt=i),e.length>1?e[1]=o:e.push(o)}}function s(e,t){var r=!1;return t.newrelicHeader&&(e.set("newrelic",t.newrelicHeader),r=!0),t.traceContextParentHeader&&(e.set("traceparent",t.traceContextParentHeader),t.traceContextStateHeader&&e.set("tracestate",t.traceContextStateHeader),r=!0),r}}function A(e,t){this.params={},this.metrics={},this.startTime=(0,P.z)(),this.dt=t,e.length>=1&&(this.target=e[0]),e.length>=2&&(this.opts=e[1]);var r,n=this.opts||{},i=this.target;"string"==typeof i?r=i:"object"==typeof i&&i instanceof re?r=i.url:p._A?.URL&&"object"==typeof i&&i instanceof URL&&(r=i.href),oe(this,r);var o=(""+(i&&i instanceof re&&i.method||n.method||"GET")).toUpperCase();this.params.method=o,this.body=n.body,this.txSize=Z(n.body)||0}function w(e,t){if(this.endTime=(0,P.z)(),this.params||(this.params={}),(0,Q.zh)(this.params))return;let n;this.params.status=t?t.status:0,"string"==typeof this.rxSize&&this.rxSize.length>0&&(n=+this.rxSize);const i={txSize:this.txSize,rxSize:n,duration:(0,P.z)()-this.startTime};r("xhr",[this.params,i,this.startTime,this.endTime,"fetch"],this,a.D.ajax)}function E(e){const t=this.params,n=this.metrics;if(!this.ended){this.ended=!0;for(let t=0;t<te;t++)e.removeEventListener(ee[t],this.listener,!1);t.aborted||(0,Q.zh)(t)||(n.duration=(0,P.z)()-this.startTime,this.loadCaptureCalled||4!==e.readyState?null==t.status&&(t.status=0):_(this,e),n.cbTime=this.cbTime,r("xhr",[t,n,this.startTime,this.endTime,"xhr"],this,a.D.ajax))}}function _(e,r){e.params.status=r.status;var n=function(e,t){var r=e.responseType;return"json"===r&&null!==t?t:"arraybuffer"===r||"blob"===r||"json"===r?Z(e.response):"text"===r||""===r||void 0===r?Z(e.responseText):void 0}(r,e.lastSize);if(n&&(e.metrics.rxSize=n),e.sameOrigin){var i=r.getResponseHeader("X-NewRelic-App-Data");i&&((0,N.p)(j.mY,["Ajax/CrossApplicationTracing/Header/Seen"],void 0,a.D.metrics,t),e.params.cat=i.split(", ").pop())}e.loadCaptureCalled=!0}t.on("new-xhr",i),t.on("open-xhr-start",o),t.on("open-xhr-end",c),t.on("send-xhr-start",u),t.on("xhr-cb-time",d),t.on("xhr-load-added",l),t.on("xhr-load-removed",f),t.on("xhr-resolved",h),t.on("addEventListener-end",g),t.on("removeEventListener-end",m),t.on("fn-end",b),t.on("fetch-before-start",y),t.on("fetch-start",A),t.on("fn-start",v),t.on("fetch-done",w)}(e,this.ee,this.handler,this.dt),this.importAggregator()}}function oe(e,t){var r=(0,X.e)(t),n=e.params||e;n.hostname=r.hostname,n.port=r.port,n.protocol=r.protocol,n.host=r.hostname+":"+r.port,n.pathname=r.pathname,e.parsedOrigin=r,e.sameOrigin=r.sameOrigin}var ae=i(3614);const{BST_RESOURCE:se,RESOURCE:ce,START:ue,END:de,FEATURE_NAME:le,FN_END:fe,FN_START:he,PUSH_STATE:pe}=ae;var ge=i(7056);class me extends b{static featureName=t.t9;#i;constructor(e,r){let n,i=!(arguments.length>2&&void 0!==arguments[2])||arguments[2];super(e,r,t.t9,i),this.replayRunning=!1;try{n=JSON.parse(localStorage.getItem("".concat(ge.Bq,"_").concat(ge.K4)))}catch(e){}(0,g.Rc)(e)&&this.ee.on("recordReplay",(()=>this.#o())),this.#a(n)?(this.#i=n?.sessionReplayMode,this.#s()):this.importAggregator(),this.ee.on("err",(e=>{this.replayRunning&&(this.errorNoticed=!0,(0,N.p)(t.Ef.ERROR_DURING_REPLAY,[e],void 0,this.featureName,this.ee))})),this.ee.on(t.Ef.REPLAY_RUNNING,(e=>{this.replayRunning=e}))}#a(e){return e&&(e.sessionReplayMode===ge.IK.FULL||e.sessionReplayMode===ge.IK.ERROR)||(0,g.rU)(this.agentIdentifier)}#c=!1;async#s(e){if(!this.#c){this.#c=!0;try{const{Recorder:t}=await Promise.all([i.e(111),i.e(433)]).then(i.bind(i,4345));this.recorder??=new t({mode:this.#i,agentIdentifier:this.agentIdentifier,trigger:e,ee:this.ee}),this.recorder.startRecording(),this.abortHandler=this.recorder.stopRecording}catch(e){}this.importAggregator({recorder:this.recorder,errorNoticed:this.errorNoticed})}}#o(){this.featAggregate?this.featAggregate.mode!==ge.IK.FULL&&this.featAggregate.initializeRecording(ge.IK.FULL,!0):(this.#i=ge.IK.FULL,this.#s(t.pB.API),this.recorder&&this.recorder.parent.mode!==ge.IK.FULL&&(this.recorder.parent.mode=ge.IK.FULL,this.recorder.stopRecording(),this.recorder.startRecording(),this.abortHandler=this.recorder.stopRecording))}}var ve=i(6216);class be extends b{static featureName=ve.t9;constructor(e,t){let r=!(arguments.length>2&&void 0!==arguments[2])||arguments[2];if(super(e,t,ve.t9,r),!p.il||!s.Yu.MO)return;const n=(0,W.QU)(this.ee),i=(0,W.em)(this.ee),o=()=>(0,N.p)("newURL",[(0,P.z)(),""+window.location],void 0,this.featureName,this.ee);n.on("pushState-end",o),n.on("replaceState-end",o);try{this.removeOnAbort=new AbortController}catch(e){}(0,I.bP)("popstate",(e=>(0,N.p)("newURL",[e.timeStamp,""+window.location],void 0,this.featureName,this.ee)),!0,this.removeOnAbort?.signal);let a=!1;const c=new s.Yu.MO(((e,t)=>{a||(a=!0,requestAnimationFrame((()=>{(0,N.p)("newDom",[(0,P.z)()],void 0,this.featureName,this.ee),a=!1})))})),u=(0,v.D)((e=>{(0,N.p)("newUIEvent",[e],void 0,this.featureName,this.ee),c.observe(document.body,{attributes:!0,childList:!0,subtree:!0,characterData:!0})}),100,{leading:!0});i.on("fn-start",(e=>{let[t]=e;ve.sE.includes(t?.type)&&u(t)}));for(let e of ve.sE)document.addEventListener(e,(()=>{}));this.abortHandler=function(){this.removeOnAbort?.abort(),c.disconnect(),this.abortHandler=void 0},this.importAggregator({domObserver:c})}}var ye=i(7836);const{FEATURE_NAME:Ae,START:we,END:Ee,BODY:_e,CB_END:xe,JS_TIME:Re,FETCH:Se,FN_START:Te,CB_START:Ne,FN_END:Oe}=ye;var Ie=i(4649);class De extends b{static featureName=Ie.t;constructor(e,t){let r=!(arguments.length>2&&void 0!==arguments[2])||arguments[2];super(e,t,Ie.t,r),this.importAggregator()}}new class extends o{constructor(t,r){super(r),p._A?(this.sharedAggregator=new _({agentIdentifier:this.agentIdentifier}),this.features={},(0,S.h5)(this.agentIdentifier,this),this.desiredFeatures=new Set(t.features||[]),this.desiredFeatures.add(A),this.runSoftNavOverSpa=[...this.desiredFeatures].some((e=>e.featureName===a.D.softNav)),(0,d.j)(this,t,t.loaderType||"agent"),this.run()):(0,e.Z)("Failed to initialize the agent. Could not determine the runtime environment.")}get config(){return{info:this.info,init:this.init,loader_config:this.loader_config,runtime:this.runtime}}run(){try{const t=u(this.agentIdentifier),r=[...this.desiredFeatures];r.sort(((e,t)=>a.p[e.featureName]-a.p[t.featureName])),r.forEach((r=>{if(!t[r.featureName]&&r.featureName!==a.D.pageViewEvent)return;if(this.runSoftNavOverSpa&&r.featureName===a.D.spa)return;if(!this.runSoftNavOverSpa&&r.featureName===a.D.softNav)return;const n=function(e){switch(e){case a.D.ajax:return[a.D.jserrors];case a.D.sessionTrace:return[a.D.ajax,a.D.pageViewEvent];case a.D.sessionReplay:return[a.D.sessionTrace];case a.D.pageViewTiming:return[a.D.pageViewEvent];default:return[]}}(r.featureName);n.every((e=>e in this.features))||(0,e.Z)("".concat(r.featureName," is enabled but one or more dependent features has not been initialized (").concat((0,T.P)(n),"). This may cause unintended consequences or missing data...")),this.features[r.featureName]=new r(this.agentIdentifier,this.sharedAggregator)}))}catch(t){(0,e.Z)("Failed to initialize all enabled instrument classes (agent aborted) -",t);for(const e in this.features)this.features[e].abortHandler?.();const r=(0,S.fP)();delete r.initializedAgents[this.agentIdentifier]?.api,delete r.initializedAgents[this.agentIdentifier]?.features,delete this.sharedAggregator;return r.ee.get(this.agentIdentifier).abort(),!1}}}({features:[ie,A,C,class extends b{static featureName=le;constructor(e,t){super(e,t,le,!(arguments.length>2&&void 0!==arguments[2])||arguments[2]);if(!(0,m.H)(this.agentIdentifier))return void(0,l.o5)(this.agentIdentifier,this.featureName);const r=this.ee;let n;(0,W.QU)(r),this.eventsEE=(0,W.em)(r),this.eventsEE.on(he,(function(e,t){this.bstStart=(0,P.z)()})),this.eventsEE.on(fe,(function(e,t){(0,N.p)("bst",[e[0],t,this.bstStart,(0,P.z)()],void 0,a.D.sessionTrace,r)})),r.on(pe+ue,(function(e){this.time=(0,P.z)(),this.startPath=location.pathname+location.hash})),r.on(pe+de,(function(e){(0,N.p)("bstHist",[location.pathname+location.hash,this.startPath,this.time],void 0,a.D.sessionTrace,r)}));try{n=new PerformanceObserver((e=>{const t=e.getEntries();(0,N.p)(se,[t],void 0,a.D.sessionTrace,r)})),n.observe({type:ce,buffered:!0})}catch(e){}this.importAggregator({resourceObserver:n})}},me,k,De,B,be,class extends b{static featureName=Ae;constructor(e,t){var r;if(super(e,t,Ae,!(arguments.length>2&&void 0!==arguments[2])||arguments[2]),r=this,!p.il)return;try{this.removeOnAbort=new AbortController}catch(e){}let n,i=0;const o=this.ee.get("tracer"),a=(0,W._L)(this.ee),s=(0,W.Lg)(this.ee),c=(0,W.BV)(this.ee),u=(0,W.Kf)(this.ee),d=this.ee.get("events"),l=(0,W.u5)(this.ee),f=(0,W.QU)(this.ee),h=(0,W.Gm)(this.ee);function g(e,t){f.emit("newURL",[""+window.location,t])}function m(){i++,n=window.location.hash,this[Te]=(0,P.z)()}function v(){i--,window.location.hash!==n&&g(0,!0);var e=(0,P.z)();this[Re]=~~this[Re]+e-this[Te],this[Oe]=e}function b(e,t){e.on(t,(function(){this[t]=(0,P.z)()}))}this.ee.on(Te,m),s.on(Ne,m),a.on(Ne,m),this.ee.on(Oe,v),s.on(xe,v),a.on(xe,v),this.ee.on("fn-err",(function(){for(var t=arguments.length,n=new Array(t),i=0;i<t;i++)n[i]=arguments[i];n[2]?.__newrelic?.[e]||(0,N.p)("function-err",[...n],void 0,r.featureName,r.ee)})),this.ee.buffer([Te,Oe,"xhr-resolved"],this.featureName),d.buffer([Te],this.featureName),c.buffer(["setTimeout"+Ee,"clearTimeout"+we,Te],this.featureName),u.buffer([Te,"new-xhr","send-xhr"+we],this.featureName),l.buffer([Se+we,Se+"-done",Se+_e+we,Se+_e+Ee],this.featureName),f.buffer(["newURL"],this.featureName),h.buffer([Te],this.featureName),s.buffer(["propagate",Ne,xe,"executor-err","resolve"+we],this.featureName),o.buffer([Te,"no-"+Te],this.featureName),a.buffer(["new-jsonp","cb-start","jsonp-error","jsonp-end"],this.featureName),b(l,Se+we),b(l,Se+"-done"),b(a,"new-jsonp"),b(a,"jsonp-end"),b(a,"cb-start"),f.on("pushState-end",g),f.on("replaceState-end",g),window.addEventListener("hashchange",g,(0,I.m$)(!0,this.removeOnAbort?.signal)),window.addEventListener("load",g,(0,I.m$)(!0,this.removeOnAbort?.signal)),window.addEventListener("popstate",(function(){g(0,i>1)}),(0,I.m$)(!0,this.removeOnAbort?.signal)),this.abortHandler=this.#n,this.importAggregator()}#n(){this.removeOnAbort?.abort(),this.abortHandler=void 0}}],loaderType:"spa"})})()})(); </script> <title>Progressive Insurance Review 2024 | Bankrate</title><meta name="description" content="Bankrate explores Progressive’s array of insurance products."><meta name="Category" content="reviews"><meta name="SubCategories" content="insurance"><meta name="pageuuid" content="8fce0a68-8204-4234-96ff-dd61ecc43cd1"><meta name="ContentSrc" content="sb:154251168"><meta name="PageType" content="review"><link rel="canonical" href="https://www.bankrate.com/insurance/reviews/progressive/"><meta name="robots" content="index, follow"><meta property="og:title" content="Progressive Insurance Review 2024 | Bankrate"><meta property="og:description" content="Bankrate explores Progressive’s array of insurance products."><meta property="og:url" content="https://www.bankrate.com/insurance/reviews/progressive/"><meta property="og:site_name" content="Bankrate"><meta name="twitter:card" content="summary"><meta name="twitter:site" content="@bankrate"><meta name="twitter:title" content="Progressive Insurance Review 2024 | Bankrate"><meta name="twitter:description" content="Bankrate explores Progressive’s array of insurance products."><script type="application/ld+json">{"@context":"https://schema.org","@type":"WebPage"}</script><script type="application/ld+json">{"@context":"https://schema.org","@type":"FAQPage","mainEntity":[{"@type":"Question","name":"Is Progressive sustainable?","acceptedAnswer":{"@type":"Answer","text":"Progressive is involved in environmental and community outreach programs. Environmental efforts include investments in renewable energy and reducing energy consumption in Progressive office spaces. The company’s community-focused programs include projects designed to help furnish homes for the homeless and a program called Keys to Progress that donates vehicles to veterans. Progressive has also stated its commitment to increasing financial literacy and insurance knowledge."}},{"@type":"Question","name":"How do I file a claim with Progressive?","acceptedAnswer":{"@type":"Answer","text":"Filing a claim with Progressive is fairly straightforward, but the method you choose may depend on how you purchased your policy. For example, if your Progressive policy comes from a local agent, you can likely call your agent to file a claim, but this may not be an option for those who purchase coverage online. Other ways to file a claim include: Call 1-888-671-4405 and say, “File a claim.” Call 1-800-776-4737 and say, “File a claim.” Call 1-833-951-4271 for service in Spanish File online with your account log in File in the Progressive mobile app ASI home insurance customers can call one of the numbers above, 1-866-274-5677 or can file online with their ASI login. Once your claim has been filed, you’ll be put in touch with an adjuster. The adjuster will research your claim, analyze your coverage, decide if the claim is a covered loss and release a payment to you, if applicable. Progressive provides an in-depth breakdown of its claims processes by product line on its website."}}]}</script><script type="application/ld+json">{"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","name":"Insurance","item":{"@type":"Thing","url":"https://www.bankrate.com/insurance/","@id":"https://www.bankrate.com/insurance/"},"position":1},{"@type":"ListItem","name":"Reviews","item":{"@type":"Thing","url":"https://www.bankrate.com/insurance/reviews/","@id":"https://www.bankrate.com/insurance/reviews/"},"position":2}]}</script><script type="application/ld+json">{"@context":"https://schema.org","@type":"Organization","url":"https://www.bankrate.com/","email":"webmaster@bankrate.com","ethicsPolicy":"https://www.bankrate.com/privacy/","foundingDate":"1976","legalName":"Bank Rate LLC","name":"Bank Rate","address":{"@type":"PostalAddress","addressLocality":"New York, NY","postalCode":"10017","streetAddress":"750 3rd Ave, 28th Floor"},"foundingLocation":{"@type":"Place","name":"New York City, New York, U.S."},"logo":{"@type":"ImageObject","url":"https://www.bankrate.com/v2.828.1/img/logo/bankrate-logo-268x60.jpg"}}</script><script type="application/ld+json">{"@context":"https://schema.org","@type":"Product","name":"Progressive insurance review 2024","review":{"@type":"Review","name":"Progressive","datePublished":"2022-06-01T14:51:17+00:00","dateModified":"2024-04-17T14:27:00-04:00","author":{"@type":"Person","name":"R.E. Hawley","image":"https://www.bankrate.com/2024/03/22150523/RE_headshot-1.jpg","description":"R.E. Hawley is a senior writer for Bankrate. Prior to joining Bankrate’s insurance editorial team in 2024, they worked as senior writer for a popular car ownership and insurance comparison app, leading a team of over a dozen writers in creating customer-focused financial advice content on topics ranging from insurance to vehicle reliability and auto loan refinance. R.E. holds a personal lines insurance license.","jobTitle":"Senior writer, Insurance"},"reviewRating":{"@type":"Rating","ratingValue":"4.4","bestRating":5,"worstRating":0},"positiveNotes":{"@type":"ItemList","itemListElement":[{"@type":"ListItem","position":1,"name":"Strong suite of digital tools offering discounts for many drivers"},{"@type":"ListItem","position":2,"name":"Robust policy customization options"},{"@type":"ListItem","position":3,"name":"SR-22 filing with competitive rates for high-risk drivers"},{"@type":"ListItem","position":4,"name":"Above-average J.D. Power customer satisfaction index for usage-based insurance"},{"@type":"ListItem","position":5,"name":"Offers a way to bundle with Progressive auto policies"},{"@type":"ListItem","position":6,"name":"Local agents available"},{"@type":"ListItem","position":7,"name":"HomeQuote Explorer lets you compare quotes from several companies in one place"},{"@type":"ListItem","position":8,"name":"No exam options available"},{"@type":"ListItem","position":9,"name":"Several types of coverage offered"},{"@type":"ListItem","position":10,"name":"Wide range of death benefit limits"}]},"negativeNotes":{"@type":"ItemList","itemListElement":[{"@type":"ListItem","position":1,"name":"Below-average auto claims satisfaction score from J.D. Power"},{"@type":"ListItem","position":2,"name":"Below-average J.D. Power overall auto customer satisfaction index in all regions"},{"@type":"ListItem","position":3,"name":"Rates may differ between online and agent quotes"},{"@type":"ListItem","position":4,"name":"Limited endorsements"},{"@type":"ListItem","position":5,"name":"Below-average J.D. Power customer satisfaction score"},{"@type":"ListItem","position":6,"name":"Higher-than-average complaint index with the NAIC"},{"@type":"ListItem","position":7,"name":"Underwritten by third parties"},{"@type":"ListItem","position":8,"name":"Customer satisfaction depends on the underwriting company"},{"@type":"ListItem","position":9,"name":"Will likely not work directly with Progressive once the policy is issued"}]}}}</script><meta class="swiftype" name="title" data-type="string" content="Progressive Insurance Review 2024 | Bankrate" /><meta class="swiftype" name="description" data-type="text" content="Bankrate explores Progressive’s array of insurance products." /><meta class="swiftype" name="url" data-type="enum" content="https://www.bankrate.com/insurance/reviews/progressive/" /><meta class="swiftype" name="type" data-type="enum" content="review" /><meta class="swiftype" name="category" data-type="string" content="reviews" /><meta class="swiftype" name="category" data-type="string" content="insurance" /><meta http-equiv="content-language" content="en-US"> <link rel="icon" href="/favicon.ico"> <link rel="preload" href="https://www.bankrate.com/static/fonts/CircularStd-Book.woff2" as="font" crossorigin> <link rel="preload" href="https://www.bankrate.com/static/fonts/CircularStd-Bold.woff2" as="font" crossorigin> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link rel="preload" as="style" href="/ext/fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap"> <link rel="stylesheet" href="/ext/fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap" media="print" onload="this.media='all'"> <noscript> <link rel="stylesheet" href="/ext/fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap"> </noscript> <script type="module">document.documentElement.classList.remove('no-js');</script> <style type="text/css"> .preampjs [data-preamp], .fusejs [data-fuse] { opacity: 0 !important } </style> <script> !function(co,h,e,s,i,o,n){var d='documentElement';var a='className';h[d][a]+=' preampjs fusejs';n.k=e;co._Cohesion=n;co._Preamp={k:s,start:new Date};co._Fuse={k:i};co._Tagular={k:o};[e,s,i,o].map(function(x){co[x]=co[x]||function(){(co[x].q=co[x].q||[]).push([].slice.call(arguments))}});var b=function(){var u=h[d][a];h[d][a]=u.replace(/ ?preampjs| ?fusejs/g,'')};h.addEventListener('DOMContentLoaded',function(){co.setTimeout(b,3e3);co._Preamp.docReady=co._Fuse.docReady=!0});var z=h.createElement('script');z.async=1;z.src='https://cohesion.bankrate.com/cohesion/cohesion-latest.min.js?cDomain=.bankrate.com';z.onerror=function(){var ce='error',f='function';for(var o of co[e].q||[])o[0]===ce&&typeof o[1]==f&&o[1]();co[e]=function(n,cb){n===ce&&typeof cb==f&&cb()};b()};h.head.appendChild(z);}(window,document,'cohesion','preamp','fuse','tagular',{tagular:{reinforce:'https://navi.bankrate.com',display:['gpt'],apiKey:'89144c93-5662-4fb8-b8eb-0a2140dc52f0',writeKey:'wk_2HY72DnK7gi69dEoWAHQTskzorW',sourceKey:'src_1NT28tRM614f69qC61p7Wxy1iJa',apiHost: 'https://beam.bankrate.com/v2/t',experimentalFeatures:{naviEndpoint:'https://navi.bankrate.com',identify:true,flocEnabled:true},taggy: {enabled: true},multiparty: true,useBeacon: true,beamHook:function(event){window.dataLayer=window.dataLayer||[];window.dataLayer.push({"event":event["@type"],"tagularPayload":event})},cookieDomain:'bankrate.com',domainWhitelist:["banking.qa.bankrate.com","banking.bankrate.com","compare.qa.bankrate.com","compare.bankrate.com","home-equity.bankrate.com","home-equity.qa.bankrate.com","deposits.bankrate.com","deposits.staging.bankrate.com","mortgage.staging.bankrate.com","mortgage.bankrate.com","www.bankrate.com","qa.bankrate.com","ep.bankrate.com","finance.bankrate.com","homes.bankrate.com","homeloans.bankrate.com","homeloans.qa.bankrate.com","rates.bankrate.com","rates.qa.bankrate.com","cards.bankrate.com","offers.bankrate.com","offers.qa.bankrate.com","loans-offers-widget.bankrate.com","loans-offers-widget.qa.bankrate.com"]},monarch:{endpoint: 'https://monarch.bankrate.com', simulatedEvents: {enabled: true}, sourceId:'18b02819-56c9-4af5-8780-faf726c1ba86',token:'3cad2546-0519-448d-bfa9-7ac038eb9e46',autoRequest:{enabled:true}}}) </script> <link rel="modulepreload" href="https://www.bankrate.com/v5.1521.3/next/build/assets/index-Cl020ULl.js" /><link rel="modulepreload" href="https://www.bankrate.com/v5.1521.3/next/build/assets/pid-Cquk49fA.js" /><link rel="modulepreload" href="https://www.bankrate.com/v5.1521.3/next/build/assets/cookie-Cteq0QiY.js" /><link rel="modulepreload" href="https://www.bankrate.com/v5.1521.3/next/build/assets/queryParams-LTW4Z-tQ.js" /><script type="module" src="https://www.bankrate.com/v5.1521.3/next/build/assets/index-Cl020ULl.js"></script><script> (function (w, d, s, l, i) { w[l] = w[l] || []; w[l].push({ 'gtm.start': new Date().getTime(), event: 'gtm.js' }); var f = d.getElementsByTagName(s)[0], j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f); })(window, document, 'script', 'dataLayer', 'GTM-N74D8C'); </script> <link rel="preload" as="style" href="https://www.bankrate.com/v5.1521.3/next/build/assets/treasury-QUfpbJqh.css" /><link rel="stylesheet" href="https://www.bankrate.com/v5.1521.3/next/build/assets/treasury-QUfpbJqh.css" /><link rel="preload" as="style" href="https://www.bankrate.com/v5.1521.3/next/build/assets/app-DYoOUq2O.css" /><link rel="stylesheet" href="https://www.bankrate.com/v5.1521.3/next/build/assets/app-DYoOUq2O.css" /><style> .insurance-disclosure-profiles-table { margin-bottom: 4.5px!important; } </style> <style> .dark-mode { [data-cy="insurance-disclosure-content"], [data-cy="advertiser-disclosure-content"] { color: initial; } } .text-blue-300 { color: #aac7fe; } .border-blue-300 { border-color: #aac7fe; } </style> <style> #tabs-v3-c5c800f2-2fe5-4620-bc81-076a97f3cda5{ background-color: #ffffff; }</style> <style> #tabs-v3-4531283d-1a56-4cf1-a51d-6f454adad09f{ background-color: #ffffff; }</style> <style> #tabs-v3-b00e5e31-277a-4ee3-a5e0-881938160f67{ background-color: #ffffff; }</style> <style> .UgcReviewSummary-starRatings { @media (min-width: 37.4375em) { width: 34rem !important; } } .UgcReviewSummary-categoryScores { white-space: nowrap; } </style> <style> .Accordion { width: 100%; } .Tooltip-trigger { margin-left: 0; } .feat-card-group { bottom: 0; position: absolute; } .toc-container.pinned { bottom: 600px; position: absolute; top: initial; } .simple .Disclaimer-header { display: none!important; } .gradient-bg { background: linear-gradient(180deg, #ffffff 37.16%, #f3f4f8 103.91%); z-index: -2; } .infogram-embed { width: 85%; } @media (max-width: 1439px) { .feat-card-group { position: static; } } .main_content { max-width: 74%; } .right_rail { max-width: 26%; } @media (min-width: 1200px) { .gradient-bg { height: 600px; margin-left: -638px; margin-right: -344px; top: 0; width: 1700px; } } .TOC-track { --toc-list-offset: 6.5rem; max-width: 275px; padding-top: 20px; } </style> </head> <body class="" > <noscript><iframe src="//www.googletagmanager.com/ns.html?id=GTM-N74D8C" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <a class="visually-hidden" href="#main-content">Skip to Main Content</a> <header class="SiteNav" data-cy="siteNavHeader" role="banner" aria-label="Use tab key to navigate through the options." x-data="siteNav()" x-ref="siteHeader" x-init="init()" x-on:resize.window="windowResized()" data-js-selector="nav" data-swiftype-index="false"> <div class="SiteNav-bar"> <div class="SiteNav-wrapper"> <a class="SiteNav-logo"href="https://www.bankrate.com/" aria-label="Home" tabindex="0" @keydown.tab="keyDownSiteNavLogo()" x-ref="siteNavLogo" data-beam-element-clicked data-type="link" data-location="site-nav" data-name="top-level" data-position="0" data-text="Bankrate" data-outcome="send to homepage" > <svg width="100" height="20" viewBox="0 0 400 80" xmlns="http://www.w3.org/2000/svg" focusable="false"> <title>Bankrate</title> <g fill="#151515"> <path d="m100.16 78.16v-8.16h-.16c-3.75 6.26-10.42 9.5-18 9.5-15.45 0-28-11.63-28-26.88 0-16.87 12.12-28.7 27.65-28.7 7.72 0 14.21 2.86 18.31 8.87h.19v-7.44h9.91v52.81zm.19-26.31c0-10.29-7.44-18.85-18.41-18.85-9.91 0-18 8.49-18 18.87 0 9.92 8.11 18.6 18 18.6a18.58 18.58 0 0 0 18.41-18.62z"/> <path d="m155.19 78.16v-28.78c0-11.16-4.38-16.4-13.16-16.4s-13.92 6.39-13.92 16.31v28.89h-9.92v-52.83h9.25v5.65h.19c3.9-5 9.35-7 15.45-7 12.68 0 22 8 22 22.6v31.58h-9.9z"/> <path d="m300.12 78.16v-8.16h-.18c-3.72 6.29-10.4 9.53-17.93 9.53-15.45 0-28-11.63-28-26.88 0-16.87 12.1-28.7 27.65-28.7 7.72 0 14.21 2.86 18.31 8.87h.18v-7.47h9.85v52.81zm.19-26.31c0-10.29-7.44-18.87-18.4-18.87-9.92 0-18 8.49-18 18.87 0 9.92 8.11 18.6 18 18.6a18.57 18.57 0 0 0 18.4-18.6z"/> <path d="m325.11 78.16v-43.75h-7.11v-9.06h7.15v-17.73h9.85v17.73h8.68v9.06h-8.68v43.75z"/> <path d="m356 56.05c2.29 8.76 9.25 14.4 17.36 14.4a17 17 0 0 0 15.06-8.87h9.91a27.08 27.08 0 0 1 -25.41 17.92c-14.87 0-26.92-13.16-26.92-27.27 0-16.68 12.58-28.32 26.6-28.32a26.9 26.9 0 0 1 27.4 27.17 29.4 29.4 0 0 1 -.29 5h-43.71zm34.13-7.62c-.75-9-8.67-15.45-17.16-15.45-8.11 0-16.21 6.39-17 15.45z"/> <path d="m42 39.88a22.68 22.68 0 0 0 -4.89-3.79 18.39 18.39 0 0 0 1.73-2 21 21 0 0 0 4-14 21.57 21.57 0 0 0 -6.2-13.85 22 22 0 0 0 -15.96-6.24h-20.68v79.5h24.34c9.13 0 14.75-4 17.87-7.39a23.6 23.6 0 0 0 6.18-16.11 22.89 22.89 0 0 0 -6.39-16.12zm-21.32-30.61c8.37 0 12.5 5.75 12.88 11.43a11.49 11.49 0 0 1 -9.71 11.93h-14.58v-23.36zm3.65 61h-15.06v-28.37h13.73c11.89 0 16.1 7.6 16.1 14.11-.01 6.84-4.62 14.22-14.77 14.22z"/> <path d="m245.87 25.39c-9.38-.7-13 4-13 4v-4h-9.87v52.77h9.91v-29.64a20.28 20.28 0 0 1 1-6.37c2.14-6.48 9.16-8.56 16-6l4.09-8.7a22.74 22.74 0 0 0 -8.13-2.06z"/> <path d="m173.07 7.62h9.92v70.55h-9.92z"/> <path d="m205.26 78.16-21.88-26.43 19.62-26.38h11.21l-19.31 26.38 22.05 26.43z"/> </g> </svg></a> <nav class="SiteNavCategories" x-ref="siteNavCategories" data-cy="siteNav" role="navigation" aria-label="main" @keydown.esc="() => {closeNav(); $refs.siteNavMenuButton.focus();}"> <ul class="SiteNavCategories-list" :aria-label="isMobile ? 'Use the up and down arrows to navigate through the top-level links. Alternatively, you can press the escape key to close the menu.' : 'Use the right and left arrows to navigate through the top-level links and the up and down arrows to navigate through the submenu tabs. Alternatively, you can press the end key to jump to the search toggle, and the escape key to close the menu.'"> <li x-cloak class="SiteNavCategory" id="category-1" @mouseenter="focusCategory($el)" @mouseleave="blurCategory" x-data> <a class="SiteNavCategory-link" href="/banking/" data-js-selector="siteNavCategorylink1" data-preamp="nav-category-item" @focus="focusCategory($el.parentElement)" @click="handleCategoryClick" @keydown.tab.prevent="keydownCategory('tab', 1, 7);" @keydown.right.prevent="keydownCategory('right', 1, 7);" @keydown.left.prevent="keydownCategory('left', 1, 7);" @keydown.down.prevent="keydownCategory('down', 1, 7);" @keydown.up.prevent="keydownCategory('up', 1, 7);" @keydown.home.prevent="keydownCategory('home', 1, 7);" @keydown.end.prevent="keydownCategory('end', 1, 7);" @keydown.space.prevent="keydownCategory('space', 1, 7);" @keydown.enter.prevent="keydownCategory('enter', 1, 7);" :tabindex="isMobile && !isNavOpen ? -1 : 0" data-beam-element-clicked data-type="link" data-location="site-nav" data-name="top-level" data-position="1" data-text="Banking" data-outcome="send to banking hub" > <span class="SiteNavCategory-label"> Banking</span> <svg class="SiteNavCategory-icon SiteNavCategory-arrow" aria-hidden="true" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Caret Right Icon</title><path d="M8.168 21a1.39 1.39 0 0 1-.938-.379c-.51-.51-.51-1.35 0-1.86l6.744-6.75L7.23 5.242c-.51-.51-.51-1.35 0-1.86a1.32 1.32 0 0 1 1.859 0l7.681 7.689c.51.51.51 1.35 0 1.86l-7.681 7.69A1.29 1.29 0 0 1 8.15 21h.017Z" class="icon-base"/></svg></a> <div x-ref="flyout" class="SiteNavCategory-flyout" id="siteNavCategory-flyout-banking" data-beam-element-viewed data-type="drawer" data-location="site-nav" data-name="top-level-hover" data-position="1" data-text="Banking" data-outcome="open default banking container" > <div class="SiteNavCategory-panel" x-ref="siteNavCategoryPanel"> <div class="SiteNavMobile-sticky"> <button class="SiteNavMobile-back" @click="deactivateCategory" x-ref="backToCategoriesButton" @keydown.prevent="keyDownBackToCategoriesButton" aria-label="Back to all categories"> <svg class="Icon Icon--xs" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Caret Left Icon</title><path d="M15.85 21a1.36 1.36 0 0 1-.938-.379L7.23 12.932c-.51-.51-.51-1.35 0-1.86l7.681-7.69a1.32 1.32 0 0 1 1.86 0c.51.511.51 1.35 0 1.861l-6.745 6.75 6.744 6.751c.51.51.51 1.35 0 1.86a1.29 1.29 0 0 1-.937.38l.016.016Z" class="icon-base"/></svg>All </button> </div> <div class="SiteNavSubcategory" x-id="['subcategory']"> <div class="SiteNavSubcategory-tabsContainer"> <div id="banking-tablist" class="SiteNavSubcategory-categoryTitle"> Banking</div> <div class="SiteNavSubcategory-tabs" x-ref="siteNavTablist" @keydown.prevent="keydownSubcategoryTabs" role="tablist" aria-labelledby="banking-tablist"> <button class="SiteNavSubcategory-tab" :class="isActiveSubcategory($el.id) ? 'is-active' : ''" type="button" role="tab" @mouseover="handleSubcategoryMouseOver" @click="handleSubcategoryClick" @mousedown.prevent @focus="activateSubcategory($el.id)" :id="$id('subcategory', whichChild($el, $el.parentElement))" :tabindex="isActiveSubcategory($el.id) ? 0 : -1" :aria-selected="isActiveSubcategory($el.id)" data-subcategory-name="Checking & savings" data-position="1"> Checking & savings<svg class="Icon Icon--xs" aria-hidden="true" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Caret Right Icon</title><path d="M8.168 21a1.39 1.39 0 0 1-.938-.379c-.51-.51-.51-1.35 0-1.86l6.744-6.75L7.23 5.242c-.51-.51-.51-1.35 0-1.86a1.32 1.32 0 0 1 1.859 0l7.681 7.689c.51.51.51 1.35 0 1.86l-7.681 7.69A1.29 1.29 0 0 1 8.15 21h.017Z" class="icon-base"/></svg></button> <button class="SiteNavSubcategory-tab" :class="isActiveSubcategory($el.id) ? 'is-active' : ''" type="button" role="tab" @mouseover="handleSubcategoryMouseOver" @click="handleSubcategoryClick" @mousedown.prevent @focus="activateSubcategory($el.id)" :id="$id('subcategory', whichChild($el, $el.parentElement))" :tabindex="isActiveSubcategory($el.id) ? 0 : -1" :aria-selected="isActiveSubcategory($el.id)" data-subcategory-name="CDs" data-position="2"> CDs<svg class="Icon Icon--xs" aria-hidden="true" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Caret Right Icon</title><path d="M8.168 21a1.39 1.39 0 0 1-.938-.379c-.51-.51-.51-1.35 0-1.86l6.744-6.75L7.23 5.242c-.51-.51-.51-1.35 0-1.86a1.32 1.32 0 0 1 1.859 0l7.681 7.689c.51.51.51 1.35 0 1.86l-7.681 7.69A1.29 1.29 0 0 1 8.15 21h.017Z" class="icon-base"/></svg></button> <button class="SiteNavSubcategory-tab" :class="isActiveSubcategory($el.id) ? 'is-active' : ''" type="button" role="tab" @mouseover="handleSubcategoryMouseOver" @click="handleSubcategoryClick" @mousedown.prevent @focus="activateSubcategory($el.id)" :id="$id('subcategory', whichChild($el, $el.parentElement))" :tabindex="isActiveSubcategory($el.id) ? 0 : -1" :aria-selected="isActiveSubcategory($el.id)" data-subcategory-name="Money market" data-position="3"> Money market<svg class="Icon Icon--xs" aria-hidden="true" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Caret Right Icon</title><path d="M8.168 21a1.39 1.39 0 0 1-.938-.379c-.51-.51-.51-1.35 0-1.86l6.744-6.75L7.23 5.242c-.51-.51-.51-1.35 0-1.86a1.32 1.32 0 0 1 1.859 0l7.681 7.689c.51.51.51 1.35 0 1.86l-7.681 7.69A1.29 1.29 0 0 1 8.15 21h.017Z" class="icon-base"/></svg></button> <button class="SiteNavSubcategory-tab" :class="isActiveSubcategory($el.id) ? 'is-active' : ''" type="button" role="tab" @mouseover="handleSubcategoryMouseOver" @click="handleSubcategoryClick" @mousedown.prevent @focus="activateSubcategory($el.id)" :id="$id('subcategory', whichChild($el, $el.parentElement))" :tabindex="isActiveSubcategory($el.id) ? 0 : -1" :aria-selected="isActiveSubcategory($el.id)" data-subcategory-name="Banks" data-position="4"> Banks<svg class="Icon Icon--xs" aria-hidden="true" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Caret Right Icon</title><path d="M8.168 21a1.39 1.39 0 0 1-.938-.379c-.51-.51-.51-1.35 0-1.86l6.744-6.75L7.23 5.242c-.51-.51-.51-1.35 0-1.86a1.32 1.32 0 0 1 1.859 0l7.681 7.689c.51.51.51 1.35 0 1.86l-7.681 7.69A1.29 1.29 0 0 1 8.15 21h.017Z" class="icon-base"/></svg></button> </div> <div class="SiteNavSubcategory-categoryLinkContainer" @keydown.left.prevent="keydownSubcategoryTabs" @keydown.up.prevent="keydownSubcategoryTabs" @keydown.right.prevent="keydownSubcategoryTabs" @keydown.down.prevent="keydownSubcategoryTabs" @keydown.tab.prevent="keydownSubcategoryTabs"> <a href="/banking/" class="SiteNavSubcategory-categoryLink" x-ref="siteNavCategoryLinkMobile" @keydown.space.prevent="$el.click()" @keydown.enter.prevent="$el.click()" data-beam-element-clicked data-type="LINK" data-location="site-nav" data-name="Banking hub link - mobile nav" data-position="bottom" data-text="Explore all Banking resources" data-outcome="send to link" > Explore all banking resources <svg class="Icon Icon--sm text-blue" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Arrow Right Icon</title><path fill-rule="evenodd" clip-rule="evenodd" d="M12.29 18.69c.2.19.45.29.71.29V19c.25 0 .5-.09.7-.29l6.01-6c.18-.19.29-.44.29-.71 0-.27-.1-.52-.29-.71l-6.01-6a.996.996 0 1 0-1.41 1.41l4.3 4.3H4c-.55 0-1 .45-1 1s.45 1 1 1h12.58l-4.29 4.28a.996.996 0 0 0 0 1.41Z" class="icon-base"/></svg></a> </div> </div> <div class="SiteNavSubcategory-content" :class="{'is-active': showSubcategoryView}" @keydown.up.prevent="keydownSubcategoryLinks($el.querySelector('.is-active'), $event)"> <div class="SiteNavSubcategory-panelsContainer" x-ref="siteNavSubcategoryPanelsContainer"> <div class="SiteNavMobile-sticky"> <button class="SiteNavMobile-back" @click="deactivateSubcategory" x-ref="backToSubcategoriesButton" @keydown.prevent="keyDownBackToSubcategoriesButton" aria-label="Back to Banking category"> <svg class="Icon Icon--xs" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Caret Left Icon</title><path d="M15.85 21a1.36 1.36 0 0 1-.938-.379L7.23 12.932c-.51-.51-.51-1.35 0-1.86l7.681-7.69a1.32 1.32 0 0 1 1.86 0c.51.511.51 1.35 0 1.861l-6.745 6.75 6.744 6.751c.51.51.51 1.35 0 1.86a1.29 1.29 0 0 1-.937.38l.016.016Z" class="icon-base"/></svg> Banking</button> </div> <div class="SiteNavSubcategory-categoryTitle" x-text="activeSubcategoryName"></div> <div class="SiteNavSubcategory-panels" tabindex="-1"> <div class="SiteNavSubcategory-panel" :class="{'is-active' : isActiveSubcategory($id('subcategory', whichChild($el, $el.parentElement)))}" :aria-labelledby="$id('subcategory', whichChild($el, $el.parentElement))" role="tabpanel" @keydown="keydownSubcategoryLinks($el, $event)" tabindex="-1"> <div class="SiteNavSubcategory-firstColumn"> <div class="SiteNavPrimaryLinkList"> <p class="SiteNavPrimaryLinkList-eyebrow">Compare accounts</p> <ul class="SiteNavPrimaryLinkList-list"> <li class="SiteNavPrimaryLinkList-item"> <a href="/banking/savings/rates/" class="SiteNavPrimaryLink" target="" data-beam-element-clicked data-type="anchor link" data-location="site-nav" data-name="Banking anchor link" data-position="1" data-text="Best savings accounts" data-outcome="send to Best savings accounts" > Best savings accounts</a> </li> <li class="SiteNavPrimaryLinkList-item"> <a href="/banking/savings/best-high-yield-interests-savings-accounts/" class="SiteNavPrimaryLink" target="" data-beam-element-clicked data-type="anchor link" data-location="site-nav" data-name="Banking anchor link" data-position="2" data-text="Best high-yield savings accounts" data-outcome="send to Best high-yield savings accounts" > Best high-yield savings accounts</a> </li> <li class="SiteNavPrimaryLinkList-item"> <a href="/banking/checking/best-business-checking-accounts/" class="SiteNavPrimaryLink" target="" data-beam-element-clicked data-type="anchor link" data-location="site-nav" data-name="Banking anchor link" data-position="3" data-text="Best business checking accounts" data-outcome="send to Best business checking accounts" > Best business checking accounts</a> </li> <li class="SiteNavPrimaryLinkList-item"> <a href="/banking/checking/best-checking-accounts/" class="SiteNavPrimaryLink" target="" data-beam-element-clicked data-type="anchor link" data-location="site-nav" data-name="Banking anchor link" data-position="4" data-text="Best checking accounts" data-outcome="send to Best checking accounts" > Best checking accounts</a> </li> </ul> </div> </div> <div class="SiteNavSubcategory-secondColumn"> <div class="SiteNavSecondaryLinkListWrapper"> <p class="SiteNavSecondaryLinkListWrapper-eyebrow" role="heading">Get guidance</p> <div class="SiteNavSecondaryLinkLists"> <ul class="SiteNavSecondaryLinkList"> <li> <a class="SiteNavSecondaryLink" href="/banking/savings/simple-savings-calculator/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Banking nav - Checking & savings subcategory featured link" data-position="1" data-text="Savings calculator" data-outcome="send to link" > Savings calculator</a> </li> <li> <a class="SiteNavSecondaryLink" href="/savings/calculators/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Banking nav - Checking & savings subcategory featured link" data-position="2" data-text="All savings calculators" data-outcome="send to link" > All savings calculators</a> </li> <li> <a class="SiteNavSecondaryLink" href="/banking/savings/average-savings-interest-rates/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Banking nav - Checking & savings subcategory featured link" data-position="3" data-text="Savings rate trends" data-outcome="send to link" > Savings rate trends</a> </li> <li> <a class="SiteNavSecondaryLink" href="/banking/savings/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Banking nav - Checking & savings subcategory featured link" data-position="4" data-text="Savings resources" data-outcome="send to link" > Savings resources</a> </li> </ul> <ul class="SiteNavFeaturedLinkList"> <li> <a class="SiteNavFeaturedLink" href="/banking/savings/how-to-open-a-savings-account/" data-beam-element-clicked data-type="featured link" data-location="site-nav" data-name="Banking nav - Checking & savings subcategory link" data-position="1" data-text="Savings basics" data-outcome="send to link" > <div class="SiteNavFeaturedLink-image"> <img loading="lazy" srcset="https://www.bankrate.com/f/102997/1440x1440/6efbd0a01f/savings-basics.png/m/50x50/filters:quality(90):format(webp), https://www.bankrate.com/f/102997/1440x1440/6efbd0a01f/savings-basics.png/m/100x100/filters:quality(90):format(webp) 2x" src="https://www.bankrate.com/f/102997/1440x1440/6efbd0a01f/savings-basics.png/m/50x50/filters:quality(90):format(webp)" alt=""> </div> <div class="SiteNavFeaturedLink-content"> <span class="SiteNavFeaturedLink-mainText">Savings basics</span> <span class="SiteNavFeaturedLink-supportText">5 min read</span> </div> </a> </li> <li> <a class="SiteNavFeaturedLink" href="/banking/savings/start-saving-from-scratch/" data-beam-element-clicked data-type="featured link" data-location="site-nav" data-name="Banking nav - Checking & savings subcategory link" data-position="2" data-text="How to start saving" data-outcome="send to link" > <div class="SiteNavFeaturedLink-image"> <img loading="lazy" srcset="https://www.bankrate.com/f/102997/1440x1440/4c26764452/how-to-start-saving.png/m/50x50/filters:quality(90):format(webp), https://www.bankrate.com/f/102997/1440x1440/4c26764452/how-to-start-saving.png/m/100x100/filters:quality(90):format(webp) 2x" src="https://www.bankrate.com/f/102997/1440x1440/4c26764452/how-to-start-saving.png/m/50x50/filters:quality(90):format(webp)" alt=""> </div> <div class="SiteNavFeaturedLink-content"> <span class="SiteNavFeaturedLink-mainText">How to start saving</span> <span class="SiteNavFeaturedLink-supportText">4 min read</span> </div> </a> </li> </ul> </div> </div> </div> </div> <div class="SiteNavSubcategory-panel" :class="{'is-active' : isActiveSubcategory($id('subcategory', whichChild($el, $el.parentElement)))}" :aria-labelledby="$id('subcategory', whichChild($el, $el.parentElement))" role="tabpanel" @keydown="keydownSubcategoryLinks($el, $event)" tabindex="-1"> <div class="SiteNavSubcategory-firstColumn"> <div class="SiteNavPrimaryLinkList"> <p class="SiteNavPrimaryLinkList-eyebrow">Compare accounts</p> <ul class="SiteNavPrimaryLinkList-list"> <li class="SiteNavPrimaryLinkList-item"> <a href="/banking/cds/cd-rates/" class="SiteNavPrimaryLink" target="" data-beam-element-clicked data-type="anchor link" data-location="site-nav" data-name="Banking anchor link" data-position="1" data-text="Best CD rates" data-outcome="send to Best CD rates" > Best CD rates</a> </li> <li class="SiteNavPrimaryLinkList-item"> <a href="/banking/cds/best-6-month-cd-rates/" class="SiteNavPrimaryLink" target="" data-beam-element-clicked data-type="anchor link" data-location="site-nav" data-name="Banking anchor link" data-position="2" data-text="Best 6-month CD rates" data-outcome="send to Best 6-month CD rates" > Best 6-month CD rates</a> </li> <li class="SiteNavPrimaryLinkList-item"> <a href="/banking/cds/best-1-year-cd-rates/" class="SiteNavPrimaryLink" target="" data-beam-element-clicked data-type="anchor link" data-location="site-nav" data-name="Banking anchor link" data-position="3" data-text="Best 1-year CD rates" data-outcome="send to Best 1-year CD rates" > Best 1-year CD rates</a> </li> <li class="SiteNavPrimaryLinkList-item"> <a href="/banking/cds/best-5-year-cd-rates/" class="SiteNavPrimaryLink" target="" data-beam-element-clicked data-type="anchor link" data-location="site-nav" data-name="Banking anchor link" data-position="4" data-text="Best 5-year CD rates" data-outcome="send to Best 5-year CD rates" > Best 5-year CD rates</a> </li> </ul> </div> </div> <div class="SiteNavSubcategory-secondColumn"> <div class="SiteNavSecondaryLinkListWrapper"> <p class="SiteNavSecondaryLinkListWrapper-eyebrow" role="heading">Get guidance</p> <div class="SiteNavSecondaryLinkLists"> <ul class="SiteNavSecondaryLinkList"> <li> <a class="SiteNavSecondaryLink" href="/banking/cds/cd-calculator/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Banking nav - CDs subcategory featured link" data-position="1" data-text="CD calculator" data-outcome="send to link" > CD calculator</a> </li> <li> <a class="SiteNavSecondaryLink" href="/banking/cds/cd-ladder-calculator/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Banking nav - CDs subcategory featured link" data-position="2" data-text="CD ladder calculator" data-outcome="send to link" > CD ladder calculator</a> </li> <li> <a class="SiteNavSecondaryLink" href="/banking/cds/todays-cd-rates/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Banking nav - CDs subcategory featured link" data-position="3" data-text="CD rate trends" data-outcome="send to link" > CD rate trends</a> </li> <li> <a class="SiteNavSecondaryLink" href="/banking/cds/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Banking nav - CDs subcategory featured link" data-position="4" data-text="CD resources" data-outcome="send to link" > CD resources</a> </li> </ul> <ul class="SiteNavFeaturedLinkList"> <li> <a class="SiteNavFeaturedLink" href="/banking/cds/what-is-a-cd/" data-beam-element-clicked data-type="featured link" data-location="site-nav" data-name="Banking nav - CDs subcategory link" data-position="1" data-text="CD basics" data-outcome="send to link" > <div class="SiteNavFeaturedLink-image"> <img loading="lazy" srcset="https://www.bankrate.com/f/102997/1440x1440/a7b9c5207a/cd-basics.png/m/50x50/filters:quality(90):format(webp), https://www.bankrate.com/f/102997/1440x1440/a7b9c5207a/cd-basics.png/m/100x100/filters:quality(90):format(webp) 2x" src="https://www.bankrate.com/f/102997/1440x1440/a7b9c5207a/cd-basics.png/m/50x50/filters:quality(90):format(webp)" alt=""> </div> <div class="SiteNavFeaturedLink-content"> <span class="SiteNavFeaturedLink-mainText">CD basics</span> <span class="SiteNavFeaturedLink-supportText">7 min read</span> </div> </a> </li> <li> <a class="SiteNavFeaturedLink" href="/banking/cds/how-to-invest-in-cds/" data-beam-element-clicked data-type="featured link" data-location="site-nav" data-name="Banking nav - CDs subcategory link" data-position="2" data-text="How to invest with CDs" data-outcome="send to link" > <div class="SiteNavFeaturedLink-image"> <img loading="lazy" srcset="https://www.bankrate.com/f/102997/1440x1440/4b0ced533f/how-to-invest-with-cds.png/m/50x50/filters:quality(90):format(webp), https://www.bankrate.com/f/102997/1440x1440/4b0ced533f/how-to-invest-with-cds.png/m/100x100/filters:quality(90):format(webp) 2x" src="https://www.bankrate.com/f/102997/1440x1440/4b0ced533f/how-to-invest-with-cds.png/m/50x50/filters:quality(90):format(webp)" alt=""> </div> <div class="SiteNavFeaturedLink-content"> <span class="SiteNavFeaturedLink-mainText">How to invest with CDs</span> <span class="SiteNavFeaturedLink-supportText">6 min read</span> </div> </a> </li> </ul> </div> </div> </div> </div> <div class="SiteNavSubcategory-panel" :class="{'is-active' : isActiveSubcategory($id('subcategory', whichChild($el, $el.parentElement)))}" :aria-labelledby="$id('subcategory', whichChild($el, $el.parentElement))" role="tabpanel" @keydown="keydownSubcategoryLinks($el, $event)" tabindex="-1"> <div class="SiteNavSubcategory-firstColumn"> <div class="SiteNavTopicOverview"> <p class="SiteNavTopicOverview-heading" role="heading">Money market accounts</p> <p class="SiteNavTopicOverview-copy">Money market accounts are similar to savings accounts, but offer some checking features as well.</p> <a href="/banking/money-market/rates/" class="Button Button--primary"data-beam-element-clicked data-type="button" data-location="site-nav" data-name="Banking nav - Money market subcategory CTA" data-position="1" data-text="View MMA rates" data-outcome="send to link" data-category="Banking"> View MMA rates</a> </div> </div> <div class="SiteNavSubcategory-secondColumn"> <div class="SiteNavSecondaryLinkListWrapper"> <p class="SiteNavSecondaryLinkListWrapper-eyebrow" role="heading">Get guidance</p> <div class="SiteNavSecondaryLinkLists"> <ul class="SiteNavSecondaryLinkList"> <li> <a class="SiteNavSecondaryLink" href="/banking/mma/what-is-a-money-market-account/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Banking nav - Money market subcategory featured link" data-position="1" data-text="Money market basics" data-outcome="send to link" > Money market basics</a> </li> <li> <a class="SiteNavSecondaryLink" href="/banking/money-market-account-vs-savings-account/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Banking nav - Money market subcategory featured link" data-position="2" data-text="Money market vs savings accounts" data-outcome="send to link" > Money market vs savings accounts</a> </li> <li> <a class="SiteNavSecondaryLink" href="/banking/mma/how-does-a-money-market-account-work/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Banking nav - Money market subcategory featured link" data-position="3" data-text="How does an MMA work?" data-outcome="send to link" > How does an MMA work?</a> </li> <li> <a class="SiteNavSecondaryLink" href="/banking/mma/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Banking nav - Money market subcategory featured link" data-position="4" data-text="MMA resources" data-outcome="send to link" > MMA resources</a> </li> </ul> </div> </div> </div> </div> <div class="SiteNavSubcategory-panel" :class="{'is-active' : isActiveSubcategory($id('subcategory', whichChild($el, $el.parentElement)))}" :aria-labelledby="$id('subcategory', whichChild($el, $el.parentElement))" role="tabpanel" @keydown="keydownSubcategoryLinks($el, $event)" tabindex="-1"> <div class="SiteNavSubcategory-firstColumn"> <div class="SiteNavTopicOverview"> <p class="SiteNavTopicOverview-heading" role="heading">Banking</p> <p class="SiteNavTopicOverview-copy">Unlock financial rewards by signing up for a savings or checking account with a bonus offer.</p> <a href="/banking/best-bank-account-bonuses/" class="Button Button--primary"data-beam-element-clicked data-type="button" data-location="site-nav" data-name="Banking nav - Banks subcategory CTA" data-position="1" data-text="Best bank bonuses" data-outcome="send to link" data-category="Banking"> Best bank bonuses</a> </div> </div> <div class="SiteNavSubcategory-secondColumn"> <div class="SiteNavSecondaryLinkListWrapper"> <p class="SiteNavSecondaryLinkListWrapper-eyebrow" role="heading">Get guidance</p> <div class="SiteNavSecondaryLinkLists"> <ul class="SiteNavSecondaryLinkList"> <li> <a class="SiteNavSecondaryLink" href="/awards/2024/best-banks/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Banking nav - Banks subcategory featured link" data-position="1" data-text="Best banks of 2024" data-outcome="send to link" > Best banks of 2024</a> </li> <li> <a class="SiteNavSecondaryLink" href="/banking/best-online-banks/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Banking nav - Banks subcategory featured link" data-position="2" data-text="Best online banks" data-outcome="send to link" > Best online banks</a> </li> <li> <a class="SiteNavSecondaryLink" href="/banking/reviews/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Banking nav - Banks subcategory featured link" data-position="3" data-text="Bank reviews" data-outcome="send to link" > Bank reviews</a> </li> <li> <a class="SiteNavSecondaryLink" href="/banking/federal-reserve/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Banking nav - Banks subcategory featured link" data-position="4" data-text="Federal Reserve news " data-outcome="send to link" > Federal Reserve news </a> </li> </ul> <ul class="SiteNavFeaturedLinkList"> <li> <a class="SiteNavFeaturedLink" href="/banking/reviews/capital-one/" data-beam-element-clicked data-type="featured link" data-location="site-nav" data-name="Banking nav - Banks subcategory link" data-position="1" data-text="Capital One review" data-outcome="send to link" > <div class="SiteNavFeaturedLink-image"> <img loading="lazy" srcset="https://www.bankrate.com/f/102997/1440x1440/d50369eb56/capital-one-review.png/m/50x50/filters:quality(90):format(webp), https://www.bankrate.com/f/102997/1440x1440/d50369eb56/capital-one-review.png/m/100x100/filters:quality(90):format(webp) 2x" src="https://www.bankrate.com/f/102997/1440x1440/d50369eb56/capital-one-review.png/m/50x50/filters:quality(90):format(webp)" alt=""> </div> <div class="SiteNavFeaturedLink-content"> <span class="SiteNavFeaturedLink-mainText">Capital One review</span> <span class="SiteNavFeaturedLink-supportText">Our take on Capital One Bank</span> </div> </a> </li> <li> <a class="SiteNavFeaturedLink" href="/banking/reviews/marcus/" data-beam-element-clicked data-type="featured link" data-location="site-nav" data-name="Banking nav - Banks subcategory link" data-position="2" data-text="Marcus review" data-outcome="send to link" > <div class="SiteNavFeaturedLink-image"> <img loading="lazy" srcset="https://www.bankrate.com/f/102997/1440x1440/d121fa8bad/marcus-review.png/m/50x50/filters:quality(90):format(webp), https://www.bankrate.com/f/102997/1440x1440/d121fa8bad/marcus-review.png/m/100x100/filters:quality(90):format(webp) 2x" src="https://www.bankrate.com/f/102997/1440x1440/d121fa8bad/marcus-review.png/m/50x50/filters:quality(90):format(webp)" alt=""> </div> <div class="SiteNavFeaturedLink-content"> <span class="SiteNavFeaturedLink-mainText">Marcus review</span> <span class="SiteNavFeaturedLink-supportText">Our take on Marcus by Goldman Sachs</span> </div> </a> </li> </ul> </div> </div> </div> </div> </div> </div> <div class="SiteNavSubcategory-categoryLinkContainer"> <a href="/banking/" class="SiteNavSubcategory-categoryLink" @keydown.tab="focusNextSubcategoryTab" @keydown.down="$event.preventDefault()" data-beam-element-clicked data-type="LINK" data-location="site-nav" data-name="Banking hub link - desktop nav" data-position="bottom" data-text="Explore all Banking resources" data-outcome="send to link" > Explore all banking resources <svg class="Icon Icon--sm text-blue" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Arrow Right Icon</title><path fill-rule="evenodd" clip-rule="evenodd" d="M12.29 18.69c.2.19.45.29.71.29V19c.25 0 .5-.09.7-.29l6.01-6c.18-.19.29-.44.29-.71 0-.27-.1-.52-.29-.71l-6.01-6a.996.996 0 1 0-1.41 1.41l4.3 4.3H4c-.55 0-1 .45-1 1s.45 1 1 1h12.58l-4.29 4.28a.996.996 0 0 0 0 1.41Z" class="icon-base"/></svg></a> </div> </div> </div> </div> </div> </li> <li x-cloak class="SiteNavCategory" id="category-2" @mouseenter="focusCategory($el)" @mouseleave="blurCategory" x-data> <a class="SiteNavCategory-link" href="/mortgages/" data-js-selector="siteNavCategorylink2" data-preamp="nav-category-item" @focus="focusCategory($el.parentElement)" @click="handleCategoryClick" @keydown.tab.prevent="keydownCategory('tab', 2, 7);" @keydown.right.prevent="keydownCategory('right', 2, 7);" @keydown.left.prevent="keydownCategory('left', 2, 7);" @keydown.down.prevent="keydownCategory('down', 2, 7);" @keydown.up.prevent="keydownCategory('up', 2, 7);" @keydown.home.prevent="keydownCategory('home', 2, 7);" @keydown.end.prevent="keydownCategory('end', 2, 7);" @keydown.space.prevent="keydownCategory('space', 2, 7);" @keydown.enter.prevent="keydownCategory('enter', 2, 7);" :tabindex="isMobile && !isNavOpen ? -1 : 0" data-beam-element-clicked data-type="link" data-location="site-nav" data-name="top-level" data-position="2" data-text="Mortgages" data-outcome="send to mortgages hub" > <span class="SiteNavCategory-label"> Mortgages</span> <svg class="SiteNavCategory-icon SiteNavCategory-arrow" aria-hidden="true" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Caret Right Icon</title><path d="M8.168 21a1.39 1.39 0 0 1-.938-.379c-.51-.51-.51-1.35 0-1.86l6.744-6.75L7.23 5.242c-.51-.51-.51-1.35 0-1.86a1.32 1.32 0 0 1 1.859 0l7.681 7.689c.51.51.51 1.35 0 1.86l-7.681 7.69A1.29 1.29 0 0 1 8.15 21h.017Z" class="icon-base"/></svg></a> <div x-ref="flyout" class="SiteNavCategory-flyout" id="siteNavCategory-flyout-mortgages" data-beam-element-viewed data-type="drawer" data-location="site-nav" data-name="top-level-hover" data-position="2" data-text="Mortgages" data-outcome="open default mortgages container" > <div class="SiteNavCategory-panel" x-ref="siteNavCategoryPanel"> <div class="SiteNavMobile-sticky"> <button class="SiteNavMobile-back" @click="deactivateCategory" x-ref="backToCategoriesButton" @keydown.prevent="keyDownBackToCategoriesButton" aria-label="Back to all categories"> <svg class="Icon Icon--xs" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Caret Left Icon</title><path d="M15.85 21a1.36 1.36 0 0 1-.938-.379L7.23 12.932c-.51-.51-.51-1.35 0-1.86l7.681-7.69a1.32 1.32 0 0 1 1.86 0c.51.511.51 1.35 0 1.861l-6.745 6.75 6.744 6.751c.51.51.51 1.35 0 1.86a1.29 1.29 0 0 1-.937.38l.016.016Z" class="icon-base"/></svg>All </button> </div> <div class="SiteNavSubcategory" x-id="['subcategory']"> <div class="SiteNavSubcategory-tabsContainer"> <div id="mortgages-tablist" class="SiteNavSubcategory-categoryTitle"> Mortgages</div> <div class="SiteNavSubcategory-tabs" x-ref="siteNavTablist" @keydown.prevent="keydownSubcategoryTabs" role="tablist" aria-labelledby="mortgages-tablist"> <button class="SiteNavSubcategory-tab" :class="isActiveSubcategory($el.id) ? 'is-active' : ''" type="button" role="tab" @mouseover="handleSubcategoryMouseOver" @click="handleSubcategoryClick" @mousedown.prevent @focus="activateSubcategory($el.id)" :id="$id('subcategory', whichChild($el, $el.parentElement))" :tabindex="isActiveSubcategory($el.id) ? 0 : -1" :aria-selected="isActiveSubcategory($el.id)" data-subcategory-name="Purchase" data-position="1"> Purchase<svg class="Icon Icon--xs" aria-hidden="true" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Caret Right Icon</title><path d="M8.168 21a1.39 1.39 0 0 1-.938-.379c-.51-.51-.51-1.35 0-1.86l6.744-6.75L7.23 5.242c-.51-.51-.51-1.35 0-1.86a1.32 1.32 0 0 1 1.859 0l7.681 7.689c.51.51.51 1.35 0 1.86l-7.681 7.69A1.29 1.29 0 0 1 8.15 21h.017Z" class="icon-base"/></svg></button> <button class="SiteNavSubcategory-tab" :class="isActiveSubcategory($el.id) ? 'is-active' : ''" type="button" role="tab" @mouseover="handleSubcategoryMouseOver" @click="handleSubcategoryClick" @mousedown.prevent @focus="activateSubcategory($el.id)" :id="$id('subcategory', whichChild($el, $el.parentElement))" :tabindex="isActiveSubcategory($el.id) ? 0 : -1" :aria-selected="isActiveSubcategory($el.id)" data-subcategory-name="Refinance" data-position="2"> Refinance<svg class="Icon Icon--xs" aria-hidden="true" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Caret Right Icon</title><path d="M8.168 21a1.39 1.39 0 0 1-.938-.379c-.51-.51-.51-1.35 0-1.86l6.744-6.75L7.23 5.242c-.51-.51-.51-1.35 0-1.86a1.32 1.32 0 0 1 1.859 0l7.681 7.689c.51.51.51 1.35 0 1.86l-7.681 7.69A1.29 1.29 0 0 1 8.15 21h.017Z" class="icon-base"/></svg></button> <button class="SiteNavSubcategory-tab" :class="isActiveSubcategory($el.id) ? 'is-active' : ''" type="button" role="tab" @mouseover="handleSubcategoryMouseOver" @click="handleSubcategoryClick" @mousedown.prevent @focus="activateSubcategory($el.id)" :id="$id('subcategory', whichChild($el, $el.parentElement))" :tabindex="isActiveSubcategory($el.id) ? 0 : -1" :aria-selected="isActiveSubcategory($el.id)" data-subcategory-name="Real estate" data-position="3"> Real estate<svg class="Icon Icon--xs" aria-hidden="true" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Caret Right Icon</title><path d="M8.168 21a1.39 1.39 0 0 1-.938-.379c-.51-.51-.51-1.35 0-1.86l6.744-6.75L7.23 5.242c-.51-.51-.51-1.35 0-1.86a1.32 1.32 0 0 1 1.859 0l7.681 7.689c.51.51.51 1.35 0 1.86l-7.681 7.69A1.29 1.29 0 0 1 8.15 21h.017Z" class="icon-base"/></svg></button> </div> <div class="SiteNavSubcategory-categoryLinkContainer" @keydown.left.prevent="keydownSubcategoryTabs" @keydown.up.prevent="keydownSubcategoryTabs" @keydown.right.prevent="keydownSubcategoryTabs" @keydown.down.prevent="keydownSubcategoryTabs" @keydown.tab.prevent="keydownSubcategoryTabs"> <a href="/mortgages/" class="SiteNavSubcategory-categoryLink" x-ref="siteNavCategoryLinkMobile" @keydown.space.prevent="$el.click()" @keydown.enter.prevent="$el.click()" data-beam-element-clicked data-type="LINK" data-location="site-nav" data-name="Mortgages hub link - mobile nav" data-position="bottom" data-text="Explore all Mortgages resources" data-outcome="send to link" > Explore all mortgages resources <svg class="Icon Icon--sm text-blue" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Arrow Right Icon</title><path fill-rule="evenodd" clip-rule="evenodd" d="M12.29 18.69c.2.19.45.29.71.29V19c.25 0 .5-.09.7-.29l6.01-6c.18-.19.29-.44.29-.71 0-.27-.1-.52-.29-.71l-6.01-6a.996.996 0 1 0-1.41 1.41l4.3 4.3H4c-.55 0-1 .45-1 1s.45 1 1 1h12.58l-4.29 4.28a.996.996 0 0 0 0 1.41Z" class="icon-base"/></svg></a> </div> </div> <div class="SiteNavSubcategory-content" :class="{'is-active': showSubcategoryView}" @keydown.up.prevent="keydownSubcategoryLinks($el.querySelector('.is-active'), $event)"> <div class="SiteNavSubcategory-panelsContainer" x-ref="siteNavSubcategoryPanelsContainer"> <div class="SiteNavMobile-sticky"> <button class="SiteNavMobile-back" @click="deactivateSubcategory" x-ref="backToSubcategoriesButton" @keydown.prevent="keyDownBackToSubcategoriesButton" aria-label="Back to Mortgages category"> <svg class="Icon Icon--xs" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Caret Left Icon</title><path d="M15.85 21a1.36 1.36 0 0 1-.938-.379L7.23 12.932c-.51-.51-.51-1.35 0-1.86l7.681-7.69a1.32 1.32 0 0 1 1.86 0c.51.511.51 1.35 0 1.861l-6.745 6.75 6.744 6.751c.51.51.51 1.35 0 1.86a1.29 1.29 0 0 1-.937.38l.016.016Z" class="icon-base"/></svg> Mortgages</button> </div> <div class="SiteNavSubcategory-categoryTitle" x-text="activeSubcategoryName"></div> <div class="SiteNavSubcategory-panels" tabindex="-1"> <div class="SiteNavSubcategory-panel" :class="{'is-active' : isActiveSubcategory($id('subcategory', whichChild($el, $el.parentElement)))}" :aria-labelledby="$id('subcategory', whichChild($el, $el.parentElement))" role="tabpanel" @keydown="keydownSubcategoryLinks($el, $event)" tabindex="-1"> <div class="SiteNavSubcategory-firstColumn"> <div class="SiteNavPrimaryLinkList"> <p class="SiteNavPrimaryLinkList-eyebrow">Compare rates</p> <ul class="SiteNavPrimaryLinkList-list"> <li class="SiteNavPrimaryLinkList-item"> <a href="/mortgages/mortgage-rates/" class="SiteNavPrimaryLink" target="" data-beam-element-clicked data-type="anchor link" data-location="site-nav" data-name="Homes anchor link" data-position="1" data-text="Mortgage rates" data-outcome="send to Mortgage rates" > Mortgage rates</a> </li> <li class="SiteNavPrimaryLinkList-item"> <a href="/mortgages/30-year-mortgage-rates/?disablePre=1" class="SiteNavPrimaryLink" target="" data-beam-element-clicked data-type="anchor link" data-location="site-nav" data-name="Homes anchor link" data-position="2" data-text="30-year mortgage rates" data-outcome="send to 30-year mortgage rates" > 30-year mortgage rates</a> </li> <li class="SiteNavPrimaryLinkList-item"> <a href="/mortgages/15-year-mortgage-rates/?disablePre=1" class="SiteNavPrimaryLink" target="" data-beam-element-clicked data-type="anchor link" data-location="site-nav" data-name="Homes anchor link" data-position="3" data-text="15-year mortgage rates" data-outcome="send to 15-year mortgage rates" > 15-year mortgage rates</a> </li> <li class="SiteNavPrimaryLinkList-item"> <a href="/mortgages/va-loan-rates/" class="SiteNavPrimaryLink" target="" data-beam-element-clicked data-type="anchor link" data-location="site-nav" data-name="Homes anchor link" data-position="4" data-text="VA loan rates" data-outcome="send to VA loan rates" > VA loan rates</a> </li> </ul> </div> </div> <div class="SiteNavSubcategory-secondColumn"> <div class="SiteNavSecondaryLinkListWrapper"> <p class="SiteNavSecondaryLinkListWrapper-eyebrow" role="heading">Get guidance</p> <div class="SiteNavSecondaryLinkLists"> <ul class="SiteNavSecondaryLinkList"> <li> <a class="SiteNavSecondaryLink" href="/mortgages/mortgage-calculator/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Mortgages nav - Purchase subcategory featured link" data-position="1" data-text="Mortgage calculator" data-outcome="send to link" > Mortgage calculator</a> </li> <li> <a class="SiteNavSecondaryLink" href="/mortgages/amortization-calculator/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Mortgages nav - Purchase subcategory featured link" data-position="2" data-text="Amortization calculator" data-outcome="send to link" > Amortization calculator</a> </li> <li> <a class="SiteNavSecondaryLink" href="/mortgages/todays-rates/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Mortgages nav - Purchase subcategory featured link" data-position="3" data-text="Mortgage rate news" data-outcome="send to link" > Mortgage rate news</a> </li> <li> <a class="SiteNavSecondaryLink" href="/mortgages/best-lenders/best-mortgage-lenders/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Mortgages nav - Purchase subcategory featured link" data-position="4" data-text="Best mortgage lenders" data-outcome="send to link" > Best mortgage lenders</a> </li> <li> <a class="SiteNavSecondaryLink" href="/mortgages/reviews/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Mortgages nav - Purchase subcategory featured link" data-position="5" data-text="Read lender reviews" data-outcome="send to link" > Read lender reviews</a> </li> </ul> <ul class="SiteNavFeaturedLinkList"> <li> <a class="SiteNavFeaturedLink" href="/mortgages/how-to-get-a-mortgage/" data-beam-element-clicked data-type="featured link" data-location="site-nav" data-name="Mortgages nav - Purchase subcategory link" data-position="1" data-text="How to get a mortgage" data-outcome="send to link" > <div class="SiteNavFeaturedLink-image"> <img loading="lazy" srcset="https://www.bankrate.com/f/102997/1440x1440/4037e1299d/how-to-get-a-mortgage.png/m/50x50/filters:quality(90):format(webp), https://www.bankrate.com/f/102997/1440x1440/4037e1299d/how-to-get-a-mortgage.png/m/100x100/filters:quality(90):format(webp) 2x" src="https://www.bankrate.com/f/102997/1440x1440/4037e1299d/how-to-get-a-mortgage.png/m/50x50/filters:quality(90):format(webp)" alt=""> </div> <div class="SiteNavFeaturedLink-content"> <span class="SiteNavFeaturedLink-mainText">How to get a mortgage</span> <span class="SiteNavFeaturedLink-supportText">11 min read</span> </div> </a> </li> <li> <a class="SiteNavFeaturedLink" href="/mortgages/first-time-homebuyer-loans-and-programs/" data-beam-element-clicked data-type="featured link" data-location="site-nav" data-name="Mortgages nav - Purchase subcategory link" data-position="2" data-text="First-time homebuyer programs" data-outcome="send to link" > <div class="SiteNavFeaturedLink-image"> <img loading="lazy" srcset="https://www.bankrate.com/f/102997/1440x1440/8889d553d1/best-mortgage-lenders-nav-imagery.png/m/50x50/filters:quality(90):format(webp), https://www.bankrate.com/f/102997/1440x1440/8889d553d1/best-mortgage-lenders-nav-imagery.png/m/100x100/filters:quality(90):format(webp) 2x" src="https://www.bankrate.com/f/102997/1440x1440/8889d553d1/best-mortgage-lenders-nav-imagery.png/m/50x50/filters:quality(90):format(webp)" alt=""> </div> <div class="SiteNavFeaturedLink-content"> <span class="SiteNavFeaturedLink-mainText">First-time homebuyer programs</span> <span class="SiteNavFeaturedLink-supportText">11 min read</span> </div> </a> </li> </ul> </div> </div> </div> </div> <div class="SiteNavSubcategory-panel" :class="{'is-active' : isActiveSubcategory($id('subcategory', whichChild($el, $el.parentElement)))}" :aria-labelledby="$id('subcategory', whichChild($el, $el.parentElement))" role="tabpanel" @keydown="keydownSubcategoryLinks($el, $event)" tabindex="-1"> <div class="SiteNavSubcategory-firstColumn"> <div class="SiteNavPrimaryLinkList"> <p class="SiteNavPrimaryLinkList-eyebrow">Compare rates</p> <ul class="SiteNavPrimaryLinkList-list"> <li class="SiteNavPrimaryLinkList-item"> <a href="/mortgages/refinance-rates/" class="SiteNavPrimaryLink" target="" > Refinance rates</a> </li> <li class="SiteNavPrimaryLinkList-item"> <a href="/mortgages/cash-out-refinance-rates/" class="SiteNavPrimaryLink" target="" > Cash-out refinance rates</a> </li> <li class="SiteNavPrimaryLinkList-item"> <a href="/mortgages/30-year-refinance-rates/?disablePre=1" class="SiteNavPrimaryLink" target="" > 30-year refinance rates</a> </li> <li class="SiteNavPrimaryLinkList-item"> <a href="/mortgages/15-year-refinance-rates/?disablePre=1" class="SiteNavPrimaryLink" target="" > 15-year refinance rates</a> </li> </ul> </div> </div> <div class="SiteNavSubcategory-secondColumn"> <div class="SiteNavSecondaryLinkListWrapper"> <p class="SiteNavSecondaryLinkListWrapper-eyebrow" role="heading">Get guidance</p> <div class="SiteNavSecondaryLinkLists"> <ul class="SiteNavSecondaryLinkList"> <li> <a class="SiteNavSecondaryLink" href="/mortgages/refinance-calculator/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Mortgages nav - Refinance subcategory featured link" data-position="1" data-text="Mortgage refinance calculator" data-outcome="send to link" > Mortgage refinance calculator</a> </li> <li> <a class="SiteNavSecondaryLink" href="/mortgages/best-lenders/refinance-mortgage-lenders/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Mortgages nav - Refinance subcategory featured link" data-position="2" data-text="Best refinance lenders" data-outcome="send to link" > Best refinance lenders</a> </li> <li> <a class="SiteNavSecondaryLink" href="/mortgages/best-lenders/cash-out-refinance-lenders/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Mortgages nav - Refinance subcategory featured link" data-position="3" data-text="Best cash-out refinance lenders" data-outcome="send to link" > Best cash-out refinance lenders</a> </li> <li> <a class="SiteNavSecondaryLink" href="/mortgages/refinancing/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Mortgages nav - Refinance subcategory featured link" data-position="4" data-text="Mortgage refinance resources" data-outcome="send to link" > Mortgage refinance resources</a> </li> </ul> <ul class="SiteNavFeaturedLinkList"> <li> <a class="SiteNavFeaturedLink" href="/mortgages/how-does-refinancing-a-mortgage-work/" data-beam-element-clicked data-type="featured link" data-location="site-nav" data-name="Mortgages nav - Refinance subcategory link" data-position="1" data-text="How to refinance your mortgage" data-outcome="send to link" > <div class="SiteNavFeaturedLink-image"> <img loading="lazy" srcset="https://www.bankrate.com/f/102997/1442x1440/d475e14a0e/home-equity-lender-reviews-nav-imagery.png/m/50x50/filters:quality(90):format(webp), https://www.bankrate.com/f/102997/1442x1440/d475e14a0e/home-equity-lender-reviews-nav-imagery.png/m/100x100/filters:quality(90):format(webp) 2x" src="https://www.bankrate.com/f/102997/1442x1440/d475e14a0e/home-equity-lender-reviews-nav-imagery.png/m/50x50/filters:quality(90):format(webp)" alt=""> </div> <div class="SiteNavFeaturedLink-content"> <span class="SiteNavFeaturedLink-mainText">How to refinance your mortgage</span> <span class="SiteNavFeaturedLink-supportText">12 min read</span> </div> </a> </li> <li> <a class="SiteNavFeaturedLink" href="/mortgages/cash-out-refinancing/" data-beam-element-clicked data-type="featured link" data-location="site-nav" data-name="Mortgages nav - Refinance subcategory link" data-position="2" data-text="Cash-out refinancing guide" data-outcome="send to link" > <div class="SiteNavFeaturedLink-image"> <img loading="lazy" srcset="https://www.bankrate.com/f/102997/1440x1440/e9e92b7729/home-equity-heloc-guide-nav-imagery.png/m/50x50/filters:quality(90):format(webp), https://www.bankrate.com/f/102997/1440x1440/e9e92b7729/home-equity-heloc-guide-nav-imagery.png/m/100x100/filters:quality(90):format(webp) 2x" src="https://www.bankrate.com/f/102997/1440x1440/e9e92b7729/home-equity-heloc-guide-nav-imagery.png/m/50x50/filters:quality(90):format(webp)" alt=""> </div> <div class="SiteNavFeaturedLink-content"> <span class="SiteNavFeaturedLink-mainText">Cash-out refinancing guide</span> <span class="SiteNavFeaturedLink-supportText">9 min read</span> </div> </a> </li> </ul> </div> </div> </div> </div> <div class="SiteNavSubcategory-panel" :class="{'is-active' : isActiveSubcategory($id('subcategory', whichChild($el, $el.parentElement)))}" :aria-labelledby="$id('subcategory', whichChild($el, $el.parentElement))" role="tabpanel" @keydown="keydownSubcategoryLinks($el, $event)" tabindex="-1"> <div class="SiteNavSubcategory-firstColumn"> <div class="SiteNavTopicOverview"> <p class="SiteNavTopicOverview-heading" role="heading">Buying & selling</p> <p class="SiteNavTopicOverview-copy">Find an expert who knows the market. Compare trusted real estate agents all in one place.</p> <a href="/real-estate/agents/" class="Button Button--primary"data-beam-element-clicked data-type="button" data-location="site-nav" data-name="Mortgages nav - Real estate subcategory CTA" data-position="1" data-text="Find an agent" data-outcome="send to link" data-category="Mortgages"> Find an agent</a> </div> </div> <div class="SiteNavSubcategory-secondColumn"> <div class="SiteNavSecondaryLinkListWrapper"> <p class="SiteNavSecondaryLinkListWrapper-eyebrow" role="heading">Get guidance</p> <div class="SiteNavSecondaryLinkLists"> <ul class="SiteNavSecondaryLinkList"> <li> <a class="SiteNavSecondaryLink" href="/real-estate/new-house-calculator/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Mortgages nav - Real estate subcategory featured link" data-position="1" data-text="Home affordability calculator" data-outcome="send to link" > Home affordability calculator</a> </li> <li> <a class="SiteNavSecondaryLink" href="/real-estate/cost-of-living-calculator/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Mortgages nav - Real estate subcategory featured link" data-position="2" data-text="Cost of living calculator" data-outcome="send to link" > Cost of living calculator</a> </li> <li> <a class="SiteNavSecondaryLink" href="/real-estate/how-much-is-my-house-worth/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Mortgages nav - Real estate subcategory featured link" data-position="3" data-text="How much is my house worth?" data-outcome="send to link" > How much is my house worth?</a> </li> <li> <a class="SiteNavSecondaryLink" href="/real-estate/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Mortgages nav - Real estate subcategory featured link" data-position="4" data-text="Real estate resources" data-outcome="send to link" > Real estate resources</a> </li> </ul> <ul class="SiteNavFeaturedLinkList"> <li> <a class="SiteNavFeaturedLink" href="/real-estate/how-to-buy-a-house/" data-beam-element-clicked data-type="featured link" data-location="site-nav" data-name="Mortgages nav - Real estate subcategory link" data-position="1" data-text="Buying a home" data-outcome="send to link" > <div class="SiteNavFeaturedLink-image"> <img loading="lazy" srcset="https://www.bankrate.com/f/102997/1440x1440/08fb8be334/buying-a-home.png/m/50x50/filters:quality(90):format(webp), https://www.bankrate.com/f/102997/1440x1440/08fb8be334/buying-a-home.png/m/100x100/filters:quality(90):format(webp) 2x" src="https://www.bankrate.com/f/102997/1440x1440/08fb8be334/buying-a-home.png/m/50x50/filters:quality(90):format(webp)" alt=""> </div> <div class="SiteNavFeaturedLink-content"> <span class="SiteNavFeaturedLink-mainText">Buying a home</span> <span class="SiteNavFeaturedLink-supportText">12 min read</span> </div> </a> </li> <li> <a class="SiteNavFeaturedLink" href="/real-estate/how-to-sell-your-house/" data-beam-element-clicked data-type="featured link" data-location="site-nav" data-name="Mortgages nav - Real estate subcategory link" data-position="2" data-text="Selling a home" data-outcome="send to link" > <div class="SiteNavFeaturedLink-image"> <img loading="lazy" srcset="https://www.bankrate.com/f/102997/1440x1440/3b255b330e/selling-a-home-nav-imagery.png/m/50x50/filters:quality(90):format(webp), https://www.bankrate.com/f/102997/1440x1440/3b255b330e/selling-a-home-nav-imagery.png/m/100x100/filters:quality(90):format(webp) 2x" src="https://www.bankrate.com/f/102997/1440x1440/3b255b330e/selling-a-home-nav-imagery.png/m/50x50/filters:quality(90):format(webp)" alt=""> </div> <div class="SiteNavFeaturedLink-content"> <span class="SiteNavFeaturedLink-mainText">Selling a home</span> <span class="SiteNavFeaturedLink-supportText">10 min read</span> </div> </a> </li> </ul> </div> </div> </div> </div> </div> </div> <div class="SiteNavSubcategory-categoryLinkContainer"> <a href="/mortgages/" class="SiteNavSubcategory-categoryLink" @keydown.tab="focusNextSubcategoryTab" @keydown.down="$event.preventDefault()" data-beam-element-clicked data-type="LINK" data-location="site-nav" data-name="Mortgages hub link - desktop nav" data-position="bottom" data-text="Explore all Mortgages resources" data-outcome="send to link" > Explore all mortgages resources <svg class="Icon Icon--sm text-blue" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Arrow Right Icon</title><path fill-rule="evenodd" clip-rule="evenodd" d="M12.29 18.69c.2.19.45.29.71.29V19c.25 0 .5-.09.7-.29l6.01-6c.18-.19.29-.44.29-.71 0-.27-.1-.52-.29-.71l-6.01-6a.996.996 0 1 0-1.41 1.41l4.3 4.3H4c-.55 0-1 .45-1 1s.45 1 1 1h12.58l-4.29 4.28a.996.996 0 0 0 0 1.41Z" class="icon-base"/></svg></a> </div> </div> </div> </div> </div> </li> <li x-cloak class="SiteNavCategory" id="category-3" @mouseenter="focusCategory($el)" @mouseleave="blurCategory" x-data> <a class="SiteNavCategory-link" href="/investing/" data-js-selector="siteNavCategorylink3" data-preamp="nav-category-item" @focus="focusCategory($el.parentElement)" @click="handleCategoryClick" @keydown.tab.prevent="keydownCategory('tab', 3, 7);" @keydown.right.prevent="keydownCategory('right', 3, 7);" @keydown.left.prevent="keydownCategory('left', 3, 7);" @keydown.down.prevent="keydownCategory('down', 3, 7);" @keydown.up.prevent="keydownCategory('up', 3, 7);" @keydown.home.prevent="keydownCategory('home', 3, 7);" @keydown.end.prevent="keydownCategory('end', 3, 7);" @keydown.space.prevent="keydownCategory('space', 3, 7);" @keydown.enter.prevent="keydownCategory('enter', 3, 7);" :tabindex="isMobile && !isNavOpen ? -1 : 0" data-beam-element-clicked data-type="link" data-location="site-nav" data-name="top-level" data-position="3" data-text="Investing" data-outcome="send to investing hub" > <span class="SiteNavCategory-label"> Investing</span> <svg class="SiteNavCategory-icon SiteNavCategory-arrow" aria-hidden="true" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Caret Right Icon</title><path d="M8.168 21a1.39 1.39 0 0 1-.938-.379c-.51-.51-.51-1.35 0-1.86l6.744-6.75L7.23 5.242c-.51-.51-.51-1.35 0-1.86a1.32 1.32 0 0 1 1.859 0l7.681 7.689c.51.51.51 1.35 0 1.86l-7.681 7.69A1.29 1.29 0 0 1 8.15 21h.017Z" class="icon-base"/></svg></a> <div x-ref="flyout" class="SiteNavCategory-flyout" id="siteNavCategory-flyout-investing" data-beam-element-viewed data-type="drawer" data-location="site-nav" data-name="top-level-hover" data-position="3" data-text="Investing" data-outcome="open default investing container" > <div class="SiteNavCategory-panel" x-ref="siteNavCategoryPanel"> <div class="SiteNavMobile-sticky"> <button class="SiteNavMobile-back" @click="deactivateCategory" x-ref="backToCategoriesButton" @keydown.prevent="keyDownBackToCategoriesButton" aria-label="Back to all categories"> <svg class="Icon Icon--xs" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Caret Left Icon</title><path d="M15.85 21a1.36 1.36 0 0 1-.938-.379L7.23 12.932c-.51-.51-.51-1.35 0-1.86l7.681-7.69a1.32 1.32 0 0 1 1.86 0c.51.511.51 1.35 0 1.861l-6.745 6.75 6.744 6.751c.51.51.51 1.35 0 1.86a1.29 1.29 0 0 1-.937.38l.016.016Z" class="icon-base"/></svg>All </button> </div> <div class="SiteNavSubcategory" x-id="['subcategory']"> <div class="SiteNavSubcategory-tabsContainer"> <div id="investing-tablist" class="SiteNavSubcategory-categoryTitle"> Investing</div> <div class="SiteNavSubcategory-tabs" x-ref="siteNavTablist" @keydown.prevent="keydownSubcategoryTabs" role="tablist" aria-labelledby="investing-tablist"> <button class="SiteNavSubcategory-tab" :class="isActiveSubcategory($el.id) ? 'is-active' : ''" type="button" role="tab" @mouseover="handleSubcategoryMouseOver" @click="handleSubcategoryClick" @mousedown.prevent @focus="activateSubcategory($el.id)" :id="$id('subcategory', whichChild($el, $el.parentElement))" :tabindex="isActiveSubcategory($el.id) ? 0 : -1" :aria-selected="isActiveSubcategory($el.id)" data-subcategory-name="Investing" data-position="1"> Investing<svg class="Icon Icon--xs" aria-hidden="true" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Caret Right Icon</title><path d="M8.168 21a1.39 1.39 0 0 1-.938-.379c-.51-.51-.51-1.35 0-1.86l6.744-6.75L7.23 5.242c-.51-.51-.51-1.35 0-1.86a1.32 1.32 0 0 1 1.859 0l7.681 7.689c.51.51.51 1.35 0 1.86l-7.681 7.69A1.29 1.29 0 0 1 8.15 21h.017Z" class="icon-base"/></svg></button> <button class="SiteNavSubcategory-tab" :class="isActiveSubcategory($el.id) ? 'is-active' : ''" type="button" role="tab" @mouseover="handleSubcategoryMouseOver" @click="handleSubcategoryClick" @mousedown.prevent @focus="activateSubcategory($el.id)" :id="$id('subcategory', whichChild($el, $el.parentElement))" :tabindex="isActiveSubcategory($el.id) ? 0 : -1" :aria-selected="isActiveSubcategory($el.id)" data-subcategory-name="Retirement" data-position="2"> Retirement<svg class="Icon Icon--xs" aria-hidden="true" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Caret Right Icon</title><path d="M8.168 21a1.39 1.39 0 0 1-.938-.379c-.51-.51-.51-1.35 0-1.86l6.744-6.75L7.23 5.242c-.51-.51-.51-1.35 0-1.86a1.32 1.32 0 0 1 1.859 0l7.681 7.689c.51.51.51 1.35 0 1.86l-7.681 7.69A1.29 1.29 0 0 1 8.15 21h.017Z" class="icon-base"/></svg></button> <button class="SiteNavSubcategory-tab" :class="isActiveSubcategory($el.id) ? 'is-active' : ''" type="button" role="tab" @mouseover="handleSubcategoryMouseOver" @click="handleSubcategoryClick" @mousedown.prevent @focus="activateSubcategory($el.id)" :id="$id('subcategory', whichChild($el, $el.parentElement))" :tabindex="isActiveSubcategory($el.id) ? 0 : -1" :aria-selected="isActiveSubcategory($el.id)" data-subcategory-name="Financial advising" data-position="3"> Financial advising<svg class="Icon Icon--xs" aria-hidden="true" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Caret Right Icon</title><path d="M8.168 21a1.39 1.39 0 0 1-.938-.379c-.51-.51-.51-1.35 0-1.86l6.744-6.75L7.23 5.242c-.51-.51-.51-1.35 0-1.86a1.32 1.32 0 0 1 1.859 0l7.681 7.689c.51.51.51 1.35 0 1.86l-7.681 7.69A1.29 1.29 0 0 1 8.15 21h.017Z" class="icon-base"/></svg></button> </div> <div class="SiteNavSubcategory-categoryLinkContainer" @keydown.left.prevent="keydownSubcategoryTabs" @keydown.up.prevent="keydownSubcategoryTabs" @keydown.right.prevent="keydownSubcategoryTabs" @keydown.down.prevent="keydownSubcategoryTabs" @keydown.tab.prevent="keydownSubcategoryTabs"> <a href="/investing/" class="SiteNavSubcategory-categoryLink" x-ref="siteNavCategoryLinkMobile" @keydown.space.prevent="$el.click()" @keydown.enter.prevent="$el.click()" data-beam-element-clicked data-type="LINK" data-location="site-nav" data-name="Investing hub link - mobile nav" data-position="bottom" data-text="Explore all Investing resources" data-outcome="send to link" > Explore all investing resources <svg class="Icon Icon--sm text-blue" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Arrow Right Icon</title><path fill-rule="evenodd" clip-rule="evenodd" d="M12.29 18.69c.2.19.45.29.71.29V19c.25 0 .5-.09.7-.29l6.01-6c.18-.19.29-.44.29-.71 0-.27-.1-.52-.29-.71l-6.01-6a.996.996 0 1 0-1.41 1.41l4.3 4.3H4c-.55 0-1 .45-1 1s.45 1 1 1h12.58l-4.29 4.28a.996.996 0 0 0 0 1.41Z" class="icon-base"/></svg></a> </div> </div> <div class="SiteNavSubcategory-content" :class="{'is-active': showSubcategoryView}" @keydown.up.prevent="keydownSubcategoryLinks($el.querySelector('.is-active'), $event)"> <div class="SiteNavSubcategory-panelsContainer" x-ref="siteNavSubcategoryPanelsContainer"> <div class="SiteNavMobile-sticky"> <button class="SiteNavMobile-back" @click="deactivateSubcategory" x-ref="backToSubcategoriesButton" @keydown.prevent="keyDownBackToSubcategoriesButton" aria-label="Back to Investing category"> <svg class="Icon Icon--xs" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Caret Left Icon</title><path d="M15.85 21a1.36 1.36 0 0 1-.938-.379L7.23 12.932c-.51-.51-.51-1.35 0-1.86l7.681-7.69a1.32 1.32 0 0 1 1.86 0c.51.511.51 1.35 0 1.861l-6.745 6.75 6.744 6.751c.51.51.51 1.35 0 1.86a1.29 1.29 0 0 1-.937.38l.016.016Z" class="icon-base"/></svg> Investing</button> </div> <div class="SiteNavSubcategory-categoryTitle" x-text="activeSubcategoryName"></div> <div class="SiteNavSubcategory-panels" tabindex="-1"> <div class="SiteNavSubcategory-panel" :class="{'is-active' : isActiveSubcategory($id('subcategory', whichChild($el, $el.parentElement)))}" :aria-labelledby="$id('subcategory', whichChild($el, $el.parentElement))" role="tabpanel" @keydown="keydownSubcategoryLinks($el, $event)" tabindex="-1"> <div class="SiteNavSubcategory-firstColumn"> <div class="SiteNavPrimaryLinkList"> <p class="SiteNavPrimaryLinkList-eyebrow">Compare investments</p> <ul class="SiteNavPrimaryLinkList-list"> <li class="SiteNavPrimaryLinkList-item"> <a href="/investing/best-investments/" class="SiteNavPrimaryLink" target="" data-beam-element-clicked data-type="anchor link" data-location="site-nav" data-name="Investing anchor link" data-position="1" data-text="Best investments" data-outcome="send to Best investments" > Best investments</a> </li> <li class="SiteNavPrimaryLinkList-item"> <a href="/investing/best-index-funds/" class="SiteNavPrimaryLink" target="" data-beam-element-clicked data-type="anchor link" data-location="site-nav" data-name="Investing anchor link" data-position="2" data-text="Best index funds" data-outcome="send to Best index funds" > Best index funds</a> </li> <li class="SiteNavPrimaryLinkList-item"> <a href="/investing/best-long-term-investments/" class="SiteNavPrimaryLink" target="" data-beam-element-clicked data-type="anchor link" data-location="site-nav" data-name="Investing anchor link" data-position="3" data-text="Best long-term investments" data-outcome="send to Best long-term investments" > Best long-term investments</a> </li> <li class="SiteNavPrimaryLinkList-item"> <a href="/investing/best-short-term-investments/" class="SiteNavPrimaryLink" target="" data-beam-element-clicked data-type="anchor link" data-location="site-nav" data-name="Investing anchor link" data-position="4" data-text="Best short-term investments" data-outcome="send to Best short-term investments" > Best short-term investments</a> </li> </ul> </div> </div> <div class="SiteNavSubcategory-secondColumn"> <div class="SiteNavSecondaryLinkListWrapper"> <p class="SiteNavSecondaryLinkListWrapper-eyebrow" role="heading">Get guidance</p> <div class="SiteNavSecondaryLinkLists"> <ul class="SiteNavSecondaryLinkList"> <li> <a class="SiteNavSecondaryLink" href="/investing/calculators/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Investing nav - Investing subcategory featured link" data-position="1" data-text="All investing calculators" data-outcome="send to link" > All investing calculators</a> </li> <li> <a class="SiteNavSecondaryLink" href="/investing/brokerage-reviews/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Investing nav - Investing subcategory featured link" data-position="2" data-text="Brokerage reviews" data-outcome="send to link" > Brokerage reviews</a> </li> <li> <a class="SiteNavSecondaryLink" href="/investing/roboadvisor-reviews/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Investing nav - Investing subcategory featured link" data-position="3" data-text="Robo-advisor reviews" data-outcome="send to link" > Robo-advisor reviews</a> </li> <li> <a class="SiteNavSecondaryLink" href="/investing/low-risk-investments/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Investing nav - Investing subcategory featured link" data-position="4" data-text="Low risk investments" data-outcome="send to link" > Low risk investments</a> </li> <li> <a class="SiteNavSecondaryLink" href="/taxes/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Investing nav - Investing subcategory featured link" data-position="5" data-text="Tax resources" data-outcome="send to link" > Tax resources</a> </li> </ul> <ul class="SiteNavFeaturedLinkList"> <li> <a class="SiteNavFeaturedLink" href="/investing/passive-income-ideas/" data-beam-element-clicked data-type="featured link" data-location="site-nav" data-name="Investing nav - Investing subcategory link" data-position="1" data-text="Passive income ideas" data-outcome="send to link" > <div class="SiteNavFeaturedLink-image"> <img loading="lazy" srcset="https://www.bankrate.com/f/102997/1440x1440/3cfd293f15/passive-income-ideas-nav-imagery.png/m/50x50/filters:quality(90):format(webp), https://www.bankrate.com/f/102997/1440x1440/3cfd293f15/passive-income-ideas-nav-imagery.png/m/100x100/filters:quality(90):format(webp) 2x" src="https://www.bankrate.com/f/102997/1440x1440/3cfd293f15/passive-income-ideas-nav-imagery.png/m/50x50/filters:quality(90):format(webp)" alt=""> </div> <div class="SiteNavFeaturedLink-content"> <span class="SiteNavFeaturedLink-mainText">Passive income ideas</span> <span class="SiteNavFeaturedLink-supportText">26 min read</span> </div> </a> </li> <li> <a class="SiteNavFeaturedLink" href="/investing/how-to-start-investing/" data-beam-element-clicked data-type="featured link" data-location="site-nav" data-name="Investing nav - Investing subcategory link" data-position="2" data-text="How to start investing" data-outcome="send to link" > <div class="SiteNavFeaturedLink-image"> <img loading="lazy" srcset="https://www.bankrate.com/f/102997/1440x1440/3d6f458d84/how-to-start-investing-nav-imagery.png/m/50x50/filters:quality(90):format(webp), https://www.bankrate.com/f/102997/1440x1440/3d6f458d84/how-to-start-investing-nav-imagery.png/m/100x100/filters:quality(90):format(webp) 2x" src="https://www.bankrate.com/f/102997/1440x1440/3d6f458d84/how-to-start-investing-nav-imagery.png/m/50x50/filters:quality(90):format(webp)" alt=""> </div> <div class="SiteNavFeaturedLink-content"> <span class="SiteNavFeaturedLink-mainText">How to start investing</span> <span class="SiteNavFeaturedLink-supportText">7 min read</span> </div> </a> </li> </ul> </div> </div> </div> </div> <div class="SiteNavSubcategory-panel" :class="{'is-active' : isActiveSubcategory($id('subcategory', whichChild($el, $el.parentElement)))}" :aria-labelledby="$id('subcategory', whichChild($el, $el.parentElement))" role="tabpanel" @keydown="keydownSubcategoryLinks($el, $event)" tabindex="-1"> <div class="SiteNavSubcategory-firstColumn"> <div class="SiteNavPrimaryLinkList"> <p class="SiteNavPrimaryLinkList-eyebrow">Compare plans</p> <ul class="SiteNavPrimaryLinkList-list"> <li class="SiteNavPrimaryLinkList-item"> <a href="/retirement/best-retirement-plans/" class="SiteNavPrimaryLink" target="" data-beam-element-clicked data-type="anchor link" data-location="site-nav" data-name="Investing anchor link" data-position="1" data-text="Best retirement plans" data-outcome="send to Best retirement plans" > Best retirement plans</a> </li> <li class="SiteNavPrimaryLinkList-item"> <a href="/retirement/best-ira-accounts/" class="SiteNavPrimaryLink" target="" data-beam-element-clicked data-type="anchor link" data-location="site-nav" data-name="Investing anchor link" data-position="2" data-text="Best IRA accounts" data-outcome="send to Best IRA accounts" > Best IRA accounts</a> </li> <li class="SiteNavPrimaryLinkList-item"> <a href="/investing/best-roth-ira/" class="SiteNavPrimaryLink" target="" data-beam-element-clicked data-type="anchor link" data-location="site-nav" data-name="Investing anchor link" data-position="3" data-text="Best Roth IRA accounts" data-outcome="send to Best Roth IRA accounts" > Best Roth IRA accounts</a> </li> <li class="SiteNavPrimaryLinkList-item"> <a href="/retirement/best-places-to-rollover-401k/" class="SiteNavPrimaryLink" target="" data-beam-element-clicked data-type="anchor link" data-location="site-nav" data-name="Investing anchor link" data-position="4" data-text="Best 401(k) rollover options" data-outcome="send to Best 401(k) rollover options" > Best 401(k) rollover options</a> </li> </ul> </div> </div> <div class="SiteNavSubcategory-secondColumn"> <div class="SiteNavSecondaryLinkListWrapper"> <p class="SiteNavSecondaryLinkListWrapper-eyebrow" role="heading">Get guidance</p> <div class="SiteNavSecondaryLinkLists"> <ul class="SiteNavSecondaryLinkList"> <li> <a class="SiteNavSecondaryLink" href="/retirement/401-k-calculator/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Investing nav - Retirement subcategory featured link" data-position="1" data-text="401(k) calculator" data-outcome="send to link" > 401(k) calculator</a> </li> <li> <a class="SiteNavSecondaryLink" href="/retirement/retirement-plan-calculator/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Investing nav - Retirement subcategory featured link" data-position="2" data-text="Retirement plan calculator" data-outcome="send to link" > Retirement plan calculator</a> </li> <li> <a class="SiteNavSecondaryLink" href="/retirement/roth-ira-plan-calculator/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Investing nav - Retirement subcategory featured link" data-position="3" data-text="Roth IRA calculator" data-outcome="send to link" > Roth IRA calculator</a> </li> <li> <a class="SiteNavSecondaryLink" href="/retirement/calculators/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Investing nav - Retirement subcategory featured link" data-position="4" data-text="All retirement calculators" data-outcome="send to link" > All retirement calculators</a> </li> <li> <a class="SiteNavSecondaryLink" href="/retirement/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Investing nav - Retirement subcategory featured link" data-position="5" data-text="Retirement resources" data-outcome="send to link" > Retirement resources</a> </li> </ul> <ul class="SiteNavFeaturedLinkList"> <li> <a class="SiteNavFeaturedLink" href="/retirement/best-and-worst-states-for-retirement/" data-beam-element-clicked data-type="featured link" data-location="site-nav" data-name="Investing nav - Retirement subcategory link" data-position="1" data-text="Best & worst states for retirement" data-outcome="send to link" > <div class="SiteNavFeaturedLink-image"> <img loading="lazy" srcset="https://www.bankrate.com/f/102997/1440x1440/59a3f533a8/best-worst-states-for-retirement-nav-imagery.png/m/50x50/filters:quality(90):format(webp), https://www.bankrate.com/f/102997/1440x1440/59a3f533a8/best-worst-states-for-retirement-nav-imagery.png/m/100x100/filters:quality(90):format(webp) 2x" src="https://www.bankrate.com/f/102997/1440x1440/59a3f533a8/best-worst-states-for-retirement-nav-imagery.png/m/50x50/filters:quality(90):format(webp)" alt=""> </div> <div class="SiteNavFeaturedLink-content"> <span class="SiteNavFeaturedLink-mainText">Best & worst states for retirement</span> <span class="SiteNavFeaturedLink-supportText">6 min read</span> </div> </a> </li> <li> <a class="SiteNavFeaturedLink" href="/retirement/how-to-save-for-retirement/" data-beam-element-clicked data-type="featured link" data-location="site-nav" data-name="Investing nav - Retirement subcategory link" data-position="2" data-text="How to save for retirement" data-outcome="send to link" > <div class="SiteNavFeaturedLink-image"> <img loading="lazy" srcset="https://www.bankrate.com/f/102997/1440x1440/a6b1dc15ca/how-to-save-for-retirement-nav-imagery.png/m/50x50/filters:quality(90):format(webp), https://www.bankrate.com/f/102997/1440x1440/a6b1dc15ca/how-to-save-for-retirement-nav-imagery.png/m/100x100/filters:quality(90):format(webp) 2x" src="https://www.bankrate.com/f/102997/1440x1440/a6b1dc15ca/how-to-save-for-retirement-nav-imagery.png/m/50x50/filters:quality(90):format(webp)" alt=""> </div> <div class="SiteNavFeaturedLink-content"> <span class="SiteNavFeaturedLink-mainText">How to save for retirement</span> <span class="SiteNavFeaturedLink-supportText">15 min read</span> </div> </a> </li> </ul> </div> </div> </div> </div> <div class="SiteNavSubcategory-panel" :class="{'is-active' : isActiveSubcategory($id('subcategory', whichChild($el, $el.parentElement)))}" :aria-labelledby="$id('subcategory', whichChild($el, $el.parentElement))" role="tabpanel" @keydown="keydownSubcategoryLinks($el, $event)" tabindex="-1"> <div class="SiteNavSubcategory-firstColumn"> <div class="SiteNavPrimaryLinkList"> <p class="SiteNavPrimaryLinkList-eyebrow">Finding an advisor</p> <ul class="SiteNavPrimaryLinkList-list"> <li class="SiteNavPrimaryLinkList-item"> <a href="/investing/financial-advisors/financial-advisor-matching/" class="SiteNavPrimaryLink" target="" data-beam-element-clicked data-type="anchor link" data-location="site-nav" data-name="Financial advising anchor link" data-position="1" data-text="Find a financial advisor" data-outcome="send to Find a financial advisor" > Find a financial advisor</a> </li> <li class="SiteNavPrimaryLinkList-item"> <a href="/investing/financial-advisors/best-financial-advisors/" class="SiteNavPrimaryLink" target="" data-beam-element-clicked data-type="anchor link" data-location="site-nav" data-name="Financial advising anchor link" data-position="2" data-text="Best financial advisors" data-outcome="send to Best financial advisors" > Best financial advisors</a> </li> <li class="SiteNavPrimaryLinkList-item"> <a href="/investing/financial-advisors/how-to-choose-a-financial-advisor/" class="SiteNavPrimaryLink" target="" data-beam-element-clicked data-type="anchor link" data-location="site-nav" data-name="Financial advising anchor link" data-position="3" data-text="How to choose a financial advisor" data-outcome="send to How to choose a financial advisor" > How to choose a financial advisor</a> </li> <li class="SiteNavPrimaryLinkList-item"> <a href="/investing/financial-advisors/financial-advisor-vs-financial-planner/" class="SiteNavPrimaryLink" target="" data-beam-element-clicked data-type="anchor link" data-location="site-nav" data-name="Financial advising anchor link" data-position="4" data-text="Financial planner vs advisor" data-outcome="send to Financial planner vs advisor" > Financial planner vs advisor</a> </li> </ul> </div> </div> <div class="SiteNavSubcategory-secondColumn"> <div class="SiteNavSecondaryLinkListWrapper"> <p class="SiteNavSecondaryLinkListWrapper-eyebrow" role="heading">Get guidance</p> <div class="SiteNavSecondaryLinkLists"> <ul class="SiteNavSecondaryLinkList"> <li> <a class="SiteNavSecondaryLink" href="/investing/financial-advisors/what-is-financial-planning/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Investing nav - Financial advising subcategory featured link" data-position="1" data-text="What is financial planning?" data-outcome="send to link" > What is financial planning?</a> </li> <li> <a class="SiteNavSecondaryLink" href="/investing/financial-advisors/what-is-a-fiduciary/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Investing nav - Financial advising subcategory featured link" data-position="2" data-text="What is a fiduciary?" data-outcome="send to link" > What is a fiduciary?</a> </li> <li> <a class="SiteNavSecondaryLink" href="/investing/financial-advisors/what-is-a-certified-financial-planner/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Investing nav - Financial advising subcategory featured link" data-position="3" data-text="What is a CFP?" data-outcome="send to link" > What is a CFP?</a> </li> <li> <a class="SiteNavSecondaryLink" href="/investing/financial-advisors/what-is-wealth-management/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Investing nav - Financial advising subcategory featured link" data-position="4" data-text="What is wealth management?" data-outcome="send to link" > What is wealth management?</a> </li> <li> <a class="SiteNavSecondaryLink" href="/investing/financial-advisors/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Investing nav - Financial advising subcategory featured link" data-position="5" data-text="Financial advisor resources" data-outcome="send to link" > Financial advisor resources</a> </li> </ul> <ul class="SiteNavFeaturedLinkList"> <li> <a class="SiteNavFeaturedLink" href="/investing/financial-advisors/when-to-get-a-financial-advisor/" data-beam-element-clicked data-type="featured link" data-location="site-nav" data-name="Investing nav - Financial advising subcategory link" data-position="1" data-text="When to get an advisor" data-outcome="send to link" > <div class="SiteNavFeaturedLink-image"> <img loading="lazy" srcset="https://www.bankrate.com/f/102997/1440x1440/1cdbf65950/what-is-wealth-management-s.png/m/50x50/filters:quality(90):format(webp), https://www.bankrate.com/f/102997/1440x1440/1cdbf65950/what-is-wealth-management-s.png/m/100x100/filters:quality(90):format(webp) 2x" src="https://www.bankrate.com/f/102997/1440x1440/1cdbf65950/what-is-wealth-management-s.png/m/50x50/filters:quality(90):format(webp)" alt=""> </div> <div class="SiteNavFeaturedLink-content"> <span class="SiteNavFeaturedLink-mainText">When to get an advisor</span> <span class="SiteNavFeaturedLink-supportText">4 min read</span> </div> </a> </li> <li> <a class="SiteNavFeaturedLink" href="/investing/financial-advisors/pros-cons-financial-advisor/" data-beam-element-clicked data-type="featured link" data-location="site-nav" data-name="Investing nav - Financial advising subcategory link" data-position="2" data-text="Pros & cons of financial advising" data-outcome="send to link" > <div class="SiteNavFeaturedLink-image"> <img loading="lazy" srcset="https://www.bankrate.com/f/102997/1440x1440/38750a2d5a/what-is-a-certified-financial-planner-s.png/m/50x50/filters:quality(90):format(webp), https://www.bankrate.com/f/102997/1440x1440/38750a2d5a/what-is-a-certified-financial-planner-s.png/m/100x100/filters:quality(90):format(webp) 2x" src="https://www.bankrate.com/f/102997/1440x1440/38750a2d5a/what-is-a-certified-financial-planner-s.png/m/50x50/filters:quality(90):format(webp)" alt=""> </div> <div class="SiteNavFeaturedLink-content"> <span class="SiteNavFeaturedLink-mainText">Pros & cons of financial advising</span> <span class="SiteNavFeaturedLink-supportText">7 min read</span> </div> </a> </li> </ul> </div> </div> </div> </div> </div> </div> <div class="SiteNavSubcategory-categoryLinkContainer"> <a href="/investing/" class="SiteNavSubcategory-categoryLink" @keydown.tab="focusNextSubcategoryTab" @keydown.down="$event.preventDefault()" data-beam-element-clicked data-type="LINK" data-location="site-nav" data-name="Investing hub link - desktop nav" data-position="bottom" data-text="Explore all Investing resources" data-outcome="send to link" > Explore all investing resources <svg class="Icon Icon--sm text-blue" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Arrow Right Icon</title><path fill-rule="evenodd" clip-rule="evenodd" d="M12.29 18.69c.2.19.45.29.71.29V19c.25 0 .5-.09.7-.29l6.01-6c.18-.19.29-.44.29-.71 0-.27-.1-.52-.29-.71l-6.01-6a.996.996 0 1 0-1.41 1.41l4.3 4.3H4c-.55 0-1 .45-1 1s.45 1 1 1h12.58l-4.29 4.28a.996.996 0 0 0 0 1.41Z" class="icon-base"/></svg></a> </div> </div> </div> </div> </div> </li> <li x-cloak class="SiteNavCategory" id="category-4" @mouseenter="focusCategory($el)" @mouseleave="blurCategory" x-data> <a class="SiteNavCategory-link" href="/credit-cards/" data-js-selector="siteNavCategorylink4" data-preamp="nav-category-item" @focus="focusCategory($el.parentElement)" @click="handleCategoryClick" @keydown.tab.prevent="keydownCategory('tab', 4, 7);" @keydown.right.prevent="keydownCategory('right', 4, 7);" @keydown.left.prevent="keydownCategory('left', 4, 7);" @keydown.down.prevent="keydownCategory('down', 4, 7);" @keydown.up.prevent="keydownCategory('up', 4, 7);" @keydown.home.prevent="keydownCategory('home', 4, 7);" @keydown.end.prevent="keydownCategory('end', 4, 7);" @keydown.space.prevent="keydownCategory('space', 4, 7);" @keydown.enter.prevent="keydownCategory('enter', 4, 7);" :tabindex="isMobile && !isNavOpen ? -1 : 0" data-beam-element-clicked data-type="link" data-location="site-nav" data-name="top-level" data-position="4" data-text="Credit cards" data-outcome="send to credit cards hub" > <span class="SiteNavCategory-label"> Credit cards</span> <svg class="SiteNavCategory-icon SiteNavCategory-arrow" aria-hidden="true" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Caret Right Icon</title><path d="M8.168 21a1.39 1.39 0 0 1-.938-.379c-.51-.51-.51-1.35 0-1.86l6.744-6.75L7.23 5.242c-.51-.51-.51-1.35 0-1.86a1.32 1.32 0 0 1 1.859 0l7.681 7.689c.51.51.51 1.35 0 1.86l-7.681 7.69A1.29 1.29 0 0 1 8.15 21h.017Z" class="icon-base"/></svg></a> <div x-ref="flyout" class="SiteNavCategory-flyout" id="siteNavCategory-flyout-credit-cards" data-beam-element-viewed data-type="drawer" data-location="site-nav" data-name="top-level-hover" data-position="4" data-text="Credit cards" data-outcome="open default credit cards container" > <div class="SiteNavCategory-panel" x-ref="siteNavCategoryPanel"> <div class="SiteNavMobile-sticky"> <button class="SiteNavMobile-back" @click="deactivateCategory" x-ref="backToCategoriesButton" @keydown.prevent="keyDownBackToCategoriesButton" aria-label="Back to all categories"> <svg class="Icon Icon--xs" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Caret Left Icon</title><path d="M15.85 21a1.36 1.36 0 0 1-.938-.379L7.23 12.932c-.51-.51-.51-1.35 0-1.86l7.681-7.69a1.32 1.32 0 0 1 1.86 0c.51.511.51 1.35 0 1.861l-6.745 6.75 6.744 6.751c.51.51.51 1.35 0 1.86a1.29 1.29 0 0 1-.937.38l.016.016Z" class="icon-base"/></svg>All </button> </div> <div class="SiteNavSubcategory" x-id="['subcategory']"> <div class="SiteNavSubcategory-tabsContainer"> <div id="credit-cards-tablist" class="SiteNavSubcategory-categoryTitle"> Credit cards</div> <div class="SiteNavSubcategory-tabs" x-ref="siteNavTablist" @keydown.prevent="keydownSubcategoryTabs" role="tablist" aria-labelledby="credit-cards-tablist"> <button class="SiteNavSubcategory-tab" :class="isActiveSubcategory($el.id) ? 'is-active' : ''" type="button" role="tab" @mouseover="handleSubcategoryMouseOver" @click="handleSubcategoryClick" @mousedown.prevent @focus="activateSubcategory($el.id)" :id="$id('subcategory', whichChild($el, $el.parentElement))" :tabindex="isActiveSubcategory($el.id) ? 0 : -1" :aria-selected="isActiveSubcategory($el.id)" data-subcategory-name="Cards by category" data-position="1"> Cards by category<svg class="Icon Icon--xs" aria-hidden="true" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Caret Right Icon</title><path d="M8.168 21a1.39 1.39 0 0 1-.938-.379c-.51-.51-.51-1.35 0-1.86l6.744-6.75L7.23 5.242c-.51-.51-.51-1.35 0-1.86a1.32 1.32 0 0 1 1.859 0l7.681 7.689c.51.51.51 1.35 0 1.86l-7.681 7.69A1.29 1.29 0 0 1 8.15 21h.017Z" class="icon-base"/></svg></button> <button class="SiteNavSubcategory-tab" :class="isActiveSubcategory($el.id) ? 'is-active' : ''" type="button" role="tab" @mouseover="handleSubcategoryMouseOver" @click="handleSubcategoryClick" @mousedown.prevent @focus="activateSubcategory($el.id)" :id="$id('subcategory', whichChild($el, $el.parentElement))" :tabindex="isActiveSubcategory($el.id) ? 0 : -1" :aria-selected="isActiveSubcategory($el.id)" data-subcategory-name="Cards by credit" data-position="2"> Cards by credit<svg class="Icon Icon--xs" aria-hidden="true" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Caret Right Icon</title><path d="M8.168 21a1.39 1.39 0 0 1-.938-.379c-.51-.51-.51-1.35 0-1.86l6.744-6.75L7.23 5.242c-.51-.51-.51-1.35 0-1.86a1.32 1.32 0 0 1 1.859 0l7.681 7.689c.51.51.51 1.35 0 1.86l-7.681 7.69A1.29 1.29 0 0 1 8.15 21h.017Z" class="icon-base"/></svg></button> <button class="SiteNavSubcategory-tab" :class="isActiveSubcategory($el.id) ? 'is-active' : ''" type="button" role="tab" @mouseover="handleSubcategoryMouseOver" @click="handleSubcategoryClick" @mousedown.prevent @focus="activateSubcategory($el.id)" :id="$id('subcategory', whichChild($el, $el.parentElement))" :tabindex="isActiveSubcategory($el.id) ? 0 : -1" :aria-selected="isActiveSubcategory($el.id)" data-subcategory-name="Tools & reviews" data-position="3"> Tools & reviews<svg class="Icon Icon--xs" aria-hidden="true" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Caret Right Icon</title><path d="M8.168 21a1.39 1.39 0 0 1-.938-.379c-.51-.51-.51-1.35 0-1.86l6.744-6.75L7.23 5.242c-.51-.51-.51-1.35 0-1.86a1.32 1.32 0 0 1 1.859 0l7.681 7.689c.51.51.51 1.35 0 1.86l-7.681 7.69A1.29 1.29 0 0 1 8.15 21h.017Z" class="icon-base"/></svg></button> <button class="SiteNavSubcategory-tab" :class="isActiveSubcategory($el.id) ? 'is-active' : ''" type="button" role="tab" @mouseover="handleSubcategoryMouseOver" @click="handleSubcategoryClick" @mousedown.prevent @focus="activateSubcategory($el.id)" :id="$id('subcategory', whichChild($el, $el.parentElement))" :tabindex="isActiveSubcategory($el.id) ? 0 : -1" :aria-selected="isActiveSubcategory($el.id)" data-subcategory-name="Guides & resources" data-position="4"> Guides & resources<svg class="Icon Icon--xs" aria-hidden="true" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Caret Right Icon</title><path d="M8.168 21a1.39 1.39 0 0 1-.938-.379c-.51-.51-.51-1.35 0-1.86l6.744-6.75L7.23 5.242c-.51-.51-.51-1.35 0-1.86a1.32 1.32 0 0 1 1.859 0l7.681 7.689c.51.51.51 1.35 0 1.86l-7.681 7.69A1.29 1.29 0 0 1 8.15 21h.017Z" class="icon-base"/></svg></button> </div> <div class="SiteNavSubcategory-categoryLinkContainer" @keydown.left.prevent="keydownSubcategoryTabs" @keydown.up.prevent="keydownSubcategoryTabs" @keydown.right.prevent="keydownSubcategoryTabs" @keydown.down.prevent="keydownSubcategoryTabs" @keydown.tab.prevent="keydownSubcategoryTabs"> <a href="/credit-cards/" class="SiteNavSubcategory-categoryLink" x-ref="siteNavCategoryLinkMobile" @keydown.space.prevent="$el.click()" @keydown.enter.prevent="$el.click()" data-beam-element-clicked data-type="LINK" data-location="site-nav" data-name="Credit cards hub link - mobile nav" data-position="bottom" data-text="Explore all Credit cards resources" data-outcome="send to link" > Explore all credit cards resources <svg class="Icon Icon--sm text-blue" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Arrow Right Icon</title><path fill-rule="evenodd" clip-rule="evenodd" d="M12.29 18.69c.2.19.45.29.71.29V19c.25 0 .5-.09.7-.29l6.01-6c.18-.19.29-.44.29-.71 0-.27-.1-.52-.29-.71l-6.01-6a.996.996 0 1 0-1.41 1.41l4.3 4.3H4c-.55 0-1 .45-1 1s.45 1 1 1h12.58l-4.29 4.28a.996.996 0 0 0 0 1.41Z" class="icon-base"/></svg></a> </div> </div> <div class="SiteNavSubcategory-content" :class="{'is-active': showSubcategoryView}" @keydown.up.prevent="keydownSubcategoryLinks($el.querySelector('.is-active'), $event)"> <div class="SiteNavSubcategory-panelsContainer" x-ref="siteNavSubcategoryPanelsContainer"> <div class="SiteNavMobile-sticky"> <button class="SiteNavMobile-back" @click="deactivateSubcategory" x-ref="backToSubcategoriesButton" @keydown.prevent="keyDownBackToSubcategoriesButton" aria-label="Back to Credit cards category"> <svg class="Icon Icon--xs" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Caret Left Icon</title><path d="M15.85 21a1.36 1.36 0 0 1-.938-.379L7.23 12.932c-.51-.51-.51-1.35 0-1.86l7.681-7.69a1.32 1.32 0 0 1 1.86 0c.51.511.51 1.35 0 1.861l-6.745 6.75 6.744 6.751c.51.51.51 1.35 0 1.86a1.29 1.29 0 0 1-.937.38l.016.016Z" class="icon-base"/></svg> Credit cards</button> </div> <div class="SiteNavSubcategory-categoryTitle" x-text="activeSubcategoryName"></div> <div class="SiteNavSubcategory-panels" tabindex="-1"> <div class="SiteNavSubcategory-panel" :class="{'is-active' : isActiveSubcategory($id('subcategory', whichChild($el, $el.parentElement)))}" :aria-labelledby="$id('subcategory', whichChild($el, $el.parentElement))" role="tabpanel" @keydown="keydownSubcategoryLinks($el, $event)" tabindex="-1"> <div class="SiteNavSubcategory-firstColumn"> <div class="SiteNavPrimaryLinkList"> <p class="SiteNavPrimaryLinkList-eyebrow">Compare cards</p> <ul class="SiteNavPrimaryLinkList-list SiteNavPrimaryLinkList-list--twoColumns"> <li class="SiteNavPrimaryLinkList-item"> <a href="/credit-cards/best-credit-cards/" class="SiteNavPrimaryLink" target="" data-beam-element-clicked data-type="anchor link" data-location="site-nav" data-name="Credit cards anchor link" data-position="1" data-text="Best cards of 2024" data-outcome="send to Best cards of 2024" > Best cards of 2024</a> </li> <li class="SiteNavPrimaryLinkList-item"> <a href="/credit-cards/cash-back/best-cash-back-cards/" class="SiteNavPrimaryLink" target="" data-beam-element-clicked data-type="anchor link" data-location="site-nav" data-name="Credit cards anchor link" data-position="2" data-text="Best cash back cards" data-outcome="send to Best cash back cards" > Best cash back cards</a> </li> <li class="SiteNavPrimaryLinkList-item"> <a href="/credit-cards/balance-transfer/best-balance-transfer-cards/" class="SiteNavPrimaryLink" target="" data-beam-element-clicked data-type="anchor link" data-location="site-nav" data-name="Credit cards anchor link" data-position="3" data-text="Best balance transfer cards" data-outcome="send to Best balance transfer cards" > Best balance transfer cards</a> </li> <li class="SiteNavPrimaryLinkList-item"> <a href="/credit-cards/zero-interest/best-zero-interest-cards/" class="SiteNavPrimaryLink" target="" data-beam-element-clicked data-type="anchor link" data-location="site-nav" data-name="Credit cards anchor link" data-position="4" data-text="Best 0% APR cards" data-outcome="send to Best 0% APR cards" > Best 0% APR cards</a> </li> <li class="SiteNavPrimaryLinkList-item"> <a href="/credit-cards/travel/best-travel-cards/" class="SiteNavPrimaryLink" target="" data-beam-element-clicked data-type="anchor link" data-location="site-nav" data-name="Credit cards anchor link" data-position="5" data-text="Best travel cards" data-outcome="send to Best travel cards" > Best travel cards</a> </li> <li class="SiteNavPrimaryLinkList-item"> <a href="/credit-cards/rewards/best-rewards-cards/" class="SiteNavPrimaryLink" target="" data-beam-element-clicked data-type="anchor link" data-location="site-nav" data-name="Credit cards anchor link" data-position="6" data-text="Best rewards cards" data-outcome="send to Best rewards cards" > Best rewards cards</a> </li> <li class="SiteNavPrimaryLinkList-item"> <a href="/credit-cards/business/best-business-cards/" class="SiteNavPrimaryLink" target="" data-beam-element-clicked data-type="anchor link" data-location="site-nav" data-name="Credit cards anchor link" data-position="7" data-text="Best business cards" data-outcome="send to Best business cards" > Best business cards</a> </li> <li class="SiteNavPrimaryLinkList-item"> <a href="/credit-cards/building-credit/best-student-cards/" class="SiteNavPrimaryLink" target="" data-beam-element-clicked data-type="anchor link" data-location="site-nav" data-name="Credit cards anchor link" data-position="8" data-text="Best student cards" data-outcome="send to Best student cards" > Best student cards</a> </li> </ul> </div> </div> <div class="SiteNavSubcategory-secondColumn"> <div class="SiteNavSecondaryLinkListWrapper"> <p class="SiteNavSecondaryLinkListWrapper-eyebrow" role="heading">Find my matches</p> <div class="SiteNavSecondaryLinkLists"> <ul class="SiteNavFeaturedLinkList"> <li> <a class="SiteNavFeaturedLink" href="/credit-cards/tools/cardmatch/" data-beam-element-clicked data-type="featured link" data-location="site-nav" data-name="Credit cards nav - Cards by category subcategory link" data-position="1" data-text="CardMatch™" data-outcome="send to link" > <div class="SiteNavFeaturedLink-image"> <img loading="lazy" srcset="https://www.bankrate.com/f/102997/1440x1440/4f02ac6944/cardmatch-nav-imagery.png/m/50x50/filters:quality(90):format(webp), https://www.bankrate.com/f/102997/1440x1440/4f02ac6944/cardmatch-nav-imagery.png/m/100x100/filters:quality(90):format(webp) 2x" src="https://www.bankrate.com/f/102997/1440x1440/4f02ac6944/cardmatch-nav-imagery.png/m/50x50/filters:quality(90):format(webp)" alt=""> </div> <div class="SiteNavFeaturedLink-content"> <span class="SiteNavFeaturedLink-mainText">CardMatch™</span> <span class="SiteNavFeaturedLink-supportText">Get personalized card recommendations</span> </div> </a> </li> <li> <a class="SiteNavFeaturedLink" href="/credit-cards/tools/compare/" data-beam-element-clicked data-type="featured link" data-location="site-nav" data-name="Credit cards nav - Cards by category subcategory link" data-position="2" data-text="Card comparison tool" data-outcome="send to link" > <div class="SiteNavFeaturedLink-image"> <img loading="lazy" srcset="https://www.bankrate.com/f/102997/1440x1440/10ad7295ae/card-comparison-tool-nav-imagery.png/m/50x50/filters:quality(90):format(webp), https://www.bankrate.com/f/102997/1440x1440/10ad7295ae/card-comparison-tool-nav-imagery.png/m/100x100/filters:quality(90):format(webp) 2x" src="https://www.bankrate.com/f/102997/1440x1440/10ad7295ae/card-comparison-tool-nav-imagery.png/m/50x50/filters:quality(90):format(webp)" alt=""> </div> <div class="SiteNavFeaturedLink-content"> <span class="SiteNavFeaturedLink-mainText">Card comparison tool</span> <span class="SiteNavFeaturedLink-supportText">Compare credit cards side-by-side</span> </div> </a> </li> </ul> </div> </div> </div> </div> <div class="SiteNavSubcategory-panel" :class="{'is-active' : isActiveSubcategory($id('subcategory', whichChild($el, $el.parentElement)))}" :aria-labelledby="$id('subcategory', whichChild($el, $el.parentElement))" role="tabpanel" @keydown="keydownSubcategoryLinks($el, $event)" tabindex="-1"> <div class="SiteNavSubcategory-firstColumn"> <div class="SiteNavTopicOverview"> <p class="SiteNavTopicOverview-heading" role="heading">See your card matches</p> <p class="SiteNavTopicOverview-copy">Answer a few quick questions and we’ll show you your top credit card options. </p> <a href="/credit-cards/tools/cardmatch/" class="Button Button--primary"data-beam-element-clicked data-type="button" data-location="site-nav" data-name="Credit cards nav - Cards by credit subcategory CTA" data-position="1" data-text="Find my matches" data-outcome="send to link" data-category="Credit cards"> Find my matches</a> </div> </div> <div class="SiteNavSubcategory-secondColumn"> <div class="SiteNavSecondaryLinkListWrapper"> <p class="SiteNavSecondaryLinkListWrapper-eyebrow" role="heading">Compare cards</p> <div class="SiteNavSecondaryLinkLists"> <ul class="SiteNavSecondaryLinkList"> <li> <a class="SiteNavSecondaryLink" href="/credit-cards/rewards/best-for-excellent-credit/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Credit cards nav - Cards by credit subcategory featured link" data-position="1" data-text="Excellent credit" data-outcome="send to link" > Excellent credit</a> </li> <li> <a class="SiteNavSecondaryLink" href="/credit-cards/building-credit/best-for-good-credit/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Credit cards nav - Cards by credit subcategory featured link" data-position="2" data-text="Good credit" data-outcome="send to link" > Good credit</a> </li> <li> <a class="SiteNavSecondaryLink" href="/credit-cards/building-credit/best-for-fair-credit/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Credit cards nav - Cards by credit subcategory featured link" data-position="3" data-text="Fair credit" data-outcome="send to link" > Fair credit</a> </li> <li> <a class="SiteNavSecondaryLink" href="/credit-cards/bad-credit/best-for-bad-credit/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Credit cards nav - Cards by credit subcategory featured link" data-position="4" data-text="Bad credit" data-outcome="send to link" > Bad credit</a> </li> </ul> <ul class="SiteNavFeaturedLinkList"> <li> <a class="SiteNavFeaturedLink" href="/credit-cards/bad-credit/how-to-build-credit-fast/" data-beam-element-clicked data-type="featured link" data-location="site-nav" data-name="Credit cards nav - Cards by credit subcategory link" data-position="1" data-text="How to build credit" data-outcome="send to link" > <div class="SiteNavFeaturedLink-image"> <img loading="lazy" srcset="https://www.bankrate.com/f/102997/1440x1440/2e8651b174/how-to-build-credit-nav-imagery.png/m/50x50/filters:quality(90):format(webp), https://www.bankrate.com/f/102997/1440x1440/2e8651b174/how-to-build-credit-nav-imagery.png/m/100x100/filters:quality(90):format(webp) 2x" src="https://www.bankrate.com/f/102997/1440x1440/2e8651b174/how-to-build-credit-nav-imagery.png/m/50x50/filters:quality(90):format(webp)" alt=""> </div> <div class="SiteNavFeaturedLink-content"> <span class="SiteNavFeaturedLink-mainText">How to build credit</span> <span class="SiteNavFeaturedLink-supportText">7 min read</span> </div> </a> </li> <li> <a class="SiteNavFeaturedLink" href="/credit-cards/building-credit/best-for-no-credit-history/" data-beam-element-clicked data-type="featured link" data-location="site-nav" data-name="Credit cards nav - Cards by credit subcategory link" data-position="2" data-text="Best cards for building credit" data-outcome="send to link" > <div class="SiteNavFeaturedLink-image"> <img loading="lazy" srcset="https://www.bankrate.com/f/102997/1440x1440/5a53191033/best-cards-for-building-credit-nav-imagery.png/m/50x50/filters:quality(90):format(webp), https://www.bankrate.com/f/102997/1440x1440/5a53191033/best-cards-for-building-credit-nav-imagery.png/m/100x100/filters:quality(90):format(webp) 2x" src="https://www.bankrate.com/f/102997/1440x1440/5a53191033/best-cards-for-building-credit-nav-imagery.png/m/50x50/filters:quality(90):format(webp)" alt=""> </div> <div class="SiteNavFeaturedLink-content"> <span class="SiteNavFeaturedLink-mainText">Best cards for building credit</span> <span class="SiteNavFeaturedLink-supportText">Find out which credit cards could help</span> </div> </a> </li> </ul> </div> </div> </div> </div> <div class="SiteNavSubcategory-panel" :class="{'is-active' : isActiveSubcategory($id('subcategory', whichChild($el, $el.parentElement)))}" :aria-labelledby="$id('subcategory', whichChild($el, $el.parentElement))" role="tabpanel" @keydown="keydownSubcategoryLinks($el, $event)" tabindex="-1"> <div class="SiteNavSubcategory-firstColumn"> <div class="SiteNavTopicOverview"> <p class="SiteNavTopicOverview-heading" role="heading">See what the experts say</p> <p class="SiteNavTopicOverview-copy">Read in-depth credit card reviews to find out which cards have the best perks and more. </p> <a href="/credit-cards/reviews/" class="Button Button--primary"data-beam-element-clicked data-type="button" data-location="site-nav" data-name="Credit cards nav - Tools & reviews subcategory CTA" data-position="1" data-text="Read card reviews" data-outcome="send to link" data-category="Credit cards"> Read card reviews</a> </div> </div> <div class="SiteNavSubcategory-secondColumn"> <div class="SiteNavSecondaryLinkListWrapper"> <p class="SiteNavSecondaryLinkListWrapper-eyebrow" role="heading">Get guidance</p> <div class="SiteNavSecondaryLinkLists"> <ul class="SiteNavSecondaryLinkList"> <li> <a class="SiteNavSecondaryLink" href="/credit-cards/tools/credit-card-payoff-calculator/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Credit cards nav - Tools & reviews subcategory featured link" data-position="1" data-text="Credit card payoff calculator" data-outcome="send to link" > Credit card payoff calculator</a> </li> <li> <a class="SiteNavSecondaryLink" href="/credit-cards/tools/credit-card-balance-transfer-calculator/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Credit cards nav - Tools & reviews subcategory featured link" data-position="2" data-text="Balance transfer calculator" data-outcome="send to link" > Balance transfer calculator</a> </li> <li> <a class="SiteNavSecondaryLink" href="/credit-cards/tools/credit-utilization-calculator/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Credit cards nav - Tools & reviews subcategory featured link" data-position="3" data-text="Credit utilization calculator" data-outcome="send to link" > Credit utilization calculator</a> </li> <li> <a class="SiteNavSecondaryLink" href="/credit-cards/tools/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Credit cards nav - Tools & reviews subcategory featured link" data-position="4" data-text="All credit card calculators" data-outcome="send to link" > All credit card calculators</a> </li> </ul> <ul class="SiteNavFeaturedLinkList"> <li> <a class="SiteNavFeaturedLink" href="/credit-cards/tools/spender-type-tool/" data-beam-element-clicked data-type="featured link" data-location="site-nav" data-name="Credit cards nav - Tools & reviews subcategory link" data-position="1" data-text="Spender type tool" data-outcome="send to link" > <div class="SiteNavFeaturedLink-image"> <img loading="lazy" srcset="https://www.bankrate.com/f/102997/1440x1440/43548bf9cd/spender-type-tool-nav-imagery.png/m/50x50/filters:quality(90):format(webp), https://www.bankrate.com/f/102997/1440x1440/43548bf9cd/spender-type-tool-nav-imagery.png/m/100x100/filters:quality(90):format(webp) 2x" src="https://www.bankrate.com/f/102997/1440x1440/43548bf9cd/spender-type-tool-nav-imagery.png/m/50x50/filters:quality(90):format(webp)" alt=""> </div> <div class="SiteNavFeaturedLink-content"> <span class="SiteNavFeaturedLink-mainText">Spender type tool</span> <span class="SiteNavFeaturedLink-supportText">Find cards that fit your needs</span> </div> </a> </li> </ul> </div> </div> </div> </div> <div class="SiteNavSubcategory-panel" :class="{'is-active' : isActiveSubcategory($id('subcategory', whichChild($el, $el.parentElement)))}" :aria-labelledby="$id('subcategory', whichChild($el, $el.parentElement))" role="tabpanel" @keydown="keydownSubcategoryLinks($el, $event)" tabindex="-1"> <div class="SiteNavSubcategory-firstColumn"> <div class="SiteNavPrimaryLinkList"> <p class="SiteNavPrimaryLinkList-eyebrow">Get advice</p> <ul class="SiteNavPrimaryLinkList-list SiteNavPrimaryLinkList-list--twoColumns"> <li class="SiteNavPrimaryLinkList-item"> <a href="/credit-cards/advice/" class="SiteNavPrimaryLink" target="" data-beam-element-clicked data-type="anchor link" data-location="site-nav" data-name="Credit cards anchor link" data-position="1" data-text="Credit cards 101" data-outcome="send to Credit cards 101" > Credit cards 101</a> </li> <li class="SiteNavPrimaryLinkList-item"> <a href="/credit-cards/balance-transfer/" class="SiteNavPrimaryLink" target="" data-beam-element-clicked data-type="anchor link" data-location="site-nav" data-name="Credit cards anchor link" data-position="2" data-text="Balance transfer advice" data-outcome="send to Balance transfer advice" > Balance transfer advice</a> </li> <li class="SiteNavPrimaryLinkList-item"> <a href="/credit-cards/zero-interest/" class="SiteNavPrimaryLink" target="" data-beam-element-clicked data-type="anchor link" data-location="site-nav" data-name="Credit cards anchor link" data-position="3" data-text="Zero interest credit cards" data-outcome="send to Zero interest credit cards" > Zero interest credit cards</a> </li> <li class="SiteNavPrimaryLinkList-item"> <a href="/credit-cards/rewards/" class="SiteNavPrimaryLink" target="" data-beam-element-clicked data-type="anchor link" data-location="site-nav" data-name="Credit cards anchor link" data-position="4" data-text="Rewards credit card advice" data-outcome="send to Rewards credit card advice" > Rewards credit card advice</a> </li> <li class="SiteNavPrimaryLinkList-item"> <a href="/credit-cards/cash-back/" class="SiteNavPrimaryLink" target="" data-beam-element-clicked data-type="anchor link" data-location="site-nav" data-name="Credit cards anchor link" data-position="5" data-text="Cash back credit card advice" data-outcome="send to Cash back credit card advice" > Cash back credit card advice</a> </li> <li class="SiteNavPrimaryLinkList-item"> <a href="/credit-cards/travel/" class="SiteNavPrimaryLink" target="" data-beam-element-clicked data-type="anchor link" data-location="site-nav" data-name="Credit cards anchor link" data-position="6" data-text="Travel credit card advice" data-outcome="send to Travel credit card advice" > Travel credit card advice</a> </li> <li class="SiteNavPrimaryLinkList-item"> <a href="/credit-cards/business/" class="SiteNavPrimaryLink" target="" data-beam-element-clicked data-type="anchor link" data-location="site-nav" data-name="Credit cards anchor link" data-position="7" data-text="Business credit card advice" data-outcome="send to Business credit card advice" > Business credit card advice</a> </li> </ul> </div> </div> <div class="SiteNavSubcategory-secondColumn"> <div class="SiteNavSecondaryLinkListWrapper"> <p class="SiteNavSecondaryLinkListWrapper-eyebrow" role="heading">Build credit</p> <div class="SiteNavSecondaryLinkLists"> <ul class="SiteNavSecondaryLinkList"> <li> <a class="SiteNavSecondaryLink" href="/credit-cards/bad-credit/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Credit cards nav - Guides & resources subcategory featured link" data-position="1" data-text="Advice for bad credit" data-outcome="send to link" > Advice for bad credit</a> </li> <li> <a class="SiteNavSecondaryLink" href="/credit-cards/building-credit/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Credit cards nav - Guides & resources subcategory featured link" data-position="2" data-text="Rebuilding credit score" data-outcome="send to link" > Rebuilding credit score</a> </li> </ul> </div> </div> </div> </div> </div> </div> <div class="SiteNavSubcategory-categoryLinkContainer"> <a href="/credit-cards/" class="SiteNavSubcategory-categoryLink" @keydown.tab="focusNextSubcategoryTab" @keydown.down="$event.preventDefault()" data-beam-element-clicked data-type="LINK" data-location="site-nav" data-name="Credit cards hub link - desktop nav" data-position="bottom" data-text="Explore all Credit cards resources" data-outcome="send to link" > Explore all credit cards resources <svg class="Icon Icon--sm text-blue" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Arrow Right Icon</title><path fill-rule="evenodd" clip-rule="evenodd" d="M12.29 18.69c.2.19.45.29.71.29V19c.25 0 .5-.09.7-.29l6.01-6c.18-.19.29-.44.29-.71 0-.27-.1-.52-.29-.71l-6.01-6a.996.996 0 1 0-1.41 1.41l4.3 4.3H4c-.55 0-1 .45-1 1s.45 1 1 1h12.58l-4.29 4.28a.996.996 0 0 0 0 1.41Z" class="icon-base"/></svg></a> </div> </div> </div> </div> </div> </li> <li x-cloak class="SiteNavCategory" id="category-5" @mouseenter="focusCategory($el)" @mouseleave="blurCategory" x-data> <a class="SiteNavCategory-link" href="/loans/" data-js-selector="siteNavCategorylink5" data-preamp="nav-category-item" @focus="focusCategory($el.parentElement)" @click="handleCategoryClick" @keydown.tab.prevent="keydownCategory('tab', 5, 7);" @keydown.right.prevent="keydownCategory('right', 5, 7);" @keydown.left.prevent="keydownCategory('left', 5, 7);" @keydown.down.prevent="keydownCategory('down', 5, 7);" @keydown.up.prevent="keydownCategory('up', 5, 7);" @keydown.home.prevent="keydownCategory('home', 5, 7);" @keydown.end.prevent="keydownCategory('end', 5, 7);" @keydown.space.prevent="keydownCategory('space', 5, 7);" @keydown.enter.prevent="keydownCategory('enter', 5, 7);" :tabindex="isMobile && !isNavOpen ? -1 : 0" data-beam-element-clicked data-type="link" data-location="site-nav" data-name="top-level" data-position="5" data-text="Loans" data-outcome="send to loans hub" > <span class="SiteNavCategory-label"> Loans</span> <svg class="SiteNavCategory-icon SiteNavCategory-arrow" aria-hidden="true" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Caret Right Icon</title><path d="M8.168 21a1.39 1.39 0 0 1-.938-.379c-.51-.51-.51-1.35 0-1.86l6.744-6.75L7.23 5.242c-.51-.51-.51-1.35 0-1.86a1.32 1.32 0 0 1 1.859 0l7.681 7.689c.51.51.51 1.35 0 1.86l-7.681 7.69A1.29 1.29 0 0 1 8.15 21h.017Z" class="icon-base"/></svg></a> <div x-ref="flyout" class="SiteNavCategory-flyout" id="siteNavCategory-flyout-loans" data-beam-element-viewed data-type="drawer" data-location="site-nav" data-name="top-level-hover" data-position="5" data-text="Loans" data-outcome="open default loans container" > <div class="SiteNavCategory-panel" x-ref="siteNavCategoryPanel"> <div class="SiteNavMobile-sticky"> <button class="SiteNavMobile-back" @click="deactivateCategory" x-ref="backToCategoriesButton" @keydown.prevent="keyDownBackToCategoriesButton" aria-label="Back to all categories"> <svg class="Icon Icon--xs" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Caret Left Icon</title><path d="M15.85 21a1.36 1.36 0 0 1-.938-.379L7.23 12.932c-.51-.51-.51-1.35 0-1.86l7.681-7.69a1.32 1.32 0 0 1 1.86 0c.51.511.51 1.35 0 1.861l-6.745 6.75 6.744 6.751c.51.51.51 1.35 0 1.86a1.29 1.29 0 0 1-.937.38l.016.016Z" class="icon-base"/></svg>All </button> </div> <div class="SiteNavSubcategory" x-id="['subcategory']"> <div class="SiteNavSubcategory-tabsContainer"> <div id="loans-tablist" class="SiteNavSubcategory-categoryTitle"> Loans</div> <div class="SiteNavSubcategory-tabs" x-ref="siteNavTablist" @keydown.prevent="keydownSubcategoryTabs" role="tablist" aria-labelledby="loans-tablist"> <button class="SiteNavSubcategory-tab" :class="isActiveSubcategory($el.id) ? 'is-active' : ''" type="button" role="tab" @mouseover="handleSubcategoryMouseOver" @click="handleSubcategoryClick" @mousedown.prevent @focus="activateSubcategory($el.id)" :id="$id('subcategory', whichChild($el, $el.parentElement))" :tabindex="isActiveSubcategory($el.id) ? 0 : -1" :aria-selected="isActiveSubcategory($el.id)" data-subcategory-name="Personal loans" data-position="1"> Personal loans<svg class="Icon Icon--xs" aria-hidden="true" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Caret Right Icon</title><path d="M8.168 21a1.39 1.39 0 0 1-.938-.379c-.51-.51-.51-1.35 0-1.86l6.744-6.75L7.23 5.242c-.51-.51-.51-1.35 0-1.86a1.32 1.32 0 0 1 1.859 0l7.681 7.689c.51.51.51 1.35 0 1.86l-7.681 7.69A1.29 1.29 0 0 1 8.15 21h.017Z" class="icon-base"/></svg></button> <button class="SiteNavSubcategory-tab" :class="isActiveSubcategory($el.id) ? 'is-active' : ''" type="button" role="tab" @mouseover="handleSubcategoryMouseOver" @click="handleSubcategoryClick" @mousedown.prevent @focus="activateSubcategory($el.id)" :id="$id('subcategory', whichChild($el, $el.parentElement))" :tabindex="isActiveSubcategory($el.id) ? 0 : -1" :aria-selected="isActiveSubcategory($el.id)" data-subcategory-name="Auto loans" data-position="2"> Auto loans<svg class="Icon Icon--xs" aria-hidden="true" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Caret Right Icon</title><path d="M8.168 21a1.39 1.39 0 0 1-.938-.379c-.51-.51-.51-1.35 0-1.86l6.744-6.75L7.23 5.242c-.51-.51-.51-1.35 0-1.86a1.32 1.32 0 0 1 1.859 0l7.681 7.689c.51.51.51 1.35 0 1.86l-7.681 7.69A1.29 1.29 0 0 1 8.15 21h.017Z" class="icon-base"/></svg></button> <button class="SiteNavSubcategory-tab" :class="isActiveSubcategory($el.id) ? 'is-active' : ''" type="button" role="tab" @mouseover="handleSubcategoryMouseOver" @click="handleSubcategoryClick" @mousedown.prevent @focus="activateSubcategory($el.id)" :id="$id('subcategory', whichChild($el, $el.parentElement))" :tabindex="isActiveSubcategory($el.id) ? 0 : -1" :aria-selected="isActiveSubcategory($el.id)" data-subcategory-name="Student loans" data-position="3"> Student loans<svg class="Icon Icon--xs" aria-hidden="true" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Caret Right Icon</title><path d="M8.168 21a1.39 1.39 0 0 1-.938-.379c-.51-.51-.51-1.35 0-1.86l6.744-6.75L7.23 5.242c-.51-.51-.51-1.35 0-1.86a1.32 1.32 0 0 1 1.859 0l7.681 7.689c.51.51.51 1.35 0 1.86l-7.681 7.69A1.29 1.29 0 0 1 8.15 21h.017Z" class="icon-base"/></svg></button> <button class="SiteNavSubcategory-tab" :class="isActiveSubcategory($el.id) ? 'is-active' : ''" type="button" role="tab" @mouseover="handleSubcategoryMouseOver" @click="handleSubcategoryClick" @mousedown.prevent @focus="activateSubcategory($el.id)" :id="$id('subcategory', whichChild($el, $el.parentElement))" :tabindex="isActiveSubcategory($el.id) ? 0 : -1" :aria-selected="isActiveSubcategory($el.id)" data-subcategory-name="Small business loans" data-position="4"> Small business loans<svg class="Icon Icon--xs" aria-hidden="true" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Caret Right Icon</title><path d="M8.168 21a1.39 1.39 0 0 1-.938-.379c-.51-.51-.51-1.35 0-1.86l6.744-6.75L7.23 5.242c-.51-.51-.51-1.35 0-1.86a1.32 1.32 0 0 1 1.859 0l7.681 7.689c.51.51.51 1.35 0 1.86l-7.681 7.69A1.29 1.29 0 0 1 8.15 21h.017Z" class="icon-base"/></svg></button> </div> <div class="SiteNavSubcategory-categoryLinkContainer" @keydown.left.prevent="keydownSubcategoryTabs" @keydown.up.prevent="keydownSubcategoryTabs" @keydown.right.prevent="keydownSubcategoryTabs" @keydown.down.prevent="keydownSubcategoryTabs" @keydown.tab.prevent="keydownSubcategoryTabs"> <a href="/loans/" class="SiteNavSubcategory-categoryLink" x-ref="siteNavCategoryLinkMobile" @keydown.space.prevent="$el.click()" @keydown.enter.prevent="$el.click()" data-beam-element-clicked data-type="LINK" data-location="site-nav" data-name="Loans hub link - mobile nav" data-position="bottom" data-text="Explore all Loans resources" data-outcome="send to link" > Explore all loans resources <svg class="Icon Icon--sm text-blue" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Arrow Right Icon</title><path fill-rule="evenodd" clip-rule="evenodd" d="M12.29 18.69c.2.19.45.29.71.29V19c.25 0 .5-.09.7-.29l6.01-6c.18-.19.29-.44.29-.71 0-.27-.1-.52-.29-.71l-6.01-6a.996.996 0 1 0-1.41 1.41l4.3 4.3H4c-.55 0-1 .45-1 1s.45 1 1 1h12.58l-4.29 4.28a.996.996 0 0 0 0 1.41Z" class="icon-base"/></svg></a> </div> </div> <div class="SiteNavSubcategory-content" :class="{'is-active': showSubcategoryView}" @keydown.up.prevent="keydownSubcategoryLinks($el.querySelector('.is-active'), $event)"> <div class="SiteNavSubcategory-panelsContainer" x-ref="siteNavSubcategoryPanelsContainer"> <div class="SiteNavMobile-sticky"> <button class="SiteNavMobile-back" @click="deactivateSubcategory" x-ref="backToSubcategoriesButton" @keydown.prevent="keyDownBackToSubcategoriesButton" aria-label="Back to Loans category"> <svg class="Icon Icon--xs" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Caret Left Icon</title><path d="M15.85 21a1.36 1.36 0 0 1-.938-.379L7.23 12.932c-.51-.51-.51-1.35 0-1.86l7.681-7.69a1.32 1.32 0 0 1 1.86 0c.51.511.51 1.35 0 1.861l-6.745 6.75 6.744 6.751c.51.51.51 1.35 0 1.86a1.29 1.29 0 0 1-.937.38l.016.016Z" class="icon-base"/></svg> Loans</button> </div> <div class="SiteNavSubcategory-categoryTitle" x-text="activeSubcategoryName"></div> <div class="SiteNavSubcategory-panels" tabindex="-1"> <div class="SiteNavSubcategory-panel" :class="{'is-active' : isActiveSubcategory($id('subcategory', whichChild($el, $el.parentElement)))}" :aria-labelledby="$id('subcategory', whichChild($el, $el.parentElement))" role="tabpanel" @keydown="keydownSubcategoryLinks($el, $event)" tabindex="-1"> <div class="SiteNavSubcategory-firstColumn"> <div class="SiteNavPrimaryLinkList"> <p class="SiteNavPrimaryLinkList-eyebrow">Compare lenders</p> <ul class="SiteNavPrimaryLinkList-list"> <li class="SiteNavPrimaryLinkList-item"> <a href="/loans/personal-loans/rates/" class="SiteNavPrimaryLink" target="" data-beam-element-clicked data-type="anchor link" data-location="site-nav" data-name="Personal loans anchor link" data-position="1" data-text="Best personal loans" data-outcome="send to Best personal loans" > Best personal loans</a> </li> <li class="SiteNavPrimaryLinkList-item"> <a href="/loans/personal-loans/bad-credit-loans/" class="SiteNavPrimaryLink" target="" data-beam-element-clicked data-type="anchor link" data-location="site-nav" data-name="Personal loans anchor link" data-position="2" data-text="Best personal loans for bad credit" data-outcome="send to Best personal loans for bad credit" > Best personal loans for bad credit</a> </li> <li class="SiteNavPrimaryLinkList-item"> <a href="/loans/personal-loans/debt-consolidation-loans/" class="SiteNavPrimaryLink" target="" data-beam-element-clicked data-type="anchor link" data-location="site-nav" data-name="Personal loans anchor link" data-position="3" data-text="Best debt consolidation loans" data-outcome="send to Best debt consolidation loans" > Best debt consolidation loans</a> </li> <li class="SiteNavPrimaryLinkList-item"> <a href="/loans/home-improvement/rates/" class="SiteNavPrimaryLink" target="" data-beam-element-clicked data-type="anchor link" data-location="site-nav" data-name="Personal loans anchor link" data-position="4" data-text="Best home improvement loans" data-outcome="send to Best home improvement loans" > Best home improvement loans</a> </li> </ul> </div> </div> <div class="SiteNavSubcategory-secondColumn"> <div class="SiteNavSecondaryLinkListWrapper"> <p class="SiteNavSecondaryLinkListWrapper-eyebrow" role="heading">Get guidance</p> <div class="SiteNavSecondaryLinkLists"> <ul class="SiteNavSecondaryLinkList"> <li> <a class="SiteNavSecondaryLink" href="/loans/personal-loans/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Loans nav - Personal loans subcategory featured link" data-position="1" data-text="Personal loan resources" data-outcome="send to link" > Personal loan resources</a> </li> <li> <a class="SiteNavSecondaryLink" href="/loans/personal-loans/reviews/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Loans nav - Personal loans subcategory featured link" data-position="2" data-text="Personal loan lender reviews" data-outcome="send to link" > Personal loan lender reviews</a> </li> <li> <a class="SiteNavSecondaryLink" href="/loans/personal-loans/personal-loan-calculator/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Loans nav - Personal loans subcategory featured link" data-position="3" data-text="Personal loans calculator" data-outcome="send to link" > Personal loans calculator</a> </li> <li> <a class="SiteNavSecondaryLink" href="/loans/personal-loans/average-personal-loan-rates/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Loans nav - Personal loans subcategory featured link" data-position="4" data-text="Average personal loan interest rates" data-outcome="send to link" > Average personal loan interest rates</a> </li> </ul> <ul class="SiteNavFeaturedLinkList"> <li> <a class="SiteNavFeaturedLink" href="/loans/personal-loans/what-is-a-personal-loan/" data-beam-element-clicked data-type="featured link" data-location="site-nav" data-name="Loans nav - Personal loans subcategory link" data-position="1" data-text="Personal loan basics" data-outcome="send to link" > <div class="SiteNavFeaturedLink-image"> <img loading="lazy" srcset="https://www.bankrate.com/f/102997/1440x1440/38750a2d5a/what-is-a-certified-financial-planner-s.png/m/50x50/filters:quality(90):format(webp), https://www.bankrate.com/f/102997/1440x1440/38750a2d5a/what-is-a-certified-financial-planner-s.png/m/100x100/filters:quality(90):format(webp) 2x" src="https://www.bankrate.com/f/102997/1440x1440/38750a2d5a/what-is-a-certified-financial-planner-s.png/m/50x50/filters:quality(90):format(webp)" alt=""> </div> <div class="SiteNavFeaturedLink-content"> <span class="SiteNavFeaturedLink-mainText">Personal loan basics</span> <span class="SiteNavFeaturedLink-supportText">9 min read</span> </div> </a> </li> <li> <a class="SiteNavFeaturedLink" href="/loans/personal-loans/how-to-get-personal-loan/" data-beam-element-clicked data-type="featured link" data-location="site-nav" data-name="Loans nav - Personal loans subcategory link" data-position="2" data-text="How to get a personal loan" data-outcome="send to link" > <div class="SiteNavFeaturedLink-image"> <img loading="lazy" srcset="https://www.bankrate.com/f/102997/1440x1440/4c26764452/how-to-start-saving.png/m/50x50/filters:quality(90):format(webp), https://www.bankrate.com/f/102997/1440x1440/4c26764452/how-to-start-saving.png/m/100x100/filters:quality(90):format(webp) 2x" src="https://www.bankrate.com/f/102997/1440x1440/4c26764452/how-to-start-saving.png/m/50x50/filters:quality(90):format(webp)" alt=""> </div> <div class="SiteNavFeaturedLink-content"> <span class="SiteNavFeaturedLink-mainText">How to get a personal loan</span> <span class="SiteNavFeaturedLink-supportText">11 min read</span> </div> </a> </li> </ul> </div> </div> </div> </div> <div class="SiteNavSubcategory-panel" :class="{'is-active' : isActiveSubcategory($id('subcategory', whichChild($el, $el.parentElement)))}" :aria-labelledby="$id('subcategory', whichChild($el, $el.parentElement))" role="tabpanel" @keydown="keydownSubcategoryLinks($el, $event)" tabindex="-1"> <div class="SiteNavSubcategory-firstColumn"> <div class="SiteNavPrimaryLinkList"> <p class="SiteNavPrimaryLinkList-eyebrow">Compare lenders</p> <ul class="SiteNavPrimaryLinkList-list"> <li class="SiteNavPrimaryLinkList-item"> <a href="/loans/auto-loans/rates/" class="SiteNavPrimaryLink" target="" > Best auto loans</a> </li> <li class="SiteNavPrimaryLinkList-item"> <a href="/loans/auto-loans/refinance-rates/" class="SiteNavPrimaryLink" target="" > Best auto loan refinance rates</a> </li> <li class="SiteNavPrimaryLinkList-item"> <a href="/loans/auto-loans/bad-credit-loans/" class="SiteNavPrimaryLink" target="" > Best car loans for bad credit</a> </li> </ul> </div> </div> <div class="SiteNavSubcategory-secondColumn"> <div class="SiteNavSecondaryLinkListWrapper"> <p class="SiteNavSecondaryLinkListWrapper-eyebrow" role="heading">Get guidance</p> <div class="SiteNavSecondaryLinkLists"> <ul class="SiteNavSecondaryLinkList"> <li> <a class="SiteNavSecondaryLink" href="/loans/auto-loans/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Loans nav - Auto loans subcategory featured link" data-position="1" data-text="Auto loan resources" data-outcome="send to link" > Auto loan resources</a> </li> <li> <a class="SiteNavSecondaryLink" href="/loans/auto-loans/reviews/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Loans nav - Auto loans subcategory featured link" data-position="2" data-text="Auto loan lender reviews" data-outcome="send to link" > Auto loan lender reviews</a> </li> <li> <a class="SiteNavSecondaryLink" href="/loans/auto-loans/auto-loan-calculator/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Loans nav - Auto loans subcategory featured link" data-position="3" data-text="Auto loan calculator" data-outcome="send to link" > Auto loan calculator</a> </li> <li> <a class="SiteNavSecondaryLink" href="/loans/auto-loans/auto-loan-refinancing-guide/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Loans nav - Auto loans subcategory featured link" data-position="4" data-text="Auto loan refinancing guide" data-outcome="send to link" > Auto loan refinancing guide</a> </li> </ul> <ul class="SiteNavFeaturedLinkList"> <li> <a class="SiteNavFeaturedLink" href="/loans/auto-loans/how-to-get-the-best-auto-loan-rate/" data-beam-element-clicked data-type="featured link" data-location="site-nav" data-name="Loans nav - Auto loans subcategory link" data-position="1" data-text="How to get the best auto loan rate" data-outcome="send to link" > <div class="SiteNavFeaturedLink-image"> <img loading="lazy" srcset="https://www.bankrate.com/f/102997/1440x1440/d1a328a134/auto-loan-refinancing-guide-nav.png/m/50x50/filters:quality(90):format(webp), https://www.bankrate.com/f/102997/1440x1440/d1a328a134/auto-loan-refinancing-guide-nav.png/m/100x100/filters:quality(90):format(webp) 2x" src="https://www.bankrate.com/f/102997/1440x1440/d1a328a134/auto-loan-refinancing-guide-nav.png/m/50x50/filters:quality(90):format(webp)" alt=""> </div> <div class="SiteNavFeaturedLink-content"> <span class="SiteNavFeaturedLink-mainText">How to get the best auto loan rate</span> <span class="SiteNavFeaturedLink-supportText">10 min read</span> </div> </a> </li> <li> <a class="SiteNavFeaturedLink" href="/loans/auto-loans/what-is-an-auto-loan/" data-beam-element-clicked data-type="featured link" data-location="site-nav" data-name="Loans nav - Auto loans subcategory link" data-position="2" data-text="Auto loan basics" data-outcome="send to link" > <div class="SiteNavFeaturedLink-image"> <img loading="lazy" srcset="https://www.bankrate.com/f/102997/720x720/c481afa0d2/auto-loan-refinancing-guide-s.jpg/m/50x50/filters:quality(90):format(webp), https://www.bankrate.com/f/102997/720x720/c481afa0d2/auto-loan-refinancing-guide-s.jpg/m/100x100/filters:quality(90):format(webp) 2x" src="https://www.bankrate.com/f/102997/720x720/c481afa0d2/auto-loan-refinancing-guide-s.jpg/m/50x50/filters:quality(90):format(webp)" alt=""> </div> <div class="SiteNavFeaturedLink-content"> <span class="SiteNavFeaturedLink-mainText">Auto loan basics</span> <span class="SiteNavFeaturedLink-supportText">5 min read</span> </div> </a> </li> </ul> </div> </div> </div> </div> <div class="SiteNavSubcategory-panel" :class="{'is-active' : isActiveSubcategory($id('subcategory', whichChild($el, $el.parentElement)))}" :aria-labelledby="$id('subcategory', whichChild($el, $el.parentElement))" role="tabpanel" @keydown="keydownSubcategoryLinks($el, $event)" tabindex="-1"> <div class="SiteNavSubcategory-firstColumn"> <div class="SiteNavPrimaryLinkList"> <p class="SiteNavPrimaryLinkList-eyebrow">Compare lenders</p> <ul class="SiteNavPrimaryLinkList-list"> <li class="SiteNavPrimaryLinkList-item"> <a href="/loans/student-loans/rates/" class="SiteNavPrimaryLink" target="" data-beam-element-clicked data-type="anchor link" data-location="site-nav" data-name="Personal loans anchor link" data-position="1" data-text="Student loan rates" data-outcome="send to Student loan rates" > Student loan rates</a> </li> <li class="SiteNavPrimaryLinkList-item"> <a href="/loans/student-loans/refinance-rates/" class="SiteNavPrimaryLink" target="" data-beam-element-clicked data-type="anchor link" data-location="site-nav" data-name="Personal loans anchor link" data-position="2" data-text="Student loan refinancing rates" data-outcome="send to Student loan refinancing rates" > Student loan refinancing rates</a> </li> <li class="SiteNavPrimaryLinkList-item"> <a href="/loans/student-loans/private-student-loans/" class="SiteNavPrimaryLink" target="" data-beam-element-clicked data-type="anchor link" data-location="site-nav" data-name="Personal loans anchor link" data-position="3" data-text="Best private student loans" data-outcome="send to Best private student loans" > Best private student loans</a> </li> <li class="SiteNavPrimaryLinkList-item"> <a href="/loans/student-loans/bad-credit-loans/" class="SiteNavPrimaryLink" target="" data-beam-element-clicked data-type="anchor link" data-location="site-nav" data-name="Personal loans anchor link" data-position="4" data-text="Best bad credit student loans" data-outcome="send to Best bad credit student loans" > Best bad credit student loans</a> </li> </ul> </div> </div> <div class="SiteNavSubcategory-secondColumn"> <div class="SiteNavSecondaryLinkListWrapper"> <p class="SiteNavSecondaryLinkListWrapper-eyebrow" role="heading">Get guidance</p> <div class="SiteNavSecondaryLinkLists"> <ul class="SiteNavSecondaryLinkList"> <li> <a class="SiteNavSecondaryLink" href="/loans/student-loans/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Loans nav - Student loans subcategory featured link" data-position="1" data-text="Student loan resources" data-outcome="send to link" > Student loan resources</a> </li> <li> <a class="SiteNavSecondaryLink" href="/loans/student-loans/reviews/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Loans nav - Student loans subcategory featured link" data-position="2" data-text="Student loan lender reviews" data-outcome="send to link" > Student loan lender reviews</a> </li> <li> <a class="SiteNavSecondaryLink" href="/loans/student-loans/student-loan-calculator/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Loans nav - Student loans subcategory featured link" data-position="3" data-text="Student loan calculator" data-outcome="send to link" > Student loan calculator</a> </li> <li> <a class="SiteNavSecondaryLink" href="/loans/student-loans/student-loan-refinance-calculator/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Loans nav - Student loans subcategory featured link" data-position="4" data-text="Student loan refinance calculator" data-outcome="send to link" > Student loan refinance calculator</a> </li> </ul> <ul class="SiteNavFeaturedLinkList"> <li> <a class="SiteNavFeaturedLink" href="/loans/student-loans/private-student-loans-guide/" data-beam-element-clicked data-type="featured link" data-location="site-nav" data-name="Loans nav - Student loans subcategory link" data-position="1" data-text="Private student loan basics" data-outcome="send to link" > <div class="SiteNavFeaturedLink-image"> <img loading="lazy" srcset="https://www.bankrate.com/f/102997/1440x1440/3d6f458d84/how-to-start-investing-nav-imagery.png/m/50x50/filters:quality(90):format(webp), https://www.bankrate.com/f/102997/1440x1440/3d6f458d84/how-to-start-investing-nav-imagery.png/m/100x100/filters:quality(90):format(webp) 2x" src="https://www.bankrate.com/f/102997/1440x1440/3d6f458d84/how-to-start-investing-nav-imagery.png/m/50x50/filters:quality(90):format(webp)" alt=""> </div> <div class="SiteNavFeaturedLink-content"> <span class="SiteNavFeaturedLink-mainText">Private student loan basics</span> <span class="SiteNavFeaturedLink-supportText">10 min read</span> </div> </a> </li> <li> <a class="SiteNavFeaturedLink" href="/loans/student-loans/how-to-get-student-loan/" data-beam-element-clicked data-type="featured link" data-location="site-nav" data-name="Loans nav - Student loans subcategory link" data-position="2" data-text="How to get a student loan" data-outcome="send to link" > <div class="SiteNavFeaturedLink-image"> <img loading="lazy" srcset="https://www.bankrate.com/f/102997/1440x1440/4c26764452/how-to-start-saving.png/m/50x50/filters:quality(90):format(webp), https://www.bankrate.com/f/102997/1440x1440/4c26764452/how-to-start-saving.png/m/100x100/filters:quality(90):format(webp) 2x" src="https://www.bankrate.com/f/102997/1440x1440/4c26764452/how-to-start-saving.png/m/50x50/filters:quality(90):format(webp)" alt=""> </div> <div class="SiteNavFeaturedLink-content"> <span class="SiteNavFeaturedLink-mainText">How to get a student loan</span> <span class="SiteNavFeaturedLink-supportText">11 min read</span> </div> </a> </li> </ul> </div> </div> </div> </div> <div class="SiteNavSubcategory-panel" :class="{'is-active' : isActiveSubcategory($id('subcategory', whichChild($el, $el.parentElement)))}" :aria-labelledby="$id('subcategory', whichChild($el, $el.parentElement))" role="tabpanel" @keydown="keydownSubcategoryLinks($el, $event)" tabindex="-1"> <div class="SiteNavSubcategory-firstColumn"> <div class="SiteNavPrimaryLinkList"> <p class="SiteNavPrimaryLinkList-eyebrow">Compare lenders</p> <ul class="SiteNavPrimaryLinkList-list"> <li class="SiteNavPrimaryLinkList-item"> <a href="/loans/small-business/best-small-business-loans/" class="SiteNavPrimaryLink" target="" > Best small business loans</a> </li> <li class="SiteNavPrimaryLinkList-item"> <a href="/loans/small-business/bad-credit-business-loans/" class="SiteNavPrimaryLink" target="" > Bad credit small business loans</a> </li> <li class="SiteNavPrimaryLinkList-item"> <a href="/loans/small-business/business-line-of-credit/" class="SiteNavPrimaryLink" target="" > Business lines of credit</a> </li> <li class="SiteNavPrimaryLinkList-item"> <a href="/loans/small-business/best-banks-for-small-business-loans/" class="SiteNavPrimaryLink" target="" > Small business loan banks</a> </li> </ul> </div> </div> <div class="SiteNavSubcategory-secondColumn"> <div class="SiteNavSecondaryLinkListWrapper"> <p class="SiteNavSecondaryLinkListWrapper-eyebrow" role="heading">Get guidance</p> <div class="SiteNavSecondaryLinkLists"> <ul class="SiteNavSecondaryLinkList"> <li> <a class="SiteNavSecondaryLink" href="/loans/small-business/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Loans nav - Small business loans subcategory featured link" data-position="1" data-text="Small business loans resources" data-outcome="send to link" > Small business loans resources</a> </li> <li> <a class="SiteNavSecondaryLink" href="/loans/small-business/reviews/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Loans nav - Small business loans subcategory featured link" data-position="2" data-text="Small business loan reviews" data-outcome="send to link" > Small business loan reviews</a> </li> <li> <a class="SiteNavSecondaryLink" href="/loans/small-business/business-loan-calculator/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Loans nav - Small business loans subcategory featured link" data-position="3" data-text="Small business loan calculator" data-outcome="send to link" > Small business loan calculator</a> </li> </ul> <ul class="SiteNavFeaturedLinkList"> <li> <a class="SiteNavFeaturedLink" href="/loans/small-business/how-do-small-business-loans-work/" data-beam-element-clicked data-type="featured link" data-location="site-nav" data-name="Loans nav - Small business loans subcategory link" data-position="1" data-text="How small business loans work" data-outcome="send to link" > <div class="SiteNavFeaturedLink-image"> <img loading="lazy" srcset="https://www.bankrate.com/f/102997/1440x1440/4c26764452/how-to-start-saving.png/m/50x50/filters:quality(90):format(webp), https://www.bankrate.com/f/102997/1440x1440/4c26764452/how-to-start-saving.png/m/100x100/filters:quality(90):format(webp) 2x" src="https://www.bankrate.com/f/102997/1440x1440/4c26764452/how-to-start-saving.png/m/50x50/filters:quality(90):format(webp)" alt=""> </div> <div class="SiteNavFeaturedLink-content"> <span class="SiteNavFeaturedLink-mainText">How small business loans work</span> <span class="SiteNavFeaturedLink-supportText">9 min read</span> </div> </a> </li> <li> <a class="SiteNavFeaturedLink" href="/loans/small-business/how-to-get-a-business-loan/" data-beam-element-clicked data-type="featured link" data-location="site-nav" data-name="Loans nav - Small business loans subcategory link" data-position="2" data-text="How to get a business loan" data-outcome="send to link" > <div class="SiteNavFeaturedLink-image"> <img loading="lazy" srcset="https://www.bankrate.com/f/102997/1440x1440/38750a2d5a/what-is-a-certified-financial-planner-s.png/m/50x50/filters:quality(90):format(webp), https://www.bankrate.com/f/102997/1440x1440/38750a2d5a/what-is-a-certified-financial-planner-s.png/m/100x100/filters:quality(90):format(webp) 2x" src="https://www.bankrate.com/f/102997/1440x1440/38750a2d5a/what-is-a-certified-financial-planner-s.png/m/50x50/filters:quality(90):format(webp)" alt=""> </div> <div class="SiteNavFeaturedLink-content"> <span class="SiteNavFeaturedLink-mainText">How to get a business loan</span> <span class="SiteNavFeaturedLink-supportText">9 min read</span> </div> </a> </li> </ul> </div> </div> </div> </div> </div> </div> <div class="SiteNavSubcategory-categoryLinkContainer"> <a href="/loans/" class="SiteNavSubcategory-categoryLink" @keydown.tab="focusNextSubcategoryTab" @keydown.down="$event.preventDefault()" data-beam-element-clicked data-type="LINK" data-location="site-nav" data-name="Loans hub link - desktop nav" data-position="bottom" data-text="Explore all Loans resources" data-outcome="send to link" > Explore all loans resources <svg class="Icon Icon--sm text-blue" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Arrow Right Icon</title><path fill-rule="evenodd" clip-rule="evenodd" d="M12.29 18.69c.2.19.45.29.71.29V19c.25 0 .5-.09.7-.29l6.01-6c.18-.19.29-.44.29-.71 0-.27-.1-.52-.29-.71l-6.01-6a.996.996 0 1 0-1.41 1.41l4.3 4.3H4c-.55 0-1 .45-1 1s.45 1 1 1h12.58l-4.29 4.28a.996.996 0 0 0 0 1.41Z" class="icon-base"/></svg></a> </div> </div> </div> </div> </div> </li> <li x-cloak class="SiteNavCategory" id="category-6" @mouseenter="focusCategory($el)" @mouseleave="blurCategory" x-data> <a class="SiteNavCategory-link" href="/home-equity/" data-js-selector="siteNavCategorylink6" data-preamp="nav-category-item" @focus="focusCategory($el.parentElement)" @click="handleCategoryClick" @keydown.tab.prevent="keydownCategory('tab', 6, 7);" @keydown.right.prevent="keydownCategory('right', 6, 7);" @keydown.left.prevent="keydownCategory('left', 6, 7);" @keydown.down.prevent="keydownCategory('down', 6, 7);" @keydown.up.prevent="keydownCategory('up', 6, 7);" @keydown.home.prevent="keydownCategory('home', 6, 7);" @keydown.end.prevent="keydownCategory('end', 6, 7);" @keydown.space.prevent="keydownCategory('space', 6, 7);" @keydown.enter.prevent="keydownCategory('enter', 6, 7);" :tabindex="isMobile && !isNavOpen ? -1 : 0" data-beam-element-clicked data-type="link" data-location="site-nav" data-name="top-level" data-position="6" data-text="Home equity" data-outcome="send to home equity hub" > <span class="SiteNavCategory-label"> Home equity</span> <svg class="SiteNavCategory-icon SiteNavCategory-arrow" aria-hidden="true" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Caret Right Icon</title><path d="M8.168 21a1.39 1.39 0 0 1-.938-.379c-.51-.51-.51-1.35 0-1.86l6.744-6.75L7.23 5.242c-.51-.51-.51-1.35 0-1.86a1.32 1.32 0 0 1 1.859 0l7.681 7.689c.51.51.51 1.35 0 1.86l-7.681 7.69A1.29 1.29 0 0 1 8.15 21h.017Z" class="icon-base"/></svg></a> <div x-ref="flyout" class="SiteNavCategory-flyout" id="siteNavCategory-flyout-home-equity" data-beam-element-viewed data-type="drawer" data-location="site-nav" data-name="top-level-hover" data-position="6" data-text="Home equity" data-outcome="open default home equity container" > <div class="SiteNavCategory-panel" x-ref="siteNavCategoryPanel"> <div class="SiteNavMobile-sticky"> <button class="SiteNavMobile-back" @click="deactivateCategory" x-ref="backToCategoriesButton" @keydown.prevent="keyDownBackToCategoriesButton" aria-label="Back to all categories"> <svg class="Icon Icon--xs" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Caret Left Icon</title><path d="M15.85 21a1.36 1.36 0 0 1-.938-.379L7.23 12.932c-.51-.51-.51-1.35 0-1.86l7.681-7.69a1.32 1.32 0 0 1 1.86 0c.51.511.51 1.35 0 1.861l-6.745 6.75 6.744 6.751c.51.51.51 1.35 0 1.86a1.29 1.29 0 0 1-.937.38l.016.016Z" class="icon-base"/></svg>All </button> </div> <div class="SiteNavSubcategory" x-id="['subcategory']"> <div class="SiteNavSubcategory-tabsContainer"> <div id="home-equity-tablist" class="SiteNavSubcategory-categoryTitle"> Home equity</div> <div class="SiteNavSubcategory-tabs" x-ref="siteNavTablist" @keydown.prevent="keydownSubcategoryTabs" role="tablist" aria-labelledby="home-equity-tablist"> <button class="SiteNavSubcategory-tab" :class="isActiveSubcategory($el.id) ? 'is-active' : ''" type="button" role="tab" @mouseover="handleSubcategoryMouseOver" @click="handleSubcategoryClick" @mousedown.prevent @focus="activateSubcategory($el.id)" :id="$id('subcategory', whichChild($el, $el.parentElement))" :tabindex="isActiveSubcategory($el.id) ? 0 : -1" :aria-selected="isActiveSubcategory($el.id)" data-subcategory-name="HELOC" data-position="1"> HELOC<svg class="Icon Icon--xs" aria-hidden="true" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Caret Right Icon</title><path d="M8.168 21a1.39 1.39 0 0 1-.938-.379c-.51-.51-.51-1.35 0-1.86l6.744-6.75L7.23 5.242c-.51-.51-.51-1.35 0-1.86a1.32 1.32 0 0 1 1.859 0l7.681 7.689c.51.51.51 1.35 0 1.86l-7.681 7.69A1.29 1.29 0 0 1 8.15 21h.017Z" class="icon-base"/></svg></button> <button class="SiteNavSubcategory-tab" :class="isActiveSubcategory($el.id) ? 'is-active' : ''" type="button" role="tab" @mouseover="handleSubcategoryMouseOver" @click="handleSubcategoryClick" @mousedown.prevent @focus="activateSubcategory($el.id)" :id="$id('subcategory', whichChild($el, $el.parentElement))" :tabindex="isActiveSubcategory($el.id) ? 0 : -1" :aria-selected="isActiveSubcategory($el.id)" data-subcategory-name="Home equity loans" data-position="2"> Home equity loans<svg class="Icon Icon--xs" aria-hidden="true" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Caret Right Icon</title><path d="M8.168 21a1.39 1.39 0 0 1-.938-.379c-.51-.51-.51-1.35 0-1.86l6.744-6.75L7.23 5.242c-.51-.51-.51-1.35 0-1.86a1.32 1.32 0 0 1 1.859 0l7.681 7.689c.51.51.51 1.35 0 1.86l-7.681 7.69A1.29 1.29 0 0 1 8.15 21h.017Z" class="icon-base"/></svg></button> </div> <div class="SiteNavSubcategory-categoryLinkContainer" @keydown.left.prevent="keydownSubcategoryTabs" @keydown.up.prevent="keydownSubcategoryTabs" @keydown.right.prevent="keydownSubcategoryTabs" @keydown.down.prevent="keydownSubcategoryTabs" @keydown.tab.prevent="keydownSubcategoryTabs"> <a href="/home-equity/" class="SiteNavSubcategory-categoryLink" x-ref="siteNavCategoryLinkMobile" @keydown.space.prevent="$el.click()" @keydown.enter.prevent="$el.click()" data-beam-element-clicked data-type="LINK" data-location="site-nav" data-name="Home equity hub link - mobile nav" data-position="bottom" data-text="Explore all Home equity resources" data-outcome="send to link" > Explore all home equity resources <svg class="Icon Icon--sm text-blue" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Arrow Right Icon</title><path fill-rule="evenodd" clip-rule="evenodd" d="M12.29 18.69c.2.19.45.29.71.29V19c.25 0 .5-.09.7-.29l6.01-6c.18-.19.29-.44.29-.71 0-.27-.1-.52-.29-.71l-6.01-6a.996.996 0 1 0-1.41 1.41l4.3 4.3H4c-.55 0-1 .45-1 1s.45 1 1 1h12.58l-4.29 4.28a.996.996 0 0 0 0 1.41Z" class="icon-base"/></svg></a> </div> </div> <div class="SiteNavSubcategory-content" :class="{'is-active': showSubcategoryView}" @keydown.up.prevent="keydownSubcategoryLinks($el.querySelector('.is-active'), $event)"> <div class="SiteNavSubcategory-panelsContainer" x-ref="siteNavSubcategoryPanelsContainer"> <div class="SiteNavMobile-sticky"> <button class="SiteNavMobile-back" @click="deactivateSubcategory" x-ref="backToSubcategoriesButton" @keydown.prevent="keyDownBackToSubcategoriesButton" aria-label="Back to Home equity category"> <svg class="Icon Icon--xs" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Caret Left Icon</title><path d="M15.85 21a1.36 1.36 0 0 1-.938-.379L7.23 12.932c-.51-.51-.51-1.35 0-1.86l7.681-7.69a1.32 1.32 0 0 1 1.86 0c.51.511.51 1.35 0 1.861l-6.745 6.75 6.744 6.751c.51.51.51 1.35 0 1.86a1.29 1.29 0 0 1-.937.38l.016.016Z" class="icon-base"/></svg> Home equity</button> </div> <div class="SiteNavSubcategory-categoryTitle" x-text="activeSubcategoryName"></div> <div class="SiteNavSubcategory-panels" tabindex="-1"> <div class="SiteNavSubcategory-panel" :class="{'is-active' : isActiveSubcategory($id('subcategory', whichChild($el, $el.parentElement)))}" :aria-labelledby="$id('subcategory', whichChild($el, $el.parentElement))" role="tabpanel" @keydown="keydownSubcategoryLinks($el, $event)" tabindex="-1"> <div class="SiteNavSubcategory-firstColumn"> <div class="SiteNavTopicOverview"> <p class="SiteNavTopicOverview-heading" role="heading">HELOC </p> <p class="SiteNavTopicOverview-copy">A HELOC is a variable-rate line of credit that lets you borrow funds for a set period and repay them later.</p> <a href="/home-equity/heloc-rates/" class="Button Button--primary"data-beam-element-clicked data-type="button" data-location="site-nav" data-name="Home equity nav - HELOC subcategory CTA" data-position="1" data-text="HELOC Rates" data-outcome="send to link" data-category="Home equity"> HELOC Rates</a> </div> </div> <div class="SiteNavSubcategory-secondColumn"> <div class="SiteNavSecondaryLinkListWrapper"> <p class="SiteNavSecondaryLinkListWrapper-eyebrow" role="heading">Home equity basics </p> <div class="SiteNavSecondaryLinkLists"> <ul class="SiteNavSecondaryLinkList"> <li> <a class="SiteNavSecondaryLink" href="/home-equity/heloc-lenders/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Home equity nav - HELOC subcategory featured link" data-position="1" data-text="Best HELOC lenders" data-outcome="send to link" > Best HELOC lenders</a> </li> <li> <a class="SiteNavSecondaryLink" href="/home-equity/heloc-calculator/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Home equity nav - HELOC subcategory featured link" data-position="2" data-text="HELOC calculator" data-outcome="send to link" > HELOC calculator</a> </li> <li> <a class="SiteNavSecondaryLink" href="/home-equity/what-is-heloc/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Home equity nav - HELOC subcategory featured link" data-position="3" data-text="What is a HELOC?" data-outcome="send to link" > What is a HELOC?</a> </li> <li> <a class="SiteNavSecondaryLink" href="/home-equity/pros-cons-of-home-equity-lines/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Home equity nav - HELOC subcategory featured link" data-position="4" data-text="Pros and cons of HELOCs" data-outcome="send to link" > Pros and cons of HELOCs</a> </li> <li> <a class="SiteNavSecondaryLink" href="/home-equity/reviews/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Home equity nav - HELOC subcategory featured link" data-position="5" data-text="Home equity lender reviews" data-outcome="send to link" > Home equity lender reviews</a> </li> </ul> <ul class="SiteNavFeaturedLinkList"> <li> <a class="SiteNavFeaturedLink" href="/home-equity/what-is-home-equity/" data-beam-element-clicked data-type="featured link" data-location="site-nav" data-name="Home equity nav - HELOC subcategory link" data-position="1" data-text="What is home equity?" data-outcome="send to link" > <div class="SiteNavFeaturedLink-image"> <img loading="lazy" srcset="https://www.bankrate.com/f/102997/1440x1440/e9e92b7729/home-equity-heloc-guide-nav-imagery.png/m/50x50/filters:quality(90):format(webp), https://www.bankrate.com/f/102997/1440x1440/e9e92b7729/home-equity-heloc-guide-nav-imagery.png/m/100x100/filters:quality(90):format(webp) 2x" src="https://www.bankrate.com/f/102997/1440x1440/e9e92b7729/home-equity-heloc-guide-nav-imagery.png/m/50x50/filters:quality(90):format(webp)" alt=""> </div> <div class="SiteNavFeaturedLink-content"> <span class="SiteNavFeaturedLink-mainText">What is home equity?</span> <span class="SiteNavFeaturedLink-supportText">8 min read</span> </div> </a> </li> <li> <a class="SiteNavFeaturedLink" href="/home-equity/how-to-calculate-equity-in-your-home/" data-beam-element-clicked data-type="featured link" data-location="site-nav" data-name="Home equity nav - HELOC subcategory link" data-position="2" data-text="How to calculate home equity" data-outcome="send to link" > <div class="SiteNavFeaturedLink-image"> <img loading="lazy" srcset="https://www.bankrate.com/f/102997/1280x720/98576f9f53/home-purchase.jpeg/m/50x50/filters:quality(90):format(webp), https://www.bankrate.com/f/102997/1280x720/98576f9f53/home-purchase.jpeg/m/100x100/filters:quality(90):format(webp) 2x" src="https://www.bankrate.com/f/102997/1280x720/98576f9f53/home-purchase.jpeg/m/50x50/filters:quality(90):format(webp)" alt="Home purchase"> </div> <div class="SiteNavFeaturedLink-content"> <span class="SiteNavFeaturedLink-mainText">How to calculate home equity</span> <span class="SiteNavFeaturedLink-supportText">6 min read</span> </div> </a> </li> </ul> </div> </div> </div> </div> <div class="SiteNavSubcategory-panel" :class="{'is-active' : isActiveSubcategory($id('subcategory', whichChild($el, $el.parentElement)))}" :aria-labelledby="$id('subcategory', whichChild($el, $el.parentElement))" role="tabpanel" @keydown="keydownSubcategoryLinks($el, $event)" tabindex="-1"> <div class="SiteNavSubcategory-firstColumn"> <div class="SiteNavTopicOverview"> <p class="SiteNavTopicOverview-heading" role="heading">Home equity loans </p> <p class="SiteNavTopicOverview-copy">Home equity loans let you borrow a lump sum at a fixed rate, based on how much of the home you own outright.</p> <a href="/home-equity/home-equity-loan-rates/" class="Button Button--primary"data-beam-element-clicked data-type="button" data-location="site-nav" data-name="Home equity nav - Home equity loans subcategory CTA" data-position="1" data-text="Home equity loan rates" data-outcome="send to link" data-category="Home equity"> Home equity loan rates</a> </div> </div> <div class="SiteNavSubcategory-secondColumn"> <div class="SiteNavSecondaryLinkListWrapper"> <p class="SiteNavSecondaryLinkListWrapper-eyebrow" role="heading">Get guidance </p> <div class="SiteNavSecondaryLinkLists"> <ul class="SiteNavSecondaryLinkList"> <li> <a class="SiteNavSecondaryLink" href="/home-equity/what-is-home-equity-loan/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Home equity nav - Home equity loans subcategory featured link" data-position="1" data-text="What is a home equity loan?" data-outcome="send to link" > What is a home equity loan?</a> </li> <li> <a class="SiteNavSecondaryLink" href="/home-equity/pros-cons-home-equity-loan/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Home equity nav - Home equity loans subcategory featured link" data-position="2" data-text="Home equity loan pros and cons" data-outcome="send to link" > Home equity loan pros and cons</a> </li> <li> <a class="SiteNavSecondaryLink" href="/home-equity/requirements-to-borrow-from-home-equity/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Home equity nav - Home equity loans subcategory featured link" data-position="3" data-text="Home equity loan requirements" data-outcome="send to link" > Home equity loan requirements</a> </li> <li> <a class="SiteNavSecondaryLink" href="/home-equity/home-equity-loan-vs-line-of-credit/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Home equity nav - Home equity loans subcategory featured link" data-position="4" data-text="HELOC vs home equity loan" data-outcome="send to link" > HELOC vs home equity loan</a> </li> <li> <a class="SiteNavSecondaryLink" href="/home-equity/how-to-build-equity-in-your-home/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Home equity nav - Home equity loans subcategory featured link" data-position="5" data-text="How to build home equity" data-outcome="send to link" > How to build home equity</a> </li> </ul> <ul class="SiteNavFeaturedLinkList"> <li> <a class="SiteNavFeaturedLink" href="/home-equity/home-equity-loan-lenders/" data-beam-element-clicked data-type="featured link" data-location="site-nav" data-name="Home equity nav - Home equity loans subcategory link" data-position="1" data-text="Best home equity loan lenders" data-outcome="send to link" > <div class="SiteNavFeaturedLink-image"> <img loading="lazy" srcset="https://www.bankrate.com/f/102997/721x720/bad3fd8f56/heloc-lender-reviews-s.jpg/m/50x50/filters:quality(90):format(webp), https://www.bankrate.com/f/102997/721x720/bad3fd8f56/heloc-lender-reviews-s.jpg/m/100x100/filters:quality(90):format(webp) 2x" src="https://www.bankrate.com/f/102997/721x720/bad3fd8f56/heloc-lender-reviews-s.jpg/m/50x50/filters:quality(90):format(webp)" alt=""> </div> <div class="SiteNavFeaturedLink-content"> <span class="SiteNavFeaturedLink-mainText">Best home equity loan lenders</span> <span class="SiteNavFeaturedLink-supportText">Compare top home equity lenders</span> </div> </a> </li> <li> <a class="SiteNavFeaturedLink" href="/home-equity/home-equity-calculator/" data-beam-element-clicked data-type="featured link" data-location="site-nav" data-name="Home equity nav - Home equity loans subcategory link" data-position="2" data-text="Home equity calculator" data-outcome="send to link" > <div class="SiteNavFeaturedLink-image"> <img loading="lazy" srcset="https://www.bankrate.com/f/102997/1920x1080/2654611691/cd-rates.jpeg/m/50x50/filters:quality(90):format(webp), https://www.bankrate.com/f/102997/1920x1080/2654611691/cd-rates.jpeg/m/100x100/filters:quality(90):format(webp) 2x" src="https://www.bankrate.com/f/102997/1920x1080/2654611691/cd-rates.jpeg/m/50x50/filters:quality(90):format(webp)" alt="CD Rates"> </div> <div class="SiteNavFeaturedLink-content"> <span class="SiteNavFeaturedLink-mainText">Home equity calculator</span> <span class="SiteNavFeaturedLink-supportText">Calculate how much you can borrow</span> </div> </a> </li> </ul> </div> </div> </div> </div> </div> </div> <div class="SiteNavSubcategory-categoryLinkContainer"> <a href="/home-equity/" class="SiteNavSubcategory-categoryLink" @keydown.tab="focusNextSubcategoryTab" @keydown.down="$event.preventDefault()" data-beam-element-clicked data-type="LINK" data-location="site-nav" data-name="Home equity hub link - desktop nav" data-position="bottom" data-text="Explore all Home equity resources" data-outcome="send to link" > Explore all home equity resources <svg class="Icon Icon--sm text-blue" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Arrow Right Icon</title><path fill-rule="evenodd" clip-rule="evenodd" d="M12.29 18.69c.2.19.45.29.71.29V19c.25 0 .5-.09.7-.29l6.01-6c.18-.19.29-.44.29-.71 0-.27-.1-.52-.29-.71l-6.01-6a.996.996 0 1 0-1.41 1.41l4.3 4.3H4c-.55 0-1 .45-1 1s.45 1 1 1h12.58l-4.29 4.28a.996.996 0 0 0 0 1.41Z" class="icon-base"/></svg></a> </div> </div> </div> </div> </div> </li> <li x-cloak class="SiteNavCategory" id="category-7" @mouseenter="focusCategory($el)" @mouseleave="blurCategory" x-data> <a class="SiteNavCategory-link" href="/insurance/" data-js-selector="siteNavCategorylink7" data-preamp="nav-category-item" @focus="focusCategory($el.parentElement)" @click="handleCategoryClick" @keydown.tab.prevent="keydownCategory('tab', 7, 7);" @keydown.right.prevent="keydownCategory('right', 7, 7);" @keydown.left.prevent="keydownCategory('left', 7, 7);" @keydown.down.prevent="keydownCategory('down', 7, 7);" @keydown.up.prevent="keydownCategory('up', 7, 7);" @keydown.home.prevent="keydownCategory('home', 7, 7);" @keydown.end.prevent="keydownCategory('end', 7, 7);" @keydown.space.prevent="keydownCategory('space', 7, 7);" @keydown.enter.prevent="keydownCategory('enter', 7, 7);" :tabindex="isMobile && !isNavOpen ? -1 : 0" data-beam-element-clicked data-type="link" data-location="site-nav" data-name="top-level" data-position="7" data-text="Insurance" data-outcome="send to insurance hub" > <span class="SiteNavCategory-label"> Insurance</span> <svg class="SiteNavCategory-icon SiteNavCategory-arrow" aria-hidden="true" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Caret Right Icon</title><path d="M8.168 21a1.39 1.39 0 0 1-.938-.379c-.51-.51-.51-1.35 0-1.86l6.744-6.75L7.23 5.242c-.51-.51-.51-1.35 0-1.86a1.32 1.32 0 0 1 1.859 0l7.681 7.689c.51.51.51 1.35 0 1.86l-7.681 7.69A1.29 1.29 0 0 1 8.15 21h.017Z" class="icon-base"/></svg></a> <div x-ref="flyout" class="SiteNavCategory-flyout" id="siteNavCategory-flyout-insurance" data-beam-element-viewed data-type="drawer" data-location="site-nav" data-name="top-level-hover" data-position="7" data-text="Insurance" data-outcome="open default insurance container" > <div class="SiteNavCategory-panel" x-ref="siteNavCategoryPanel"> <div class="SiteNavMobile-sticky"> <button class="SiteNavMobile-back" @click="deactivateCategory" x-ref="backToCategoriesButton" @keydown.prevent="keyDownBackToCategoriesButton" aria-label="Back to all categories"> <svg class="Icon Icon--xs" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Caret Left Icon</title><path d="M15.85 21a1.36 1.36 0 0 1-.938-.379L7.23 12.932c-.51-.51-.51-1.35 0-1.86l7.681-7.69a1.32 1.32 0 0 1 1.86 0c.51.511.51 1.35 0 1.861l-6.745 6.75 6.744 6.751c.51.51.51 1.35 0 1.86a1.29 1.29 0 0 1-.937.38l.016.016Z" class="icon-base"/></svg>All </button> </div> <div class="SiteNavSubcategory" x-id="['subcategory']"> <div class="SiteNavSubcategory-tabsContainer"> <div id="insurance-tablist" class="SiteNavSubcategory-categoryTitle"> Insurance</div> <div class="SiteNavSubcategory-tabs" x-ref="siteNavTablist" @keydown.prevent="keydownSubcategoryTabs" role="tablist" aria-labelledby="insurance-tablist"> <button class="SiteNavSubcategory-tab" :class="isActiveSubcategory($el.id) ? 'is-active' : ''" type="button" role="tab" @mouseover="handleSubcategoryMouseOver" @click="handleSubcategoryClick" @mousedown.prevent @focus="activateSubcategory($el.id)" :id="$id('subcategory', whichChild($el, $el.parentElement))" :tabindex="isActiveSubcategory($el.id) ? 0 : -1" :aria-selected="isActiveSubcategory($el.id)" data-subcategory-name="Auto insurance" data-position="1"> Auto insurance<svg class="Icon Icon--xs" aria-hidden="true" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Caret Right Icon</title><path d="M8.168 21a1.39 1.39 0 0 1-.938-.379c-.51-.51-.51-1.35 0-1.86l6.744-6.75L7.23 5.242c-.51-.51-.51-1.35 0-1.86a1.32 1.32 0 0 1 1.859 0l7.681 7.689c.51.51.51 1.35 0 1.86l-7.681 7.69A1.29 1.29 0 0 1 8.15 21h.017Z" class="icon-base"/></svg></button> <button class="SiteNavSubcategory-tab" :class="isActiveSubcategory($el.id) ? 'is-active' : ''" type="button" role="tab" @mouseover="handleSubcategoryMouseOver" @click="handleSubcategoryClick" @mousedown.prevent @focus="activateSubcategory($el.id)" :id="$id('subcategory', whichChild($el, $el.parentElement))" :tabindex="isActiveSubcategory($el.id) ? 0 : -1" :aria-selected="isActiveSubcategory($el.id)" data-subcategory-name="Home insurance" data-position="2"> Home insurance<svg class="Icon Icon--xs" aria-hidden="true" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Caret Right Icon</title><path d="M8.168 21a1.39 1.39 0 0 1-.938-.379c-.51-.51-.51-1.35 0-1.86l6.744-6.75L7.23 5.242c-.51-.51-.51-1.35 0-1.86a1.32 1.32 0 0 1 1.859 0l7.681 7.689c.51.51.51 1.35 0 1.86l-7.681 7.69A1.29 1.29 0 0 1 8.15 21h.017Z" class="icon-base"/></svg></button> <button class="SiteNavSubcategory-tab" :class="isActiveSubcategory($el.id) ? 'is-active' : ''" type="button" role="tab" @mouseover="handleSubcategoryMouseOver" @click="handleSubcategoryClick" @mousedown.prevent @focus="activateSubcategory($el.id)" :id="$id('subcategory', whichChild($el, $el.parentElement))" :tabindex="isActiveSubcategory($el.id) ? 0 : -1" :aria-selected="isActiveSubcategory($el.id)" data-subcategory-name="Life insurance" data-position="3"> Life insurance<svg class="Icon Icon--xs" aria-hidden="true" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Caret Right Icon</title><path d="M8.168 21a1.39 1.39 0 0 1-.938-.379c-.51-.51-.51-1.35 0-1.86l6.744-6.75L7.23 5.242c-.51-.51-.51-1.35 0-1.86a1.32 1.32 0 0 1 1.859 0l7.681 7.689c.51.51.51 1.35 0 1.86l-7.681 7.69A1.29 1.29 0 0 1 8.15 21h.017Z" class="icon-base"/></svg></button> </div> <div class="SiteNavSubcategory-categoryLinkContainer" @keydown.left.prevent="keydownSubcategoryTabs" @keydown.up.prevent="keydownSubcategoryTabs" @keydown.right.prevent="keydownSubcategoryTabs" @keydown.down.prevent="keydownSubcategoryTabs" @keydown.tab.prevent="keydownSubcategoryTabs"> <a href="/insurance/" class="SiteNavSubcategory-categoryLink" x-ref="siteNavCategoryLinkMobile" @keydown.space.prevent="$el.click()" @keydown.enter.prevent="$el.click()" data-beam-element-clicked data-type="LINK" data-location="site-nav" data-name="Insurance hub link - mobile nav" data-position="bottom" data-text="Explore all Insurance resources" data-outcome="send to link" > Explore all insurance resources <svg class="Icon Icon--sm text-blue" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Arrow Right Icon</title><path fill-rule="evenodd" clip-rule="evenodd" d="M12.29 18.69c.2.19.45.29.71.29V19c.25 0 .5-.09.7-.29l6.01-6c.18-.19.29-.44.29-.71 0-.27-.1-.52-.29-.71l-6.01-6a.996.996 0 1 0-1.41 1.41l4.3 4.3H4c-.55 0-1 .45-1 1s.45 1 1 1h12.58l-4.29 4.28a.996.996 0 0 0 0 1.41Z" class="icon-base"/></svg></a> </div> </div> <div class="SiteNavSubcategory-content" :class="{'is-active': showSubcategoryView}" @keydown.up.prevent="keydownSubcategoryLinks($el.querySelector('.is-active'), $event)"> <div class="SiteNavSubcategory-panelsContainer" x-ref="siteNavSubcategoryPanelsContainer"> <div class="SiteNavMobile-sticky"> <button class="SiteNavMobile-back" @click="deactivateSubcategory" x-ref="backToSubcategoriesButton" @keydown.prevent="keyDownBackToSubcategoriesButton" aria-label="Back to Insurance category"> <svg class="Icon Icon--xs" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Caret Left Icon</title><path d="M15.85 21a1.36 1.36 0 0 1-.938-.379L7.23 12.932c-.51-.51-.51-1.35 0-1.86l7.681-7.69a1.32 1.32 0 0 1 1.86 0c.51.511.51 1.35 0 1.861l-6.745 6.75 6.744 6.751c.51.51.51 1.35 0 1.86a1.29 1.29 0 0 1-.937.38l.016.016Z" class="icon-base"/></svg> Insurance</button> </div> <div class="SiteNavSubcategory-categoryTitle" x-text="activeSubcategoryName"></div> <div class="SiteNavSubcategory-panels" tabindex="-1"> <div class="SiteNavSubcategory-panel" :class="{'is-active' : isActiveSubcategory($id('subcategory', whichChild($el, $el.parentElement)))}" :aria-labelledby="$id('subcategory', whichChild($el, $el.parentElement))" role="tabpanel" @keydown="keydownSubcategoryLinks($el, $event)" tabindex="-1"> <div class="SiteNavSubcategory-firstColumn"> <div class="SiteNavPrimaryLinkList"> <p class="SiteNavPrimaryLinkList-eyebrow">Compare rates</p> <ul class="SiteNavPrimaryLinkList-list"> <li class="SiteNavPrimaryLinkList-item"> <a href="/insurance/car/best-car-insurance-companies/" class="SiteNavPrimaryLink" target="" > Best car insurance companies</a> </li> <li class="SiteNavPrimaryLinkList-item"> <a href="/insurance/car/cheap-car-insurance-companies/" class="SiteNavPrimaryLink" target="" > Cheapest car insurance companies</a> </li> <li class="SiteNavPrimaryLinkList-item"> <a href="/insurance/car/rates/" class="SiteNavPrimaryLink" target="" > Compare car insurance rates</a> </li> <li class="SiteNavPrimaryLinkList-item"> <a href="/insurance/car/average-cost-of-car-insurance/" class="SiteNavPrimaryLink" target="" > How much is car insurance?</a> </li> </ul> </div> </div> <div class="SiteNavSubcategory-secondColumn"> <div class="SiteNavSecondaryLinkListWrapper"> <p class="SiteNavSecondaryLinkListWrapper-eyebrow" role="heading">Get guidance</p> <div class="SiteNavSecondaryLinkLists"> <ul class="SiteNavSecondaryLinkList"> <li> <a class="SiteNavSecondaryLink" href="/insurance/reviews/allstate/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Insurance nav - Auto insurance subcategory featured link" data-position="1" data-text="Allstate insurance review" data-outcome="send to link" > Allstate insurance review</a> </li> <li> <a class="SiteNavSecondaryLink" href="/insurance/reviews/erie/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Insurance nav - Auto insurance subcategory featured link" data-position="2" data-text="Erie insurance review" data-outcome="send to link" > Erie insurance review</a> </li> <li> <a class="SiteNavSecondaryLink" href="/insurance/reviews/progressive/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Insurance nav - Auto insurance subcategory featured link" data-position="3" data-text="Progressive insurance review" data-outcome="send to link" > Progressive insurance review</a> </li> <li> <a class="SiteNavSecondaryLink" href="/insurance/reviews/state-farm/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Insurance nav - Auto insurance subcategory featured link" data-position="4" data-text="State Farm insurance review" data-outcome="send to link" > State Farm insurance review</a> </li> <li> <a class="SiteNavSecondaryLink" href="/insurance/reviews/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Insurance nav - Auto insurance subcategory featured link" data-position="5" data-text="All insurance company reviews" data-outcome="send to link" > All insurance company reviews</a> </li> </ul> <ul class="SiteNavFeaturedLinkList"> <li> <a class="SiteNavFeaturedLink" href="/insurance/car/states/" data-beam-element-clicked data-type="featured link" data-location="site-nav" data-name="Insurance nav - Auto insurance subcategory link" data-position="1" data-text="Auto insurance by state" data-outcome="send to link" > <div class="SiteNavFeaturedLink-image"> <img loading="lazy" srcset="https://www.bankrate.com/f/102997/1440x1440/5bfb00cc0b/auto-insurance-by-state.png/m/50x50/filters:quality(90):format(webp), https://www.bankrate.com/f/102997/1440x1440/5bfb00cc0b/auto-insurance-by-state.png/m/100x100/filters:quality(90):format(webp) 2x" src="https://www.bankrate.com/f/102997/1440x1440/5bfb00cc0b/auto-insurance-by-state.png/m/50x50/filters:quality(90):format(webp)" alt=""> </div> <div class="SiteNavFeaturedLink-content"> <span class="SiteNavFeaturedLink-mainText">Auto insurance by state</span> <span class="SiteNavFeaturedLink-supportText">Compare rates in your state</span> </div> </a> </li> <li> <a class="SiteNavFeaturedLink" href="/insurance/car/" data-beam-element-clicked data-type="featured link" data-location="site-nav" data-name="Insurance nav - Auto insurance subcategory link" data-position="2" data-text="Car insurance resources" data-outcome="send to link" > <div class="SiteNavFeaturedLink-image"> <img loading="lazy" srcset="https://www.bankrate.com/f/102997/1440x1440/20e5cbc3e7/how-much-is-car-insurance-nav.png/m/50x50/filters:quality(90):format(webp), https://www.bankrate.com/f/102997/1440x1440/20e5cbc3e7/how-much-is-car-insurance-nav.png/m/100x100/filters:quality(90):format(webp) 2x" src="https://www.bankrate.com/f/102997/1440x1440/20e5cbc3e7/how-much-is-car-insurance-nav.png/m/50x50/filters:quality(90):format(webp)" alt=""> </div> <div class="SiteNavFeaturedLink-content"> <span class="SiteNavFeaturedLink-mainText">Car insurance resources</span> <span class="SiteNavFeaturedLink-supportText">Learn more about auto insurance</span> </div> </a> </li> </ul> </div> </div> </div> </div> <div class="SiteNavSubcategory-panel" :class="{'is-active' : isActiveSubcategory($id('subcategory', whichChild($el, $el.parentElement)))}" :aria-labelledby="$id('subcategory', whichChild($el, $el.parentElement))" role="tabpanel" @keydown="keydownSubcategoryLinks($el, $event)" tabindex="-1"> <div class="SiteNavSubcategory-firstColumn"> <div class="SiteNavPrimaryLinkList"> <p class="SiteNavPrimaryLinkList-eyebrow">Compare rates</p> <ul class="SiteNavPrimaryLinkList-list"> <li class="SiteNavPrimaryLinkList-item"> <a href="/insurance/homeowners-insurance/best-home-insurance-companies/" class="SiteNavPrimaryLink" target="" > Best home insurance companies</a> </li> <li class="SiteNavPrimaryLinkList-item"> <a href="/insurance/homeowners-insurance/cheap-homeowners-insurance/" class="SiteNavPrimaryLink" target="" > Cheapest home insurance companies</a> </li> <li class="SiteNavPrimaryLinkList-item"> <a href="/insurance/homeowners-insurance/home-insurance-quotes/" class="SiteNavPrimaryLink" target="" > Home insurance quotes</a> </li> <li class="SiteNavPrimaryLinkList-item"> <a href="/insurance/homeowners-insurance/homeowners-insurance-cost/" class="SiteNavPrimaryLink" target="" > How much is homeowners insurance?</a> </li> </ul> </div> </div> <div class="SiteNavSubcategory-secondColumn"> <div class="SiteNavSecondaryLinkListWrapper"> <p class="SiteNavSecondaryLinkListWrapper-eyebrow" role="heading">Get guidance </p> <div class="SiteNavSecondaryLinkLists"> <ul class="SiteNavSecondaryLinkList"> <li> <a class="SiteNavSecondaryLink" href="/insurance/reviews/kin/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Insurance nav - Home insurance subcategory featured link" data-position="1" data-text="Kin insurance review" data-outcome="send to link" > Kin insurance review</a> </li> <li> <a class="SiteNavSecondaryLink" href="/insurance/reviews/hippo-insurance/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Insurance nav - Home insurance subcategory featured link" data-position="2" data-text="Hippo insurance review" data-outcome="send to link" > Hippo insurance review</a> </li> <li> <a class="SiteNavSecondaryLink" href="/insurance/reviews/lemonade/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Insurance nav - Home insurance subcategory featured link" data-position="3" data-text="Lemonade insurance review" data-outcome="send to link" > Lemonade insurance review</a> </li> <li> <a class="SiteNavSecondaryLink" href="/insurance/reviews/citizens-insurance/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Insurance nav - Home insurance subcategory featured link" data-position="4" data-text="Citizens insurance review" data-outcome="send to link" > Citizens insurance review</a> </li> </ul> <ul class="SiteNavFeaturedLinkList"> <li> <a class="SiteNavFeaturedLink" href="/insurance/homeowners-insurance/states/" data-beam-element-clicked data-type="featured link" data-location="site-nav" data-name="Insurance nav - Home insurance subcategory link" data-position="1" data-text="Home insurance by state" data-outcome="send to link" > <div class="SiteNavFeaturedLink-image"> <img loading="lazy" srcset="https://www.bankrate.com/f/102997/1440x1440/8af9dfc8a2/home-insurance-by-state-nav-imagery.png/m/50x50/filters:quality(90):format(webp), https://www.bankrate.com/f/102997/1440x1440/8af9dfc8a2/home-insurance-by-state-nav-imagery.png/m/100x100/filters:quality(90):format(webp) 2x" src="https://www.bankrate.com/f/102997/1440x1440/8af9dfc8a2/home-insurance-by-state-nav-imagery.png/m/50x50/filters:quality(90):format(webp)" alt=""> </div> <div class="SiteNavFeaturedLink-content"> <span class="SiteNavFeaturedLink-mainText">Home insurance by state</span> <span class="SiteNavFeaturedLink-supportText">Compare rates in your state</span> </div> </a> </li> <li> <a class="SiteNavFeaturedLink" href="/insurance/homeowners-insurance/" data-beam-element-clicked data-type="featured link" data-location="site-nav" data-name="Insurance nav - Home insurance subcategory link" data-position="2" data-text="Home insurance resources" data-outcome="send to link" > <div class="SiteNavFeaturedLink-image"> <img loading="lazy" srcset="https://www.bankrate.com/f/102997/1440x1440/e85a91b40b/how-much-is-home-insurance-nav-imagery.png/m/50x50/filters:quality(90):format(webp), https://www.bankrate.com/f/102997/1440x1440/e85a91b40b/how-much-is-home-insurance-nav-imagery.png/m/100x100/filters:quality(90):format(webp) 2x" src="https://www.bankrate.com/f/102997/1440x1440/e85a91b40b/how-much-is-home-insurance-nav-imagery.png/m/50x50/filters:quality(90):format(webp)" alt=""> </div> <div class="SiteNavFeaturedLink-content"> <span class="SiteNavFeaturedLink-mainText">Home insurance resources</span> <span class="SiteNavFeaturedLink-supportText">Learn more about home insurance</span> </div> </a> </li> </ul> </div> </div> </div> </div> <div class="SiteNavSubcategory-panel" :class="{'is-active' : isActiveSubcategory($id('subcategory', whichChild($el, $el.parentElement)))}" :aria-labelledby="$id('subcategory', whichChild($el, $el.parentElement))" role="tabpanel" @keydown="keydownSubcategoryLinks($el, $event)" tabindex="-1"> <div class="SiteNavSubcategory-firstColumn"> <div class="SiteNavPrimaryLinkList"> <p class="SiteNavPrimaryLinkList-eyebrow">Compare companies </p> <ul class="SiteNavPrimaryLinkList-list"> <li class="SiteNavPrimaryLinkList-item"> <a href="/insurance/life-insurance/life-insurance-cost/" class="SiteNavPrimaryLink" target="" > How much does life insurance cost?</a> </li> <li class="SiteNavPrimaryLinkList-item"> <a href="/insurance/life-insurance/best-life-insurance-companies/" class="SiteNavPrimaryLink" target="" > Best life insurance companies</a> </li> <li class="SiteNavPrimaryLinkList-item"> <a href="/insurance/life-insurance/life-insurance-quotes/" class="SiteNavPrimaryLink" target="" > Life insurance quotes</a> </li> <li class="SiteNavPrimaryLinkList-item"> <a href="/insurance/life-insurance/cheap-life-insurance/" class="SiteNavPrimaryLink" target="" > Cheapest life insurance companies</a> </li> </ul> </div> </div> <div class="SiteNavSubcategory-secondColumn"> <div class="SiteNavSecondaryLinkListWrapper"> <p class="SiteNavSecondaryLinkListWrapper-eyebrow" role="heading">Get guidance</p> <div class="SiteNavSecondaryLinkLists"> <ul class="SiteNavSecondaryLinkList"> <li> <a class="SiteNavSecondaryLink" href="/insurance/reviews/globe-life/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Insurance nav - Life insurance subcategory featured link" data-position="1" data-text="Globe Life insurance review" data-outcome="send to link" > Globe Life insurance review</a> </li> <li> <a class="SiteNavSecondaryLink" href="/insurance/reviews/colonial-penn/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Insurance nav - Life insurance subcategory featured link" data-position="2" data-text="Colonial Penn insurance review" data-outcome="send to link" > Colonial Penn insurance review</a> </li> <li> <a class="SiteNavSecondaryLink" href="/insurance/reviews/ladder-life-insurance/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Insurance nav - Life insurance subcategory featured link" data-position="3" data-text="Ladder life insurance review" data-outcome="send to link" > Ladder life insurance review</a> </li> <li> <a class="SiteNavSecondaryLink" href="/insurance/reviews/ethos/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Insurance nav - Life insurance subcategory featured link" data-position="4" data-text="Ethos life insurance review" data-outcome="send to link" > Ethos life insurance review</a> </li> </ul> <ul class="SiteNavFeaturedLinkList"> <li> <a class="SiteNavFeaturedLink" href="/insurance/life-insurance/life-insurance-calculator/" data-beam-element-clicked data-type="featured link" data-location="site-nav" data-name="Insurance nav - Life insurance subcategory link" data-position="1" data-text="Life insurance calculator" data-outcome="send to link" > <div class="SiteNavFeaturedLink-image"> <img loading="lazy" srcset="https://www.bankrate.com/f/102997/1440x1440/8b7ce45a3a/whole-life-insurance-nav.png/m/50x50/filters:quality(90):format(webp), https://www.bankrate.com/f/102997/1440x1440/8b7ce45a3a/whole-life-insurance-nav.png/m/100x100/filters:quality(90):format(webp) 2x" src="https://www.bankrate.com/f/102997/1440x1440/8b7ce45a3a/whole-life-insurance-nav.png/m/50x50/filters:quality(90):format(webp)" alt=""> </div> <div class="SiteNavFeaturedLink-content"> <span class="SiteNavFeaturedLink-mainText">Life insurance calculator</span> <span class="SiteNavFeaturedLink-supportText">How much do you need?</span> </div> </a> </li> <li> <a class="SiteNavFeaturedLink" href="/insurance/life-insurance/" data-beam-element-clicked data-type="featured link" data-location="site-nav" data-name="Insurance nav - Life insurance subcategory link" data-position="2" data-text="Life insurance resources" data-outcome="send to link" > <div class="SiteNavFeaturedLink-image"> <img loading="lazy" srcset="https://www.bankrate.com/f/102997/1440x1440/f61af7d73a/term-life-insurance-nav.png/m/50x50/filters:quality(90):format(webp), https://www.bankrate.com/f/102997/1440x1440/f61af7d73a/term-life-insurance-nav.png/m/100x100/filters:quality(90):format(webp) 2x" src="https://www.bankrate.com/f/102997/1440x1440/f61af7d73a/term-life-insurance-nav.png/m/50x50/filters:quality(90):format(webp)" alt=""> </div> <div class="SiteNavFeaturedLink-content"> <span class="SiteNavFeaturedLink-mainText">Life insurance resources</span> <span class="SiteNavFeaturedLink-supportText">Learn more about life insurance</span> </div> </a> </li> </ul> </div> </div> </div> </div> </div> </div> <div class="SiteNavSubcategory-categoryLinkContainer"> <a href="/insurance/" class="SiteNavSubcategory-categoryLink" @keydown.tab="focusNextSubcategoryTab" @keydown.down="$event.preventDefault()" data-beam-element-clicked data-type="LINK" data-location="site-nav" data-name="Insurance hub link - desktop nav" data-position="bottom" data-text="Explore all Insurance resources" data-outcome="send to link" > Explore all insurance resources <svg class="Icon Icon--sm text-blue" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Arrow Right Icon</title><path fill-rule="evenodd" clip-rule="evenodd" d="M12.29 18.69c.2.19.45.29.71.29V19c.25 0 .5-.09.7-.29l6.01-6c.18-.19.29-.44.29-.71 0-.27-.1-.52-.29-.71l-6.01-6a.996.996 0 1 0-1.41 1.41l4.3 4.3H4c-.55 0-1 .45-1 1s.45 1 1 1h12.58l-4.29 4.28a.996.996 0 0 0 0 1.41Z" class="icon-base"/></svg></a> </div> </div> </div> </div> </div> </li> </ul> <svg class="SiteNav-logo--mobile" width="100" height="20" viewBox="0 0 400 80" xmlns="http://www.w3.org/2000/svg" focusable="false"> <title>Bankrate</title> <g fill="#151515"> <path d="m100.16 78.16v-8.16h-.16c-3.75 6.26-10.42 9.5-18 9.5-15.45 0-28-11.63-28-26.88 0-16.87 12.12-28.7 27.65-28.7 7.72 0 14.21 2.86 18.31 8.87h.19v-7.44h9.91v52.81zm.19-26.31c0-10.29-7.44-18.85-18.41-18.85-9.91 0-18 8.49-18 18.87 0 9.92 8.11 18.6 18 18.6a18.58 18.58 0 0 0 18.41-18.62z"/> <path d="m155.19 78.16v-28.78c0-11.16-4.38-16.4-13.16-16.4s-13.92 6.39-13.92 16.31v28.89h-9.92v-52.83h9.25v5.65h.19c3.9-5 9.35-7 15.45-7 12.68 0 22 8 22 22.6v31.58h-9.9z"/> <path d="m300.12 78.16v-8.16h-.18c-3.72 6.29-10.4 9.53-17.93 9.53-15.45 0-28-11.63-28-26.88 0-16.87 12.1-28.7 27.65-28.7 7.72 0 14.21 2.86 18.31 8.87h.18v-7.47h9.85v52.81zm.19-26.31c0-10.29-7.44-18.87-18.4-18.87-9.92 0-18 8.49-18 18.87 0 9.92 8.11 18.6 18 18.6a18.57 18.57 0 0 0 18.4-18.6z"/> <path d="m325.11 78.16v-43.75h-7.11v-9.06h7.15v-17.73h9.85v17.73h8.68v9.06h-8.68v43.75z"/> <path d="m356 56.05c2.29 8.76 9.25 14.4 17.36 14.4a17 17 0 0 0 15.06-8.87h9.91a27.08 27.08 0 0 1 -25.41 17.92c-14.87 0-26.92-13.16-26.92-27.27 0-16.68 12.58-28.32 26.6-28.32a26.9 26.9 0 0 1 27.4 27.17 29.4 29.4 0 0 1 -.29 5h-43.71zm34.13-7.62c-.75-9-8.67-15.45-17.16-15.45-8.11 0-16.21 6.39-17 15.45z"/> <path d="m42 39.88a22.68 22.68 0 0 0 -4.89-3.79 18.39 18.39 0 0 0 1.73-2 21 21 0 0 0 4-14 21.57 21.57 0 0 0 -6.2-13.85 22 22 0 0 0 -15.96-6.24h-20.68v79.5h24.34c9.13 0 14.75-4 17.87-7.39a23.6 23.6 0 0 0 6.18-16.11 22.89 22.89 0 0 0 -6.39-16.12zm-21.32-30.61c8.37 0 12.5 5.75 12.88 11.43a11.49 11.49 0 0 1 -9.71 11.93h-14.58v-23.36zm3.65 61h-15.06v-28.37h13.73c11.89 0 16.1 7.6 16.1 14.11-.01 6.84-4.62 14.22-14.77 14.22z"/> <path d="m245.87 25.39c-9.38-.7-13 4-13 4v-4h-9.87v52.77h9.91v-29.64a20.28 20.28 0 0 1 1-6.37c2.14-6.48 9.16-8.56 16-6l4.09-8.7a22.74 22.74 0 0 0 -8.13-2.06z"/> <path d="m173.07 7.62h9.92v70.55h-9.92z"/> <path d="m205.26 78.16-21.88-26.43 19.62-26.38h11.21l-19.31 26.38 22.05 26.43z"/> </g> </svg></nav> <div class="SiteNav-rightLinks"> <button @click="toggleSearch" x-ref="siteNavSearchButton" class="SiteNavSearch" :class="{'is-active': isSearchOpen}" :aria-label="(isSearchOpen ? 'Close search modal' : 'Open search modal') + (!isMobile ? ' or press the home key to return to the main menu' : '')" data-beam-element-clicked data-type="button" data-location="site-nav" data-name="search" data-position="top" data-text="open search" data-outcome="link to search" tabindex="0" @keydown.shift.tab="isMobile && ($event.preventDefault() || $refs.siteNavLogo.focus())" @keydown.home.prevent="!isMobile && document.body.querySelector('[data-js-selector=siteNavCategorylink1]').focus()"> <svg class="Icon Icon--sm SiteNavSearch-magnifyingGlass" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Search Icon</title><path fill-rule="evenodd" clip-rule="evenodd" d="M10.312 1.5C5.702 1.5 2 5.28 2 10c0 4.72 3.703 8.5 8.312 8.5a8.18 8.18 0 0 0 4.648-1.44l4.947 5.11c.428.44 1.125.44 1.553 0l.219-.22c.428-.38.428-1.1 0-1.54l-4.917-5.03A8.611 8.611 0 0 0 18.623 10c0-4.72-3.753-8.5-8.311-8.5Zm0 2.19c3.374 0 6.161 2.85 6.161 6.31 0 3.46-2.787 6.31-6.161 6.31-3.375 0-6.162-2.85-6.162-6.31 0-3.46 2.737-6.31 6.162-6.31Z" class="icon-base"/></svg><svg class="Icon Icon--xs SiteNavSearch-xButton" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Close X Icon</title><path d="M18.88 3.28a1.3 1.3 0 1 1 1.839 1.84L13.839 12l6.88 6.881a1.3 1.3 0 1 1-1.838 1.838L12 13.84l-6.881 6.88a1.3 1.3 0 1 1-1.839-1.838L10.161 12l-6.88-6.88a1.3 1.3 0 0 1 1.838-1.84L12 10.162l6.882-6.88Z" class="icon-base"/></svg></button> <button id="SiteNavMenuButton" x-ref="siteNavMenuButton" @click="toggleNav" class="SiteNav-hamburger" tabindex="0" :aria-label="isNavOpen ? 'Close menu' : 'Open menu'" @keydown.shift.tab.prevent="$refs.siteNavSearchButton.focus()" @keydown.tab="keydownMenuButton" @keydown.right="keydownMenuButton" @keydown.down="keydownMenuButton" @keydown.esc="isNavOpen && closeNav()" data-beam-element-clicked data-type="button" data-location="site-nav" data-name="hamburger menu" data-position="top" data-text="toggle hamburger menu" data-outcome="toggle hamburger menu" > <div class="SiteNav-hamburgerBars"></div> </button> </div> </div> <div class="SiteNav-overlay" x-ref="siteNavOverlayHeader" @click="closeNav" :class="{ 'is-active': isNavOpen }"></div> </div> <div class="SiteNav-overlay" x-ref="siteNavOverlay" @click="closeNav" :class="{ 'is-active': isNavOpen }"></div> <div class="SiteNavSearch-container" :class="{ 'is-active': isSearchOpen }" data-js-selector="global-search-filter" data-beam-element-viewed data-type="drawer" data-location="site-nav" data-name="search flyout" data-position="top" data-text="open search flyout" data-outcome="open search flyout container" > <form class="SiteNavSearch-form" name="search bar" type="search" action="https://www.bankrate.com/search/"> <div> <div> <input type="text" id="siteSearchInput" x-ref="siteSearchInput" x-trap="(isSearchOpen && $refs.siteSearchInput.focus() === false)" @keydown.shift.tab="toggleSearch()" @keydown.esc="toggleSearch()" class="FormInput SiteNavSearch-input" name="q" placeholder="What can we help you find?" value="" autocomplete="off" aria-label="Search Bankrate" data-beam-field-inputted-no-pii data-label="Search Bankrate" :tabindex="isSearchOpen ? 0 : -1"> </div> <div> <button type="submit" class="SiteNavSearch-submit" data-js-selector="nav-search-submit-btn" :tabindex="isSearchOpen ? 0 : -1"> <span class="visually-hidden">Submit</span> <svg class="Icon Icon--sm" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Search Icon</title><path fill-rule="evenodd" clip-rule="evenodd" d="M10.312 1.5C5.702 1.5 2 5.28 2 10c0 4.72 3.703 8.5 8.312 8.5a8.18 8.18 0 0 0 4.648-1.44l4.947 5.11c.428.44 1.125.44 1.553 0l.219-.22c.428-.38.428-1.1 0-1.54l-4.917-5.03A8.611 8.611 0 0 0 18.623 10c0-4.72-3.753-8.5-8.311-8.5Zm0 2.19c3.374 0 6.161 2.85 6.161 6.31 0 3.46-2.787 6.31-6.161 6.31-3.375 0-6.162-2.85-6.162-6.31 0-3.46 2.737-6.31 6.162-6.31Z" class="icon-base"/></svg></button> </div> </div> </form> </div> </header> <div id="preamp-after-nav-placement"></div> <div data-monarch-slot="afterNavigationSlot" data-content-strategy="append"></div> <link rel="modulepreload" href="https://www.bankrate.com/v5.1521.3/next/build/assets/siteNav-1CzMPlbm.js" /><script type="module" src="https://www.bankrate.com/v5.1521.3/next/build/assets/siteNav-1CzMPlbm.js"></script><link rel="modulepreload" href="https://www.bankrate.com/v5.1521.3/next/build/assets/legacyNavBinding-CTP0_v7I.js" /><link rel="modulepreload" href="https://www.bankrate.com/v5.1521.3/next/build/assets/bindings-ayichnEY.js" /><script type="module" src="https://www.bankrate.com/v5.1521.3/next/build/assets/legacyNavBinding-CTP0_v7I.js"></script><link rel="modulepreload" href="https://www.bankrate.com/v5.1521.3/next/build/assets/web-vitals-CNPlK9eZ.js" /><script type="module" src="https://www.bankrate.com/v5.1521.3/next/build/assets/web-vitals-CNPlK9eZ.js"></script><link rel="modulepreload" href="https://www.bankrate.com/v5.1521.3/next/build/assets/monarch-Ynma6bbP.js" /><script type="module" src="https://www.bankrate.com/v5.1521.3/next/build/assets/monarch-Ynma6bbP.js"></script><div id="main-content"> <main> <div class="gutter"> <div class="wrapper"> <div class="display-flex flex-direction-column-reverse mt-4 md:mt-10 pos-relative md:flex-direction-row md:justify-content-space-between"> <nav data-cy="breadcrumb" aria-label="Breadcrumb"> <ol class="Breadcrumb mb-4"> <li class="Breadcrumb-itemContainer"> <a class="Breadcrumb-item " href="https://www.bankrate.com/insurance/"> Insurance</a> </li> <li class="Breadcrumb-itemContainer"> <a class="Breadcrumb-item " href="https://www.bankrate.com/insurance/reviews/"> Reviews</a> </li> <li class="Breadcrumb-itemContainer display-none sm:display-inline-block"> <span class="Breadcrumb-item is-active text-slate" aria-current="page"> Progressive insurance review </span> </li> </ol> </nav> </div> </div> </div> <div class="auto-sticky-banner-toc pos-relative"></div> <section id="" class="frame-b bg-transparent gutter section-wrapper"> <div class="wrapper section lg:flex-direction-row"> <div class="section__column main_content md:mr-8 md:justify-content-flex-start pos-relative align-items-normal md:align-items-flex-start"> <div class="gradient-bg pos-absolute"></div> <div data-cy="" class="Headline w-full"> <H1 class="type-heading-one mb-4"> Progressive insurance review 2024 </H1> </div> <div class="display-flex flex-direction-column md:flex-direction-row mb-6 md:mb-9 w-full"> <div data-cy="byline" x-data="{expanded: false}" class="Byline display-flex flex-wrap gap-y-4 flex-direction-column sm:flex-direction-row sm:align-items-center"> <div class="Byline-user display-flex align-items-center"> <img srcset="https://www.bankrate.com/2024/03/22150523/RE_headshot-1.jpg?auto=webp&quality=85&width=24&height=24&fit=cover&enable=upscale&crop=1:1,smart&dpr=1.5 1.5x, https://www.bankrate.com/2024/03/22150523/RE_headshot-1.jpg?auto=webp&quality=85&width=24&height=24&fit=cover&enable=upscale&crop=1:1,smart&dpr=2 2x, https://www.bankrate.com/2024/03/22150523/RE_headshot-1.jpg?auto=webp&quality=85&width=24&height=24&fit=cover&enable=upscale&crop=1:1,smart&dpr=3 3x" src="https://www.bankrate.com/2024/03/22150523/RE_headshot-1.jpg?auto=webp&quality=85&width=24&height=24&fit=cover&enable=upscale&crop=1:1,smart" loading="lazy" class="AuthorAvatar AuthorAvatar--xs Byline-userAvatar mr-2 pos-relative z-layer-one flex-shrink-0" alt=""> <span> <span class="text-slate font-circular-book" data-preamp="mortgage-dark-mode">Written by</span> <div class="Tooltip display-none sm:display-inline-block" x-data="interactiveTooltip('79sN5s')" x-bind="container"> <button class="Tooltip-trigger text-link text-black plain font-circular-bold" data-preamp="mortgage-dark-mode"type="button" id="tooltip-trigger-79sN5s" aria-controls="tooltip-content-79sN5s" x-bind="trigger"> R.E. Hawley</button><div class="Tooltip-content Tooltip-content--belowTrigger Tooltip-content--anchorCenter author-preview"style="display: none;" id="tooltip-content-79sN5s" aria-hidden="true" aria-labelledby="tooltip-trigger-79sN5s" role="dialog" x-bind="content"> <div class="Tooltip-body"> <div class="Tooltip-arrow"></div> <div class="AuthorPreview AuthorPreview--author AuthorPreview--tooltip"> <div class="AuthorPreview-top border-b border-gray-light pb-4"> <img srcset="https://www.bankrate.com/2024/03/22150523/RE_headshot-1.jpg?auto=webp&quality=85&width=64&height=64&fit=cover&enable=upscale&crop=1:1,smart&dpr=1.5 1.5x, https://www.bankrate.com/2024/03/22150523/RE_headshot-1.jpg?auto=webp&quality=85&width=64&height=64&fit=cover&enable=upscale&crop=1:1,smart&dpr=2 2x, https://www.bankrate.com/2024/03/22150523/RE_headshot-1.jpg?auto=webp&quality=85&width=64&height=64&fit=cover&enable=upscale&crop=1:1,smart&dpr=3 3x" src="https://www.bankrate.com/2024/03/22150523/RE_headshot-1.jpg?auto=webp&quality=85&width=64&height=64&fit=cover&enable=upscale&crop=1:1,smart" loading="lazy" class="AuthorAvatar AuthorAvatar--lg AuthorPreview-avatar flex-shrink-0" alt=""> <div class="AuthorPreview-attribution"> <div class="AuthorPreview-name"> <a href="https://www.bankrate.com/authors/re-hawley/" class="Link Link--standalone text-black"> R.E. Hawley</a> </div> <span class="AuthorPreview-title type-body-two text-slate text-crop-none">Senior writer, Insurance</span> </div> </div> <div class="AuthorPreview-license my-4"> <div class="w-full"> <div class="display-flex align-items-center"> <svg class="Icon Icon--sm text-black mr-2" 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><span class="type-body-two text-black font-circular-bold"> License </span> </div> <ul class="List ml-2 mt-3 mb-3"> <li class="display-flex align-items-center gap-2 mt-2 text-black"> <span class="text-blue-mid text-base"> • </span> Property and Casualty</li> </ul> </div> </div> <div class="AuthorPreview-expertise my-4"> <div class="w-full"> <div class="display-flex align-items-center"> <svg class="Icon Icon--sm text-black mr-2" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Ribbon Icon</title><path fill-rule="evenodd" clip-rule="evenodd" d="M17.856 16.638a2.291 2.291 0 0 0 1.514-2.15v-.764c0-.283.115-.551.314-.75l.535-.543a2.25 2.25 0 0 0 .68-1.622c0-.612-.236-1.193-.672-1.629l-.536-.535a1.053 1.053 0 0 1-.306-.75V7.13a2.303 2.303 0 0 0-2.294-2.302h-.773c-.29 0-.558-.115-.75-.306l-.543-.551a2.294 2.294 0 0 0-3.243 0l-.535.535a1.04 1.04 0 0 1-.75.306h-.773a2.296 2.296 0 0 0-2.287 2.196c-.015.038-.015.084-.015.122v.757c0 .283-.115.551-.314.75l-.474.482-.034.03-.035.031a2.28 2.28 0 0 0-.665 1.614c0 .612.245 1.193.68 1.63l.536.535c.199.199.306.466.306.75v.764c0 1.003.652 1.861 1.553 2.171v4.377a1.37 1.37 0 0 0 1.377 1.377h.008c.214 0 .42-.046.62-.146l2.477-1.239a.147.147 0 0 1 .138 0l2.241 1.186c.429.23.934.214 1.354-.038a1.37 1.37 0 0 0 .666-1.178v-4.345Zm-4.445-8.3c-.65 0-1.262.253-1.728.72a2.442 2.442 0 0 0 0 3.457c.925.925 2.531.925 3.457 0a2.425 2.425 0 0 0 .719-1.729c0-.65-.252-1.262-.719-1.728a2.425 2.425 0 0 0-1.729-.72Z" fill="transparent" class="icon-offset"/><path fill-rule="evenodd" clip-rule="evenodd" d="M11.996 17.975c-.64 0-1.287-.244-1.775-.732l-.597-.605a1.157 1.157 0 0 0-.824-.328h-.32v4.676c0 .076.042.118.084.143.034.025.093.042.16 0l2.725-1.363c.438-.218.959-.21 1.388.017l2.464 1.304a.194.194 0 0 0 .168 0c.034-.025.085-.067.085-.143v-4.626h-.37c-.32 0-.606.118-.825.336l-.589.59a2.521 2.521 0 0 1-1.791.74l.017-.009Zm4.048-3.011h-.835c-.673 0-1.304.26-1.775.732l-.589.588a1.17 1.17 0 0 1-1.657.017l-.597-.605a2.493 2.493 0 0 0-1.775-.732h-.86a.672.672 0 0 0-.182-.016 1.192 1.192 0 0 1-.985-1.17v-.841c0-.673-.26-1.304-.731-1.775l-.59-.589a1.177 1.177 0 0 1-.067-1.606c.026-.017.068-.06.068-.06l.589-.596a2.493 2.493 0 0 0 .731-1.775v-.732c.009-.033.009-.075.009-.117 0-.657.53-1.186 1.177-1.186h.85c.673 0 1.303-.261 1.775-.732l.588-.589a1.178 1.178 0 0 1 1.657 0l.597.606a2.493 2.493 0 0 0 1.775.731h.85c.647 0 1.177.539 1.177 1.186v.841c0 .673.26 1.304.732 1.775l.589.589c.227.219.353.513.353.833 0 .32-.126.614-.353.84l-.59.598a2.494 2.494 0 0 0-.73 1.775v.84c0 .57-.41 1.041-.954 1.147a.68.68 0 0 0-.247.023Zm.855 1.202a2.52 2.52 0 0 0 1.666-2.363v-.841c0-.311.126-.606.345-.824l.588-.597c.488-.48.749-1.11.749-1.784a2.52 2.52 0 0 0-.74-1.791l-.59-.589a1.157 1.157 0 0 1-.336-.824v-.841a2.533 2.533 0 0 0-2.523-2.532h-.85c-.319 0-.613-.126-.824-.336l-.597-.606a2.523 2.523 0 0 0-3.566 0l-.589.589a1.143 1.143 0 0 1-.824.336h-.85a2.525 2.525 0 0 0-2.514 2.414c-.017.042-.017.093-.017.135v.832c0 .312-.126.606-.345.825l-.522.53a.54.54 0 0 1-.037.033 2.508 2.508 0 0 0-.77 1.808c0 .674.27 1.313.749 1.792l.588.589c.219.219.337.513.337.824v.841c0 1.103.717 2.046 1.707 2.388v4.812A1.506 1.506 0 0 0 8.648 22.5h.009a1.5 1.5 0 0 0 .681-.16l2.725-1.362a.16.16 0 0 1 .151 0l2.465 1.303a1.495 1.495 0 0 0 1.489-.042c.454-.277.731-.757.731-1.295v-4.777Zm-4.887-2.397a4.002 4.002 0 0 1-2.85-1.185 4.036 4.036 0 0 1 0-5.703 4.002 4.002 0 0 1 2.85-1.186c1.077 0 2.086.42 2.852 1.186a4.002 4.002 0 0 1 1.186 2.851c0 1.077-.42 2.086-1.186 2.852a4.002 4.002 0 0 1-2.852 1.185Zm0-6.728c-.715 0-1.387.277-1.9.79a2.685 2.685 0 0 0 0 3.802c1.017 1.018 2.784 1.018 3.801 0 .513-.513.79-1.186.79-1.9 0-.716-.277-1.389-.79-1.902a2.666 2.666 0 0 0-1.9-.79Z" class="icon-base"/></svg><span class="type-body-two text-black font-circular-bold"> Expertise </span> </div> <ul class="List ml-2 mt-3 mb-3"> <li class="display-flex align-items-center gap-2 mt-2 text-black"> <span class="text-blue-mid text-base"> • </span> Auto insurance</li> <li class="display-flex align-items-center gap-2 mt-2 text-black"> <span class="text-blue-mid text-base"> • </span> Home insurance</li> </ul> </div> </div> <div class="AuthorPreview-bottom text-slate"> <div class="AuthorPreview-bio text-crop-none AuthorPreview-bio--truncated"> R.E. Hawley is a senior writer for Bankrate. Prior to joining Bankrate’s insurance editorial team in 2024, they worked as senior writer for a popular car ownership and insurance comparison app, leading a team of over a dozen writers in creating customer-focused financial advice content on topics ranging from insurance to vehicle reliability and auto loan refinance. R.E. holds a personal lines insurance license.</div> </div> </div><button type="button" class="visually-hidden focusable text-link text-black plain font-circular-bold" @click="close()">Close</button> </div> </div> </div> <div class="display-inline-block sm:display-none"> <a data-preamp="mortgage-dark-mode-mobile" href="https://www.bankrate.com/authors/re-hawley/" class="text-link text-black plain font-circular-bold ">R.E. Hawley</a> </div> </span> <div class="display-block ml-2 sm:display-none"> <button @click="expanded = !expanded" aria-expanded="false" data-preamp="mortgage-dark-mode" class="Button Button--bare font-circular-bold display-inline-flex align-items-center Byline-text text-black text-base"> + 1 other<span :style="expanded ? 'rotate: -180deg;' : 'rotate: 0deg;'" style="transform-origin: 50% 56%" class="Icon Icon--xs mx-1 text-blue text-base"> <svg class="Icon-glyph" 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></span> </button> </div> </div> <div x-ref="container1" x-cloak :class="expanded ? 'display-flex' : 'display-none'" class="flex-direction-column -mt-1 gap-1 mb-2 sm:display-none"> <div class="Byline-user"> <img srcset="https://www.bankrate.com/2024/02/22173346/Jessa-Claeys-headshot.jpg?auto=webp&quality=85&width=24&height=24&fit=cover&enable=upscale&crop=1:1,smart&dpr=1.5 1.5x, https://www.bankrate.com/2024/02/22173346/Jessa-Claeys-headshot.jpg?auto=webp&quality=85&width=24&height=24&fit=cover&enable=upscale&crop=1:1,smart&dpr=2 2x, https://www.bankrate.com/2024/02/22173346/Jessa-Claeys-headshot.jpg?auto=webp&quality=85&width=24&height=24&fit=cover&enable=upscale&crop=1:1,smart&dpr=3 3x" src="https://www.bankrate.com/2024/02/22173346/Jessa-Claeys-headshot.jpg?auto=webp&quality=85&width=24&height=24&fit=cover&enable=upscale&crop=1:1,smart" loading="lazy" class="AuthorAvatar AuthorAvatar--xs Byline-userAvatar mr-2 flex-shrink-0" alt=""> <span> <span data-preamp="mortgage-dark-mode" class="text-slate font-circular-book">Edited by</span> <div class="Tooltip display-none sm:display-inline-block" x-data="interactiveTooltip('6BIYat')" x-bind="container"> <button class="Tooltip-trigger text-link text-black plain font-circular-bold" data-preamp="mortgage-dark-mode"type="button" id="tooltip-trigger-6BIYat" aria-controls="tooltip-content-6BIYat" x-bind="trigger"> Jessa Claeys</button><div class="Tooltip-content Tooltip-content--belowTrigger Tooltip-content--anchorCenter author-preview"style="display: none;" id="tooltip-content-6BIYat" aria-hidden="true" aria-labelledby="tooltip-trigger-6BIYat" role="dialog" x-bind="content"> <div class="Tooltip-body"> <div class="Tooltip-arrow"></div> <div class="AuthorPreview AuthorPreview--editor AuthorPreview--tooltip"> <div class="AuthorPreview-top border-b border-gray-light pb-4"> <img srcset="https://www.bankrate.com/2024/02/22173346/Jessa-Claeys-headshot.jpg?auto=webp&quality=85&width=64&height=64&fit=cover&enable=upscale&crop=1:1,smart&dpr=1.5 1.5x, https://www.bankrate.com/2024/02/22173346/Jessa-Claeys-headshot.jpg?auto=webp&quality=85&width=64&height=64&fit=cover&enable=upscale&crop=1:1,smart&dpr=2 2x, https://www.bankrate.com/2024/02/22173346/Jessa-Claeys-headshot.jpg?auto=webp&quality=85&width=64&height=64&fit=cover&enable=upscale&crop=1:1,smart&dpr=3 3x" src="https://www.bankrate.com/2024/02/22173346/Jessa-Claeys-headshot.jpg?auto=webp&quality=85&width=64&height=64&fit=cover&enable=upscale&crop=1:1,smart" loading="lazy" class="AuthorAvatar AuthorAvatar--lg AuthorPreview-avatar flex-shrink-0" alt=""> <div class="AuthorPreview-attribution"> <div class="AuthorPreview-name"> <a href="https://www.bankrate.com/authors/jessa-claeys/" class="Link Link--standalone text-black"> Jessa Claeys</a> </div> <span class="AuthorPreview-title type-body-two text-slate text-crop-none">Editor, Insurance</span> </div> </div> <div class="AuthorPreview-license my-4"> <div class="w-full"> <div class="display-flex align-items-center"> <svg class="Icon Icon--sm text-black mr-2" 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><span class="type-body-two text-black font-circular-bold"> License </span> </div> <ul class="List ml-2 mt-3 mb-3"> <li class="display-flex align-items-center gap-2 mt-2 text-black"> <span class="text-blue-mid text-base"> • </span> Personal Lines Insurance Producer</li> </ul> </div> </div> <div class="AuthorPreview-expertise my-4"> <div class="w-full"> <div class="display-flex align-items-center"> <svg class="Icon Icon--sm text-black mr-2" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Ribbon Icon</title><path fill-rule="evenodd" clip-rule="evenodd" d="M17.856 16.638a2.291 2.291 0 0 0 1.514-2.15v-.764c0-.283.115-.551.314-.75l.535-.543a2.25 2.25 0 0 0 .68-1.622c0-.612-.236-1.193-.672-1.629l-.536-.535a1.053 1.053 0 0 1-.306-.75V7.13a2.303 2.303 0 0 0-2.294-2.302h-.773c-.29 0-.558-.115-.75-.306l-.543-.551a2.294 2.294 0 0 0-3.243 0l-.535.535a1.04 1.04 0 0 1-.75.306h-.773a2.296 2.296 0 0 0-2.287 2.196c-.015.038-.015.084-.015.122v.757c0 .283-.115.551-.314.75l-.474.482-.034.03-.035.031a2.28 2.28 0 0 0-.665 1.614c0 .612.245 1.193.68 1.63l.536.535c.199.199.306.466.306.75v.764c0 1.003.652 1.861 1.553 2.171v4.377a1.37 1.37 0 0 0 1.377 1.377h.008c.214 0 .42-.046.62-.146l2.477-1.239a.147.147 0 0 1 .138 0l2.241 1.186c.429.23.934.214 1.354-.038a1.37 1.37 0 0 0 .666-1.178v-4.345Zm-4.445-8.3c-.65 0-1.262.253-1.728.72a2.442 2.442 0 0 0 0 3.457c.925.925 2.531.925 3.457 0a2.425 2.425 0 0 0 .719-1.729c0-.65-.252-1.262-.719-1.728a2.425 2.425 0 0 0-1.729-.72Z" fill="transparent" class="icon-offset"/><path fill-rule="evenodd" clip-rule="evenodd" d="M11.996 17.975c-.64 0-1.287-.244-1.775-.732l-.597-.605a1.157 1.157 0 0 0-.824-.328h-.32v4.676c0 .076.042.118.084.143.034.025.093.042.16 0l2.725-1.363c.438-.218.959-.21 1.388.017l2.464 1.304a.194.194 0 0 0 .168 0c.034-.025.085-.067.085-.143v-4.626h-.37c-.32 0-.606.118-.825.336l-.589.59a2.521 2.521 0 0 1-1.791.74l.017-.009Zm4.048-3.011h-.835c-.673 0-1.304.26-1.775.732l-.589.588a1.17 1.17 0 0 1-1.657.017l-.597-.605a2.493 2.493 0 0 0-1.775-.732h-.86a.672.672 0 0 0-.182-.016 1.192 1.192 0 0 1-.985-1.17v-.841c0-.673-.26-1.304-.731-1.775l-.59-.589a1.177 1.177 0 0 1-.067-1.606c.026-.017.068-.06.068-.06l.589-.596a2.493 2.493 0 0 0 .731-1.775v-.732c.009-.033.009-.075.009-.117 0-.657.53-1.186 1.177-1.186h.85c.673 0 1.303-.261 1.775-.732l.588-.589a1.178 1.178 0 0 1 1.657 0l.597.606a2.493 2.493 0 0 0 1.775.731h.85c.647 0 1.177.539 1.177 1.186v.841c0 .673.26 1.304.732 1.775l.589.589c.227.219.353.513.353.833 0 .32-.126.614-.353.84l-.59.598a2.494 2.494 0 0 0-.73 1.775v.84c0 .57-.41 1.041-.954 1.147a.68.68 0 0 0-.247.023Zm.855 1.202a2.52 2.52 0 0 0 1.666-2.363v-.841c0-.311.126-.606.345-.824l.588-.597c.488-.48.749-1.11.749-1.784a2.52 2.52 0 0 0-.74-1.791l-.59-.589a1.157 1.157 0 0 1-.336-.824v-.841a2.533 2.533 0 0 0-2.523-2.532h-.85c-.319 0-.613-.126-.824-.336l-.597-.606a2.523 2.523 0 0 0-3.566 0l-.589.589a1.143 1.143 0 0 1-.824.336h-.85a2.525 2.525 0 0 0-2.514 2.414c-.017.042-.017.093-.017.135v.832c0 .312-.126.606-.345.825l-.522.53a.54.54 0 0 1-.037.033 2.508 2.508 0 0 0-.77 1.808c0 .674.27 1.313.749 1.792l.588.589c.219.219.337.513.337.824v.841c0 1.103.717 2.046 1.707 2.388v4.812A1.506 1.506 0 0 0 8.648 22.5h.009a1.5 1.5 0 0 0 .681-.16l2.725-1.362a.16.16 0 0 1 .151 0l2.465 1.303a1.495 1.495 0 0 0 1.489-.042c.454-.277.731-.757.731-1.295v-4.777Zm-4.887-2.397a4.002 4.002 0 0 1-2.85-1.185 4.036 4.036 0 0 1 0-5.703 4.002 4.002 0 0 1 2.85-1.186c1.077 0 2.086.42 2.852 1.186a4.002 4.002 0 0 1 1.186 2.851c0 1.077-.42 2.086-1.186 2.852a4.002 4.002 0 0 1-2.852 1.185Zm0-6.728c-.715 0-1.387.277-1.9.79a2.685 2.685 0 0 0 0 3.802c1.017 1.018 2.784 1.018 3.801 0 .513-.513.79-1.186.79-1.9 0-.716-.277-1.389-.79-1.902a2.666 2.666 0 0 0-1.9-.79Z" class="icon-base"/></svg><span class="type-body-two text-black font-circular-bold"> Expertise </span> </div> <ul class="List ml-2 mt-3 mb-3"> <li class="display-flex align-items-center gap-2 mt-2 text-black"> <span class="text-blue-mid text-base"> • </span> Auto insurance</li> <li class="display-flex align-items-center gap-2 mt-2 text-black"> <span class="text-blue-mid text-base"> • </span> Homeowners insurance</li> </ul> </div> <div class="display-flex align-items-center text-black"> </div> </div> <div class="AuthorPreview-bottom text-slate"> <div class="AuthorPreview-bio text-crop-none AuthorPreview-bio--truncated"> Jessa Claeys is an insurance editor for Bankrate with over a decade of experience writing, editing and leading teams of content creators. She is a licensed personal lines insurance producer in Colorado. Jessa currently covers auto, home and life insurance with the goal of helping others secure a healthy financial future. Her work has been published by several insurance, personal finance and investment-focused publications, including BiggerPockets, 401(k) Specialist, BP Wealth and more.  </div> <div class="display-flex align-items-center justify-content-space-between w-full"> <a href="https://www.bankrate.com/authors/jessa-claeys/" class="Link Link--standalone font-bold"> Read more </a> <ul class="AuthorSocialConnect List display-flex align-items-center mb-0 "> <li class="AuthorSocialConnect-item display-block"> <a class="AuthorSocialConnect-link display-flex align-items-center text-slate p-3 hover:text-blue-600" href="https://www.linkedin.com/in/jessa-claeys/" target="_blank" rel="nofollow" aria-label="Connect with Jessa Claeys on LinkedIn" data-beam-element-clicked id="author_bio_jessa_claeys_linkedin_icon" data-type="icon" data-location="author_bio_jessa_claeys" data-position="top" data-text="linkedin" data-outcome="open_linkedin" > <svg class="Icon Icon--xs" 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> </li> </ul> </div> </div> </div><button type="button" class="visually-hidden focusable text-link text-black plain font-circular-bold" @click="close()">Close</button> </div> </div> </div> <div class="display-inline-block sm:display-none"> <a data-preamp="mortgage-dark-mode-mobile" href="https://www.bankrate.com/authors/jessa-claeys/" class="text-link text-black plain font-circular-bold ">Jessa Claeys</a> </div> </span> </div> </div> <div class="Byline-user Byline-accordion-on-mobile"> <img srcset="https://www.bankrate.com/2024/02/22173346/Jessa-Claeys-headshot.jpg?auto=webp&quality=85&width=24&height=24&fit=cover&enable=upscale&crop=1:1,smart&dpr=1.5 1.5x, https://www.bankrate.com/2024/02/22173346/Jessa-Claeys-headshot.jpg?auto=webp&quality=85&width=24&height=24&fit=cover&enable=upscale&crop=1:1,smart&dpr=2 2x, https://www.bankrate.com/2024/02/22173346/Jessa-Claeys-headshot.jpg?auto=webp&quality=85&width=24&height=24&fit=cover&enable=upscale&crop=1:1,smart&dpr=3 3x" src="https://www.bankrate.com/2024/02/22173346/Jessa-Claeys-headshot.jpg?auto=webp&quality=85&width=24&height=24&fit=cover&enable=upscale&crop=1:1,smart" loading="lazy" class="AuthorAvatar AuthorAvatar--xs Byline-userAvatar mr-2 flex-shrink-0" alt=""> <span> <span data-preamp="mortgage-dark-mode" class="text-slate font-circular-book">Edited by</span> <div class="Tooltip display-none sm:display-inline-block" x-data="interactiveTooltip('uGWHDE')" x-bind="container"> <button class="Tooltip-trigger text-link text-black plain font-circular-bold" data-preamp="mortgage-dark-mode"type="button" id="tooltip-trigger-uGWHDE" aria-controls="tooltip-content-uGWHDE" x-bind="trigger"> Jessa Claeys</button><div class="Tooltip-content Tooltip-content--belowTrigger Tooltip-content--anchorCenter author-preview"style="display: none;" id="tooltip-content-uGWHDE" aria-hidden="true" aria-labelledby="tooltip-trigger-uGWHDE" role="dialog" x-bind="content"> <div class="Tooltip-body"> <div class="Tooltip-arrow"></div> <div class="AuthorPreview AuthorPreview--editor AuthorPreview--tooltip"> <div class="AuthorPreview-top border-b border-gray-light pb-4"> <img srcset="https://www.bankrate.com/2024/02/22173346/Jessa-Claeys-headshot.jpg?auto=webp&quality=85&width=64&height=64&fit=cover&enable=upscale&crop=1:1,smart&dpr=1.5 1.5x, https://www.bankrate.com/2024/02/22173346/Jessa-Claeys-headshot.jpg?auto=webp&quality=85&width=64&height=64&fit=cover&enable=upscale&crop=1:1,smart&dpr=2 2x, https://www.bankrate.com/2024/02/22173346/Jessa-Claeys-headshot.jpg?auto=webp&quality=85&width=64&height=64&fit=cover&enable=upscale&crop=1:1,smart&dpr=3 3x" src="https://www.bankrate.com/2024/02/22173346/Jessa-Claeys-headshot.jpg?auto=webp&quality=85&width=64&height=64&fit=cover&enable=upscale&crop=1:1,smart" loading="lazy" class="AuthorAvatar AuthorAvatar--lg AuthorPreview-avatar flex-shrink-0" alt=""> <div class="AuthorPreview-attribution"> <div class="AuthorPreview-name"> <a href="https://www.bankrate.com/authors/jessa-claeys/" class="Link Link--standalone text-black"> Jessa Claeys</a> </div> <span class="AuthorPreview-title type-body-two text-slate text-crop-none">Editor, Insurance</span> </div> </div> <div class="AuthorPreview-license my-4"> <div class="w-full"> <div class="display-flex align-items-center"> <svg class="Icon Icon--sm text-black mr-2" 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><span class="type-body-two text-black font-circular-bold"> License </span> </div> <ul class="List ml-2 mt-3 mb-3"> <li class="display-flex align-items-center gap-2 mt-2 text-black"> <span class="text-blue-mid text-base"> • </span> Personal Lines Insurance Producer</li> </ul> </div> </div> <div class="AuthorPreview-expertise my-4"> <div class="w-full"> <div class="display-flex align-items-center"> <svg class="Icon Icon--sm text-black mr-2" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Ribbon Icon</title><path fill-rule="evenodd" clip-rule="evenodd" d="M17.856 16.638a2.291 2.291 0 0 0 1.514-2.15v-.764c0-.283.115-.551.314-.75l.535-.543a2.25 2.25 0 0 0 .68-1.622c0-.612-.236-1.193-.672-1.629l-.536-.535a1.053 1.053 0 0 1-.306-.75V7.13a2.303 2.303 0 0 0-2.294-2.302h-.773c-.29 0-.558-.115-.75-.306l-.543-.551a2.294 2.294 0 0 0-3.243 0l-.535.535a1.04 1.04 0 0 1-.75.306h-.773a2.296 2.296 0 0 0-2.287 2.196c-.015.038-.015.084-.015.122v.757c0 .283-.115.551-.314.75l-.474.482-.034.03-.035.031a2.28 2.28 0 0 0-.665 1.614c0 .612.245 1.193.68 1.63l.536.535c.199.199.306.466.306.75v.764c0 1.003.652 1.861 1.553 2.171v4.377a1.37 1.37 0 0 0 1.377 1.377h.008c.214 0 .42-.046.62-.146l2.477-1.239a.147.147 0 0 1 .138 0l2.241 1.186c.429.23.934.214 1.354-.038a1.37 1.37 0 0 0 .666-1.178v-4.345Zm-4.445-8.3c-.65 0-1.262.253-1.728.72a2.442 2.442 0 0 0 0 3.457c.925.925 2.531.925 3.457 0a2.425 2.425 0 0 0 .719-1.729c0-.65-.252-1.262-.719-1.728a2.425 2.425 0 0 0-1.729-.72Z" fill="transparent" class="icon-offset"/><path fill-rule="evenodd" clip-rule="evenodd" d="M11.996 17.975c-.64 0-1.287-.244-1.775-.732l-.597-.605a1.157 1.157 0 0 0-.824-.328h-.32v4.676c0 .076.042.118.084.143.034.025.093.042.16 0l2.725-1.363c.438-.218.959-.21 1.388.017l2.464 1.304a.194.194 0 0 0 .168 0c.034-.025.085-.067.085-.143v-4.626h-.37c-.32 0-.606.118-.825.336l-.589.59a2.521 2.521 0 0 1-1.791.74l.017-.009Zm4.048-3.011h-.835c-.673 0-1.304.26-1.775.732l-.589.588a1.17 1.17 0 0 1-1.657.017l-.597-.605a2.493 2.493 0 0 0-1.775-.732h-.86a.672.672 0 0 0-.182-.016 1.192 1.192 0 0 1-.985-1.17v-.841c0-.673-.26-1.304-.731-1.775l-.59-.589a1.177 1.177 0 0 1-.067-1.606c.026-.017.068-.06.068-.06l.589-.596a2.493 2.493 0 0 0 .731-1.775v-.732c.009-.033.009-.075.009-.117 0-.657.53-1.186 1.177-1.186h.85c.673 0 1.303-.261 1.775-.732l.588-.589a1.178 1.178 0 0 1 1.657 0l.597.606a2.493 2.493 0 0 0 1.775.731h.85c.647 0 1.177.539 1.177 1.186v.841c0 .673.26 1.304.732 1.775l.589.589c.227.219.353.513.353.833 0 .32-.126.614-.353.84l-.59.598a2.494 2.494 0 0 0-.73 1.775v.84c0 .57-.41 1.041-.954 1.147a.68.68 0 0 0-.247.023Zm.855 1.202a2.52 2.52 0 0 0 1.666-2.363v-.841c0-.311.126-.606.345-.824l.588-.597c.488-.48.749-1.11.749-1.784a2.52 2.52 0 0 0-.74-1.791l-.59-.589a1.157 1.157 0 0 1-.336-.824v-.841a2.533 2.533 0 0 0-2.523-2.532h-.85c-.319 0-.613-.126-.824-.336l-.597-.606a2.523 2.523 0 0 0-3.566 0l-.589.589a1.143 1.143 0 0 1-.824.336h-.85a2.525 2.525 0 0 0-2.514 2.414c-.017.042-.017.093-.017.135v.832c0 .312-.126.606-.345.825l-.522.53a.54.54 0 0 1-.037.033 2.508 2.508 0 0 0-.77 1.808c0 .674.27 1.313.749 1.792l.588.589c.219.219.337.513.337.824v.841c0 1.103.717 2.046 1.707 2.388v4.812A1.506 1.506 0 0 0 8.648 22.5h.009a1.5 1.5 0 0 0 .681-.16l2.725-1.362a.16.16 0 0 1 .151 0l2.465 1.303a1.495 1.495 0 0 0 1.489-.042c.454-.277.731-.757.731-1.295v-4.777Zm-4.887-2.397a4.002 4.002 0 0 1-2.85-1.185 4.036 4.036 0 0 1 0-5.703 4.002 4.002 0 0 1 2.85-1.186c1.077 0 2.086.42 2.852 1.186a4.002 4.002 0 0 1 1.186 2.851c0 1.077-.42 2.086-1.186 2.852a4.002 4.002 0 0 1-2.852 1.185Zm0-6.728c-.715 0-1.387.277-1.9.79a2.685 2.685 0 0 0 0 3.802c1.017 1.018 2.784 1.018 3.801 0 .513-.513.79-1.186.79-1.9 0-.716-.277-1.389-.79-1.902a2.666 2.666 0 0 0-1.9-.79Z" class="icon-base"/></svg><span class="type-body-two text-black font-circular-bold"> Expertise </span> </div> <ul class="List ml-2 mt-3 mb-3"> <li class="display-flex align-items-center gap-2 mt-2 text-black"> <span class="text-blue-mid text-base"> • </span> Auto insurance</li> <li class="display-flex align-items-center gap-2 mt-2 text-black"> <span class="text-blue-mid text-base"> • </span> Homeowners insurance</li> </ul> </div> <div class="display-flex align-items-center text-black"> </div> </div> <div class="AuthorPreview-bottom text-slate"> <div class="AuthorPreview-bio text-crop-none AuthorPreview-bio--truncated"> Jessa Claeys is an insurance editor for Bankrate with over a decade of experience writing, editing and leading teams of content creators. She is a licensed personal lines insurance producer in Colorado. Jessa currently covers auto, home and life insurance with the goal of helping others secure a healthy financial future. Her work has been published by several insurance, personal finance and investment-focused publications, including BiggerPockets, 401(k) Specialist, BP Wealth and more.  </div> <div class="display-flex align-items-center justify-content-space-between w-full"> <a href="https://www.bankrate.com/authors/jessa-claeys/" class="Link Link--standalone font-bold"> Read more </a> <ul class="AuthorSocialConnect List display-flex align-items-center mb-0 "> <li class="AuthorSocialConnect-item display-block"> <a class="AuthorSocialConnect-link display-flex align-items-center text-slate p-3 hover:text-blue-600" href="https://www.linkedin.com/in/jessa-claeys/" target="_blank" rel="nofollow" aria-label="Connect with Jessa Claeys on LinkedIn" data-beam-element-clicked id="author_bio_jessa_claeys_linkedin_icon" data-type="icon" data-location="author_bio_jessa_claeys" data-position="top" data-text="linkedin" data-outcome="open_linkedin" > <svg class="Icon Icon--xs" 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> </li> </ul> </div> </div> </div><button type="button" class="visually-hidden focusable text-link text-black plain font-circular-bold" @click="close()">Close</button> </div> </div> </div> <div class="display-inline-block sm:display-none"> <a data-preamp="mortgage-dark-mode-mobile" href="https://www.bankrate.com/authors/jessa-claeys/" class="text-link text-black plain font-circular-bold ">Jessa Claeys</a> </div> </span> </div> </div> <span class="type-body-two text-slate text-crop-none ml-8"><span class="display-inline">Updated </span>Apr 17, 2024</span> </div> <ul class="Accordion w-full DisclaimerAccordion border-0 mb-4" data-cy="disclaimerAccordion"> <li x-id="['panel-the-bankrate-promise', 'heading-the-bankrate-promise']" x-data="{ expanded: true, disableMobileHover: 0, }" class="Accordion-item Card Card--accentedBottom Disclaimer" > <button class="Accordion-titleContainer px-3 py-4 sm:px-6 group sm:py-6 GrayCard-button bg-gray-light hover:bg-gray-light" :id="$id('heading-the-bankrate-promise')" :aria-controls="$id('panel-the-bankrate-promise')" :aria-expanded="expanded ? true : false" aria-expanded="true" x-on:click="expanded = !expanded" :data-outcome="expanded ? 'open_accordion' : 'close_accordion'" :class="{ 'no-hover': (typeof isMobile !== 'undefined' && isMobile) && disableMobileHover }" > <svg width="32" height="32" class="mr-4 sm:mr-8 mr-4 display-inline" width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"> <title>Bankrate logo</title> <rect width="32" height="32" rx="4" fill="#0157FF" /> <path fill="#ffffff" fill-rule="evenodd" clip-rule="evenodd" d="M20.0705 16.0299C19.7404 15.7036 19.364 15.4236 18.9524 15.1982C19.0949 15.0614 19.2272 14.915 19.3482 14.7602C20.0268 13.8733 20.3526 12.7829 20.267 11.6857C20.196 10.5387 19.6941 9.45526 18.8542 8.63624C17.8763 7.72575 16.5555 7.23461 15.1936 7.27505H10.4727V24.7238H16.0372C17.4884 24.7756 18.898 24.2532 19.936 23.2787C20.9739 22.3042 21.549 20.9633 21.5266 19.5701C21.5446 18.2523 21.0215 16.9807 20.0705 16.0299ZM15.1936 9.3099C17.1091 9.3099 18.0539 10.5713 18.1405 11.8216C18.2068 13.1109 17.2481 14.2402 15.9188 14.4386H12.5934V9.3099H15.1936ZM12.5934 22.6889H16.0286H16.0372C18.3717 22.6889 19.4147 21.0727 19.4147 19.5701C19.4147 18.1341 18.4526 16.4707 15.731 16.4707H12.5934V22.6889Z" /> </svg> <h2 class="Accordion-title mr-2 md:flex-1 my-0"> The Bankrate promise </h2> <span class="Accordion-icon Icon Icon--sm icon-base-blue" aria-hidden="true"> <svg class="Icon-glyph" 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> </span> </button> <div class="Accordion-contentWrapper" :id="$id('panel-the-bankrate-promise')" :labelledBy="$id('heading-the-bankrate-promise')" x-show="expanded" x-collapse role="region" > <div class="Accordion-content text-slate border-t border-gray p-0 pt-5 m-3 mb-4 sm:m-6 mt-0 sm:mt-0"> <p class="Disclaimer-copy text-slate m-0"> At Bankrate, we strive to help you make smarter financial decisions. To help readers understand how insurance affects their finances, we have licensed insurance professionals on staff who have spent a combined 47 years in the auto, home and life insurance industries. While we adhere to strict <button class="Link bg-transparent p-0" data-modal="toggle" data-target="#editorial-integrity" > editorial integrity </button>,this post may contain references to products from our partners. Here's an explanation of <button class="Link bg-transparent p-0" data-modal="toggle" data-target="#how-we-make-money" > how we make money </button>.Our content is backed by <a class="Link" href="https://www.coverage.com" title="Coverage.com" target="_blank">Coverage.com,</a> LLC, a licensed entity (NPN: 19966249). For more information, please see our <button class="Link bg-transparent p-0" data-modal="toggle" data-target="#insurance-disclosure" >Insurance Disclosure </button>. </p> </div> </div> <noscript> <div class="Accordion-contentWrapper" :id="$id('no-js-panel-the-bankrate-promise')" :labelledBy="$id('heading-the-bankrate-promise')" role="region" > <div class="Accordion-content text-slate border-t border-gray p-0 pt-5 m-3 mb-4 sm:m-6 mt-0 sm:mt-0"> <p class="Disclaimer-copy text-slate m-0"> At Bankrate, we strive to help you make smarter financial decisions. To help readers understand how insurance affects their finances, we have licensed insurance professionals on staff who have spent a combined 47 years in the auto, home and life insurance industries. While we adhere to strict <button class="Link bg-transparent p-0" data-modal="toggle" data-target="#editorial-integrity" > editorial integrity </button>,this post may contain references to products from our partners. Here's an explanation of <button class="Link bg-transparent p-0" data-modal="toggle" data-target="#how-we-make-money" > how we make money </button>.Our content is backed by <a class="Link" href="https://www.coverage.com" title="Coverage.com" target="_blank">Coverage.com,</a> LLC, a licensed entity (NPN: 19966249). For more information, please see our <button class="Link bg-transparent p-0" data-modal="toggle" data-target="#insurance-disclosure" >Insurance Disclosure </button>. </p> </div> </div> </noscript> </li> </ul> <div x-data x-init="$nextTick(() => { window.initModal('editorial-integrity', 1); })" class="display-none"> <template x-teleport="#modalStack"> <div id="editorial-integrity" class="Modal is-closed " role="dialog" aria-hidden="true"> <button class="Modal-overlay" data-target="editorial-integrity" aria-label="close" @click=""></button> <div data-cy="modalContainer" class="Modal-container" role="document" tabindex="-1" aria-labelledby="editorial-integrity-title"> <div class="p-6 bg-white box-shadow-four rounded-lg max-w-3xl"> <div class="display-flex align-items-center pb-6 border-b" style="border-color: #E3E6EE;"> <svg class="mr-4 display-none sm:display-inline" width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"> <title>Bankrate logo</title> <rect width="32" height="32" rx="4" fill="#0157FF" /> <path fill="#ffffff" fill-rule="evenodd" clip-rule="evenodd" d="M20.0705 16.0299C19.7404 15.7036 19.364 15.4236 18.9524 15.1982C19.0949 15.0614 19.2272 14.915 19.3482 14.7602C20.0268 13.8733 20.3526 12.7829 20.267 11.6857C20.196 10.5387 19.6941 9.45526 18.8542 8.63624C17.8763 7.72575 16.5555 7.23461 15.1936 7.27505H10.4727V24.7238H16.0372C17.4884 24.7756 18.898 24.2532 19.936 23.2787C20.9739 22.3042 21.549 20.9633 21.5266 19.5701C21.5446 18.2523 21.0215 16.9807 20.0705 16.0299ZM15.1936 9.3099C17.1091 9.3099 18.0539 10.5713 18.1405 11.8216C18.2068 13.1109 17.2481 14.2402 15.9188 14.4386H12.5934V9.3099H15.1936ZM12.5934 22.6889H16.0286H16.0372C18.3717 22.6889 19.4147 21.0727 19.4147 19.5701C19.4147 18.1341 18.4526 16.4707 15.731 16.4707H12.5934V22.6889Z" /> </svg><h3 class="type-heading-four m-0"> Editorial integrity </h3> </div> <div class="text-slate mt-6"> <p> Bankrate follows a strict <a class="Link" href="/editorial-guidelines/" title="editorial policy" target="_blank">editorial policy</a>, so you can trust that we’re putting your interests first. Our award-winning editors and reporters create honest and accurate content to help you make the right financial decisions. </p> <h4 class="type-heading-four"> Key Principles </h4> <p> We value your trust. Our mission is to provide readers with accurate and unbiased information, and we have editorial standards in place to ensure that happens. Our editors and reporters thoroughly fact-check editorial content to ensure the information you’re reading is accurate. We maintain a firewall between our advertisers and our editorial team. Our editorial team does not receive direct compensation from our advertisers. </p> <h4 class="type-heading-four"> Editorial Independence </h4> <p> Bankrate’s editorial team writes on behalf of YOU — the reader. Our goal is to give you the best advice to help you make smart personal finance decisions. We follow strict guidelines to ensure that our editorial content is not influenced by advertisers. Our editorial team receives no direct compensation from advertisers, and our content is thoroughly fact-checked to ensure accuracy. So, whether you’re reading an article or a review, you can trust that you’re getting credible and dependable information. </p> </div> </div><button data-cy="modalClose" class="Modal-close" type="button" data-target="editorial-integrity" aria-label="close" @click=""></button> </div> </div> </template> </div> <div x-data x-init="$nextTick(() => { window.initModal('how-we-make-money', 1); })" class="display-none"> <template x-teleport="#modalStack"> <div id="how-we-make-money" class="Modal is-closed " role="dialog" aria-hidden="true"> <button class="Modal-overlay" data-target="how-we-make-money" aria-label="close" @click=""></button> <div data-cy="modalContainer" class="Modal-container" role="document" tabindex="-1" aria-labelledby="how-we-make-money-title"> <div class="p-6 bg-white box-shadow-four rounded-lg max-w-3xl"> <div class="display-flex align-items-center pb-6 border-b" style="border-color: #E3E6EE;"> <svg class="mr-4 display-none sm:display-inline" width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"> <title>Bankrate logo</title> <rect width="32" height="32" rx="4" fill="#0157FF" /> <path fill="#ffffff" fill-rule="evenodd" clip-rule="evenodd" d="M20.0705 16.0299C19.7404 15.7036 19.364 15.4236 18.9524 15.1982C19.0949 15.0614 19.2272 14.915 19.3482 14.7602C20.0268 13.8733 20.3526 12.7829 20.267 11.6857C20.196 10.5387 19.6941 9.45526 18.8542 8.63624C17.8763 7.72575 16.5555 7.23461 15.1936 7.27505H10.4727V24.7238H16.0372C17.4884 24.7756 18.898 24.2532 19.936 23.2787C20.9739 22.3042 21.549 20.9633 21.5266 19.5701C21.5446 18.2523 21.0215 16.9807 20.0705 16.0299ZM15.1936 9.3099C17.1091 9.3099 18.0539 10.5713 18.1405 11.8216C18.2068 13.1109 17.2481 14.2402 15.9188 14.4386H12.5934V9.3099H15.1936ZM12.5934 22.6889H16.0286H16.0372C18.3717 22.6889 19.4147 21.0727 19.4147 19.5701C19.4147 18.1341 18.4526 16.4707 15.731 16.4707H12.5934V22.6889Z" /> </svg><h3 class="type-heading-four m-0"> How we make money </h3> </div> <div class="text-slate mt-6"> <p> You have money questions. Bankrate has answers. Our experts have been helping you master your money for over four decades. We continually strive to provide consumers with the expert advice and tools needed to succeed throughout life’s financial journey. </p> <p> Bankrate follows a strict <a class="Link" href="/editorial-guidelines/" title="editorial policy" target="_blank">editorial policy</a>, so you can trust that our content is honest and accurate. Our award-winning editors and reporters create honest and accurate content to help you make the right financial decisions. The content created by our editorial staff is objective, factual, and not influenced by our advertisers. </p> <p> We’re transparent about how we are able to bring quality content, competitive rates, and useful tools to you by explaining how we make money. </p> <p> Bankrate.com is an independent, advertising-supported publisher and comparison service. We are compensated in exchange for placement of sponsored products and services, or by you clicking on certain links posted on our site. Therefore, this compensation may impact how, where and in what order products appear within listing categories, except where prohibited by law for our mortgage, home equity and other home lending products. Other factors, such as our own proprietary website rules and whether a product is offered in your area or at your self-selected credit score range, can also impact how and where products appear on this site. While we strive to provide a wide range of offers, Bankrate does not include information about every financial or credit product or service. </p> </div> </div><button data-cy="modalClose" class="Modal-close" type="button" data-target="how-we-make-money" aria-label="close" @click=""></button> </div> </div> </template> </div> <div x-data x-init="$nextTick(() => { window.initModal('why-trust-bankrate-insurance', 1); })" class="display-none"> <template x-teleport="#modalStack"> <div id="why-trust-bankrate-insurance" class="Modal is-closed " role="dialog" aria-hidden="true"> <button class="Modal-overlay" data-target="why-trust-bankrate-insurance" aria-label="close" @click=""></button> <div data-cy="modalContainer" class="Modal-container" role="document" tabindex="-1" aria-labelledby="why-trust-bankrate-title"> <div class="p-6 bg-white box-shadow-four rounded-lg max-w-3xl"> <div class="display-flex align-items-center pb-6 border-b" style="border-color: #E3E6EE;"> <svg class="mr-4 display-none sm:display-inline" width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"> <title>Bankrate logo</title> <rect width="32" height="32" rx="4" fill="#0157FF" /> <path fill="#ffffff" fill-rule="evenodd" clip-rule="evenodd" d="M20.0705 16.0299C19.7404 15.7036 19.364 15.4236 18.9524 15.1982C19.0949 15.0614 19.2272 14.915 19.3482 14.7602C20.0268 13.8733 20.3526 12.7829 20.267 11.6857C20.196 10.5387 19.6941 9.45526 18.8542 8.63624C17.8763 7.72575 16.5555 7.23461 15.1936 7.27505H10.4727V24.7238H16.0372C17.4884 24.7756 18.898 24.2532 19.936 23.2787C20.9739 22.3042 21.549 20.9633 21.5266 19.5701C21.5446 18.2523 21.0215 16.9807 20.0705 16.0299ZM15.1936 9.3099C17.1091 9.3099 18.0539 10.5713 18.1405 11.8216C18.2068 13.1109 17.2481 14.2402 15.9188 14.4386H12.5934V9.3099H15.1936ZM12.5934 22.6889H16.0286H16.0372C18.3717 22.6889 19.4147 21.0727 19.4147 19.5701C19.4147 18.1341 18.4526 16.4707 15.731 16.4707H12.5934V22.6889Z" /> </svg><h3 class="m-0 type-heading-four"> The Bankrate promise </h3> </div> <div class="text-slate mt-6"> <p> Founded in 1976, Bankrate has a long track record of helping people make smart financial choices. We’ve maintained this reputation for over four decades by demystifying the financial decision-making process and giving people confidence in which actions to take next. </p> <p> Bankrate follows a strict <a class="Link" href="/editorial-guidelines/" title="editorial policy" target="_blank">editorial policy</a>, so you can trust that we’re putting your interests first. All of our content is authored by <a class="Link" href="/authors/" title="highly qualified professionals" target="_blank">highly qualified professionals</a> and edited by <a class="Link" href="/financial-review-board/" title="subject matter experts" target="_blank">subject matter experts</a>, who ensure everything we publish is objective, accurate and trustworthy. </p><p> Our insurance team is composed of agents, data analysts, and customers like you. They focus on the points consumers care about most — price, customer service, policy features and savings opportunities — so you can feel confident about which provider is right for you. </p> <ul> <li>We guide you throughout your search and help you understand your coverage options.</li> <li>We provide up-to-date, reliable market information to help you make confident decisions.</li> <li>We reduce industry jargon so you get the clearest form of information possible.</li> </ul> <p> All providers discussed on our site are vetted based on the value they provide. And we constantly review our criteria to ensure we’re putting accuracy first. </p> </div> </div><button data-cy="modalClose" class="Modal-close" type="button" data-target="why-trust-bankrate-insurance" aria-label="close" @click=""></button> </div> </div> </template> </div> <h2 class="w-full type-heading-two mt-8"> At a glance </h2> <div class="box-shadow-1 mb-6 mt-4 rounded-lg w-full"> <div class="bankrate-award-banner rounded-t-lg bg-blue-dark w-full display-flex py-2 px-4 md:px-6 md:py-3 pos-relative sm:h-11 md:h-14" data-cy="bankrate-award-banner"> <img class="pos-absolute h-14 md:h-16" src="https://www.bankrate.com/v5.1521.3/next/img/awards/2024/badge.svg" style="top:0;" alt="bankrate awards logo"> <div class="display-flex justify-content-space-between mt-0 ml-16 md:ml-20 md:align-items-center rounded-t w-full flex-direction-column md:flex-direction-row"> <div class="sm:ml-6"> <p class="type-heading-six mb-0 text-white text-xs md:text-sm uppercase">BEST AUTO INSURANCE COMPANY FOR HIGH-RISK DRIVERS</p> </div> </div> </div> <div class="company-review-card bg-white py-6 sm:pb-0 md:pb-6 rounded-b "> <div class="company-review-card-logo sm:ml-6 text-center"> <img class="mx-1" src="https://cdn.insurance.redventures.io/images/progressive.svg" alt="Progressive logo" width="200" height="95"> </div> <div class="company-review-card-score py-8 sm:py-0" x-data="{ tableOpen: false, autoOpen: false, homeOpen: false }"> <div :class="tableOpen ? 'open' : 'closed'" class="company-review-card-score__overall display-flex flex-wrap justify-content-center align-items-center gap-2 sm:mx-6 sm:py-5 sm:px-2 md:mx-0"> <div class="type-heading-one text-5xl">4.4</div> <div class="display-flex flex-direction-column justify-content-space-between"> <div class="star-rating star-rating--number-size-sm pb-2" style="font-size: 16px"> <span class="visually-hidden">Rating: 4.4 stars out of 5</span> <div class="star-rating__main-content"> <div class="star-rating__items-container"> <div class="star-rating__item"> <svg class="star-rating__icon" width="16" height="15" viewBox="0 0 16 15"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z"></path> </svg> <div class="star-rating__fill" style="width: 100%"> <svg class="star-rating__icon" width="16" height="15" viewBox="0 0 16 15"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z"></path> </svg> </div> </div> <div class="star-rating__item"> <svg class="star-rating__icon" width="16" height="15" viewBox="0 0 16 15"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z"></path> </svg> <div class="star-rating__fill" style="width: 100%"> <svg class="star-rating__icon" width="16" height="15" viewBox="0 0 16 15"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z"></path> </svg> </div> </div> <div class="star-rating__item"> <svg class="star-rating__icon" width="16" height="15" viewBox="0 0 16 15"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z"></path> </svg> <div class="star-rating__fill" style="width: 100%"> <svg class="star-rating__icon" width="16" height="15" viewBox="0 0 16 15"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z"></path> </svg> </div> </div> <div class="star-rating__item"> <svg class="star-rating__icon" width="16" height="15" viewBox="0 0 16 15"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z"></path> </svg> <div class="star-rating__fill" style="width: 100%"> <svg class="star-rating__icon" width="16" height="15" viewBox="0 0 16 15"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z"></path> </svg> </div> </div> <div class="star-rating__item"> <svg class="star-rating__icon" width="16" height="15" viewBox="0 0 16 15"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z"></path> </svg> <div class="star-rating__fill" style="width: 43%"> <svg class="star-rating__icon" width="16" height="15" viewBox="0 0 16 15"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z"></path> </svg> </div> </div> </div> </div> </div> <div class="type-body-three">Bankrate Score</div> </div> <span class="Accordion-icon Icon Icon--xs fill-blue ml-4 md:display-none" @click="tableOpen = !tableOpen"> <svg class="Icon-glyph" 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></span> </div> <div :class="tableOpen ? 'open' : 'closed'" class="company-review-card-score__breakdown sm:mx-6 md:mt-10"> <p class="mb-0 md:mb-2 type-heading-six uppercase display-none md:display-block">Score breakdown</p> <div class="w-full px-5 sm:pb-7 md:px-0"> <div @click="autoOpen = !autoOpen" class="score-item display-flex align-items-center justify-content-space-between py-3"> <p>Auto</p> <div :class="autoOpen ? 'open' : 'closed'" class="display-flex align-items-center"> <div class="star-rating star-rating--number-size-sm" style="font-size: 16px"> <span class="visually-hidden">Rating: 4.4 stars out of 5</span> <div class="star-rating__main-content"> <div class="star-rating__items-container"> <div class="star-rating__item"> <svg class="star-rating__icon" width="16" height="15" viewBox="0 0 16 15"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z"></path> </svg> <div class="star-rating__fill" style="width: 100%"> <svg class="star-rating__icon" width="16" height="15" viewBox="0 0 16 15"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z"></path> </svg> </div> </div> <div class="star-rating__item"> <svg class="star-rating__icon" width="16" height="15" viewBox="0 0 16 15"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z"></path> </svg> <div class="star-rating__fill" style="width: 100%"> <svg class="star-rating__icon" width="16" height="15" viewBox="0 0 16 15"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z"></path> </svg> </div> </div> <div class="star-rating__item"> <svg class="star-rating__icon" width="16" height="15" viewBox="0 0 16 15"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z"></path> </svg> <div class="star-rating__fill" style="width: 100%"> <svg class="star-rating__icon" width="16" height="15" viewBox="0 0 16 15"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z"></path> </svg> </div> </div> <div class="star-rating__item"> <svg class="star-rating__icon" width="16" height="15" viewBox="0 0 16 15"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z"></path> </svg> <div class="star-rating__fill" style="width: 100%"> <svg class="star-rating__icon" width="16" height="15" viewBox="0 0 16 15"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z"></path> </svg> </div> </div> <div class="star-rating__item"> <svg class="star-rating__icon" width="16" height="15" viewBox="0 0 16 15"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z"></path> </svg> <div class="star-rating__fill" style="width: 43%"> <svg class="star-rating__icon" width="16" height="15" viewBox="0 0 16 15"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z"></path> </svg> </div> </div> </div> </div> </div> <p class="text-size-sm font-bold ml-2">4.4</p> <span class="Accordion-icon Icon Icon--xs fill-blue ml-4"> <svg class="Icon-glyph" 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></span> </div> </div> <div x-cloak :class="autoOpen ? 'display-block' : 'display-none'" class="bg-blue-light text-xs py-2 border-b"> <span class="display-flex justify-content-space-between p-2"> <p class="mb-0">Cost & ratings</p> <span class="display-flex align-items-center"> <div class="star-rating star-rating--number-size-sm" style="font-size: 16px"> <span class="visually-hidden">Rating: 4.2 stars out of 5</span> <div class="star-rating__main-content"> <div class="star-rating__items-container"> <div class="star-rating__item"> <svg class="star-rating__icon" width="16" height="15" viewBox="0 0 16 15"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z"></path> </svg> <div class="star-rating__fill" style="width: 100%"> <svg class="star-rating__icon" width="16" height="15" viewBox="0 0 16 15"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z"></path> </svg> </div> </div> <div class="star-rating__item"> <svg class="star-rating__icon" width="16" height="15" viewBox="0 0 16 15"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z"></path> </svg> <div class="star-rating__fill" style="width: 100%"> <svg class="star-rating__icon" width="16" height="15" viewBox="0 0 16 15"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z"></path> </svg> </div> </div> <div class="star-rating__item"> <svg class="star-rating__icon" width="16" height="15" viewBox="0 0 16 15"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z"></path> </svg> <div class="star-rating__fill" style="width: 100%"> <svg class="star-rating__icon" width="16" height="15" viewBox="0 0 16 15"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z"></path> </svg> </div> </div> <div class="star-rating__item"> <svg class="star-rating__icon" width="16" height="15" viewBox="0 0 16 15"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z"></path> </svg> <div class="star-rating__fill" style="width: 100%"> <svg class="star-rating__icon" width="16" height="15" viewBox="0 0 16 15"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z"></path> </svg> </div> </div> <div class="star-rating__item"> <svg class="star-rating__icon" width="16" height="15" viewBox="0 0 16 15"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z"></path> </svg> <div class="star-rating__fill" style="width: 29%"> <svg class="star-rating__icon" width="16" height="15" viewBox="0 0 16 15"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z"></path> </svg> </div> </div> </div> </div> </div> <p class="font-bold ml-2">4.2</p> </span> </span> <span class="display-flex justify-content-space-between p-2"> <p class="mb-0">Coverage</p> <span class="display-flex align-items-center"> <div class="star-rating star-rating--number-size-sm" style="font-size: 16px"> <span class="visually-hidden">Rating: 5 stars out of 5</span> <div class="star-rating__main-content"> <div class="star-rating__items-container"> <div class="star-rating__item"> <svg class="star-rating__icon" width="16" height="15" viewBox="0 0 16 15"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z"></path> </svg> <div class="star-rating__fill" style="width: 100%"> <svg class="star-rating__icon" width="16" height="15" viewBox="0 0 16 15"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z"></path> </svg> </div> </div> <div class="star-rating__item"> <svg class="star-rating__icon" width="16" height="15" viewBox="0 0 16 15"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z"></path> </svg> <div class="star-rating__fill" style="width: 100%"> <svg class="star-rating__icon" width="16" height="15" viewBox="0 0 16 15"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z"></path> </svg> </div> </div> <div class="star-rating__item"> <svg class="star-rating__icon" width="16" height="15" viewBox="0 0 16 15"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z"></path> </svg> <div class="star-rating__fill" style="width: 100%"> <svg class="star-rating__icon" width="16" height="15" viewBox="0 0 16 15"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z"></path> </svg> </div> </div> <div class="star-rating__item"> <svg class="star-rating__icon" width="16" height="15" viewBox="0 0 16 15"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z"></path> </svg> <div class="star-rating__fill" style="width: 100%"> <svg class="star-rating__icon" width="16" height="15" viewBox="0 0 16 15"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z"></path> </svg> </div> </div> <div class="star-rating__item"> <svg class="star-rating__icon" width="16" height="15" viewBox="0 0 16 15"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z"></path> </svg> <div class="star-rating__fill" style="width: 100%"> <svg class="star-rating__icon" width="16" height="15" viewBox="0 0 16 15"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z"></path> </svg> </div> </div> </div> </div> </div> <p class="font-bold ml-2">5.0</p> </span> </span> <span class="display-flex justify-content-space-between p-2"> <p class="mb-0">Support</p> <span class="display-flex align-items-center"> <div class="star-rating star-rating--number-size-sm" style="font-size: 16px"> <span class="visually-hidden">Rating: 4.3 stars out of 5</span> <div class="star-rating__main-content"> <div class="star-rating__items-container"> <div class="star-rating__item"> <svg class="star-rating__icon" width="16" height="15" viewBox="0 0 16 15"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z"></path> </svg> <div class="star-rating__fill" style="width: 100%"> <svg class="star-rating__icon" width="16" height="15" viewBox="0 0 16 15"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z"></path> </svg> </div> </div> <div class="star-rating__item"> <svg class="star-rating__icon" width="16" height="15" viewBox="0 0 16 15"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z"></path> </svg> <div class="star-rating__fill" style="width: 100%"> <svg class="star-rating__icon" width="16" height="15" viewBox="0 0 16 15"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z"></path> </svg> </div> </div> <div class="star-rating__item"> <svg class="star-rating__icon" width="16" height="15" viewBox="0 0 16 15"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z"></path> </svg> <div class="star-rating__fill" style="width: 100%"> <svg class="star-rating__icon" width="16" height="15" viewBox="0 0 16 15"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z"></path> </svg> </div> </div> <div class="star-rating__item"> <svg class="star-rating__icon" width="16" height="15" viewBox="0 0 16 15"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z"></path> </svg> <div class="star-rating__fill" style="width: 100%"> <svg class="star-rating__icon" width="16" height="15" viewBox="0 0 16 15"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z"></path> </svg> </div> </div> <div class="star-rating__item"> <svg class="star-rating__icon" width="16" height="15" viewBox="0 0 16 15"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z"></path> </svg> <div class="star-rating__fill" style="width: 36%"> <svg class="star-rating__icon" width="16" height="15" viewBox="0 0 16 15"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z"></path> </svg> </div> </div> </div> </div> </div> <p class="font-bold ml-2">4.3</p> </span> </span> </div> <div @click="homeOpen = !homeOpen" class="score-item display-none align-items-center justify-content-space-between py-3"> <p>Home</p> <div :class="homeOpen ? 'open' : 'closed'" class="display-flex align-items-center"> <div class="star-rating star-rating--number-size-sm" style="font-size: 16px"> <span class="visually-hidden">Rating: 0 stars out of 5</span> <div class="star-rating__main-content"> <div class="star-rating__items-container"> <div class="star-rating__item"> <svg class="star-rating__icon" width="16" height="15" viewBox="0 0 16 15"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z"></path> </svg> <div class="star-rating__fill" style="width: 0%"> <svg class="star-rating__icon" width="16" height="15" viewBox="0 0 16 15"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z"></path> </svg> </div> </div> <div class="star-rating__item"> <svg class="star-rating__icon" width="16" height="15" viewBox="0 0 16 15"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z"></path> </svg> <div class="star-rating__fill" style="width: 0%"> <svg class="star-rating__icon" width="16" height="15" viewBox="0 0 16 15"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z"></path> </svg> </div> </div> <div class="star-rating__item"> <svg class="star-rating__icon" width="16" height="15" viewBox="0 0 16 15"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z"></path> </svg> <div class="star-rating__fill" style="width: 0%"> <svg class="star-rating__icon" width="16" height="15" viewBox="0 0 16 15"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z"></path> </svg> </div> </div> <div class="star-rating__item"> <svg class="star-rating__icon" width="16" height="15" viewBox="0 0 16 15"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z"></path> </svg> <div class="star-rating__fill" style="width: 0%"> <svg class="star-rating__icon" width="16" height="15" viewBox="0 0 16 15"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z"></path> </svg> </div> </div> <div class="star-rating__item"> <svg class="star-rating__icon" width="16" height="15" viewBox="0 0 16 15"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z"></path> </svg> <div class="star-rating__fill" style="width: 0%"> <svg class="star-rating__icon" width="16" height="15" viewBox="0 0 16 15"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z"></path> </svg> </div> </div> </div> </div> </div> <p class="text-size-sm font-bold ml-2">0.0</p> </div> </div> <div id="t6a5271af-df31-441b-8862-8cac91dd035c" class="display-none"> <div class="w-72" style="max-width: calc(100vw - 4rem)"> Bankrate scores are objectively determined by our editorial team. Our scoring formula weighs several factors consumers should consider when choosing financial products and services.</div> </div> <div class="display-inline-block ml-1 cursor-pointer "> <div x-data data-tippy-maxWidth="none" data-template="t6a5271af-df31-441b-8862-8cac91dd035c" role="tooltip" tabIndex="0" data-tippy-placement="bottom-start"x-tooltip="" > <p class="text-size-xs text-blue underline mt-3">About Bankrate Score</p></div> </div> </div> </div> </div> <div class="company-review-card-summary px-4 sm:px-6 md:pl-0 md:pr-6"> <div class="wysiwyg display-block w-full"> <p class="type-heading-six font-normal">Bankrate's take</p> <p>Policyholders who value digital capabilities, want a company that can follow them throughout the country or need high-risk insurance might consider Progressive as their company of choice.</p></div> <div data-tabs="tabs-container"> <ul class="Tabs flex-nowrap" role="tablist" aria-label="tabs" data-tabs="tab-list"> <li class="Tabs__item pb-0 mr-1" role="presentation"> <button class="Tabs-link is-active px-2" data-tabs="tab" id="company-highlights-tab" type="button" role="tab" aria-controls="company-highlights" aria-selected="true" tabindex="0" data-beam-element-clicked data-type="TAB" data-location="At a Glance Card" data-name="Company highlights" data-position="TOP" data-text="Company highlights" > Company highlights</button> </li> <li class="Tabs__item pb-0 mr-1" role="presentation"> <button class="Tabs-link px-2" data-tabs="tab" id="average-rates-tab" type="button" role="tab" aria-controls="average-rates" aria-selected="false" tabindex="-1" data-beam-element-clicked data-type="TAB" data-location="At a Glance Card" data-name="Average rates from Progressive" data-position="TOP" data-text="Average rates from Progressive" > Average rates from Progressive</button> </li> </ul> <div class="tabs__panel " data-tabs="tab-panel" role="tabpanel" id="company-highlights" aria-labelledby="company-highlights-tab" aria-hidden="false"> <div class="wysiwyg display-block w-full"> <ul> <li>Broad range of nationwide coverage including custom add-ons like rideshare coverage</li> <li>SR-22 filing options and affordable auto policies for some high-risk drivers</li> <li>Mixed customer service ratings from third-party experts and real customers</li> <li>Strong suite of digital policy management tools, including Snapshot usage-based insurance tools</li> <li>Weaker home and life insurance offerings compared to competitors</li> </ul></div> </div> <div class="tabs__panel display-none" data-tabs="tab-panel" role="tabpanel" id="average-rates" aria-labelledby="average-rates-tab" aria-hidden="true"> <div data-cy="insurance-quick-look" class="insurance-quick-look display-flex align-items-center justify-content-space-between py-3 w-full"> <div class="display-flex flex-direction-column align-items-center wysiwyg w-full"> <span data-cy="auto-rates" class="w-full mb-6"> <p class="type-body-two font-bold mb-4">Auto</p> <div class="display-flex py-2 display-flex justify-content-space-between border-t border-gray"> <p class="mb-0 text-slate w-3/5 md:w-auto">Avg. annual premium for full coverage</p> <p data-cy="auto-avg-full" class="mb-0 font-bold align-self-center">$2,418</p> </div> <div class=" display-flex py-2 display-flex justify-content-space-between border-y border-gray"> <p class="mb-0 text-slate w-3/5 md:w-auto">Avg. annual premium for min coverage</p> <p data-cy="auto-avg-min" class="mb-0 font-bold align-self-center">$706</p> </div> </span> <span data-cy="home-rates" class="w-full"> <p class="type-body-two font-bold mb-4">Home</p> <div class="display-flex py-2 display-flex justify-content-space-between border-y border-gray"> <p class="mb-0 text-slate w-3/5 md:w-auto">Avg. annual premium for $300k dwelling coverage</p> <p data-cy="home-avg-full" class="mb-0 font-bold align-self-center">$2,485</p> </div> </span> </div> </div> </div> </div> </div> <div class="company-review-card-cta px-6 display-flex justify-content-center md:justify-content-end"> <div class="company-review-card-cta-box display-flex flex-direction-column"> <div class="company-review-card-cta__buttons display-flex flex-direction-column gap-3 align-items-center sm:align-items-end md:flex-direction-row md:justify-content-end"> </div> </div> </div> </div> </div> <div class="vertical-spacer pt-" style="width: 100%; content: '';"></div> <div class="insurance-insight-box mb-4"> <div class="rounded box-shadow-2 p-4 md:p-8"> <div class="insurance-insight-box__heading sm:display-flex align-items-center"> <p class="Badge px-4 py-2 mb-4 mr-3 bg-yellow text-black font-circular-bold"> New</p> <div class="type-heading-four mb-4 md:mb-2"> What’s new with Progressive?</div> </div> <div class="insurance-insight-box__content"> <div class="text-slate"> <div class="wysiwyg display-block w-full"> <ul> <li>Auto insurance is still available in all states. However, due to inflation and increased risk, Progressive has slowed down advertising in several states like Texas, New York, California and others.</li> <li>Home insurance is available in all states, but Progressive began nonrenewing some homeowners policies in Florida in late 2023.</li> <li>At the start of 2022, Progressive changed its underwriting requirements for shingle roofs in Florida. Now, all roofs must be under 16 years old to maintain or acquire coverage.</li> <li>As of January 2023, Progressive stopped offering coverage for some Kia and Hyundai vehicles due to a substantial increase in theft. Policyholders who already have insurance on the models of concern are able to keep their coverage.</li> </ul></div> </div> </div> </div> </div> <div class="vertical-spacer pt-8 " style="width: 100%; content: '';"></div> <div class="section-title border-gray"> <h2 level="2" class="type-heading-two mb-4"> Progressive car insurance review </h2> </div> <div class="vertical-spacer pt-4" style="width: 100%; content: '';"></div> <div class="wysiwyg display-block w-full"> <p id="car-insurance">In recognition of Progressive’s high financial strength ratings, numerous discounts and customizable policy options, we assigned Progressive’s auto insurance a Bankrate Score of 4.4 out of 5. Progressive especially shines in the <a class="Link" href="https://www.bankrate.com/insurance/car/high-risk-drivers/#what-is-high-risk-car-insurance">high-risk auto insurance</a> arena as one of the <a class="Link" href="https://www.bankrate.com/insurance/car/cheap-car-insurance-companies/">cheapest car insurance companies</a> for many drivers with poor driving records.</p> <p>Customers can find <a class="Link" href="https://www.bankrate.com/insurance/car/coverage-types/">standard coverage options</a> like liability insurance, full coverage and personal injury protection through Progressive, but policy customization offers <a class="Link" href="https://www.progressive.com/auto/insurance-coverages/" target="_blank" rel="noopener">optional policy endorsements</a> like custom parts and equipment (CPE) coverage for modified cars, loan/lease payoff (similar to gap coverage) and ridesharing insurance. Coverage options vary by location, so it’s a good idea to speak to an agent about the availability of each coverage type in your circumstances.</p></div> <div id="" class="trsy-cta-module trsy-flex trsy-flex-col sm:trsy-flex-row trsy-items-center trsy-justify-between trsy-gap-6 sm:trsy-gap-8 trsy-rounded-md trsy-p-6"> <div class="trsy-flex trsy-flex-col trsy-order-2 sm:trsy-order-1 trsy-text-center sm:trsy-text-left"> <h3 class="trsy-leading-relax trsy-text-xl trsy-text-white trsy-mb-0">BEST AUTO INSURANCE COMPANY FOR HIGH-RISK DRIVERS</h3> <p class="trsy-mt-2 trsy-mb-0 trsy-text-white">Progressive offers auto coverage in all 50 states for drivers with high-risk driving records. While not all carriers accept drivers with serious violations like DUIs, Progressive typically quotes lower rates to these drivers, offers SR-22 filings and equips drivers with a robust slate of discount opportunities and savings tools, such as Snapshot and the Name Your Price tool.</p> <a href=https://www.bankrate.com/awards/2024/best-auto-insurance-companies/ class="trsy-transition-all trsy-cursor-pointer trsy-border-2 trsy-font-sans trsy-font-bold trsy-inline-flex trsy-justify-center trsy-items-center trsy-text-center focus-visible:trsy-outline-none focus-visible:trsy-ring-2 focus-visible:trsy-ring-offset-2 focus-visible:trsy-ring-blue-600 trsy-rounded trsy-py-3 trsy-px-5 trsy-min-h-[3rem] trsy-text-lg trsy-tracking-[.031rem] trsy-bg-transparent trsy-border-white trsy-text-white hover:trsy-bg-white hover:trsy-text-blue-600 focus-visible:trsy-bg-white focus-visible:trsy-text-blue-700 active:trsy-bg-white active:trsy-text-blue-800 trsy-whitespace-nowrap trsy-mt-6 trsy-self-center sm:trsy-self-start" target=_blank data-beam-element-clicked id="bankrate_awards_2024_bankrate_awards_2024_investing_category_page_category_page_sidebar" data-type="button" data-location="bankrate_awards_2024_bankrate_awards_2024_investing_category_page_category_page" data-name="See why Progressive won" data-position="middle" data-text="See why Progressive won" data-outcome="send_to_page" > See why Progressive won </a> </div> <div class="trsy-flex-none trsy-order-1 sm:trsy-order-2"> <img class="trsy-max-h-[9.25rem]" src="https://www.bankrate.com/f/102997/445x480/556358069d/2024-awards-badge.svg/m/148x0/" srcset="https://www.bankrate.com/f/102997/445x480/556358069d/2024-awards-badge.svg/m/148x0/, https://www.bankrate.com/f/102997/445x480/556358069d/2024-awards-badge.svg/m/296x0/ 2x" alt="Awards"> </div> </div> <div class="vertical-spacer pt-8 " style="width: 100%; content: '';"></div> <div class="wysiwyg display-block w-full"> <h3>Pros and cons of Progressive car insurance</h3> <p>Every car insurance company has strengths and weaknesses. When shopping for car insurance, it’s important to do more than just <a class="Link" href="https://www.bankrate.com/insurance/car/rates/">compare auto insurance quotes</a> — a broader view of a company’s advantages and disadvantages can put your quotes in context and help you determine whether Progressive is the right fit for you.</p> <p>Here are some pros and cons of Progressive auto insurance:</p></div> <div class="ProsAndConsTable"> <div class="ProsAndConsItem"> <div class="ProsAndConsItem-headerContainer"> <div> <img src="https://www.bankrate.com/v5.1521.3/next/img/svg/circle-check.svg" alt="Green circle with a checkmark inside"> </div> <h3 class="ProsAndConsItem-header"> Pros </h3> </div> <ul class="ProsAndConsItem-list"> <li>Strong suite of digital tools offering discounts for many drivers</li> <li>Robust policy customization options</li> <li>SR-22 filing with competitive rates for high-risk drivers</li> <li>Above-average J.D. Power customer satisfaction index for usage-based insurance</li> </ul> </div> <div class="ProsAndConsItem"> <div class="ProsAndConsItem-headerContainer"> <div> <img src="https://www.bankrate.com/v5.1521.3/next/img/svg/remove-circle.svg" alt="Red circle with an X inside"> </div> <h3 class="ProsAndConsItem-header"> Cons </h3> </div> <ul class="ProsAndConsItem-list"> <li>Below-average auto claims satisfaction score from J.D. Power</li> <li>Below-average J.D. Power overall auto customer satisfaction index in all regions</li> <li>Rates may differ between online and agent quotes</li> </ul> </div> </div> <div id="tabs-v3-c5c800f2-2fe5-4620-bc81-076a97f3cda5" class="TabsV3" x-data="{ selectedId: null, init() { // Set the first available tab on the page on page load. this.$nextTick(() => this.select(this.$id('tab', 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="['tab']"> <div class="sm:gutter"> <div class="wrapper" style=""> <div class="TabsV3-select FormControl"> <select aria-label="Select your option" class="FormSelect normal-case" x-model="selectedId" @change="() => $el.dataset.text = $el.options[$el.selectedIndex].text"> <option :value="$id('tab', 1)"> Car insurance cost</option> <option :value="$id('tab', 2)"> Customer satisfaction</option> <option :value="$id('tab', 3)"> Car insurance discounts</option> </select> <svg class="FormSelect-arrow Icon Icon--xs" 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></div> <ul class="TabsV3-nav justify-content-flex-start display-none md:display-flex" 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"> <li class="TabsV3-item pb-0" role="presentation"> <button :id="$id('tab', whichChild($el.parentElement, $refs.tablist))" @click="select($el.id);" @mousedown.prevent @focus="select($el.id)" type="button" :tabindex="isSelected($el.id) ? 0 : -1" :aria-selected="isSelected($el.id)" :class="isSelected($el.id) ? 'is-active' : ''" role="tab" class="TabsV3-button flex-direction-row" > Car insurance cost</button> </li> <li class="TabsV3-item pb-0" role="presentation"> <button :id="$id('tab', whichChild($el.parentElement, $refs.tablist))" @click="select($el.id);" @mousedown.prevent @focus="select($el.id)" type="button" :tabindex="isSelected($el.id) ? 0 : -1" :aria-selected="isSelected($el.id)" :class="isSelected($el.id) ? 'is-active' : ''" role="tab" class="TabsV3-button flex-direction-row" > Customer satisfaction</button> </li> <li class="TabsV3-item pb-0" role="presentation"> <button :id="$id('tab', whichChild($el.parentElement, $refs.tablist))" @click="select($el.id);" @mousedown.prevent @focus="select($el.id)" type="button" :tabindex="isSelected($el.id) ? 0 : -1" :aria-selected="isSelected($el.id)" :class="isSelected($el.id) ? 'is-active' : ''" role="tab" class="TabsV3-button flex-direction-row" > Car insurance discounts</button> </li> </ul> </div> </div> <div class="TabsV3-content mt-5 TabsV3-content-noscript sm:gutter" x-cloak> <noscript><style> .TabsV3-content-noscript {display: block!important;} </style></noscript> <div class="wrapper"> <div x-show="isSelected($id('tab', whichChild($el, $el.parentElement)))" :aria-labelledby="$id('tab', whichChild($el, $el.parentElement))" role="tabpanel" class="TabsV3-tab py- px-"> <div class="wysiwyg display-block w-full"> <h3>Progressive car insurance cost</h3> <p>Car insurance from Progressive costs an average of $2,418 per year for a full coverage policy and $706 per year for a minimum coverage policy, according to November 2024 data from Quadrant Information Services. That’s fairly affordable compared to the national <a class="Link" href="https://www.bankrate.com/insurance/car/average-cost-of-car-insurance/">average cost of car insurance</a>, which is $2,458 per year for full coverage and $678 per year for minimum coverage policies.</p> <p>Keep in mind, though, that Progressive is one of the nation’s largest insurers and sells auto insurance through a variety of distributors. Depending on how you get your <a class="Link" href="https://www.bankrate.com/insurance/car/">auto insurance quotes</a>, your rates may differ. Below, we’ll compare Progressive’s average rates to the national average for a range of driver profiles, from young drivers to individuals with violations.</p> <h4>How much is Progressive car insurance?</h4> <p>Your driving history is a large factor in your ability to find <a class="Link" href="https://www.bankrate.com/insurance/car/cheap-car-insurance-companies/">cheap car insurance</a>. If you have incidents like at-fault accidents or speeding tickets, on your driving record, you’ll likely pay more than if you had a clean driving record. DUIs tend to affect rates most significantly. While many companies choose not to write policies for drivers with DUIs on their driving records, Progressive typically does.</p></div> <div class="insurance-coverage-table mb-6 md:mb-8" id="ORCw1oThQT" style="overflow-y: auto" tabindex="0" x-data="insuranceCoverageTable( 'ORCw1oThQT', '', '5', null)"> <div id="table-ORCw1oThQT"> <table class="mb-2 Table insurance-coverage-table-ORCw1oThQT"> <thead class="display-none sm:display-table-header-group"> <tr class="border-b border-gray"> <th class="p-2 font-bold text-left profile-column md:w-48"> <div class="insurance-coverage-table--sort-container-ORCw1oThQT display-flex"> <button class="display-inline-flex Button Button--bare" @click="sortColumn('url', 0)"> <span class="display-inline-flex type-body-two text-black font-circular-bold">Driver profile</span> <div class="display-flex flex-direction-column justify-content-center ml-2"> <div class="col-span-1 -mt-1 -mb-2"> <svg class="display-inline-flex text-gray hover:text-blue" width="18" height="18" data-sort="tableColumn-asc" 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><span class="visually-hidden">Sort arrow ascending</span> </div> <div class="col-span-1 -mb-2"> <svg class="display-inline-flex text-gray hover:text-blue" width="18" height="18" data-sort="tableColumn-desc" 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><span class="visually-hidden">Sort arrow descending</span> </div> </div> </button> </div> </th> <th class="p-2 font-bold md:w-48"> <div class="insurance-coverage-table--sort-container-ORCw1oThQT display-flex"> <button class="display-inline-flex Button Button--bare" @click="sortColumn('money', 1)"> <span class="display-inline-flex type-body-two text-black font-circular-bold">Progressive full coverage premium</span> <div class="display-flex flex-direction-column justify-content-center ml-2"> <div class="col-span-1 -mt-1 -mb-2"> <svg class="display-inline-flex text-gray hover:text-blue" width="18" height="18" data-sort="tableColumn-asc" 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><span class="visually-hidden">Sort arrow ascending</span> </div> <div class="col-span-1 -mb-2"> <svg class="display-inline-flex text-gray hover:text-blue" width="18" height="18" data-sort="tableColumn-desc" 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><span class="visually-hidden">Sort arrow descending</span> </div> </div> </button> </div> </th> <th class="p-2 font-bold md:w-48"> <div class="insurance-coverage-table--sort-container-ORCw1oThQT display-flex"> <button class="display-inline-flex Button Button--bare" @click="sortColumn('money', 2)"> <span class="display-inline-flex type-body-two text-black font-circular-bold">National full coverage premium</span> <div class="display-flex flex-direction-column justify-content-center ml-2"> <div class="col-span-1 -mt-1 -mb-2"> <svg class="display-inline-flex text-gray hover:text-blue" width="18" height="18" data-sort="tableColumn-asc" 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><span class="visually-hidden">Sort arrow ascending</span> </div> <div class="col-span-1 -mb-2"> <svg class="display-inline-flex text-gray hover:text-blue" width="18" height="18" data-sort="tableColumn-desc" 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><span class="visually-hidden">Sort arrow descending</span> </div> </div> </button> </div> </th> </tr> </thead> <tbody class="display-flex flex-direction-column border-t pt-4 sm:display-table-header-group sm:border-t-0 sm:pt-0"> <tr class="display-flex flex-direction-column border-b border-gray mb-3 sm:display-table-row"> <td class="px-2 text-left insurance-coverage-table-td px-3 rounded"> <div class="display-flex flex-direction-row justify-content-space-between sm:display-block"> <span class="insurance-coverage-table--td display-block text-black"> Good driver, good credit</span> </div> </td> <td class="px-2 text-right"> <div class="display-flex flex-direction-row justify-content-space-between sm:display-block"> <div class="text-slate text-left sm:display-none w-48"> Progressive full coverage premium</div> <div class="insurance-coverage-table--td text-black"> $2,418</div> </div> </td> <td class="px-2 text-right"> <div class="display-flex flex-direction-row justify-content-space-between sm:display-block"> <div class="text-slate text-left sm:display-none w-48"> National full coverage premium</div> <div class="insurance-coverage-table--td text-black"> $2,458</div> </div> </td> </tr> <tr class="display-flex flex-direction-column border-b border-gray mb-3 sm:display-table-row"> <td class="px-2 text-left insurance-coverage-table-td px-3 rounded"> <div class="display-flex flex-direction-row justify-content-space-between sm:display-block"> <a class="insurance-coverage-table--td display-block text-blue align-self-center" href="https://www.bankrate.com/insurance/car/car-insurance-for-bad-credit/" target="_blank"> Good driver, poor credit</a> </div> </td> <td class="px-2 text-right"> <div class="display-flex flex-direction-row justify-content-space-between sm:display-block"> <div class="text-slate text-left sm:display-none w-48"> Progressive full coverage premium</div> <div class="insurance-coverage-table--td text-black"> $4,338</div> </div> </td> <td class="px-2 text-right"> <div class="display-flex flex-direction-row justify-content-space-between sm:display-block"> <div class="text-slate text-left sm:display-none w-48"> National full coverage premium</div> <div class="insurance-coverage-table--td text-black"> $4,502</div> </div> </td> </tr> <tr class="display-flex flex-direction-column border-b border-gray mb-3 sm:display-table-row"> <td class="px-2 text-left insurance-coverage-table-td px-3 rounded"> <div class="display-flex flex-direction-row justify-content-space-between sm:display-block"> <a class="insurance-coverage-table--td display-block text-blue align-self-center" href="https://www.bankrate.com/insurance/car/speeding-ticket-cost/" target="_blank"> Speeding ticket with good credit</a> </div> </td> <td class="px-2 text-right"> <div class="display-flex flex-direction-row justify-content-space-between sm:display-block"> <div class="text-slate text-left sm:display-none w-48"> Progressive full coverage premium</div> <div class="insurance-coverage-table--td text-black"> $3,120</div> </div> </td> <td class="px-2 text-right"> <div class="display-flex flex-direction-row justify-content-space-between sm:display-block"> <div class="text-slate text-left sm:display-none w-48"> National full coverage premium</div> <div class="insurance-coverage-table--td text-black"> $2,975</div> </div> </td> </tr> <tr class="display-flex flex-direction-column border-b border-gray mb-3 sm:display-table-row"> <td class="px-2 text-left insurance-coverage-table-td px-3 rounded"> <div class="display-flex flex-direction-row justify-content-space-between sm:display-block"> <a class="insurance-coverage-table--td display-block text-blue align-self-center" href="https://www.bankrate.com/insurance/car/rates-after-an-accident/" target="_blank"> At-fault accident with good credit</a> </div> </td> <td class="px-2 text-right"> <div class="display-flex flex-direction-row justify-content-space-between sm:display-block"> <div class="text-slate text-left sm:display-none w-48"> Progressive full coverage premium</div> <div class="insurance-coverage-table--td text-black"> $3,674</div> </div> </td> <td class="px-2 text-right"> <div class="display-flex flex-direction-row justify-content-space-between sm:display-block"> <div class="text-slate text-left sm:display-none w-48"> National full coverage premium</div> <div class="insurance-coverage-table--td text-black"> $3,508</div> </div> </td> </tr> <tr class="display-flex flex-direction-column border-b border-gray mb-3 sm:display-table-row"> <td class="px-2 text-left insurance-coverage-table-td px-3 rounded"> <div class="display-flex flex-direction-row justify-content-space-between sm:display-block"> <a class="insurance-coverage-table--td display-block text-blue align-self-center" href="https://www.bankrate.com/insurance/car/car-insurance-with-dui/" target="_blank"> DUI conviction with good credit</a> </div> </td> <td class="px-2 text-right"> <div class="display-flex flex-direction-row justify-content-space-between sm:display-block"> <div class="text-slate text-left sm:display-none w-48"> Progressive full coverage premium</div> <div class="insurance-coverage-table--td text-black"> $3,312</div> </div> </td> <td class="px-2 text-right"> <div class="display-flex flex-direction-row justify-content-space-between sm:display-block"> <div class="text-slate text-left sm:display-none w-48"> National full coverage premium</div> <div class="insurance-coverage-table--td text-black"> $4,713</div> </div> </td> </tr> </tbody> </table> </div> </div> <div class="insurance-rates-footer my-4 md:mb-6"> <div class="type-body-two text-slate pb-4"> Auto insurance rates are known to fluctuate frequently, but you can rely on Bankrate to offer you the latest options available.</div> <div class="display-flex flex-direction-column md:flex-direction-row md:justify-content-space-between"> <div class="display-flex bg-blue-light py-3 pl-6 pr-10 rounded-r-full type-body-two text-black font-bold mb-4 md:mb-0 max-w-max"> <span class="Icon mr-3 icon-highlight-blue w-5 h-5"> <svg class="Icon-glyph" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Auto Car New Icon</title><path d="M8.34 8.9h7.547c.682 0 1.306.382 1.61.987l1.953 3.872h1.85c1.491 0 2.7 1.2 2.7 2.678v1.785c0 1.48-1.209 2.678-2.7 2.678H5.7C4.209 20.9 3 19.7 3 18.222v-1.785a2.687 2.687 0 0 1 2.528-2.672l1.087-3.593A1.798 1.798 0 0 1 8.34 8.9Z" fill="transparent" class="icon-offset"/><path fill-rule="evenodd" clip-rule="evenodd" d="M18.817 8.577c.085.262.325.44.595.44v.007a.614.614 0 0 0 .594-.44 2.87 2.87 0 0 1 1.923-1.93.612.612 0 0 0 .44-.587.607.607 0 0 0-.433-.594 2.895 2.895 0 0 1-1.93-1.93c-.085-.263-.316-.464-.594-.44-.27 0-.51.17-.587.432a2.895 2.895 0 0 1-1.93 1.93.612.612 0 0 0-.44.587.598.598 0 0 0 .432.594 2.895 2.895 0 0 1 1.93 1.93Zm.595-1.56a4.207 4.207 0 0 0-.965-.957 4.09 4.09 0 0 0 .965-.965c.262.37.587.694.957.957-.37.27-.695.594-.957.965Zm-9.296 4.756H5.355l.862-2.98a.868.868 0 0 1 .332-.464.947.947 0 0 1 .548-.177h3.019v3.621Zm6.495 0h-5.26V8.152h2.934c.116 0 .224.023.309.077.1.054.17.131.224.231l1.793 3.313Zm-.712-3.892 2.11 3.892h1.727a2.72 2.72 0 0 1 1.953.81c.525.526.811 1.22.811 1.954v1.683a2.72 2.72 0 0 1-.81 1.954 2.744 2.744 0 0 1-1.741.802 2.533 2.533 0 0 1-2.452 1.923 2.533 2.533 0 0 1-2.45-1.915H9.015a2.533 2.533 0 0 1-2.45 1.915c-1.181 0-2.178-.82-2.45-1.919a2.713 2.713 0 0 1-1.804-.806A2.745 2.745 0 0 1 1.5 16.22v-1.683c0-.741.286-1.436.81-1.953a2.745 2.745 0 0 1 1.738-.803l.972-3.344c.14-.44.41-.818.788-1.096.378-.27.826-.425 1.281-.425h7.188a1.82 1.82 0 0 1 1.621.965Zm4.918 9.42c-.238.238-.545.39-.878.434a2.533 2.533 0 0 0-2.442-1.885c-1.174 0-2.166.81-2.446 1.899h-6.04a2.533 2.533 0 0 0-2.446-1.9 2.533 2.533 0 0 0-2.444 1.893 1.525 1.525 0 0 1-1.385-1.522v-1.683a1.524 1.524 0 0 1 1.529-1.529h15.471c.41 0 .795.163 1.08.448.287.286.449.672.449 1.081v1.683c0 .41-.162.796-.448 1.081Zm-9.651-2.046h1.088a.62.62 0 0 0 .618-.618.62.62 0 0 0-.617-.618h-1.09a.62.62 0 0 0-.617.618c0 .34.278.618.618.618Zm-5.89 3.111c0-.71.579-1.289 1.289-1.289s1.29.58 1.29 1.29c0 .71-.58 1.289-1.29 1.289-.71 0-1.29-.58-1.29-1.29Zm12.221-1.289c-.71 0-1.29.58-1.29 1.29 0 .71.58 1.289 1.29 1.289.71 0 1.29-.58 1.29-1.29 0-.71-.58-1.289-1.29-1.289Z" class="icon-base"/></svg></span> <div> Rates updated as of Nov 2024</div> </div> <a class="type-body-two text-blue font-bold md:align-self-center hover:underline hover:text-blue-mid no-underline" href="#methodology"> Read our full methodology </a> </div> </div> <div class="vertical-spacer pt-8 " style="width: 100%; content: '';"></div> <div class="wysiwyg display-block w-full"> <h4>Progressive car insurance quotes by age</h4> <p>In most states, car insurance carriers use driver age or experience as a rating factor when setting premiums. Since younger drivers typically have less experience and a higher statistical rate of accidents, insurers see them as a higher risk and charge more for coverage.</p> <p>We’ve analyzed average premiums for drivers with clean records across several age groups and compared Progressive’s rates with the national average. In general, young drivers who stay on their parents’ policy receive much lower rates than those who purchase standalone policies, especially as <a class="Link" href="https://www.bankrate.com/insurance/car/teen-drivers/">teens</a>.</p></div> <div class="insurance-coverage-table mb-6 md:mb-8" id="fReJdACTls" style="overflow-y: auto" tabindex="0" x-data="insuranceCoverageTable( 'fReJdACTls', '', '5', null)"> <div id="table-fReJdACTls"> <table class="mb-2 Table insurance-coverage-table-fReJdACTls"> <thead class="display-none sm:display-table-header-group"> <tr class="border-b border-gray"> <th class="p-2 font-bold text-left profile-column md:w-48"> <div class="insurance-coverage-table--sort-container-fReJdACTls display-flex"> <button class="display-inline-flex Button Button--bare" @click="sortColumn('url', 0)"> <span class="display-inline-flex type-body-two text-black font-circular-bold">Age</span> <div class="display-flex flex-direction-column justify-content-center ml-2"> <div class="col-span-1 -mt-1 -mb-2"> <svg class="display-inline-flex text-gray hover:text-blue" width="18" height="18" data-sort="tableColumn-asc" 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><span class="visually-hidden">Sort arrow ascending</span> </div> <div class="col-span-1 -mb-2"> <svg class="display-inline-flex text-gray hover:text-blue" width="18" height="18" data-sort="tableColumn-desc" 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><span class="visually-hidden">Sort arrow descending</span> </div> </div> </button> </div> </th> <th class="p-2 font-bold md:w-48"> <div class="insurance-coverage-table--sort-container-fReJdACTls display-flex"> <button class="display-inline-flex Button Button--bare" @click="sortColumn('money', 1)"> <span class="display-inline-flex type-body-two text-black font-circular-bold">Progressive full coverage premium</span> <div class="display-flex flex-direction-column justify-content-center ml-2"> <div class="col-span-1 -mt-1 -mb-2"> <svg class="display-inline-flex text-gray hover:text-blue" width="18" height="18" data-sort="tableColumn-asc" 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><span class="visually-hidden">Sort arrow ascending</span> </div> <div class="col-span-1 -mb-2"> <svg class="display-inline-flex text-gray hover:text-blue" width="18" height="18" data-sort="tableColumn-desc" 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><span class="visually-hidden">Sort arrow descending</span> </div> </div> </button> </div> </th> <th class="p-2 font-bold md:w-48"> <div class="insurance-coverage-table--sort-container-fReJdACTls display-flex"> <button class="display-inline-flex Button Button--bare" @click="sortColumn('money', 2)"> <span class="display-inline-flex type-body-two text-black font-circular-bold">National full coverage premium</span> <div class="display-flex flex-direction-column justify-content-center ml-2"> <div class="col-span-1 -mt-1 -mb-2"> <svg class="display-inline-flex text-gray hover:text-blue" width="18" height="18" data-sort="tableColumn-asc" 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><span class="visually-hidden">Sort arrow ascending</span> </div> <div class="col-span-1 -mb-2"> <svg class="display-inline-flex text-gray hover:text-blue" width="18" height="18" data-sort="tableColumn-desc" 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><span class="visually-hidden">Sort arrow descending</span> </div> </div> </button> </div> </th> </tr> </thead> <tbody class="display-flex flex-direction-column border-t pt-4 sm:display-table-header-group sm:border-t-0 sm:pt-0"> <tr class="display-flex flex-direction-column border-b border-gray mb-3 sm:display-table-row"> <td class="px-2 text-left insurance-coverage-table-td px-3 rounded"> <div class="display-flex flex-direction-row justify-content-space-between sm:display-block"> <a class="insurance-coverage-table--td display-block text-blue align-self-center" href="https://www.bankrate.com/insurance/car/16-year-old/" target="_blank"> Age 16</a> </div> </td> <td class="px-2 text-right"> <div class="display-flex flex-direction-row justify-content-space-between sm:display-block"> <div class="text-slate text-left sm:display-none w-48"> Progressive full coverage premium</div> <div class="insurance-coverage-table--td text-black"> $4,988</div> </div> </td> <td class="px-2 text-right"> <div class="display-flex flex-direction-row justify-content-space-between sm:display-block"> <div class="text-slate text-left sm:display-none w-48"> National full coverage premium</div> <div class="insurance-coverage-table--td text-black"> $5,229</div> </div> </td> </tr> <tr class="display-flex flex-direction-column border-b border-gray mb-3 sm:display-table-row"> <td class="px-2 text-left insurance-coverage-table-td px-3 rounded"> <div class="display-flex flex-direction-row justify-content-space-between sm:display-block"> <a class="insurance-coverage-table--td display-block text-blue align-self-center" href="https://www.bankrate.com/insurance/car/18-year-old/" target="_blank"> Age 18</a> </div> </td> <td class="px-2 text-right"> <div class="display-flex flex-direction-row justify-content-space-between sm:display-block"> <div class="text-slate text-left sm:display-none w-48"> Progressive full coverage premium</div> <div class="insurance-coverage-table--td text-black"> $4,403</div> </div> </td> <td class="px-2 text-right"> <div class="display-flex flex-direction-row justify-content-space-between sm:display-block"> <div class="text-slate text-left sm:display-none w-48"> National full coverage premium</div> <div class="insurance-coverage-table--td text-black"> $4,501</div> </div> </td> </tr> <tr class="display-flex flex-direction-column border-b border-gray mb-3 sm:display-table-row"> <td class="px-2 text-left insurance-coverage-table-td px-3 rounded"> <div class="display-flex flex-direction-row justify-content-space-between sm:display-block"> <a class="insurance-coverage-table--td display-block text-blue align-self-center" href="https://www.bankrate.com/insurance/car/20-year-old/" target="_blank"> Age 20</a> </div> </td> <td class="px-2 text-right"> <div class="display-flex flex-direction-row justify-content-space-between sm:display-block"> <div class="text-slate text-left sm:display-none w-48"> Progressive full coverage premium</div> <div class="insurance-coverage-table--td text-black"> $4,928</div> </div> </td> <td class="px-2 text-right"> <div class="display-flex flex-direction-row justify-content-space-between sm:display-block"> <div class="text-slate text-left sm:display-none w-48"> National full coverage premium</div> <div class="insurance-coverage-table--td text-black"> $4,972</div> </div> </td> </tr> <tr class="display-flex flex-direction-column border-b border-gray mb-3 sm:display-table-row"> <td class="px-2 text-left insurance-coverage-table-td px-3 rounded"> <div class="display-flex flex-direction-row justify-content-space-between sm:display-block"> <a class="insurance-coverage-table--td display-block text-blue align-self-center" href="https://www.bankrate.com/insurance/car/25-year-old/" target="_blank"> Age 25</a> </div> </td> <td class="px-2 text-right"> <div class="display-flex flex-direction-row justify-content-space-between sm:display-block"> <div class="text-slate text-left sm:display-none w-48"> Progressive full coverage premium</div> <div class="insurance-coverage-table--td text-black"> $3,049</div> </div> </td> <td class="px-2 text-right"> <div class="display-flex flex-direction-row justify-content-space-between sm:display-block"> <div class="text-slate text-left sm:display-none w-48"> National full coverage premium</div> <div class="insurance-coverage-table--td text-black"> $3,031</div> </div> </td> </tr> <tr class="display-flex flex-direction-column border-b border-gray mb-3 sm:display-table-row"> <td class="px-2 text-left insurance-coverage-table-td px-3 rounded"> <div class="display-flex flex-direction-row justify-content-space-between sm:display-block"> <a class="insurance-coverage-table--td display-block text-blue align-self-center" href="https://www.bankrate.com/insurance/car/30-year-old/" target="_blank"> Age 30</a> </div> </td> <td class="px-2 text-right"> <div class="display-flex flex-direction-row justify-content-space-between sm:display-block"> <div class="text-slate text-left sm:display-none w-48"> Progressive full coverage premium</div> <div class="insurance-coverage-table--td text-black"> $2,693</div> </div> </td> <td class="px-2 text-right"> <div class="display-flex flex-direction-row justify-content-space-between sm:display-block"> <div class="text-slate text-left sm:display-none w-48"> National full coverage premium</div> <div class="insurance-coverage-table--td text-black"> $2,622</div> </div> </td> </tr> </tbody> <tbody x-cloak x-show="expanded" class="tbody-hidden border-t-0 pt-0"> <tr class="display-flex flex-direction-column border-b border-gray mb-3 sm:display-table-row"> <td class="px-2 text-left insurance-coverage-table-td px-3 rounded"> <div class="display-flex flex-direction-row justify-content-space-between sm:display-block"> <a class="insurance-coverage-table--td display-block text-blue align-self-center" href="https://www.bankrate.com/insurance/car/40-year-old/" target="_blank"> Age 40</a> </div> </td> <td class="px-2 text-right"> <div class="display-flex flex-direction-row justify-content-space-between sm:display-block"> <div class="text-slate text-left sm:display-none w-48"> Progressive full coverage premium</div> <div class="insurance-coverage-table--td text-black"> $2,418</div> </div> </td> <td class="px-2 text-right"> <div class="display-flex flex-direction-row justify-content-space-between sm:display-block"> <div class="text-slate text-left sm:display-none w-48"> National full coverage premium</div> <div class="insurance-coverage-table--td text-black"> $2,458</div> </div> </td> </tr> <tr class="display-flex flex-direction-column border-b border-gray mb-3 sm:display-table-row"> <td class="px-2 text-left insurance-coverage-table-td px-3 rounded"> <div class="display-flex flex-direction-row justify-content-space-between sm:display-block"> <a class="insurance-coverage-table--td display-block text-blue align-self-center" href="https://www.bankrate.com/insurance/car/60-year-old/" target="_blank"> Age 60</a> </div> </td> <td class="px-2 text-right"> <div class="display-flex flex-direction-row justify-content-space-between sm:display-block"> <div class="text-slate text-left sm:display-none w-48"> Progressive full coverage premium</div> <div class="insurance-coverage-table--td text-black"> $2,026</div> </div> </td> <td class="px-2 text-right"> <div class="display-flex flex-direction-row justify-content-space-between sm:display-block"> <div class="text-slate text-left sm:display-none w-48"> National full coverage premium</div> <div class="insurance-coverage-table--td text-black"> $2,220</div> </div> </td> </tr> </tbody> <noscript> <tbody> <tr class="display-flex flex-direction-column border-b border-gray mb-3 sm:display-table-row"> <td class="px-2 text-left insurance-coverage-table-td px-3 rounded"> <div class="display-flex flex-direction-row justify-content-space-between sm:display-block"> <a class="insurance-coverage-table--td display-block text-blue align-self-center" href="https://www.bankrate.com/insurance/car/40-year-old/" target="_blank"> Age 40</a> </div> </td> <td class="px-2 text-right"> <div class="display-flex flex-direction-row justify-content-space-between sm:display-block"> <div class="text-slate text-left sm:display-none w-48"> Progressive full coverage premium</div> <div class="insurance-coverage-table--td text-black"> $2,418</div> </div> </td> <td class="px-2 text-right"> <div class="display-flex flex-direction-row justify-content-space-between sm:display-block"> <div class="text-slate text-left sm:display-none w-48"> National full coverage premium</div> <div class="insurance-coverage-table--td text-black"> $2,458</div> </div> </td> </tr> <tr class="display-flex flex-direction-column border-b border-gray mb-3 sm:display-table-row"> <td class="px-2 text-left insurance-coverage-table-td px-3 rounded"> <div class="display-flex flex-direction-row justify-content-space-between sm:display-block"> <a class="insurance-coverage-table--td display-block text-blue align-self-center" href="https://www.bankrate.com/insurance/car/60-year-old/" target="_blank"> Age 60</a> </div> </td> <td class="px-2 text-right"> <div class="display-flex flex-direction-row justify-content-space-between sm:display-block"> <div class="text-slate text-left sm:display-none w-48"> Progressive full coverage premium</div> <div class="insurance-coverage-table--td text-black"> $2,026</div> </div> </td> <td class="px-2 text-right"> <div class="display-flex flex-direction-row justify-content-space-between sm:display-block"> <div class="text-slate text-left sm:display-none w-48"> National full coverage premium</div> <div class="insurance-coverage-table--td text-black"> $2,220</div> </div> </td> </tr> </tbody> </noscript> </table> </div> <div class="w-full text-right text-slate type-body-three mt-1"> *All rates displayed are average annual rates. Rates are based on our good driver profile, with 16- and 18-year-old drivers added to their parents’ policy.</div> <div class="w-full text-center mt-1 mb-0"> <a href="#" x-on:click.prevent="toggle()" class="no-underline"> <span x-text="expanded ? 'See less' : 'See all'"></span> <span class="Icon Icon--xs mb-1"> <svg x-cloak x-show="!expanded" class="Icon-glyph" 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><svg x-cloak x-show="expanded" class="Icon-glyph" 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></span> </a> </div> </div> <div class="insurance-rates-footer my-4 md:mb-6"> <div class="type-body-two text-slate pb-4"> Auto insurance rates are known to fluctuate frequently, but you can rely on Bankrate to offer you the latest options available.</div> <div class="display-flex flex-direction-column md:flex-direction-row md:justify-content-space-between"> <div class="display-flex bg-blue-light py-3 pl-6 pr-10 rounded-r-full type-body-two text-black font-bold mb-4 md:mb-0 max-w-max"> <span class="Icon mr-3 icon-highlight-blue w-5 h-5"> <svg class="Icon-glyph" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Auto Car New Icon</title><path d="M8.34 8.9h7.547c.682 0 1.306.382 1.61.987l1.953 3.872h1.85c1.491 0 2.7 1.2 2.7 2.678v1.785c0 1.48-1.209 2.678-2.7 2.678H5.7C4.209 20.9 3 19.7 3 18.222v-1.785a2.687 2.687 0 0 1 2.528-2.672l1.087-3.593A1.798 1.798 0 0 1 8.34 8.9Z" fill="transparent" class="icon-offset"/><path fill-rule="evenodd" clip-rule="evenodd" d="M18.817 8.577c.085.262.325.44.595.44v.007a.614.614 0 0 0 .594-.44 2.87 2.87 0 0 1 1.923-1.93.612.612 0 0 0 .44-.587.607.607 0 0 0-.433-.594 2.895 2.895 0 0 1-1.93-1.93c-.085-.263-.316-.464-.594-.44-.27 0-.51.17-.587.432a2.895 2.895 0 0 1-1.93 1.93.612.612 0 0 0-.44.587.598.598 0 0 0 .432.594 2.895 2.895 0 0 1 1.93 1.93Zm.595-1.56a4.207 4.207 0 0 0-.965-.957 4.09 4.09 0 0 0 .965-.965c.262.37.587.694.957.957-.37.27-.695.594-.957.965Zm-9.296 4.756H5.355l.862-2.98a.868.868 0 0 1 .332-.464.947.947 0 0 1 .548-.177h3.019v3.621Zm6.495 0h-5.26V8.152h2.934c.116 0 .224.023.309.077.1.054.17.131.224.231l1.793 3.313Zm-.712-3.892 2.11 3.892h1.727a2.72 2.72 0 0 1 1.953.81c.525.526.811 1.22.811 1.954v1.683a2.72 2.72 0 0 1-.81 1.954 2.744 2.744 0 0 1-1.741.802 2.533 2.533 0 0 1-2.452 1.923 2.533 2.533 0 0 1-2.45-1.915H9.015a2.533 2.533 0 0 1-2.45 1.915c-1.181 0-2.178-.82-2.45-1.919a2.713 2.713 0 0 1-1.804-.806A2.745 2.745 0 0 1 1.5 16.22v-1.683c0-.741.286-1.436.81-1.953a2.745 2.745 0 0 1 1.738-.803l.972-3.344c.14-.44.41-.818.788-1.096.378-.27.826-.425 1.281-.425h7.188a1.82 1.82 0 0 1 1.621.965Zm4.918 9.42c-.238.238-.545.39-.878.434a2.533 2.533 0 0 0-2.442-1.885c-1.174 0-2.166.81-2.446 1.899h-6.04a2.533 2.533 0 0 0-2.446-1.9 2.533 2.533 0 0 0-2.444 1.893 1.525 1.525 0 0 1-1.385-1.522v-1.683a1.524 1.524 0 0 1 1.529-1.529h15.471c.41 0 .795.163 1.08.448.287.286.449.672.449 1.081v1.683c0 .41-.162.796-.448 1.081Zm-9.651-2.046h1.088a.62.62 0 0 0 .618-.618.62.62 0 0 0-.617-.618h-1.09a.62.62 0 0 0-.617.618c0 .34.278.618.618.618Zm-5.89 3.111c0-.71.579-1.289 1.289-1.289s1.29.58 1.29 1.29c0 .71-.58 1.289-1.29 1.289-.71 0-1.29-.58-1.29-1.29Zm12.221-1.289c-.71 0-1.29.58-1.29 1.29 0 .71.58 1.289 1.29 1.289.71 0 1.29-.58 1.29-1.29 0-.71-.58-1.289-1.29-1.289Z" class="icon-base"/></svg></span> <div> Rates updated as of Nov 2024</div> </div> <a class="type-body-two text-blue font-bold md:align-self-center hover:underline hover:text-blue-mid no-underline" href="#methodology"> Read our full methodology </a> </div> </div> <div class="vertical-spacer pt-8 " style="width: 100%; content: '';"></div> <div class="wysiwyg display-block w-full"> <h4>Compare Progressive car insurance rates</h4> <p>Each car insurance company uses a different set of calculations to set premiums based on a wide variety of <a class="Link" href="https://www.bankrate.com/insurance/car/rate-factors/">rating factors</a>. For some drivers, Progressive may offer the cheapest rates, while other drivers may find more affordable coverage from a different provider based on their profile. That’s why comparing rates during the shopping process is so important: average rates only tell part of the story. To show how rates can vary, we analyzed average premiums from Progressive and nine other <a class="Link" href="https://www.bankrate.com/insurance/car/best-car-insurance-companies/">top-rated car insurance companies</a>.</p></div> <div class="insurance-coverage-table min-w-sm mb-6 md:mb-8" data-cy="insurance-coverage-table-rates" id="4K9d6pnwV6" x-data="insuranceCoverageTable( '4K9d6pnwV6', null, '5', null)"> <div id="table-4K9d6pnwV6"> <table class="mb-2 Table insurance-coverage-table-4K9d6pnwV6 pos-relative"> <thead class="display-table-header-group"> <tr class=""> <th class="border-b border-gray p-2 font-bold insurance-coverage-table--first-column text-left z-layer-five carrier-column md:w-48"> <div class="insurance-coverage-table--sort-container-4K9d6pnwV6 display-flex"> <button class="display-inline-flex Button Button--bare" @click="sortColumn('url', 0)"> <span class="display-inline-flex type-body-two text-black font-circular-bold"> Company</span> <div class="display-flex flex-direction-column justify-content-center ml-2"> <div class="col-span-1 -mt-1 -mb-2"> <svg class="display-inline-flex text-gray hover:text-blue" width="18" height="18" data-sort="tableColumn-asc" 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><span class="visually-hidden">Sort arrow ascending</span> </div> <div class="col-span-1 -mb-2"> <svg class="display-inline-flex text-gray hover:text-blue" width="18" height="18" data-sort="tableColumn-desc" 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><span class="visually-hidden">Sort arrow descending</span> </div> </div> </button> </div> </th> <th class="border-b border-gray p-2 font-bold text-center sm:text-right md:w-48"> <div class="insurance-coverage-table--sort-container-4K9d6pnwV6 display-flex"> <button class="display-inline-flex Button Button--bare" @click="sortColumn('money', 1)"> <span class="display-inline-flex type-body-two text-black font-circular-bold"> Avg. full coverage premium</span> <div class="display-flex flex-direction-column justify-content-center ml-2"> <div class="col-span-1 -mt-1 -mb-2"> <svg class="display-inline-flex text-gray hover:text-blue" width="18" height="18" data-sort="tableColumn-asc" 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><span class="visually-hidden">Sort arrow ascending</span> </div> <div class="col-span-1 -mb-2"> <svg class="display-inline-flex text-gray hover:text-blue" width="18" height="18" data-sort="tableColumn-desc" 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><span class="visually-hidden">Sort arrow descending</span> </div> </div> </button> </div> </th> <th class="border-b border-gray p-2 font-bold text-center sm:text-right md:w-48"> <div class="insurance-coverage-table--sort-container-4K9d6pnwV6 display-flex"> <button class="display-inline-flex Button Button--bare" @click="sortColumn('money', 2)"> <span class="display-inline-flex type-body-two text-black font-circular-bold"> Avg. min coverage premium</span> <div class="display-flex flex-direction-column justify-content-center ml-2"> <div class="col-span-1 -mt-1 -mb-2"> <svg class="display-inline-flex text-gray hover:text-blue" width="18" height="18" data-sort="tableColumn-asc" 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><span class="visually-hidden">Sort arrow ascending</span> </div> <div class="col-span-1 -mb-2"> <svg class="display-inline-flex text-gray hover:text-blue" width="18" height="18" data-sort="tableColumn-desc" 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><span class="visually-hidden">Sort arrow descending</span> </div> </div> </button> </div> </th> </tr> </thead> <tbody class="border-t pt-4 sm:display-table-header-group sm:border-t-0 sm:pt-0"> <tr class="sm:display-table-row"> <td class="border-b border-gray px-2 insurance-coverage-table--first-column text-left rounded py-3" > <div class="justify-content-space-between"> <a data-cy="coverage-table-review-link" class="insurance-coverage-table--td display-block text-blue align-self-center" href="/insurance/reviews/progressive/"> Progressive</a> </div> </td> <td class="border-b border-gray px-2 text-center sm:text-right" > <div class="justify-content-space-between"> <div class="insurance-coverage-table--td text-black"> $2,418</div> </div> </td> <td class="border-b border-gray px-2 text-center sm:text-right" > <div class="justify-content-space-between"> <div class="insurance-coverage-table--td text-black"> $706</div> </div> </td> </tr> <tr class="sm:display-table-row"> <td class="border-b border-gray px-2 insurance-coverage-table--first-column text-left rounded py-3" > <div class="justify-content-space-between"> <a data-cy="coverage-table-review-link" class="insurance-coverage-table--td display-block text-blue align-self-center" href="/insurance/reviews/state-farm/"> State Farm</a> </div> </td> <td class="border-b border-gray px-2 text-center sm:text-right" > <div class="justify-content-space-between"> <div class="insurance-coverage-table--td text-black"> $3,060</div> </div> </td> <td class="border-b border-gray px-2 text-center sm:text-right" > <div class="justify-content-space-between"> <div class="insurance-coverage-table--td text-black"> $987</div> </div> </td> </tr> <tr class="sm:display-table-row"> <td class="border-b border-gray px-2 insurance-coverage-table--first-column text-left rounded py-3" > <div class="justify-content-space-between"> <a data-cy="coverage-table-review-link" class="insurance-coverage-table--td display-block text-blue align-self-center" href="/insurance/reviews/allstate/"> Allstate</a> </div> </td> <td class="border-b border-gray px-2 text-center sm:text-right" > <div class="justify-content-space-between"> <div class="insurance-coverage-table--td text-black"> $3,081</div> </div> </td> <td class="border-b border-gray px-2 text-center sm:text-right" > <div class="justify-content-space-between"> <div class="insurance-coverage-table--td text-black"> $925</div> </div> </td> </tr> <tr class="sm:display-table-row"> <td class="border-b border-gray px-2 insurance-coverage-table--first-column text-left rounded py-3" > <div class="justify-content-space-between"> <a data-cy="coverage-table-review-link" class="insurance-coverage-table--td display-block text-blue align-self-center" href="/insurance/reviews/usaa/"> USAA</a> </div> </td> <td class="border-b border-gray px-2 text-center sm:text-right" > <div class="justify-content-space-between"> <div class="insurance-coverage-table--td text-black"> $1,992</div> </div> </td> <td class="border-b border-gray px-2 text-center sm:text-right" > <div class="justify-content-space-between"> <div class="insurance-coverage-table--td text-black"> $585</div> </div> </td> </tr> <tr class="sm:display-table-row"> <td class="border-b border-gray px-2 insurance-coverage-table--first-column text-left rounded py-3" > <div class="justify-content-space-between"> <a data-cy="coverage-table-review-link" class="insurance-coverage-table--td display-block text-blue align-self-center" href="/insurance/reviews/nationwide/"> Nationwide</a> </div> </td> <td class="border-b border-gray px-2 text-center sm:text-right" > <div class="justify-content-space-between"> <div class="insurance-coverage-table--td text-black"> $1,934</div> </div> </td> <td class="border-b border-gray px-2 text-center sm:text-right" > <div class="justify-content-space-between"> <div class="insurance-coverage-table--td text-black"> $697</div> </div> </td> </tr> </tbody> <tbody data-cy="hidden-rows" x-cloak x-show="expanded" class="border-t-0 pt-0"> <tr class="sm:display-table-row"> <td class="border-b border-gray px-2 insurance-coverage-table--first-column text-left rounded py-3"> <div class="justify-content-space-between"> <a data-cy="coverage-table-review-link" class="insurance-coverage-table--td display-block text-blue align-self-center" href="/insurance/reviews/american-family/"> American Family</a> </div> </td> <td class="border-b border-gray px-2 text-right"> <div class="justify-content-space-between"> <div class="insurance-coverage-table--td text-black"> $2,688</div> </div> </td> <td class="border-b border-gray px-2 text-right"> <div class="justify-content-space-between"> <div class="insurance-coverage-table--td text-black"> $886</div> </div> </td> </tr> <tr class="sm:display-table-row"> <td class="border-b border-gray px-2 insurance-coverage-table--first-column text-left rounded py-3"> <div class="justify-content-space-between"> <a data-cy="coverage-table-review-link" class="insurance-coverage-table--td display-block text-blue align-self-center" href="/insurance/reviews/travelers/"> Travelers</a> </div> </td> <td class="border-b border-gray px-2 text-right"> <div class="justify-content-space-between"> <div class="insurance-coverage-table--td text-black"> $1,996</div> </div> </td> <td class="border-b border-gray px-2 text-right"> <div class="justify-content-space-between"> <div class="insurance-coverage-table--td text-black"> $543</div> </div> </td> </tr> <tr class="sm:display-table-row"> <td class="border-b border-gray px-2 insurance-coverage-table--first-column text-left rounded py-3"> <div class="justify-content-space-between"> <a data-cy="coverage-table-review-link" class="insurance-coverage-table--td display-block text-blue align-self-center" href="/insurance/reviews/erie/"> Erie</a> </div> </td> <td class="border-b border-gray px-2 text-right"> <div class="justify-content-space-between"> <div class="insurance-coverage-table--td text-black"> $2,127</div> </div> </td> <td class="border-b border-gray px-2 text-right"> <div class="justify-content-space-between"> <div class="insurance-coverage-table--td text-black"> $767</div> </div> </td> </tr> <tr class="sm:display-table-row"> <td class="border-b border-gray px-2 insurance-coverage-table--first-column text-left rounded py-3"> <div class="justify-content-space-between"> <a data-cy="coverage-table-review-link" class="insurance-coverage-table--td display-block text-blue align-self-center" href="/insurance/reviews/auto-owners/"> Auto-Owners</a> </div> </td> <td class="border-b border-gray px-2 text-right"> <div class="justify-content-space-between"> <div class="insurance-coverage-table--td text-black"> $1,775</div> </div> </td> <td class="border-b border-gray px-2 text-right"> <div class="justify-content-space-between"> <div class="insurance-coverage-table--td text-black"> $463</div> </div> </td> </tr> <tr class="sm:display-table-row"> <td class="border-b border-gray px-2 insurance-coverage-table--first-column text-left rounded py-3"> <div class="justify-content-space-between"> <span class="insurance-coverage-table--td display-block text-black"> CSAA</span> </div> </td> <td class="border-b border-gray px-2 text-right"> <div class="justify-content-space-between"> <div class="insurance-coverage-table--td text-black"> $3,831</div> </div> </td> <td class="border-b border-gray px-2 text-right"> <div class="justify-content-space-between"> <div class="insurance-coverage-table--td text-black"> $630</div> </div> </td> </tr> </tbody> <noscript> <tbody> <tr class="mb-3 sm:display-table-row"> <td class="border-b border-gray px-2 text-left rounded py-3"> <div class="justify-content-space-between"> <a data-cy="coverage-table-review-link" class="insurance-coverage-table--td display-block text-blue align-self-center" href="/insurance/reviews/american-family/"> American Family</a> </div> </td> <td class="border-b border-gray px-2 text-right"> <div class="justify-content-space-between"> <div class="insurance-coverage-table--td text-black"> $2,688</div> </div> </td> <td class="border-b border-gray px-2 text-right"> <div class="justify-content-space-between"> <div class="insurance-coverage-table--td text-black"> $886</div> </div> </td> </tr> <tr class="mb-3 sm:display-table-row"> <td class="border-b border-gray px-2 text-left rounded py-3"> <div class="justify-content-space-between"> <a data-cy="coverage-table-review-link" class="insurance-coverage-table--td display-block text-blue align-self-center" href="/insurance/reviews/travelers/"> Travelers</a> </div> </td> <td class="border-b border-gray px-2 text-right"> <div class="justify-content-space-between"> <div class="insurance-coverage-table--td text-black"> $1,996</div> </div> </td> <td class="border-b border-gray px-2 text-right"> <div class="justify-content-space-between"> <div class="insurance-coverage-table--td text-black"> $543</div> </div> </td> </tr> <tr class="mb-3 sm:display-table-row"> <td class="border-b border-gray px-2 text-left rounded py-3"> <div class="justify-content-space-between"> <a data-cy="coverage-table-review-link" class="insurance-coverage-table--td display-block text-blue align-self-center" href="/insurance/reviews/erie/"> Erie</a> </div> </td> <td class="border-b border-gray px-2 text-right"> <div class="justify-content-space-between"> <div class="insurance-coverage-table--td text-black"> $2,127</div> </div> </td> <td class="border-b border-gray px-2 text-right"> <div class="justify-content-space-between"> <div class="insurance-coverage-table--td text-black"> $767</div> </div> </td> </tr> <tr class="mb-3 sm:display-table-row"> <td class="border-b border-gray px-2 text-left rounded py-3"> <div class="justify-content-space-between"> <a data-cy="coverage-table-review-link" class="insurance-coverage-table--td display-block text-blue align-self-center" href="/insurance/reviews/auto-owners/"> Auto-Owners</a> </div> </td> <td class="border-b border-gray px-2 text-right"> <div class="justify-content-space-between"> <div class="insurance-coverage-table--td text-black"> $1,775</div> </div> </td> <td class="border-b border-gray px-2 text-right"> <div class="justify-content-space-between"> <div class="insurance-coverage-table--td text-black"> $463</div> </div> </td> </tr> <tr class="mb-3 sm:display-table-row"> <td class="border-b border-gray px-2 text-left rounded py-3"> <div class="justify-content-space-between"> <span class="insurance-coverage-table--td display-block text-black"> CSAA</span> </div> </td> <td class="border-b border-gray px-2 text-right"> <div class="justify-content-space-between"> <div class="insurance-coverage-table--td text-black"> $3,831</div> </div> </td> <td class="border-b border-gray px-2 text-right"> <div class="justify-content-space-between"> <div class="insurance-coverage-table--td text-black"> $630</div> </div> </td> </tr> </tbody> </noscript> </table> </div> <div class="w-full text-center mt-1 mb-0"> <a data-cy="see-all-btn" href="#" x-on:click.prevent="toggle()" class="no-underline"> <span x-text="expanded ? 'See less' : 'See all'"></span> <span class="Icon Icon--xs mb-1"> <svg x-cloak x-show="!expanded" class="Icon-glyph" 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><svg x-cloak x-show="expanded" class="Icon-glyph" 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></span> </a> </div> </div> <div class="insurance-rates-footer my-4 md:mb-6"> <div class="type-body-two text-slate pb-4"> Auto insurance rates are known to fluctuate frequently, but you can rely on Bankrate to offer you the latest options available.</div> <div class="display-flex flex-direction-column md:flex-direction-row md:justify-content-space-between"> <div class="display-flex bg-blue-light py-3 pl-6 pr-10 rounded-r-full type-body-two text-black font-bold mb-4 md:mb-0 max-w-max"> <span class="Icon mr-3 icon-highlight-blue w-5 h-5"> <svg class="Icon-glyph" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Auto Car New Icon</title><path d="M8.34 8.9h7.547c.682 0 1.306.382 1.61.987l1.953 3.872h1.85c1.491 0 2.7 1.2 2.7 2.678v1.785c0 1.48-1.209 2.678-2.7 2.678H5.7C4.209 20.9 3 19.7 3 18.222v-1.785a2.687 2.687 0 0 1 2.528-2.672l1.087-3.593A1.798 1.798 0 0 1 8.34 8.9Z" fill="transparent" class="icon-offset"/><path fill-rule="evenodd" clip-rule="evenodd" d="M18.817 8.577c.085.262.325.44.595.44v.007a.614.614 0 0 0 .594-.44 2.87 2.87 0 0 1 1.923-1.93.612.612 0 0 0 .44-.587.607.607 0 0 0-.433-.594 2.895 2.895 0 0 1-1.93-1.93c-.085-.263-.316-.464-.594-.44-.27 0-.51.17-.587.432a2.895 2.895 0 0 1-1.93 1.93.612.612 0 0 0-.44.587.598.598 0 0 0 .432.594 2.895 2.895 0 0 1 1.93 1.93Zm.595-1.56a4.207 4.207 0 0 0-.965-.957 4.09 4.09 0 0 0 .965-.965c.262.37.587.694.957.957-.37.27-.695.594-.957.965Zm-9.296 4.756H5.355l.862-2.98a.868.868 0 0 1 .332-.464.947.947 0 0 1 .548-.177h3.019v3.621Zm6.495 0h-5.26V8.152h2.934c.116 0 .224.023.309.077.1.054.17.131.224.231l1.793 3.313Zm-.712-3.892 2.11 3.892h1.727a2.72 2.72 0 0 1 1.953.81c.525.526.811 1.22.811 1.954v1.683a2.72 2.72 0 0 1-.81 1.954 2.744 2.744 0 0 1-1.741.802 2.533 2.533 0 0 1-2.452 1.923 2.533 2.533 0 0 1-2.45-1.915H9.015a2.533 2.533 0 0 1-2.45 1.915c-1.181 0-2.178-.82-2.45-1.919a2.713 2.713 0 0 1-1.804-.806A2.745 2.745 0 0 1 1.5 16.22v-1.683c0-.741.286-1.436.81-1.953a2.745 2.745 0 0 1 1.738-.803l.972-3.344c.14-.44.41-.818.788-1.096.378-.27.826-.425 1.281-.425h7.188a1.82 1.82 0 0 1 1.621.965Zm4.918 9.42c-.238.238-.545.39-.878.434a2.533 2.533 0 0 0-2.442-1.885c-1.174 0-2.166.81-2.446 1.899h-6.04a2.533 2.533 0 0 0-2.446-1.9 2.533 2.533 0 0 0-2.444 1.893 1.525 1.525 0 0 1-1.385-1.522v-1.683a1.524 1.524 0 0 1 1.529-1.529h15.471c.41 0 .795.163 1.08.448.287.286.449.672.449 1.081v1.683c0 .41-.162.796-.448 1.081Zm-9.651-2.046h1.088a.62.62 0 0 0 .618-.618.62.62 0 0 0-.617-.618h-1.09a.62.62 0 0 0-.617.618c0 .34.278.618.618.618Zm-5.89 3.111c0-.71.579-1.289 1.289-1.289s1.29.58 1.29 1.29c0 .71-.58 1.289-1.29 1.289-.71 0-1.29-.58-1.29-1.29Zm12.221-1.289c-.71 0-1.29.58-1.29 1.29 0 .71.58 1.289 1.29 1.289.71 0 1.29-.58 1.29-1.29 0-.71-.58-1.289-1.29-1.289Z" class="icon-base"/></svg></span> <div> Rates updated as of Nov 2024</div> </div> <a class="type-body-two text-blue font-bold md:align-self-center hover:underline hover:text-blue-mid no-underline" href="#methodology"> Read our full methodology </a> </div> </div> </div> <div x-show="isSelected($id('tab', whichChild($el, $el.parentElement)))" :aria-labelledby="$id('tab', whichChild($el, $el.parentElement))" role="tabpanel" class="TabsV3-tab py- px-"> <div class="wysiwyg display-block w-full"> <h3>Progressive customer satisfaction</h3> <p>Customer satisfaction ratings can help you determine if a car insurance company is the best fit for your needs. Third-party ratings are a good place to begin your research. <a class="Link" href="https://www.bankrate.com/insurance/am-best/">AM Best</a>, an industry leader, assesses insurers’ overall financial strength and ability to pay out claims, which are reflected in a score from A++ (Superior) to D- (Poor). A higher score indicates a lower likelihood that the company will be unable to pay claims. <a class="Link" href="https://www.bankrate.com/insurance/jd-power/">J.D. Power</a>, a consumer data analytics company operating in the automotive and insurance spaces, publishes several studies each year on insurance customer satisfaction, rating providers on a 1,000-point scale.</p> <h4>Progressive auto claims satisfaction</h4></div> <section id="" class=" bg-transparent gutter section-wrapper"> <div class="wrapper section "> <div class="section__column md:justify-content-center" style="max-width: 50%"> <div class="wysiwyg display-block w-full"> <p>Progressive has below-average customer satisfaction ratings in every geographical region in the <a class="Link" href="https://www.jdpower.com/business/press-releases/2023-us-auto-insurance-study" target="_blank" rel="noopener">2023 J.D. Power U.S. Auto Insurance Study</a>, with especially low scores in the Central, North Central and Mid-Atlantic regions. Although, the company did receive a high score in the usage-based insurance (UBI) segment. The company also performed poorly in the <a class="Link" href="https://www.jdpower.com/business/press-releases/2023-us-auto-claims-satisfaction-study" target="_blank" rel="noopener">2023 J.D. Power U.S. Auto Claims Satisfaction Study</a>, scoring 870/1,000 in comparison to the industry average of 878. The only J.D. Power study in which Progressive ranked well was the <a class="Link" href="https://www.jdpower.com/business/press-releases/2023-us-insurance-digital-experience-study" target="_blank" rel="noopener">2023 J.D. Power U.S. Insurance Digital Experience Study</a>, where it came in third with high scores for both overall customer experience and shopping experiences.</p></div> </div> <div class="section__column md:justify-content-center" style="max-width: 50%"> <div class="insurance-jd-power-chart w-full display-flex flex-direction-column align-items-center" x-data="insuranceJdPowerChart( 'iJQdw', 870, 'Progressive', 'lower', '2023', )"> <div class="insurance-jd-power-chart__title mt-8 md:mt-0"> <div class="display-flex justify-content-center md:display-block mb-6" style="text-align: center"> <span class="type-heading-four w-3/4">J.D. Power Auto Claims Satisfaction Study</span> </div> </div> <div id="iJQdw"></div> </div> </div> </div> </section> <div class="wysiwyg display-block w-full"> <h4>Progressive auto insurance customer complaints</h4></div> <section id="" class=" bg-transparent gutter section-wrapper"> <div class="wrapper section "> <div class="section__column md:justify-content-center" style="max-width: 50%"> <div class="wysiwyg display-block w-full"> <p>To get a sense of a company’s track record for customer complaints, we turn to the <a class="Link" href="https://www.bankrate.com/insurance/naic/">National Association of Insurance Commissioners (NAIC)</a>, which logs customer complaints for U.S. insurers and compares the rate of complaints to the size of the company. The baseline complaint index is 1.00, which indicates that a company has the expected number of complaints based on its industry segment and market share.</p> <p>Progressive’s 2023 NAIC complaint index for private passenger auto insurance is <a class="Link" href="https://content.naic.org/cis_refined_results.htm?TABLEAU=CIS_COMPLAINTS&COCODE=24260&:refresh" target="_blank" rel="noopener">0.88</a>, slightly lower than the baseline and notably lower than its index for previous years. This suggests that Progressive’s customer service practices may be improving in recent years.</p></div> </div> <div class="section__column md:justify-content-center" style="max-width: 50%"> <div class="naic-chart-component w-full" x-data="insuranceNaicChart( 'c0jnNB', 'NAIC Complaint Index for auto insurance', 'Score', 'Year', '2021', '1', '1.21', '0.98', '0.88', '2', null, true, )"> <div class="naic-chart-component__title type-heading-four mb-8"> </div> <div class="md:display-flex "> <div class="naic-chart-component__description mb-4 md:mt-4 md:pr-4 "> </div> <div id="c0jnNB" class="mb-4 md:w-full"></div> </div> </div> </div> </div> </section> </div> <div x-show="isSelected($id('tab', whichChild($el, $el.parentElement)))" :aria-labelledby="$id('tab', whichChild($el, $el.parentElement))" role="tabpanel" class="TabsV3-tab py- px-"> <div class="wysiwyg display-block w-full"> <h3>Progressive car insurance discounts</h3> <p>Progressive offers a <a class="Link" href="https://www.progressive.com/auto/discounts/" target="_blank" rel="noopener">large list of discounts</a> that may help you <a class="Link" href="https://www.bankrate.com/insurance/car/savings/">lower your auto insurance premium</a>. While discount availability varies by state, some of the most impactful discounts include:</p> <ul> <li><strong>Automatic payments: </strong>Signing up for automatic payments that come directly from a bank account might lower your rate.</li> <li><strong>Homeowner: </strong>If you own a home — even if you don’t insure it with Progressive — you might be able to save money on your auto insurance premium.</li> <li><strong>Name Your Price: </strong>Although not technically a discount, this unique feature could save you money. With Name Your Price, you can input your budget amount and Progressive will display coverage options that fall within your requirements.</li> <li><strong>Snapshot: </strong>Progressive’s car insurance telematics program is called Snapshot, and it tracks your driving habits and might assign you a personalized discount based on the data.</li> <li><strong>Good student:</strong> If someone on your policy is a full-time student under age 23, you can earn a discount if they maintain a B average or better.</li> <li><strong>Pay in full:</strong> Opting for annual payments rather than a semi-annual or monthly premium could earn you a discount on your auto policy from Progressive.</li> <li><strong>Online quote/sign online: </strong>Getting a quote online and signing your documents online can earn you separate discounts on your policy.</li> </ul></div> </div> </div> </div> </div> <div class="rate-table-car-insurance box-shadow-2 rounded-lg p-6 md:px-6 md:pb-6" x-data="rateTableCarInsurance( '0', true, null, null, false, )"> <div class="trsy-grid trsy-grid-row-span-3 trsy-gap-4 md:trsy-gap-6 md:-trsy-mb-6"> <div class="trsy-grid-cols-4 trsy-tracking-tight min-[62.4375em]:max-[78.0625em]:trsy-grid-cols-6 md:trsy-grid"> <span class="min-[62.4375em]:max-[78.0625em]:trsy-col-span-2"> <img src="https://www.bankrate.com/v5.1521.3/next/img/insurance/bankrate-and-coverage-logo.png" class="trsy-w-40" alt="Bankrate and Coverage Logo"> </span> <div class="trsy-hidden min-[62.4375em]:trsy-grid trsy-col-span-3 trsy-justify-end min-[62.4375em]:max-[78.0625em]:trsy-col-span-4 min-[62.4375em]:max-[78.0625em]:trsy-col-start-3"> <div class="display-flex flex-direction-column md:flex-direction-row align-items-center mb-1 justify-content-center"data-cy="disclosure-container"> <p class="mb-0 type-body-three text-slate">Powered by Coverage.com (NPN: 19966249)</p> <div class="display-flex align-items-center mt-2 md:mt-0"> <div class="bg-gray h-3 w-px mx-2 md:mx-4 display-none md:display-block"></div> <div class="pos-relative type-body-three"x-data="{ advertisingDisclosureOpen: false }" data-cy="advertiser-disclosure"> <a class="display-inline-block Link hover:text-blue-mid" @click.prevent="advertisingDisclosureOpen = !advertisingDisclosureOpen" @click.away="advertisingDisclosureOpen = false" href="#"> Advertising disclosure </a> <div class="pos-absolute bg-white bg-auto border border-blue max-w-md z-layer-two p-2 mt-2 text-left" x-cloak x-show="advertisingDisclosureOpen" style="width: 16.875rem; left: -25%; top: 1.25rem;" data-cy="advertiser-disclosure-content"> <div class="type-body-three mb-0"> This advertisement is powered by Coverage.com, LLC, a licensed insurance producer (NPN: 19966249) and a corporate affiliate of Bankrate. The offers and links that appear on this advertisement are from companies that compensate Coverage.com in different ways. The compensation received and other factors, such as your location, may impact what offers and links appear, and how, where and in what order they appear. While we seek to provide a wide range of offers, we do not include every product or service that may be available. Our goal is to keep information accurate and timely, but some information may not be current. Your actual offer from an advertiser may be different from the offer on this advertisement. All offers are subject to additional terms and conditions. </div> </div> </div> <div class="bg-gray h-3 w-px mx-2 md:mx-4"></div> <div x-data="{ insuranceDisclosureOpen: false }" class="insurance-disclosure type-body-three pos-relative" data-cy="insurance-disclosure"> <div class="mb-0 md:display-flex justify-content-center align-items-baseline"> <a href="#" class="ad-disclosure-btn display-inline-block Link hover:text-blue-mid" @click.prevent="insuranceDisclosureOpen = !insuranceDisclosureOpen" @click.away="insuranceDisclosureOpen = false"> Insurance disclosure </a> </div> <div class="pos-absolute bg-white bg-auto border border-blue max-w-md z-layer-two p-2 mt-2 right text-left" x-cloak x-show="insuranceDisclosureOpen" style="width: 16.875rem; right: -25%; top: 1.25rem;" data-cy="insurance-disclosure-content"> <p class="type-body-three mb-0"> Coverage.com, LLC is a licensed insurance producer (NPN: 19966249). Coverage.com services are only available in <a href="https://www.coverage.com/insurance-licenses/" target="_blank">states where it is licensed</a>. Coverage.com may not offer insurance coverage in all states or scenarios. All insurance products are governed by the terms in the applicable insurance policy, and all related decisions (such as approval for coverage, premiums, commissions and fees) and policy obligations are the sole responsibility of the underwriting insurer. The information on this site does not modify any insurance policy terms in any way. </p> </div> </div> </div> </div> </div> </div> <div> <h2 class="trsy-mb-4 trsy-heading-4 md:trsy-heading-2"> Get personalized auto insurance quotes</h2> <div class="trsy-text-sm trsy-text-gray-700 trsy-leading-6 trsy-w-11/12 md:trsy-text-base"> Answering a few quick questions to check your availability with Progressive</div> </div> <div class="md:trsy-flex md:trsy-gap-8"> <div class="trsy-flex trsy-flex-col trsy-gap-3 trsy-mb-3 md:trsy-w-1/2 md:trsy-mb-0"> <div class="trsy-flex trsy-justify-between"> <label for="insured-e232cba7-6419-415e-8f49-ec8510e53700" class="trsy-text-sm trsy-font-sans trsy-font-bold trsy-w-full trsy-flex-nowrap trsy-flex trsy-justify-between trsy-items-center trsy-gap-3"> Are you currently insured?<div class="toggle trsy-flex trsy-items-center"> <div class="toggle__layout trsy-relative trsy-h-6 trsy-w-[3.25rem]"> <input class="toggle__checkbox tsry-opacity-0 trsy-w-0 trsy-h-0"type="checkbox" id="insured-e232cba7-6419-415e-8f49-ec8510e53700" x-model="insuredOption.userInputField.fieldValue" x-on:change="inputChange(insuredOption)" > <span class="toggle__switch trsy-absolute trsy-bg-gray-400 trsy-inset-0 trsy-cursor-pointer trsy-transition-all trsy-duration-300 trsy-rounded-[1.25rem] before:trsy-absolute before:trsy-size-5 before:trsy-left-0.5 before:trsy-bottom-0.5 before:trsy-bg-white before:trsy-transtion-all before:trsy-duration-300 before:trsy-rounded-full before:trsy-text-center before:trsy-text-white before:trsy-content-['✓'] after:trsy-bg-gray-700 after:trsy-rounded-[0.3125rem] [input:checked+&]:trsy-bg-blue-600 [input:checked+&]:before:trsy-translate-x-[1.625rem] [input:checked+&]:before:trsy-left-1 [input:checked+&]:before:trsy-text-blue-600 [input:focus-visible+&]:trsy-ring-blue-600 trsy-ring-transparent trsy-ring-2 trsy-ring-offset-2"></span> </div> <span class="toggle__state trsy-pl-2 trsy-text-sm trsy-w-7 trsy-font-normal trsy-text-gray-700" x-text="optionDisplayValue(insuredOption)"></span> </div></label> </div> <div class="trsy-flex trsy-justify-between"> <label for="multipleVehicles-32b121d8-e541-4c1b-8bff-db6d7e8e09b7" class="trsy-text-sm trsy-font-sans trsy-font-bold trsy-w-full trsy-flex-nowrap trsy-flex trsy-justify-between trsy-items-center trsy-gap-3"> Are you insuring multiple vehicles?<div class="toggle trsy-flex trsy-items-center"> <div class="toggle__layout trsy-relative trsy-h-6 trsy-w-[3.25rem]"> <input class="toggle__checkbox tsry-opacity-0 trsy-w-0 trsy-h-0"type="checkbox" id="multipleVehicles-32b121d8-e541-4c1b-8bff-db6d7e8e09b7" x-model="multipleVehiclesOption.userInputField.fieldValue" x-on:change="inputChange(multipleVehiclesOption)" > <span class="toggle__switch trsy-absolute trsy-bg-gray-400 trsy-inset-0 trsy-cursor-pointer trsy-transition-all trsy-duration-300 trsy-rounded-[1.25rem] before:trsy-absolute before:trsy-size-5 before:trsy-left-0.5 before:trsy-bottom-0.5 before:trsy-bg-white before:trsy-transtion-all before:trsy-duration-300 before:trsy-rounded-full before:trsy-text-center before:trsy-text-white before:trsy-content-['✓'] after:trsy-bg-gray-700 after:trsy-rounded-[0.3125rem] [input:checked+&]:trsy-bg-blue-600 [input:checked+&]:before:trsy-translate-x-[1.625rem] [input:checked+&]:before:trsy-left-1 [input:checked+&]:before:trsy-text-blue-600 [input:focus-visible+&]:trsy-ring-blue-600 trsy-ring-transparent trsy-ring-2 trsy-ring-offset-2"></span> </div> <span class="toggle__state trsy-pl-2 trsy-text-sm trsy-w-7 trsy-font-normal trsy-text-gray-700" x-text="optionDisplayValue(multipleVehiclesOption)"></span> </div></label> </div> <div class="trsy-flex trsy-justify-between"> <label for="homeowner-e9aaa0fa-a456-4427-8f21-9219aff73583" class="trsy-text-sm trsy-font-sans trsy-font-bold trsy-w-full trsy-flex-nowrap trsy-flex trsy-justify-between trsy-items-center trsy-gap-3"> Are you a homeowner?<div class="toggle trsy-flex trsy-items-center"> <div class="toggle__layout trsy-relative trsy-h-6 trsy-w-[3.25rem]"> <input class="toggle__checkbox tsry-opacity-0 trsy-w-0 trsy-h-0"type="checkbox" id="homeowner-e9aaa0fa-a456-4427-8f21-9219aff73583" x-model="homeownerOption.userInputField.fieldValue" x-on:change="inputChange(homeownerOption)" > <span class="toggle__switch trsy-absolute trsy-bg-gray-400 trsy-inset-0 trsy-cursor-pointer trsy-transition-all trsy-duration-300 trsy-rounded-[1.25rem] before:trsy-absolute before:trsy-size-5 before:trsy-left-0.5 before:trsy-bottom-0.5 before:trsy-bg-white before:trsy-transtion-all before:trsy-duration-300 before:trsy-rounded-full before:trsy-text-center before:trsy-text-white before:trsy-content-['✓'] after:trsy-bg-gray-700 after:trsy-rounded-[0.3125rem] [input:checked+&]:trsy-bg-blue-600 [input:checked+&]:before:trsy-translate-x-[1.625rem] [input:checked+&]:before:trsy-left-1 [input:checked+&]:before:trsy-text-blue-600 [input:focus-visible+&]:trsy-ring-blue-600 trsy-ring-transparent trsy-ring-2 trsy-ring-offset-2"></span> </div> <span class="toggle__state trsy-pl-2 trsy-text-sm trsy-w-7 trsy-font-normal trsy-text-gray-700" x-text="optionDisplayValue(homeownerOption)"></span> </div></label> </div> </div> <div class="md:trsy-flex md:trsy-justify-between md:trsy-items-center md:trsy-gap-6 md:tsry-w-1/2"> <div> <div x-data x-id="['input']" class="FormControl" x-bind:class="{ 'is-error': zipInput.hasError }"> <label x-bind:for="$id('input')" class="FormLabel text-sm md:pb-1"> ZIP Code</label> <input x-bind:id="$id('input')" class="FormInput" name="zip_code_input" maxlength="5" x-model="zipInput.userInputField.fieldValue" x-on:keypress="onlyNumbers"> <span class="pos-absolute right-1 text-slate bottom-4 pointer-events-none pr-4 leading-none h-4"> <span class="icon icon-size"> <svg class="h-4" width="16" height="20" viewBox="0 0 16 20" xmlns="http://www.w3.org/2000/svg"> <title>Location-Icon</title> <path fill-rule="evenodd" clip-rule="evenodd" d="M8 20C2.66667 15.3333 0 11.3333 0 8C0 3 3.58172 0 8 0C12.4183 0 16 3 16 8C16 11.3333 13.3333 15.3333 8 20ZM2 8C2 10.3626 3.95475 13.5154 8 17.3039C12.0453 13.5154 14 10.3626 14 8C14 4.32919 11.5476 2 8 2C4.45236 2 2 4.32919 2 8ZM8 11C6.34315 11 5 9.65685 5 8C5 6.34315 6.34315 5 8 5C9.65685 5 11 6.34315 11 8C11 9.65685 9.65685 11 8 11Z" fill="#151515"/> </svg> </span> </span></div> <span class="FormElementHelp mt-1 text-center text-size-xs md:pt-1" x-show="!zipInput.hasError"> Your information is kept secure</span> <span class="FormElementHelp is-error text-size-xs mt-1" x-cloak="x-cloak" x-show="zipInput.hasError" x-text="zipInput.errorMessage"> </span> </div> <div class="trsy-pt-4 trsy-text-center min-[62.4375em]:max-[72.75em]:trsy-mb-5 md:trsy-pt-0 md:trsy-w-44"> <button type="submit" class="Button Button--primary w-full" @click="submitForm()" x-bind:disabled="!isFormValid()"> Continue</button> </div> </div> </div> <div> <div class="display-flex flex-direction-column md:flex-direction-row align-items-center mb-1 justify-content-center md:display-none"data-cy="disclosure-container"> <p class="mb-0 type-body-three text-slate">Powered by Coverage.com (NPN: 19966249)</p> <div class="display-flex align-items-center mt-2 md:mt-0"> <div class="bg-gray h-3 w-px mx-2 md:mx-4 display-none md:display-block"></div> <div class="pos-relative type-body-three"x-data="{ advertisingDisclosureOpen: false }" data-cy="advertiser-disclosure"> <a class="display-inline-block Link hover:text-blue-mid" @click.prevent="advertisingDisclosureOpen = !advertisingDisclosureOpen" @click.away="advertisingDisclosureOpen = false" href="#"> Advertising disclosure </a> <div class="pos-absolute bg-white bg-auto border border-blue max-w-md z-layer-two p-2 mt-2 text-left" x-cloak x-show="advertisingDisclosureOpen" style="width: 16.875rem; left: -25%; top: 1.25rem;" data-cy="advertiser-disclosure-content"> <div class="type-body-three mb-0"> This advertisement is powered by Coverage.com, LLC, a licensed insurance producer (NPN: 19966249) and a corporate affiliate of Bankrate. The offers and links that appear on this advertisement are from companies that compensate Coverage.com in different ways. The compensation received and other factors, such as your location, may impact what offers and links appear, and how, where and in what order they appear. While we seek to provide a wide range of offers, we do not include every product or service that may be available. Our goal is to keep information accurate and timely, but some information may not be current. Your actual offer from an advertiser may be different from the offer on this advertisement. All offers are subject to additional terms and conditions. </div> </div> </div> <div class="bg-gray h-3 w-px mx-2 md:mx-4"></div> <div x-data="{ insuranceDisclosureOpen: false }" class="insurance-disclosure type-body-three pos-relative" data-cy="insurance-disclosure"> <div class="mb-0 md:display-flex justify-content-center align-items-baseline"> <a href="#" class="ad-disclosure-btn display-inline-block Link hover:text-blue-mid" @click.prevent="insuranceDisclosureOpen = !insuranceDisclosureOpen" @click.away="insuranceDisclosureOpen = false"> Insurance disclosure </a> </div> <div class="pos-absolute bg-white bg-auto border border-blue max-w-md z-layer-two p-2 mt-2 right text-left" x-cloak x-show="insuranceDisclosureOpen" style="width: 16.875rem; right: -25%; top: 1.25rem;" data-cy="insurance-disclosure-content"> <p class="type-body-three mb-0"> Coverage.com, LLC is a licensed insurance producer (NPN: 19966249). Coverage.com services are only available in <a href="https://www.coverage.com/insurance-licenses/" target="_blank">states where it is licensed</a>. Coverage.com may not offer insurance coverage in all states or scenarios. All insurance products are governed by the terms in the applicable insurance policy, and all related decisions (such as approval for coverage, premiums, commissions and fees) and policy obligations are the sole responsibility of the underwriting insurer. The information on this site does not modify any insurance policy terms in any way. </p> </div> </div> </div> </div> </div> </div> </div> <div class="vertical-spacer pt-8 " style="width: 100%; content: '';"></div> <div class="section-title border-gray"> <h2 level="2" class="type-heading-two mb-4"> Progressive home insurance review </h2> </div> <div class="vertical-spacer pt-4" style="width: 100%; content: '';"></div> <div class="wysiwyg display-block w-full"> <p id="home-insurance">With a Bankrate Score of 4.0 out of 5, Progressive isn’t one of Bankrate’s <a class="Link" href="https://www.bankrate.com/insurance/homeowners-insurance/best-home-insurance-companies/#save-on-home-insurance">top-rated home insurance companies. I</a>ts homeowners policies are relatively basic, with only a few <a class="Link" href="https://www.progressive.com/homeowners/insurance-coverages/" target="_blank" rel="noopener">optional coverage types</a> to add. These include water backup and personal injury coverage.</p> <p>Many <a class="Link" href="https://www.progressive.com/homeowners/homeowners-companies/" target="_blank" rel="noopener">Progressive home insurance policies</a> are underwritten by a company called American Strategic Insurance (ASI). Progressive also operates the Progressive Advantage Agency, Inc., which helps homeowners find coverage with various third-party underwriters. For purposes of this review, we’ve chosen to focus on the coverage through ASI, since it is <a class="Link" href="https://www.americanstrategic.com/asi-and-progressive-insurance" target="_blank" rel="noopener">officially part of the Progressive group</a> of companies. The company could be a good option for homeowners looking for basic coverage to bundle with their auto policies.</p> <h3>Pros and cons of Progressive home insurance</h3> <p>If you’re <a class="Link" href="https://www.bankrate.com/insurance/homeowners-insurance/home-insurance-quotes/">comparing home insurance quotes</a>, just like with auto insurance, you may want to consider several factors outside of the price. During our Progressive Insurance review, we identified these perks and drawbacks of the company’s home insurance product, which might be helpful as you choose a company:</p></div> <div class="ProsAndConsTable"> <div class="ProsAndConsItem"> <div class="ProsAndConsItem-headerContainer"> <div> <img src="https://www.bankrate.com/v5.1521.3/next/img/svg/circle-check.svg" alt="Green circle with a checkmark inside"> </div> <h3 class="ProsAndConsItem-header"> Pros </h3> </div> <ul class="ProsAndConsItem-list"> <li>Offers a way to bundle with Progressive auto policies</li> <li>Local agents available</li> <li>HomeQuote Explorer lets you compare quotes from several companies in one place</li> </ul> </div> <div class="ProsAndConsItem"> <div class="ProsAndConsItem-headerContainer"> <div> <img src="https://www.bankrate.com/v5.1521.3/next/img/svg/remove-circle.svg" alt="Red circle with an X inside"> </div> <h3 class="ProsAndConsItem-header"> Cons </h3> </div> <ul class="ProsAndConsItem-list"> <li>Limited endorsements</li> <li>Below-average J.D. Power customer satisfaction score</li> <li>Higher-than-average complaint index with the NAIC</li> </ul> </div> </div> <div id="tabs-v3-4531283d-1a56-4cf1-a51d-6f454adad09f" class="TabsV3" x-data="{ selectedId: null, init() { // Set the first available tab on the page on page load. this.$nextTick(() => this.select(this.$id('tab', 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="['tab']"> <div class="sm:gutter"> <div class="wrapper" style=""> <div class="TabsV3-select FormControl"> <select aria-label="Select your option" class="FormSelect normal-case" x-model="selectedId" @change="() => $el.dataset.text = $el.options[$el.selectedIndex].text"> <option :value="$id('tab', 1)"> Homeowners insurance cost</option> <option :value="$id('tab', 2)"> Customer satisfaction</option> <option :value="$id('tab', 3)"> Home insurance discounts</option> </select> <svg class="FormSelect-arrow Icon Icon--xs" 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></div> <ul class="TabsV3-nav justify-content-flex-start display-none md:display-flex" 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"> <li class="TabsV3-item pb-0" role="presentation"> <button :id="$id('tab', whichChild($el.parentElement, $refs.tablist))" @click="select($el.id);" @mousedown.prevent @focus="select($el.id)" type="button" :tabindex="isSelected($el.id) ? 0 : -1" :aria-selected="isSelected($el.id)" :class="isSelected($el.id) ? 'is-active' : ''" role="tab" class="TabsV3-button flex-direction-row" > Homeowners insurance cost</button> </li> <li class="TabsV3-item pb-0" role="presentation"> <button :id="$id('tab', whichChild($el.parentElement, $refs.tablist))" @click="select($el.id);" @mousedown.prevent @focus="select($el.id)" type="button" :tabindex="isSelected($el.id) ? 0 : -1" :aria-selected="isSelected($el.id)" :class="isSelected($el.id) ? 'is-active' : ''" role="tab" class="TabsV3-button flex-direction-row" > Customer satisfaction</button> </li> <li class="TabsV3-item pb-0" role="presentation"> <button :id="$id('tab', whichChild($el.parentElement, $refs.tablist))" @click="select($el.id);" @mousedown.prevent @focus="select($el.id)" type="button" :tabindex="isSelected($el.id) ? 0 : -1" :aria-selected="isSelected($el.id)" :class="isSelected($el.id) ? 'is-active' : ''" role="tab" class="TabsV3-button flex-direction-row" > Home insurance discounts</button> </li> </ul> </div> </div> <div class="TabsV3-content mt-5 TabsV3-content-noscript sm:gutter" x-cloak> <noscript><style> .TabsV3-content-noscript {display: block!important;} </style></noscript> <div class="wrapper"> <div x-show="isSelected($id('tab', whichChild($el, $el.parentElement)))" :aria-labelledby="$id('tab', whichChild($el, $el.parentElement))" role="tabpanel" class="TabsV3-tab py- px-"> <div class="wysiwyg display-block w-full"> <h3>Progressive home insurance cost</h3> <p>The <a class="Link" href="https://www.bankrate.com/insurance/homeowners-insurance/homeowners-insurance-cost/">average cost of home insurance</a> from Progressive is $2,485 per year for a policy with $300,000 in dwelling coverage. Comparatively, the national average is $2,304 per year for the same coverage. Your home insurance rates will vary based on a number of factors, including how much coverage you need. Below, you can see Progressive’s average rates compared to the national average for several levels of dwelling coverage.</p></div> <div class="insurance-coverage-table mb-6 md:mb-8" id="k8N3K5VC85" style="overflow-y: auto" tabindex="0" x-data="insuranceCoverageTable( 'k8N3K5VC85', '', '5', null)"> <div id="table-k8N3K5VC85"> <table class="mb-2 Table insurance-coverage-table-k8N3K5VC85"> <thead class="display-none sm:display-table-header-group"> <tr class="border-b border-gray"> <th class="p-2 font-bold text-left profile-column md:w-48"> <div class="insurance-coverage-table--sort-container-k8N3K5VC85 display-flex"> <button class="display-inline-flex Button Button--bare" @click="sortColumn('url', 0)"> <span class="display-inline-flex type-body-two text-black font-circular-bold">Dwelling coverage limit</span> <div class="display-flex flex-direction-column justify-content-center ml-2"> <div class="col-span-1 -mt-1 -mb-2"> <svg class="display-inline-flex text-gray hover:text-blue" width="18" height="18" data-sort="tableColumn-asc" 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><span class="visually-hidden">Sort arrow ascending</span> </div> <div class="col-span-1 -mb-2"> <svg class="display-inline-flex text-gray hover:text-blue" width="18" height="18" data-sort="tableColumn-desc" 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><span class="visually-hidden">Sort arrow descending</span> </div> </div> </button> </div> </th> <th class="p-2 font-bold md:w-48"> <div class="insurance-coverage-table--sort-container-k8N3K5VC85 display-flex"> <button class="display-inline-flex Button Button--bare" @click="sortColumn('money', 1)"> <span class="display-inline-flex type-body-two text-black font-circular-bold">Progressive average premium </span> <div class="display-flex flex-direction-column justify-content-center ml-2"> <div class="col-span-1 -mt-1 -mb-2"> <svg class="display-inline-flex text-gray hover:text-blue" width="18" height="18" data-sort="tableColumn-asc" 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><span class="visually-hidden">Sort arrow ascending</span> </div> <div class="col-span-1 -mb-2"> <svg class="display-inline-flex text-gray hover:text-blue" width="18" height="18" data-sort="tableColumn-desc" 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><span class="visually-hidden">Sort arrow descending</span> </div> </div> </button> </div> </th> <th class="p-2 font-bold md:w-48"> <div class="insurance-coverage-table--sort-container-k8N3K5VC85 display-flex"> <button class="display-inline-flex Button Button--bare" @click="sortColumn('money', 2)"> <span class="display-inline-flex type-body-two text-black font-circular-bold">National average premium</span> <div class="display-flex flex-direction-column justify-content-center ml-2"> <div class="col-span-1 -mt-1 -mb-2"> <svg class="display-inline-flex text-gray hover:text-blue" width="18" height="18" data-sort="tableColumn-asc" 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><span class="visually-hidden">Sort arrow ascending</span> </div> <div class="col-span-1 -mb-2"> <svg class="display-inline-flex text-gray hover:text-blue" width="18" height="18" data-sort="tableColumn-desc" 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><span class="visually-hidden">Sort arrow descending</span> </div> </div> </button> </div> </th> </tr> </thead> <tbody class="display-flex flex-direction-column border-t pt-4 sm:display-table-header-group sm:border-t-0 sm:pt-0"> <tr class="display-flex flex-direction-column border-b border-gray mb-3 sm:display-table-row"> <td class="px-2 text-left insurance-coverage-table-td px-3 rounded"> <div class="display-flex flex-direction-row justify-content-space-between sm:display-block"> <span class="insurance-coverage-table--td display-block text-black"> $150K dwelling</span> </div> </td> <td class="px-2 text-right"> <div class="display-flex flex-direction-row justify-content-space-between sm:display-block"> <div class="text-slate text-left sm:display-none w-48"> Progressive average premium </div> <div class="insurance-coverage-table--td text-black"> $1,607</div> </div> </td> <td class="px-2 text-right"> <div class="display-flex flex-direction-row justify-content-space-between sm:display-block"> <div class="text-slate text-left sm:display-none w-48"> National average premium</div> <div class="insurance-coverage-table--td text-black"> $1,406</div> </div> </td> </tr> <tr class="display-flex flex-direction-column border-b border-gray mb-3 sm:display-table-row"> <td class="px-2 text-left insurance-coverage-table-td px-3 rounded"> <div class="display-flex flex-direction-row justify-content-space-between sm:display-block"> <span class="insurance-coverage-table--td display-block text-black"> $300K dwelling</span> </div> </td> <td class="px-2 text-right"> <div class="display-flex flex-direction-row justify-content-space-between sm:display-block"> <div class="text-slate text-left sm:display-none w-48"> Progressive average premium </div> <div class="insurance-coverage-table--td text-black"> $2,485</div> </div> </td> <td class="px-2 text-right"> <div class="display-flex flex-direction-row justify-content-space-between sm:display-block"> <div class="text-slate text-left sm:display-none w-48"> National average premium</div> <div class="insurance-coverage-table--td text-black"> $2,304</div> </div> </td> </tr> <tr class="display-flex flex-direction-column border-b border-gray mb-3 sm:display-table-row"> <td class="px-2 text-left insurance-coverage-table-td px-3 rounded"> <div class="display-flex flex-direction-row justify-content-space-between sm:display-block"> <span class="insurance-coverage-table--td display-block text-black"> $350K dwelling</span> </div> </td> <td class="px-2 text-right"> <div class="display-flex flex-direction-row justify-content-space-between sm:display-block"> <div class="text-slate text-left sm:display-none w-48"> Progressive average premium </div> <div class="insurance-coverage-table--td text-black"> $2,738</div> </div> </td> <td class="px-2 text-right"> <div class="display-flex flex-direction-row justify-content-space-between sm:display-block"> <div class="text-slate text-left sm:display-none w-48"> National average premium</div> <div class="insurance-coverage-table--td text-black"> $2,571</div> </div> </td> </tr> <tr class="display-flex flex-direction-column border-b border-gray mb-3 sm:display-table-row"> <td class="px-2 text-left insurance-coverage-table-td px-3 rounded"> <div class="display-flex flex-direction-row justify-content-space-between sm:display-block"> <span class="insurance-coverage-table--td display-block text-black"> $450K dwelling</span> </div> </td> <td class="px-2 text-right"> <div class="display-flex flex-direction-row justify-content-space-between sm:display-block"> <div class="text-slate text-left sm:display-none w-48"> Progressive average premium </div> <div class="insurance-coverage-table--td text-black"> $3,289</div> </div> </td> <td class="px-2 text-right"> <div class="display-flex flex-direction-row justify-content-space-between sm:display-block"> <div class="text-slate text-left sm:display-none w-48"> National average premium</div> <div class="insurance-coverage-table--td text-black"> $3,118</div> </div> </td> </tr> <tr class="display-flex flex-direction-column border-b border-gray mb-3 sm:display-table-row"> <td class="px-2 text-left insurance-coverage-table-td px-3 rounded"> <div class="display-flex flex-direction-row justify-content-space-between sm:display-block"> <span class="insurance-coverage-table--td display-block text-black"> $750K dwelling</span> </div> </td> <td class="px-2 text-right"> <div class="display-flex flex-direction-row justify-content-space-between sm:display-block"> <div class="text-slate text-left sm:display-none w-48"> Progressive average premium </div> <div class="insurance-coverage-table--td text-black"> $4,932</div> </div> </td> <td class="px-2 text-right"> <div class="display-flex flex-direction-row justify-content-space-between sm:display-block"> <div class="text-slate text-left sm:display-none w-48"> National average premium</div> <div class="insurance-coverage-table--td text-black"> $4,549</div> </div> </td> </tr> </tbody> </table> </div> </div> <div class="insurance-rates-footer my-4 md:mb-6"> <div class="type-body-two text-slate pb-4"> Home insurance rates are known to fluctuate frequently, but you can rely on Bankrate to offer you the latest options available.</div> <div class="display-flex flex-direction-column md:flex-direction-row md:justify-content-space-between"> <div class="display-flex bg-blue-light py-3 pl-6 pr-10 rounded-r-full type-body-two text-black font-bold mb-4 md:mb-0 max-w-max"> <span class="Icon mr-3 icon-highlight-blue w-5 h-5"> <svg class="Icon-glyph" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Mortgage Reviews 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.289c.115.09.263.139.402.139v-.008a.652.652 0 0 0 .517-.246.646.646 0 0 0-.107-.92l-3.42-2.695V4.3a.658.658 0 0 0-.657-.656.658.658 0 0 0-.656.656v1.225l-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.107l.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.459Zm-1.894-1.492-6.367-5.014a1.882 1.882 0 0 0-2.403-.008L4.447 8.792v10.874c0 .574.41.984.985.984h13.125c.575 0 .985-.41.985-.984V8.796Zm-10.42 8.932c.214.205.493.32.772.32l-.008.017c.115 0 .221-.025.336-.058.033-.008.098-.04.098-.04l1.69-.895 1.592.82c.23.156.484.156.574.156.509 0 .927-.443.927-.984 0-.041-.008-.123-.008-.123l-.345-1.822 1.321-1.32a.956.956 0 0 0 .336-.583.887.887 0 0 0-.237-.779c-.083-.082-.288-.287-.632-.304l-1.846-.246-.796-1.6c-.065-.295-.303-.492-.746-.598-.05-.017-.099-.017-.156-.017h-.221c-.173 0-.394.123-.517.247l-.107.106a.655.655 0 0 0-.123.172l-.845 1.69-1.83.246a.622.622 0 0 0-.311.132.756.756 0 0 0-.23.164.975.975 0 0 0-.27.68c0 .255.098.51.278.69l1.362 1.312-.295 1.83c-.008.032-.008.073-.008.106 0 .148 0 .435.246.681Zm1.395-2.707c0-.36-.123-.632-.36-.796v.008l-.928-.894 1.288-.172c.386-.024.698-.27.788-.607l.632-1.263.672 1.337c.205.402.517.508.755.525l1.304.172-.951.952a1.072 1.072 0 0 0-.296.861l.247 1.288-1.223-.632c-.312-.164-.664-.147-.919.033l-1.238.657.221-1.362c.008-.033.008-.074.008-.107Z" class="icon-base"/></svg></span> <div> Rates refreshed as of Nov 2024</div> </div> <a class="type-body-two text-blue font-bold md:align-self-center hover:underline hover:text-blue-mid no-underline" href="#methodology"> Read our full methodology </a> </div> </div> <div class="wysiwyg display-block w-full"> <h4>Compare Progressive homeowners insurance rates</h4> <p>When shopping for a home insurance policy, it’s important to compare rates from multiple companies. While some homeowners may find <a class="Link" href="https://www.bankrate.com/insurance/homeowners-insurance/cheap-homeowners-insurance/">cheap home insurance</a> through Progressive, others might be eligible for lower rates from another company, based on their location, home information and other ratings factors. Consider requesting home insurance quotes from at least three companies before deciding on a provider for your homeowners insurance. As a starting point, we’ve analyzed average annual premiums for 10 leading home insurance providers, including Progressive, and compared each rate to the national average.</p></div> <div class="insurance-coverage-table min-w-sm mb-6 md:mb-8" data-cy="insurance-coverage-table-rates" id="svoJh6jpby" x-data="insuranceCoverageTable( 'svoJh6jpby', null, '5', null)"> <div id="table-svoJh6jpby"> <table class="mb-2 Table insurance-coverage-table-svoJh6jpby pos-relative"> <thead class="display-table-header-group"> <tr class=""> <th class="border-b border-gray p-2 font-bold insurance-coverage-table--first-column text-left z-layer-five carrier-column md:w-48"> <div class="insurance-coverage-table--sort-container-svoJh6jpby display-flex"> <button class="display-inline-flex Button Button--bare" @click="sortColumn('url', 0)"> <span class="display-inline-flex type-body-two text-black font-circular-bold"> Company</span> <div class="display-flex flex-direction-column justify-content-center ml-2"> <div class="col-span-1 -mt-1 -mb-2"> <svg class="display-inline-flex text-gray hover:text-blue" width="18" height="18" data-sort="tableColumn-asc" 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><span class="visually-hidden">Sort arrow ascending</span> </div> <div class="col-span-1 -mb-2"> <svg class="display-inline-flex text-gray hover:text-blue" width="18" height="18" data-sort="tableColumn-desc" 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><span class="visually-hidden">Sort arrow descending</span> </div> </div> </button> </div> </th> <th class="border-b border-gray p-2 font-bold text-center sm:text-right md:w-48"> <div class="insurance-coverage-table--sort-container-svoJh6jpby display-flex"> <button class="display-inline-flex Button Button--bare" @click="sortColumn('money', 1)"> <span class="display-inline-flex type-body-two text-black font-circular-bold"> Avg. annual premium</span> <div class="display-flex flex-direction-column justify-content-center ml-2"> <div class="col-span-1 -mt-1 -mb-2"> <svg class="display-inline-flex text-gray hover:text-blue" width="18" height="18" data-sort="tableColumn-asc" 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><span class="visually-hidden">Sort arrow ascending</span> </div> <div class="col-span-1 -mb-2"> <svg class="display-inline-flex text-gray hover:text-blue" width="18" height="18" data-sort="tableColumn-desc" 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><span class="visually-hidden">Sort arrow descending</span> </div> </div> </button> </div> </th> <th class="border-b border-gray p-2 font-bold text-center sm:text-right md:w-48"> <div class="insurance-coverage-table--sort-container-svoJh6jpby display-flex"> <button class="display-inline-flex Button Button--bare" @click="sortColumn('money-color', 2)"> <span class="display-inline-flex type-body-two text-black font-circular-bold"> Difference compared to national average </span> <div class="display-flex flex-direction-column justify-content-center ml-2"> <div class="col-span-1 -mt-1 -mb-2"> <svg class="display-inline-flex text-gray hover:text-blue" width="18" height="18" data-sort="tableColumn-asc" 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><span class="visually-hidden">Sort arrow ascending</span> </div> <div class="col-span-1 -mb-2"> <svg class="display-inline-flex text-gray hover:text-blue" width="18" height="18" data-sort="tableColumn-desc" 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><span class="visually-hidden">Sort arrow descending</span> </div> </div> </button> </div> </th> </tr> </thead> <tbody class="border-t pt-4 sm:display-table-header-group sm:border-t-0 sm:pt-0"> <tr class="sm:display-table-row"> <td class="border-b border-gray px-2 insurance-coverage-table--first-column text-left rounded py-3" > <div class="justify-content-space-between"> <a data-cy="coverage-table-review-link" class="insurance-coverage-table--td display-block text-blue align-self-center" href="/insurance/reviews/progressive/"> Progressive</a> </div> </td> <td class="border-b border-gray px-2 text-center sm:text-right" > <div class="justify-content-space-between"> <div class="insurance-coverage-table--td text-black"> $2,485</div> </div> </td> <td class="border-b border-gray px-2 text-center sm:text-right" > <div class="justify-content-space-between"> <div class="insurance-coverage-table--td "> <div class='text-red'>+ $181</div></div> </div> </td> </tr> <tr class="sm:display-table-row"> <td class="border-b border-gray px-2 insurance-coverage-table--first-column text-left rounded py-3" > <div class="justify-content-space-between"> <a data-cy="coverage-table-review-link" class="insurance-coverage-table--td display-block text-blue align-self-center" href="/insurance/reviews/state-farm/"> State Farm</a> </div> </td> <td class="border-b border-gray px-2 text-center sm:text-right" > <div class="justify-content-space-between"> <div class="insurance-coverage-table--td text-black"> $1,984</div> </div> </td> <td class="border-b border-gray px-2 text-center sm:text-right" > <div class="justify-content-space-between"> <div class="insurance-coverage-table--td "> <div class='text-green-dark'>- $320</div></div> </div> </td> </tr> <tr class="sm:display-table-row"> <td class="border-b border-gray px-2 insurance-coverage-table--first-column text-left rounded py-3" > <div class="justify-content-space-between"> <a data-cy="coverage-table-review-link" class="insurance-coverage-table--td display-block text-blue align-self-center" href="/insurance/reviews/allstate/"> Allstate</a> </div> </td> <td class="border-b border-gray px-2 text-center sm:text-right" > <div class="justify-content-space-between"> <div class="insurance-coverage-table--td text-black"> $2,289</div> </div> </td> <td class="border-b border-gray px-2 text-center sm:text-right" > <div class="justify-content-space-between"> <div class="insurance-coverage-table--td "> <div class='text-green-dark'>- $15</div></div> </div> </td> </tr> <tr class="sm:display-table-row"> <td class="border-b border-gray px-2 insurance-coverage-table--first-column text-left rounded py-3" > <div class="justify-content-space-between"> <a data-cy="coverage-table-review-link" class="insurance-coverage-table--td display-block text-blue align-self-center" href="/insurance/reviews/usaa/"> USAA</a> </div> </td> <td class="border-b border-gray px-2 text-center sm:text-right" > <div class="justify-content-space-between"> <div class="insurance-coverage-table--td text-black"> $1,451</div> </div> </td> <td class="border-b border-gray px-2 text-center sm:text-right" > <div class="justify-content-space-between"> <div class="insurance-coverage-table--td "> <div class='text-green-dark'>- $853</div></div> </div> </td> </tr> <tr class="sm:display-table-row"> <td class="border-b border-gray px-2 insurance-coverage-table--first-column text-left rounded py-3" > <div class="justify-content-space-between"> <a data-cy="coverage-table-review-link" class="insurance-coverage-table--td display-block text-blue align-self-center" href="/insurance/reviews/travelers/"> Travelers</a> </div> </td> <td class="border-b border-gray px-2 text-center sm:text-right" > <div class="justify-content-space-between"> <div class="insurance-coverage-table--td text-black"> $2,448</div> </div> </td> <td class="border-b border-gray px-2 text-center sm:text-right" > <div class="justify-content-space-between"> <div class="insurance-coverage-table--td "> <div class='text-red'>+ $144</div></div> </div> </td> </tr> </tbody> <tbody data-cy="hidden-rows" x-cloak x-show="expanded" class="border-t-0 pt-0"> <tr class="sm:display-table-row"> <td class="border-b border-gray px-2 insurance-coverage-table--first-column text-left rounded py-3"> <div class="justify-content-space-between"> <a data-cy="coverage-table-review-link" class="insurance-coverage-table--td display-block text-blue align-self-center" href="/insurance/reviews/nationwide/"> Nationwide</a> </div> </td> <td class="border-b border-gray px-2 text-right"> <div class="justify-content-space-between"> <div class="insurance-coverage-table--td text-black"> $1,772</div> </div> </td> <td class="border-b border-gray px-2 text-right"> <div class="justify-content-space-between"> <div class="insurance-coverage-table--td "> <div class='text-green-dark'>- $532</div></div> </div> </td> </tr> <tr class="sm:display-table-row"> <td class="border-b border-gray px-2 insurance-coverage-table--first-column text-left rounded py-3"> <div class="justify-content-space-between"> <a data-cy="coverage-table-review-link" class="insurance-coverage-table--td display-block text-blue align-self-center" href="/insurance/reviews/chubb/"> Chubb</a> </div> </td> <td class="border-b border-gray px-2 text-right"> <div class="justify-content-space-between"> <div class="insurance-coverage-table--td text-black"> $3,567</div> </div> </td> <td class="border-b border-gray px-2 text-right"> <div class="justify-content-space-between"> <div class="insurance-coverage-table--td "> <div class='text-red'>+ $1,263</div></div> </div> </td> </tr> <tr class="sm:display-table-row"> <td class="border-b border-gray px-2 insurance-coverage-table--first-column text-left rounded py-3"> <div class="justify-content-space-between"> <a data-cy="coverage-table-review-link" class="insurance-coverage-table--td display-block text-blue align-self-center" href="/insurance/reviews/american-family/"> American Family</a> </div> </td> <td class="border-b border-gray px-2 text-right"> <div class="justify-content-space-between"> <div class="insurance-coverage-table--td text-black"> $1,698</div> </div> </td> <td class="border-b border-gray px-2 text-right"> <div class="justify-content-space-between"> <div class="insurance-coverage-table--td "> <div class='text-green-dark'>- $606</div></div> </div> </td> </tr> <tr class="sm:display-table-row"> <td class="border-b border-gray px-2 insurance-coverage-table--first-column text-left rounded py-3"> <div class="justify-content-space-between"> <a data-cy="coverage-table-review-link" class="insurance-coverage-table--td display-block text-blue align-self-center" href="/insurance/reviews/erie/"> Erie</a> </div> </td> <td class="border-b border-gray px-2 text-right"> <div class="justify-content-space-between"> <div class="insurance-coverage-table--td text-black"> $1,871</div> </div> </td> <td class="border-b border-gray px-2 text-right"> <div class="justify-content-space-between"> <div class="insurance-coverage-table--td "> <div class='text-green-dark'>- $433</div></div> </div> </td> </tr> <tr class="sm:display-table-row"> <td class="border-b border-gray px-2 insurance-coverage-table--first-column text-left rounded py-3"> <div class="justify-content-space-between"> <a data-cy="coverage-table-review-link" class="insurance-coverage-table--td display-block text-blue align-self-center" href="/insurance/reviews/auto-owners/"> Auto-Owners</a> </div> </td> <td class="border-b border-gray px-2 text-right"> <div class="justify-content-space-between"> <div class="insurance-coverage-table--td text-black"> $1,696</div> </div> </td> <td class="border-b border-gray px-2 text-right"> <div class="justify-content-space-between"> <div class="insurance-coverage-table--td "> <div class='text-green-dark'>- $608</div></div> </div> </td> </tr> </tbody> <noscript> <tbody> <tr class="mb-3 sm:display-table-row"> <td class="border-b border-gray px-2 text-left rounded py-3"> <div class="justify-content-space-between"> <a data-cy="coverage-table-review-link" class="insurance-coverage-table--td display-block text-blue align-self-center" href="/insurance/reviews/nationwide/"> Nationwide</a> </div> </td> <td class="border-b border-gray px-2 text-right"> <div class="justify-content-space-between"> <div class="insurance-coverage-table--td text-black"> $1,772</div> </div> </td> <td class="border-b border-gray px-2 text-right"> <div class="justify-content-space-between"> <div class="insurance-coverage-table--td "> <div class='text-green-dark'>- $532</div></div> </div> </td> </tr> <tr class="mb-3 sm:display-table-row"> <td class="border-b border-gray px-2 text-left rounded py-3"> <div class="justify-content-space-between"> <a data-cy="coverage-table-review-link" class="insurance-coverage-table--td display-block text-blue align-self-center" href="/insurance/reviews/chubb/"> Chubb</a> </div> </td> <td class="border-b border-gray px-2 text-right"> <div class="justify-content-space-between"> <div class="insurance-coverage-table--td text-black"> $3,567</div> </div> </td> <td class="border-b border-gray px-2 text-right"> <div class="justify-content-space-between"> <div class="insurance-coverage-table--td "> <div class='text-red'>+ $1,263</div></div> </div> </td> </tr> <tr class="mb-3 sm:display-table-row"> <td class="border-b border-gray px-2 text-left rounded py-3"> <div class="justify-content-space-between"> <a data-cy="coverage-table-review-link" class="insurance-coverage-table--td display-block text-blue align-self-center" href="/insurance/reviews/american-family/"> American Family</a> </div> </td> <td class="border-b border-gray px-2 text-right"> <div class="justify-content-space-between"> <div class="insurance-coverage-table--td text-black"> $1,698</div> </div> </td> <td class="border-b border-gray px-2 text-right"> <div class="justify-content-space-between"> <div class="insurance-coverage-table--td "> <div class='text-green-dark'>- $606</div></div> </div> </td> </tr> <tr class="mb-3 sm:display-table-row"> <td class="border-b border-gray px-2 text-left rounded py-3"> <div class="justify-content-space-between"> <a data-cy="coverage-table-review-link" class="insurance-coverage-table--td display-block text-blue align-self-center" href="/insurance/reviews/erie/"> Erie</a> </div> </td> <td class="border-b border-gray px-2 text-right"> <div class="justify-content-space-between"> <div class="insurance-coverage-table--td text-black"> $1,871</div> </div> </td> <td class="border-b border-gray px-2 text-right"> <div class="justify-content-space-between"> <div class="insurance-coverage-table--td "> <div class='text-green-dark'>- $433</div></div> </div> </td> </tr> <tr class="mb-3 sm:display-table-row"> <td class="border-b border-gray px-2 text-left rounded py-3"> <div class="justify-content-space-between"> <a data-cy="coverage-table-review-link" class="insurance-coverage-table--td display-block text-blue align-self-center" href="/insurance/reviews/auto-owners/"> Auto-Owners</a> </div> </td> <td class="border-b border-gray px-2 text-right"> <div class="justify-content-space-between"> <div class="insurance-coverage-table--td text-black"> $1,696</div> </div> </td> <td class="border-b border-gray px-2 text-right"> <div class="justify-content-space-between"> <div class="insurance-coverage-table--td "> <div class='text-green-dark'>- $608</div></div> </div> </td> </tr> </tbody> </noscript> </table> </div> <div class="w-full text-center mt-1 mb-0"> <a data-cy="see-all-btn" href="#" x-on:click.prevent="toggle()" class="no-underline"> <span x-text="expanded ? 'See less' : 'See all'"></span> <span class="Icon Icon--xs mb-1"> <svg x-cloak x-show="!expanded" class="Icon-glyph" 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><svg x-cloak x-show="expanded" class="Icon-glyph" 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></span> </a> </div> </div> <div class="insurance-rates-footer my-4 md:mb-6"> <div class="type-body-two text-slate pb-4"> Home insurance rates are known to fluctuate frequently, but you can rely on Bankrate to offer you the latest options available.</div> <div class="display-flex flex-direction-column md:flex-direction-row md:justify-content-space-between"> <div class="display-flex bg-blue-light py-3 pl-6 pr-10 rounded-r-full type-body-two text-black font-bold mb-4 md:mb-0 max-w-max"> <span class="Icon mr-3 icon-highlight-blue w-5 h-5"> <svg class="Icon-glyph" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Mortgage Reviews 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.289c.115.09.263.139.402.139v-.008a.652.652 0 0 0 .517-.246.646.646 0 0 0-.107-.92l-3.42-2.695V4.3a.658.658 0 0 0-.657-.656.658.658 0 0 0-.656.656v1.225l-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.107l.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.459Zm-1.894-1.492-6.367-5.014a1.882 1.882 0 0 0-2.403-.008L4.447 8.792v10.874c0 .574.41.984.985.984h13.125c.575 0 .985-.41.985-.984V8.796Zm-10.42 8.932c.214.205.493.32.772.32l-.008.017c.115 0 .221-.025.336-.058.033-.008.098-.04.098-.04l1.69-.895 1.592.82c.23.156.484.156.574.156.509 0 .927-.443.927-.984 0-.041-.008-.123-.008-.123l-.345-1.822 1.321-1.32a.956.956 0 0 0 .336-.583.887.887 0 0 0-.237-.779c-.083-.082-.288-.287-.632-.304l-1.846-.246-.796-1.6c-.065-.295-.303-.492-.746-.598-.05-.017-.099-.017-.156-.017h-.221c-.173 0-.394.123-.517.247l-.107.106a.655.655 0 0 0-.123.172l-.845 1.69-1.83.246a.622.622 0 0 0-.311.132.756.756 0 0 0-.23.164.975.975 0 0 0-.27.68c0 .255.098.51.278.69l1.362 1.312-.295 1.83c-.008.032-.008.073-.008.106 0 .148 0 .435.246.681Zm1.395-2.707c0-.36-.123-.632-.36-.796v.008l-.928-.894 1.288-.172c.386-.024.698-.27.788-.607l.632-1.263.672 1.337c.205.402.517.508.755.525l1.304.172-.951.952a1.072 1.072 0 0 0-.296.861l.247 1.288-1.223-.632c-.312-.164-.664-.147-.919.033l-1.238.657.221-1.362c.008-.033.008-.074.008-.107Z" class="icon-base"/></svg></span> <div> Rates refreshed as of Nov 2024</div> </div> <a class="type-body-two text-blue font-bold md:align-self-center hover:underline hover:text-blue-mid no-underline" href="#methodology"> Read our full methodology </a> </div> </div> </div> <div x-show="isSelected($id('tab', whichChild($el, $el.parentElement)))" :aria-labelledby="$id('tab', whichChild($el, $el.parentElement))" role="tabpanel" class="TabsV3-tab py- px-"> <div class="wysiwyg display-block w-full"> <h3>Progressive customer satisfaction</h3> <p>Third-party ratings can give potential customers a picture of Progressive’s customer satisfaction in the home insurance sector. J.D. Power’s U.S. Home Insurance and Property Claims Satisfaction studies analyze overall customer satisfaction and claims experiences in the embattled property insurance industry, rating each company on a 1,000-point scale. Overall, Progressive performed poorly in 2023 and 2024 homeowners insurance customer satisfaction studies from J.D. Power.</p> <h4>Progressive homeowners claims satisfaction</h4></div> <section id="" class=" bg-transparent gutter section-wrapper"> <div class="wrapper section "> <div class="section__column md:justify-content-center" style="max-width: 50%"> <div class="wysiwyg display-block w-full"> <p>When it comes to customer service scores, Progressive home insurance falls behind many carriers. The <a class="Link" href="https://www.jdpower.com/business/press-releases/2023-us-home-insurance-study" target="_blank" rel="noopener">2023 J.D. Power U.S. Home Insurance Study</a> ranks the insurer significantly below average, with a score of 791/1,000 compared to the industry average of 819/1,000. Progressive fared even worse in the claims satisfaction ranking for home insurance in the <a class="Link" href="https://www.jdpower.com/business/press-releases/2024-us-property-claims-satisfaction-study" target="_blank" rel="noopener">2024 J.D. Power U.S. Property Claims Satisfaction Study</a>. The industry average is 869/1,000, and Progressive received a score of 851, putting it near the bottom of the pack.</p></div> </div> <div class="section__column md:justify-content-center" style="max-width: 50%"> <div class="insurance-jd-power-chart w-full display-flex flex-direction-column align-items-center" x-data="insuranceJdPowerChart( 'uoyGj', 851, 'Progressive', 'lower', '2023', )"> <div class="insurance-jd-power-chart__title mt-8 md:mt-0"> <div class="display-flex justify-content-center md:display-block mb-6" style="text-align: center"> <span class="type-heading-four w-3/4">J.D. Power Property Claims Satisfaction Study</span> </div> </div> <div id="uoyGj"></div> </div> </div> </div> </section> <div class="wysiwyg display-block w-full"> <h4>Progressive home insurance customer complaints</h4></div> <section id="" class=" bg-transparent gutter section-wrapper"> <div class="wrapper section "> <div class="section__column md:justify-content-center" style="max-width: 50%"> <div class="wysiwyg display-block w-full"> <p>The NAIC tracks the rate of complaints received by U.S. insurers and analyzes them against the company’s market share. The baseline complaint index is 1.00; any number above 1.00 indicates that a company receives more complaints than anticipated for its size and position in the market.</p> <p>The NAIC reports a complaint index of <a class="Link" href="https://content.naic.org/cis_refined_results.htm?TABLEAU=CIS_COMPLAINTS&COCODE=24260&:refresh" target="_blank" rel="noopener">14.67</a> for ASI Progressive’s home insurance product, which indicates an above-average number of complaints. This number represents a dramatic increase in complaints in the past two years.</p></div> </div> <div class="section__column md:justify-content-center" style="max-width: 50%"> <div class="naic-chart-component w-full" x-data="insuranceNaicChart( 'coz7Ka', 'NAIC Complaint Index home insurance product ', 'Score', 'Year', '2021', '1', '1.55', '3.53', '14.67', '2', null, true, )"> <div class="naic-chart-component__title type-heading-four mb-8"> </div> <div class="md:display-flex "> <div class="naic-chart-component__description mb-4 md:mt-4 md:pr-4 "> </div> <div id="coz7Ka" class="mb-4 md:w-full"></div> </div> </div> </div> </div> </section> </div> <div x-show="isSelected($id('tab', whichChild($el, $el.parentElement)))" :aria-labelledby="$id('tab', whichChild($el, $el.parentElement))" role="tabpanel" class="TabsV3-tab py- px-"> <div class="wysiwyg display-block w-full"> <h3>Progressive home insurance discounts</h3> <p>Home insurance discounts could help you <a class="Link" href="https://www.bankrate.com/insurance/homeowners-insurance/best-home-insurance-discounts/">find cheaper home insurance</a> from Progressive. Discount availability varies, so be sure to ask an agent if you’re eligible for the discounts below or other offered by Progressive:</p> <ul> <li><strong>New home construction: </strong>Newer homes might have a lower risk for damage, so Progressive could give you a discount on your home insurance.</li> <li><strong>New purchase: </strong>You might get a discount for recently buying a home. The home doesn’t have to be a new build to qualify, as long as it’s a new purchase for you.</li> <li><strong>Pay in full: </strong>If you pay your home insurance in full, you could receive a discount. This discount is not likely available for policies paid in full from escrow accounts.</li> <li><strong>Quote in advance: </strong>If you get a quote prior to the effective date of your policy, you might save some money.</li> </ul></div> </div> </div> </div> </div> <div data-cy="rate-table-homeowners-insurance" x-data="rateTableHomeownersInsurance( '0', false, false, false, )"> <div class="trsy-shadow-sm trsy-rounded-md"> <div class="trsy-px-6 trsy-pt-4 trsy-pb-0 md:try-pb-4 trsy-overflow-auto"> <div class="trsy-grid md:trsy-grid-cols-4 trsy-mb-8"> <div class="md:trsy-col-span-1"> <img src="https://www.bankrate.com/v5.1521.3/next/img/insurance/bankrate-and-coverage-logo.png" class="trsy-w-40" alt="Bankrate and Coverage Logo"> </div> <div class="md:trsy-col-span-3"> <div class="display-flex flex-direction-column md:flex-direction-row align-items-center mb-1 justify-content-center w-full display-none md:display-flex"data-cy="disclosure-container"> <p class="mb-0 type-body-three text-slate">Powered by Coverage.com (NPN: 19966249)</p> <div class="display-flex align-items-center mt-2 md:mt-0"> <div class="bg-gray h-3 w-px mx-2 md:mx-4 display-none md:display-block"></div> <div class="pos-relative type-body-three"x-data="{ advertisingDisclosureOpen: false }" data-cy="advertiser-disclosure"> <a class="display-inline-block Link hover:text-blue-mid" @click.prevent="advertisingDisclosureOpen = !advertisingDisclosureOpen" @click.away="advertisingDisclosureOpen = false" href="#"> Advertising disclosure </a> <div class="pos-absolute bg-white bg-auto border border-blue max-w-md z-layer-two p-2 mt-2 text-left" x-cloak x-show="advertisingDisclosureOpen" style="width: 16.875rem; left: -25%; top: 1.25rem;" data-cy="advertiser-disclosure-content"> <div class="type-body-three mb-0"> This advertisement is powered by Coverage.com, LLC, a licensed insurance producer (NPN: 19966249) and a corporate affiliate of Bankrate. The offers and links that appear on this advertisement are from companies that compensate Coverage.com in different ways. The compensation received and other factors, such as your location, may impact what offers and links appear, and how, where and in what order they appear. While we seek to provide a wide range of offers, we do not include every product or service that may be available. Our goal is to keep information accurate and timely, but some information may not be current. Your actual offer from an advertiser may be different from the offer on this advertisement. All offers are subject to additional terms and conditions. </div> </div> </div> <div class="bg-gray h-3 w-px mx-2 md:mx-4"></div> <div x-data="{ insuranceDisclosureOpen: false }" class="insurance-disclosure type-body-three pos-relative" data-cy="insurance-disclosure"> <div class="mb-0 md:display-flex justify-content-center align-items-baseline"> <a href="#" class="ad-disclosure-btn display-inline-block Link hover:text-blue-mid" @click.prevent="insuranceDisclosureOpen = !insuranceDisclosureOpen" @click.away="insuranceDisclosureOpen = false"> Insurance disclosure </a> </div> <div class="pos-absolute bg-white bg-auto border border-blue max-w-md z-layer-two p-2 mt-2 right text-left" x-cloak x-show="insuranceDisclosureOpen" style="width: 16.875rem; right: -25%; top: 1.25rem;" data-cy="insurance-disclosure-content"> <p class="type-body-three mb-0"> Coverage.com, LLC is a licensed insurance producer (NPN: 19966249). Coverage.com services are only available in <a href="https://www.coverage.com/insurance-licenses/" target="_blank">states where it is licensed</a>. Coverage.com may not offer insurance coverage in all states or scenarios. All insurance products are governed by the terms in the applicable insurance policy, and all related decisions (such as approval for coverage, premiums, commissions and fees) and policy obligations are the sole responsibility of the underwriting insurer. The information on this site does not modify any insurance policy terms in any way. </p> </div> </div> </div> </div> </div> </div> <h3 class="trsy-mb-4 trsy-heading-4 md:trsy-heading-2">Get personalized home insurance quotes</h3> <p class="trsy-text-sm trsy-text-gray-700 trsy-leading-6 md:trsy-text-base trsy-mb-0 md:trsy-mb-6">Answering a few quick questions to check your availability with Progressive</p> <div class="input-container w-full display flex-direction-column my-4 md:mt-6 md:flex-direction-row md:justify-content-space-between md:align-items-end"> <div class="display-flex flex-direction-column md:flex-direction-row md:justify-content-space-between md:align-items-center"> <div class="md:w-1/3"> <div x-data x-id="['input']" class="FormControl"> <label x-bind:for="$id('input')" class="FormLabel mb-2"> Do you own or rent this home?</label> <div x-bind:id="$id('input')" class="FormButtonGroup FormButtonGroup--fill border-0"> <label x-id="['radio-input']" data-cy="form-button-radio-button" class="FormRadio mr-5" :for="$id('radio-input')"> <input type="radio" class="FormRadio-input" :id="$id('radio-input')" value="OWN" x-model="ownRentOption.userInputField.fieldValue" x-on:change="inputChange('ownRent')" name="5246de38-2404-4fae-899d-7dbde73e53ad"> <span class="FormRadio-fauxInput mr-2"></span> Own</label> <label x-id="['radio-input']" data-cy="form-button-radio-button" class="FormRadio mr-5" :for="$id('radio-input')"> <input type="radio" class="FormRadio-input" :id="$id('radio-input')" value="RENT" x-model="ownRentOption.userInputField.fieldValue" x-on:change="inputChange('ownRent')" name="5246de38-2404-4fae-899d-7dbde73e53ad"> <span class="FormRadio-fauxInput mr-2"></span> Rent</label> </div></div> </div> <div class="zip-input my-3 md:my-0 md:w-1/3 md:mx-6"> <div x-data x-id="['input']" class="FormControl" x-bind:class="{ 'is-error': zipInput.hasError }"> <label x-bind:for="$id('input')" class="FormLabel"> ZIP Code</label> <input x-bind:id="$id('input')" class="FormInput" name="zip_code_input" maxlength="5" x-model="zipInput.userInputField.fieldValue" x-on:keypress="onlyNumbers"> <span class="pos-absolute right-1 text-slate bottom-4 pointer-events-none pr-4 leading-none h-4"> <span class="icon icon-size"> <svg class="h-4" width="16" height="20" viewBox="0 0 16 20" xmlns="http://www.w3.org/2000/svg"> <title>Location-Icon</title> <path fill-rule="evenodd" clip-rule="evenodd" d="M8 20C2.66667 15.3333 0 11.3333 0 8C0 3 3.58172 0 8 0C12.4183 0 16 3 16 8C16 11.3333 13.3333 15.3333 8 20ZM2 8C2 10.3626 3.95475 13.5154 8 17.3039C12.0453 13.5154 14 10.3626 14 8C14 4.32919 11.5476 2 8 2C4.45236 2 2 4.32919 2 8ZM8 11C6.34315 11 5 9.65685 5 8C5 6.34315 6.34315 5 8 5C9.65685 5 11 6.34315 11 8C11 9.65685 9.65685 11 8 11Z" fill="#151515"/> </svg> </span> </span></div> <span class="FormElementHelp mt-1 text-center text-size-xs" x-show="!zipInput.hasError"> Your information is kept secure</span> <span class="FormElementHelp is-error text-size-xs mt-1" x-cloak="x-cloak" x-show="zipInput.hasError" x-text="zipInput.errorMessage"> </span> </div> <div class="w-full display-flex justify-content-center md:w-1/3 mt-2"> <button @click="submitForm" type="submit" data-cy="continue-button" class="Button Button--primary h-12 w-full"> Continue</button> </div> </div> </div> </div> <div class="trsy-pb-4 md:trsy-pb-0"> <div class="display-flex flex-direction-column md:flex-direction-row align-items-center mb-1 justify-content-center md:display-none trsy-py-3 md:trsy-py-3"data-cy="disclosure-container"> <p class="mb-0 type-body-three text-slate">Powered by Coverage.com (NPN: 19966249)</p> <div class="display-flex align-items-center mt-2 md:mt-0"> <div class="bg-gray h-3 w-px mx-2 md:mx-4 display-none md:display-block"></div> <div class="pos-relative type-body-three"x-data="{ advertisingDisclosureOpen: false }" data-cy="advertiser-disclosure"> <a class="display-inline-block Link hover:text-blue-mid" @click.prevent="advertisingDisclosureOpen = !advertisingDisclosureOpen" @click.away="advertisingDisclosureOpen = false" href="#"> Advertising disclosure </a> <div class="pos-absolute bg-white bg-auto border border-blue max-w-md z-layer-two p-2 mt-2 text-left" x-cloak x-show="advertisingDisclosureOpen" style="width: 16.875rem; left: -25%; top: 1.25rem;" data-cy="advertiser-disclosure-content"> <div class="type-body-three mb-0"> This advertisement is powered by Coverage.com, LLC, a licensed insurance producer (NPN: 19966249) and a corporate affiliate of Bankrate. The offers and links that appear on this advertisement are from companies that compensate Coverage.com in different ways. The compensation received and other factors, such as your location, may impact what offers and links appear, and how, where and in what order they appear. While we seek to provide a wide range of offers, we do not include every product or service that may be available. Our goal is to keep information accurate and timely, but some information may not be current. Your actual offer from an advertiser may be different from the offer on this advertisement. All offers are subject to additional terms and conditions. </div> </div> </div> <div class="bg-gray h-3 w-px mx-2 md:mx-4"></div> <div x-data="{ insuranceDisclosureOpen: false }" class="insurance-disclosure type-body-three pos-relative" data-cy="insurance-disclosure"> <div class="mb-0 md:display-flex justify-content-center align-items-baseline"> <a href="#" class="ad-disclosure-btn display-inline-block Link hover:text-blue-mid" @click.prevent="insuranceDisclosureOpen = !insuranceDisclosureOpen" @click.away="insuranceDisclosureOpen = false"> Insurance disclosure </a> </div> <div class="pos-absolute bg-white bg-auto border border-blue max-w-md z-layer-two p-2 mt-2 right text-left" x-cloak x-show="insuranceDisclosureOpen" style="width: 16.875rem; right: -25%; top: 1.25rem;" data-cy="insurance-disclosure-content"> <p class="type-body-three mb-0"> Coverage.com, LLC is a licensed insurance producer (NPN: 19966249). Coverage.com services are only available in <a href="https://www.coverage.com/insurance-licenses/" target="_blank">states where it is licensed</a>. Coverage.com may not offer insurance coverage in all states or scenarios. All insurance products are governed by the terms in the applicable insurance policy, and all related decisions (such as approval for coverage, premiums, commissions and fees) and policy obligations are the sole responsibility of the underwriting insurer. The information on this site does not modify any insurance policy terms in any way. </p> </div> </div> </div> </div> </div> </div> </div> <div class="vertical-spacer pt-8 " style="width: 100%; content: '';"></div> <div class="section-title border-gray"> <h2 level="2" class="type-heading-two mb-4"> Progressive life insurance review </h2> </div> <div class="vertical-spacer pt-4" style="width: 100%; content: '';"></div> <div class="wysiwyg display-block w-full"> <p id="life-insurance">Progressive life insurance might be a good fit for those looking for a variety of policy types and educational resources. However, Progressive <a class="Link" href="https://www.progressive.com/life-insurance/" target="_blank" rel="noopener">does not underwrite its own life insurance</a> in most cases. Instead, clients may be referred to eFinancial, LLC, which then places them with various underwriting <a class="Link" href="https://www.bankrate.com/insurance/life-insurance/best-life-insurance-companies/">life insurance companies</a> depending on the type of coverage they choose. In certain states, some term life insurance policies are underwritten by Progressive Life Insurance Company.</p> <p>Progressive offers both term and permanent life insurance policies. Term policies include 10-, 15-, 20- and 30-year policies, along with short-term life insurance that covers a single year of coverage at a lower rate. Progressive’s permanent life insurance policies include whole life and universal life insurance as well as final expense life insurance, or burial insurance.</p></div> <div id="tabs-v3-b00e5e31-277a-4ee3-a5e0-881938160f67" class="TabsV3" x-data="{ selectedId: null, init() { // Set the first available tab on the page on page load. this.$nextTick(() => this.select(this.$id('tab', 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="['tab']"> <div class="sm:gutter"> <div class="wrapper" style=""> <ul class="TabsV3-nav justify-content-flex-start display-flex" 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"> <li class="TabsV3-item pb-0" role="presentation"> <button :id="$id('tab', whichChild($el.parentElement, $refs.tablist))" @click="select($el.id);" @mousedown.prevent @focus="select($el.id)" type="button" :tabindex="isSelected($el.id) ? 0 : -1" :aria-selected="isSelected($el.id)" :class="isSelected($el.id) ? 'is-active' : ''" role="tab" class="TabsV3-button flex-direction-row" > Pros and cons</button> </li> <li class="TabsV3-item pb-0" role="presentation"> <button :id="$id('tab', whichChild($el.parentElement, $refs.tablist))" @click="select($el.id);" @mousedown.prevent @focus="select($el.id)" type="button" :tabindex="isSelected($el.id) ? 0 : -1" :aria-selected="isSelected($el.id)" :class="isSelected($el.id) ? 'is-active' : ''" role="tab" class="TabsV3-button flex-direction-row" > Life insurance riders</button> </li> </ul> </div> </div> <div class="TabsV3-content mt-5 TabsV3-content-noscript sm:gutter" x-cloak> <noscript><style> .TabsV3-content-noscript {display: block!important;} </style></noscript> <div class="wrapper"> <div x-show="isSelected($id('tab', whichChild($el, $el.parentElement)))" :aria-labelledby="$id('tab', whichChild($el, $el.parentElement))" role="tabpanel" class="TabsV3-tab py- px-"> <div class="wysiwyg display-block w-full"> <h3>Pros and cons of Progressive life insurance</h3> <p>Progressive life insurance could be right for some shoppers, but <a class="Link" href="https://www.bankrate.com/insurance/life-insurance/life-insurance-quotes/">comparing life insurance options</a> is often a good idea. Keep in mind that finding <a class="Link" href="https://www.bankrate.com/insurance/life-insurance/cheap-life-insurance/">cheap life insurance</a> will depend more on your qualifications and the policy type you choose. Here are some of the pros and cons of Progressive life insurance that we thought were particularly notable:</p></div> <div class="ProsAndConsTable"> <div class="ProsAndConsItem"> <div class="ProsAndConsItem-headerContainer"> <div> <img src="https://www.bankrate.com/v5.1521.3/next/img/svg/circle-check.svg" alt="Green circle with a checkmark inside"> </div> <h3 class="ProsAndConsItem-header"> Pros </h3> </div> <ul class="ProsAndConsItem-list"> <li>No exam options available</li> <li>Several types of coverage offered</li> <li>Wide range of death benefit limits</li> </ul> </div> <div class="ProsAndConsItem"> <div class="ProsAndConsItem-headerContainer"> <div> <img src="https://www.bankrate.com/v5.1521.3/next/img/svg/remove-circle.svg" alt="Red circle with an X inside"> </div> <h3 class="ProsAndConsItem-header"> Cons </h3> </div> <ul class="ProsAndConsItem-list"> <li>Underwritten by third parties</li> <li>Customer satisfaction depends on the underwriting company</li> <li>Will likely not work directly with Progressive once the policy is issued</li> </ul> </div> </div> </div> <div x-show="isSelected($id('tab', whichChild($el, $el.parentElement)))" :aria-labelledby="$id('tab', whichChild($el, $el.parentElement))" role="tabpanel" class="TabsV3-tab py- px-"> <div class="wysiwyg display-block w-full"> <h3>Progressive life insurance riders</h3> <p>Progressive does not include life insurance rider information on its website, but it does provide a list of <a class="Link" href="https://www.bankrate.com/insurance/life-insurance/life-insurance-riders/">common offerings</a>. Rider availability will likely depend on the type of policy you choose and which company underwrites your coverage. Keep in mind that adding riders will increase the <a class="Link" href="https://www.bankrate.com/insurance/life-insurance/life-insurance-cost/">cost of your life insurance</a>, but it may be worth it for the extra coverage. The best way to know what riders are available to you and how much they will cost is to request a quote and talk with an agent from the company handling your chosen policy type.</p></div> </div> </div> </div> </div> <div class="vertical-spacer pt-14" style="width: 100%; content: '';"></div> <div class="rate-table-life px-4 py-8 md:pb-6 md:px-8 box-shadow-4 w-full rounded-lg pos-relative" x-data="rateTableLifeInsurance" data-cy="life-widget" data-tagular-enabled data-tagular-element-type="FORM" data-tagular-location="SECTION" data-tagular-position="RATE TABLE" data-tagular-text="Compare life insurance providers quickly and easily" data-tagular-action-outcome="" style="z-index:2;"> <div class="text-center"> <p class="text-xl md:text-2xl type-heading-three mb-0 md:mb-2 leading-9">Compare life insurance providers quickly and easily</p> <p class="text-slate mb-0 leading-9">See which provider is right for you.</p> </div> <div class="input-container display-flex flex-direction-column md:flex-direction-row w-full mt-4 md:align-items-end"> <div class="mb-4 md:mb-0 md:mr-4 md:w-1/4"> <div x-data x-id="['input']" class="FormControl" x-bind:class="{'is-error': ageDropdown.hasError }"> <label x-bind:for="$id('input')" class="FormLabel"> Age</label> <div x-data="{ open: false, toggle() { if (this.open) { return this.close() } this.open = true }, close(focusAfter) { if (!this.open) return this.open = false focusAfter && focusAfter.focus() } }" x-on:keydown.escape.prevent.stop="close($refs.button)" x-on:focusin.window="! $refs.panel.contains($event.target) && close()" x-id="['dropdown-button']"> <button class="FormSelect pr-10 md:alpine-select-text-ellipsis" data-cy="form-select" title="button" x-on:click="toggle()" x-text="ageDropdown.value" x-ref="button"></button> <span class="FormSelect-arrow Icon Icon--xs"> <svg x-cloak x-show="!open" class="Icon-glyph" 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><svg x-cloak x-show="open" class="Icon-glyph" 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></span> <ul class="FormSelect-listContainer z-layer-two is-active h-auto" x-ref="panel" x-show="open" x-transition:enter.origin.top.left x-transition:leave.origin.bottom.left x-on:click.outside="close($refs.button)" :id="$id('dropdown-button')" x-cloak> <template x-for="(option, index) in ageDropdown.options" :key="index"> <li class="FormSelect-listItem" x-on:click="dropdownChange(ageDropdown, index); close()" x-bind:class="{ 'is-selected' : ageDropdown.value === ageDropdown.options[index] }" x-text="option" data-cy="FormSelect-listItem"> </li> </template> </ul> </div></div> <span class="FormElementHelp is-error text-size-xs mt-1" x-cloak="x-cloak" x-show="ageDropdown.hasError"> Please select age</span> </div> <div class="mb-4 md:mb-0 md:mr-4 md:-mt-1 md:w-1/4"> <div x-data x-id="['input']" class="FormControl" x-bind:class="{'is-error': coverageDropdown.hasError }"> <div class="clearfix display-flex align-items-baseline"> <label x-bind:for="$id('input')" class="FormLabel float-left"> Coverage amount</label> <div id="tfb7af54a-0df9-4166-9eb0-359b5b6264f7" class="display-none"> <div class="w-72" style="max-width: calc(100vw - 4rem)"> <div>The amount of coverage you need depends on many factors, including your age, income, mortgage and other debts and anticipated funeral expenses.</div></div> </div> <div class="display-inline-block ml-1 cursor-pointer ml-2 float-left"> <div x-data data-tippy-maxWidth="none" data-template="tfb7af54a-0df9-4166-9eb0-359b5b6264f7" role="tooltip" tabIndex="0" id="coverage-tooltip"x-tooltip="" > <span class="Icon Icon--xs -mt-2 text-blue"> <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 x-data="{ open: false, toggle() { if (this.open) { return this.close() } this.open = true }, close(focusAfter) { if (!this.open) return this.open = false focusAfter && focusAfter.focus() } }" x-on:keydown.escape.prevent.stop="close($refs.button)" x-on:focusin.window="! $refs.panel.contains($event.target) && close()" x-id="['dropdown-button']"> <button class="FormSelect pr-10 md:alpine-select-text-ellipsis" data-cy="form-select" title="button" x-on:click="toggle()" x-text="'$' + coverageDropdown.value" x-ref="button"></button> <span class="FormSelect-arrow Icon Icon--xs"> <svg x-cloak x-show="!open" class="Icon-glyph" 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><svg x-cloak x-show="open" class="Icon-glyph" 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></span> <ul class="FormSelect-listContainer z-layer-two is-active h-auto" x-ref="panel" x-show="open" x-transition:enter.origin.top.left x-transition:leave.origin.bottom.left x-on:click.outside="close($refs.button)" :id="$id('dropdown-button')" x-cloak> <template x-for="(option, index) in coverageDropdown.options" :key="index"> <li class="FormSelect-listItem" x-on:click="dropdownChange(coverageDropdown, index); close()" x-bind:class="{ 'is-selected' : '$' + coverageDropdown.value === coverageDropdown.options[index] }" x-text="option" data-cy="FormSelect-listItem"> </li> </template> </ul> </div></div> <span class="FormElementHelp is-error text-size-xs mt-1" x-cloak="x-cloak" x-show="coverageDropdown.hasError"> Please select Coverage amount</span> </div> <div class="mb-4 md:mb-0 md:mr-4 md:-mt-1 md:w-1/4"> <div x-data x-id="['input']" class="FormControl" x-bind:class="{'is-error': policyDropdown.hasError }"> <div class="clearfix display-flex align-items-baseline"> <label x-bind:for="$id('input')" class="FormLabel float-left"> Policy type</label> <div id="t4a59b821-2e55-4583-a53d-01efbe762891" class="display-none"> <div class="w-64" style="max-width: calc(100vw - 4rem)"> <div> <p class="+type-body-two text-sm mb-2"><strong>Whole life insurance</strong> combines life insurance with an investment component.</p> <ul class="+type-body-four mb-2"> <li>Coverage for life</li> <li>Tax-deferred savings benefit if premiums are paid</li> <li>3 variations of permanent insurance: whole life, universal life and variable life include investment component</li> </ul> <p class="+type-body-two text-sm mb-2"><strong>Term life insurance</strong> is precisely what the name implies: an insurance policy that is good for a specific term of time.</p> <ul class="+type-body-four"> <li>Fixed premium over term</li> <li>No savings benefits</li> <li>Outliving policy or policy cancellation results in no money back</li> </ul> </div></div> </div> <div class="display-inline-block ml-1 cursor-pointer ml-2 float-left"> <div x-data data-tippy-maxWidth="none" data-template="t4a59b821-2e55-4583-a53d-01efbe762891" role="tooltip" tabIndex="0" id="policy-tooltip" data-tippy-placement="top-start"x-tooltip="" > <span class="Icon Icon--xs -mt-2 text-blue"> <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 x-data="{ open: false, toggle() { if (this.open) { return this.close() } this.open = true }, close(focusAfter) { if (!this.open) return this.open = false focusAfter && focusAfter.focus() } }" x-on:keydown.escape.prevent.stop="close($refs.button)" x-on:focusin.window="! $refs.panel.contains($event.target) && close()" x-id="['dropdown-button']"> <button class="FormSelect pr-10 md:alpine-select-text-ellipsis" data-cy="form-select" title="button" x-on:click="toggle()" x-text="policyDropdown.value" x-ref="button"></button> <span class="FormSelect-arrow Icon Icon--xs"> <svg x-cloak x-show="!open" class="Icon-glyph" 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><svg x-cloak x-show="open" class="Icon-glyph" 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></span> <ul class="FormSelect-listContainer z-layer-two is-active h-auto" x-ref="panel" x-show="open" x-transition:enter.origin.top.left x-transition:leave.origin.bottom.left x-on:click.outside="close($refs.button)" :id="$id('dropdown-button')" x-cloak> <template x-for="(option, index) in policyDropdown.options" :key="index"> <li class="FormSelect-listItem" x-on:click="dropdownChange(policyDropdown, index); close()" x-bind:class="{ 'is-selected' : policyDropdown.value === policyDropdown.options[index] }" x-text="option" data-cy="FormSelect-listItem"> </li> </template> </ul> </div></div> <span class="FormElementHelp is-error text-size-xs mt-1" x-cloak="x-cloak" x-show="policyDropdown.hasError"> Please select Policy type</span> </div> <div class="zip-input mb-0 md:w-1/4"> <div x-data x-id="['input']" class="FormControl" x-bind:class="{'is-error': zipInput.hasError }"> <label x-bind:for="$id('input')" class="FormLabel"> ZIP Code</label> <input x-bind:id="$id('input')" class="FormInput" name="zip_code_input" maxlength="5" x-model="zipInput.value" x-on:keypress="onlyNumbers" x-on:blur="inputChange(zipInput)"> <span class="pos-absolute right-1 text-slate bottom-4 pointer-events-none pr-4 leading-none h-4"> <span class="icon icon-size"> <svg class="h-4" width="16" height="20" viewBox="0 0 16 20" xmlns="http://www.w3.org/2000/svg"> <title>Location-Icon</title> <path fill-rule="evenodd" clip-rule="evenodd" d="M8 20C2.66667 15.3333 0 11.3333 0 8C0 3 3.58172 0 8 0C12.4183 0 16 3 16 8C16 11.3333 13.3333 15.3333 8 20ZM2 8C2 10.3626 3.95475 13.5154 8 17.3039C12.0453 13.5154 14 10.3626 14 8C14 4.32919 11.5476 2 8 2C4.45236 2 2 4.32919 2 8ZM8 11C6.34315 11 5 9.65685 5 8C5 6.34315 6.34315 5 8 5C9.65685 5 11 6.34315 11 8C11 9.65685 9.65685 11 8 11Z" fill="#151515"/> </svg> </span> </span></div> <span class="FormElementHelp mt-1 text-center text-size-xs mt-2 -mb-5 md:mb-0" x-show="!zipInput.hasError"> Your information is secure</span> <span class="FormElementHelp is-error text-size-xs mt-1" x-cloak="x-cloak" x-show="zipInput.hasError" x-text="zipInput.errorMessage"> </span> </div> </div> <div class="mt-8 md:mt-2 text-center"> <button @click="submitForm" data-cy="life-widget-submit" type="submit" class="Button Button--primary w-full md:w-60"> Find matches</button> </div> <div class="display-flex flex-direction-column md:flex-direction-row align-items-center mb-1 justify-content-center w-full mt-6 md:mt-4"data-cy="disclosure-container"> <p class="mb-0 type-body-three text-slate">Powered by Coverage.com (NPN: 19966249)</p> <div class="display-flex align-items-center mt-2 md:mt-0"> <div class="bg-gray h-3 w-px mx-2 md:mx-4 display-none md:display-block"></div> <div class="pos-relative type-body-three"x-data="{ advertisingDisclosureOpen: false }" data-cy="advertiser-disclosure"> <a class="display-inline-block Link hover:text-blue-mid" @click.prevent="advertisingDisclosureOpen = !advertisingDisclosureOpen" @click.away="advertisingDisclosureOpen = false" href="#"> Advertising disclosure </a> <div class="pos-absolute bg-white bg-auto border border-blue max-w-md z-layer-two p-2 mt-2 text-left" x-cloak x-show="advertisingDisclosureOpen" style="width: 16.875rem; left: -25%; top: 1.25rem;" data-cy="advertiser-disclosure-content"> <div class="type-body-three mb-0"> This advertisement is powered by Coverage.com, LLC, a licensed insurance producer (NPN: 19966249) and a corporate affiliate of Bankrate. The offers and links that appear on this advertisement are from companies that compensate Coverage.com in different ways. The compensation received and other factors, such as your location, may impact what offers and links appear, and how, where and in what order they appear. While we seek to provide a wide range of offers, we do not include every product or service that may be available. Our goal is to keep information accurate and timely, but some information may not be current. Your actual offer from an advertiser may be different from the offer on this advertisement. All offers are subject to additional terms and conditions. </div> </div> </div> <div class="bg-gray h-3 w-px mx-2 md:mx-4"></div> <div x-data="{ insuranceDisclosureOpen: false }" class="insurance-disclosure type-body-three pos-relative" data-cy="insurance-disclosure"> <div class="mb-0 md:display-flex justify-content-center align-items-baseline"> <a href="#" class="ad-disclosure-btn display-inline-block Link hover:text-blue-mid" @click.prevent="insuranceDisclosureOpen = !insuranceDisclosureOpen" @click.away="insuranceDisclosureOpen = false"> Insurance disclosure </a> </div> <div class="pos-absolute bg-white bg-auto border border-blue max-w-md z-layer-two p-2 mt-2 right text-left" x-cloak x-show="insuranceDisclosureOpen" style="width: 16.875rem; right: -25%; top: 1.25rem;" data-cy="insurance-disclosure-content"> <p class="type-body-three mb-0"> Coverage.com, LLC is a licensed insurance producer (NPN: 19966249). Coverage.com services are only available in <a href="https://www.coverage.com/insurance-licenses/" target="_blank">states where it is licensed</a>. Coverage.com may not offer insurance coverage in all states or scenarios. All insurance products are governed by the terms in the applicable insurance policy, and all related decisions (such as approval for coverage, premiums, commissions and fees) and policy obligations are the sole responsibility of the underwriting insurer. The information on this site does not modify any insurance policy terms in any way. </p> </div> </div> </div> </div> <div x-cloak x-show="showResults" class="mt-4"> <div class="insurer pb-10 pt-3 md:py-10" x-show="featuredPlacement" x-intersect="trackProductViewed(featuredPlacement, -1)" > <div class="display-flex flex-direction-row justify-content-space-between flex-wrap mb-8 text-center md:text-left"> <div class="w-full md:w-3/12 md:pr-3"> <img :src="featuredPlacement.logo_url" alt=""> </div> <div class="mt-8 md:mt-0 md:w-6/12 md:pr-3"> <p class="my-5 type-heading-four border-b py-2 md:m-0" x-text="featuredPlacement.sub_headline"></p> </div> <div class="w-full md:w-3/12 text-center md:text-left"> <span @click="trackProductClicked(featuredPlacement, -1)" > <a :href="featuredPlacement.urlWithParams" target="_blank" rel="noopener" class="Button Button--primary w-full"> <span> View rate</span> <svg class="Icon Icon--sm" 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> </span> </div> </div> <div class="display-flex flex-direction-column align-items-start md:flex-direction-row md:align-items-center text-center ad-text-container pt-4 align-items-center"> <div class="pl-5 md:pl-0 md:pr-2 md:pt-2"> <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></div> <div class="ad-text-arrow border-gray-light"></div> <div class="flex-grow bg-gray-light p-4 text-slate text-left font-semibold" style="font-size: 18px"> Why Lemonade? It's a fresh twist on life insurance: easy, accessible and affordable.</div> </div> </div> <div class="display-flex flex-direction-row"> <div x-cloak x-show="showMoreText()" class="flex-none pr-2 -mt-4"> See <span x-text="ads.length - adsFiltered.length"></span> more providers in <span class="text-blue" x-text="zipInput.value"></span> </div> <div x-cloak x-show="!showMoreText()" class="flex-none pr-2 -mt-4"> Choose from <span x-text="adsFiltered.length"></span> insurers in <span class="text-blue" x-text="zipInput.value"></span> </div> <div class="border-t w-full"></div> </div> <div class="insurer-list" data-cy="carrier-list"> <template x-for="(ad, index) in adsFiltered" :key="ad.carrier"> <div class="insurer display-flex flex-direction-row justify-content-space-between flex-wrap py-4 border-b border-gray align-items-center" x-intersect="trackProductViewed(ad, index)" data-cy="life-widget-ads"> <div class="w-full text-center md:text-left md:w-3/12"> <img :src="ad.small_image_url" alt=""> </div> <div class="w-full text-center type-heading-four my-5 md:w-6/12 md:pl-2 md:pr-4 md:pb-0 md:text-left md:my-0" x-text="ad.headline"></div> <div class="w-full md:w-3/12 text-center md:text-right"> <span @click="trackProductClicked(ad, index)"> <a :href="ad.click_url" target="_blank" rel="noopener" x-show="!ad.phone" class="Button Button--primary w-full"> <span>View rate</span> <svg class="Icon Icon--sm" 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> <a :href="`tel:${ad.phone}`" x-show="ad.phone" class="Button Button--primary w-full md:px-0"> <span x-data="formatPhone" x-text="formatPhoneNum(ad.phone ?? '')"></span> </a> </span> </div> </div> </template> </div> <div class="text-center p-4"> <button class="Button Button--secondary" x-show="adsFiltered.length !== ads.length" @click="showMore()"> Show More </button> </div> </div> </div> <script> window.blok = window.blok ? window.blok : {}; window.blok.zipLabel = 'ZIP code'; window.blok.ageLabel = 'Age'; window.blok.ageOptions = JSON.parse('[\u002222-24\u0022,\u002225-34\u0022,\u002235-44\u0022,\u002245-54\u0022,\u002255-59\u0022,\u002260+\u0022]'); window.blok.coverageLabel = 'Coverage amount'; window.blok.coverageOptions = JSON.parse('[\u00220-75,000\u0022,\u002275,000-125,000\u0022,\u0022125,000-250,000\u0022,\u0022250,000-500,000\u0022,\u0022500,000-1,000,000\u0022,\u00221,000,000+\u0022]'); window.blok.policyLabel = 'Policy type'; window.blok.policyOptions = JSON.parse('[\u0022Term 5 Years\u0022,\u0022Term 10 Years\u0022,\u0022Term 20 Years\u0022,\u0022Term 30 Years\u0022,\u0022Whole Life\u0022,\u0022Final Expense\u0022,\u0022Not Sure\u0022]'); window.blok.zipcode = '0'; window.blok.insurersDefaultLimit = '3'; window.blok.featuredPlacementRule = '6d04b686-3602-4d6d-96ce-e70def70052d'; </script> <style> #coverage-tooltip .Icon, #policy-tooltip .Icon { margin-top: 0!important; } .FormSelect, .FormInput { border-color: #868A9A; } @media (min-width: 62.4em) and (max-width: 70.125em) { .zip-input { margin-bottom: -2.625rem!important; } .input-container { margin-bottom: 3.125rem; } } @media (min-width: 70.15em) { .zip-input { margin-bottom: -1.313rem!important; } .input-container { margin-bottom: 2.5rem; } } </style> <div class="vertical-spacer pt-8 " style="width: 100%; content: '';"></div> <div class="section-title border-gray"> <h2 level="2" class="type-heading-two mb-4"> Compare Progressive with other insurers </h2> </div> <div class="vertical-spacer pt-4" style="width: 100%; content: '';"></div> <div class="wysiwyg display-block w-full"> <p id="compare-progressive-with-other-insurers">Finding a home, life or car insurance carrier that fits your specific needs can be intimidating. However, getting quotes from several companies and comparing rates and features can be one of the best ways to find the right fit. If you’re not sure about Progressive, consider the following comparable companies.</p></div> <div class="insurance-comparison-table box-shadow-1 w-full rounded-lg" x-data="{ init() { var text1 = document.getElementById('overview-1'); var btn1 = document.getElementById('read-more-btn-1'); var text2 = document.getElementById('overview-2'); var btn2 = document.getElementById('read-more-btn-2'); var text3 = document.getElementById('overview-3'); var btn3 = document.getElementById('read-more-btn-3'); if (text1.offsetHeight > 112) { text1.classList.add('truncate-content'); btn1.classList.remove('display-none'); } if (text2.offsetHeight > 112) { text2.classList.add('truncate-content'); btn2.classList.remove('display-none'); } if (text3?.offsetHeight > 112) { text3.classList.add('truncate-content'); btn3.classList.remove('display-none'); } }, toogleAccordion() { this.open = !this.open; }, toggleText(num) { var text = document.getElementById(`overview-${num}`); var btn = document.getElementById(`read-more-btn-${num}`); if (text.classList.contains('truncate-content')) { text.classList.remove('truncate-content'); btn.innerHTML = 'Read Less'; } else { text.classList.add('truncate-content'); btn.innerHTML = 'Read More'; } } }"> <div class="insurance-comparison-table-container pos-relative"> <table class="mb-0" style="border-collapse: separate; border-spacing: 0px;"> <thead> <tr> <th class="w-1/3 featured-background" data-product="0" style="vertical-align: top;"> <div class="pos-relative rounded-tl-lg"> <div class="insurance-comparison-table-featureTag bg-teal-600 h-10 max-h-10 text-white display-flex flex-direction-row align-items-center justify-content-center text-white gap-x-2 rounded-tl-md"> <span class="display-block Icon Icon--xs"> <svg class="Icon-glyph" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Badge Icon</title><path fill-rule="evenodd" clip-rule="evenodd" d="M17.856 16.638a2.291 2.291 0 0 0 1.514-2.15v-.764c0-.283.115-.551.314-.75l.535-.543a2.25 2.25 0 0 0 .68-1.622c0-.612-.236-1.193-.672-1.629l-.536-.535a1.053 1.053 0 0 1-.306-.75V7.13a2.303 2.303 0 0 0-2.294-2.302h-.773c-.29 0-.558-.115-.75-.306l-.543-.551a2.294 2.294 0 0 0-3.243 0l-.535.535a1.04 1.04 0 0 1-.75.306h-.773a2.296 2.296 0 0 0-2.287 2.196c-.015.038-.015.084-.015.122v.757c0 .283-.115.551-.314.75l-.474.482-.034.03-.035.031a2.28 2.28 0 0 0-.665 1.614c0 .612.245 1.193.68 1.63l.536.535c.199.199.306.466.306.75v.764c0 1.003.652 1.861 1.553 2.171v4.377a1.37 1.37 0 0 0 1.377 1.377h.008c.214 0 .42-.046.62-.146l2.477-1.239a.147.147 0 0 1 .138 0l2.241 1.186c.429.23.934.214 1.354-.038a1.37 1.37 0 0 0 .666-1.178v-4.345Zm-4.445-8.3c-.65 0-1.262.253-1.728.72a2.442 2.442 0 0 0 0 3.457c.925.925 2.531.925 3.457 0a2.425 2.425 0 0 0 .719-1.729c0-.65-.252-1.262-.719-1.728a2.425 2.425 0 0 0-1.729-.72Z" fill="transparent" class="icon-offset"/><path fill-rule="evenodd" clip-rule="evenodd" d="M11.996 17.975c-.64 0-1.287-.244-1.775-.732l-.597-.605a1.157 1.157 0 0 0-.824-.328h-.32v4.676c0 .076.042.118.084.143.034.025.093.042.16 0l2.725-1.363c.438-.218.959-.21 1.388.017l2.464 1.304a.194.194 0 0 0 .168 0c.034-.025.085-.067.085-.143v-4.626h-.37c-.32 0-.606.118-.825.336l-.589.59a2.521 2.521 0 0 1-1.791.74l.017-.009Zm4.048-3.011h-.835c-.673 0-1.304.26-1.775.732l-.589.588a1.17 1.17 0 0 1-1.657.017l-.597-.605a2.493 2.493 0 0 0-1.775-.732h-.86a.672.672 0 0 0-.182-.016 1.192 1.192 0 0 1-.985-1.17v-.841c0-.673-.26-1.304-.731-1.775l-.59-.589a1.177 1.177 0 0 1-.067-1.606c.026-.017.068-.06.068-.06l.589-.596a2.493 2.493 0 0 0 .731-1.775v-.732c.009-.033.009-.075.009-.117 0-.657.53-1.186 1.177-1.186h.85c.673 0 1.303-.261 1.775-.732l.588-.589a1.178 1.178 0 0 1 1.657 0l.597.606a2.493 2.493 0 0 0 1.775.731h.85c.647 0 1.177.539 1.177 1.186v.841c0 .673.26 1.304.732 1.775l.589.589c.227.219.353.513.353.833 0 .32-.126.614-.353.84l-.59.598a2.494 2.494 0 0 0-.73 1.775v.84c0 .57-.41 1.041-.954 1.147a.68.68 0 0 0-.247.023Zm.855 1.202a2.52 2.52 0 0 0 1.666-2.363v-.841c0-.311.126-.606.345-.824l.588-.597c.488-.48.749-1.11.749-1.784a2.52 2.52 0 0 0-.74-1.791l-.59-.589a1.157 1.157 0 0 1-.336-.824v-.841a2.533 2.533 0 0 0-2.523-2.532h-.85c-.319 0-.613-.126-.824-.336l-.597-.606a2.523 2.523 0 0 0-3.566 0l-.589.589a1.143 1.143 0 0 1-.824.336h-.85a2.525 2.525 0 0 0-2.514 2.414c-.017.042-.017.093-.017.135v.832c0 .312-.126.606-.345.825l-.522.53a.54.54 0 0 1-.037.033 2.508 2.508 0 0 0-.77 1.808c0 .674.27 1.313.749 1.792l.588.589c.219.219.337.513.337.824v.841c0 1.103.717 2.046 1.707 2.388v4.812A1.506 1.506 0 0 0 8.648 22.5h.009a1.5 1.5 0 0 0 .681-.16l2.725-1.362a.16.16 0 0 1 .151 0l2.465 1.303a1.495 1.495 0 0 0 1.489-.042c.454-.277.731-.757.731-1.295v-4.777Zm-4.887-2.397a4.002 4.002 0 0 1-2.85-1.185 4.036 4.036 0 0 1 0-5.703 4.002 4.002 0 0 1 2.85-1.186c1.077 0 2.086.42 2.852 1.186a4.002 4.002 0 0 1 1.186 2.851c0 1.077-.42 2.086-1.186 2.852a4.002 4.002 0 0 1-2.852 1.185Zm0-6.728c-.715 0-1.387.277-1.9.79a2.685 2.685 0 0 0 0 3.802c1.017 1.018 2.784 1.018 3.801 0 .513-.513.79-1.186.79-1.9 0-.716-.277-1.389-.79-1.902a2.666 2.666 0 0 0-1.9-.79Z" class="icon-base"/></svg> </span> <span class="display-block capitalize">Featured</span> <span class="w-1"></span> </div> </div> <div class="mx-auto pt-6 pb-6 px-10 display-flex flex-direction-column gap-y-6 text-black"> <div class="display-flex flex-direction-column align-items-center"> <h2 class="type-heading-four my-0 text-crop-none font-bold leading-7"> Progressive </h2> </div> <div class="display-flex justify-content-center"> <img src="https://cdn.insurance.redventures.io/images/progressive.svg" alt="Progressive" width="200px" height="95px"> </div> <div class="display-flex flex-direction-column align-items-center" x-data="{ scoreOpen: false, }"> <div @click="scoreOpen = !scoreOpen" :class="scoreOpen ? 'open' : 'closed'" class="display-flex align-items-center"> <span class="display-flex align-items-center font-bold gap-2" style="font-size: 16px;"> <div class="star-rating star-rating--number-size-sm" style="font-size: 16px"> <span class="visually-hidden">Rating: 4.4 stars out of 5</span> <div class="star-rating__main-content"> <div class="star-rating__items-container"> <div class="star-rating__item"> <svg class="star-rating__icon" width="16" height="15" viewBox="0 0 16 15"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z"></path> </svg> <div class="star-rating__fill" style="width: 100%"> <svg class="star-rating__icon" width="16" height="15" viewBox="0 0 16 15"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z"></path> </svg> </div> </div> <div class="star-rating__item"> <svg class="star-rating__icon" width="16" height="15" viewBox="0 0 16 15"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z"></path> </svg> <div class="star-rating__fill" style="width: 100%"> <svg class="star-rating__icon" width="16" height="15" viewBox="0 0 16 15"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z"></path> </svg> </div> </div> <div class="star-rating__item"> <svg class="star-rating__icon" width="16" height="15" viewBox="0 0 16 15"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z"></path> </svg> <div class="star-rating__fill" style="width: 100%"> <svg class="star-rating__icon" width="16" height="15" viewBox="0 0 16 15"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z"></path> </svg> </div> </div> <div class="star-rating__item"> <svg class="star-rating__icon" width="16" height="15" viewBox="0 0 16 15"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z"></path> </svg> <div class="star-rating__fill" style="width: 100%"> <svg class="star-rating__icon" width="16" height="15" viewBox="0 0 16 15"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z"></path> </svg> </div> </div> <div class="star-rating__item"> <svg class="star-rating__icon" width="16" height="15" viewBox="0 0 16 15"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z"></path> </svg> <div class="star-rating__fill" style="width: 43%"> <svg class="star-rating__icon" width="16" height="15" viewBox="0 0 16 15"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z"></path> </svg> </div> </div> </div> </div> </div> 4.4</span> <div id="t33220182-d376-42d6-be58-0d56d4405dab" class="display-none"> <div class="w-72" style="max-width: calc(100vw - 4rem)"> Bankrate scores primarily reflect a weighted rank of industry standard ratings for financial strength and customer experience, in addition to average quoted rates. A secondary assessment of each provider's online and mobile resources and policy management options also contributed to overall ratings</div> </div> <div class="display-inline-block ml-1 cursor-pointer "> <div x-data data-tippy-maxWidth="none" data-template="t33220182-d376-42d6-be58-0d56d4405dab" role="tooltip" tabIndex="0" class="-mb-1 ml-1" data-tippy-placement="bottom"x-tooltip="" > <span class="Icon Icon--xs -mt-2 text-black"> <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> <span class="Accordion-icon Icon Icon--xs ml-4"> <svg class="Icon-glyph" 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></span> </div> <div :class="scoreOpen ? 'display-block' : 'display-none'" class="text-xs pt-2 border-t w-full mt-2" style="height: 105px;"> <span class="display-flex justify-content-space-between align-items-center py-2"> <p class="mb-0">Cost & ratings</p> <span class="display-flex align-items-center font-bold gap-2" style="font-size: 16px;"> <div class="star-rating star-rating--number-size-sm" style="font-size: 16px"> <span class="visually-hidden">Rating: 4.2 stars out of 5</span> <div class="star-rating__main-content"> <div class="star-rating__items-container"> <div class="star-rating__item"> <svg class="star-rating__icon" width="16" height="15" viewBox="0 0 16 15"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z"></path> </svg> <div class="star-rating__fill" style="width: 100%"> <svg class="star-rating__icon" width="16" height="15" viewBox="0 0 16 15"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z"></path> </svg> </div> </div> <div class="star-rating__item"> <svg class="star-rating__icon" width="16" height="15" viewBox="0 0 16 15"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z"></path> </svg> <div class="star-rating__fill" style="width: 100%"> <svg class="star-rating__icon" width="16" height="15" viewBox="0 0 16 15"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z"></path> </svg> </div> </div> <div class="star-rating__item"> <svg class="star-rating__icon" width="16" height="15" viewBox="0 0 16 15"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z"></path> </svg> <div class="star-rating__fill" style="width: 100%"> <svg class="star-rating__icon" width="16" height="15" viewBox="0 0 16 15"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z"></path> </svg> </div> </div> <div class="star-rating__item"> <svg class="star-rating__icon" width="16" height="15" viewBox="0 0 16 15"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z"></path> </svg> <div class="star-rating__fill" style="width: 100%"> <svg class="star-rating__icon" width="16" height="15" viewBox="0 0 16 15"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z"></path> </svg> </div> </div> <div class="star-rating__item"> <svg class="star-rating__icon" width="16" height="15" viewBox="0 0 16 15"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z"></path> </svg> <div class="star-rating__fill" style="width: 29%"> <svg class="star-rating__icon" width="16" height="15" viewBox="0 0 16 15"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z"></path> </svg> </div> </div> </div> </div> </div> 4.2</span> </span> <span class="display-flex justify-content-space-between align-items-center py-2"> <p class="mb-0">Coverage</p> <span class="display-flex align-items-center font-bold gap-2" style="font-size: 16px;"> <div class="star-rating star-rating--number-size-sm" style="font-size: 16px"> <span class="visually-hidden">Rating: 5 stars out of 5</span> <div class="star-rating__main-content"> <div class="star-rating__items-container"> <div class="star-rating__item"> <svg class="star-rating__icon" width="16" height="15" viewBox="0 0 16 15"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z"></path> </svg> <div class="star-rating__fill" style="width: 100%"> <svg class="star-rating__icon" width="16" height="15" viewBox="0 0 16 15"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z"></path> </svg> </div> </div> <div class="star-rating__item"> <svg class="star-rating__icon" width="16" height="15" viewBox="0 0 16 15"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z"></path> </svg> <div class="star-rating__fill" style="width: 100%"> <svg class="star-rating__icon" width="16" height="15" viewBox="0 0 16 15"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z"></path> </svg> </div> </div> <div class="star-rating__item"> <svg class="star-rating__icon" width="16" height="15" viewBox="0 0 16 15"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z"></path> </svg> <div class="star-rating__fill" style="width: 100%"> <svg class="star-rating__icon" width="16" height="15" viewBox="0 0 16 15"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z"></path> </svg> </div> </div> <div class="star-rating__item"> <svg class="star-rating__icon" width="16" height="15" viewBox="0 0 16 15"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z"></path> </svg> <div class="star-rating__fill" style="width: 100%"> <svg class="star-rating__icon" width="16" height="15" viewBox="0 0 16 15"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z"></path> </svg> </div> </div> <div class="star-rating__item"> <svg class="star-rating__icon" width="16" height="15" viewBox="0 0 16 15"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z"></path> </svg> <div class="star-rating__fill" style="width: 100%"> <svg class="star-rating__icon" width="16" height="15" viewBox="0 0 16 15"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z"></path> </svg> </div> </div> </div> </div> </div> 5.0</span> </span> <span class="display-flex justify-content-space-between align-items-center py-2"> <p class="mb-0">Support</p> <span class="display-flex align-items-center font-bold gap-2" style="font-size: 16px;"> <div class="star-rating star-rating--number-size-sm" style="font-size: 16px"> <span class="visually-hidden">Rating: 4.3 stars out of 5</span> <div class="star-rating__main-content"> <div class="star-rating__items-container"> <div class="star-rating__item"> <svg class="star-rating__icon" width="16" height="15" viewBox="0 0 16 15"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z"></path> </svg> <div class="star-rating__fill" style="width: 100%"> <svg class="star-rating__icon" width="16" height="15" viewBox="0 0 16 15"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z"></path> </svg> </div> </div> <div class="star-rating__item"> <svg class="star-rating__icon" width="16" height="15" viewBox="0 0 16 15"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z"></path> </svg> <div class="star-rating__fill" style="width: 100%"> <svg class="star-rating__icon" width="16" height="15" viewBox="0 0 16 15"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z"></path> </svg> </div> </div> <div class="star-rating__item"> <svg class="star-rating__icon" width="16" height="15" viewBox="0 0 16 15"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z"></path> </svg> <div class="star-rating__fill" style="width: 100%"> <svg class="star-rating__icon" width="16" height="15" viewBox="0 0 16 15"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z"></path> </svg> </div> </div> <div class="star-rating__item"> <svg class="star-rating__icon" width="16" height="15" viewBox="0 0 16 15"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z"></path> </svg> <div class="star-rating__fill" style="width: 100%"> <svg class="star-rating__icon" width="16" height="15" viewBox="0 0 16 15"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z"></path> </svg> </div> </div> <div class="star-rating__item"> <svg class="star-rating__icon" width="16" height="15" viewBox="0 0 16 15"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z"></path> </svg> <div class="star-rating__fill" style="width: 36%"> <svg class="star-rating__icon" width="16" height="15" viewBox="0 0 16 15"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z"></path> </svg> </div> </div> </div> </div> </div> 4.3</span> </span> </div> </div> <div class="display-flex flex-direction-column align-items-center w-full"> <a class="text-lg display-block Button Button--primary w-full font-bold" href="/insurance/reviews/progressive/" target="_blank"> Read Review </a> <span class="display-block text-xs leading-5 font-normal mt-2 text-slate"></span> </div> </div> </th> <th class="w-1/3" data-product="1" style="vertical-align: top;"> <div class="mx-auto pt-6 pb-6 px-10 display-flex flex-direction-column gap-y-6 text-black pt-16"> <div class="display-flex flex-direction-column align-items-center"> <h2 class="type-heading-four my-0 text-crop-none font-bold leading-7"> Geico </h2> </div> <div class="display-flex justify-content-center"> <img src="https://cdn.insurance.redventures.io/images/geico.svg" alt="Geico" width="200px" height="95px"> </div> <div class="display-flex flex-direction-column align-items-center" x-data="{ scoreOpen: false, }"> <div @click="scoreOpen = !scoreOpen" :class="scoreOpen ? 'open' : 'closed'" class="display-flex align-items-center"> <span class="display-flex align-items-center font-bold gap-2" style="font-size: 16px;"> <div class="star-rating star-rating--number-size-sm" style="font-size: 16px"> <span class="visually-hidden">Rating: 4.4 stars out of 5</span> <div class="star-rating__main-content"> <div class="star-rating__items-container"> <div class="star-rating__item"> <svg class="star-rating__icon" width="16" height="15" viewBox="0 0 16 15"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z"></path> </svg> <div class="star-rating__fill" style="width: 100%"> <svg class="star-rating__icon" width="16" height="15" viewBox="0 0 16 15"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z"></path> </svg> </div> </div> <div class="star-rating__item"> <svg class="star-rating__icon" width="16" height="15" viewBox="0 0 16 15"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z"></path> </svg> <div class="star-rating__fill" style="width: 100%"> <svg class="star-rating__icon" width="16" height="15" viewBox="0 0 16 15"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z"></path> </svg> </div> </div> <div class="star-rating__item"> <svg class="star-rating__icon" width="16" height="15" viewBox="0 0 16 15"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z"></path> </svg> <div class="star-rating__fill" style="width: 100%"> <svg class="star-rating__icon" width="16" height="15" viewBox="0 0 16 15"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z"></path> </svg> </div> </div> <div class="star-rating__item"> <svg class="star-rating__icon" width="16" height="15" viewBox="0 0 16 15"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z"></path> </svg> <div class="star-rating__fill" style="width: 100%"> <svg class="star-rating__icon" width="16" height="15" viewBox="0 0 16 15"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z"></path> </svg> </div> </div> <div class="star-rating__item"> <svg class="star-rating__icon" width="16" height="15" viewBox="0 0 16 15"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z"></path> </svg> <div class="star-rating__fill" style="width: 43%"> <svg class="star-rating__icon" width="16" height="15" viewBox="0 0 16 15"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z"></path> </svg> </div> </div> </div> </div> </div> 4.4</span> <div id="tb696fb9b-ee50-4b21-bbd7-599357ed62ab" class="display-none"> <div class="w-72" style="max-width: calc(100vw - 4rem)"> Bankrate scores primarily reflect a weighted rank of industry standard ratings for financial strength and customer experience, in addition to average quoted rates. A secondary assessment of each provider's online and mobile resources and policy management options also contributed to overall ratings</div> </div> <div class="display-inline-block ml-1 cursor-pointer "> <div x-data data-tippy-maxWidth="none" data-template="tb696fb9b-ee50-4b21-bbd7-599357ed62ab" role="tooltip" tabIndex="0" class="-mb-1 ml-1" data-tippy-placement="bottom"x-tooltip="" > <span class="Icon Icon--xs -mt-2 text-black"> <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> <span class="Accordion-icon Icon Icon--xs ml-4"> <svg class="Icon-glyph" 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></span> </div> <div :class="scoreOpen ? 'display-block' : 'display-none'" class="text-xs pt-2 border-t w-full mt-2" style="height: 105px;"> <span class="display-flex justify-content-space-between align-items-center py-2"> <p class="mb-0">Cost & ratings</p> <span class="display-flex align-items-center font-bold gap-2" style="font-size: 16px;"> <div class="star-rating star-rating--number-size-sm" style="font-size: 16px"> <span class="visually-hidden">Rating: 4.7 stars out of 5</span> <div class="star-rating__main-content"> <div class="star-rating__items-container"> <div class="star-rating__item"> <svg class="star-rating__icon" width="16" height="15" viewBox="0 0 16 15"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z"></path> </svg> <div class="star-rating__fill" style="width: 100%"> <svg class="star-rating__icon" width="16" height="15" viewBox="0 0 16 15"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z"></path> </svg> </div> </div> <div class="star-rating__item"> <svg class="star-rating__icon" width="16" height="15" viewBox="0 0 16 15"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z"></path> </svg> <div class="star-rating__fill" style="width: 100%"> <svg class="star-rating__icon" width="16" height="15" viewBox="0 0 16 15"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z"></path> </svg> </div> </div> <div class="star-rating__item"> <svg class="star-rating__icon" width="16" height="15" viewBox="0 0 16 15"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z"></path> </svg> <div class="star-rating__fill" style="width: 100%"> <svg class="star-rating__icon" width="16" height="15" viewBox="0 0 16 15"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z"></path> </svg> </div> </div> <div class="star-rating__item"> <svg class="star-rating__icon" width="16" height="15" viewBox="0 0 16 15"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z"></path> </svg> <div class="star-rating__fill" style="width: 100%"> <svg class="star-rating__icon" width="16" height="15" viewBox="0 0 16 15"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z"></path> </svg> </div> </div> <div class="star-rating__item"> <svg class="star-rating__icon" width="16" height="15" viewBox="0 0 16 15"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z"></path> </svg> <div class="star-rating__fill" style="width: 64%"> <svg class="star-rating__icon" width="16" height="15" viewBox="0 0 16 15"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z"></path> </svg> </div> </div> </div> </div> </div> 4.7</span> </span> <span class="display-flex justify-content-space-between align-items-center py-2"> <p class="mb-0">Coverage</p> <span class="display-flex align-items-center font-bold gap-2" style="font-size: 16px;"> <div class="star-rating star-rating--number-size-sm" style="font-size: 16px"> <span class="visually-hidden">Rating: 4 stars out of 5</span> <div class="star-rating__main-content"> <div class="star-rating__items-container"> <div class="star-rating__item"> <svg class="star-rating__icon" width="16" height="15" viewBox="0 0 16 15"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z"></path> </svg> <div class="star-rating__fill" style="width: 100%"> <svg class="star-rating__icon" width="16" height="15" viewBox="0 0 16 15"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z"></path> </svg> </div> </div> <div class="star-rating__item"> <svg class="star-rating__icon" width="16" height="15" viewBox="0 0 16 15"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z"></path> </svg> <div class="star-rating__fill" style="width: 100%"> <svg class="star-rating__icon" width="16" height="15" viewBox="0 0 16 15"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z"></path> </svg> </div> </div> <div class="star-rating__item"> <svg class="star-rating__icon" width="16" height="15" viewBox="0 0 16 15"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z"></path> </svg> <div class="star-rating__fill" style="width: 100%"> <svg class="star-rating__icon" width="16" height="15" viewBox="0 0 16 15"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z"></path> </svg> </div> </div> <div class="star-rating__item"> <svg class="star-rating__icon" width="16" height="15" viewBox="0 0 16 15"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z"></path> </svg> <div class="star-rating__fill" style="width: 100%"> <svg class="star-rating__icon" width="16" height="15" viewBox="0 0 16 15"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z"></path> </svg> </div> </div> <div class="star-rating__item"> <svg class="star-rating__icon" width="16" height="15" viewBox="0 0 16 15"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z"></path> </svg> <div class="star-rating__fill" style="width: 0%"> <svg class="star-rating__icon" width="16" height="15" viewBox="0 0 16 15"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z"></path> </svg> </div> </div> </div> </div> </div> 4.0</span> </span> <span class="display-flex justify-content-space-between align-items-center py-2"> <p class="mb-0">Support</p> <span class="display-flex align-items-center font-bold gap-2" style="font-size: 16px;"> <div class="star-rating star-rating--number-size-sm" style="font-size: 16px"> <span class="visually-hidden">Rating: 4.4 stars out of 5</span> <div class="star-rating__main-content"> <div class="star-rating__items-container"> <div class="star-rating__item"> <svg class="star-rating__icon" width="16" height="15" viewBox="0 0 16 15"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z"></path> </svg> <div class="star-rating__fill" style="width: 100%"> <svg class="star-rating__icon" width="16" height="15" viewBox="0 0 16 15"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z"></path> </svg> </div> </div> <div class="star-rating__item"> <svg class="star-rating__icon" width="16" height="15" viewBox="0 0 16 15"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z"></path> </svg> <div class="star-rating__fill" style="width: 100%"> <svg class="star-rating__icon" width="16" height="15" viewBox="0 0 16 15"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z"></path> </svg> </div> </div> <div class="star-rating__item"> <svg class="star-rating__icon" width="16" height="15" viewBox="0 0 16 15"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z"></path> </svg> <div class="star-rating__fill" style="width: 100%"> <svg class="star-rating__icon" width="16" height="15" viewBox="0 0 16 15"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z"></path> </svg> </div> </div> <div class="star-rating__item"> <svg class="star-rating__icon" width="16" height="15" viewBox="0 0 16 15"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z"></path> </svg> <div class="star-rating__fill" style="width: 100%"> <svg class="star-rating__icon" width="16" height="15" viewBox="0 0 16 15"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z"></path> </svg> </div> </div> <div class="star-rating__item"> <svg class="star-rating__icon" width="16" height="15" viewBox="0 0 16 15"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z"></path> </svg> <div class="star-rating__fill" style="width: 43%"> <svg class="star-rating__icon" width="16" height="15" viewBox="0 0 16 15"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z"></path> </svg> </div> </div> </div> </div> </div> 4.4</span> </span> </div> </div> <div class="display-flex flex-direction-column align-items-center w-full"> <a class="text-lg display-block Button Button--primary w-full font-bold" href="/insurance/reviews/geico/" target="_blank"> Read Review </a> <span class="display-block text-xs leading-5 font-normal mt-2 text-slate"></span> </div> </div> </th> <th class="w-1/3" data-product="2" style="vertical-align: top;"> <div class="mx-auto pt-6 pb-6 px-10 display-flex flex-direction-column gap-y-6 text-black pt-16"> <div class="display-flex flex-direction-column align-items-center"> <h2 class="type-heading-four my-0 text-crop-none font-bold leading-7"> Nationwide </h2> </div> <div class="display-flex justify-content-center"> <img src="https://cdn.insurance.redventures.io/images/nationwide.svg" alt="Nationwide" width="200px" height="95px"> </div> <div class="display-flex flex-direction-column align-items-center" x-data="{ scoreOpen: false, }"> <div @click="scoreOpen = !scoreOpen" :class="scoreOpen ? 'open' : 'closed'" class="display-flex align-items-center"> <span class="display-flex align-items-center font-bold gap-2" style="font-size: 16px;"> <div class="star-rating star-rating--number-size-sm" style="font-size: 16px"> <span class="visually-hidden">Rating: 4.2 stars out of 5</span> <div class="star-rating__main-content"> <div class="star-rating__items-container"> <div class="star-rating__item"> <svg class="star-rating__icon" width="16" height="15" viewBox="0 0 16 15"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z"></path> </svg> <div class="star-rating__fill" style="width: 100%"> <svg class="star-rating__icon" width="16" height="15" viewBox="0 0 16 15"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z"></path> </svg> </div> </div> <div class="star-rating__item"> <svg class="star-rating__icon" width="16" height="15" viewBox="0 0 16 15"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z"></path> </svg> <div class="star-rating__fill" style="width: 100%"> <svg class="star-rating__icon" width="16" height="15" viewBox="0 0 16 15"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z"></path> </svg> </div> </div> <div class="star-rating__item"> <svg class="star-rating__icon" width="16" height="15" viewBox="0 0 16 15"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z"></path> </svg> <div class="star-rating__fill" style="width: 100%"> <svg class="star-rating__icon" width="16" height="15" viewBox="0 0 16 15"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z"></path> </svg> </div> </div> <div class="star-rating__item"> <svg class="star-rating__icon" width="16" height="15" viewBox="0 0 16 15"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z"></path> </svg> <div class="star-rating__fill" style="width: 100%"> <svg class="star-rating__icon" width="16" height="15" viewBox="0 0 16 15"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z"></path> </svg> </div> </div> <div class="star-rating__item"> <svg class="star-rating__icon" width="16" height="15" viewBox="0 0 16 15"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z"></path> </svg> <div class="star-rating__fill" style="width: 29%"> <svg class="star-rating__icon" width="16" height="15" viewBox="0 0 16 15"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z"></path> </svg> </div> </div> </div> </div> </div> 4.2</span> <div id="t62a18f92-d753-4cf6-bd61-4b1f40919387" class="display-none"> <div class="w-72" style="max-width: calc(100vw - 4rem)"> Bankrate scores primarily reflect a weighted rank of industry standard ratings for financial strength and customer experience, in addition to average quoted rates. A secondary assessment of each provider's online and mobile resources and policy management options also contributed to overall ratings</div> </div> <div class="display-inline-block ml-1 cursor-pointer "> <div x-data data-tippy-maxWidth="none" data-template="t62a18f92-d753-4cf6-bd61-4b1f40919387" role="tooltip" tabIndex="0" class="-mb-1 ml-1" data-tippy-placement="bottom"x-tooltip="" > <span class="Icon Icon--xs -mt-2 text-black"> <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> <span class="Accordion-icon Icon Icon--xs ml-4"> <svg class="Icon-glyph" 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></span> </div> <div :class="scoreOpen ? 'display-block' : 'display-none'" class="text-xs pt-2 border-t w-full mt-2" style="height: 105px;"> <span class="display-flex justify-content-space-between align-items-center py-2"> <p class="mb-0">Cost & ratings</p> <span class="display-flex align-items-center font-bold gap-2" style="font-size: 16px;"> <div class="star-rating star-rating--number-size-sm" style="font-size: 16px"> <span class="visually-hidden">Rating: 4.3 stars out of 5</span> <div class="star-rating__main-content"> <div class="star-rating__items-container"> <div class="star-rating__item"> <svg class="star-rating__icon" width="16" height="15" viewBox="0 0 16 15"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z"></path> </svg> <div class="star-rating__fill" style="width: 100%"> <svg class="star-rating__icon" width="16" height="15" viewBox="0 0 16 15"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z"></path> </svg> </div> </div> <div class="star-rating__item"> <svg class="star-rating__icon" width="16" height="15" viewBox="0 0 16 15"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z"></path> </svg> <div class="star-rating__fill" style="width: 100%"> <svg class="star-rating__icon" width="16" height="15" viewBox="0 0 16 15"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z"></path> </svg> </div> </div> <div class="star-rating__item"> <svg class="star-rating__icon" width="16" height="15" viewBox="0 0 16 15"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z"></path> </svg> <div class="star-rating__fill" style="width: 100%"> <svg class="star-rating__icon" width="16" height="15" viewBox="0 0 16 15"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z"></path> </svg> </div> </div> <div class="star-rating__item"> <svg class="star-rating__icon" width="16" height="15" viewBox="0 0 16 15"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z"></path> </svg> <div class="star-rating__fill" style="width: 100%"> <svg class="star-rating__icon" width="16" height="15" viewBox="0 0 16 15"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z"></path> </svg> </div> </div> <div class="star-rating__item"> <svg class="star-rating__icon" width="16" height="15" viewBox="0 0 16 15"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z"></path> </svg> <div class="star-rating__fill" style="width: 36%"> <svg class="star-rating__icon" width="16" height="15" viewBox="0 0 16 15"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z"></path> </svg> </div> </div> </div> </div> </div> 4.3</span> </span> <span class="display-flex justify-content-space-between align-items-center py-2"> <p class="mb-0">Coverage</p> <span class="display-flex align-items-center font-bold gap-2" style="font-size: 16px;"> <div class="star-rating star-rating--number-size-sm" style="font-size: 16px"> <span class="visually-hidden">Rating: 3.9 stars out of 5</span> <div class="star-rating__main-content"> <div class="star-rating__items-container"> <div class="star-rating__item"> <svg class="star-rating__icon" width="16" height="15" viewBox="0 0 16 15"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z"></path> </svg> <div class="star-rating__fill" style="width: 100%"> <svg class="star-rating__icon" width="16" height="15" viewBox="0 0 16 15"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z"></path> </svg> </div> </div> <div class="star-rating__item"> <svg class="star-rating__icon" width="16" height="15" viewBox="0 0 16 15"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z"></path> </svg> <div class="star-rating__fill" style="width: 100%"> <svg class="star-rating__icon" width="16" height="15" viewBox="0 0 16 15"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z"></path> </svg> </div> </div> <div class="star-rating__item"> <svg class="star-rating__icon" width="16" height="15" viewBox="0 0 16 15"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z"></path> </svg> <div class="star-rating__fill" style="width: 100%"> <svg class="star-rating__icon" width="16" height="15" viewBox="0 0 16 15"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z"></path> </svg> </div> </div> <div class="star-rating__item"> <svg class="star-rating__icon" width="16" height="15" viewBox="0 0 16 15"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z"></path> </svg> <div class="star-rating__fill" style="width: 78%"> <svg class="star-rating__icon" width="16" height="15" viewBox="0 0 16 15"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z"></path> </svg> </div> </div> <div class="star-rating__item"> <svg class="star-rating__icon" width="16" height="15" viewBox="0 0 16 15"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z"></path> </svg> <div class="star-rating__fill" style="width: 0%"> <svg class="star-rating__icon" width="16" height="15" viewBox="0 0 16 15"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z"></path> </svg> </div> </div> </div> </div> </div> 3.9</span> </span> <span class="display-flex justify-content-space-between align-items-center py-2"> <p class="mb-0">Support</p> <span class="display-flex align-items-center font-bold gap-2" style="font-size: 16px;"> <div class="star-rating star-rating--number-size-sm" style="font-size: 16px"> <span class="visually-hidden">Rating: 4.2 stars out of 5</span> <div class="star-rating__main-content"> <div class="star-rating__items-container"> <div class="star-rating__item"> <svg class="star-rating__icon" width="16" height="15" viewBox="0 0 16 15"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z"></path> </svg> <div class="star-rating__fill" style="width: 100%"> <svg class="star-rating__icon" width="16" height="15" viewBox="0 0 16 15"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z"></path> </svg> </div> </div> <div class="star-rating__item"> <svg class="star-rating__icon" width="16" height="15" viewBox="0 0 16 15"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z"></path> </svg> <div class="star-rating__fill" style="width: 100%"> <svg class="star-rating__icon" width="16" height="15" viewBox="0 0 16 15"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z"></path> </svg> </div> </div> <div class="star-rating__item"> <svg class="star-rating__icon" width="16" height="15" viewBox="0 0 16 15"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z"></path> </svg> <div class="star-rating__fill" style="width: 100%"> <svg class="star-rating__icon" width="16" height="15" viewBox="0 0 16 15"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z"></path> </svg> </div> </div> <div class="star-rating__item"> <svg class="star-rating__icon" width="16" height="15" viewBox="0 0 16 15"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z"></path> </svg> <div class="star-rating__fill" style="width: 100%"> <svg class="star-rating__icon" width="16" height="15" viewBox="0 0 16 15"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z"></path> </svg> </div> </div> <div class="star-rating__item"> <svg class="star-rating__icon" width="16" height="15" viewBox="0 0 16 15"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z"></path> </svg> <div class="star-rating__fill" style="width: 29%"> <svg class="star-rating__icon" width="16" height="15" viewBox="0 0 16 15"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z"></path> </svg> </div> </div> </div> </div> </div> 4.2</span> </span> </div> </div> <div class="display-flex flex-direction-column align-items-center w-full"> <a class="text-lg display-block Button Button--primary w-full font-bold" href="/insurance/reviews/nationwide/" target="_blank"> Read Review </a> <span class="display-block text-xs leading-5 font-normal mt-2 text-slate"></span> </div> </div> </th> </tr> </thead> <tbody x-data="{ open: true }"> <tr> <td @click="toogleAccordion" :aria-label="`${(open)? 'collapse' : 'expand'}`" data-index="30" class="text-left px-4 py-2 bg-gray-light border-b border-gray h-12 cursor-pointer" colspan="3"> <div class="display-flex type-heading-six pos-relative"> <span class="pos-sticky display-flex align-items-center" style="left: 1rem; z-index: 3;"> OVERVIEW <div id="t8a5a5774-036d-46ca-b2ea-2df8c2ae9ce0" class="display-none"> <div class="w-72" style="max-width: calc(100vw - 4rem)"> Bankrate identified key carrier features, coverage offerings, discounts and more</div> </div> <div class="display-inline-block ml-1 cursor-pointer -mb-1"> <div x-data data-tippy-maxWidth="none" data-template="t8a5a5774-036d-46ca-b2ea-2df8c2ae9ce0" role="tooltip" tabIndex="0" data-tippy-placement="top"x-tooltip="" > <span class="Icon Icon--xs -mt-2 text-black"> <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> </span> <div class="insurance-comparison-table-accordionButton display-flex justify-content-flex-end"> <span class="insurance-comparison-table-accordion Icon Icon--xs pos-sticky"> <template x-if="!open"> <svg class="Icon-glyph" 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="Icon-glyph" 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> </div> </div> </td> </tr> <tr x-show="open"> <td class="p-4 text-center featured-background"> <div id="overview-1"> Policyholders who value digital capabilities, want a company that can follow them throughout the country or need high-risk insurance might consider Progressive as their company of choice.</div> <a class="display-none text-blue border-b border-blue cursor-pointer" id="read-more-btn-1" @click="toggleText(1)">Read More</a> </td> <td class="p-4 text-center"> <div id="overview-2"> Policyholders who value cheaper car insurance and digital capabilities over bundling multiple insurance policies with the same company might consider Geico as their company of choice.</div> <a class="display-none text-blue border-b border-blue cursor-pointer" id="read-more-btn-2" @click="toggleText(2)">Read More</a> </td> <td class="p-4 text-center"> <div id="overview-3"> Low-mileage drivers and those who want to build safe driving habits may appreciate Nationwide’s two telematics programs: SmartMiles and SmartRide. Nationwide could also be an option for those who want to bundle home and auto insurance with the same carrier, as the company writes its own homeowners insurance policies. Consumers should note that Nationwide did score below the industry average in J.D. Power's auto claims satisfaction study.</div> <a class="display-none text-blue border-b border-blue cursor-pointer" id="read-more-btn-3" @click="toggleText(3)">Read More</a> </td> </tr> </tbody> <tbody x-data="{ open: true }"> <tr> <td @click="toogleAccordion" :aria-label="`${(open)? 'collapse' : 'expand'}`" data-index="30" class="text-left px-4 py-2 bg-gray-light border-b border-gray h-12 cursor-pointer" colspan="3"> <div class="display-flex type-heading-six pos-relative"> <span class="pos-sticky display-flex align-items-center" style="left: 1rem; z-index: 4;"> STANDOUT FEATURES <div id="t64be8154-01b2-4851-9317-a73e5b2885ab" class="display-none"> <div class="w-72" style="max-width: calc(100vw - 4rem)"> These features are some of the carrier’s most impressive</div> </div> <div class="display-inline-block ml-1 cursor-pointer -mb-1"> <div x-data data-tippy-maxWidth="none" data-template="t64be8154-01b2-4851-9317-a73e5b2885ab" role="tooltip" tabIndex="0" class="" data-tippy-placement="top"x-tooltip="" > <span class="Icon Icon--xs -mt-2 text-black"> <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> </span> <div class="insurance-comparison-table-accordionButton display-flex justify-content-flex-end"> <span class="insurance-comparison-table-accordion Icon Icon--xs pos-sticky"> <template x-if="!open"> <svg class="Icon-glyph" 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="Icon-glyph" 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> </div> </div> </td> </tr> <tr x-show="open"> <td class="p-4 text-center featured-background"> <div class="insurance-standout-feature display-flex justify-content-center align-items-center"> <span class="Icon Icon--sm mr-3 "> <svg class="Icon-glyph" 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></span> <div class="type-body-one"> Name Your Price shopping tool</div> </div> <div class="insurance-standout-feature display-flex justify-content-center align-items-center"> <span class="Icon Icon--sm mr-3 "> <svg class="Icon-glyph" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Car Icon</title><path d="M8.34 7h7.547c.682 0 1.306.382 1.61.987l1.953 3.872h1.85c1.491 0 2.7 1.2 2.7 2.678v1.785C24 17.802 22.791 19 21.3 19H5.7C4.209 19 3 17.801 3 16.322v-1.785a2.687 2.687 0 0 1 2.528-2.672l1.087-3.593A1.798 1.798 0 0 1 8.34 7Z" fill="transparent" class="icon-offset"/><path fill-rule="evenodd" clip-rule="evenodd" d="M5.353 9.87h4.763V6.24H7.097a.947.947 0 0 0-.548.178.868.868 0 0 0-.332.463L5.353 9.87Zm5.998 0h5.264l-1.797-3.32a.541.541 0 0 0-.224-.232.574.574 0 0 0-.309-.077h-2.934V9.87Zm6.662 0L15.9 5.97a1.768 1.768 0 0 0-.68-.71 1.864 1.864 0 0 0-.942-.247H7.09c-.456 0-.904.147-1.282.417a2.156 2.156 0 0 0-.788 1.097l-.974 3.351c-.652.051-1.263.33-1.735.802a2.72 2.72 0 0 0-.811 1.954v1.683c0 .733.286 1.428.81 1.953.483.49 1.12.771 1.806.807a2.533 2.533 0 0 0 2.449 1.91c1.177 0 2.17-.813 2.448-1.906h6.036a2.533 2.533 0 0 0 2.448 1.907c1.18 0 2.175-.818 2.45-1.915a2.744 2.744 0 0 0 1.742-.803 2.72 2.72 0 0 0 .811-1.953v-1.683c0-.734-.293-1.429-.81-1.954a2.719 2.719 0 0 0-1.954-.81h-1.723Zm1.928 5.962a1.524 1.524 0 0 0 1.324-1.515v-1.683c0-.41-.162-.796-.448-1.081a1.525 1.525 0 0 0-1.081-.448H4.264c-.41 0-.795.162-1.08.448a1.524 1.524 0 0 0-.449 1.08v1.684a1.524 1.524 0 0 0 1.384 1.522 2.533 2.533 0 0 1 2.446-1.9c1.177 0 2.17.813 2.448 1.907h6.036a2.533 2.533 0 0 1 2.448-1.908c1.171 0 2.162.807 2.444 1.894Zm-3.733.656a.69.69 0 0 0 0-.05 1.292 1.292 0 0 1 1.289-1.264c.71 0 1.289.579 1.289 1.29 0 .71-.58 1.288-1.29 1.288a1.292 1.292 0 0 1-1.288-1.264Zm-3.953-3.136h-1.089a.62.62 0 0 1-.618-.618.62.62 0 0 1 .618-.617h1.089a.62.62 0 0 1 .617.617.62.62 0 0 1-.617.618Zm-5.69 1.822c-.71 0-1.29.579-1.29 1.29 0 .71.58 1.288 1.29 1.288.71 0 1.29-.579 1.29-1.289s-.58-1.29-1.29-1.29Z" class="icon-base"/></svg></span> <div class="type-body-one"> Snapshot telematics program</div> </div> <div class="insurance-standout-feature display-flex justify-content-center align-items-center"> <span class="Icon Icon--sm mr-3 "> <svg class="Icon-glyph" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Online Reviews Icon</title><path fill-rule="evenodd" clip-rule="evenodd" d="M22.55 17.375V9.48a3.742 3.742 0 0 0-3.741-3.742H9.144A3.742 3.742 0 0 0 5.403 9.48v7.895h-.21c-.655 0-1.193.53-1.193 1.192v.523a3.175 3.175 0 0 0 3.172 3.172h13.656A3.175 3.175 0 0 0 24 19.09v-.523c0-.654-.53-1.192-1.192-1.192h-.258Z" fill="transparent" class="icon-offset"/><path fill-rule="evenodd" clip-rule="evenodd" d="M20.323 16.853a.648.648 0 0 1-.26-.054l-16.372.051a.66.66 0 0 1-.123 0l-.759.003v.491c0 1.113.909 2.021 2.022 2.021h14.346a2.026 2.026 0 0 0 2.022-2.021v-.548l-.613.002a.648.648 0 0 1-.263.055Zm.654-9.6v8.29h.27c.697 0 1.253.565 1.253 1.253v.548c0 1.833-1.49 3.33-3.33 3.33H4.83a3.334 3.334 0 0 1-3.33-3.33v-.548c0-.696.565-1.252 1.252-1.252h.22v-8.29a3.93 3.93 0 0 1 3.93-3.929h10.147a3.93 3.93 0 0 1 3.928 3.928Zm-1.309 8.29H4.282v-8.29a2.627 2.627 0 0 1 2.62-2.618h10.147a2.626 2.626 0 0 1 2.619 2.618v8.29Zm-9.489-1.669h.004-.008.004Zm-.74-.32c.211.204.48.319.74.32a.867.867 0 0 0 .397-.09l1.416-.737 1.416.737c.098.05.196.074.302.074h.164c.066 0 .14-.008.205-.033.417-.14.662-.483.662-.95 0-.04-.008-.122-.008-.122l-.286-1.539 1.146-1.096c.343-.344.409-.819.171-1.17a.864.864 0 0 0-.67-.434l-1.588-.238-.68-1.31a.616.616 0 0 0-.18-.335.718.718 0 0 0-.638-.188h-.04a.649.649 0 0 0-.467.188l-.164.164c-.04.05-.082.106-.115.164l-.736 1.424-1.571.237a.833.833 0 0 0-.573.246.917.917 0 0 0 .008 1.317l1.137 1.089-.286 1.538c-.008.041-.008.082-.008.123 0 .09 0 .376.245.622Zm1.137-3.068-.72-.688-.008-.008.982-.147c.212-.016.532-.106.736-.516l.458-.883.402.769a.456.456 0 0 0 .142.188c.074.068.184.168.365.262.065.033.13.057.196.065l1.023.156-.785.753c-.254.254-.328.605-.213.892l.172.916-.827-.425c-.254-.172-.597-.188-.925-.025l-.933.483.18-.982c.009-.04.009-.082.009-.123 0-.147 0-.433-.254-.687Z" class="icon-base"/></svg></span> <div class="type-body-one"> Online quote and sign discount</div> </div> </td> <td class="p-4 text-center"> <div class="insurance-standout-feature display-flex justify-content-center align-items-center"> <span class="Icon Icon--sm mr-3 "> <svg class="Icon-glyph" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Online Reviews Icon</title><path fill-rule="evenodd" clip-rule="evenodd" d="M22.55 17.375V9.48a3.742 3.742 0 0 0-3.741-3.742H9.144A3.742 3.742 0 0 0 5.403 9.48v7.895h-.21c-.655 0-1.193.53-1.193 1.192v.523a3.175 3.175 0 0 0 3.172 3.172h13.656A3.175 3.175 0 0 0 24 19.09v-.523c0-.654-.53-1.192-1.192-1.192h-.258Z" fill="transparent" class="icon-offset"/><path fill-rule="evenodd" clip-rule="evenodd" d="M20.323 16.853a.648.648 0 0 1-.26-.054l-16.372.051a.66.66 0 0 1-.123 0l-.759.003v.491c0 1.113.909 2.021 2.022 2.021h14.346a2.026 2.026 0 0 0 2.022-2.021v-.548l-.613.002a.648.648 0 0 1-.263.055Zm.654-9.6v8.29h.27c.697 0 1.253.565 1.253 1.253v.548c0 1.833-1.49 3.33-3.33 3.33H4.83a3.334 3.334 0 0 1-3.33-3.33v-.548c0-.696.565-1.252 1.252-1.252h.22v-8.29a3.93 3.93 0 0 1 3.93-3.929h10.147a3.93 3.93 0 0 1 3.928 3.928Zm-1.309 8.29H4.282v-8.29a2.627 2.627 0 0 1 2.62-2.618h10.147a2.626 2.626 0 0 1 2.619 2.618v8.29Zm-9.489-1.669h.004-.008.004Zm-.74-.32c.211.204.48.319.74.32a.867.867 0 0 0 .397-.09l1.416-.737 1.416.737c.098.05.196.074.302.074h.164c.066 0 .14-.008.205-.033.417-.14.662-.483.662-.95 0-.04-.008-.122-.008-.122l-.286-1.539 1.146-1.096c.343-.344.409-.819.171-1.17a.864.864 0 0 0-.67-.434l-1.588-.238-.68-1.31a.616.616 0 0 0-.18-.335.718.718 0 0 0-.638-.188h-.04a.649.649 0 0 0-.467.188l-.164.164c-.04.05-.082.106-.115.164l-.736 1.424-1.571.237a.833.833 0 0 0-.573.246.917.917 0 0 0 .008 1.317l1.137 1.089-.286 1.538c-.008.041-.008.082-.008.123 0 .09 0 .376.245.622Zm1.137-3.068-.72-.688-.008-.008.982-.147c.212-.016.532-.106.736-.516l.458-.883.402.769a.456.456 0 0 0 .142.188c.074.068.184.168.365.262.065.033.13.057.196.065l1.023.156-.785.753c-.254.254-.328.605-.213.892l.172.916-.827-.425c-.254-.172-.597-.188-.925-.025l-.933.483.18-.982c.009-.04.009-.082.009-.123 0-.147 0-.433-.254-.687Z" class="icon-base"/></svg></span> <div class="type-body-one"> Robust digital tools</div> </div> <div class="insurance-standout-feature display-flex justify-content-center align-items-center"> <span class="Icon Icon--sm mr-3 "> <svg class="Icon-glyph" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Lightbulb Icon</title><path d="M10.725 18.804c.22 2.389 1.25 4.196 2.486 4.196 1.243 0 2.277-1.825 2.49-4.23a.66.66 0 0 0 .08-.318c0-.667.458-1.22 1.042-1.918l.013-.015c.787-.949 1.764-2.125 1.764-4.025C18.6 9.844 16.429 7 13.2 7c-3.23 0-5.4 2.837-5.4 5.486 0 1.918.979 3.105 1.768 4.056l.028.033c.563.683 1.007 1.221 1.022 1.885.003.13.042.247.107.344Z" fill="transparent" class="icon-offset"/><path fill-rule="evenodd" clip-rule="evenodd" d="M12 4.386a.698.698 0 0 1-.692-.7V1.7c0-.385.311-.7.692-.7.38 0 .692.315.692.7v1.986c0 .385-.312.7-.692.7Zm-5.557 2.32h.005-.01.005Zm.489-.202a.674.674 0 0 1-.489.202.728.728 0 0 1-.488-.202l-1.384-1.4a.708.708 0 0 1 0-.988.689.689 0 0 1 .977 0l1.384 1.4a.708.708 0 0 1 0 .988Zm6.529 11.454c0 .385.311.7.692.7v.009c.38 0 .692-.315.692-.7 0-.718.501-1.313 1.141-2.065l.014-.016c.863-1.021 1.932-2.287 1.932-4.333 0-2.852-2.378-5.915-5.916-5.915-3.537 0-5.916 3.054-5.916 5.906 0 2.065 1.073 3.343 1.938 4.367l.03.036c.617.735 1.103 1.314 1.12 2.029.009.385.32.673.71.682.38-.009.674-.332.674-.717-.026-1.225-.761-2.1-1.479-2.95-.83-.98-1.609-1.907-1.609-3.455 0-2.18 1.825-4.507 4.532-4.507 2.708 0 4.533 2.337 4.533 4.515 0 1.526-.807 2.484-1.587 3.412l-.022.027-.008.01c-.724.854-1.471 1.736-1.471 2.965Zm-.008-4.051-.744.752v2.774c0 .385-.312.7-.692.7a.698.698 0 0 1-.692-.7v-2.774l-.796-.805a.708.708 0 0 1 0-.988.688.688 0 0 1 .978 0l.51.516.458-.464a.688.688 0 0 1 .978 0 .708.708 0 0 1 0 .989ZM2.192 12.322h1.955c.38 0 .692-.314.692-.7 0-.384-.312-.7-.692-.7H2.192a.698.698 0 0 0-.692.7c0 .386.311.7.692.7Zm11.84 8.252h-3.918a.698.698 0 0 1-.692-.7c0-.385.311-.7.692-.7h3.918c.38 0 .692.315.692.7 0 .385-.312.7-.692.7Zm-3 1.986h1.963c.38 0 .692-.315.692-.7 0-.385-.312-.7-.692-.7H11.03a.698.698 0 0 0-.692.7c0 .385.312.7.692.7Zm10.776-10.237h-1.955a.698.698 0 0 1-.692-.7c0-.385.312-.7.692-.7h1.955c.38 0 .692.315.692.7 0 .385-.311.7-.692.7Zm-4.259-5.617a.33.33 0 0 0 .003 0h-.008.005Zm-.49-.202c.138.13.31.2.49.202a.674.674 0 0 0 .488-.202l1.384-1.4a.708.708 0 0 0 0-.988.689.689 0 0 0-.978 0l-1.384 1.4a.708.708 0 0 0 0 .988Z" class="icon-base"/></svg></span> <div class="type-body-one"> DriveEasy telematics program</div> </div> <div class="insurance-standout-feature display-flex justify-content-center align-items-center"> <span class="Icon Icon--sm mr-3 "> <svg class="Icon-glyph" 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></span> <div class="type-body-one"> Several potential discounts</div> </div> </td> <td class="p-4 text-center"> <div class="insurance-standout-feature display-flex justify-content-center align-items-center"> <span class="Icon Icon--sm mr-3 "> <svg class="Icon-glyph" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Dollar Coin Icon</title><path d="M13.5 24C7.709 24 3 19.291 3 13.5S7.709 3 13.5 3 24 7.709 24 13.5 19.291 24 13.5 24Z" fill="transparent" class="icon-offset"/><path fill-rule="evenodd" clip-rule="evenodd" d="M1.5 12c0 5.795 4.714 10.5 10.5 10.5 5.795 0 10.5-4.705 10.5-10.5S17.795 1.5 12 1.5 1.5 6.205 1.5 12Zm1.465 0c0-4.98 4.055-9.035 9.035-9.035S21.035 7.02 21.035 12 16.98 21.035 12 21.035 2.965 16.98 2.965 12ZM12 17.612a.735.735 0 0 1-.733-.733v-.696H9.785a.734.734 0 0 1-.732-.732c0-.403.33-.733.732-.733h2.104a.737.737 0 0 1 .223 0h.868c.55 0 .989-.44.989-.988 0-.55-.44-.99-.989-.99h-1.968a2.453 2.453 0 0 1 0-4.906h.256v-.713c0-.403.33-.733.733-.733.402 0 .732.33.732.733v.713h1.474c.402 0 .732.33.732.733 0 .402-.33.732-.732.732H12.12a.73.73 0 0 1-.238 0h-.87c-.55 0-.989.44-.989.989 0 .549.44.988.989.988h1.968a2.453 2.453 0 0 1 0 4.907h-.247v.696c0 .403-.33.733-.732.733Z" class="icon-base"/></svg></span> <div class="type-body-one"> Great bundling discounts</div> </div> <div class="insurance-standout-feature display-flex justify-content-center align-items-center"> <span class="Icon Icon--sm mr-3 "> <svg class="Icon-glyph" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Car Icon</title><path d="M8.34 7h7.547c.682 0 1.306.382 1.61.987l1.953 3.872h1.85c1.491 0 2.7 1.2 2.7 2.678v1.785C24 17.802 22.791 19 21.3 19H5.7C4.209 19 3 17.801 3 16.322v-1.785a2.687 2.687 0 0 1 2.528-2.672l1.087-3.593A1.798 1.798 0 0 1 8.34 7Z" fill="transparent" class="icon-offset"/><path fill-rule="evenodd" clip-rule="evenodd" d="M5.353 9.87h4.763V6.24H7.097a.947.947 0 0 0-.548.178.868.868 0 0 0-.332.463L5.353 9.87Zm5.998 0h5.264l-1.797-3.32a.541.541 0 0 0-.224-.232.574.574 0 0 0-.309-.077h-2.934V9.87Zm6.662 0L15.9 5.97a1.768 1.768 0 0 0-.68-.71 1.864 1.864 0 0 0-.942-.247H7.09c-.456 0-.904.147-1.282.417a2.156 2.156 0 0 0-.788 1.097l-.974 3.351c-.652.051-1.263.33-1.735.802a2.72 2.72 0 0 0-.811 1.954v1.683c0 .733.286 1.428.81 1.953.483.49 1.12.771 1.806.807a2.533 2.533 0 0 0 2.449 1.91c1.177 0 2.17-.813 2.448-1.906h6.036a2.533 2.533 0 0 0 2.448 1.907c1.18 0 2.175-.818 2.45-1.915a2.744 2.744 0 0 0 1.742-.803 2.72 2.72 0 0 0 .811-1.953v-1.683c0-.734-.293-1.429-.81-1.954a2.719 2.719 0 0 0-1.954-.81h-1.723Zm1.928 5.962a1.524 1.524 0 0 0 1.324-1.515v-1.683c0-.41-.162-.796-.448-1.081a1.525 1.525 0 0 0-1.081-.448H4.264c-.41 0-.795.162-1.08.448a1.524 1.524 0 0 0-.449 1.08v1.684a1.524 1.524 0 0 0 1.384 1.522 2.533 2.533 0 0 1 2.446-1.9c1.177 0 2.17.813 2.448 1.907h6.036a2.533 2.533 0 0 1 2.448-1.908c1.171 0 2.162.807 2.444 1.894Zm-3.733.656a.69.69 0 0 0 0-.05 1.292 1.292 0 0 1 1.289-1.264c.71 0 1.289.579 1.289 1.29 0 .71-.58 1.288-1.29 1.288a1.292 1.292 0 0 1-1.288-1.264Zm-3.953-3.136h-1.089a.62.62 0 0 1-.618-.618.62.62 0 0 1 .618-.617h1.089a.62.62 0 0 1 .617.617.62.62 0 0 1-.617.618Zm-5.69 1.822c-.71 0-1.29.579-1.29 1.29 0 .71.58 1.288 1.29 1.288.71 0 1.29-.579 1.29-1.289s-.58-1.29-1.29-1.29Z" class="icon-base"/></svg></span> <div class="type-body-one"> Two telematics programs</div> </div> <div class="insurance-standout-feature display-flex justify-content-center align-items-center"> <span class="Icon Icon--sm mr-3 "> <svg class="Icon-glyph" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Online Reviews Icon</title><path fill-rule="evenodd" clip-rule="evenodd" d="M22.55 17.375V9.48a3.742 3.742 0 0 0-3.741-3.742H9.144A3.742 3.742 0 0 0 5.403 9.48v7.895h-.21c-.655 0-1.193.53-1.193 1.192v.523a3.175 3.175 0 0 0 3.172 3.172h13.656A3.175 3.175 0 0 0 24 19.09v-.523c0-.654-.53-1.192-1.192-1.192h-.258Z" fill="transparent" class="icon-offset"/><path fill-rule="evenodd" clip-rule="evenodd" d="M20.323 16.853a.648.648 0 0 1-.26-.054l-16.372.051a.66.66 0 0 1-.123 0l-.759.003v.491c0 1.113.909 2.021 2.022 2.021h14.346a2.026 2.026 0 0 0 2.022-2.021v-.548l-.613.002a.648.648 0 0 1-.263.055Zm.654-9.6v8.29h.27c.697 0 1.253.565 1.253 1.253v.548c0 1.833-1.49 3.33-3.33 3.33H4.83a3.334 3.334 0 0 1-3.33-3.33v-.548c0-.696.565-1.252 1.252-1.252h.22v-8.29a3.93 3.93 0 0 1 3.93-3.929h10.147a3.93 3.93 0 0 1 3.928 3.928Zm-1.309 8.29H4.282v-8.29a2.627 2.627 0 0 1 2.62-2.618h10.147a2.626 2.626 0 0 1 2.619 2.618v8.29Zm-9.489-1.669h.004-.008.004Zm-.74-.32c.211.204.48.319.74.32a.867.867 0 0 0 .397-.09l1.416-.737 1.416.737c.098.05.196.074.302.074h.164c.066 0 .14-.008.205-.033.417-.14.662-.483.662-.95 0-.04-.008-.122-.008-.122l-.286-1.539 1.146-1.096c.343-.344.409-.819.171-1.17a.864.864 0 0 0-.67-.434l-1.588-.238-.68-1.31a.616.616 0 0 0-.18-.335.718.718 0 0 0-.638-.188h-.04a.649.649 0 0 0-.467.188l-.164.164c-.04.05-.082.106-.115.164l-.736 1.424-1.571.237a.833.833 0 0 0-.573.246.917.917 0 0 0 .008 1.317l1.137 1.089-.286 1.538c-.008.041-.008.082-.008.123 0 .09 0 .376.245.622Zm1.137-3.068-.72-.688-.008-.008.982-.147c.212-.016.532-.106.736-.516l.458-.883.402.769a.456.456 0 0 0 .142.188c.074.068.184.168.365.262.065.033.13.057.196.065l1.023.156-.785.753c-.254.254-.328.605-.213.892l.172.916-.827-.425c-.254-.172-.597-.188-.925-.025l-.933.483.18-.982c.009-.04.009-.082.009-.123 0-.147 0-.433-.254-.687Z" class="icon-base"/></svg></span> <div class="type-body-one"> Robust mobile app</div> </div> </td> </tr> </tbody> <tbody x-data="{ open: true }"> <tr> <td @click="toogleAccordion" :aria-label="`${(open)? 'collapse' : 'expand'}`" data-index="30" class="text-left px-4 py-2 bg-gray-light border-b border-gray h-12 cursor-pointer" colspan="3"> <div class="display-flex type-heading-six pos-relative"> <span class="pos-sticky display-flex align-items-center" style="left: 1rem; z-index: 5;"> AVG FULL COV. AUTO RATE <div id="tdc9ed326-aebb-4a05-b60b-f105b000678a" class="display-none"> <div class="w-72" style="max-width: calc(100vw - 4rem)"> Average national annual cost of a full coverage auto insurance policy</div> </div> <div class="display-inline-block ml-1 cursor-pointer -mb-1"> <div x-data data-tippy-maxWidth="none" data-template="tdc9ed326-aebb-4a05-b60b-f105b000678a" role="tooltip" tabIndex="0" data-tippy-placement="top"x-tooltip="" > <span class="Icon Icon--xs -mt-2 text-black"> <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> </span> <div class="insurance-comparison-table-accordionButton display-flex justify-content-flex-end"> <span class="insurance-comparison-table-accordion Icon Icon--xs pos-sticky"> <template x-if="!open"> <svg class="Icon-glyph" 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="Icon-glyph" 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> </div> </div> </td> </tr> <tr x-show="open"> <td class="p-4 text-center font-bold featured-background"> $2,418</td> <td class="p-4 text-center font-bold"> $2,107</td> <td class="p-4 text-center font-bold"> <img class="mb-1 mr-1 display-inline" src="https://www.bankrate.com/v5.1521.3/next/img/svg/gold-star.svg" alt=""> $1,934</td> </tr> </tbody> <tbody x-data="{ open: true }"> <tr> <td @click="toogleAccordion" :aria-label="`${(open)? 'collapse' : 'expand'}`" data-index="30" class="text-left px-4 py-2 bg-gray-light border-b border-gray h-12 cursor-pointer" colspan="3"> <div class="display-flex type-heading-six pos-relative"> <span class="pos-sticky display-flex align-items-center" style="left: 1rem; z-index: 7;"> J.D. POWER AUTO SCORE <div id="t3630f589-d3d6-4ab3-9f01-93721954cc94" class="display-none"> <div class="w-72" style="max-width: calc(100vw - 4rem)"> J.D. Power’s Auto Claims Satisfaction Study assesses customer satisfaction with the claims experience on a 1,000-point scale</div> </div> <div class="display-inline-block ml-1 cursor-pointer -mb-1"> <div x-data data-tippy-maxWidth="none" data-template="t3630f589-d3d6-4ab3-9f01-93721954cc94" role="tooltip" tabIndex="0" data-tippy-placement="top"x-tooltip="" > <span class="Icon Icon--xs -mt-2 text-black"> <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> </span> <div class="insurance-comparison-table-accordionButton display-flex justify-content-flex-end"> <span class="insurance-comparison-table-accordion Icon Icon--xs pos-sticky"> <template x-if="!open"> <svg class="Icon-glyph" 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="Icon-glyph" 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> </div> </div> </td> </tr> <tr x-show="open"> <td class="p-4 text-center font-bold featured-background"> 672/1000</td> <td class="p-4 text-center font-bold"> 692/1000</td> <td class="p-4 text-center font-bold"> <img class="mb-1 mr-1 display-inline" src="https://www.bankrate.com/v5.1521.3/next/img/svg/gold-star.svg" alt=""> 728/1000</td> </tr> </tbody> <tbody x-data="{ open: true }"> <tr> <td @click="toogleAccordion" :aria-label="`${(open)? 'collapse' : 'expand'}`" data-index="30" class="text-left px-4 py-2 bg-gray-light border-b border-gray h-12 cursor-pointer" colspan="3"> <div class="display-flex type-heading-six pos-relative"> <span class="pos-sticky display-flex align-items-center" style="left: 1rem; z-index: 8;"> AVG HOME RATE <div id="t3578e9c3-1c6a-4583-983b-f8f6ec10ae18" class="display-none"> <div class="w-72" style="max-width: calc(100vw - 4rem)"> Average national annual cost of a home insurance policy with $300K in dwelling coverage</div> </div> <div class="display-inline-block ml-1 cursor-pointer -mb-1"> <div x-data data-tippy-maxWidth="none" data-template="t3578e9c3-1c6a-4583-983b-f8f6ec10ae18" role="tooltip" tabIndex="0" data-tippy-placement="top"x-tooltip="" > <span class="Icon Icon--xs -mt-2 text-black"> <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> </span> <div class="insurance-comparison-table-accordionButton display-flex justify-content-flex-end"> <span class="insurance-comparison-table-accordion Icon Icon--xs pos-sticky"> <template x-if="!open"> <svg class="Icon-glyph" 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="Icon-glyph" 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> </div> </div> </td> </tr> <tr x-show="open"> <td class="p-4 text-center font-bold featured-background"> $2,485</td> <td class="p-4 text-center font-bold"> No rates available </td> <td class="p-4 text-center font-bold"> <img class="mb-1 mr-1 display-inline" src="https://www.bankrate.com/v5.1521.3/next/img/svg/gold-star.svg" alt=""> $1,772</td> </tr> </tbody> <tbody x-data="{ open: true }"> <tr> <td @click="toogleAccordion" :aria-label="`${(open)? 'collapse' : 'expand'}`" data-index="30" class="text-left px-4 py-2 bg-gray-light border-b border-gray h-12 cursor-pointer" colspan="3"> <div class="display-flex type-heading-six pos-relative"> <span class="pos-sticky display-flex align-items-center" style="left: 1rem; z-index: 9;"> J.D. POWER HOME SCORE <div id="t3ebf655b-88a3-4e7d-8721-ad645bdfa61b" class="display-none"> <div class="w-72" style="max-width: calc(100vw - 4rem)"> J.D. Power’s Property Claims Satisfaction Study assesses customer satisfaction with the claims experience on a 1,000-point scale</div> </div> <div class="display-inline-block ml-1 cursor-pointer -mb-1"> <div x-data data-tippy-maxWidth="none" data-template="t3ebf655b-88a3-4e7d-8721-ad645bdfa61b" role="tooltip" tabIndex="0" data-tippy-placement="top"x-tooltip="" > <span class="Icon Icon--xs -mt-2 text-black"> <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> </span> <div class="insurance-comparison-table-accordionButton display-flex justify-content-flex-end"> <span class="insurance-comparison-table-accordion Icon Icon--xs pos-sticky"> <template x-if="!open"> <svg class="Icon-glyph" 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="Icon-glyph" 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> </div> </div> </td> </tr> <tr x-show="open"> <td class="p-4 text-center font-bold featured-background"> 851/1000</td> <td class="p-4 text-center font-bold"> Not Scored</td> <td class="p-4 text-center font-bold"> <img class="mb-1 mr-1 display-inline" src="https://www.bankrate.com/v5.1521.3/next/img/svg/gold-star.svg" alt=""> 877/1000</td> </tr> </tbody> <tbody x-data="{ open: true }"> <tr> <td @click="toogleAccordion" :aria-label="`${(open)? 'collapse' : 'expand'}`" data-index="30" class="text-left px-4 py-2 bg-gray-light border-b border-gray h-12 cursor-pointer" colspan="3"> <div class="display-flex type-heading-six pos-relative"> <span class="pos-sticky display-flex align-items-center" style="left: 1rem; z-index: 10;"> AM BEST RATING <div id="tf032fbd4-6ff5-44af-965e-0244764b9718" class="display-none"> <div class="w-72" style="max-width: calc(100vw - 4rem)"> AM Best ratings assess companies’ financial strength based on historical ability to pay out claims, among other financial obligations</div> </div> <div class="display-inline-block ml-1 cursor-pointer -mb-1"> <div x-data data-tippy-maxWidth="none" data-template="tf032fbd4-6ff5-44af-965e-0244764b9718" role="tooltip" tabIndex="0" data-tippy-placement="top"x-tooltip="" > <span class="Icon Icon--xs -mt-2 text-black"> <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> </span> <div class="insurance-comparison-table-accordionButton display-flex justify-content-flex-end"> <span class="insurance-comparison-table-accordion Icon Icon--xs pos-sticky"> <template x-if="!open"> <svg class="Icon-glyph" 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="Icon-glyph" 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> </div> </div> </td> </tr> <tr x-show="open"> <td class="p-4 text-center font-bold featured-background"> A+(Superior)</td> <td class="p-4 text-center font-bold"> <img class="mb-1 mr-1 display-inline" src="https://www.bankrate.com/v5.1521.3/next/img/svg/gold-star.svg" alt=""> A++(Superior)</td> <td class="p-4 text-center font-bold"> A+(Superior)</td> </tr> </tbody> </table> </div> </div> <div class="insurance-rates-footer my-4 md:mb-6"> <div class="type-body-two text-slate pb-4"> Insurance rates are known to fluctuate frequently, but you can rely on Bankrate to offer you the latest options available.</div> <div class="display-flex flex-direction-column md:flex-direction-row md:justify-content-space-between"> <div class="display-flex bg-blue-light py-3 pl-6 pr-10 rounded-r-full type-body-two text-black font-bold mb-4 md:mb-0 max-w-max"> <span class="Icon mr-3 w-5 h-5"> <svg class="Icon-glyph" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Umbrella Insurance Icon</title><path d="M21.13 14.752H5.866A2.09 2.09 0 0 1 4.251 14a2.112 2.112 0 0 1-.475-1.702C4.607 7.318 8.7 3.7 13.498 3.7c4.798 0 8.891 3.61 9.722 8.59a2.08 2.08 0 0 1-.467 1.702 2.107 2.107 0 0 1-1.623.752v.008Z" fill="transparent" class="icon-offset"/><path fill-rule="evenodd" clip-rule="evenodd" d="M3.779 13.931c-.674 0-1.305-.29-1.74-.81a2.274 2.274 0 0 1-.51-1.833c.894-5.363 5.302-9.26 10.469-9.26s9.575 3.889 10.47 9.252a2.24 2.24 0 0 1-.503 1.833c-.435.52-1.074.81-1.748.81v.008H12.69v5.201c0 .819.665 1.475 1.475 1.475s1.475-.665 1.475-1.475c0-.375.306-.682.682-.682.375 0 .682.307.682.682a2.844 2.844 0 0 1-2.84 2.84 2.844 2.844 0 0 1-2.839-2.84v-5.2H3.78Zm-.904-2.413c.687-4.12 3.712-7.246 7.476-7.962-1.145 1.556-2.708 4.488-2.853 9.011h-3.72a.935.935 0 0 1-.698-.324.866.866 0 0 1-.205-.725Zm12.257 1.049H8.864c.174-4.952 2.22-7.823 3.134-8.867.922 1.044 2.96 3.915 3.134 8.867Zm-1.509-9.023c1.145 1.552 2.72 4.488 2.866 9.023h3.728a.92.92 0 0 0 .708-.332.862.862 0 0 0 .196-.725c-.688-4.128-3.724-7.26-7.498-7.966Z" class="icon-base"/></svg></span> <div> Rates refreshed as of Nov 2024</div> </div> <a class="type-body-two text-blue font-bold md:align-self-center hover:underline hover:text-blue-mid no-underline" href="#methodology"> Read our full methodology </a> </div> </div> <div class="vertical-spacer pt-12" style="width: 100%; content: '';"></div> <div class="box-shadow-1 rounded-lg" data-beam-element-viewed id="" data-type="Jumplink" data-location="Methodology component" data-name="Read our full methodology" data-position="" data-text="Read our full methodology" data-outcome="" > <div class="display-flex flex-direction-column md:flex-direction-row md:justify-content-space-between md:align-items-center border-b border-gray-mid px-6 py-4"> <span class="display-flex align-items-center"> <svg class="Icon md:Icon--sm mr-4 mb-4 md:mb-0" width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"> <title>Bankrate logo</title> <rect width="32" height="32" rx="4" fill="#0157FF" /> <path fill="#ffffff" fill-rule="evenodd" clip-rule="evenodd" d="M20.0705 16.0299C19.7404 15.7036 19.364 15.4236 18.9524 15.1982C19.0949 15.0614 19.2272 14.915 19.3482 14.7602C20.0268 13.8733 20.3526 12.7829 20.267 11.6857C20.196 10.5387 19.6941 9.45526 18.8542 8.63624C17.8763 7.72575 16.5555 7.23461 15.1936 7.27505H10.4727V24.7238H16.0372C17.4884 24.7756 18.898 24.2532 19.936 23.2787C20.9739 22.3042 21.549 20.9633 21.5266 19.5701C21.5446 18.2523 21.0215 16.9807 20.0705 16.0299ZM15.1936 9.3099C17.1091 9.3099 18.0539 10.5713 18.1405 11.8216C18.2068 13.1109 17.2481 14.2402 15.9188 14.4386H12.5934V9.3099H15.1936ZM12.5934 22.6889H16.0286H16.0372C18.3717 22.6889 19.4147 21.0727 19.4147 19.5701C19.4147 18.1341 18.4526 16.4707 15.731 16.4707H12.5934V22.6889Z" /> </svg><p class="mb-3 md:mb-0 font-bold">Why you can trust Bankrate</p> </span> <a href="#methodology" class="Link Link--standalone type-body-two font-bold" data-beam-element-clicked-no-delay id="" data-type="Jumplink" data-location="Methodology component" data-name="Read our full methodology" data-position="" data-text="Read our full methodology" data-outcome="" > Read our full methodology</a> </div> <div class="py-4 px-3 md:p-6 md:pt-4"> <p class="type-body-two text-slate mb-6">Our insurance editorial team includes licensed agents with decades of combined experience, and we used our intimate knowledge of the industry to conduct this in-depth Progressive insurance review.</p> <div class="data-metrics bg-blue-50 display-flex flex-wrap md:flex-nowrap p-3 md:py-4 md:px-8 justify-content-space-between text-center"> <div class="mb-8 md:mb-0"> <p class="type-heading-two mb-2 md:mb-2">46</p> <p class="type-body-two text-slate mb-0">years of industry expertise</p> </div> <div class="mb-8 md:mb-0"> <p class="type-heading-two mb-2 md:mb-2">122</p> <p class="type-body-two text-slate mb-0">carriers reviewed</p> </div> <div> <p class="type-heading-two mb-2 md:mb-2">34.5K</p> <p class="type-body-two text-slate mb-0">ZIP codes examined</p> </div> <div> <p class="type-heading-two mb-2 md:mb-2">1.2M</p> <p class="type-body-two text-slate mb-0">quotes analyzed</p> </div> </div> </div> </div> <style> @media (max-width: 999px) { .data-metrics > div { flex-grow: 1; } } </style> <div class="vertical-spacer pt-12" style="width: 100%; content: '';"></div> <div class="section-title border-gray"> <h2 level="2" class="type-heading-two mb-4"> Is Progressive a good insurance company? </h2> </div> <div class="vertical-spacer pt-4" style="width: 100%; content: '';"></div> <div class="wysiwyg display-block w-full"> <p id="is-progressive-a-good-insurance-company">Our extensive review found that Progressive may be one of the best car insurance companies based on its coverage offerings, discounts and digital tools, despite its lower-than-average customer satisfaction scores. However, Progressive’s home insurance offerings aren’t nearly as robust and tend not to stand out amid the competition, and its life insurance products are underwritten by a range of third-party insurers, resulting in mixed value. Getting quotes from Progressive could be a good way to decide if the company will meet your needs.</p> <h3>What are real-life customers saying about Progressive?</h3> <p>Third-party ratings only give a partial picture of actual customer experiences with Progressive’s insurance business. To get closer to the real experience, we took a look at real conversations happening on forums like Reddit and Quora, where actual customers, agents and others with firsthand experience share their Progressive insurance reviews along with candid takes on the company.</p> <h4>Reddit</h4> <p>Reddit users revealed mixed perspectives on Progressive’s place in the insurance industry, particularly in contrast to big-name competitors like Geico. While some warned that Progressive’s low rates now may be linked to growth strategies that will lead to future rate hikes, others emphasized the company’s track record for practical service and affordable pricing.</p></div> <div class="wealth-consumer-review" x-data="{ expanded: false }"> <div class="display-flex flex-wrap justify-content-space-between"> <div class="wealth-consumer-review-card" x-transition> <div class="display-flex flex-direction-column rounded-md border border-gray-mid text-slate p-5 h-full"> <div class="display-flex justify-content-space-between border-b border-gray-mid pt-2 pb-2"> <div> <span class="font-circular-bold text-black">Reddit user 1</span> </div> <div> Nov 2, 2019</div> </div> <div class="display-flex justify-content-space-between mt-4"> <span class="font-circular-bold text-black">I've had them for almost 10 years. I have had...</span> </div> <div class="flex-grow mt-4"> “I've had them for almost 10 years. I have had only minor claims and they have handled them efficiently and correctly. But I haven't had any major losses like a total loss yet. So I can't say how well they do on major losses. However, as an adjuster (not with them) I have daily dealings with their adjusters and they seem mostly capable. My rates have stayed pretty steady. Sometimes they go up a little and sometimes they go down a little. I'm happy with them so far.”</div> <div class="mt-4"> <span class="text-gray-medium">via</span> <a class="Link" href="https://www.reddit.com/r/Insurance/comments/dqmsks/comment/f68314j/?utm_source=share&utm_medium=web3x&utm_name=web3xcss&utm_term=1&utm_content=share_button" rel="noopener noreferrer" target="_blank"> Reddit community</a> </div> </div> </div> <div class="wealth-consumer-review-card" x-transition> <div class="display-flex flex-direction-column rounded-md border border-gray-mid text-slate p-5 h-full"> <div class="display-flex justify-content-space-between border-b border-gray-mid pt-2 pb-2"> <div> <span class="font-circular-bold text-black">Reddit user 2</span> </div> <div> Dec 1, 2023</div> </div> <div class="display-flex justify-content-space-between mt-4"> <span class="font-circular-bold text-black">Progressive is great until you have an accident...</span> </div> <div class="flex-grow mt-4"> “Progressive is great until you have an accident. Whether you're at fault or not, they will raise your rates and the way they report it pretty much everyone else will raise your rates too. I hit a deer and that led to a $900/year premium increase. I confirmed they didn't count it as at fault or preventable, they said they had to pay out so they raised the rates.”</div> <div class="mt-4"> <span class="text-gray-medium">via</span> <a class="Link" href="https://www.reddit.com/r/Insurance/comments/16yptba/comment/k3athm2/?utm_source=share&utm_medium=web3x&utm_name=web3xcss&utm_term=1&utm_content=share_button" rel="noopener noreferrer" target="_blank"> Reddit community</a> </div> </div> </div> </div> </div> <div class="vertical-spacer pt-8 " style="width: 100%; content: '';"></div> <div class="wysiwyg display-block w-full"> <h4>Quora</h4> <p>On Quora, users are split between praising Progressive’s prompt and courteous customer service and expressing frustration with what some see as misleading business practices and poor communication around rates.</p></div> <div class="wealth-consumer-review" x-data="{ expanded: false }"> <div class="display-flex flex-wrap justify-content-space-between"> <div class="wealth-consumer-review-card" x-transition> <div class="display-flex flex-direction-column rounded-md border border-gray-mid text-slate p-5 h-full"> <div class="display-flex justify-content-space-between border-b border-gray-mid pt-2 pb-2"> <div> <span class="font-circular-bold text-black">Quora user 1</span> </div> <div> Apr 1, 2023</div> </div> <div class="display-flex justify-content-space-between mt-4"> <span class="font-circular-bold text-black">It does seem to be the best one I've used in the...</span> </div> <div class="flex-grow mt-4"> “It does seem to be the best one I've used in the last 10 years. At only $174 a month, they were the cheapest, by about 130, over Geico, Farmer's home, the General, or any of the other ones I've had. Their coverage is very good, and the customer service is actually polite, and decent. So anecdotally, I'd say yes, absolutely.”</div> <div class="mt-4"> <span class="text-gray-medium">via</span> <a class="Link" href="https://qr.ae/psnUy7" rel="noopener noreferrer" target="_blank"> Quora</a> </div> </div> </div> <div class="wealth-consumer-review-card" x-transition> <div class="display-flex flex-direction-column rounded-md border border-gray-mid text-slate p-5 h-full"> <div class="display-flex justify-content-space-between border-b border-gray-mid pt-2 pb-2"> <div> <span class="font-circular-bold text-black">Quora user 2</span> </div> <div> Apr 1, 2020</div> </div> <div class="display-flex justify-content-space-between mt-4"> <span class="font-circular-bold text-black">They aren't bad. I had a policy with them a few...</span> </div> <div class="flex-grow mt-4"> “They aren't bad. I had a policy with them a few years ago, but many companies now are dazzled by technology and not much interested in customer privacy. The only way to get a good rate is to agree to a driving monitor device in your vehicle. I have an excellent driving record but didn't like the idea of a device recording me all the time.”</div> <div class="mt-4"> <span class="text-gray-medium">via</span> <a class="Link" href="https://qr.ae/psnUFS" rel="noopener noreferrer" target="_blank"> Quora</a> </div> </div> </div> </div> </div> <div class="vertical-spacer pt-8 " style="width: 100%; content: '';"></div> <div class="insurance-insight-box mb-4"> <div class="rounded box-shadow-2 p-4 md:p-8"> <div class="insurance-insight-box__heading sm:display-flex align-items-center"> <p class="Badge px-4 py-2 mb-4 mr-3 bg-yellow text-black font-circular-bold"> </p> <div class="type-heading-four mb-4 md:mb-2"> What Bankrate staffers have to say about Progressive</div> </div> <div class="insurance-insight-box__content"> <div class="text-slate"> <div class="wysiwyg display-block w-full"> <p>To get a closer perspective on real policyholders’ experiences with Progressive, we reached out to Bankrate staffers to speak with people who have insurance policies with Progressive. We spoke to Adam, who’s had Progressive auto insurance for 19 years and Progressive home insurance for eight. Here’s what he had to say about Progressive’s customer service:</p> <p>“I've been with Progressive almost 20 years, overall their customer service and claims handling have been incredible. I've only had one accident, and the subsequent claim, after having them for 15 years and the process was very smooth, no issues with the repair facility or haggling with an adjuster.”</p></div> </div> </div> </div> </div> <div class="vertical-spacer pt-8 " style="width: 100%; content: '';"></div> <div class="wysiwyg display-block w-full"> <h2>Progressive company details</h2> <p>If you’re considering purchasing insurance through Progressive, here are some key contact details and other resources to help you start the process or manage an existing policy:</p> <ul> <li><strong>Customer service and claims:</strong> 1-888-671-4405</li> <li><strong>Spanish-speaking service and claims:</strong> 1-833-951-4271</li> <li><strong>File a claim:</strong> 1-800-776-4737</li> <li><strong>General fax:</strong> 1-877-280-5587</li> <li><strong>Live chat available </strong><a class="Link" href="https://www.progressive.com/contact-us/" target="_blank" rel="noopener"><strong>online</strong></a></li> <li><strong>Headquarters: </strong>6300 Wilson Mills Rd, Mayfield Village, Ohio 44143</li> </ul> <h3>State availability</h3> <p>Progressive car insurance is available in all 50 states and Washington, D.C. Progressive home insurance through ASI is only available in 40 states, but policies placed with other third parties through the Progressive Advantage Agency, Inc. may be more widely available depending on the underwriting company.</p> <h3>Progressive tools and benefits</h3> <p>Progressive offers several types of insurance in addition to auto, home and life. You might be interested in the company’s other insurance solutions, including the following product lines:</p> <ul> <li><strong>Golf cart:</strong> If you own a golf cart, Progressive may have an insurance policy to bolster your financial protection.</li> <li><strong>Boat and personal watercraft:</strong> Progressive offers options to insure boats and other personal watercraft.</li> <li><strong>Pet:</strong> Progressive’s pet insurance is provided by Pets Best and comes with access to a 24/7 emergency vet hotline phone number.</li> <li><strong>Wedding and event:</strong> Gatherings and events may require specialized insurance coverage. Progressive offers this coverage through The Event Helper, Inc.</li> <li><strong>Business:</strong> Progressive offers a range of business insurance products, including general liability, commercial auto and workers compensation.</li> <li><strong>Health:</strong> Provided by eHealth, Progressive offers individual and family plans, short-term health insurance and Medicare coverage.</li> <li><strong>Dental:</strong> Progressive’s dental insurance coverage is also provided by eHealth.</li> </ul> <p>Additionally, Progressive offers online banking and personal loans.</p></div> <div class="wysiwyg display-block w-full"> <h2 id="frequently-asked-questions-about-progressive">Frequently asked questions about Progressive</h2></div> <ul class="Accordion w-full" data-cy="accordion-526cf61b-b791-45ff-8a03-0a77b627a63b"> <li x-id="['panel-is-progressive-sustainable', 'heading-is-progressive-sustainable']" x-data="{ expanded: 0, disableMobileHover: 0, }" class="Accordion-item" > <button class="Accordion-titleContainer px-3 py-4 sm:px-6 group sm:py-6" :id="$id('heading-is-progressive-sustainable')" :aria-controls="$id('panel-is-progressive-sustainable')" :aria-expanded="expanded ? true : false" x-on:click="expanded = !expanded" data-beam-element-clicked-no-delay id="" data-type="accordion" data-location="faq section" data-name=" is progressive sustainable? " data-position="1" data-text=" Is Progressive sustainable? " data-outcome="" data-variant="default" :data-outcome="expanded ? 'open_accordion' : 'close_accordion'" :class="{ 'no-hover': (typeof isMobile !== 'undefined' && isMobile) && disableMobileHover }" > <h3 class="Accordion-title mr-2 md:flex-1 my-0"> <span class="text"> Is Progressive sustainable?</span> </h3> <span class="Accordion-icon Icon Icon--sm icon-base-blue" aria-hidden="true"> <svg class="Icon-glyph" 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> </span> </button> <div class="Accordion-contentWrapper" :id="$id('panel-is-progressive-sustainable')" :labelledBy="$id('heading-is-progressive-sustainable')" x-show="expanded" x-collapse role="region" style="height: 0px; overflow: hidden; display: none;" > <div class="Accordion-content text-slate px-3 pb-4 sm:px-6 sm:pb-6"> <div class="wysiwyg display-block w-full"> <p>Progressive is involved in environmental and <a class="Link" href="https://www.progressive.com/about/corporate-responsibility/" target="_blank" rel="noopener">community outreach programs</a>. Environmental efforts include investments in renewable energy and reducing energy consumption in Progressive office spaces. The company’s community-focused programs include projects designed to help furnish homes for the homeless and a program called Keys to Progress that donates vehicles to veterans. Progressive has also stated its commitment to increasing financial literacy and insurance knowledge.</p></div> </div> </div> <noscript> <div class="Accordion-contentWrapper" :id="$id('no-js-panel-is-progressive-sustainable')" :labelledBy="$id('heading-is-progressive-sustainable')" role="region" > <div class="Accordion-content text-slate px-3 pb-4 sm:px-6 sm:pb-6"> <div class="wysiwyg display-block w-full"> <p>Progressive is involved in environmental and <a class="Link" href="https://www.progressive.com/about/corporate-responsibility/" target="_blank" rel="noopener">community outreach programs</a>. Environmental efforts include investments in renewable energy and reducing energy consumption in Progressive office spaces. The company’s community-focused programs include projects designed to help furnish homes for the homeless and a program called Keys to Progress that donates vehicles to veterans. Progressive has also stated its commitment to increasing financial literacy and insurance knowledge.</p></div> </div> </div> </noscript> </li> <li x-id="['panel-how-do-i-file-a-claim-with-progressive', 'heading-how-do-i-file-a-claim-with-progressive']" x-data="{ expanded: 0, disableMobileHover: 0, }" class="Accordion-item" > <button class="Accordion-titleContainer px-3 py-4 sm:px-6 group sm:py-6" :id="$id('heading-how-do-i-file-a-claim-with-progressive')" :aria-controls="$id('panel-how-do-i-file-a-claim-with-progressive')" :aria-expanded="expanded ? true : false" x-on:click="expanded = !expanded" data-beam-element-clicked-no-delay id="" data-type="accordion" data-location="faq section" data-name=" how do i file a claim with progressive? " data-position="2" data-text=" How do I file a claim with Progressive? " data-outcome="" data-variant="default" :data-outcome="expanded ? 'open_accordion' : 'close_accordion'" :class="{ 'no-hover': (typeof isMobile !== 'undefined' && isMobile) && disableMobileHover }" > <h3 class="Accordion-title mr-2 md:flex-1 my-0"> <span class="text"> How do I file a claim with Progressive?</span> </h3> <span class="Accordion-icon Icon Icon--sm icon-base-blue" aria-hidden="true"> <svg class="Icon-glyph" 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> </span> </button> <div class="Accordion-contentWrapper" :id="$id('panel-how-do-i-file-a-claim-with-progressive')" :labelledBy="$id('heading-how-do-i-file-a-claim-with-progressive')" x-show="expanded" x-collapse role="region" style="height: 0px; overflow: hidden; display: none;" > <div class="Accordion-content text-slate px-3 pb-4 sm:px-6 sm:pb-6"> <div class="wysiwyg display-block w-full"> <p>Filing a claim with Progressive is fairly straightforward, but the method you choose may depend on how you purchased your policy. For example, if your Progressive policy comes from a local agent, you can likely call your agent to file a claim, but this may not be an option for those who purchase coverage online. Other ways to file a claim include:</p> <ul> <li>Call 1-888-671-4405 and say, “File a claim.”</li> <li>Call 1-800-776-4737 and say, “File a claim.”</li> <li>Call 1-833-951-4271 for service in Spanish</li> <li>File online with your account log in</li> <li>File in the Progressive mobile app</li> </ul> <p>ASI home insurance customers can call one of the numbers above, 1-866-274-5677 or can <a class="Link" href="https://www.americanstrategic.com/" target="_blank" rel="noopener">file online</a> with their ASI login.</p> <p>Once your claim has been filed, you’ll be put in touch with an adjuster. The adjuster will research your claim, analyze your coverage, decide if the claim is a covered loss and release a payment to you, if applicable. Progressive provides an in-depth <a class="Link" href="https://www.progressive.com/claims/" target="_blank" rel="noopener">breakdown of its claims processes</a> by product line on its website.</p></div> </div> </div> <noscript> <div class="Accordion-contentWrapper" :id="$id('no-js-panel-how-do-i-file-a-claim-with-progressive')" :labelledBy="$id('heading-how-do-i-file-a-claim-with-progressive')" role="region" > <div class="Accordion-content text-slate px-3 pb-4 sm:px-6 sm:pb-6"> <div class="wysiwyg display-block w-full"> <p>Filing a claim with Progressive is fairly straightforward, but the method you choose may depend on how you purchased your policy. For example, if your Progressive policy comes from a local agent, you can likely call your agent to file a claim, but this may not be an option for those who purchase coverage online. Other ways to file a claim include:</p> <ul> <li>Call 1-888-671-4405 and say, “File a claim.”</li> <li>Call 1-800-776-4737 and say, “File a claim.”</li> <li>Call 1-833-951-4271 for service in Spanish</li> <li>File online with your account log in</li> <li>File in the Progressive mobile app</li> </ul> <p>ASI home insurance customers can call one of the numbers above, 1-866-274-5677 or can <a class="Link" href="https://www.americanstrategic.com/" target="_blank" rel="noopener">file online</a> with their ASI login.</p> <p>Once your claim has been filed, you’ll be put in touch with an adjuster. The adjuster will research your claim, analyze your coverage, decide if the claim is a covered loss and release a payment to you, if applicable. Progressive provides an in-depth <a class="Link" href="https://www.progressive.com/claims/" target="_blank" rel="noopener">breakdown of its claims processes</a> by product line on its website.</p></div> </div> </div> </noscript> </li> </ul> <div class="vertical-spacer pt-8 " style="width: 100%; content: '';"></div> <div class="section-title border-gray"> <h2 level="2" class="type-heading-two mb-4"> Methodology </h2> </div> <div class="vertical-spacer pt-4" style="width: 100%; content: '';"></div> <div class="insurance-template-methodology"> <h3 class="insurance-template-methodology__header type-heading-two mt-4 mb-6 font-bold md:mb-12">Auto</h3> <div class="insurance-template-methodology__top-level-content mb-6 type-body-one md:mb-12"> <div class="wysiwyg display-block w-full"> <p>Bankrate utilizes Quadrant Information Services to analyze November 2024 rates for all ZIP codes and carriers in all 50 states and Washington, D.C. Rates are weighted based on the population density in each geographic region. Quoted rates for our base profile are based on the following characteristics and coverage levels:</p></div> </div> <div class="insurance-template-methodology__base-profile-content mb-4"> <div class="md:display-flex md:gap-12"> <div class="insurance-template-methodology__base-profile-content__left-side md:display-flex flex-direction-column md:w-2/3 mb-8"> <div class="md:display-flex flex-direction-column md:h-full"> <div class="base-profile-content-container display-flex align-items-center py-4 px-6 md:px-10 bg-gray-light mb-2 rounded-lg h-28"> <span class="Icon mr-10 w-8 h-8 "> <svg class="Icon-glyph" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>User Icon</title><path fill-rule="evenodd" clip-rule="evenodd" d="M7.867 9.703c0 2.093 1.134 3.935 2.841 4.986-2.797.385-4.953 2.707-4.953 5.507v.513c-.009.565-.018 1.156.081 1.748a.705.705 0 0 0 .647.582v.002h14.942v-.003l.038.001h-.006.01-.004a.71.71 0 0 0 .707-.582c.093-.55.084-1.092.075-1.627l-.002-.12v-.514c0-2.797-2.153-5.118-4.946-5.506 1.708-1.051 2.843-2.893 2.843-4.987 0-3.26-2.753-5.911-6.137-5.911-3.384 0-6.136 2.651-6.136 5.911Z" fill="transparent" class="icon-offset"/><path fill-rule="evenodd" clip-rule="evenodd" d="M8.378 13.374C6.528 12.226 5.3 10.224 5.3 7.95 5.3 4.393 8.302 1.5 11.994 1.5s6.695 2.893 6.695 6.449c0 2.303-1.26 4.327-3.149 5.468a.853.853 0 0 1 .445.892c-.076.456-.504.676-.966.6a8.198 8.198 0 0 0-.625-.083H9.316c-2.609 0-4.725 2.04-4.725 4.552v.588c-.01.55-.02 1.13.059 1.632a.76.76 0 0 1-.65.872.774.774 0 0 1-.906-.626c-.108-.645-.098-1.29-.088-1.906v-.56c0-3.044 2.336-5.57 5.372-6.004ZM6.875 7.95c0-2.722 2.294-4.932 5.12-4.932 2.825 0 5.118 2.21 5.118 4.932 0 2.722-2.293 4.932-5.119 4.932-2.825 0-5.119-2.21-5.119-4.932Zm8.98 14.537a.86.86 0 0 1-.607-.267c-.194-.205-.194-.444-.194-.568 0-.027 0-.061.006-.088l.233-1.526-1.073-1.095a.844.844 0 0 1-.22-.575.84.84 0 0 1 .213-.568.599.599 0 0 1 .181-.137.477.477 0 0 1 .246-.11l1.442-.204.666-1.41a.548.548 0 0 1 .097-.144l.084-.089c.097-.102.272-.205.407-.205h.175c.045 0 .084 0 .123.014.349.089.537.253.588.5l.627 1.334 1.455.205a.725.725 0 0 1 .498.253.768.768 0 0 1 .188.65.808.808 0 0 1-.265.486l-1.042 1.102.272 1.519s.007.068.007.102c0 .452-.33.821-.731.821-.071 0-.272 0-.453-.13l-1.254-.684-1.332.746s-.052.027-.078.034a.901.901 0 0 1-.265.048l.007-.014Zm.208-3.188c.187.137.284.362.284.663 0 .028 0 .062-.006.09l-.175 1.135.976-.547c.2-.15.479-.164.725-.028l.963.527-.194-1.074s-.006-.068-.006-.103a.92.92 0 0 1 .239-.615l.75-.794-1.028-.144c-.188-.014-.434-.103-.595-.438l-.53-1.115-.498 1.054a.679.679 0 0 1-.62.506l-1.016.144.73.745v-.006Z" class="icon-base"/></svg></span> <div class=""> <div class="font-circular-bold text-base leading-7 font-bold">40 year old</div> <span class="type-body-two leading-snug text-slate">Single male and female driver</span> </div> </div><div class="base-profile-content-container display-flex align-items-center py-4 px-6 md:px-10 bg-gray-light mb-2 rounded-lg h-36 md:h-72"> <img src="https://www.bankrate.com/f/102997/160x80/5ca2f8a3d0/toyota_logo.png" alt="Logo for Brand name" class="base-profile-content-container__home-image mr-6 md:mr-10" width="120" height="97.24" loading="lazy"> <div class=""> <div class="font-circular-bold text-base leading-7 font-bold">2022 Toyota Camry</div> <span class="type-body-two leading-snug text-slate">Primary vehicle</span> </div> </div></div> <div class="insurance-template-methodology__base-profile-facts display-flex justify-content-space-between gap-2"> <div class="display-flex justify-content-center align-items-center insurance-template-methodology-facts bg-gray-light rounded-lg px-2 md:px-4 py-4 w-full h-28"> <div class="text-center"> <span class="Icon h-8 w-8 icon-highlight-blue mb-4"> <svg class="Icon-glyph" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Credit Good Icon</title><path d="M22.01 19.09h-3.863c-.988 0-1.896-.736-2.255-1.832l-.072-.216a3.556 3.556 0 0 0-3.306-2.237c-1.546 0-2.903.98-3.388 2.444-.36 1.096-1.267 1.833-2.255 1.833H3.008a2.033 2.033 0 0 1-1.528-.674 1.867 1.867 0 0 1-.467-1.482C1.732 11.149 6.673 6.8 12.505 6.8c5.83 0 10.763 4.358 11.482 10.126a1.867 1.867 0 0 1-.467 1.482 2.033 2.033 0 0 1-1.528.674l.018.009Z" fill="transparent" class="icon-offset"/><path fill-rule="evenodd" clip-rule="evenodd" d="M17.892 18.413h4.032l-.02-.01c.62 0 1.192-.253 1.595-.703.384-.431.553-.975.487-1.547-.75-6.019-5.897-10.566-11.981-10.566C5.92 5.587.764 10.125.014 16.153A1.948 1.948 0 0 0 .5 17.7c.403.45.975.703 1.594.703h4.031c1.032 0 1.979-.768 2.354-1.912a3.71 3.71 0 0 1 4.11-2.506l-.74 1.56A1.421 1.421 0 0 0 10.6 16.95a1.42 1.42 0 0 0 1.416 1.416 1.414 1.414 0 0 0 1.194-2.173l.795-1.676a3.71 3.71 0 0 1 1.46 1.758l.075.225c.375 1.144 1.322 1.913 2.353 1.913Zm-3.24-5.264c.128.075.253.155.375.24l3.81-3.81a10.558 10.558 0 0 0-6.072-2.466v5.38c.165.024.328.055.488.093L14.527 9.9a.753.753 0 0 1 1.36.647l-1.235 2.602Zm3.24 3.764c-.384 0-.694-.347-.862-.722l.01-.01-.057-.16a5.255 5.255 0 0 0-.866-1.601l3.795-3.795a10.508 10.508 0 0 1 2.602 5.716.466.466 0 0 1-.122.365.61.61 0 0 1-.468.207h-4.032ZM4.03 10.733a10.494 10.494 0 0 0-2.507 5.608c-.019.168.056.3.113.365a.602.602 0 0 0 .468.197h4.032c.44 0 .787-.46.928-.881.179-.545.44-1.045.77-1.486L4.03 10.733Zm1.063-1.06a10.579 10.579 0 0 1 6.172-2.559v5.381a5.217 5.217 0 0 0-2.371.98L5.093 9.674Z" class="icon-base"/></svg></span> <div class="type-body-two leading-snug text-slate text-sm">Good credit score</div> </div> </div> <div class="display-flex justify-content-center align-items-center insurance-template-methodology-facts bg-gray-light rounded-lg px-2 md:px-4 py-4 w-full h-28"> <div class="text-center"> <span class="Icon h-8 w-8 mb-4"> <svg class="Icon-glyph" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Auto Insurance Guide Icon</title><path fill-rule="evenodd" clip-rule="evenodd" d="M4.63 19.834c.113.043.233.066.357.066h16.126c.763 0 1.387-.87 1.387-1.936V5.537c0-.854-.4-1.582-.95-1.838a1.013 1.013 0 0 0-.436-.099H4.986c-.762 0-1.387.87-1.387 1.937v12.427c0 .893.439 1.649 1.03 1.87Z" fill="transparent" class="icon-offset"/><path fill-rule="evenodd" clip-rule="evenodd" d="M4.064 17.136h1.822c.363 0 .66-.296.66-.66a.662.662 0 0 0-.66-.659H4.064c-.684 0-1.245-.692-1.245-1.542V4.382c0-.85.56-1.542 1.245-1.542h14.478c.684 0 1.245.692 1.245 1.542v8.607c0 .363.297.66.66.66.362 0 .66-.297.66-.66V4.381c0-1.583-1.147-2.86-2.565-2.86H4.064C2.654 1.52 1.5 2.807 1.5 4.38v9.894c0 1.583 1.146 2.861 2.564 2.861ZM17.644 6.37H4.89a.662.662 0 0 1-.66-.66c0-.362.298-.66.66-.66h12.755c.363 0 .66.298.66.66 0 .363-.297.66-.66.66ZM10.67 15.66h2.762v-2.045h-1.855a.466.466 0 0 0-.248.083.405.405 0 0 0-.148.214l-.511 1.748Zm4.081 0h3.04l-1.053-1.954s-.041-.05-.066-.066a.196.196 0 0 0-.099-.025H14.75v2.045Zm4.532 0-1.39-2.58a1.507 1.507 0 0 0-1.328-.784h-4.997c-.362 0-.725.115-1.014.33-.296.206-.52.51-.643.89l-.634 2.168c-.454.067-.87.276-1.204.611a2.148 2.148 0 0 0-.635 1.517v1.17a2.167 2.167 0 0 0 1.884 2.143 1.99 1.99 0 0 0 3.76.018h3.84a1.989 1.989 0 0 0 3.767-.036 2.19 2.19 0 0 0 1.185-.607 2.19 2.19 0 0 0 .627-1.517v-1.17a2.14 2.14 0 0 0-.627-1.518 2.148 2.148 0 0 0-1.517-.635h-1.074Zm1.367 4.108a.855.855 0 0 0 .293-.191.867.867 0 0 0 .239-.586v-1.17a.816.816 0 0 0-.24-.586.839.839 0 0 0-.585-.247H9.596a.838.838 0 0 0-.585.247.838.838 0 0 0-.247.585v1.171c0 .214.09.429.247.585a.853.853 0 0 0 .336.207 1.989 1.989 0 0 1 3.73.04h3.85a1.989 1.989 0 0 1 3.722-.055Zm-8.777.716v-.014a.676.676 0 0 0-.668-.655.67.67 0 0 0-.667.668c0 .363.305.668.667.668.359 0 .66-.297.668-.654v-.014Zm3.282-1.93h-.75a.662.662 0 0 1-.66-.66c0-.363.297-.66.66-.66h.75c.363 0 .66.297.66.66 0 .363-.297.66-.66.66Zm2.977 1.93a.67.67 0 0 1 .667-.669c.363 0 .668.305.668.668a.676.676 0 0 1-.668.668.676.676 0 0 1-.667-.668ZM4.889 10.012h12.755c.363 0 .66-.297.66-.66a.662.662 0 0 0-.66-.659H4.89a.662.662 0 0 0-.66.66c0 .362.298.66.66.66Zm2.993 3.636H4.839a.662.662 0 0 1-.66-.66c0-.362.298-.66.66-.66h3.043c.363 0 .66.298.66.66 0 .363-.297.66-.66.66Z" class="icon-base"/></svg></span> <div class="type-body-two leading-snug text-slate text-sm">Clean driving record</div> </div> </div> <div class="display-flex justify-content-center align-items-center insurance-template-methodology-facts bg-gray-light rounded-lg px-2 md:px-4 py-4 w-full h-28"> <div class="text-center"> <span class="Icon h-8 w-8 mb-4"> <svg class="Icon-glyph" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Briefcase Icon</title><path d="M5.768 8C4.795 8 4 8.75 4 9.673v11.654C4 22.25 4.795 23 5.768 23h16.464c.973 0 1.768-.75 1.768-1.673V9.673C24 8.75 23.205 8 22.232 8H5.768Z" fill="transparent" class="icon-offset"/><path fill-rule="evenodd" clip-rule="evenodd" d="M16.08 6.916h3.477c.894 0 1.624.672 1.624 1.5v3.944c-6.097 2.116-12.272 2.115-18.369-.003v-3.94c0-.829.73-1.501 1.624-1.501H16.08ZM2.813 13.748v5.124c0 .828.73 1.5 1.624 1.5h15.121c.894 0 1.624-.672 1.624-1.5v-5.12c-3.046 1.008-6.111 1.512-9.176 1.512h-.008c-3.068 0-6.136-.505-9.185-1.516Zm19.68-.827v5.943c0 1.55-1.32 2.812-2.935 2.812H4.436c-1.616 0-2.936-1.263-2.936-2.812V8.408c0-1.55 1.32-2.813 2.936-2.813H7.24v-.057c0-1.771 1.51-3.214 3.362-3.214h2.789c1.853 0 3.362 1.443 3.362 3.214v.057h2.804c1.616 0 2.936 1.263 2.936 2.813v4.322c.01.064.01.128 0 .19ZM8.553 5.595h6.889v-.057c0-1.05-.919-1.902-2.05-1.902h-2.789c-1.131 0-2.05.853-2.05 1.902v.057Zm5.905 5.421h-4.92a.658.658 0 0 1-.657-.656c0-.36.296-.656.656-.656h4.92c.362 0 .657.295.657.656 0 .36-.295.656-.656.656Z" class="icon-base"/></svg></span> <div class="type-body-two leading-snug text-slate text-sm">Commutes 5 days</div> </div> </div> </div> </div> <div class="insurance-template-methodology__base-profile-content-categories mb-8 md:w-1/3"> <div class="border-b border-gray-mid"> <div class="insurance-template-methodology-base-profile-categories pb-4 mt-4 md:mt-0"> <p class="font-circular-bold text-size-sm font-bold mb-2">Bodily injury liability</p> <span class="type-body-two text-slate"> <span class="text"> $100,000 per person</span> <br> <span class="text"> $300,000 per accident</span> <br> </span> </div> </div> <div class="border-b border-gray-mid md:pt-4"> <div class="insurance-template-methodology-base-profile-categories pb-4 mt-4 md:mt-0"> <p class="font-circular-bold text-size-sm font-bold mb-2">Property damage liability</p> <span class="type-body-two text-slate"> <span class="text"> $50,000 per accident</span> <br> </span> </div> </div> <div class="border-b border-gray-mid md:pt-4"> <div class="insurance-template-methodology-base-profile-categories pb-4 mt-4 md:mt-0"> <p class="font-circular-bold text-size-sm font-bold mb-2">Personal injury protection</p> <span class="type-body-two text-slate"> <span class="text"> $100,000 per accident</span> <br> </span> </div> </div> <div class="border-b border-gray-mid md:pt-4"> <div class="insurance-template-methodology-base-profile-categories pb-4 mt-4 md:mt-0"> <p class="font-circular-bold text-size-sm font-bold mb-2">Uninsured motorist bodily injury</p> <span class="type-body-two text-slate"> <span class="text"> $100,000 per person</span> <br> <span class="text"> $300,000 per accident</span> <br> </span> </div> </div> <div class="border-b border-gray-mid md:pt-4"> <div class="insurance-template-methodology-base-profile-categories pb-4 mt-4 md:mt-0"> <p class="font-circular-bold text-size-sm font-bold mb-2">Collision deductible</p> <span class="type-body-two text-slate"> <span class="text"> $500</span> <br> </span> </div> </div> <div class="md:pt-4"> <div class="insurance-template-methodology-base-profile-categories pb-4 mt-4 md:mt-0"> <p class="font-circular-bold text-size-sm font-bold mb-2">Comprehensive deductible</p> <span class="type-body-two text-slate"> <span class="text"> $500</span> <br> </span> </div> </div> </div> </div> </div> <div class="insurance-template-methodology__other-profiles-content mb-8"> <div class="type-heading-three leading-8 font-bold mb-6"></div> </div> </div> <div class="wysiwyg display-inline"> <h4 id="faqs">Other profiles</h4></div> <ul class="Accordion w-full" data-cy="accordion-712bb058-5f75-4be7-ac5d-8400f953e19d"> <li x-id="['panel-incident-based', 'heading-incident-based']" x-data="{ expanded: 0, disableMobileHover: 0, }" class="Accordion-item" > <button class="Accordion-titleContainer px-3 py-4 sm:px-6 group sm:py-6" :id="$id('heading-incident-based')" :aria-controls="$id('panel-incident-based')" :aria-expanded="expanded ? true : false" x-on:click="expanded = !expanded" data-beam-element-clicked-no-delay id="" data-type="accordion" data-location="" data-name=" for incident-based insurance rates: " data-position="1" data-text=" For incident-based insurance rates: " data-outcome="" data-variant="default" :data-outcome="expanded ? 'open_accordion' : 'close_accordion'" :class="{ 'no-hover': (typeof isMobile !== 'undefined' && isMobile) && disableMobileHover }" > <h3 class="Accordion-title mr-2 md:flex-1 my-0"> <span class="text"> For incident-based insurance rates:</span> </h3> <span class="Accordion-icon Icon Icon--sm icon-base-blue" aria-hidden="true"> <svg class="Icon-glyph" 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> </span> </button> <div class="Accordion-contentWrapper" :id="$id('panel-incident-based')" :labelledBy="$id('heading-incident-based')" x-show="expanded" x-collapse role="region" style="height: 0px; overflow: hidden; display: none;" > <div class="Accordion-content text-slate px-3 pb-4 sm:px-6 sm:pb-6"> <div class="wysiwyg display-inline"> <p>Rates were calculated by evaluating our base profile with the following incidents applied: clean record (base), at-fault accident, single speeding ticket, single DUI conviction and lapse in coverage.</p></div> </div> </div> <noscript> <div class="Accordion-contentWrapper" :id="$id('no-js-panel-incident-based')" :labelledBy="$id('heading-incident-based')" role="region" > <div class="Accordion-content text-slate px-3 pb-4 sm:px-6 sm:pb-6"> <div class="wysiwyg display-inline"> <p>Rates were calculated by evaluating our base profile with the following incidents applied: clean record (base), at-fault accident, single speeding ticket, single DUI conviction and lapse in coverage.</p></div> </div> </div> </noscript> </li> <li x-id="['panel-age-based', 'heading-age-based']" x-data="{ expanded: 0, disableMobileHover: 0, }" class="Accordion-item" > <button class="Accordion-titleContainer px-3 py-4 sm:px-6 group sm:py-6" :id="$id('heading-age-based')" :aria-controls="$id('panel-age-based')" :aria-expanded="expanded ? true : false" x-on:click="expanded = !expanded" data-beam-element-clicked-no-delay id="" data-type="accordion" data-location="" data-name=" for age-based insurance rates: " data-position="2" data-text=" For age-based insurance rates: " data-outcome="" data-variant="default" :data-outcome="expanded ? 'open_accordion' : 'close_accordion'" :class="{ 'no-hover': (typeof isMobile !== 'undefined' && isMobile) && disableMobileHover }" > <h3 class="Accordion-title mr-2 md:flex-1 my-0"> <span class="text"> For age-based insurance rates:</span> </h3> <span class="Accordion-icon Icon Icon--sm icon-base-blue" aria-hidden="true"> <svg class="Icon-glyph" 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> </span> </button> <div class="Accordion-contentWrapper" :id="$id('panel-age-based')" :labelledBy="$id('heading-age-based')" x-show="expanded" x-collapse role="region" style="height: 0px; overflow: hidden; display: none;" > <div class="Accordion-content text-slate px-3 pb-4 sm:px-6 sm:pb-6"> <div class="wysiwyg display-inline"> <p>Rates were calculated by evaluating our base profile with the ages 18-60 (base: 40 years) applied. Depending on age, drivers may be a renter or homeowner. Age is not a contributing rating factor in Hawaii and Massachusetts due to state regulations.</p></div> </div> </div> <noscript> <div class="Accordion-contentWrapper" :id="$id('no-js-panel-age-based')" :labelledBy="$id('heading-age-based')" role="region" > <div class="Accordion-content text-slate px-3 pb-4 sm:px-6 sm:pb-6"> <div class="wysiwyg display-inline"> <p>Rates were calculated by evaluating our base profile with the ages 18-60 (base: 40 years) applied. Depending on age, drivers may be a renter or homeowner. Age is not a contributing rating factor in Hawaii and Massachusetts due to state regulations.</p></div> </div> </div> </noscript> </li> </ul> <div class="wysiwyg display-block w-full"> <p>These are sample rates and should only be used for comparative purposes. </p></div> <div class="insurance-template-methodology"> <h2 class="insurance-template-methodology__header type-heading-two mt-4 mb-6 font-bold md:mb-12">Home</h2> <div class="insurance-template-methodology__top-level-content mb-6 type-body-one md:mb-12"> <div class="wysiwyg display-block w-full"> <p>Bankrate utilizes Quadrant Information Services to analyze November 2024 rates for all ZIP codes and carriers in all 50 states and Washington, D.C. Quoted rates for our base profile are based on the following characteristics and coverage levels:</p></div> </div> <div class="insurance-template-methodology__base-profile-content mb-4"> <div class="md:display-flex md:gap-12"> <div class="insurance-template-methodology__base-profile-content__left-side md:display-flex flex-direction-column md:w-2/3 mb-8"> <div class="md:display-flex flex-direction-column md:h-full"> <div class="base-profile-content-container display-flex align-items-center py-4 px-6 md:px-10 bg-gray-light mb-2 rounded-lg h-28"> <span class="Icon mr-10 w-8 h-8 "> <svg class="Icon-glyph" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>User Icon</title><path fill-rule="evenodd" clip-rule="evenodd" d="M7.867 9.703c0 2.093 1.134 3.935 2.841 4.986-2.797.385-4.953 2.707-4.953 5.507v.513c-.009.565-.018 1.156.081 1.748a.705.705 0 0 0 .647.582v.002h14.942v-.003l.038.001h-.006.01-.004a.71.71 0 0 0 .707-.582c.093-.55.084-1.092.075-1.627l-.002-.12v-.514c0-2.797-2.153-5.118-4.946-5.506 1.708-1.051 2.843-2.893 2.843-4.987 0-3.26-2.753-5.911-6.137-5.911-3.384 0-6.136 2.651-6.136 5.911Z" fill="transparent" class="icon-offset"/><path fill-rule="evenodd" clip-rule="evenodd" d="M8.378 13.374C6.528 12.226 5.3 10.224 5.3 7.95 5.3 4.393 8.302 1.5 11.994 1.5s6.695 2.893 6.695 6.449c0 2.303-1.26 4.327-3.149 5.468a.853.853 0 0 1 .445.892c-.076.456-.504.676-.966.6a8.198 8.198 0 0 0-.625-.083H9.316c-2.609 0-4.725 2.04-4.725 4.552v.588c-.01.55-.02 1.13.059 1.632a.76.76 0 0 1-.65.872.774.774 0 0 1-.906-.626c-.108-.645-.098-1.29-.088-1.906v-.56c0-3.044 2.336-5.57 5.372-6.004ZM6.875 7.95c0-2.722 2.294-4.932 5.12-4.932 2.825 0 5.118 2.21 5.118 4.932 0 2.722-2.293 4.932-5.119 4.932-2.825 0-5.119-2.21-5.119-4.932Zm8.98 14.537a.86.86 0 0 1-.607-.267c-.194-.205-.194-.444-.194-.568 0-.027 0-.061.006-.088l.233-1.526-1.073-1.095a.844.844 0 0 1-.22-.575.84.84 0 0 1 .213-.568.599.599 0 0 1 .181-.137.477.477 0 0 1 .246-.11l1.442-.204.666-1.41a.548.548 0 0 1 .097-.144l.084-.089c.097-.102.272-.205.407-.205h.175c.045 0 .084 0 .123.014.349.089.537.253.588.5l.627 1.334 1.455.205a.725.725 0 0 1 .498.253.768.768 0 0 1 .188.65.808.808 0 0 1-.265.486l-1.042 1.102.272 1.519s.007.068.007.102c0 .452-.33.821-.731.821-.071 0-.272 0-.453-.13l-1.254-.684-1.332.746s-.052.027-.078.034a.901.901 0 0 1-.265.048l.007-.014Zm.208-3.188c.187.137.284.362.284.663 0 .028 0 .062-.006.09l-.175 1.135.976-.547c.2-.15.479-.164.725-.028l.963.527-.194-1.074s-.006-.068-.006-.103a.92.92 0 0 1 .239-.615l.75-.794-1.028-.144c-.188-.014-.434-.103-.595-.438l-.53-1.115-.498 1.054a.679.679 0 0 1-.62.506l-1.016.144.73.745v-.006Z" class="icon-base"/></svg></span> <div class=""> <div class="font-circular-bold text-base leading-7 font-bold">40 year old</div> <span class="type-body-two leading-snug text-slate">Married male and female homeowners</span> </div> </div><div class="base-profile-content-container display-flex align-items-center py-4 px-6 md:px-10 bg-gray-light mb-2 rounded-lg h-36 md:h-72"> <img src="https://www.bankrate.com/f/102997/360x293/1b37df5bc7/home-methodology-image.png" alt="Logo for Brand name" class="base-profile-content-container__home-image mr-6 md:mr-10" width="120" height="97.24" loading="lazy"> <div class=""> <div class="font-circular-bold text-base leading-7 font-bold">2016 build year</div> <span class="type-body-two leading-snug text-slate">Primary home</span> </div> </div></div> <div class="insurance-template-methodology__base-profile-facts display-flex justify-content-space-between gap-2"> <div class="display-flex justify-content-center align-items-center insurance-template-methodology-facts bg-gray-light rounded-lg px-2 md:px-4 py-4 w-full h-28"> <div class="text-center"> <span class="Icon h-8 w-8 mb-4"> <svg class="Icon-glyph" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Credit Good Icon</title><path d="M22.01 19.09h-3.863c-.988 0-1.896-.736-2.255-1.832l-.072-.216a3.556 3.556 0 0 0-3.306-2.237c-1.546 0-2.903.98-3.388 2.444-.36 1.096-1.267 1.833-2.255 1.833H3.008a2.033 2.033 0 0 1-1.528-.674 1.867 1.867 0 0 1-.467-1.482C1.732 11.149 6.673 6.8 12.505 6.8c5.83 0 10.763 4.358 11.482 10.126a1.867 1.867 0 0 1-.467 1.482 2.033 2.033 0 0 1-1.528.674l.018.009Z" fill="transparent" class="icon-offset"/><path fill-rule="evenodd" clip-rule="evenodd" d="M17.892 18.413h4.032l-.02-.01c.62 0 1.192-.253 1.595-.703.384-.431.553-.975.487-1.547-.75-6.019-5.897-10.566-11.981-10.566C5.92 5.587.764 10.125.014 16.153A1.948 1.948 0 0 0 .5 17.7c.403.45.975.703 1.594.703h4.031c1.032 0 1.979-.768 2.354-1.912a3.71 3.71 0 0 1 4.11-2.506l-.74 1.56A1.421 1.421 0 0 0 10.6 16.95a1.42 1.42 0 0 0 1.416 1.416 1.414 1.414 0 0 0 1.194-2.173l.795-1.676a3.71 3.71 0 0 1 1.46 1.758l.075.225c.375 1.144 1.322 1.913 2.353 1.913Zm-3.24-5.264c.128.075.253.155.375.24l3.81-3.81a10.558 10.558 0 0 0-6.072-2.466v5.38c.165.024.328.055.488.093L14.527 9.9a.753.753 0 0 1 1.36.647l-1.235 2.602Zm3.24 3.764c-.384 0-.694-.347-.862-.722l.01-.01-.057-.16a5.255 5.255 0 0 0-.866-1.601l3.795-3.795a10.508 10.508 0 0 1 2.602 5.716.466.466 0 0 1-.122.365.61.61 0 0 1-.468.207h-4.032ZM4.03 10.733a10.494 10.494 0 0 0-2.507 5.608c-.019.168.056.3.113.365a.602.602 0 0 0 .468.197h4.032c.44 0 .787-.46.928-.881.179-.545.44-1.045.77-1.486L4.03 10.733Zm1.063-1.06a10.579 10.579 0 0 1 6.172-2.559v5.381a5.217 5.217 0 0 0-2.371.98L5.093 9.674Z" class="icon-base"/></svg></span> <div class="type-body-two leading-snug text-slate text-sm">Good credit score</div> </div> </div> <div class="display-flex justify-content-center align-items-center insurance-template-methodology-facts bg-gray-light rounded-lg px-2 md:px-4 py-4 w-full h-28"> <div class="text-center"> <span class="Icon h-8 w-8 mb-4"> <svg class="Icon-glyph" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Home Insurance Guide Icon</title><path fill-rule="evenodd" clip-rule="evenodd" d="M3.8 18.325c0 .987.618 1.792 1.372 1.792h15.956c.754 0 1.372-.805 1.372-1.792v-11.5c0-.987-.618-1.792-1.372-1.792H5.172c-.754 0-1.372.805-1.372 1.792v11.5Z" fill="transparent" class="icon-offset"/><path fill-rule="evenodd" clip-rule="evenodd" d="M11.208 18.108h-7.16c-1.41 0-2.548-1.27-2.548-2.843V5.434c0-1.565 1.147-2.843 2.548-2.843h14.386c1.41 0 2.548 1.278 2.548 2.843v4.915c0 .36-.295.656-.655.656a.657.657 0 0 1-.655-.656V5.434c0-.844-.558-1.532-1.238-1.532H4.048c-.68 0-1.237.688-1.237 1.532v9.83c0 .845.557 1.533 1.237 1.533h7.16c.36 0 .656.295.656.655 0 .36-.295.656-.656.656Zm6.333-10.7H4.875a.657.657 0 0 1-.655-.656c0-.36.295-.655.655-.655H17.55c.36 0 .655.295.655.655 0 .36-.295.656-.655.656h-.009Zm-2.179 3.622H4.875a.657.657 0 0 1-.655-.656c0-.36.295-.655.655-.655h10.487c.36 0 .655.295.655.655 0 .36-.294.655-.655.655ZM4.818 14.642h5.088c.36 0 .655-.295.655-.655a.657.657 0 0 0-.655-.656H4.818a.657.657 0 0 0-.655.656c0 .36.295.655.655.655ZM15.01 21.41h5.268c.729 0 1.319-.606 1.319-1.351V16.44a.67.67 0 0 0 .237.045l.009-.008a.651.651 0 0 0 .41-1.163l-1.32-1.044v-1.455a.657.657 0 0 0-.655-.655.657.657 0 0 0-.656.655v.417l-1.22-.966a1.218 1.218 0 0 0-1.5 0l-3.858 3.056a.651.651 0 0 0-.107.917c.182.236.49.305.754.2v3.619c0 .745.59 1.351 1.319 1.351Zm5.268-1.31v-4.662l-2.638-2.09-2.638 2.09v4.62l5.276.042Z" class="icon-base"/></svg></span> <div class="type-body-two leading-snug text-slate text-sm">Clean claim history</div> </div> </div> </div> </div> <div class="insurance-template-methodology__base-profile-content-categories mb-8 md:w-1/3"> <div class="border-b border-gray-mid"> <div class="insurance-template-methodology-base-profile-categories pb-4 mt-4 md:mt-0"> <p class="font-circular-bold text-size-sm font-bold mb-2">Dwelling coverage</p> <span class="type-body-two text-slate"> <span class="text"> $300,000</span> <br> </span> </div> </div> <div class="border-b border-gray-mid md:pt-4"> <div class="insurance-template-methodology-base-profile-categories pb-4 mt-4 md:mt-0"> <p class="font-circular-bold text-size-sm font-bold mb-2">Other structures coverage</p> <span class="type-body-two text-slate"> <span class="text"> $30,000</span> <br> </span> </div> </div> <div class="border-b border-gray-mid md:pt-4"> <div class="insurance-template-methodology-base-profile-categories pb-4 mt-4 md:mt-0"> <p class="font-circular-bold text-size-sm font-bold mb-2">Personal property coverage</p> <span class="type-body-two text-slate"> <span class="text"> $150,000</span> <br> </span> </div> </div> <div class="border-b border-gray-mid md:pt-4"> <div class="insurance-template-methodology-base-profile-categories pb-4 mt-4 md:mt-0"> <p class="font-circular-bold text-size-sm font-bold mb-2">Loss of use coverage</p> <span class="type-body-two text-slate"> <span class="text"> $60,000</span> <br> </span> </div> </div> <div class="border-b border-gray-mid md:pt-4"> <div class="insurance-template-methodology-base-profile-categories pb-4 mt-4 md:mt-0"> <p class="font-circular-bold text-size-sm font-bold mb-2">Liability coverage</p> <span class="type-body-two text-slate"> <span class="text"> $500,000</span> <br> </span> </div> </div> <div class="md:pt-4"> <div class="insurance-template-methodology-base-profile-categories pb-4 mt-4 md:mt-0"> <p class="font-circular-bold text-size-sm font-bold mb-2">Medical payment coverage</p> <span class="type-body-two text-slate"> <span class="text"> $1,000</span> <br> </span> </div> </div> </div> </div> </div> <div class="insurance-template-methodology__other-profiles-content mb-8"> <div class="type-heading-three leading-8 font-bold mb-6"></div> </div> </div> <div class="wysiwyg display-block w-full"> <p><strong>Additional profiles:</strong></p> <ul> <li><strong>Coverage A, Dwelling:</strong> $150,000, $350,000, $450,000</li> <li><strong>Coverage B, Other Structures:</strong> $15,000, $35,000, $45,000</li> <li><strong>Coverage C, Personal Property: </strong>$75,000, $175,000, $225,000</li> <li><strong>Coverage D, Loss of Use:</strong> $30,000, $70,000, $90,000</li> <li><strong>Coverage E, Liability:</strong> $500,000</li> <li><strong style="font-size: 1em;">Coverage F, Medical Payments:</strong><span style="font-size: 1em;"> $1,000</span></li> </ul></div> <div class="wysiwyg display-block w-full"> <p>These are sample rates and should only be used for comparative purposes. </p></div> <div class="wysiwyg display-block w-full"> <h3>Bankrate Scores</h3> <p>Our 2024 Bankrate Score considers variables our insurance editorial team determined impacts policyholders’ experiences with an insurance company. These rating factors include a robust assessment of each company’s product availability, financial strength ratings, online capabilities and customer and claims support accessibility. Each factor was added to a category, and these categories were weighted in a tiered approach to analyze how companies perform in key customer-impacting categories.</p> <p>Each category was assigned a metric to determine performance, and the weighted sum adds up to a company’s total Bankrate Score — out of 5 points. Our scoring model provides a comprehensive view, indicating when companies excel across several key areas and highlighting where they fall short.</p></div> <div class="DonutChart wrapper-editorial display-flex flex-direction-row-reverse justify-content-center align-items-center flex-wrap sm:justify-content-space-between"> <div class="mx-auto md:mx-0 w-80 h-80 pos-relative flex-grow-0"> <div id="DonutChart-aca6a69e-0e19-4186-999a-ff6cf5a5998d" class="DonutChart-chart-anchor"></div> <div class="DonutChart-chart-middle w-36 h-36 pos-absolute border border-slate rounded-full display-flex flex-direction-column align-items-center"> <span class="DonutChart-chart-middle-score text-4xl leading-10 font-bold">5</span> <div class="star-rating star-rating--number-size-sm align-center my-1" style="font-size: 16px"> <span class="visually-hidden">Rating: 5 stars out of 5</span> <div class="star-rating__main-content"> <div class="star-rating__items-container"> <div class="star-rating__item"> <svg class="star-rating__icon" width="16" height="15" viewBox="0 0 16 15"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z"></path> </svg> <div class="star-rating__fill" style="width: 100%"> <svg class="star-rating__icon" width="16" height="15" viewBox="0 0 16 15"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z"></path> </svg> </div> </div> <div class="star-rating__item"> <svg class="star-rating__icon" width="16" height="15" viewBox="0 0 16 15"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z"></path> </svg> <div class="star-rating__fill" style="width: 100%"> <svg class="star-rating__icon" width="16" height="15" viewBox="0 0 16 15"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z"></path> </svg> </div> </div> <div class="star-rating__item"> <svg class="star-rating__icon" width="16" height="15" viewBox="0 0 16 15"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z"></path> </svg> <div class="star-rating__fill" style="width: 100%"> <svg class="star-rating__icon" width="16" height="15" viewBox="0 0 16 15"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z"></path> </svg> </div> </div> <div class="star-rating__item"> <svg class="star-rating__icon" width="16" height="15" viewBox="0 0 16 15"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z"></path> </svg> <div class="star-rating__fill" style="width: 100%"> <svg class="star-rating__icon" width="16" height="15" viewBox="0 0 16 15"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z"></path> </svg> </div> </div> <div class="star-rating__item"> <svg class="star-rating__icon" width="16" height="15" viewBox="0 0 16 15"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z"></path> </svg> <div class="star-rating__fill" style="width: 100%"> <svg class="star-rating__icon" width="16" height="15" viewBox="0 0 16 15"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z"></path> </svg> </div> </div> </div> </div> </div> <span class="type-body-three">Overall Score</span> </div> </div> <ul class="DonutChart-list List display-flex gap-y-3 flex-direction-column justify-content-center mx-auto mb-0 md:mx-0"> <li class="DonutChartItem"> <div class="display-flex gap-2 flex-direction-row align-items-center w-full px-4 py-2 rounded-lg box-shadow-1 text-decoration-none no-underline border border-transparent"> <span class="DonutChartItem-coloredDot bg-teal-600 rounded-full w-4 h-4"></span> <span class="DonutChartItem-title type-body-one text-crop-none type-body-one leading-7 text-slate flex-grow"> Cost & ratings</span> <span class="DonutChartItem-percentage display-block text-base leading-7 text-black font-circular-bold">50%</span> </div> </li> <li class="DonutChartItem"> <div class="display-flex gap-2 flex-direction-row align-items-center w-full px-4 py-2 rounded-lg box-shadow-1 text-decoration-none no-underline border border-transparent"> <span class="DonutChartItem-coloredDot bg-coral-500 rounded-full w-4 h-4"></span> <span class="DonutChartItem-title type-body-one text-crop-none type-body-one leading-7 text-slate flex-grow"> Coverage & savings</span> <span class="DonutChartItem-percentage display-block text-base leading-7 text-black font-circular-bold">30%</span> </div> </li> <li class="DonutChartItem"> <div class="display-flex gap-2 flex-direction-row align-items-center w-full px-4 py-2 rounded-lg box-shadow-1 text-decoration-none no-underline border border-transparent"> <span class="DonutChartItem-coloredDot bg-lavender-400 rounded-full w-4 h-4"></span> <span class="DonutChartItem-title type-body-one text-crop-none type-body-one leading-7 text-slate flex-grow"> Support</span> <span class="DonutChartItem-percentage display-block text-base leading-7 text-black font-circular-bold">20%</span> </div> </li></ul> </div> <div class="vertical-spacer pt-8 " style="width: 100%; content: '';"></div> <div class="wysiwyg display-block w-full"> <ul> <li><strong>Tier 1 (Cost & ratings): </strong>To determine how well auto and home insurance companies satisfy these priorities, average quoted premiums from Quadrant Information Services (if available), as well as any of the latest third-party agency ratings from <a class="Link" href="https://www.bankrate.com/insurance/jd-power/">J.D. Power</a>, <a class="Link" href="https://www.bankrate.com/insurance/am-best/">AM Best</a>, Demotech and the <a class="Link" href="https://www.bankrate.com/insurance/naic/">NAIC</a>, were analyzed.</li> <li><strong>Tier 2 (Coverage & savings): </strong>We assessed companies’ coverage options and availability to help policyholders find a provider that balances cost with coverage. Additionally, we evaluated each company’s discount options listed on its website.</li> <li><strong>Tier 3 (Support):</strong> To encompass the many ways an auto and home insurance company can support policyholders, we analyzed avenues of customer accessibility along with community support. This analysis incorporated additional financial strength ratings from <a class="Link" href="https://www.bankrate.com/insurance/s-and-p/">S&P</a> and Moody’s and factored a company’s corporate sustainability efforts.</li> </ul> <p>Tier scores are unweighted to show the company's true score in each category out of a possible five points.</p></div> <div class="section-title border-gray"> <h2 level="2" class="type-heading-two mb-4" id="policyholders"> What policyholders are saying about Progressive </h2> </div> <div class="rounded-md box-shadow-2 mb-10 w-full"> <div class="FlexCtaBanner display-flex flex-wrap align-items-center gap-y-4 gap-x-12 p-4"> <div class="FlexCtaBanner--innerWrapper w-full sm:w-auto display-flex flex-direction-column sm:flex-direction-row md:align-items-start align-items-center flex-grow flex-shrink flex-wrap gap-y-4 gap-x-11"> <img alt="CTA Progressive has 25 reviews" class="FlexCtaBanner-image flex-initial max-h-32" src="https://cdn.insurance.redventures.io/images/progressive.svg"> <div class="w-full sm:w-auto FlexCtaBanner-text display-flex flex-grow flex-shrink flex-direction-column md:align-items-start align-items-center gap-1"> <h4 class="text-crop-none text-xl font-circular-bold text-black mb-1">Progressive has 25 reviews</h4> <p class="m-0 text-slate type-body-one text-crop-none">Dive into community reviews below and see what others think about Progressive.</p> </div> </div> </div> <div class="display-flex flex-direction-column sm:flex-direction-row justify-content-space-between border-t border-gray-mid p-4 gap-y-6 gap-x-11 sm:gap-x-6 md:gap-x-12"> <div class="UgcReviewSummary-starRatings display-flex flex-direction-column w-full align-items-center justify-content-center"> <div class="display-flex align-items-center font-circular-bold type-heading-one text-5xl mb-2"> 4.5<span class="Icon Icon--lg"> <svg class="Icon-glyph icon-base-gold" 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> <div class="mb-3 sm:mb-2"> <span class="font-circular-bold font-bold">25</span> ratings<div id="tf7875cc1-4d72-4565-ba39-a2b242a7e148" class="display-none"> <div class="w-72" style="max-width: calc(100vw - 4rem)"> Star ranking and total number reflects the lifetime customer reviews received while this lender has been an advertiser on Bankrate.<br /> <br /> To help serve you with relevant information, the customer reviews shown are limited to only those that this advertiser has received during the past 12 months.</div> </div> <div class="display-inline-block ml-1 cursor-pointer "> <div x-data data-tippy-maxWidth="none" data-template="tf7875cc1-4d72-4565-ba39-a2b242a7e148" role="tooltip" tabIndex="0" data-tippy-placement="bottom"x-tooltip="" > <svg class="Icon Icon--xs text-blue ml-1" 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="rounded-md bg-blue-light w-full type-body-three text-center leading-4 p-2"> <span class="font-circular-bold font-bold">88%</span> of consumers <br class="sm:display-none"> recommend this insurer </div> </div> <div class="w-full"> <div class="UgcReview-Summary-ScoreBreakdown display-flex flex-direction-column justify-content-space-between h-full gap-y-3 sm:gap-y-1"> <div class="font-circular-bold font-bold"> Score breakdown </div> <div class="display-flex align-items-center border-b border-gray-mid pb-2"> <span class="type-body-two text-slate w-10 mr-2" style="white-space: nowrap"> 5 stars</span> <div class="flex-grow bg-gray-mid rounded-md"> <div class="bg-teal-600 h-2 rounded-md" style="width: 64%"></div> </div> <span class="type-body-two ml-2 w-7">64%</span> </div> <div class="display-flex align-items-center border-b border-gray-mid pb-2"> <span class="type-body-two text-slate w-10 mr-2" style="white-space: nowrap"> 4 stars</span> <div class="flex-grow bg-gray-mid rounded-md"> <div class="bg-teal-600 h-2 rounded-md" style="width: 24%"></div> </div> <span class="type-body-two ml-2 w-7">24%</span> </div> <div class="display-flex align-items-center border-b border-gray-mid pb-2"> <span class="type-body-two text-slate w-10 mr-2" style="white-space: nowrap"> 3 stars</span> <div class="flex-grow bg-gray-mid rounded-md"> <div class="bg-teal-600 h-2 rounded-md" style="width: 8%"></div> </div> <span class="type-body-two ml-2 w-7">8%</span> </div> <div class="display-flex align-items-center border-b border-gray-mid pb-2"> <span class="type-body-two text-slate w-10 mr-2" style="white-space: nowrap"> 2 stars</span> <div class="flex-grow bg-gray-mid rounded-md"> <div class="bg-teal-600 h-2 rounded-md" style="width: 4%"></div> </div> <span class="type-body-two ml-2 w-7">4%</span> </div> <div class="display-flex align-items-center border-b border-gray-mid pb-2"> <span class="type-body-two text-slate w-10 mr-2" style="white-space: nowrap"> 1 star</span> <div class="flex-grow bg-gray-mid rounded-md"> <div class="bg-teal-600 h-2 rounded-md" style="width: 0%"></div> </div> <span class="type-body-two ml-2 w-7">0%</span> </div> </div> </div> <div class="w-full"> <div class="font-circular-bold font-bold text-black"> Score by category </div> <div> <div class="display-flex justify-content-space-between border-b border-gray-mid text-slate py-3"> <span class="type-body-two">Overall rating</span> <span class="UgcReviewSummary-categoryScores type-body-two pl-2"> <span class="font-circular-bold font-bold text-black">4.5</span> <span> / 5</span> </span> </div> <div class="display-flex justify-content-space-between border-b border-gray-mid text-slate py-3"> <span class="type-body-two">Original cost</span> <span class="UgcReviewSummary-categoryScores type-body-two pl-2"> <span class="font-circular-bold font-bold text-black">3.8</span> <span> / 5</span> </span> </div> <div class="display-flex justify-content-space-between border-b border-gray-mid text-slate py-3"> <span class="type-body-two">Coverage</span> <span class="UgcReviewSummary-categoryScores type-body-two pl-2"> <span class="font-circular-bold font-bold text-black">4.2</span> <span> / 5</span> </span> </div> <div class="display-flex justify-content-space-between border-b border-gray-mid text-slate py-3"> <span class="type-body-two">Customer Support</span> <span class="UgcReviewSummary-categoryScores type-body-two pl-2"> <span class="font-circular-bold font-bold text-black">4.4</span> <span> / 5</span> </span> </div> </div> </div> </div> </div> <div aria-hidden="true" class="Modal ModalHybrid is-closed " id="ugc-review-summary-modal" role="dialog" x-data> <button @click="" aria-label="close" class="Modal-overlay" data-target="ugc-review-summary-modal"></button> <div tabindex="-1"class="ModalHybrid-container" data-cy="modalContainer" role="document"> <div class="UgcReview-iframe-container bg-white box-shadow-four rounded-lg overflow-hidden"> <iframe class="UgcReview-iframe" frameborder="0" src="https://offers.bankrate.com/reviews/insurance_slicemr/?question-set=default&firm_logo_path=https%3A%2F%2Fcdn.insurance.redventures.io%2Fimages%2Fprogressive.svg&firm_name=Progressive&product_id=insurance%252Freviews%252Fprogressive"></iframe> </div><button @click="" aria-label="close" class="ModalHybrid-close" data-cy="modalClose" data-target="ugc-review-summary-modal" type="button"> <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></button> </div> </div> <script> addEventListener('load', (_) => { const mymodal = document.getElementById("ugc-review-summary-modal"); const container = document.getElementById("modalStack"); container.append(mymodal); window.initModal('ugc-review-summary-modal', 1); }); </script> <div class="display-flex flex-direction-column gap-2 p-4 mb-10 rounded-lg bg-blue-50"> <div class="display-flex flex-row gap-2 justify-items-center m-0 p-0 text-blue-900 text-base tracking-tighter font-bold"> <span class="Icon Icon--xs align-self-center fill-blue-900"> <svg class="Icon-glyph Icon--xs" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Verified Badge Icon</title><path d="M13.007 23.965c-.883 0-1.71-.335-2.336-.95l-.033-.033-.794-.793a1.549 1.549 0 0 0-1.095-.458H7.63a3.362 3.362 0 0 1-3.353-3.35v-1.128c0-.413-.156-.804-.458-1.095l-.782-.781a3.359 3.359 0 0 1-.023-4.736l.023-.022.782-.782c.29-.29.458-.681.458-1.094V7.548a3.36 3.36 0 0 1 3.353-3.273H8.75c.413 0 .805-.167 1.106-.458l.783-.781c1.307-1.307 3.431-1.318 4.739-.011l.793.792c.29.29.693.458 1.095.458h1.118a3.362 3.362 0 0 1 3.353 3.35v1.118c0 .413.157.804.458 1.105l.783.782a3.348 3.348 0 0 1 .011 4.735l-.794.793c-.29.29-.447.682-.447 1.095v1.117c0 .893-.346 1.73-.983 2.367a3.37 3.37 0 0 1-2.37.983h-1.128c-.414 0-.805.168-1.096.458l-.782.782a3.28 3.28 0 0 1-2.358.983h-.012l-.01.022Z" fill="transparent" class="icon-offset"/><path fill-rule="evenodd" clip-rule="evenodd" d="M9.665 22.008c.626.614 1.453.95 2.336.95l.011-.023h.011a3.28 3.28 0 0 0 2.359-.983l.782-.782c.29-.29.682-.457 1.095-.457h1.129a3.37 3.37 0 0 0 2.37-.983 3.319 3.319 0 0 0 .983-2.368v-1.117c0-.413.157-.804.447-1.094l.794-.793a3.348 3.348 0 0 0-.012-4.735l-.782-.782a1.545 1.545 0 0 1-.458-1.106V6.618a3.362 3.362 0 0 0-3.353-3.35h-1.118c-.402 0-.805-.168-1.095-.458l-.794-.793a3.354 3.354 0 0 0-4.739.011l-.782.782c-.302.29-.693.458-1.106.458H6.625A3.36 3.36 0 0 0 3.272 6.54v1.195c0 .413-.168.804-.458 1.095l-.783.781-.022.023a3.358 3.358 0 0 0 .022 4.735l.783.782c.301.29.458.681.458 1.094v1.128a3.362 3.362 0 0 0 3.353 3.35h1.118c.413 0 .804.168 1.095.459l.793.793.034.033Zm1.23-1.295-.023-.023h.011l-.771-.77a3.315 3.315 0 0 0-2.358-.972H6.636c-.86 0-1.565-.704-1.565-1.564v-1.128c0-.882-.346-1.72-.972-2.356l-.782-.782a1.563 1.563 0 0 1-.023-2.2l.794-.793A3.31 3.31 0 0 0 5.06 7.77V6.652c0-.86.704-1.564 1.565-1.564h1.118a3.36 3.36 0 0 0 2.369-.971l.782-.782a1.573 1.573 0 0 1 2.224 0l.783.782a3.314 3.314 0 0 0 2.358.971h1.118c.86 0 1.565.704 1.565 1.564v1.117c0 .893.346 1.73.972 2.367l.782.782a1.577 1.577 0 0 1 0 2.211l-.793.793a3.31 3.31 0 0 0-.973 2.357v1.117c0 .424-.167.815-.458 1.105a1.548 1.548 0 0 1-1.106.458h-1.13c-.871 0-1.732.346-2.357.972l-.783.782c-.302.29-.693.457-1.106.457-.414 0-.805-.167-1.096-.457Zm-.04-5.462h.006-.011.005Zm-.631-.257a.905.905 0 0 0 1.263 0l4.549-4.556a.896.896 0 0 0 0-1.262.898.898 0 0 0-1.263 0l-3.923 3.92-1.576-1.575a.898.898 0 0 0-1.263 0 .896.896 0 0 0 0 1.262l2.213 2.211Z" class="icon-base"/></svg></span> How we got these ratings</div> <p class="text-sm line-height-relaxed text-blue-900 m-0 p-0">In May 2024, Bankrate collaborated with market research firm SliceMR to survey over 1,500 insurance customers nationwide, asking policyholders to rate their insurer’s cost, coverage, customer support and overall experience on a five-point scale. Bankrate and SliceMR collected and analyzed these customer ratings, along with website analytics and responses to three open-ended questions regarding customer experience. Responses are based on individual policyholders’ policy details and personal experience, and therefore cannot be verified for accuracy. Users received an incentive for their feedback. All ratings are unedited and have not been reviewed or approved by insurance carriers. User-generated ratings are separate from carrier Bankrate Scores — which are calculated based on <a data-testid="link-with-safety" href="https://www.bankrate.com/insurance/car/bankrate-score-auto-insurance/" title="https://www.bankrate.com/insurance/car/bankrate-score-auto-insurance/" data-renderer-mark="true" class="no-underline text-blue">our proprietary methodology</a> — and may not match.</p> </div> <div class="vertical-spacer pt-8" style="width: 100%; content: '';"></div> <div class="mb-8 w-full" x-data="loadReviews()"> <h3 class="mb-5">Community Reviews</h3> <div class="text-slate mb-4">See what users like you are saying about Progressive.</div> <div class="display-flex flex-direction-column-reverse sm:flex-direction-row justify-content-space-between mb-6"> <div class="w-full sm:w-80"> <div class="FormControl FormControl--withRightIcon"> <label class="FormLabel" for="review-search"> Search for reviews containing </label> <span class="FormLabel-additionalCopy"> <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>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></span> </span> <input @input.change="page = 1; userInteracted = true; perPage = 10" class="FormInput" id="review-search" type="search" x-model.debounce.300ms="searchTerm"> </div> </div> <div class="FormControl sm:w-52 mb-4 sm:mb-0"> <label class="FormLabel">Sort by</label> <select @change="page = 1; userInteracted = true; perPage = 10" class="FormSelect text-black" x-model="sortBy"> <option value="most-recent">Most Recent</option> <option value="highest-rating">Highest Rating</option> <option value="lowest-rating">Lowest Rating</option> </select> <span class="FormSelect-arrow Icon Icon--xs"> <svg class="Icon-glyph" 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></span> </div> </div> <div x-show="!userInteracted"> <div class="display-flex flex-direction-column rounded-md border border-gray-mid text-slate p-5 mb-6 sm:mb-4"> <div class="display-flex flex-direction-column-reverse sm:flex-direction-row justify-content-space-between border-b border-gray-mid sm:pt-2 pb-3 sm:pb-2"> <div class="text-slate"> <span class="font-circular-bold text-black"> Anonymous Policyholder</span> </div> <div> August 20, 2024</div> </div> <div class="w-full mt-4 mb-2"> <div class="star-rating star-rating--number-size-sm" style="font-size: 18px"> <div class="star-rating__main-content"> <div class="star-rating__items-container"> <div class="star-rating__item"> <svg class="star-rating__icon" height="15" viewBox="0 0 16 15" width="16"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z" stroke="#EFC138"></path> </svg> <div :style="'width: 100%'" class="star-rating__fill"> <svg class="star-rating__icon" height="15" viewBox="0 0 16 15" width="16"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z" fill="#EFC138"></path> </svg> </div> </div> <div class="star-rating__item"> <svg class="star-rating__icon" height="15" viewBox="0 0 16 15" width="16"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z" stroke="#EFC138"></path> </svg> <div :style="'width: 100%'" class="star-rating__fill"> <svg class="star-rating__icon" height="15" viewBox="0 0 16 15" width="16"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z" fill="#EFC138"></path> </svg> </div> </div> <div class="star-rating__item"> <svg class="star-rating__icon" height="15" viewBox="0 0 16 15" width="16"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z" stroke="#EFC138"></path> </svg> <div :style="'width: 100%'" class="star-rating__fill"> <svg class="star-rating__icon" height="15" viewBox="0 0 16 15" width="16"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z" fill="#EFC138"></path> </svg> </div> </div> <div class="star-rating__item"> <svg class="star-rating__icon" height="15" viewBox="0 0 16 15" width="16"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z" stroke="#EFC138"></path> </svg> <div :style="'width: 100%'" class="star-rating__fill"> <svg class="star-rating__icon" height="15" viewBox="0 0 16 15" width="16"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z" fill="#EFC138"></path> </svg> </div> </div> <div class="star-rating__item"> <svg class="star-rating__icon" height="15" viewBox="0 0 16 15" width="16"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z" stroke="#EFC138"></path> </svg> <div :style="'width: 100%'" class="star-rating__fill"> <svg class="star-rating__icon" height="15" viewBox="0 0 16 15" width="16"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z" fill="#EFC138"></path> </svg> </div> </div> </div> </div> </div> </div> <div class="display-flex flex-direction-column sm:flex-direction-row justify-content-space-between gap-x-8" x-data="{ expanded: true }"> <div> <div x-show="expanded"> <div class="font-circular-bold text-black mb-2" :class="{ 'mt-2': 0 !== 0 }"> What made you choose this insurer over others for your auto and/or home insurance?</div> <div class="text-slate"> Discount offered, better coverage</div> </div> <div x-show="expanded"> <div class="font-circular-bold text-black mb-2" :class="{ 'mt-2': 2 !== 0 }"> Name the number one reason that you’d recommend staying with this insurer and the number one reason that you’d consider leaving for a different company.</div> <div class="text-slate"> Great customer service , easy app and quick response. Raising rates and less coverage included.</div> </div> <button @click="expanded = !expanded" class="Link Button Button--bare display-none sm:display-block text-blue type-body-one mt-4" type="button"> <span x-text="expanded ? 'See less' : 'See full review'"></span> <span class="Icon Icon--xs mx-1 text-blue text-base mb-1"> <span x-show="!expanded"><svg class="Icon-glyph" 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></span> <span x-show="expanded"><svg class="Icon-glyph" 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></span> </span> </button> </div> <div> <div :class="{ 'display-none sm:display-flex': !expanded }" class="display-flex justify-content-space-between align-items-center sm:mt-0 sm:mb-6 mb-4 mt-6"> <div class="font-circular-bold font-bold text-black">Insurance Type</div> <div class="text-slate text-sm">Auto</div> </div> <div :class="{ 'display-none sm:display-block': !expanded }" class="w-full sm:w-64 mt-6 sm:mt-0"> <div class="font-circular-bold font-bold text-black">Score by category</div> <div class="display-flex justify-content-space-between border-b border-gray-mid text-slate py-3"> <span class="type-body-two">Original cost</span> <span class="type-body-two"> <span class="font-circular-bold font-bold text-black">3</span> <span>/ 5</span> </span> </div> <div class="display-flex justify-content-space-between border-b border-gray-mid text-slate py-3"> <span class="type-body-two">Customer Support</span> <span class="type-body-two"> <span class="font-circular-bold font-bold text-black">5</span> <span>/ 5</span> </span> </div> <div class="display-flex justify-content-space-between border-b border-gray-mid text-slate py-3"> <span class="type-body-two">Coverage</span> <span class="type-body-two"> <span class="font-circular-bold font-bold text-black">4</span> <span>/ 5</span> </span> </div> </div> <button @click="expanded = !expanded" class="Link Button Button--bare display-block sm:display-none text-blue type-body-one mt-4" type="button"> <span x-text="expanded ? 'See less' : 'See full review'"></span> <span class="Icon Icon--xs mx-1 text-blue text-base mb-1"> <span x-show="!expanded"><svg class="Icon-glyph" 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></span> <span x-show="expanded"><svg class="Icon-glyph" 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></span> </span> </button> </div> </div> </div> </div> <div x-show="!userInteracted"> <div class="display-flex flex-direction-column rounded-md border border-gray-mid text-slate p-5 mb-6 sm:mb-4"> <div class="display-flex flex-direction-column-reverse sm:flex-direction-row justify-content-space-between border-b border-gray-mid sm:pt-2 pb-3 sm:pb-2"> <div class="text-slate"> <span class="font-circular-bold text-black"> Anonymous Policyholder</span> </div> <div> August 20, 2024</div> </div> <div class="w-full mt-4 mb-2"> <div class="star-rating star-rating--number-size-sm" style="font-size: 18px"> <div class="star-rating__main-content"> <div class="star-rating__items-container"> <div class="star-rating__item"> <svg class="star-rating__icon" height="15" viewBox="0 0 16 15" width="16"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z" stroke="#EFC138"></path> </svg> <div :style="'width: 100%'" class="star-rating__fill"> <svg class="star-rating__icon" height="15" viewBox="0 0 16 15" width="16"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z" fill="#EFC138"></path> </svg> </div> </div> <div class="star-rating__item"> <svg class="star-rating__icon" height="15" viewBox="0 0 16 15" width="16"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z" stroke="#EFC138"></path> </svg> <div :style="'width: 100%'" class="star-rating__fill"> <svg class="star-rating__icon" height="15" viewBox="0 0 16 15" width="16"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z" fill="#EFC138"></path> </svg> </div> </div> <div class="star-rating__item"> <svg class="star-rating__icon" height="15" viewBox="0 0 16 15" width="16"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z" stroke="#EFC138"></path> </svg> <div :style="'width: 100%'" class="star-rating__fill"> <svg class="star-rating__icon" height="15" viewBox="0 0 16 15" width="16"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z" fill="#EFC138"></path> </svg> </div> </div> <div class="star-rating__item"> <svg class="star-rating__icon" height="15" viewBox="0 0 16 15" width="16"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z" stroke="#EFC138"></path> </svg> <div :style="'width: 0%'" class="star-rating__fill"> <svg class="star-rating__icon" height="15" viewBox="0 0 16 15" width="16"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z" fill="#EFC138"></path> </svg> </div> </div> <div class="star-rating__item"> <svg class="star-rating__icon" height="15" viewBox="0 0 16 15" width="16"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z" stroke="#EFC138"></path> </svg> <div :style="'width: 0%'" class="star-rating__fill"> <svg class="star-rating__icon" height="15" viewBox="0 0 16 15" width="16"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z" fill="#EFC138"></path> </svg> </div> </div> </div> </div> </div> </div> <div class="display-flex flex-direction-column sm:flex-direction-row justify-content-space-between gap-x-8" x-data="{ expanded: true }"> <div> <div x-show="expanded"> <div class="font-circular-bold text-black mb-2" :class="{ 'mt-2': 1 !== 0 }"> How does this insurer compare to insurance companies you’ve had in the past?</div> <div class="text-slate"> Theyre the same as the others with ridiculously high cost to pay every month and then having to pay a high deductible if you have an accident only to then increase your rates after accidents. Basically we get punished for using a product that we pay out the butt on every month. Its dumb.</div> </div> <div x-show="expanded"> <div class="font-circular-bold text-black mb-2" :class="{ 'mt-2': 2 !== 0 }"> Name the number one reason that you’d recommend staying with this insurer and the number one reason that you’d consider leaving for a different company.</div> <div class="text-slate"> To stay: dont have time to sit and research all the other companies to find the best one. Plus husband handles it. To leave: cost too much.</div> </div> <button @click="expanded = !expanded" class="Link Button Button--bare display-none sm:display-block text-blue type-body-one mt-4" type="button"> <span x-text="expanded ? 'See less' : 'See full review'"></span> <span class="Icon Icon--xs mx-1 text-blue text-base mb-1"> <span x-show="!expanded"><svg class="Icon-glyph" 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></span> <span x-show="expanded"><svg class="Icon-glyph" 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></span> </span> </button> </div> <div> <div :class="{ 'display-none sm:display-flex': !expanded }" class="display-flex justify-content-space-between align-items-center sm:mt-0 sm:mb-6 mb-4 mt-6"> <div class="font-circular-bold font-bold text-black">Insurance Type</div> <div class="text-slate text-sm">Auto</div> </div> <div :class="{ 'display-none sm:display-block': !expanded }" class="w-full sm:w-64 mt-6 sm:mt-0"> <div class="font-circular-bold font-bold text-black">Score by category</div> <div class="display-flex justify-content-space-between border-b border-gray-mid text-slate py-3"> <span class="type-body-two">Original cost</span> <span class="type-body-two"> <span class="font-circular-bold font-bold text-black">3</span> <span>/ 5</span> </span> </div> <div class="display-flex justify-content-space-between border-b border-gray-mid text-slate py-3"> <span class="type-body-two">Customer Support</span> <span class="type-body-two"> <span class="font-circular-bold font-bold text-black">3</span> <span>/ 5</span> </span> </div> <div class="display-flex justify-content-space-between border-b border-gray-mid text-slate py-3"> <span class="type-body-two">Coverage</span> <span class="type-body-two"> <span class="font-circular-bold font-bold text-black">3</span> <span>/ 5</span> </span> </div> </div> <button @click="expanded = !expanded" class="Link Button Button--bare display-block sm:display-none text-blue type-body-one mt-4" type="button"> <span x-text="expanded ? 'See less' : 'See full review'"></span> <span class="Icon Icon--xs mx-1 text-blue text-base mb-1"> <span x-show="!expanded"><svg class="Icon-glyph" 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></span> <span x-show="expanded"><svg class="Icon-glyph" 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></span> </span> </button> </div> </div> </div> </div> <div x-show="!userInteracted"> <div class="display-flex flex-direction-column rounded-md border border-gray-mid text-slate p-5 mb-6 sm:mb-4"> <div class="display-flex flex-direction-column-reverse sm:flex-direction-row justify-content-space-between border-b border-gray-mid sm:pt-2 pb-3 sm:pb-2"> <div class="text-slate"> <span class="font-circular-bold text-black"> Anonymous Policyholder</span> </div> <div> August 20, 2024</div> </div> <div class="w-full mt-4 mb-2"> <div class="star-rating star-rating--number-size-sm" style="font-size: 18px"> <div class="star-rating__main-content"> <div class="star-rating__items-container"> <div class="star-rating__item"> <svg class="star-rating__icon" height="15" viewBox="0 0 16 15" width="16"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z" stroke="#EFC138"></path> </svg> <div :style="'width: 100%'" class="star-rating__fill"> <svg class="star-rating__icon" height="15" viewBox="0 0 16 15" width="16"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z" fill="#EFC138"></path> </svg> </div> </div> <div class="star-rating__item"> <svg class="star-rating__icon" height="15" viewBox="0 0 16 15" width="16"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z" stroke="#EFC138"></path> </svg> <div :style="'width: 100%'" class="star-rating__fill"> <svg class="star-rating__icon" height="15" viewBox="0 0 16 15" width="16"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z" fill="#EFC138"></path> </svg> </div> </div> <div class="star-rating__item"> <svg class="star-rating__icon" height="15" viewBox="0 0 16 15" width="16"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z" stroke="#EFC138"></path> </svg> <div :style="'width: 100%'" class="star-rating__fill"> <svg class="star-rating__icon" height="15" viewBox="0 0 16 15" width="16"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z" fill="#EFC138"></path> </svg> </div> </div> <div class="star-rating__item"> <svg class="star-rating__icon" height="15" viewBox="0 0 16 15" width="16"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z" stroke="#EFC138"></path> </svg> <div :style="'width: 100%'" class="star-rating__fill"> <svg class="star-rating__icon" height="15" viewBox="0 0 16 15" width="16"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z" fill="#EFC138"></path> </svg> </div> </div> <div class="star-rating__item"> <svg class="star-rating__icon" height="15" viewBox="0 0 16 15" width="16"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z" stroke="#EFC138"></path> </svg> <div :style="'width: 0%'" class="star-rating__fill"> <svg class="star-rating__icon" height="15" viewBox="0 0 16 15" width="16"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z" fill="#EFC138"></path> </svg> </div> </div> </div> </div> </div> </div> <div class="display-flex flex-direction-column sm:flex-direction-row justify-content-space-between gap-x-8" x-data="{ expanded: true }"> <div> <div x-show="expanded"> <div class="font-circular-bold text-black mb-2" :class="{ 'mt-2': 0 !== 0 }"> What made you choose this insurer over others for your auto and/or home insurance?</div> <div class="text-slate"> They had the best price.</div> </div> <div x-show="expanded"> <div class="font-circular-bold text-black mb-2" :class="{ 'mt-2': 1 !== 0 }"> How does this insurer compare to insurance companies you’ve had in the past?</div> <div class="text-slate"> It has pretty much completely met all of my expectations. Very easy process, good coverage, great customer service and at an affordable price.</div> </div> <button @click="expanded = !expanded" class="Link Button Button--bare display-none sm:display-block text-blue type-body-one mt-4" type="button"> <span x-text="expanded ? 'See less' : 'See full review'"></span> <span class="Icon Icon--xs mx-1 text-blue text-base mb-1"> <span x-show="!expanded"><svg class="Icon-glyph" 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></span> <span x-show="expanded"><svg class="Icon-glyph" 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></span> </span> </button> </div> <div> <div :class="{ 'display-none sm:display-flex': !expanded }" class="display-flex justify-content-space-between align-items-center sm:mt-0 sm:mb-6 mb-4 mt-6"> <div class="font-circular-bold font-bold text-black">Insurance Type</div> <div class="text-slate text-sm">Auto</div> </div> <div :class="{ 'display-none sm:display-block': !expanded }" class="w-full sm:w-64 mt-6 sm:mt-0"> <div class="font-circular-bold font-bold text-black">Score by category</div> <div class="display-flex justify-content-space-between border-b border-gray-mid text-slate py-3"> <span class="type-body-two">Original cost</span> <span class="type-body-two"> <span class="font-circular-bold font-bold text-black">4</span> <span>/ 5</span> </span> </div> <div class="display-flex justify-content-space-between border-b border-gray-mid text-slate py-3"> <span class="type-body-two">Customer Support</span> <span class="type-body-two"> <span class="font-circular-bold font-bold text-black">5</span> <span>/ 5</span> </span> </div> <div class="display-flex justify-content-space-between border-b border-gray-mid text-slate py-3"> <span class="type-body-two">Coverage</span> <span class="type-body-two"> <span class="font-circular-bold font-bold text-black">4</span> <span>/ 5</span> </span> </div> </div> <button @click="expanded = !expanded" class="Link Button Button--bare display-block sm:display-none text-blue type-body-one mt-4" type="button"> <span x-text="expanded ? 'See less' : 'See full review'"></span> <span class="Icon Icon--xs mx-1 text-blue text-base mb-1"> <span x-show="!expanded"><svg class="Icon-glyph" 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></span> <span x-show="expanded"><svg class="Icon-glyph" 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></span> </span> </button> </div> </div> </div> </div> <div x-show="!userInteracted"> <div class="display-flex flex-direction-column rounded-md border border-gray-mid text-slate p-5 mb-6 sm:mb-4"> <div class="display-flex flex-direction-column-reverse sm:flex-direction-row justify-content-space-between border-b border-gray-mid sm:pt-2 pb-3 sm:pb-2"> <div class="text-slate"> <span class="font-circular-bold text-black"> Anonymous Policyholder</span> </div> <div> August 20, 2024</div> </div> <div class="w-full mt-4 mb-2"> <div class="star-rating star-rating--number-size-sm" style="font-size: 18px"> <div class="star-rating__main-content"> <div class="star-rating__items-container"> <div class="star-rating__item"> <svg class="star-rating__icon" height="15" viewBox="0 0 16 15" width="16"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z" stroke="#EFC138"></path> </svg> <div :style="'width: 100%'" class="star-rating__fill"> <svg class="star-rating__icon" height="15" viewBox="0 0 16 15" width="16"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z" fill="#EFC138"></path> </svg> </div> </div> <div class="star-rating__item"> <svg class="star-rating__icon" height="15" viewBox="0 0 16 15" width="16"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z" stroke="#EFC138"></path> </svg> <div :style="'width: 100%'" class="star-rating__fill"> <svg class="star-rating__icon" height="15" viewBox="0 0 16 15" width="16"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z" fill="#EFC138"></path> </svg> </div> </div> <div class="star-rating__item"> <svg class="star-rating__icon" height="15" viewBox="0 0 16 15" width="16"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z" stroke="#EFC138"></path> </svg> <div :style="'width: 100%'" class="star-rating__fill"> <svg class="star-rating__icon" height="15" viewBox="0 0 16 15" width="16"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z" fill="#EFC138"></path> </svg> </div> </div> <div class="star-rating__item"> <svg class="star-rating__icon" height="15" viewBox="0 0 16 15" width="16"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z" stroke="#EFC138"></path> </svg> <div :style="'width: 100%'" class="star-rating__fill"> <svg class="star-rating__icon" height="15" viewBox="0 0 16 15" width="16"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z" fill="#EFC138"></path> </svg> </div> </div> <div class="star-rating__item"> <svg class="star-rating__icon" height="15" viewBox="0 0 16 15" width="16"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z" stroke="#EFC138"></path> </svg> <div :style="'width: 0%'" class="star-rating__fill"> <svg class="star-rating__icon" height="15" viewBox="0 0 16 15" width="16"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z" fill="#EFC138"></path> </svg> </div> </div> </div> </div> </div> </div> <div class="display-flex flex-direction-column sm:flex-direction-row justify-content-space-between gap-x-8" x-data="{ expanded: true }"> <div> <div x-show="expanded"> <div class="font-circular-bold text-black mb-2" :class="{ 'mt-2': 0 !== 0 }"> What made you choose this insurer over others for your auto and/or home insurance?</div> <div class="text-slate"> Price</div> </div> <div x-show="expanded"> <div class="font-circular-bold text-black mb-2" :class="{ 'mt-2': 1 !== 0 }"> How does this insurer compare to insurance companies you’ve had in the past?</div> <div class="text-slate"> Never had to file a claim so justt based on my cost for full coverage</div> </div> <button @click="expanded = !expanded" class="Link Button Button--bare display-none sm:display-block text-blue type-body-one mt-4" type="button"> <span x-text="expanded ? 'See less' : 'See full review'"></span> <span class="Icon Icon--xs mx-1 text-blue text-base mb-1"> <span x-show="!expanded"><svg class="Icon-glyph" 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></span> <span x-show="expanded"><svg class="Icon-glyph" 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></span> </span> </button> </div> <div> <div :class="{ 'display-none sm:display-flex': !expanded }" class="display-flex justify-content-space-between align-items-center sm:mt-0 sm:mb-6 mb-4 mt-6"> <div class="font-circular-bold font-bold text-black">Insurance Type</div> <div class="text-slate text-sm">Auto</div> </div> <div :class="{ 'display-none sm:display-block': !expanded }" class="w-full sm:w-64 mt-6 sm:mt-0"> <div class="font-circular-bold font-bold text-black">Score by category</div> <div class="display-flex justify-content-space-between border-b border-gray-mid text-slate py-3"> <span class="type-body-two">Original cost</span> <span class="type-body-two"> <span class="font-circular-bold font-bold text-black">3</span> <span>/ 5</span> </span> </div> <div class="display-flex justify-content-space-between border-b border-gray-mid text-slate py-3"> <span class="type-body-two">Customer Support</span> <span class="type-body-two"> <span class="font-circular-bold font-bold text-black">4</span> <span>/ 5</span> </span> </div> <div class="display-flex justify-content-space-between border-b border-gray-mid text-slate py-3"> <span class="type-body-two">Coverage</span> <span class="type-body-two"> <span class="font-circular-bold font-bold text-black">4</span> <span>/ 5</span> </span> </div> </div> <button @click="expanded = !expanded" class="Link Button Button--bare display-block sm:display-none text-blue type-body-one mt-4" type="button"> <span x-text="expanded ? 'See less' : 'See full review'"></span> <span class="Icon Icon--xs mx-1 text-blue text-base mb-1"> <span x-show="!expanded"><svg class="Icon-glyph" 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></span> <span x-show="expanded"><svg class="Icon-glyph" 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></span> </span> </button> </div> </div> </div> </div> <div x-show="!userInteracted"> <div class="display-flex flex-direction-column rounded-md border border-gray-mid text-slate p-5 mb-6 sm:mb-4"> <div class="display-flex flex-direction-column-reverse sm:flex-direction-row justify-content-space-between border-b border-gray-mid sm:pt-2 pb-3 sm:pb-2"> <div class="text-slate"> <span class="font-circular-bold text-black"> Anonymous Policyholder</span> </div> <div> August 20, 2024</div> </div> <div class="w-full mt-4 mb-2"> <div class="star-rating star-rating--number-size-sm" style="font-size: 18px"> <div class="star-rating__main-content"> <div class="star-rating__items-container"> <div class="star-rating__item"> <svg class="star-rating__icon" height="15" viewBox="0 0 16 15" width="16"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z" stroke="#EFC138"></path> </svg> <div :style="'width: 100%'" class="star-rating__fill"> <svg class="star-rating__icon" height="15" viewBox="0 0 16 15" width="16"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z" fill="#EFC138"></path> </svg> </div> </div> <div class="star-rating__item"> <svg class="star-rating__icon" height="15" viewBox="0 0 16 15" width="16"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z" stroke="#EFC138"></path> </svg> <div :style="'width: 100%'" class="star-rating__fill"> <svg class="star-rating__icon" height="15" viewBox="0 0 16 15" width="16"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z" fill="#EFC138"></path> </svg> </div> </div> <div class="star-rating__item"> <svg class="star-rating__icon" height="15" viewBox="0 0 16 15" width="16"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z" stroke="#EFC138"></path> </svg> <div :style="'width: 100%'" class="star-rating__fill"> <svg class="star-rating__icon" height="15" viewBox="0 0 16 15" width="16"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z" fill="#EFC138"></path> </svg> </div> </div> <div class="star-rating__item"> <svg class="star-rating__icon" height="15" viewBox="0 0 16 15" width="16"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z" stroke="#EFC138"></path> </svg> <div :style="'width: 100%'" class="star-rating__fill"> <svg class="star-rating__icon" height="15" viewBox="0 0 16 15" width="16"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z" fill="#EFC138"></path> </svg> </div> </div> <div class="star-rating__item"> <svg class="star-rating__icon" height="15" viewBox="0 0 16 15" width="16"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z" stroke="#EFC138"></path> </svg> <div :style="'width: 100%'" class="star-rating__fill"> <svg class="star-rating__icon" height="15" viewBox="0 0 16 15" width="16"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z" fill="#EFC138"></path> </svg> </div> </div> </div> </div> </div> </div> <div class="display-flex flex-direction-column sm:flex-direction-row justify-content-space-between gap-x-8" x-data="{ expanded: true }"> <div> <div x-show="expanded"> <div class="font-circular-bold text-black mb-2" :class="{ 'mt-2': 0 !== 0 }"> What made you choose this insurer over others for your auto and/or home insurance?</div> <div class="text-slate"> I had them for over 20 years. No.problems. I do from time to time lock at other car insurance companies but really i cant do any better.</div> </div> <div x-show="expanded"> <div class="font-circular-bold text-black mb-2" :class="{ 'mt-2': 1 !== 0 }"> How does this insurer compare to insurance companies you’ve had in the past?</div> <div class="text-slate"> Its better especially the customer service.</div> </div> <button @click="expanded = !expanded" class="Link Button Button--bare display-none sm:display-block text-blue type-body-one mt-4" type="button"> <span x-text="expanded ? 'See less' : 'See full review'"></span> <span class="Icon Icon--xs mx-1 text-blue text-base mb-1"> <span x-show="!expanded"><svg class="Icon-glyph" 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></span> <span x-show="expanded"><svg class="Icon-glyph" 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></span> </span> </button> </div> <div> <div :class="{ 'display-none sm:display-flex': !expanded }" class="display-flex justify-content-space-between align-items-center sm:mt-0 sm:mb-6 mb-4 mt-6"> <div class="font-circular-bold font-bold text-black">Insurance Type</div> <div class="text-slate text-sm">Auto</div> </div> <div :class="{ 'display-none sm:display-block': !expanded }" class="w-full sm:w-64 mt-6 sm:mt-0"> <div class="font-circular-bold font-bold text-black">Score by category</div> <div class="display-flex justify-content-space-between border-b border-gray-mid text-slate py-3"> <span class="type-body-two">Original cost</span> <span class="type-body-two"> <span class="font-circular-bold font-bold text-black">4</span> <span>/ 5</span> </span> </div> <div class="display-flex justify-content-space-between border-b border-gray-mid text-slate py-3"> <span class="type-body-two">Customer Support</span> <span class="type-body-two"> <span class="font-circular-bold font-bold text-black">5</span> <span>/ 5</span> </span> </div> <div class="display-flex justify-content-space-between border-b border-gray-mid text-slate py-3"> <span class="type-body-two">Coverage</span> <span class="type-body-two"> <span class="font-circular-bold font-bold text-black">5</span> <span>/ 5</span> </span> </div> </div> <button @click="expanded = !expanded" class="Link Button Button--bare display-block sm:display-none text-blue type-body-one mt-4" type="button"> <span x-text="expanded ? 'See less' : 'See full review'"></span> <span class="Icon Icon--xs mx-1 text-blue text-base mb-1"> <span x-show="!expanded"><svg class="Icon-glyph" 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></span> <span x-show="expanded"><svg class="Icon-glyph" 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></span> </span> </button> </div> </div> </div> </div> <div x-show="!userInteracted"> <div class="display-flex flex-direction-column rounded-md border border-gray-mid text-slate p-5 mb-6 sm:mb-4"> <div class="display-flex flex-direction-column-reverse sm:flex-direction-row justify-content-space-between border-b border-gray-mid sm:pt-2 pb-3 sm:pb-2"> <div class="text-slate"> <span class="font-circular-bold text-black"> Anonymous Policyholder</span> </div> <div> August 20, 2024</div> </div> <div class="w-full mt-4 mb-2"> <div class="star-rating star-rating--number-size-sm" style="font-size: 18px"> <div class="star-rating__main-content"> <div class="star-rating__items-container"> <div class="star-rating__item"> <svg class="star-rating__icon" height="15" viewBox="0 0 16 15" width="16"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z" stroke="#EFC138"></path> </svg> <div :style="'width: 100%'" class="star-rating__fill"> <svg class="star-rating__icon" height="15" viewBox="0 0 16 15" width="16"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z" fill="#EFC138"></path> </svg> </div> </div> <div class="star-rating__item"> <svg class="star-rating__icon" height="15" viewBox="0 0 16 15" width="16"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z" stroke="#EFC138"></path> </svg> <div :style="'width: 100%'" class="star-rating__fill"> <svg class="star-rating__icon" height="15" viewBox="0 0 16 15" width="16"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z" fill="#EFC138"></path> </svg> </div> </div> <div class="star-rating__item"> <svg class="star-rating__icon" height="15" viewBox="0 0 16 15" width="16"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z" stroke="#EFC138"></path> </svg> <div :style="'width: 100%'" class="star-rating__fill"> <svg class="star-rating__icon" height="15" viewBox="0 0 16 15" width="16"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z" fill="#EFC138"></path> </svg> </div> </div> <div class="star-rating__item"> <svg class="star-rating__icon" height="15" viewBox="0 0 16 15" width="16"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z" stroke="#EFC138"></path> </svg> <div :style="'width: 100%'" class="star-rating__fill"> <svg class="star-rating__icon" height="15" viewBox="0 0 16 15" width="16"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z" fill="#EFC138"></path> </svg> </div> </div> <div class="star-rating__item"> <svg class="star-rating__icon" height="15" viewBox="0 0 16 15" width="16"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z" stroke="#EFC138"></path> </svg> <div :style="'width: 0%'" class="star-rating__fill"> <svg class="star-rating__icon" height="15" viewBox="0 0 16 15" width="16"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z" fill="#EFC138"></path> </svg> </div> </div> </div> </div> </div> </div> <div class="display-flex flex-direction-column sm:flex-direction-row justify-content-space-between gap-x-8" x-data="{ expanded: true }"> <div> <div x-show="expanded"> <div class="font-circular-bold text-black mb-2" :class="{ 'mt-2': 0 !== 0 }"> What made you choose this insurer over others for your auto and/or home insurance?</div> <div class="text-slate"> My rates were increased every 6 months even though I had no tickets or claims in the last 7 years. Also, my windshield cracked and since I purchased windshield coverage for an additional fee, I was told not to file a claim.</div> </div> <div x-show="expanded"> <div class="font-circular-bold text-black mb-2" :class="{ 'mt-2': 2 !== 0 }"> Name the number one reason that you’d recommend staying with this insurer and the number one reason that you’d consider leaving for a different company.</div> <div class="text-slate"> I recently switched to Progressive Auto Insurance and have not really interacted with them yet. I was shopping for new coverage and Progressive was recommened to me by a family member.</div> </div> <button @click="expanded = !expanded" class="Link Button Button--bare display-none sm:display-block text-blue type-body-one mt-4" type="button"> <span x-text="expanded ? 'See less' : 'See full review'"></span> <span class="Icon Icon--xs mx-1 text-blue text-base mb-1"> <span x-show="!expanded"><svg class="Icon-glyph" 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></span> <span x-show="expanded"><svg class="Icon-glyph" 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></span> </span> </button> </div> <div> <div :class="{ 'display-none sm:display-flex': !expanded }" class="display-flex justify-content-space-between align-items-center sm:mt-0 sm:mb-6 mb-4 mt-6"> <div class="font-circular-bold font-bold text-black">Insurance Type</div> <div class="text-slate text-sm">Auto</div> </div> <div :class="{ 'display-none sm:display-block': !expanded }" class="w-full sm:w-64 mt-6 sm:mt-0"> <div class="font-circular-bold font-bold text-black">Score by category</div> <div class="display-flex justify-content-space-between border-b border-gray-mid text-slate py-3"> <span class="type-body-two">Original cost</span> <span class="type-body-two"> <span class="font-circular-bold font-bold text-black">4</span> <span>/ 5</span> </span> </div> <div class="display-flex justify-content-space-between border-b border-gray-mid text-slate py-3"> <span class="type-body-two">Customer Support</span> <span class="type-body-two"> <span class="font-circular-bold font-bold text-black">4</span> <span>/ 5</span> </span> </div> <div class="display-flex justify-content-space-between border-b border-gray-mid text-slate py-3"> <span class="type-body-two">Coverage</span> <span class="type-body-two"> <span class="font-circular-bold font-bold text-black">4</span> <span>/ 5</span> </span> </div> </div> <button @click="expanded = !expanded" class="Link Button Button--bare display-block sm:display-none text-blue type-body-one mt-4" type="button"> <span x-text="expanded ? 'See less' : 'See full review'"></span> <span class="Icon Icon--xs mx-1 text-blue text-base mb-1"> <span x-show="!expanded"><svg class="Icon-glyph" 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></span> <span x-show="expanded"><svg class="Icon-glyph" 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></span> </span> </button> </div> </div> </div> </div> <div x-show="!userInteracted"> <div class="display-flex flex-direction-column rounded-md border border-gray-mid text-slate p-5 mb-6 sm:mb-4"> <div class="display-flex flex-direction-column-reverse sm:flex-direction-row justify-content-space-between border-b border-gray-mid sm:pt-2 pb-3 sm:pb-2"> <div class="text-slate"> <span class="font-circular-bold text-black"> Anonymous Policyholder</span> </div> <div> August 20, 2024</div> </div> <div class="w-full mt-4 mb-2"> <div class="star-rating star-rating--number-size-sm" style="font-size: 18px"> <div class="star-rating__main-content"> <div class="star-rating__items-container"> <div class="star-rating__item"> <svg class="star-rating__icon" height="15" viewBox="0 0 16 15" width="16"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z" stroke="#EFC138"></path> </svg> <div :style="'width: 100%'" class="star-rating__fill"> <svg class="star-rating__icon" height="15" viewBox="0 0 16 15" width="16"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z" fill="#EFC138"></path> </svg> </div> </div> <div class="star-rating__item"> <svg class="star-rating__icon" height="15" viewBox="0 0 16 15" width="16"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z" stroke="#EFC138"></path> </svg> <div :style="'width: 100%'" class="star-rating__fill"> <svg class="star-rating__icon" height="15" viewBox="0 0 16 15" width="16"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z" fill="#EFC138"></path> </svg> </div> </div> <div class="star-rating__item"> <svg class="star-rating__icon" height="15" viewBox="0 0 16 15" width="16"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z" stroke="#EFC138"></path> </svg> <div :style="'width: 100%'" class="star-rating__fill"> <svg class="star-rating__icon" height="15" viewBox="0 0 16 15" width="16"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z" fill="#EFC138"></path> </svg> </div> </div> <div class="star-rating__item"> <svg class="star-rating__icon" height="15" viewBox="0 0 16 15" width="16"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z" stroke="#EFC138"></path> </svg> <div :style="'width: 100%'" class="star-rating__fill"> <svg class="star-rating__icon" height="15" viewBox="0 0 16 15" width="16"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z" fill="#EFC138"></path> </svg> </div> </div> <div class="star-rating__item"> <svg class="star-rating__icon" height="15" viewBox="0 0 16 15" width="16"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z" stroke="#EFC138"></path> </svg> <div :style="'width: 100%'" class="star-rating__fill"> <svg class="star-rating__icon" height="15" viewBox="0 0 16 15" width="16"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z" fill="#EFC138"></path> </svg> </div> </div> </div> </div> </div> </div> <div class="display-flex flex-direction-column sm:flex-direction-row justify-content-space-between gap-x-8" x-data="{ expanded: true }"> <div> <div x-show="expanded"> <div class="font-circular-bold text-black mb-2" :class="{ 'mt-2': 0 !== 0 }"> What made you choose this insurer over others for your auto and/or home insurance?</div> <div class="text-slate"> Family members are customers.</div> </div> <div x-show="expanded"> <div class="font-circular-bold text-black mb-2" :class="{ 'mt-2': 1 !== 0 }"> How does this insurer compare to insurance companies you’ve had in the past?</div> <div class="text-slate"> They're excellent.</div> </div> <button @click="expanded = !expanded" class="Link Button Button--bare display-none sm:display-block text-blue type-body-one mt-4" type="button"> <span x-text="expanded ? 'See less' : 'See full review'"></span> <span class="Icon Icon--xs mx-1 text-blue text-base mb-1"> <span x-show="!expanded"><svg class="Icon-glyph" 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></span> <span x-show="expanded"><svg class="Icon-glyph" 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></span> </span> </button> </div> <div> <div :class="{ 'display-none sm:display-flex': !expanded }" class="display-flex justify-content-space-between align-items-center sm:mt-0 sm:mb-6 mb-4 mt-6"> <div class="font-circular-bold font-bold text-black">Insurance Type</div> <div class="text-slate text-sm">Auto</div> </div> <div :class="{ 'display-none sm:display-block': !expanded }" class="w-full sm:w-64 mt-6 sm:mt-0"> <div class="font-circular-bold font-bold text-black">Score by category</div> <div class="display-flex justify-content-space-between border-b border-gray-mid text-slate py-3"> <span class="type-body-two">Original cost</span> <span class="type-body-two"> <span class="font-circular-bold font-bold text-black">5</span> <span>/ 5</span> </span> </div> <div class="display-flex justify-content-space-between border-b border-gray-mid text-slate py-3"> <span class="type-body-two">Customer Support</span> <span class="type-body-two"> <span class="font-circular-bold font-bold text-black">5</span> <span>/ 5</span> </span> </div> <div class="display-flex justify-content-space-between border-b border-gray-mid text-slate py-3"> <span class="type-body-two">Coverage</span> <span class="type-body-two"> <span class="font-circular-bold font-bold text-black">5</span> <span>/ 5</span> </span> </div> </div> <button @click="expanded = !expanded" class="Link Button Button--bare display-block sm:display-none text-blue type-body-one mt-4" type="button"> <span x-text="expanded ? 'See less' : 'See full review'"></span> <span class="Icon Icon--xs mx-1 text-blue text-base mb-1"> <span x-show="!expanded"><svg class="Icon-glyph" 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></span> <span x-show="expanded"><svg class="Icon-glyph" 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></span> </span> </button> </div> </div> </div> </div> <div x-show="!userInteracted"> <div class="display-flex flex-direction-column rounded-md border border-gray-mid text-slate p-5 mb-6 sm:mb-4"> <div class="display-flex flex-direction-column-reverse sm:flex-direction-row justify-content-space-between border-b border-gray-mid sm:pt-2 pb-3 sm:pb-2"> <div class="text-slate"> <span class="font-circular-bold text-black"> Anonymous Policyholder</span> </div> <div> August 20, 2024</div> </div> <div class="w-full mt-4 mb-2"> <div class="star-rating star-rating--number-size-sm" style="font-size: 18px"> <div class="star-rating__main-content"> <div class="star-rating__items-container"> <div class="star-rating__item"> <svg class="star-rating__icon" height="15" viewBox="0 0 16 15" width="16"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z" stroke="#EFC138"></path> </svg> <div :style="'width: 100%'" class="star-rating__fill"> <svg class="star-rating__icon" height="15" viewBox="0 0 16 15" width="16"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z" fill="#EFC138"></path> </svg> </div> </div> <div class="star-rating__item"> <svg class="star-rating__icon" height="15" viewBox="0 0 16 15" width="16"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z" stroke="#EFC138"></path> </svg> <div :style="'width: 100%'" class="star-rating__fill"> <svg class="star-rating__icon" height="15" viewBox="0 0 16 15" width="16"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z" fill="#EFC138"></path> </svg> </div> </div> <div class="star-rating__item"> <svg class="star-rating__icon" height="15" viewBox="0 0 16 15" width="16"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z" stroke="#EFC138"></path> </svg> <div :style="'width: 100%'" class="star-rating__fill"> <svg class="star-rating__icon" height="15" viewBox="0 0 16 15" width="16"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z" fill="#EFC138"></path> </svg> </div> </div> <div class="star-rating__item"> <svg class="star-rating__icon" height="15" viewBox="0 0 16 15" width="16"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z" stroke="#EFC138"></path> </svg> <div :style="'width: 100%'" class="star-rating__fill"> <svg class="star-rating__icon" height="15" viewBox="0 0 16 15" width="16"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z" fill="#EFC138"></path> </svg> </div> </div> <div class="star-rating__item"> <svg class="star-rating__icon" height="15" viewBox="0 0 16 15" width="16"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z" stroke="#EFC138"></path> </svg> <div :style="'width: 100%'" class="star-rating__fill"> <svg class="star-rating__icon" height="15" viewBox="0 0 16 15" width="16"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z" fill="#EFC138"></path> </svg> </div> </div> </div> </div> </div> </div> <div class="display-flex flex-direction-column sm:flex-direction-row justify-content-space-between gap-x-8" x-data="{ expanded: true }"> <div> <div x-show="expanded"> <div class="font-circular-bold text-black mb-2" :class="{ 'mt-2': 1 !== 0 }"> How does this insurer compare to insurance companies you’ve had in the past?</div> <div class="text-slate"> BETTER PRICE AND COVERAGE</div> </div> <div x-show="expanded"> <div class="font-circular-bold text-black mb-2" :class="{ 'mt-2': 2 !== 0 }"> Name the number one reason that you’d recommend staying with this insurer and the number one reason that you’d consider leaving for a different company.</div> <div class="text-slate"> PRICE PER COVERAGE, AND SAME FOR LEAVING</div> </div> <button @click="expanded = !expanded" class="Link Button Button--bare display-none sm:display-block text-blue type-body-one mt-4" type="button"> <span x-text="expanded ? 'See less' : 'See full review'"></span> <span class="Icon Icon--xs mx-1 text-blue text-base mb-1"> <span x-show="!expanded"><svg class="Icon-glyph" 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></span> <span x-show="expanded"><svg class="Icon-glyph" 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></span> </span> </button> </div> <div> <div :class="{ 'display-none sm:display-flex': !expanded }" class="display-flex justify-content-space-between align-items-center sm:mt-0 sm:mb-6 mb-4 mt-6"> <div class="font-circular-bold font-bold text-black">Insurance Type</div> <div class="text-slate text-sm">Auto</div> </div> <div :class="{ 'display-none sm:display-block': !expanded }" class="w-full sm:w-64 mt-6 sm:mt-0"> <div class="font-circular-bold font-bold text-black">Score by category</div> <div class="display-flex justify-content-space-between border-b border-gray-mid text-slate py-3"> <span class="type-body-two">Original cost</span> <span class="type-body-two"> <span class="font-circular-bold font-bold text-black">5</span> <span>/ 5</span> </span> </div> <div class="display-flex justify-content-space-between border-b border-gray-mid text-slate py-3"> <span class="type-body-two">Customer Support</span> <span class="type-body-two"> <span class="font-circular-bold font-bold text-black">5</span> <span>/ 5</span> </span> </div> <div class="display-flex justify-content-space-between border-b border-gray-mid text-slate py-3"> <span class="type-body-two">Coverage</span> <span class="type-body-two"> <span class="font-circular-bold font-bold text-black">5</span> <span>/ 5</span> </span> </div> </div> <button @click="expanded = !expanded" class="Link Button Button--bare display-block sm:display-none text-blue type-body-one mt-4" type="button"> <span x-text="expanded ? 'See less' : 'See full review'"></span> <span class="Icon Icon--xs mx-1 text-blue text-base mb-1"> <span x-show="!expanded"><svg class="Icon-glyph" 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></span> <span x-show="expanded"><svg class="Icon-glyph" 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></span> </span> </button> </div> </div> </div> </div> <div x-show="!userInteracted"> <div class="display-flex flex-direction-column rounded-md border border-gray-mid text-slate p-5 mb-6 sm:mb-4"> <div class="display-flex flex-direction-column-reverse sm:flex-direction-row justify-content-space-between border-b border-gray-mid sm:pt-2 pb-3 sm:pb-2"> <div class="text-slate"> <span class="font-circular-bold text-black"> Anonymous Policyholder</span> </div> <div> August 20, 2024</div> </div> <div class="w-full mt-4 mb-2"> <div class="star-rating star-rating--number-size-sm" style="font-size: 18px"> <div class="star-rating__main-content"> <div class="star-rating__items-container"> <div class="star-rating__item"> <svg class="star-rating__icon" height="15" viewBox="0 0 16 15" width="16"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z" stroke="#EFC138"></path> </svg> <div :style="'width: 100%'" class="star-rating__fill"> <svg class="star-rating__icon" height="15" viewBox="0 0 16 15" width="16"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z" fill="#EFC138"></path> </svg> </div> </div> <div class="star-rating__item"> <svg class="star-rating__icon" height="15" viewBox="0 0 16 15" width="16"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z" stroke="#EFC138"></path> </svg> <div :style="'width: 100%'" class="star-rating__fill"> <svg class="star-rating__icon" height="15" viewBox="0 0 16 15" width="16"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z" fill="#EFC138"></path> </svg> </div> </div> <div class="star-rating__item"> <svg class="star-rating__icon" height="15" viewBox="0 0 16 15" width="16"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z" stroke="#EFC138"></path> </svg> <div :style="'width: 100%'" class="star-rating__fill"> <svg class="star-rating__icon" height="15" viewBox="0 0 16 15" width="16"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z" fill="#EFC138"></path> </svg> </div> </div> <div class="star-rating__item"> <svg class="star-rating__icon" height="15" viewBox="0 0 16 15" width="16"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z" stroke="#EFC138"></path> </svg> <div :style="'width: 100%'" class="star-rating__fill"> <svg class="star-rating__icon" height="15" viewBox="0 0 16 15" width="16"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z" fill="#EFC138"></path> </svg> </div> </div> <div class="star-rating__item"> <svg class="star-rating__icon" height="15" viewBox="0 0 16 15" width="16"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z" stroke="#EFC138"></path> </svg> <div :style="'width: 100%'" class="star-rating__fill"> <svg class="star-rating__icon" height="15" viewBox="0 0 16 15" width="16"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z" fill="#EFC138"></path> </svg> </div> </div> </div> </div> </div> </div> <div class="display-flex flex-direction-column sm:flex-direction-row justify-content-space-between gap-x-8" x-data="{ expanded: true }"> <div> <div x-show="expanded"> <div class="font-circular-bold text-black mb-2" :class="{ 'mt-2': 0 !== 0 }"> What made you choose this insurer over others for your auto and/or home insurance?</div> <div class="text-slate"> Better rates for same coverage</div> </div> <div x-show="expanded"> <div class="font-circular-bold text-black mb-2" :class="{ 'mt-2': 1 !== 0 }"> How does this insurer compare to insurance companies you’ve had in the past?</div> <div class="text-slate"> Excellent, my previous favorite was State Farm, but recent increase made me look elsewhere</div> </div> <button @click="expanded = !expanded" class="Link Button Button--bare display-none sm:display-block text-blue type-body-one mt-4" type="button"> <span x-text="expanded ? 'See less' : 'See full review'"></span> <span class="Icon Icon--xs mx-1 text-blue text-base mb-1"> <span x-show="!expanded"><svg class="Icon-glyph" 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></span> <span x-show="expanded"><svg class="Icon-glyph" 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></span> </span> </button> </div> <div> <div :class="{ 'display-none sm:display-flex': !expanded }" class="display-flex justify-content-space-between align-items-center sm:mt-0 sm:mb-6 mb-4 mt-6"> <div class="font-circular-bold font-bold text-black">Insurance Type</div> <div class="text-slate text-sm">Auto + Home</div> </div> <div :class="{ 'display-none sm:display-block': !expanded }" class="w-full sm:w-64 mt-6 sm:mt-0"> <div class="font-circular-bold font-bold text-black">Score by category</div> <div class="display-flex justify-content-space-between border-b border-gray-mid text-slate py-3"> <span class="type-body-two">Original cost</span> <span class="type-body-two"> <span class="font-circular-bold font-bold text-black">5</span> <span>/ 5</span> </span> </div> <div class="display-flex justify-content-space-between border-b border-gray-mid text-slate py-3"> <span class="type-body-two">Customer Support</span> <span class="type-body-two"> <span class="font-circular-bold font-bold text-black">5</span> <span>/ 5</span> </span> </div> <div class="display-flex justify-content-space-between border-b border-gray-mid text-slate py-3"> <span class="type-body-two">Coverage</span> <span class="type-body-two"> <span class="font-circular-bold font-bold text-black">4</span> <span>/ 5</span> </span> </div> </div> <button @click="expanded = !expanded" class="Link Button Button--bare display-block sm:display-none text-blue type-body-one mt-4" type="button"> <span x-text="expanded ? 'See less' : 'See full review'"></span> <span class="Icon Icon--xs mx-1 text-blue text-base mb-1"> <span x-show="!expanded"><svg class="Icon-glyph" 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></span> <span x-show="expanded"><svg class="Icon-glyph" 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></span> </span> </button> </div> </div> </div> </div> <div x-show="!userInteracted"> <div class="display-flex flex-direction-column rounded-md border border-gray-mid text-slate p-5 mb-6 sm:mb-4"> <div class="display-flex flex-direction-column-reverse sm:flex-direction-row justify-content-space-between border-b border-gray-mid sm:pt-2 pb-3 sm:pb-2"> <div class="text-slate"> <span class="font-circular-bold text-black"> Anonymous Policyholder</span> </div> <div> August 20, 2024</div> </div> <div class="w-full mt-4 mb-2"> <div class="star-rating star-rating--number-size-sm" style="font-size: 18px"> <div class="star-rating__main-content"> <div class="star-rating__items-container"> <div class="star-rating__item"> <svg class="star-rating__icon" height="15" viewBox="0 0 16 15" width="16"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z" stroke="#EFC138"></path> </svg> <div :style="'width: 100%'" class="star-rating__fill"> <svg class="star-rating__icon" height="15" viewBox="0 0 16 15" width="16"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z" fill="#EFC138"></path> </svg> </div> </div> <div class="star-rating__item"> <svg class="star-rating__icon" height="15" viewBox="0 0 16 15" width="16"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z" stroke="#EFC138"></path> </svg> <div :style="'width: 100%'" class="star-rating__fill"> <svg class="star-rating__icon" height="15" viewBox="0 0 16 15" width="16"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z" fill="#EFC138"></path> </svg> </div> </div> <div class="star-rating__item"> <svg class="star-rating__icon" height="15" viewBox="0 0 16 15" width="16"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z" stroke="#EFC138"></path> </svg> <div :style="'width: 100%'" class="star-rating__fill"> <svg class="star-rating__icon" height="15" viewBox="0 0 16 15" width="16"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z" fill="#EFC138"></path> </svg> </div> </div> <div class="star-rating__item"> <svg class="star-rating__icon" height="15" viewBox="0 0 16 15" width="16"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z" stroke="#EFC138"></path> </svg> <div :style="'width: 100%'" class="star-rating__fill"> <svg class="star-rating__icon" height="15" viewBox="0 0 16 15" width="16"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z" fill="#EFC138"></path> </svg> </div> </div> <div class="star-rating__item"> <svg class="star-rating__icon" height="15" viewBox="0 0 16 15" width="16"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z" stroke="#EFC138"></path> </svg> <div :style="'width: 100%'" class="star-rating__fill"> <svg class="star-rating__icon" height="15" viewBox="0 0 16 15" width="16"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z" fill="#EFC138"></path> </svg> </div> </div> </div> </div> </div> </div> <div class="display-flex flex-direction-column sm:flex-direction-row justify-content-space-between gap-x-8" x-data="{ expanded: true }"> <div> <div x-show="expanded"> <div class="font-circular-bold text-black mb-2" :class="{ 'mt-2': 0 !== 0 }"> What made you choose this insurer over others for your auto and/or home insurance?</div> <div class="text-slate"> Best price</div> </div> <div x-show="expanded"> <div class="font-circular-bold text-black mb-2" :class="{ 'mt-2': 2 !== 0 }"> Name the number one reason that you’d recommend staying with this insurer and the number one reason that you’d consider leaving for a different company.</div> <div class="text-slate"> Price</div> </div> <button @click="expanded = !expanded" class="Link Button Button--bare display-none sm:display-block text-blue type-body-one mt-4" type="button"> <span x-text="expanded ? 'See less' : 'See full review'"></span> <span class="Icon Icon--xs mx-1 text-blue text-base mb-1"> <span x-show="!expanded"><svg class="Icon-glyph" 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></span> <span x-show="expanded"><svg class="Icon-glyph" 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></span> </span> </button> </div> <div> <div :class="{ 'display-none sm:display-flex': !expanded }" class="display-flex justify-content-space-between align-items-center sm:mt-0 sm:mb-6 mb-4 mt-6"> <div class="font-circular-bold font-bold text-black">Insurance Type</div> <div class="text-slate text-sm">Auto</div> </div> <div :class="{ 'display-none sm:display-block': !expanded }" class="w-full sm:w-64 mt-6 sm:mt-0"> <div class="font-circular-bold font-bold text-black">Score by category</div> <div class="display-flex justify-content-space-between border-b border-gray-mid text-slate py-3"> <span class="type-body-two">Original cost</span> <span class="type-body-two"> <span class="font-circular-bold font-bold text-black">5</span> <span>/ 5</span> </span> </div> <div class="display-flex justify-content-space-between border-b border-gray-mid text-slate py-3"> <span class="type-body-two">Customer Support</span> <span class="type-body-two"> <span class="font-circular-bold font-bold text-black">5</span> <span>/ 5</span> </span> </div> <div class="display-flex justify-content-space-between border-b border-gray-mid text-slate py-3"> <span class="type-body-two">Coverage</span> <span class="type-body-two"> <span class="font-circular-bold font-bold text-black">5</span> <span>/ 5</span> </span> </div> </div> <button @click="expanded = !expanded" class="Link Button Button--bare display-block sm:display-none text-blue type-body-one mt-4" type="button"> <span x-text="expanded ? 'See less' : 'See full review'"></span> <span class="Icon Icon--xs mx-1 text-blue text-base mb-1"> <span x-show="!expanded"><svg class="Icon-glyph" 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></span> <span x-show="expanded"><svg class="Icon-glyph" 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></span> </span> </button> </div> </div> </div> </div> <template x-if="userInteracted"> <template x-for="review in filteredReviews"> <div class="display-flex flex-direction-column rounded-md border border-gray-mid text-slate p-5 mb-6 sm:mb-4"> <template x-if="!!review.user.location || true "> <div class="display-flex flex-direction-column-reverse sm:flex-direction-row justify-content-space-between border-b border-gray-mid sm:pt-2 pb-3 sm:pb-2"> <div class="text-slate"> <span class="font-circular-bold text-black" x-text="review.user.name || 'Anonymous'"></span> <template x-if="!!review.user.location"> <span x-text="`from ${review.user.location}`"> </template> </div> <div x-text="convertISODateToFormattedDate(review.created_at)"> </div> </div> </template> <div class="w-full mt-4 mb-2"> <div class="star-rating star-rating--number-size-sm" style="font-size: 18px"> <div class="star-rating__main-content"> <div class="star-rating__items-container"> <template x-for="idx in 5"> <div class="star-rating__item"> <svg class="star-rating__icon" height="15" viewBox="0 0 16 15" width="16"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z" stroke="#EFC138"></path> </svg> <div :style="`width: ${calculateRatingMask(review.ratings.overall, $data.idx - 1)}%`" class="star-rating__fill"> <svg class="star-rating__icon" height="15" viewBox="0 0 16 15" width="16"> <path d="M8 12l-4.7023 2.4721.898-5.236L.3916 5.5279l5.2574-.764L8 0l2.3511 4.764 5.2574.7639-3.8043 3.7082.898 5.236z" fill="#EFC138"></path> </svg> </div> </div> </template> </div> </div> </div> </div> <div class="display-flex flex-direction-column sm:flex-direction-row justify-content-space-between gap-x-8" x-data="{ expanded: false }"> <div> <template x-for="(key, index) in review.answeredReviews"> <div x-show="expanded || index === 0"> <div :class="{ 'mt-2': index !== 0 }" class="font-circular-bold text-black mb-2" x-text="keyMultipleReviews[key]"> </div> <div class="text-slate"> <div x-text="review.multiple_reviews[key]"> </div> </div> </div> </template> <button @click="expanded = !expanded" class="Link Button Button--bare display-none sm:display-block text-blue type-body-one mt-4" type="button"> <span x-text="expanded ? 'See less' : 'See full review'"> </span> <span class="Icon Icon--xs mx-1 text-blue text-base mb-1"> <span x-show="!expanded"> <svg class="Icon-glyph" 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></span> <span x-show="expanded"> <svg class="Icon-glyph" 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></span> </span> </button> </div> <div> <div :class="{ 'display-none sm:display-flex': !expanded }" class="display-flex justify-content-space-between align-items-center sm:mt-0 sm:mb-6 mb-4 mt-6"> <div class="font-circular-bold font-bold text-black"> Insurance Type</div> <div class="text-slate text-sm" x-text="getProductType(review)"></div> </div> <div :class="{ 'display-none sm:display-block': !expanded }" class="w-full sm:w-64 mt-6 sm:mt-0"> <div class="font-circular-bold font-bold text-black"> Score by category </div> <template x-for="[category, rating] in Object.entries(review.ratings)"> <template x-if="category !== 'overall'"> <div class="display-flex justify-content-space-between border-b border-gray-mid text-slate py-3" x-data="{ isNa: rating === '0' }"> <span class="type-body-two" x-text="scoreCategories[category]"></span> <span class="type-body-two"> <span :class="{ 'font-circular-bold font-bold text-black': !isNa }" x-text="isNa ? '–' : rating"></span> <span x-text="` / ${isNa ? '–' : '5'}`"></span> </span> </div> </template> </template> </div> <button @click="expanded = !expanded" class="Link Button Button--bare display-block sm:display-none text-blue type-body-one mt-4" type="button"> <span x-text="expanded ? 'See less' : 'See full review'"> </span> <span class="Icon Icon--xs mx-1 text-blue text-base mb-1"> <span x-show="!expanded"> <svg class="Icon-glyph" 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></span> <span x-show="expanded"> <svg class="Icon-glyph" 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></span> </span> </button> </div> </div> </div> </template> </template> <div class="text-center" x-show="!userInteracted"> <button @click="page = 1; userInteracted = true" class="Button Button--secondary mt-4 sm:mt-8" type="button"> See more reviews </button> </div> <div class="text-center" x-show="page < lastPage"> <button @click="page++" class="Button Button--secondary mt-4 sm:mt-8" type="button"> See more reviews </button> </div> </div> <div class="mt-4"> <section> <div class="AuthorFooter display-flex flex-wrap justify-content-space-between"> <div class="author w-full display-flex flex-wrap border-b border-gray-light pb-4"> <div> <img srcset="https://www.bankrate.com/2024/03/22150523/RE_headshot-1.jpg?auto=webp&quality=85&width=96&height=96&fit=cover&enable=upscale&crop=1:1,smart&dpr=1.5 1.5x, https://www.bankrate.com/2024/03/22150523/RE_headshot-1.jpg?auto=webp&quality=85&width=96&height=96&fit=cover&enable=upscale&crop=1:1,smart&dpr=2 2x, https://www.bankrate.com/2024/03/22150523/RE_headshot-1.jpg?auto=webp&quality=85&width=96&height=96&fit=cover&enable=upscale&crop=1:1,smart&dpr=3 3x" src="https://www.bankrate.com/2024/03/22150523/RE_headshot-1.jpg?auto=webp&quality=85&width=96&height=96&fit=cover&enable=upscale&crop=1:1,smart" loading="lazy" class="AuthorAvatar AuthorAvatar--xl mr-8 flex-shrink-0" alt=""> </div> <div class="flex-grow display-flex flex-direction-column justify-content-space-evenly"> <div class="type-body-two text-slate">Written by</div> <div class="type-heading-four pr-2"> R.E. Hawley</div> <div class="type-body-two text-slate pr-2">Senior writer, Insurance</div> </div> <div class="display-flex justify-content-space-between align-items-flex-end author-links mt-4 md:mt-0"> <ul class="AuthorSocialConnect List display-flex align-items-center mb-0 "> </ul> <div> <a class="Button Button--secondary type-body-two" href="https://www.bankrate.com/authors/re-hawley/">Read more from R.E.</a> </div> </div> </div> <div class="w-full type-body-two text-slate mt-4 mb-8"> R.E. Hawley is a senior writer for Bankrate. Prior to joining Bankrate’s insurance editorial team in 2024, they worked as senior writer for a popular car ownership and insurance comparison app, leading a team of over a dozen writers in creating customer-focused financial advice content on topics ranging from insurance to vehicle reliability and auto loan refinance. R.E. holds a personal lines insurance license.</div> <div class="author-additional md:flex-grow pt-8 mb-4 md:pt-0 md:mb-0"> <div class="display-flex"> <div class="author-additional-preview sm:mr-auto"> <div class="AuthorPreview AuthorPreview--editor AuthorPreview--basic"> <div class="AuthorPreview-top border-b border-gray-light pb-4"> <img srcset="https://www.bankrate.com/2024/02/22173346/Jessa-Claeys-headshot.jpg?auto=webp&quality=85&width=48&height=48&fit=cover&enable=upscale&crop=1:1,smart&dpr=1.5 1.5x, https://www.bankrate.com/2024/02/22173346/Jessa-Claeys-headshot.jpg?auto=webp&quality=85&width=48&height=48&fit=cover&enable=upscale&crop=1:1,smart&dpr=2 2x, https://www.bankrate.com/2024/02/22173346/Jessa-Claeys-headshot.jpg?auto=webp&quality=85&width=48&height=48&fit=cover&enable=upscale&crop=1:1,smart&dpr=3 3x" src="https://www.bankrate.com/2024/02/22173346/Jessa-Claeys-headshot.jpg?auto=webp&quality=85&width=48&height=48&fit=cover&enable=upscale&crop=1:1,smart" loading="lazy" class="AuthorAvatar AuthorAvatar--md AuthorPreview-avatar flex-shrink-0" alt=""> <div class="AuthorPreview-attribution"> <span class="AuthorPreview-label text-slate type-body-two text-crop-none">Edited by</span> <strong class="AuthorPreview-name font-bold text-crop-none display-flex align-items-center"> <div class="Tooltip display-none sm:display-inline-block" x-data="interactiveTooltip('nvwwyU')" x-bind="container"> <button class="Tooltip-trigger text-link text-black plain font-circular-bold" data-preamp="mortgage-dark-mode"type="button" id="tooltip-trigger-nvwwyU" aria-controls="tooltip-content-nvwwyU" x-bind="trigger"> Jessa Claeys</button><div class="Tooltip-content Tooltip-content--belowTrigger Tooltip-content--anchorCenter author-preview"style="display: none;" id="tooltip-content-nvwwyU" aria-hidden="true" aria-labelledby="tooltip-trigger-nvwwyU" role="dialog" x-bind="content"> <div class="Tooltip-body"> <div class="Tooltip-arrow"></div> <div class="AuthorPreview AuthorPreview--editor AuthorPreview--tooltip"> <div class="AuthorPreview-top border-b border-gray-light pb-4"> <img srcset="https://www.bankrate.com/2024/02/22173346/Jessa-Claeys-headshot.jpg?auto=webp&quality=85&width=64&height=64&fit=cover&enable=upscale&crop=1:1,smart&dpr=1.5 1.5x, https://www.bankrate.com/2024/02/22173346/Jessa-Claeys-headshot.jpg?auto=webp&quality=85&width=64&height=64&fit=cover&enable=upscale&crop=1:1,smart&dpr=2 2x, https://www.bankrate.com/2024/02/22173346/Jessa-Claeys-headshot.jpg?auto=webp&quality=85&width=64&height=64&fit=cover&enable=upscale&crop=1:1,smart&dpr=3 3x" src="https://www.bankrate.com/2024/02/22173346/Jessa-Claeys-headshot.jpg?auto=webp&quality=85&width=64&height=64&fit=cover&enable=upscale&crop=1:1,smart" loading="lazy" class="AuthorAvatar AuthorAvatar--lg AuthorPreview-avatar flex-shrink-0" alt=""> <div class="AuthorPreview-attribution"> <div class="AuthorPreview-name"> <a href="https://www.bankrate.com/authors/jessa-claeys/" class="Link Link--standalone text-black"> Jessa Claeys</a> </div> <span class="AuthorPreview-title type-body-two text-slate text-crop-none">Editor, Insurance</span> </div> </div> <div class="AuthorPreview-license my-4"> <div class="w-full"> <div class="display-flex align-items-center"> <svg class="Icon Icon--sm text-black mr-2" 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><span class="type-body-two text-black font-circular-bold"> License </span> </div> <ul class="List ml-2 mt-3 mb-3"> <li class="display-flex align-items-center gap-2 mt-2 text-black"> <span class="text-blue-mid text-base"> • </span> Personal Lines Insurance Producer</li> </ul> </div> </div> <div class="AuthorPreview-expertise my-4"> <div class="w-full"> <div class="display-flex align-items-center"> <svg class="Icon Icon--sm text-black mr-2" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Ribbon Icon</title><path fill-rule="evenodd" clip-rule="evenodd" d="M17.856 16.638a2.291 2.291 0 0 0 1.514-2.15v-.764c0-.283.115-.551.314-.75l.535-.543a2.25 2.25 0 0 0 .68-1.622c0-.612-.236-1.193-.672-1.629l-.536-.535a1.053 1.053 0 0 1-.306-.75V7.13a2.303 2.303 0 0 0-2.294-2.302h-.773c-.29 0-.558-.115-.75-.306l-.543-.551a2.294 2.294 0 0 0-3.243 0l-.535.535a1.04 1.04 0 0 1-.75.306h-.773a2.296 2.296 0 0 0-2.287 2.196c-.015.038-.015.084-.015.122v.757c0 .283-.115.551-.314.75l-.474.482-.034.03-.035.031a2.28 2.28 0 0 0-.665 1.614c0 .612.245 1.193.68 1.63l.536.535c.199.199.306.466.306.75v.764c0 1.003.652 1.861 1.553 2.171v4.377a1.37 1.37 0 0 0 1.377 1.377h.008c.214 0 .42-.046.62-.146l2.477-1.239a.147.147 0 0 1 .138 0l2.241 1.186c.429.23.934.214 1.354-.038a1.37 1.37 0 0 0 .666-1.178v-4.345Zm-4.445-8.3c-.65 0-1.262.253-1.728.72a2.442 2.442 0 0 0 0 3.457c.925.925 2.531.925 3.457 0a2.425 2.425 0 0 0 .719-1.729c0-.65-.252-1.262-.719-1.728a2.425 2.425 0 0 0-1.729-.72Z" fill="transparent" class="icon-offset"/><path fill-rule="evenodd" clip-rule="evenodd" d="M11.996 17.975c-.64 0-1.287-.244-1.775-.732l-.597-.605a1.157 1.157 0 0 0-.824-.328h-.32v4.676c0 .076.042.118.084.143.034.025.093.042.16 0l2.725-1.363c.438-.218.959-.21 1.388.017l2.464 1.304a.194.194 0 0 0 .168 0c.034-.025.085-.067.085-.143v-4.626h-.37c-.32 0-.606.118-.825.336l-.589.59a2.521 2.521 0 0 1-1.791.74l.017-.009Zm4.048-3.011h-.835c-.673 0-1.304.26-1.775.732l-.589.588a1.17 1.17 0 0 1-1.657.017l-.597-.605a2.493 2.493 0 0 0-1.775-.732h-.86a.672.672 0 0 0-.182-.016 1.192 1.192 0 0 1-.985-1.17v-.841c0-.673-.26-1.304-.731-1.775l-.59-.589a1.177 1.177 0 0 1-.067-1.606c.026-.017.068-.06.068-.06l.589-.596a2.493 2.493 0 0 0 .731-1.775v-.732c.009-.033.009-.075.009-.117 0-.657.53-1.186 1.177-1.186h.85c.673 0 1.303-.261 1.775-.732l.588-.589a1.178 1.178 0 0 1 1.657 0l.597.606a2.493 2.493 0 0 0 1.775.731h.85c.647 0 1.177.539 1.177 1.186v.841c0 .673.26 1.304.732 1.775l.589.589c.227.219.353.513.353.833 0 .32-.126.614-.353.84l-.59.598a2.494 2.494 0 0 0-.73 1.775v.84c0 .57-.41 1.041-.954 1.147a.68.68 0 0 0-.247.023Zm.855 1.202a2.52 2.52 0 0 0 1.666-2.363v-.841c0-.311.126-.606.345-.824l.588-.597c.488-.48.749-1.11.749-1.784a2.52 2.52 0 0 0-.74-1.791l-.59-.589a1.157 1.157 0 0 1-.336-.824v-.841a2.533 2.533 0 0 0-2.523-2.532h-.85c-.319 0-.613-.126-.824-.336l-.597-.606a2.523 2.523 0 0 0-3.566 0l-.589.589a1.143 1.143 0 0 1-.824.336h-.85a2.525 2.525 0 0 0-2.514 2.414c-.017.042-.017.093-.017.135v.832c0 .312-.126.606-.345.825l-.522.53a.54.54 0 0 1-.037.033 2.508 2.508 0 0 0-.77 1.808c0 .674.27 1.313.749 1.792l.588.589c.219.219.337.513.337.824v.841c0 1.103.717 2.046 1.707 2.388v4.812A1.506 1.506 0 0 0 8.648 22.5h.009a1.5 1.5 0 0 0 .681-.16l2.725-1.362a.16.16 0 0 1 .151 0l2.465 1.303a1.495 1.495 0 0 0 1.489-.042c.454-.277.731-.757.731-1.295v-4.777Zm-4.887-2.397a4.002 4.002 0 0 1-2.85-1.185 4.036 4.036 0 0 1 0-5.703 4.002 4.002 0 0 1 2.85-1.186c1.077 0 2.086.42 2.852 1.186a4.002 4.002 0 0 1 1.186 2.851c0 1.077-.42 2.086-1.186 2.852a4.002 4.002 0 0 1-2.852 1.185Zm0-6.728c-.715 0-1.387.277-1.9.79a2.685 2.685 0 0 0 0 3.802c1.017 1.018 2.784 1.018 3.801 0 .513-.513.79-1.186.79-1.9 0-.716-.277-1.389-.79-1.902a2.666 2.666 0 0 0-1.9-.79Z" class="icon-base"/></svg><span class="type-body-two text-black font-circular-bold"> Expertise </span> </div> <ul class="List ml-2 mt-3 mb-3"> <li class="display-flex align-items-center gap-2 mt-2 text-black"> <span class="text-blue-mid text-base"> • </span> Auto insurance</li> <li class="display-flex align-items-center gap-2 mt-2 text-black"> <span class="text-blue-mid text-base"> • </span> Homeowners insurance</li> </ul> </div> <div class="display-flex align-items-center text-black"> </div> </div> <div class="AuthorPreview-bottom text-slate"> <div class="AuthorPreview-bio text-crop-none AuthorPreview-bio--truncated"> Jessa Claeys is an insurance editor for Bankrate with over a decade of experience writing, editing and leading teams of content creators. She is a licensed personal lines insurance producer in Colorado. Jessa currently covers auto, home and life insurance with the goal of helping others secure a healthy financial future. Her work has been published by several insurance, personal finance and investment-focused publications, including BiggerPockets, 401(k) Specialist, BP Wealth and more.  </div> <div class="display-flex align-items-center justify-content-space-between w-full"> <a href="https://www.bankrate.com/authors/jessa-claeys/" class="Link Link--standalone font-bold"> Read more </a> <ul class="AuthorSocialConnect List display-flex align-items-center mb-0 "> <li class="AuthorSocialConnect-item display-block"> <a class="AuthorSocialConnect-link display-flex align-items-center text-slate p-3 hover:text-blue-600" href="https://www.linkedin.com/in/jessa-claeys/" target="_blank" rel="nofollow" aria-label="Connect with Jessa Claeys on LinkedIn" data-beam-element-clicked id="author_bio_jessa_claeys_linkedin_icon" data-type="icon" data-location="author_bio_jessa_claeys" data-position="top" data-text="linkedin" data-outcome="open_linkedin" > <svg class="Icon Icon--xs" 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> </li> </ul> </div> </div> </div><button type="button" class="visually-hidden focusable text-link text-black plain font-circular-bold" @click="close()">Close</button> </div> </div> </div> <div class="display-inline-block sm:display-none"> <a data-preamp="mortgage-dark-mode-mobile" href="https://www.bankrate.com/authors/jessa-claeys/" class="text-link text-black plain font-circular-bold ">Jessa Claeys</a> </div> </strong> <span class="AuthorPreview-title type-body-two text-slate text-crop-none">Editor, Insurance</span> <ul class="AuthorSocialConnect List display-flex align-items-center mb-0 pt-2 -ml-3"> <li class="AuthorSocialConnect-item display-block"> <a class="AuthorSocialConnect-link display-flex align-items-center text-slate p-3 hover:text-blue-600" href="https://www.linkedin.com/in/jessa-claeys/" target="_blank" rel="nofollow" aria-label="Connect with Jessa Claeys on LinkedIn" data-beam-element-clicked id="author_bio_jessa_claeys_linkedin_icon" data-type="icon" data-location="author_bio_jessa_claeys" data-position="top" data-text="linkedin" data-outcome="open_linkedin" > <svg class="Icon Icon--xs" 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> </li> </ul> </div> </div> </div> </div> </div> </div> </div> </section> </div> </div> <div class="section__column right_rail mt-12 md:mt-0 md:justify-content-flex-start md:pos-relative bg-white"> <div class="TOC-track toc-with-logo-container bg-white display-none md:display-block"> <div class="TOC-container"> <div class="mb-8 display-none lg:display-block"> <img src="https://www.bankrate.com/f/102997/x/fc57270e9c/progressive-logo.svg" alt="carrier logo"> </div> <div class="mt-1 mb-3"> <div class="insurance-button-leave-flow w-full md:w-auto" x-data="insuranceButtonLeaveFlow( true, true, 'car', null)"> <button type="submit" data-cy="insurance-button-leave-flow" style="white-space: nowrap;" class="Button Button--primary Button--normal" @click="submitForm()" > Compare rates</button> </div> </div> <div class="TableOfContents TOC-track" x-data> <nav aria-label="Content on this page" class="TableOfContents-sidebar display-none md:display-block TOC-container"> <p class="TableOfContents-heading type-heading-six uppercase display-block"> On This Page</p> <ul class="TableOfContents-list List"> <li class=""> <a class="TableOfContents-link" href="#car-insurance" data-toc-jumpto="#car-insurance" data-beam-element-clicked-no-delay data-type="LINK" data-location="SHELF-TOC-desktop" data-name="Car insurance" data-position="1" data-text="Car insurance" data-outcome="INTERNALLINK" > <span class="TableOfContents-linkText">Car insurance</span> </a> </li> <li class=""> <a class="TableOfContents-link" href="#home-insurance" data-toc-jumpto="#home-insurance" data-beam-element-clicked-no-delay data-type="LINK" data-location="SHELF-TOC-desktop" data-name="Home insurance" data-position="2" data-text="Home insurance" data-outcome="INTERNALLINK" > <span class="TableOfContents-linkText">Home insurance</span> </a> </li> <li class=""> <a class="TableOfContents-link" href="#life-insurance" data-toc-jumpto="#life-insurance" data-beam-element-clicked-no-delay data-type="LINK" data-location="SHELF-TOC-desktop" data-name="Life insurance" data-position="3" data-text="Life insurance" data-outcome="INTERNALLINK" > <span class="TableOfContents-linkText">Life insurance</span> </a> </li> <li class=""> <a class="TableOfContents-link" href="#compare-progressive-with-other-insurers" data-toc-jumpto="#compare-progressive-with-other-insurers" data-beam-element-clicked-no-delay data-type="LINK" data-location="SHELF-TOC-desktop" data-name="Compare Progressive with other insurers" data-position="4" data-text="Compare Progressive with other insurers" data-outcome="INTERNALLINK" > <span class="TableOfContents-linkText">Compare Progressive with other insurers</span> </a> </li> <li class=""> <a class="TableOfContents-link" href="#is-progressive-a-good-insurance-company" data-toc-jumpto="#is-progressive-a-good-insurance-company" data-beam-element-clicked-no-delay data-type="LINK" data-location="SHELF-TOC-desktop" data-name="Is Progressive a good insurance company?" data-position="5" data-text="Is Progressive a good insurance company?" data-outcome="INTERNALLINK" > <span class="TableOfContents-linkText">Is Progressive a good insurance company?</span> </a> </li> <li class=""> <a class="TableOfContents-link" href="#frequently-asked-questions-about-progressive" data-toc-jumpto="#frequently-asked-questions-about-progressive" data-beam-element-clicked-no-delay data-type="LINK" data-location="SHELF-TOC-desktop" data-name="Frequently asked questions about Progressive" data-position="6" data-text="Frequently asked questions about Progressive" data-outcome="INTERNALLINK" > <span class="TableOfContents-linkText">Frequently asked questions about Progressive</span> </a> </li> <li class=""> <a class="TableOfContents-link" href="#methodology" data-toc-jumpto="#methodology" data-beam-element-clicked-no-delay data-type="LINK" data-location="SHELF-TOC-desktop" data-name="Methodology" data-position="7" data-text="Methodology" data-outcome="INTERNALLINK" > <span class="TableOfContents-linkText">Methodology</span> </a> </li> <li class=""> <a class="TableOfContents-link" href="#policyholders" data-toc-jumpto="#policyholders" data-beam-element-clicked-no-delay data-type="LINK" data-location="SHELF-TOC-desktop" data-name="What policyholders are saying about Progressive" data-position="8" data-text="What policyholders are saying about Progressive" data-outcome="INTERNALLINK" > <span class="TableOfContents-linkText">What policyholders are saying about Progressive</span> </a> </li> </ul> </nav> <div class="TableOfContents-topbar md:display-none"> <span class="type-heading-six uppercase display-block m-0 mr-8"> On This Page</span> <button id="TocButton" class="Button Button--neutral Button--small" type="button" data-target="#TocModal"> <span>Jump to</span> <span class="Icon Icon--xs ml-1"><svg class="Icon-glyph" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Menu List Icon</title><path fill-rule="evenodd" clip-rule="evenodd" d="M3 5.972a1.099 1.099 0 1 0 2.197 0 1.099 1.099 0 0 0-2.197 0Zm17.163.837H8.107a.84.84 0 0 1-.837-.837.84.84 0 0 1 .837-.837h12.056a.84.84 0 0 1 .837.837.84.84 0 0 1-.837.837ZM8.107 12.837h12.056A.84.84 0 0 0 21 12a.84.84 0 0 0-.837-.837H8.107A.84.84 0 0 0 7.27 12c0 .46.376.837.837.837Zm0 6.028h12.056a.84.84 0 0 0 .837-.837.84.84 0 0 0-.837-.837H8.107a.84.84 0 0 0-.837.837c0 .46.376.837.837.837Zm-4.008-5.64a1.099 1.099 0 1 1 0-2.198 1.099 1.099 0 0 1 0 2.198ZM3 18.027a1.099 1.099 0 1 0 2.197 0 1.099 1.099 0 0 0-2.197 0Z" class="icon-base"/></svg></span> </button> </div> <div x-data x-init="$nextTick(() => { window.initModal('TocModal', 0); })" class="display-none"> <template x-teleport="#modalStack"> <div id="TocModal" class="Modal is-closed Modal--tableOfContents md:display-none" role="dialog" aria-hidden="true"> <button class="Modal-overlay" data-target="TocModal" aria-label="close" @click=""></button> <div data-cy="modalContainer" class="Modal-container" role="document" tabindex="-1"> <div class="TableOfContents-modal"> <div class="px-6 pt-6"> <p class="TableOfContents-heading type-heading-six uppercase display-block"> On This Page</p> <div class="mb-6" style="overflow-y: auto; max-height: 60vh;"> <ul class="TableOfContents-list List"> <li class=""> <a class="TableOfContents-link" href="#car-insurance" data-toc-jumpto="#car-insurance" data-beam-element-clicked-no-delay data-type="LINK" data-location="SHELF-TOC-mobile" data-name="Car insurance" data-position="1" data-text="Car insurance" data-outcome="INTERNALLINK" @click="document.querySelector('#TocModal .Modal-close').click();" > <span class="TableOfContents-linkText">Car insurance</span> </a> </li> <li class=""> <a class="TableOfContents-link" href="#home-insurance" data-toc-jumpto="#home-insurance" data-beam-element-clicked-no-delay data-type="LINK" data-location="SHELF-TOC-mobile" data-name="Home insurance" data-position="2" data-text="Home insurance" data-outcome="INTERNALLINK" @click="document.querySelector('#TocModal .Modal-close').click();" > <span class="TableOfContents-linkText">Home insurance</span> </a> </li> <li class=""> <a class="TableOfContents-link" href="#life-insurance" data-toc-jumpto="#life-insurance" data-beam-element-clicked-no-delay data-type="LINK" data-location="SHELF-TOC-mobile" data-name="Life insurance" data-position="3" data-text="Life insurance" data-outcome="INTERNALLINK" @click="document.querySelector('#TocModal .Modal-close').click();" > <span class="TableOfContents-linkText">Life insurance</span> </a> </li> <li class=""> <a class="TableOfContents-link" href="#compare-progressive-with-other-insurers" data-toc-jumpto="#compare-progressive-with-other-insurers" data-beam-element-clicked-no-delay data-type="LINK" data-location="SHELF-TOC-mobile" data-name="Compare Progressive with other insurers" data-position="4" data-text="Compare Progressive with other insurers" data-outcome="INTERNALLINK" @click="document.querySelector('#TocModal .Modal-close').click();" > <span class="TableOfContents-linkText">Compare Progressive with other insurers</span> </a> </li> <li class=""> <a class="TableOfContents-link" href="#is-progressive-a-good-insurance-company" data-toc-jumpto="#is-progressive-a-good-insurance-company" data-beam-element-clicked-no-delay data-type="LINK" data-location="SHELF-TOC-mobile" data-name="Is Progressive a good insurance company?" data-position="5" data-text="Is Progressive a good insurance company?" data-outcome="INTERNALLINK" @click="document.querySelector('#TocModal .Modal-close').click();" > <span class="TableOfContents-linkText">Is Progressive a good insurance company?</span> </a> </li> <li class=""> <a class="TableOfContents-link" href="#frequently-asked-questions-about-progressive" data-toc-jumpto="#frequently-asked-questions-about-progressive" data-beam-element-clicked-no-delay data-type="LINK" data-location="SHELF-TOC-mobile" data-name="Frequently asked questions about Progressive" data-position="6" data-text="Frequently asked questions about Progressive" data-outcome="INTERNALLINK" @click="document.querySelector('#TocModal .Modal-close').click();" > <span class="TableOfContents-linkText">Frequently asked questions about Progressive</span> </a> </li> <li class=""> <a class="TableOfContents-link" href="#methodology" data-toc-jumpto="#methodology" data-beam-element-clicked-no-delay data-type="LINK" data-location="SHELF-TOC-mobile" data-name="Methodology" data-position="7" data-text="Methodology" data-outcome="INTERNALLINK" @click="document.querySelector('#TocModal .Modal-close').click();" > <span class="TableOfContents-linkText">Methodology</span> </a> </li> <li class=""> <a class="TableOfContents-link" href="#policyholders" data-toc-jumpto="#policyholders" data-beam-element-clicked-no-delay data-type="LINK" data-location="SHELF-TOC-mobile" data-name="What policyholders are saying about Progressive" data-position="8" data-text="What policyholders are saying about Progressive" data-outcome="INTERNALLINK" @click="document.querySelector('#TocModal .Modal-close').click();" > <span class="TableOfContents-linkText">What policyholders are saying about Progressive</span> </a> </li> </ul> </div> </div> <div class="border-t px-6 py-2"> <div class="display-flex justify-content-space-between"> <button class="Button Button--primary Button--extraSmall Button--flat" data-toc-prev data-beam-element-clicked-no-delay data-type="LINK" data-location="SHELF-TOC-PREV" data-name="TOC-PREV" data-position="PREV-mobile" data-text="TOC-PREV" data-outcome="INTERNALLINK" > <span>Prev</span> </button> <button class="Button Button--primary Button--extraSmall Button--flat" data-toc-next data-beam-element-clicked-no-delay data-type="LINK" data-location="SHELF-TOC-NEXT" data-name="TOC-NEXT" data-position="NEXT-mobile" data-text="TOC-NEXT" data-outcome="INTERNALLINK" > <span>Next</span> </button> </div> </div> </div><button data-cy="modalClose" class="Modal-close" type="button" data-target="TocModal" aria-label="close" @click=""></button> </div> </div> </template> </div> </div> </div> </div> <div class="ContentWithNavigation-toc stickytoc-nav w-screen" id="sticky-toc-with-logo-wrapper"> <nav class="ContentWithNavigation-tocNav"> <p class="ContentWithNavigation-tocHeader type-heading-six">ON THIS PAGE</p> <button class="Button Button--neutral Button--small md:display-none" type="button" data-target="#toc-modal" id="toc-button"> Jump to <span class="Icon Icon--xs ml-1"> <svg class="Icon-glyph" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Menu List Icon</title><path fill-rule="evenodd" clip-rule="evenodd" d="M3 5.972a1.099 1.099 0 1 0 2.197 0 1.099 1.099 0 0 0-2.197 0Zm17.163.837H8.107a.84.84 0 0 1-.837-.837.84.84 0 0 1 .837-.837h12.056a.84.84 0 0 1 .837.837.84.84 0 0 1-.837.837ZM8.107 12.837h12.056A.84.84 0 0 0 21 12a.84.84 0 0 0-.837-.837H8.107A.84.84 0 0 0 7.27 12c0 .46.376.837.837.837Zm0 6.028h12.056a.84.84 0 0 0 .837-.837.84.84 0 0 0-.837-.837H8.107a.84.84 0 0 0-.837.837c0 .46.376.837.837.837Zm-4.008-5.64a1.099 1.099 0 1 1 0-2.198 1.099 1.099 0 0 1 0 2.198ZM3 18.027a1.099 1.099 0 1 0 2.197 0 1.099 1.099 0 0 0-2.197 0Z" class="icon-base"/></svg></span> </button> </nav> <div class="TocModal Modal is-closed" id="toc-modal" role="dialog" aria-hidden="true" data-modal> <button class="Modal-overlay" data-target="toc-modal" aria-label="close"> </button> <div class="Modal-container" role="document"> <div class="TocModal-content"> <button class="TocModal-close Button Button--bare Icon" type="button" data-target="toc-modal" aria-label="close"> <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></button> <nav class="TocModal-tocNav"> <div class="my-5"> <div class="insurance-button-leave-flow w-full md:w-auto" x-data="insuranceButtonLeaveFlow( true, true, 'car', null)"> <button type="submit" data-cy="insurance-button-leave-flow" style="white-space: nowrap;" class="Button Button--primary Button--normal" @click="submitForm()" > Compare rates</button> </div> </div> <p id="toc-modal-title" class="TocModal-header type-heading-six">ON THIS PAGE</p> <ul class="ContentWithNavigation-tocList"> <ul class="TableOfContents-list List"> <li class=""> <a class="TableOfContents-link" href="#car-insurance" data-toc-jumpto="#car-insurance" data-beam-element-clicked-no-delay data-type="LINK" data-location="SHELF-TOC" data-name="Car insurance" data-position="1" data-text="Car insurance" data-outcome="INTERNALLINK" > <span class="TableOfContents-linkText">Car insurance</span> </a> </li> <li class=""> <a class="TableOfContents-link" href="#home-insurance" data-toc-jumpto="#home-insurance" data-beam-element-clicked-no-delay data-type="LINK" data-location="SHELF-TOC" data-name="Home insurance" data-position="2" data-text="Home insurance" data-outcome="INTERNALLINK" > <span class="TableOfContents-linkText">Home insurance</span> </a> </li> <li class=""> <a class="TableOfContents-link" href="#life-insurance" data-toc-jumpto="#life-insurance" data-beam-element-clicked-no-delay data-type="LINK" data-location="SHELF-TOC" data-name="Life insurance" data-position="3" data-text="Life insurance" data-outcome="INTERNALLINK" > <span class="TableOfContents-linkText">Life insurance</span> </a> </li> <li class=""> <a class="TableOfContents-link" href="#compare-progressive-with-other-insurers" data-toc-jumpto="#compare-progressive-with-other-insurers" data-beam-element-clicked-no-delay data-type="LINK" data-location="SHELF-TOC" data-name="Compare Progressive with other insurers" data-position="4" data-text="Compare Progressive with other insurers" data-outcome="INTERNALLINK" > <span class="TableOfContents-linkText">Compare Progressive with other insurers</span> </a> </li> <li class=""> <a class="TableOfContents-link" href="#is-progressive-a-good-insurance-company" data-toc-jumpto="#is-progressive-a-good-insurance-company" data-beam-element-clicked-no-delay data-type="LINK" data-location="SHELF-TOC" data-name="Is Progressive a good insurance company?" data-position="5" data-text="Is Progressive a good insurance company?" data-outcome="INTERNALLINK" > <span class="TableOfContents-linkText">Is Progressive a good insurance company?</span> </a> </li> <li class=""> <a class="TableOfContents-link" href="#frequently-asked-questions-about-progressive" data-toc-jumpto="#frequently-asked-questions-about-progressive" data-beam-element-clicked-no-delay data-type="LINK" data-location="SHELF-TOC" data-name="Frequently asked questions about Progressive" data-position="6" data-text="Frequently asked questions about Progressive" data-outcome="INTERNALLINK" > <span class="TableOfContents-linkText">Frequently asked questions about Progressive</span> </a> </li> <li class=""> <a class="TableOfContents-link" href="#methodology" data-toc-jumpto="#methodology" data-beam-element-clicked-no-delay data-type="LINK" data-location="SHELF-TOC" data-name="Methodology" data-position="7" data-text="Methodology" data-outcome="INTERNALLINK" > <span class="TableOfContents-linkText">Methodology</span> </a> </li> <li class=""> <a class="TableOfContents-link" href="#policyholders" data-toc-jumpto="#policyholders" data-beam-element-clicked-no-delay data-type="LINK" data-location="SHELF-TOC" data-name="What policyholders are saying about Progressive" data-position="8" data-text="What policyholders are saying about Progressive" data-outcome="INTERNALLINK" > <span class="TableOfContents-linkText">What policyholders are saying about Progressive</span> </a> </li> </ul> </ul> </nav> </div> </div> </div> </div> </div> </section> </main> </div> <footer data-swiftype-index="false"class="global-footer"> <div class="global-footer__container"> <h2 class="global-footer__logo-container"> <a href="https://www.bankrate.com/"> <span class="global-footer__logo-text">Bankrate logo</span> <svg width="120" height="24" width="100" height="20" viewBox="0 0 400 80" xmlns="http://www.w3.org/2000/svg" focusable="false"> <title>Bankrate</title> <g fill="#151515"> <path d="m100.16 78.16v-8.16h-.16c-3.75 6.26-10.42 9.5-18 9.5-15.45 0-28-11.63-28-26.88 0-16.87 12.12-28.7 27.65-28.7 7.72 0 14.21 2.86 18.31 8.87h.19v-7.44h9.91v52.81zm.19-26.31c0-10.29-7.44-18.85-18.41-18.85-9.91 0-18 8.49-18 18.87 0 9.92 8.11 18.6 18 18.6a18.58 18.58 0 0 0 18.41-18.62z"/> <path d="m155.19 78.16v-28.78c0-11.16-4.38-16.4-13.16-16.4s-13.92 6.39-13.92 16.31v28.89h-9.92v-52.83h9.25v5.65h.19c3.9-5 9.35-7 15.45-7 12.68 0 22 8 22 22.6v31.58h-9.9z"/> <path d="m300.12 78.16v-8.16h-.18c-3.72 6.29-10.4 9.53-17.93 9.53-15.45 0-28-11.63-28-26.88 0-16.87 12.1-28.7 27.65-28.7 7.72 0 14.21 2.86 18.31 8.87h.18v-7.47h9.85v52.81zm.19-26.31c0-10.29-7.44-18.87-18.4-18.87-9.92 0-18 8.49-18 18.87 0 9.92 8.11 18.6 18 18.6a18.57 18.57 0 0 0 18.4-18.6z"/> <path d="m325.11 78.16v-43.75h-7.11v-9.06h7.15v-17.73h9.85v17.73h8.68v9.06h-8.68v43.75z"/> <path d="m356 56.05c2.29 8.76 9.25 14.4 17.36 14.4a17 17 0 0 0 15.06-8.87h9.91a27.08 27.08 0 0 1 -25.41 17.92c-14.87 0-26.92-13.16-26.92-27.27 0-16.68 12.58-28.32 26.6-28.32a26.9 26.9 0 0 1 27.4 27.17 29.4 29.4 0 0 1 -.29 5h-43.71zm34.13-7.62c-.75-9-8.67-15.45-17.16-15.45-8.11 0-16.21 6.39-17 15.45z"/> <path d="m42 39.88a22.68 22.68 0 0 0 -4.89-3.79 18.39 18.39 0 0 0 1.73-2 21 21 0 0 0 4-14 21.57 21.57 0 0 0 -6.2-13.85 22 22 0 0 0 -15.96-6.24h-20.68v79.5h24.34c9.13 0 14.75-4 17.87-7.39a23.6 23.6 0 0 0 6.18-16.11 22.89 22.89 0 0 0 -6.39-16.12zm-21.32-30.61c8.37 0 12.5 5.75 12.88 11.43a11.49 11.49 0 0 1 -9.71 11.93h-14.58v-23.36zm3.65 61h-15.06v-28.37h13.73c11.89 0 16.1 7.6 16.1 14.11-.01 6.84-4.62 14.22-14.77 14.22z"/> <path d="m245.87 25.39c-9.38-.7-13 4-13 4v-4h-9.87v52.77h9.91v-29.64a20.28 20.28 0 0 1 1-6.37c2.14-6.48 9.16-8.56 16-6l4.09-8.7a22.74 22.74 0 0 0 -8.13-2.06z"/> <path d="m173.07 7.62h9.92v70.55h-9.92z"/> <path d="m205.26 78.16-21.88-26.43 19.62-26.38h11.21l-19.31 26.38 22.05 26.43z"/> </g> </svg></a> </h2> <nav class="global-footer__nav"> <div class="global-footer__nav-item"> <h3 class="type-body-one">About</h3> <ul class="List" data-js-selector="global-footer-category"> <li> <a data-beam-element-clicked data-type="LINK" data-location="footer" data-name="footer links" data-text="About us" class="global-footer__link type-body-two" href="https://www.bankrate.com/about/"> About us </a> </li> <li> <a data-beam-element-clicked data-type="LINK" data-location="footer" data-name="footer links" data-text="Press room" class="global-footer__link type-body-two" href="https://www.bankrate.com/press-releases/" rel="nofollow"> Press room </a> </li> <li> <a data-beam-element-clicked data-type="LINK" data-location="footer" data-name="footer links" data-text="Careers" class="global-footer__link type-body-two" href="https://www.bankrate.com/careers/"> Careers </a> </li> <li> <a data-beam-element-clicked data-type="LINK" data-location="footer" data-name="footer links" data-text="Advertise with us" class="global-footer__link type-body-two" href="https://www.bankrate.com/media-kit/"> Advertise with us </a> </li> <li> <a data-beam-element-clicked data-type="LINK" data-location="footer" data-name="footer links" data-text="Site map" class="global-footer__link type-body-two" href="https://www.bankrate.com/corporate/site-map/"> Site map </a> </li> </ul> </div> <div class="global-footer__nav-item"> <h3 class="type-body-one">Help</h3> <ul class="List" data-js-selector="global-footer-category"> <li> <a data-beam-element-clicked data-type="LINK" data-location="footer" data-name="footer links" data-text="Contact us" class="global-footer__link type-body-two" href="https://www.bankrate.com/contact/" rel="nofollow"> Contact us </a> </li> <li> <a data-beam-element-clicked data-type="LINK" data-location="footer" data-name="footer links" data-text="Compare rates" class="global-footer__link type-body-two" href="https://www.bankrate.com/compare-rates/"> Compare rates </a> </li> <li> <a data-beam-element-clicked data-type="LINK" data-location="footer" data-name="footer links" data-text="Latest news" class="global-footer__link type-body-two" href="https://www.bankrate.com/news/"> Latest news </a> </li> <li> <a data-beam-element-clicked data-type="LINK" data-location="footer" data-name="footer links" data-text="Popular topics" class="global-footer__link type-body-two" href="https://www.bankrate.com/popular-finance-topics/"> Popular topics </a> </li> </ul> </div> <div class="global-footer__nav-item"> <h3 class="type-body-one">Legal</h3> <ul class="List" data-js-selector="global-footer-category"> <li> <a data-beam-element-clicked data-type="LINK" data-location="footer" data-name="footer links" data-text="Privacy policy" class="global-footer__link type-body-two" href="https://www.bankrate.com/privacy/"> Privacy policy </a> </li> <li> <button data-beam-element-clicked-no-delay data-type="BUTTON" data-location="footer" data-name="footer links" data-text="Cookie settings" class="global-footer__link type-body-two ot-sdk-show-settings" type="button"> Cookie settings </button> </li> <li> <a data-beam-element-clicked-no-delay data-type="LINK" data-location="footer" data-name="footer links" data-text="Do Not Sell or Share My Personal Information" class="global-footer__link type-body-two" href="https://www.bankrate.com/do-not-sell-or-share-my-personal-information/" rel="nofollow"> Do Not Sell or Share My Personal Information </a> </li> <li> <a data-beam-element-clicked-no-delay data-type="LINK" data-location="footer" data-name="footer links" data-text="Consumer Health Information Privacy Policy" class="global-footer__link type-body-two" href="https://www.bankrate.com/consumer-health-information-privacy-policy/" rel="nofollow"> Consumer Health Information Privacy Policy </a> </li> <li> <a data-beam-element-clicked data-type="LINK" data-location="footer" data-name="footer links" data-text="Understanding Bankrate’s averages" class="global-footer__link type-body-two" href="https://www.bankrate.com/understanding-bankrates-rate-averages/" rel="nofollow"> Understanding Bankrate’s averages </a> </li> <li> <a data-beam-element-clicked data-type="LINK" data-location="footer" data-name="footer links" data-text="Terms of use" class="global-footer__link type-body-two" href="https://www.bankrate.com/terms/"> Terms of use </a> </li> <li> <a data-beam-element-clicked data-type="LINK" data-location="footer" data-name="footer links" data-text="GLBA annual notice" class="global-footer__link type-body-two" href="https://www.bankrate.com/glba-notice/"> GLBA annual notice </a> </li> <li> <a data-beam-element-clicked data-type="LINK" data-location="footer" data-name="footer links" data-text="California Consumer Financial Privacy Notice" class="global-footer__link type-body-two" href="https://www.bankrate.com/2022/02/15094901/california-notice.pdf"> California Consumer Financial Privacy Notice </a> </li> <li> <a data-beam-element-clicked data-type="LINK" data-location="footer" data-name="footer links" data-text="Licenses" class="global-footer__link type-body-two" href="https://www.bankrate.com/licenses/" rel="nofollow"> Licenses </a> </li> </ul> </div> <div class="global-footer__nav-item"> <h3 class="type-body-one">How we make money</h3> <p class="global-footer__paragraph type-body-two"> Bankrate.com is an independent, advertising-supported publisher and comparison service. We are compensated in exchange for placement of sponsored products and services, or by you clicking on certain links posted on our site. Therefore, this compensation may impact how, where and in what order products appear within listing categories, except where prohibited by law for our mortgage, home equity and other home lending products. Other factors, such as our own proprietary website rules and whether a product is offered in your area or at your self-selected credit score range, can also impact how and where products appear on this site. While we strive to provide a wide range of offers, Bankrate does not include information about every financial or credit product or service. </p> <p class="global-footer__paragraph type-body-two"> Bankrate, LLC NMLS ID# 1427381 <span>|</span> <a href="http://www.nmlsconsumeraccess.org/EntityDetails.aspx/COMPANY/1427381" rel="noopener" target="_blank">NMLS Consumer Access</a><br> BR Tech Services, Inc. NMLS ID #1743443 <span>|</span> <a href="http://www.nmlsconsumeraccess.org/EntityDetails.aspx/COMPANY/1743443" rel="noopener" target="_blank">NMLS Consumer Access</a> </p> </div> </nav> <div class="global-footer__social-bar-container"> <div class="global-footer__social-bar"> <span> <a data-beam-element-clicked-no-delay data-type="LINK" data-location="Footer" data-position="footer" data-text="facebook" aria-label="Facebook" class="global-footer__icon" href="https://www.facebook.com/Bankrate/" rel="noopener" target="_blank" title="Facebook logo"> <svg class="Icon-glyph" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Facebook Icon</title><path d="M13.447 22.5H9.588a.86.86 0 0 1-.857-.857v-6.857H6.697a.86.86 0 0 1-.858-.857V10.07a.86.86 0 0 1 .857-.857h2.036V7.18a5.64 5.64 0 0 1 1.66-4.018A5.722 5.722 0 0 1 14.412 1.5h2.893a.86.86 0 0 1 .857.857v3.857a.86.86 0 0 1-.857.857H14.41l-.107.108v2.035h3a.86.86 0 0 1 .857.857v3.858a.86.86 0 0 1-.857.857h-3v6.857a.86.86 0 0 1-.857.857Zm-3-1.714h2.142v-6.857a.86.86 0 0 1 .857-.858h3V10.93h-3a.86.86 0 0 1-.857-.858V7.18c0-.483.193-.943.525-1.286a1.9 1.9 0 0 1 1.297-.536h2.036V3.214H14.41c-1.04 0-2.068.418-2.807 1.157a3.938 3.938 0 0 0-1.157 2.808v2.892a.86.86 0 0 1-.858.858H7.554v2.142h2.035a.86.86 0 0 1 .857.858v6.857Z" class="icon-base"/></svg></a> </span> <span> <a data-beam-element-clicked-no-delay data-type="LINK" data-location="Footer" data-position="footer" data-text="twitter" aria-label="Twitter" class="global-footer__icon" href="https://twitter.com/bankrate" rel="noopener" target="_blank" title="Twitter logo"> <svg class="Icon-glyph" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Twitter Icon</title><path d="m14.001 10.394 7.82-8.906h-1.853l-6.794 7.72-5.423-7.72H1.5l8.202 11.686L1.5 22.512h1.853l7.165-8.165 5.731 8.165H22.5l-8.499-12.118Zm-2.544 2.879-.828-1.162L4.02 2.86h2.841l5.337 7.473.827 1.162 6.93 9.71h-2.84l-5.658-7.931Z" class="icon-base"/></svg></a> </span> <span> <a data-beam-element-clicked-no-delay data-type="LINK" data-location="Footer" data-position="footer" data-text="instagram" aria-label="Instagram" class="global-footer__icon" href="https://www.instagram.com/bankrate/?hl=en" rel="noopener" target="_blank" title="Instagram logo"> <svg class="Icon-glyph" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Instagram Icon</title><path fill-rule="evenodd" clip-rule="evenodd" d="M16.518 22.5H7.482c-3.58 0-5.982-2.506-5.982-6.243V7.743C1.5 4.017 3.901 1.5 7.482 1.5h9.036c3.58 0 5.982 2.506 5.982 6.243v8.514c0 3.737-2.401 6.243-5.982 6.243ZM7.482 3.224c-2.595 0-4.267 1.778-4.267 4.53v8.513c0 2.753 1.672 4.53 4.267 4.53h9.036c2.595 0 4.267-1.777 4.267-4.53V7.754c0-2.752-1.672-4.53-4.267-4.53H7.482Zm4.352 13.74a4.614 4.614 0 0 1-4.61-4.605 4.614 4.614 0 0 1 4.61-4.605c2.54 0 4.61 2.067 4.61 4.605a4.614 4.614 0 0 1-4.61 4.605Zm0-7.497A2.894 2.894 0 0 0 8.94 12.36a2.894 2.894 0 0 0 5.788 0 2.894 2.894 0 0 0-2.894-2.892Zm4.224-2.41a1.16 1.16 0 0 0 1.158 1.157c.632 0 1.157-.524 1.157-1.156 0-.632-.525-1.157-1.157-1.157-.633 0-1.158.525-1.158 1.157Z" class="icon-base"/></svg></a> </span> <span> <a data-beam-element-clicked-no-delay data-type="LINK" data-location="Footer" data-position="footer" data-text="linkedin" aria-label="LinkedIn" class="global-footer__icon" href="https://www.linkedin.com/company/bankrate/" rel="noopener" target="_blank" title="LinkedIn logo"> <svg class="Icon-glyph" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>LinkedIn Icon</title><path fill-rule="evenodd" clip-rule="evenodd" d="M7.482 22.48h9.036c3.58 0 5.982-2.506 5.982-6.244V7.723c0-3.738-2.401-6.244-5.982-6.244H7.482C3.902 1.48 1.5 3.996 1.5 7.723v8.513c0 3.738 2.401 6.244 5.982 6.244ZM3.215 7.733c0-2.752 1.672-4.53 4.267-4.53h9.036c2.595 0 4.267 1.778 4.267 4.53v8.514c0 2.752-1.672 4.53-4.267 4.53H7.482c-2.595 0-4.267-1.778-4.267-4.53V7.733Zm3.398 7.775a.86.86 0 0 0 .858.857.86.86 0 0 0 .857-.857V11.47a.86.86 0 0 0-.857-.857.86.86 0 0 0-.858.857v4.037Zm9.927.857a.86.86 0 0 1-.858-.857v-3.652a1.9 1.9 0 0 0-1.897-1.895c-1.05 0-1.887.846-1.887 1.895v3.652a.86.86 0 0 1-.858.857.86.86 0 0 1-.857-.857v-3.652a3.6 3.6 0 0 1 3.602-3.598c1.983 0 3.612 1.617 3.612 3.598v3.652a.86.86 0 0 1-.857.857ZM8.37 8.462a.9.9 0 1 1-1.8-.001.9.9 0 0 1 1.8 0Z" class="icon-base"/></svg></a> </span> <span> <a data-beam-element-clicked-no-delay data-type="LINK" data-location="Footer" data-position="footer" data-text="youtube" aria-label="Youtube" class="global-footer__icon" href="https://www.youtube.com/user/bankrate" rel="noopener" target="_blank" title="YouTube logo"> <svg class="Icon-glyph" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>YouTube Icon</title><path fill-rule="evenodd" clip-rule="evenodd" d="M4.414 20.127c.943.343 4.318.514 7.662.514l-.011.011c3.3 0 6.59-.16 7.458-.493 1.233-.364 2.187-1.371 2.476-2.561.664-1.907.664-9.248.021-11.156a3.626 3.626 0 0 0-2.475-2.636c-1.94-.632-13.342-.6-15.078.032A3.595 3.595 0 0 0 1.992 6.4c-.654 1.94-.654 9.302-.011 11.21.332 1.232 1.297 2.196 2.433 2.518Zm.589-14.65c.75-.278 4.03-.417 7.244-.417v.01c3.044 0 6.023.118 6.773.376.01.01.021.01.032.01.643.193 1.147.73 1.329 1.469.536 1.586.536 8.583-.022 10.19a1.949 1.949 0 0 1-1.371 1.415c-1.48.558-12.463.558-14.05-.021-.62-.172-1.125-.686-1.317-1.383-.536-1.575-.536-8.594.02-10.234.162-.675.665-1.21 1.362-1.414Zm4.823 9.956c.214.118.45.182.686.182v.011c.235 0 .46-.064.675-.182l3.933-2.24a1.364 1.364 0 0 0 0-2.368l-3.933-2.24a1.345 1.345 0 0 0-1.361 0 1.359 1.359 0 0 0-.675 1.179v4.48c0 .492.246.932.675 1.178Zm3.911-3.418-2.872 1.628v-3.257l2.872 1.629Z" class="icon-base"/></svg></a> </span> <span> <a data-beam-element-clicked-no-delay data-type="LINK" data-location="Footer" data-position="footer" data-text="tiktok" aria-label="TikTok" class="global-footer__icon" href="https://www.tiktok.com/@bankrate/" rel="noopener" target="_blank" title="TikTok logo"> <svg class="Icon-glyph" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Tiktok Icon</title><path d="M9.852 22.5a7.106 7.106 0 0 1-7.104-7.104 7.106 7.106 0 0 1 7.104-7.103c.225 0 .45.096.61.257.161.16.247.386.247.61 0 0-.032 2.326-.032 3.269 0 .439-.332.803-.772.857a2.025 2.025 0 0 0-1.821 2.025 2.035 2.035 0 1 0 4.071 0V2.357a.86.86 0 0 1 .857-.857h2.904c.364 0 .696.236.814.59.225.664 1.147 2.85 3.75 3.096.44.043.772.407.772.857v3.471a.849.849 0 0 1-.633.825c-1.35.354-2.7-.01-3.664-.439v5.496A7.106 7.106 0 0 1 9.852 22.5Zm-.868-12.418c-2.561.418-4.522 2.647-4.522 5.314a5.4 5.4 0 0 0 5.39 5.39 5.4 5.4 0 0 0 5.389-5.39V8.454c0-.322.182-.622.471-.761a.857.857 0 0 1 .89.064c.01.01 1.489 1.05 2.946 1.007V6.761c-2.143-.482-3.536-2.025-4.21-3.557H13.87V15.3a3.754 3.754 0 0 1-3.75 3.75 3.754 3.754 0 0 1-3.75-3.75 3.727 3.727 0 0 1 2.603-3.568c0-.525 0-1.157.01-1.66v.01Z" class="icon-base"/></svg></a> </span> </div> </div> <div class="global-footer__copyright-container"> <p class="type-body-three"> © 2024 Bankrate, LLC. A Red Ventures company. All Rights Reserved. </p> </div> </div> <div class="preamp-footer-placement"></div><div class="preamp-footer-placement"></div></footer> <div id="modalStack" class="pos-relative" style="z-index: 999;"></div> <link rel="modulepreload" href="https://www.bankrate.com/v5.1521.3/next/build/assets/alpine-focus-C76grI_8.js" /><script type="module" src="https://www.bankrate.com/v5.1521.3/next/build/assets/alpine-focus-C76grI_8.js"></script><link rel="modulepreload" href="https://www.bankrate.com/v5.1521.3/next/build/assets/alpine-interactive-tooltip-DWgQBERe.js" /><link rel="modulepreload" href="https://www.bankrate.com/v5.1521.3/next/build/assets/v4-BZd5Sria.js" /><link rel="modulepreload" href="https://www.bankrate.com/v5.1521.3/next/build/assets/stringify-CUxI7f_a.js" /><script type="module" src="https://www.bankrate.com/v5.1521.3/next/build/assets/alpine-interactive-tooltip-DWgQBERe.js"></script><link rel="modulepreload" href="https://www.bankrate.com/v5.1521.3/next/build/assets/alpine-D-xUEzKl.js" /><link rel="modulepreload" href="https://www.bankrate.com/v5.1521.3/next/build/assets/module.esm-BVmYX9MG.js" /><script type="module" src="https://www.bankrate.com/v5.1521.3/next/build/assets/alpine-D-xUEzKl.js"></script><link rel="modulepreload" href="https://www.bankrate.com/v5.1521.3/next/build/assets/alpine-collapse-Cwlsivl9.js" /><script type="module" src="https://www.bankrate.com/v5.1521.3/next/build/assets/alpine-collapse-Cwlsivl9.js"></script><link rel="modulepreload" href="https://www.bankrate.com/v5.1521.3/next/build/assets/modal-CmzQ4Z88.js" /><script type="module" src="https://www.bankrate.com/v5.1521.3/next/build/assets/modal-CmzQ4Z88.js"></script><link rel="preload" as="style" href="https://www.bankrate.com/v5.1521.3/next/build/assets/alpine-tooltip-C-gN9zoC.css" /><link rel="modulepreload" href="https://www.bankrate.com/v5.1521.3/next/build/assets/alpine-tooltip-BqQqc9mh.js" /><link rel="stylesheet" href="https://www.bankrate.com/v5.1521.3/next/build/assets/alpine-tooltip-C-gN9zoC.css" /><script type="module" src="https://www.bankrate.com/v5.1521.3/next/build/assets/alpine-tooltip-BqQqc9mh.js"></script><link rel="modulepreload" href="https://www.bankrate.com/v5.1521.3/next/build/assets/insurance-coverage-table-dLTKLnyt.js" /><link rel="modulepreload" href="https://www.bankrate.com/v5.1521.3/next/build/assets/homeownersRouteToFlow-CakD59hS.js" /><link rel="modulepreload" href="https://www.bankrate.com/v5.1521.3/next/build/assets/carRouteToFlow-bkJcAQax.js" /><link rel="modulepreload" href="https://www.bankrate.com/v5.1521.3/next/build/assets/v4-BZd5Sria.js" /><link rel="modulepreload" href="https://www.bankrate.com/v5.1521.3/next/build/assets/click-url-Cl43_CDr.js" /><link rel="modulepreload" href="https://www.bankrate.com/v5.1521.3/next/build/assets/stringify-CUxI7f_a.js" /><script type="module" src="https://www.bankrate.com/v5.1521.3/next/build/assets/insurance-coverage-table-dLTKLnyt.js"></script><link rel="modulepreload" href="https://www.bankrate.com/v5.1521.3/next/build/assets/insurance-coverage-table-dLTKLnyt.js" /><link rel="modulepreload" href="https://www.bankrate.com/v5.1521.3/next/build/assets/homeownersRouteToFlow-CakD59hS.js" /><link rel="modulepreload" href="https://www.bankrate.com/v5.1521.3/next/build/assets/carRouteToFlow-bkJcAQax.js" /><link rel="modulepreload" href="https://www.bankrate.com/v5.1521.3/next/build/assets/v4-BZd5Sria.js" /><link rel="modulepreload" href="https://www.bankrate.com/v5.1521.3/next/build/assets/click-url-Cl43_CDr.js" /><link rel="modulepreload" href="https://www.bankrate.com/v5.1521.3/next/build/assets/stringify-CUxI7f_a.js" /><script type="module" src="https://www.bankrate.com/v5.1521.3/next/build/assets/insurance-coverage-table-dLTKLnyt.js"></script><script async> function callMonarch(appId, ruleSetId, containerClass) { cohesion('monarch:ready', async () => { function getMonarchRuleSet(ruleSetCustomId) { return new Promise((res, rej) => { monarch( 'ruleset', ruleSetCustomId, {}, { sourceId: appId, makeIdentifier: `${window._Tagular.webContext.anonymousId}`, }, (err, result) => { if (err) { console.error('Monarch Error', err); res([]); } else { // loop through the keys of the result object for (const key in result) { result[key].ruleName = key; result[key].ruleSetId = ruleSetCustomId; } res(Object.values(result)); } } ); }); } const assets = await getMonarchRuleSet(ruleSetId); /** * Helper that transforms Monarch assets into a dictionary * to be used by the Wealth Rate Table application. */ const formatDictionary = (assets) => { return assets.reduce((acc, curr) => { // handles wealth assets if (curr.metadata) { const parsedMetadata = JSON.parse(curr.metadata); acc[parsedMetadata._featureName] = parsedMetadata; } // handles JO assets if (curr.assetPlacements?.length) { curr.assetPlacements.forEach((assetPlacement) => { if (assetPlacement.asset.metadata) { const parsedMetadata = JSON.parse(assetPlacement.asset .metadata); acc[parsedMetadata._featureName] = parsedMetadata; } }); } return acc; }, {}); } const formatWealthAssets = (assets) => { // Containing object to deliver processed assets to rate table let assetDictionary = {}; // Handles assets if they are deployed via multiple rules const multipleRules = Object.values(assets); // If multiple rules are detected if (multipleRules.length) { const formattedAssets = formatDictionary(multipleRules); assetDictionary = { ...assetDictionary, ...formattedAssets }; } // If single rule with one or many assets if (assets.length) { const formattedAssets = formatDictionary(assets); assetDictionary = { ...assetDictionary, ...formattedAssets }; } return assetDictionary; }; if (assets.length === 0) { return; } // Checks if we're on a page that contains the Wealth Rate Table if (typeof window.setMonarchAssets === 'function') { // Invokes method that will trigger a Wealth Rate Table state update window.setMonarchAssets(formatWealthAssets(assets)); } if (!window.jo) { // Initialize jo object on the window window.jo = {}; // Store Monarch assets within jo object window.jo.monarchAssets = []; // Create a method to push Monarch assets to monarchAssets array window.jo.storeMonarchMetadata = function storeMonarchMetadata(asset) { window.jo.monarchAssets.push(asset); } /** * Retrieve the JSON metadata for a Monarch-served preamp asset on the current page via ID. * * @NOTE "ID" refers to a nonstandard field that may be included in a JSON asset, NOT a preamp asset ID. */ window.jo.getMonarchMetadataById = function getMonarchMetadataById(id) { const matchedAsset = window.jo.monarchAssets.find(asset => { if (!asset.metadata) { return false; } try { const metadataJSON = JSON.parse(asset.metadata); const isAssetMatch = metadataJSON?.__id === id || metadataJSON?.__featureName === id; return isAssetMatch; } catch (error) { console.log(error); } }); if (!matchedAsset) { return {}; }; let metadata; try { metadata = JSON.parse(matchedAsset?.metadata); } catch { metadata = {}; } return metadata; } // Function to retrieve the JSON metadata for a Monarch-served preamp asset by feature name window.jo.getMetadataByFeatureName = function getMetadataByFeatureName(featureName) { const matchedAsset = window.jo.monarchAssets.find(asset => { if (!asset.metadata) { return false; } const metadataJSON = JSON.parse(asset.metadata); return metadataJSON._featureName === featureName; }); if (!matchedAsset) { return {}; } let metadata; try { metadata = JSON.parse(matchedAsset.metadata); } catch { metadata = {}; } return metadata; } } assets.flatMap((a, assetIndex, assets) => { const experienceId = a?.experienceId; const assetPlacements = a?.assetPlacements; const isLast = assetIndex === assets.length - 1; const brDataStoredEvent = new CustomEvent('jo:br-data:stored'); const ruleLoadedEvent = new CustomEvent('monarch:rule:loaded', { detail: { ruleSetId: a.ruleSetId, ruleName: a.ruleName, data: a, }, }); window.dispatchEvent(ruleLoadedEvent); if (containerClass) { if (experienceId) { const targetEl = document.getElementsByClassName(containerClass)[0]; const elements = assetPlacements.flatMap((a) => { window.jo.storeMonarchMetadata(a.asset); return renderPreampResponse(a.asset); }); targetEl.append(...elements); } if (assets && !experienceId) { const targetEl = document.getElementsByClassName(containerClass)[0]; window.jo.storeMonarchMetadata(a); const elements = renderPreampResponse(a); elements.forEach(element => targetEl.append(element)); } } function renderPreampResponse(assetType) { const container = document.createElement('div'); const script = document.createElement('script'); script.innerHTML = assetType.js; container.innerHTML = ` <div> <style>${assetType.css ? assetType.css : ''}</style> <div>${assetType.html ? assetType.html : ''}</div> </div> `; return [container, script]; } if (isLast) { window.dispatchEvent(brDataStoredEvent); } }); }); } </script> <link rel="modulepreload" href="https://www.bankrate.com/v5.1521.3/next/build/assets/classy-NVLrLVRY.js" /><script type="module" src="https://www.bankrate.com/v5.1521.3/next/build/assets/classy-NVLrLVRY.js"></script><link rel="modulepreload" href="https://www.bankrate.com/v5.1521.3/next/build/assets/alpine-focus-C76grI_8.js" /><script type="module" src="https://www.bankrate.com/v5.1521.3/next/build/assets/alpine-focus-C76grI_8.js"></script><link rel="modulepreload" href="https://www.bankrate.com/v5.1521.3/next/build/assets/format-phone-UmA1q49V.js" /><script type="module" src="https://www.bankrate.com/v5.1521.3/next/build/assets/format-phone-UmA1q49V.js"></script><link rel="modulepreload" href="https://www.bankrate.com/v5.1521.3/next/build/assets/format-phone-UmA1q49V.js" /><script type="module" src="https://www.bankrate.com/v5.1521.3/next/build/assets/format-phone-UmA1q49V.js"></script><link rel="modulepreload" href="https://www.bankrate.com/v5.1521.3/next/build/assets/insurance-button-leave-flow-B9IFSfUi.js" /><link rel="modulepreload" href="https://www.bankrate.com/v5.1521.3/next/build/assets/carRouteToFlow-bkJcAQax.js" /><link rel="modulepreload" href="https://www.bankrate.com/v5.1521.3/next/build/assets/carRouteToLeaveBehind-CBoogYvj.js" /><link rel="modulepreload" href="https://www.bankrate.com/v5.1521.3/next/build/assets/homeownersRouteToFlow-CakD59hS.js" /><link rel="modulepreload" href="https://www.bankrate.com/v5.1521.3/next/build/assets/v4-BZd5Sria.js" /><link rel="modulepreload" href="https://www.bankrate.com/v5.1521.3/next/build/assets/click-url-Cl43_CDr.js" /><link rel="modulepreload" href="https://www.bankrate.com/v5.1521.3/next/build/assets/stringify-CUxI7f_a.js" /><script type="module" src="https://www.bankrate.com/v5.1521.3/next/build/assets/insurance-button-leave-flow-B9IFSfUi.js"></script><link rel="modulepreload" href="https://www.bankrate.com/v5.1521.3/next/build/assets/table-of-contents-oiPaJFk7.js" /><script type="module" src="https://www.bankrate.com/v5.1521.3/next/build/assets/table-of-contents-oiPaJFk7.js"></script><script type="module"> addEventListener('DOMContentLoaded', (_) => { initializeTableOfContents('#car-insurance,#home-insurance,#life-insurance,#compare-progressive-with-other-insurers,#is-progressive-a-good-insurance-company,#frequently-asked-questions-about-progressive,#methodology,#policyholders', 64, ); }); </script> <link rel="modulepreload" href="https://www.bankrate.com/v5.1521.3/next/build/assets/highcharts-B3SIu-Uy.js" /><link rel="modulepreload" href="https://www.bankrate.com/v5.1521.3/next/build/assets/highcharts-Dcrt91pT.js" /><link rel="modulepreload" href="https://www.bankrate.com/v5.1521.3/next/build/assets/_commonjsHelpers-BosuxZz1.js" /><script type="module" src="https://www.bankrate.com/v5.1521.3/next/build/assets/highcharts-B3SIu-Uy.js"></script><link rel="modulepreload" href="https://www.bankrate.com/v5.1521.3/next/build/assets/rate-table-car-insurance-ChuxrlLO.js" /><link rel="modulepreload" href="https://www.bankrate.com/v5.1521.3/next/build/assets/module.esm-BuSgcIh_.js" /><link rel="modulepreload" href="https://www.bankrate.com/v5.1521.3/next/build/assets/module.esm-CcNZuFSk.js" /><link rel="modulepreload" href="https://www.bankrate.com/v5.1521.3/next/build/assets/index-BUnAnAOl.js" /><link rel="modulepreload" href="https://www.bankrate.com/v5.1521.3/next/build/assets/geo-u2MIWYEq.js" /><link rel="modulepreload" href="https://www.bankrate.com/v5.1521.3/next/build/assets/carRouteToFlow-bkJcAQax.js" /><link rel="modulepreload" href="https://www.bankrate.com/v5.1521.3/next/build/assets/carRouteToLeaveBehind-CBoogYvj.js" /><link rel="modulepreload" href="https://www.bankrate.com/v5.1521.3/next/build/assets/v4-BZd5Sria.js" /><link rel="modulepreload" href="https://www.bankrate.com/v5.1521.3/next/build/assets/_commonjsHelpers-BosuxZz1.js" /><link rel="modulepreload" href="https://www.bankrate.com/v5.1521.3/next/build/assets/axios-CCb-kr4I.js" /><link rel="modulepreload" href="https://www.bankrate.com/v5.1521.3/next/build/assets/click-url-Cl43_CDr.js" /><link rel="modulepreload" href="https://www.bankrate.com/v5.1521.3/next/build/assets/stringify-CUxI7f_a.js" /><script type="module" src="https://www.bankrate.com/v5.1521.3/next/build/assets/rate-table-car-insurance-ChuxrlLO.js"></script><link rel="modulepreload" href="https://www.bankrate.com/v5.1521.3/next/build/assets/rate-table-homeowners-insurance-Y-Oj_pI9.js" /><link rel="modulepreload" href="https://www.bankrate.com/v5.1521.3/next/build/assets/module.esm-BuSgcIh_.js" /><link rel="modulepreload" href="https://www.bankrate.com/v5.1521.3/next/build/assets/index-BUnAnAOl.js" /><link rel="modulepreload" href="https://www.bankrate.com/v5.1521.3/next/build/assets/geo-u2MIWYEq.js" /><link rel="modulepreload" href="https://www.bankrate.com/v5.1521.3/next/build/assets/homeownersRouteToFlow-CakD59hS.js" /><link rel="modulepreload" href="https://www.bankrate.com/v5.1521.3/next/build/assets/v4-BZd5Sria.js" /><link rel="modulepreload" href="https://www.bankrate.com/v5.1521.3/next/build/assets/_commonjsHelpers-BosuxZz1.js" /><link rel="modulepreload" href="https://www.bankrate.com/v5.1521.3/next/build/assets/axios-CCb-kr4I.js" /><link rel="modulepreload" href="https://www.bankrate.com/v5.1521.3/next/build/assets/click-url-Cl43_CDr.js" /><link rel="modulepreload" href="https://www.bankrate.com/v5.1521.3/next/build/assets/stringify-CUxI7f_a.js" /><script type="module" src="https://www.bankrate.com/v5.1521.3/next/build/assets/rate-table-homeowners-insurance-Y-Oj_pI9.js"></script><link rel="modulepreload" href="https://www.bankrate.com/v5.1521.3/next/build/assets/coverageMonarchDecision-D_l6P3St.js" /><link rel="modulepreload" href="https://www.bankrate.com/v5.1521.3/next/build/assets/index-BUnAnAOl.js" /><link rel="modulepreload" href="https://www.bankrate.com/v5.1521.3/next/build/assets/_commonjsHelpers-BosuxZz1.js" /><link rel="modulepreload" href="https://www.bankrate.com/v5.1521.3/next/build/assets/axios-CCb-kr4I.js" /><script type="module" src="https://www.bankrate.com/v5.1521.3/next/build/assets/coverageMonarchDecision-D_l6P3St.js"></script><link rel="modulepreload" href="https://www.bankrate.com/v5.1521.3/next/build/assets/format-phone-UmA1q49V.js" /><script type="module" src="https://www.bankrate.com/v5.1521.3/next/build/assets/format-phone-UmA1q49V.js"></script><script src="https://insurance.mediaalpha.com/js/serve.js"></script> <link rel="modulepreload" href="https://www.bankrate.com/v5.1521.3/next/build/assets/rate-table-life-insurance-tu5JMalN.js" /><link rel="modulepreload" href="https://www.bankrate.com/v5.1521.3/next/build/assets/module.esm-BuSgcIh_.js" /><link rel="modulepreload" href="https://www.bankrate.com/v5.1521.3/next/build/assets/index-BUnAnAOl.js" /><link rel="modulepreload" href="https://www.bankrate.com/v5.1521.3/next/build/assets/geo-u2MIWYEq.js" /><link rel="modulepreload" href="https://www.bankrate.com/v5.1521.3/next/build/assets/isMobile-DeLAVi9W.js" /><link rel="modulepreload" href="https://www.bankrate.com/v5.1521.3/next/build/assets/v4-BZd5Sria.js" /><link rel="modulepreload" href="https://www.bankrate.com/v5.1521.3/next/build/assets/_commonjsHelpers-BosuxZz1.js" /><link rel="modulepreload" href="https://www.bankrate.com/v5.1521.3/next/build/assets/axios-CCb-kr4I.js" /><link rel="modulepreload" href="https://www.bankrate.com/v5.1521.3/next/build/assets/stringify-CUxI7f_a.js" /><script type="module" src="https://www.bankrate.com/v5.1521.3/next/build/assets/rate-table-life-insurance-tu5JMalN.js"></script><script> function loadReviews() { return { currentReviews: [], lastPage: 1, page: 1, perPage: 25, productType: 'insurance_slicemr', scoreCategories: {"overall":"Overall rating","cost":"Original cost","coverage":"Coverage","support":"Customer Support"}, keyQuestions: {"auto_insurance":"Has auto insurance with carrier?","home_insurance":"Has home insurance with carrier?"}, keyMultipleReviews: {"carrier_choice":"What made you choose this insurer over others for your auto and\/or home insurance?","carrier_compare":"How does this insurer compare to insurance companies you\u2019ve had in the past?","carrier_reason":"Name the number one reason that you\u2019d recommend staying with this insurer and the number one reason that you\u2019d consider leaving for a different company."}, searchTerm: '', sortBy: 'most-recent', hasMultipleReviews: '1', userInteracted: false, get filteredReviews() { const currentProductId = encodeURIComponent(new URL(window.location).pathname); let url = `/api/v2/consumer-reviews/?product_id=${currentProductId}&product_type=${this.productType}&order_by=${this.sortBy}&per_page=${this.perPage}&page=${this.page}&only=reviews`; // Add search term to the URL if it exists if (this.searchTerm) { url = `${url}&search=${this.searchTerm}`; } // Fetch the reviews from the API return (async () => { const { data, meta } = await (await fetch(url)).json(); // Append the new reviews to the current reviews or replace them if (this.page > 1) { this.currentReviews = [...this.currentReviews, ...data]; } else { this.currentReviews = data; } // Keep a record of the last available pagination page this.lastPage = meta.last_page; if (this.hasMultipleReviews) { this.currentReviews.forEach((review) => { review.answeredReviews = Object.keys(review.multiple_reviews).filter((question) => review.multiple_reviews[question] !== '' && review.multiple_reviews[question] !== null); }); } return this.currentReviews; })(); }, calculateRatingMask(rating, index) { const pad = 15; let mask; if (rating <= index) { mask = 0; } else if (rating >= index + 1) { mask = 100; } else { mask = pad + (rating - index) * (100 - pad * 2); } return mask; }, convertISODateToFormattedDate(isoDate) { const date = new Date(isoDate); return date.toLocaleDateString(undefined, { year: 'numeric', month: 'long', day: 'numeric', }); } }; }; function getProductType(review) { if (review?.product_type === 'insurance_slicemr') { switch(true){ case review.questions.auto_insurance === '1' && review.questions.home_insurance === '1': return 'Auto + Home'; case review.questions.auto_insurance === '1': return 'Auto'; case review.questions.home_insurance === '1': return 'Home'; default: return ''; } } if (review?.product_type === 'loans') { return review.additional_questions.loan_purpose; } }; </script> <script> const li = document.querySelectorAll('.ContentWithNavigation-tocListItem'); li.forEach( (e) => { e.addEventListener('click', () => { const modalToc = document.querySelector('.TocModal'); if(modalToc.classList.contains('is-open')){ modalToc.classList.remove('is-open'); modalToc.classList.add('is-closed') } }) }); function moveStickyTOC() { const tocWrapper = document.getElementById('sticky-toc-with-logo-wrapper'); const atAGlance = document.getElementById('at-a-glance'); if (window.innerWidth < 999) { // Mobile breakpoint if (tocWrapper && atAGlance) { atAGlance.parentNode.insertBefore(tocWrapper, atAGlance); } } else { // Optionally, move it back to its original position if needed const originalPosition = document.querySelector('#original-toc-position'); if (tocWrapper && originalPosition) { originalPosition.appendChild(tocWrapper); } } } // Initial check moveStickyTOC(); // Check on window resize window.addEventListener('resize', moveStickyTOC); </script> <script> if (window.screen.width >= 1000) { let carrierCards; let tableOfContents; function createObserver() { let observer = new IntersectionObserver(handleIntersect, {threshold: .88}); if (carrierCards) { observer.observe(carrierCards); } } function handleIntersect(entries, observer) { entries.forEach((entry) => { if (entry.isIntersecting) { tableOfContents.classList.add('pinned'); } else { tableOfContents.classList.remove('pinned'); } }); } window.addEventListener('load', (event) => { carrierCards = document.querySelector('.feat-card-group'); tableOfContents = document.querySelector('.toc-container'); createObserver(); }, false); } </script> <link rel="modulepreload" href="https://www.bankrate.com/v5.1521.3/next/build/assets/insurance-jd-power-chart-hmhnV_L3.js" /><link rel="modulepreload" href="https://www.bankrate.com/v5.1521.3/next/build/assets/_commonjsHelpers-BosuxZz1.js" /><script type="module" src="https://www.bankrate.com/v5.1521.3/next/build/assets/insurance-jd-power-chart-hmhnV_L3.js"></script><link rel="modulepreload" href="https://www.bankrate.com/v5.1521.3/next/build/assets/insurance-naic-chart-DNq3ckrW.js" /><script type="module" src="https://www.bankrate.com/v5.1521.3/next/build/assets/insurance-naic-chart-DNq3ckrW.js"></script><link rel="modulepreload" href="https://www.bankrate.com/v5.1521.3/next/build/assets/insurance-naic-chart-DNq3ckrW.js" /><script type="module" src="https://www.bankrate.com/v5.1521.3/next/build/assets/insurance-naic-chart-DNq3ckrW.js"></script><script type="module"> Highcharts.chart('DonutChart-aca6a69e-0e19-4186-999a-ff6cf5a5998d', { chart: { type: 'pie', }, credits: { enabled: false }, title: { text: '', }, plotOptions: { pie: { shadow: false, size: '320px', borderWidth: 0, innerSize: '53%', dataLabels: { enabled: false, }, }, series: { enableMouseTracking: false, }, }, tooltip: { enabled: false, }, series: [{ data: [ { color: "#007871", y: 50, }, { color: "#e5665e", y: 30, }, { color: "#c79fc5", y: 20, }, { color: "#0137a1", y: 0, }, { color: "#ffdd83", y: 0, }, ], }], }); </script><script async> setTimeout( () => callMonarch('18b02819-56c9-4af5-8780-faf726c1ba86', '6a07f528-a8bd-46d0-964e-ae1d6f1949b7', 'preamp-footer-placement'), +0) </script> <script async> setTimeout( () => callMonarch('18b02819-56c9-4af5-8780-faf726c1ba86', 'b0efcaed-9cbc-44d7-86f3-3d37d27484b1', 'preamp-footer-placement'), +0) </script> <script src="/ext/cdn.cookielaw.org/scripttemplates/otSDKStub.js" type="text/javascript" charset="UTF-8" data-domain-script="09034832-9ea3-4f44-82ce-803550818ae2" defer="defer"></script> <script type="text/javascript"> function OptanonWrapper() { } </script> </body> </html>