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>Capital One Venture Rewards Credit Card Review | Bankrate</title><meta name="description" content="The Capital One Venture Rewards Credit Card is one of the best credit cards on the market if you want one of the easiest to manage travel rewards experiences available, but its new elite card sibling is likely a better value for many cardholders."><meta name="Category" content="credit-cards"><meta name="SubCategories" content="other"><meta name="pageuuid" content="1d20d4d8-14e6-49bf-b00d-0d0241362d32"><meta name="ContentSrc" content="sb:231754645"><meta name="PageType" content="review"><meta name="ContentType" content="article"><link rel="canonical" href="https://www.bankrate.com/credit-cards/reviews/capital-one-venture-rewards-credit-card/"><meta name="robots" content="index, follow"><meta property="og:title" content="Capital One Venture Rewards Credit Card Review | Bankrate"><meta property="og:description" content="The Capital One Venture Rewards Credit Card is one of the best credit cards on the market if you want one of the easiest to manage travel rewards experiences available, but its new elite card sibling is likely a better value for many cardholders."><meta property="og:url" content="https://www.bankrate.com/credit-cards/reviews/capital-one-venture-rewards-credit-card/"><meta property="og:site_name" content="Bankrate"><meta name="twitter:card" content="summary"><meta name="twitter:site" content="@bankrate"><meta name="twitter:title" content="Capital One Venture Rewards Credit Card Review | Bankrate"><meta name="twitter:description" content="The Capital One Venture Rewards Credit Card is one of the best credit cards on the market if you want one of the easiest to manage travel rewards experiences available, but its new elite card sibling is likely a better value for many cardholders."><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":"Does the Capital One Venture Rewards card come with rental car insurance?","acceptedAnswer":{"@type":"Answer","text":"Yes, the Capital One Venture provides MasterRental Insurance* if you pay for your rental vehicle with your card and decline the rental company’s protection plan. You’ll receive secondary coverage that reimburses up to the vehicle’s actual cash value in qualifying cases of physical damage or theft in covered territories (meaning your protection kicks in after any other primary insurance you have that may cover the incident). You can also be reimbursed for valid loss-of-use charges imposed by the rental company and customary towing charges to the nearest repair facility due to damage or theft. Before you rent, remember that this protection only covers domestic rentals of up to 15 days and rentals abroad of up to 31 days."}},{"@type":"Question","name":"What credit score do you need for the Capital One Venture Rewards card?","acceptedAnswer":{"@type":"Answer","text":"You’ll have the best approval odds for the Capital One Venture card if you apply with a good-to-excellent credit score (a FICO score of 670 or higher or a VantageScore of 661 or higher). The higher your credit score, the better your chances. You can check your approval odds ahead of time via Bankrate’s CardMatch tool."}},{"@type":"Question","name":"What airlines can you fly with the Capital One Venture card?","acceptedAnswer":{"@type":"Answer","text":"You can use your Capital One miles to book travel with the following travel partners, or transfer your miles to their loyalty programs directly, with no blackout dates: Aeromexico Accor Live Limitless Air Canada Air France/KLM Avianca Airlines British Airways Cathay Pacific Asia Airways Choice Privileges Emirates Airline Etihad Airways EVA Air Finnair Qantas Frequent Flyer Singapore Airlines TAP Air Portugal Turkish Airlines Virgin Atlantic Airways Wyndham Rewards Unlike several other general travel card reward programs, you’ll get a 1:1 ratio with most partners when transferring your miles. All of the partners listed above have a 1:1 transfer ratio, except for Accor Live Limitless (2:1) and EVA Infinity MileageLands (2:1.5)."}},{"@type":"Question","name":"Does the Capital One Venture Rewards Credit Card come with complimentary lounge access?","acceptedAnswer":{"@type":"Answer","text":"No, the Capital One Venture Rewards Credit Card doesn't offer complimentary airport lounge access. If you’re a frequent traveler and are looking for credit cards with lounge access, you’ll want to upgrade to the Capital One Venture X Rewards Credit Card for comprehensive airport lounge access."}}]}</script><script type="application/ld+json">{"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","name":"Credit Cards","item":{"@type":"Thing","url":"https://www.bankrate.com/credit-cards/","@id":"https://www.bankrate.com/credit-cards/"},"position":1},{"@type":"ListItem","name":"Reviews","item":{"@type":"Thing","url":"https://www.bankrate.com/credit-cards/reviews/","@id":"https://www.bankrate.com/credit-cards/reviews/"},"position":2},{"@type":"ListItem","name":"Capital One Venture Rewards Credit Card","item":{"@type":"Thing","url":"https://www.bankrate.com/credit-cards/reviews/capital-one-venture-rewards-credit-card/","@id":"https://www.bankrate.com/credit-cards/reviews/capital-one-venture-rewards-credit-card/"},"position":3}]}</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":"Capital One Venture Rewards Credit Card","review":{"@type":"Review","name":"Capital One Venture Rewards Credit Card","datePublished":"2024-11-04T00:00:00+00:00","dateModified":"2024-11-13T01:29:31+00:00","author":{"@type":"Person","name":"Garrett Yarbrough"},"reviewRating":{"@type":"Rating","ratingValue":"4.9","bestRating":5,"worstRating":0},"positiveNotes":{"@type":"ItemList","itemListElement":[{"@type":"ListItem","position":1,"name":"The card earns unlimited flat-rate travel miles on all purchases, making it a simple option for a standalone card."},{"@type":"ListItem","position":2,"name":"It’s an ideal card for making purchases overseas since it doesn’t charge foreign transaction fees."},{"@type":"ListItem","position":3,"name":"It offers a solid collection of benefits and has flexible redemption options."}]},"negativeNotes":{"@type":"ItemList","itemListElement":[{"@type":"ListItem","position":1,"name":"Unlike the Capital One Venture X Rewards Credit Card's annual fee, you can’t offset the annual fee with annual travel credits or bonus miles."},{"@type":"ListItem","position":2,"name":"Miles are worth 1 cent or less unless you use select airline transfer programs, which can limit your overall earning potential."},{"@type":"ListItem","position":3,"name":"You can earn more rewards from other cards with more varied bonus categories."}]}}}</script><meta class="swiftype" name="title" data-type="string" content="Capital One Venture Rewards Credit Card Review | Bankrate" /><meta class="swiftype" name="description" data-type="text" content="The Capital One Venture Rewards Credit Card is one of the best credit cards on the market if you want one of the easiest to manage travel rewards experiences available, but its new elite card sibling is likely a better value for many cardholders." /><meta class="swiftype" name="url" data-type="enum" content="https://www.bankrate.com/credit-cards/reviews/capital-one-venture-rewards-credit-card/" /><meta class="swiftype" name="type" data-type="enum" content="review" /><meta class="swiftype" name="category" data-type="string" content="credit-cards" /><meta class="swiftype" name="category" data-type="string" content="other" /><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/app-DYoOUq2O.css" /><link rel="stylesheet" href="https://www.bankrate.com/v5.1521.3/next/build/assets/app-DYoOUq2O.css" /><link rel="stylesheet" href="https://credit-cards-next.bankrate.com/_next/static/css/fe50f529c2a2bcb4.css" data-n-g=""/><link rel="preload" as="style" href="https://www.bankrate.com/v5.1521.3/next/build/assets/credit-card-category-page-e1N-4b9I.css" /><link rel="stylesheet" href="https://www.bankrate.com/v5.1521.3/next/build/assets/credit-card-category-page-e1N-4b9I.css" /><style> /* UpNextCarousel */ .UpNextCarousel { position: relative; overflow: hidden; margin: calc( var(--slides-shadow-offset) * -1 ); width: calc(100% + var(--slides-shadow-offset)); padding: var(--slides-shadow-offset); --slides-shadow-offset: 24px; } .UpNextCarousel::before, .UpNextCarousel::after { z-index: 10; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: var(--slides-shadow-offset); pointer-events: none; transition: width 200ms ease; content: ""; } .UpNextCarousel::before { right: unset; background: linear-gradient(270deg, rgba(0,0,0,0) 0%, rgba(255,255,255,1) 100%); } .UpNextCarousel::after { left: unset; background: linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(255,255,255,1) 100%); } .UpNextCarousel .swiper-container, .UpNextCarousel .swiper-wrapper, .UpNextCarousel .swiper-slide { overflow: visible; } .UpNextCarousel .swiper-slide { display: flex; width: 344px; } .UpNextCarousel .swiper-button-prev, .UpNextCarousel .swiper-button-next { z-index: 99; } .UpNextCarousel .swiper-button-prev[disabled], .UpNextCarousel .swiper-button-next[disabled] { pointer-events: auto; } .UpNextCarousel .swiper-button-prev[disabled]:not(:hover), .UpNextCarousel .swiper-button-next[disabled]:not(:hover) { visibility: hidden; } .UpNextCarousel .swiper-button-prev { left: calc( var(--slides-shadow-offset) + 10px ) !important; } .UpNextCarousel .swiper-button-next { right: calc( var(--slides-shadow-offset) + 10px ) !important; } @media (min-width: 768px) { .UpNextCarousel::after { width: 20%; } .UpNextCarousel:hover::after { width: var(--slides-shadow-offset); } } /* Additional */ .UpNextCarousel-LeadingText { font-size: 16px !important; } .UpNextCarousel .Card-body { width: unset; } @media (min-width: 768px) { .UpNextCarousel-LeadingText { font-size: 18px !important; } } </style> <style> .IconList { counter-reset: icon-list; } .IconList > .IconList-item .IconList-itemIcon::before{ counter-increment: icon-list; } .IconList-item:not(:last-child) { margin-bottom: 2.5rem; } .IconList-itemIcon svg { width: 2rem; }</style> <style> .TooltipFix { display: inline-flex !important; align-items: center; width: 1rem; height: 1em; vertical-align: middle; } .TooltipFix [role="tooltip"] { display: flex; margin-top: -3px; } .TooltipFix .Icon { margin: 0 !important; } </style> <style> .exclusive_offer .Badge { border: 1px solid #e6eeff; font-size: 0.66667rem !important; line-height: 30px !important; padding: 4px 10px 4px 6px !important; } /* ABOVE tablet */ @media (min-width: 999px) { .exclusive_offer .Badge { font-size: 0.88889rem !important; } } .exclusive_offer .Icon { margin-top: -1px; border-radius: 50%; padding: 5px 5px 3px; } </style> <style> .compare-cards { overflow: unset; min-width: 52.188rem } @media (max-width: 800px) { .md\:horizontal-scroll { border: transparent; display: block !important; max-width: -webkit-fit-content; max-width: -moz-fit-content; max-width: fit-content; overflow-x: auto; overflow-y: hidden; padding-bottom: 1em; } } #terms-apply { min-height: 1.063rem; } </style> <style> .bankrate-insight .mb-0-last-child .wysiwyg > :last-child { margin-bottom: 0; } </style> <style> .customers-recommended { background-color: #eaf1ff; } </style> <link rel="preload" as="style" href="https://www.bankrate.com/v5.1521.3/next/build/assets/swiper-bundle-B8m4e1Tp.css" /><link rel="stylesheet" href="https://www.bankrate.com/v5.1521.3/next/build/assets/swiper-bundle-B8m4e1Tp.css" /><link rel="preload" as="style" href="https://www.bankrate.com/v5.1521.3/next/build/assets/swiper-vEOpHmJg.css" /><link rel="stylesheet" href="https://www.bankrate.com/v5.1521.3/next/build/assets/swiper-vEOpHmJg.css" /><style> .Link { --link-color: var(--theme-blue, #0157ff) } .Link--underline { color: inherit; border-bottom: 2px solid var(--link-color); } .Link--underline:hover, .Link--underline:focus { color: var(--link-color); } </style> <style> .TableOfContents-list { gap: 1rem; } .CreditCardReviewPage-carousel { max-width: calc(var(--section-main-wrapper) + 2.5rem); } .CreditCardReviewPage-carousel .UpNextCarousel { position: relative; overflow: hidden; margin: calc(var(--slides-shadow-offset) * -1); width: calc(100% + var(--slides-shadow-offset)); padding: var(--slides-shadow-offset); --slides-shadow-offset: 24px; } .credit-card-review-page-up-next-cards .swiper-container .Card-head { max-width: unset !important; text-align: center !important; margin-bottom: 1rem !important; } .credit-card-review-page-up-next-cards .swiper-container .Card-head>img { padding-left: 0px !important; } .CreditCardReviewPage-carousel .UpNextCarousel button.swiper-button-prev { left: calc(var(--slides-shadow-offset) - 10px) !important; } .CreditCardReviewPage-carousel .UpNextCarousel button.swiper-button-next { right: calc( var(--slides-shadow-offset) - 10px ) !important; } @media screen and (min-width: 37.4375em) { .CreditCardReviewPage-carousel .UpNextCarousel button.swiper-button-prev { left: calc( var(--slides-shadow-offset) - 20px ) !important; } .CreditCardReviewPage-carousel .UpNextCarousel button.swiper-button-next { right: calc( var(--slides-shadow-offset) - 20px ) !important; } } </style> </head> <body class="" > <noscript><iframe src="//www.googletagmanager.com/ns.html?id=GTM-N74D8C" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <a class="visually-hidden" href="#main-content">Skip to Main Content</a> <header class="SiteNav" data-cy="siteNavHeader" role="banner" aria-label="Use tab key to navigate through the options." x-data="siteNav()" x-ref="siteHeader" x-init="init()" x-on:resize.window="windowResized()" data-js-selector="nav" data-swiftype-index="false"> <div class="SiteNav-bar"> <div class="SiteNav-wrapper"> <a class="SiteNav-logo"href="https://www.bankrate.com/" aria-label="Home" tabindex="0" @keydown.tab="keyDownSiteNavLogo()" x-ref="siteNavLogo" data-beam-element-clicked data-type="link" data-location="site-nav" data-name="top-level" data-position="0" data-text="Bankrate" data-outcome="send to homepage" > <svg width="100" height="20" viewBox="0 0 400 80" xmlns="http://www.w3.org/2000/svg" focusable="false"> <title>Bankrate</title> <g fill="#151515"> <path d="m100.16 78.16v-8.16h-.16c-3.75 6.26-10.42 9.5-18 9.5-15.45 0-28-11.63-28-26.88 0-16.87 12.12-28.7 27.65-28.7 7.72 0 14.21 2.86 18.31 8.87h.19v-7.44h9.91v52.81zm.19-26.31c0-10.29-7.44-18.85-18.41-18.85-9.91 0-18 8.49-18 18.87 0 9.92 8.11 18.6 18 18.6a18.58 18.58 0 0 0 18.41-18.62z"/> <path d="m155.19 78.16v-28.78c0-11.16-4.38-16.4-13.16-16.4s-13.92 6.39-13.92 16.31v28.89h-9.92v-52.83h9.25v5.65h.19c3.9-5 9.35-7 15.45-7 12.68 0 22 8 22 22.6v31.58h-9.9z"/> <path d="m300.12 78.16v-8.16h-.18c-3.72 6.29-10.4 9.53-17.93 9.53-15.45 0-28-11.63-28-26.88 0-16.87 12.1-28.7 27.65-28.7 7.72 0 14.21 2.86 18.31 8.87h.18v-7.47h9.85v52.81zm.19-26.31c0-10.29-7.44-18.87-18.4-18.87-9.92 0-18 8.49-18 18.87 0 9.92 8.11 18.6 18 18.6a18.57 18.57 0 0 0 18.4-18.6z"/> <path d="m325.11 78.16v-43.75h-7.11v-9.06h7.15v-17.73h9.85v17.73h8.68v9.06h-8.68v43.75z"/> <path d="m356 56.05c2.29 8.76 9.25 14.4 17.36 14.4a17 17 0 0 0 15.06-8.87h9.91a27.08 27.08 0 0 1 -25.41 17.92c-14.87 0-26.92-13.16-26.92-27.27 0-16.68 12.58-28.32 26.6-28.32a26.9 26.9 0 0 1 27.4 27.17 29.4 29.4 0 0 1 -.29 5h-43.71zm34.13-7.62c-.75-9-8.67-15.45-17.16-15.45-8.11 0-16.21 6.39-17 15.45z"/> <path d="m42 39.88a22.68 22.68 0 0 0 -4.89-3.79 18.39 18.39 0 0 0 1.73-2 21 21 0 0 0 4-14 21.57 21.57 0 0 0 -6.2-13.85 22 22 0 0 0 -15.96-6.24h-20.68v79.5h24.34c9.13 0 14.75-4 17.87-7.39a23.6 23.6 0 0 0 6.18-16.11 22.89 22.89 0 0 0 -6.39-16.12zm-21.32-30.61c8.37 0 12.5 5.75 12.88 11.43a11.49 11.49 0 0 1 -9.71 11.93h-14.58v-23.36zm3.65 61h-15.06v-28.37h13.73c11.89 0 16.1 7.6 16.1 14.11-.01 6.84-4.62 14.22-14.77 14.22z"/> <path d="m245.87 25.39c-9.38-.7-13 4-13 4v-4h-9.87v52.77h9.91v-29.64a20.28 20.28 0 0 1 1-6.37c2.14-6.48 9.16-8.56 16-6l4.09-8.7a22.74 22.74 0 0 0 -8.13-2.06z"/> <path d="m173.07 7.62h9.92v70.55h-9.92z"/> <path d="m205.26 78.16-21.88-26.43 19.62-26.38h11.21l-19.31 26.38 22.05 26.43z"/> </g> </svg></a> <nav class="SiteNavCategories" x-ref="siteNavCategories" data-cy="siteNav" role="navigation" aria-label="main" @keydown.esc="() => {closeNav(); $refs.siteNavMenuButton.focus();}"> <ul class="SiteNavCategories-list" :aria-label="isMobile ? 'Use the up and down arrows to navigate through the top-level links. Alternatively, you can press the escape key to close the menu.' : 'Use the right and left arrows to navigate through the top-level links and the up and down arrows to navigate through the submenu tabs. Alternatively, you can press the end key to jump to the search toggle, and the escape key to close the menu.'"> <li x-cloak class="SiteNavCategory" id="category-1" @mouseenter="focusCategory($el)" @mouseleave="blurCategory" x-data> <a class="SiteNavCategory-link" href="/banking/" data-js-selector="siteNavCategorylink1" data-preamp="nav-category-item" @focus="focusCategory($el.parentElement)" @click="handleCategoryClick" @keydown.tab.prevent="keydownCategory('tab', 1, 7);" @keydown.right.prevent="keydownCategory('right', 1, 7);" @keydown.left.prevent="keydownCategory('left', 1, 7);" @keydown.down.prevent="keydownCategory('down', 1, 7);" @keydown.up.prevent="keydownCategory('up', 1, 7);" @keydown.home.prevent="keydownCategory('home', 1, 7);" @keydown.end.prevent="keydownCategory('end', 1, 7);" @keydown.space.prevent="keydownCategory('space', 1, 7);" @keydown.enter.prevent="keydownCategory('enter', 1, 7);" :tabindex="isMobile && !isNavOpen ? -1 : 0" data-beam-element-clicked data-type="link" data-location="site-nav" data-name="top-level" data-position="1" data-text="Banking" data-outcome="send to banking hub" > <span class="SiteNavCategory-label"> Banking</span> <svg class="SiteNavCategory-icon SiteNavCategory-arrow" aria-hidden="true" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Caret Right Icon</title><path d="M8.168 21a1.39 1.39 0 0 1-.938-.379c-.51-.51-.51-1.35 0-1.86l6.744-6.75L7.23 5.242c-.51-.51-.51-1.35 0-1.86a1.32 1.32 0 0 1 1.859 0l7.681 7.689c.51.51.51 1.35 0 1.86l-7.681 7.69A1.29 1.29 0 0 1 8.15 21h.017Z" class="icon-base"/></svg></a> <div x-ref="flyout" class="SiteNavCategory-flyout" id="siteNavCategory-flyout-banking" data-beam-element-viewed data-type="drawer" data-location="site-nav" data-name="top-level-hover" data-position="1" data-text="Banking" data-outcome="open default banking container" > <div class="SiteNavCategory-panel" x-ref="siteNavCategoryPanel"> <div class="SiteNavMobile-sticky"> <button class="SiteNavMobile-back" @click="deactivateCategory" x-ref="backToCategoriesButton" @keydown.prevent="keyDownBackToCategoriesButton" aria-label="Back to all categories"> <svg class="Icon Icon--xs" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Caret Left Icon</title><path d="M15.85 21a1.36 1.36 0 0 1-.938-.379L7.23 12.932c-.51-.51-.51-1.35 0-1.86l7.681-7.69a1.32 1.32 0 0 1 1.86 0c.51.511.51 1.35 0 1.861l-6.745 6.75 6.744 6.751c.51.51.51 1.35 0 1.86a1.29 1.29 0 0 1-.937.38l.016.016Z" class="icon-base"/></svg>All </button> </div> <div class="SiteNavSubcategory" x-id="['subcategory']"> <div class="SiteNavSubcategory-tabsContainer"> <div id="banking-tablist" class="SiteNavSubcategory-categoryTitle"> Banking</div> <div class="SiteNavSubcategory-tabs" x-ref="siteNavTablist" @keydown.prevent="keydownSubcategoryTabs" role="tablist" aria-labelledby="banking-tablist"> <button class="SiteNavSubcategory-tab" :class="isActiveSubcategory($el.id) ? 'is-active' : ''" type="button" role="tab" @mouseover="handleSubcategoryMouseOver" @click="handleSubcategoryClick" @mousedown.prevent @focus="activateSubcategory($el.id)" :id="$id('subcategory', whichChild($el, $el.parentElement))" :tabindex="isActiveSubcategory($el.id) ? 0 : -1" :aria-selected="isActiveSubcategory($el.id)" data-subcategory-name="Checking & savings" data-position="1"> Checking & savings<svg class="Icon Icon--xs" aria-hidden="true" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Caret Right Icon</title><path d="M8.168 21a1.39 1.39 0 0 1-.938-.379c-.51-.51-.51-1.35 0-1.86l6.744-6.75L7.23 5.242c-.51-.51-.51-1.35 0-1.86a1.32 1.32 0 0 1 1.859 0l7.681 7.689c.51.51.51 1.35 0 1.86l-7.681 7.69A1.29 1.29 0 0 1 8.15 21h.017Z" class="icon-base"/></svg></button> <button class="SiteNavSubcategory-tab" :class="isActiveSubcategory($el.id) ? 'is-active' : ''" type="button" role="tab" @mouseover="handleSubcategoryMouseOver" @click="handleSubcategoryClick" @mousedown.prevent @focus="activateSubcategory($el.id)" :id="$id('subcategory', whichChild($el, $el.parentElement))" :tabindex="isActiveSubcategory($el.id) ? 0 : -1" :aria-selected="isActiveSubcategory($el.id)" data-subcategory-name="CDs" data-position="2"> CDs<svg class="Icon Icon--xs" aria-hidden="true" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Caret Right Icon</title><path d="M8.168 21a1.39 1.39 0 0 1-.938-.379c-.51-.51-.51-1.35 0-1.86l6.744-6.75L7.23 5.242c-.51-.51-.51-1.35 0-1.86a1.32 1.32 0 0 1 1.859 0l7.681 7.689c.51.51.51 1.35 0 1.86l-7.681 7.69A1.29 1.29 0 0 1 8.15 21h.017Z" class="icon-base"/></svg></button> <button class="SiteNavSubcategory-tab" :class="isActiveSubcategory($el.id) ? 'is-active' : ''" type="button" role="tab" @mouseover="handleSubcategoryMouseOver" @click="handleSubcategoryClick" @mousedown.prevent @focus="activateSubcategory($el.id)" :id="$id('subcategory', whichChild($el, $el.parentElement))" :tabindex="isActiveSubcategory($el.id) ? 0 : -1" :aria-selected="isActiveSubcategory($el.id)" data-subcategory-name="Money market" data-position="3"> Money market<svg class="Icon Icon--xs" aria-hidden="true" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Caret Right Icon</title><path d="M8.168 21a1.39 1.39 0 0 1-.938-.379c-.51-.51-.51-1.35 0-1.86l6.744-6.75L7.23 5.242c-.51-.51-.51-1.35 0-1.86a1.32 1.32 0 0 1 1.859 0l7.681 7.689c.51.51.51 1.35 0 1.86l-7.681 7.69A1.29 1.29 0 0 1 8.15 21h.017Z" class="icon-base"/></svg></button> <button class="SiteNavSubcategory-tab" :class="isActiveSubcategory($el.id) ? 'is-active' : ''" type="button" role="tab" @mouseover="handleSubcategoryMouseOver" @click="handleSubcategoryClick" @mousedown.prevent @focus="activateSubcategory($el.id)" :id="$id('subcategory', whichChild($el, $el.parentElement))" :tabindex="isActiveSubcategory($el.id) ? 0 : -1" :aria-selected="isActiveSubcategory($el.id)" data-subcategory-name="Banks" data-position="4"> Banks<svg class="Icon Icon--xs" aria-hidden="true" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Caret Right Icon</title><path d="M8.168 21a1.39 1.39 0 0 1-.938-.379c-.51-.51-.51-1.35 0-1.86l6.744-6.75L7.23 5.242c-.51-.51-.51-1.35 0-1.86a1.32 1.32 0 0 1 1.859 0l7.681 7.689c.51.51.51 1.35 0 1.86l-7.681 7.69A1.29 1.29 0 0 1 8.15 21h.017Z" class="icon-base"/></svg></button> </div> <div class="SiteNavSubcategory-categoryLinkContainer" @keydown.left.prevent="keydownSubcategoryTabs" @keydown.up.prevent="keydownSubcategoryTabs" @keydown.right.prevent="keydownSubcategoryTabs" @keydown.down.prevent="keydownSubcategoryTabs" @keydown.tab.prevent="keydownSubcategoryTabs"> <a href="/banking/" class="SiteNavSubcategory-categoryLink" x-ref="siteNavCategoryLinkMobile" @keydown.space.prevent="$el.click()" @keydown.enter.prevent="$el.click()" data-beam-element-clicked data-type="LINK" data-location="site-nav" data-name="Banking hub link - mobile nav" data-position="bottom" data-text="Explore all Banking resources" data-outcome="send to link" > Explore all banking resources <svg class="Icon Icon--sm text-blue" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Arrow Right Icon</title><path fill-rule="evenodd" clip-rule="evenodd" d="M12.29 18.69c.2.19.45.29.71.29V19c.25 0 .5-.09.7-.29l6.01-6c.18-.19.29-.44.29-.71 0-.27-.1-.52-.29-.71l-6.01-6a.996.996 0 1 0-1.41 1.41l4.3 4.3H4c-.55 0-1 .45-1 1s.45 1 1 1h12.58l-4.29 4.28a.996.996 0 0 0 0 1.41Z" class="icon-base"/></svg></a> </div> </div> <div class="SiteNavSubcategory-content" :class="{'is-active': showSubcategoryView}" @keydown.up.prevent="keydownSubcategoryLinks($el.querySelector('.is-active'), $event)"> <div class="SiteNavSubcategory-panelsContainer" x-ref="siteNavSubcategoryPanelsContainer"> <div class="SiteNavMobile-sticky"> <button class="SiteNavMobile-back" @click="deactivateSubcategory" x-ref="backToSubcategoriesButton" @keydown.prevent="keyDownBackToSubcategoriesButton" aria-label="Back to Banking category"> <svg class="Icon Icon--xs" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Caret Left Icon</title><path d="M15.85 21a1.36 1.36 0 0 1-.938-.379L7.23 12.932c-.51-.51-.51-1.35 0-1.86l7.681-7.69a1.32 1.32 0 0 1 1.86 0c.51.511.51 1.35 0 1.861l-6.745 6.75 6.744 6.751c.51.51.51 1.35 0 1.86a1.29 1.29 0 0 1-.937.38l.016.016Z" class="icon-base"/></svg> Banking</button> </div> <div class="SiteNavSubcategory-categoryTitle" x-text="activeSubcategoryName"></div> <div class="SiteNavSubcategory-panels" tabindex="-1"> <div class="SiteNavSubcategory-panel" :class="{'is-active' : isActiveSubcategory($id('subcategory', whichChild($el, $el.parentElement)))}" :aria-labelledby="$id('subcategory', whichChild($el, $el.parentElement))" role="tabpanel" @keydown="keydownSubcategoryLinks($el, $event)" tabindex="-1"> <div class="SiteNavSubcategory-firstColumn"> <div class="SiteNavPrimaryLinkList"> <p class="SiteNavPrimaryLinkList-eyebrow">Compare accounts</p> <ul class="SiteNavPrimaryLinkList-list"> <li class="SiteNavPrimaryLinkList-item"> <a href="/banking/savings/rates/" class="SiteNavPrimaryLink" target="" data-beam-element-clicked data-type="anchor link" data-location="site-nav" data-name="Banking anchor link" data-position="1" data-text="Best savings accounts" data-outcome="send to Best savings accounts" > Best savings accounts</a> </li> <li class="SiteNavPrimaryLinkList-item"> <a href="/banking/savings/best-high-yield-interests-savings-accounts/" class="SiteNavPrimaryLink" target="" data-beam-element-clicked data-type="anchor link" data-location="site-nav" data-name="Banking anchor link" data-position="2" data-text="Best high-yield savings accounts" data-outcome="send to Best high-yield savings accounts" > Best high-yield savings accounts</a> </li> <li class="SiteNavPrimaryLinkList-item"> <a href="/banking/checking/best-business-checking-accounts/" class="SiteNavPrimaryLink" target="" data-beam-element-clicked data-type="anchor link" data-location="site-nav" data-name="Banking anchor link" data-position="3" data-text="Best business checking accounts" data-outcome="send to Best business checking accounts" > Best business checking accounts</a> </li> <li class="SiteNavPrimaryLinkList-item"> <a href="/banking/checking/best-checking-accounts/" class="SiteNavPrimaryLink" target="" data-beam-element-clicked data-type="anchor link" data-location="site-nav" data-name="Banking anchor link" data-position="4" data-text="Best checking accounts" data-outcome="send to Best checking accounts" > Best checking accounts</a> </li> </ul> </div> </div> <div class="SiteNavSubcategory-secondColumn"> <div class="SiteNavSecondaryLinkListWrapper"> <p class="SiteNavSecondaryLinkListWrapper-eyebrow" role="heading">Get guidance</p> <div class="SiteNavSecondaryLinkLists"> <ul class="SiteNavSecondaryLinkList"> <li> <a class="SiteNavSecondaryLink" href="/banking/savings/simple-savings-calculator/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Banking nav - Checking & savings subcategory featured link" data-position="1" data-text="Savings calculator" data-outcome="send to link" > Savings calculator</a> </li> <li> <a class="SiteNavSecondaryLink" href="/savings/calculators/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Banking nav - Checking & savings subcategory featured link" data-position="2" data-text="All savings calculators" data-outcome="send to link" > All savings calculators</a> </li> <li> <a class="SiteNavSecondaryLink" href="/banking/savings/average-savings-interest-rates/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Banking nav - Checking & savings subcategory featured link" data-position="3" data-text="Savings rate trends" data-outcome="send to link" > Savings rate trends</a> </li> <li> <a class="SiteNavSecondaryLink" href="/banking/savings/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Banking nav - Checking & savings subcategory featured link" data-position="4" data-text="Savings resources" data-outcome="send to link" > Savings resources</a> </li> </ul> <ul class="SiteNavFeaturedLinkList"> <li> <a class="SiteNavFeaturedLink" href="/banking/savings/how-to-open-a-savings-account/" data-beam-element-clicked data-type="featured link" data-location="site-nav" data-name="Banking nav - Checking & savings subcategory link" data-position="1" data-text="Savings basics" data-outcome="send to link" > <div class="SiteNavFeaturedLink-image"> <img loading="lazy" srcset="https://www.bankrate.com/f/102997/1440x1440/6efbd0a01f/savings-basics.png/m/50x50/filters:quality(90):format(webp), https://www.bankrate.com/f/102997/1440x1440/6efbd0a01f/savings-basics.png/m/100x100/filters:quality(90):format(webp) 2x" src="https://www.bankrate.com/f/102997/1440x1440/6efbd0a01f/savings-basics.png/m/50x50/filters:quality(90):format(webp)" alt=""> </div> <div class="SiteNavFeaturedLink-content"> <span class="SiteNavFeaturedLink-mainText">Savings basics</span> <span class="SiteNavFeaturedLink-supportText">5 min read</span> </div> </a> </li> <li> <a class="SiteNavFeaturedLink" href="/banking/savings/start-saving-from-scratch/" data-beam-element-clicked data-type="featured link" data-location="site-nav" data-name="Banking nav - Checking & savings subcategory link" data-position="2" data-text="How to start saving" data-outcome="send to link" > <div class="SiteNavFeaturedLink-image"> <img loading="lazy" srcset="https://www.bankrate.com/f/102997/1440x1440/4c26764452/how-to-start-saving.png/m/50x50/filters:quality(90):format(webp), https://www.bankrate.com/f/102997/1440x1440/4c26764452/how-to-start-saving.png/m/100x100/filters:quality(90):format(webp) 2x" src="https://www.bankrate.com/f/102997/1440x1440/4c26764452/how-to-start-saving.png/m/50x50/filters:quality(90):format(webp)" alt=""> </div> <div class="SiteNavFeaturedLink-content"> <span class="SiteNavFeaturedLink-mainText">How to start saving</span> <span class="SiteNavFeaturedLink-supportText">4 min read</span> </div> </a> </li> </ul> </div> </div> </div> </div> <div class="SiteNavSubcategory-panel" :class="{'is-active' : isActiveSubcategory($id('subcategory', whichChild($el, $el.parentElement)))}" :aria-labelledby="$id('subcategory', whichChild($el, $el.parentElement))" role="tabpanel" @keydown="keydownSubcategoryLinks($el, $event)" tabindex="-1"> <div class="SiteNavSubcategory-firstColumn"> <div class="SiteNavPrimaryLinkList"> <p class="SiteNavPrimaryLinkList-eyebrow">Compare accounts</p> <ul class="SiteNavPrimaryLinkList-list"> <li class="SiteNavPrimaryLinkList-item"> <a href="/banking/cds/cd-rates/" class="SiteNavPrimaryLink" target="" data-beam-element-clicked data-type="anchor link" data-location="site-nav" data-name="Banking anchor link" data-position="1" data-text="Best CD rates" data-outcome="send to Best CD rates" > Best CD rates</a> </li> <li class="SiteNavPrimaryLinkList-item"> <a href="/banking/cds/best-6-month-cd-rates/" class="SiteNavPrimaryLink" target="" data-beam-element-clicked data-type="anchor link" data-location="site-nav" data-name="Banking anchor link" data-position="2" data-text="Best 6-month CD rates" data-outcome="send to Best 6-month CD rates" > Best 6-month CD rates</a> </li> <li class="SiteNavPrimaryLinkList-item"> <a href="/banking/cds/best-1-year-cd-rates/" class="SiteNavPrimaryLink" target="" data-beam-element-clicked data-type="anchor link" data-location="site-nav" data-name="Banking anchor link" data-position="3" data-text="Best 1-year CD rates" data-outcome="send to Best 1-year CD rates" > Best 1-year CD rates</a> </li> <li class="SiteNavPrimaryLinkList-item"> <a href="/banking/cds/best-5-year-cd-rates/" class="SiteNavPrimaryLink" target="" data-beam-element-clicked data-type="anchor link" data-location="site-nav" data-name="Banking anchor link" data-position="4" data-text="Best 5-year CD rates" data-outcome="send to Best 5-year CD rates" > Best 5-year CD rates</a> </li> </ul> </div> </div> <div class="SiteNavSubcategory-secondColumn"> <div class="SiteNavSecondaryLinkListWrapper"> <p class="SiteNavSecondaryLinkListWrapper-eyebrow" role="heading">Get guidance</p> <div class="SiteNavSecondaryLinkLists"> <ul class="SiteNavSecondaryLinkList"> <li> <a class="SiteNavSecondaryLink" href="/banking/cds/cd-calculator/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Banking nav - CDs subcategory featured link" data-position="1" data-text="CD calculator" data-outcome="send to link" > CD calculator</a> </li> <li> <a class="SiteNavSecondaryLink" href="/banking/cds/cd-ladder-calculator/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Banking nav - CDs subcategory featured link" data-position="2" data-text="CD ladder calculator" data-outcome="send to link" > CD ladder calculator</a> </li> <li> <a class="SiteNavSecondaryLink" href="/banking/cds/todays-cd-rates/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Banking nav - CDs subcategory featured link" data-position="3" data-text="CD rate trends" data-outcome="send to link" > CD rate trends</a> </li> <li> <a class="SiteNavSecondaryLink" href="/banking/cds/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Banking nav - CDs subcategory featured link" data-position="4" data-text="CD resources" data-outcome="send to link" > CD resources</a> </li> </ul> <ul class="SiteNavFeaturedLinkList"> <li> <a class="SiteNavFeaturedLink" href="/banking/cds/what-is-a-cd/" data-beam-element-clicked data-type="featured link" data-location="site-nav" data-name="Banking nav - CDs subcategory link" data-position="1" data-text="CD basics" data-outcome="send to link" > <div class="SiteNavFeaturedLink-image"> <img loading="lazy" srcset="https://www.bankrate.com/f/102997/1440x1440/a7b9c5207a/cd-basics.png/m/50x50/filters:quality(90):format(webp), https://www.bankrate.com/f/102997/1440x1440/a7b9c5207a/cd-basics.png/m/100x100/filters:quality(90):format(webp) 2x" src="https://www.bankrate.com/f/102997/1440x1440/a7b9c5207a/cd-basics.png/m/50x50/filters:quality(90):format(webp)" alt=""> </div> <div class="SiteNavFeaturedLink-content"> <span class="SiteNavFeaturedLink-mainText">CD basics</span> <span class="SiteNavFeaturedLink-supportText">7 min read</span> </div> </a> </li> <li> <a class="SiteNavFeaturedLink" href="/banking/cds/how-to-invest-in-cds/" data-beam-element-clicked data-type="featured link" data-location="site-nav" data-name="Banking nav - CDs subcategory link" data-position="2" data-text="How to invest with CDs" data-outcome="send to link" > <div class="SiteNavFeaturedLink-image"> <img loading="lazy" srcset="https://www.bankrate.com/f/102997/1440x1440/4b0ced533f/how-to-invest-with-cds.png/m/50x50/filters:quality(90):format(webp), https://www.bankrate.com/f/102997/1440x1440/4b0ced533f/how-to-invest-with-cds.png/m/100x100/filters:quality(90):format(webp) 2x" src="https://www.bankrate.com/f/102997/1440x1440/4b0ced533f/how-to-invest-with-cds.png/m/50x50/filters:quality(90):format(webp)" alt=""> </div> <div class="SiteNavFeaturedLink-content"> <span class="SiteNavFeaturedLink-mainText">How to invest with CDs</span> <span class="SiteNavFeaturedLink-supportText">6 min read</span> </div> </a> </li> </ul> </div> </div> </div> </div> <div class="SiteNavSubcategory-panel" :class="{'is-active' : isActiveSubcategory($id('subcategory', whichChild($el, $el.parentElement)))}" :aria-labelledby="$id('subcategory', whichChild($el, $el.parentElement))" role="tabpanel" @keydown="keydownSubcategoryLinks($el, $event)" tabindex="-1"> <div class="SiteNavSubcategory-firstColumn"> <div class="SiteNavTopicOverview"> <p class="SiteNavTopicOverview-heading" role="heading">Money market accounts</p> <p class="SiteNavTopicOverview-copy">Money market accounts are similar to savings accounts, but offer some checking features as well.</p> <a href="/banking/money-market/rates/" class="Button Button--primary"data-beam-element-clicked data-type="button" data-location="site-nav" data-name="Banking nav - Money market subcategory CTA" data-position="1" data-text="View MMA rates" data-outcome="send to link" data-category="Banking"> View MMA rates</a> </div> </div> <div class="SiteNavSubcategory-secondColumn"> <div class="SiteNavSecondaryLinkListWrapper"> <p class="SiteNavSecondaryLinkListWrapper-eyebrow" role="heading">Get guidance</p> <div class="SiteNavSecondaryLinkLists"> <ul class="SiteNavSecondaryLinkList"> <li> <a class="SiteNavSecondaryLink" href="/banking/mma/what-is-a-money-market-account/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Banking nav - Money market subcategory featured link" data-position="1" data-text="Money market basics" data-outcome="send to link" > Money market basics</a> </li> <li> <a class="SiteNavSecondaryLink" href="/banking/money-market-account-vs-savings-account/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Banking nav - Money market subcategory featured link" data-position="2" data-text="Money market vs savings accounts" data-outcome="send to link" > Money market vs savings accounts</a> </li> <li> <a class="SiteNavSecondaryLink" href="/banking/mma/how-does-a-money-market-account-work/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Banking nav - Money market subcategory featured link" data-position="3" data-text="How does an MMA work?" data-outcome="send to link" > How does an MMA work?</a> </li> <li> <a class="SiteNavSecondaryLink" href="/banking/mma/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Banking nav - Money market subcategory featured link" data-position="4" data-text="MMA resources" data-outcome="send to link" > MMA resources</a> </li> </ul> </div> </div> </div> </div> <div class="SiteNavSubcategory-panel" :class="{'is-active' : isActiveSubcategory($id('subcategory', whichChild($el, $el.parentElement)))}" :aria-labelledby="$id('subcategory', whichChild($el, $el.parentElement))" role="tabpanel" @keydown="keydownSubcategoryLinks($el, $event)" tabindex="-1"> <div class="SiteNavSubcategory-firstColumn"> <div class="SiteNavTopicOverview"> <p class="SiteNavTopicOverview-heading" role="heading">Banking</p> <p class="SiteNavTopicOverview-copy">Unlock financial rewards by signing up for a savings or checking account with a bonus offer.</p> <a href="/banking/best-bank-account-bonuses/" class="Button Button--primary"data-beam-element-clicked data-type="button" data-location="site-nav" data-name="Banking nav - Banks subcategory CTA" data-position="1" data-text="Best bank bonuses" data-outcome="send to link" data-category="Banking"> Best bank bonuses</a> </div> </div> <div class="SiteNavSubcategory-secondColumn"> <div class="SiteNavSecondaryLinkListWrapper"> <p class="SiteNavSecondaryLinkListWrapper-eyebrow" role="heading">Get guidance</p> <div class="SiteNavSecondaryLinkLists"> <ul class="SiteNavSecondaryLinkList"> <li> <a class="SiteNavSecondaryLink" href="/awards/2024/best-banks/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Banking nav - Banks subcategory featured link" data-position="1" data-text="Best banks of 2024" data-outcome="send to link" > Best banks of 2024</a> </li> <li> <a class="SiteNavSecondaryLink" href="/banking/best-online-banks/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Banking nav - Banks subcategory featured link" data-position="2" data-text="Best online banks" data-outcome="send to link" > Best online banks</a> </li> <li> <a class="SiteNavSecondaryLink" href="/banking/reviews/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Banking nav - Banks subcategory featured link" data-position="3" data-text="Bank reviews" data-outcome="send to link" > Bank reviews</a> </li> <li> <a class="SiteNavSecondaryLink" href="/banking/federal-reserve/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Banking nav - Banks subcategory featured link" data-position="4" data-text="Federal Reserve news " data-outcome="send to link" > Federal Reserve news </a> </li> </ul> <ul class="SiteNavFeaturedLinkList"> <li> <a class="SiteNavFeaturedLink" href="/banking/reviews/capital-one/" data-beam-element-clicked data-type="featured link" data-location="site-nav" data-name="Banking nav - Banks subcategory link" data-position="1" data-text="Capital One review" data-outcome="send to link" > <div class="SiteNavFeaturedLink-image"> <img loading="lazy" srcset="https://www.bankrate.com/f/102997/1440x1440/d50369eb56/capital-one-review.png/m/50x50/filters:quality(90):format(webp), https://www.bankrate.com/f/102997/1440x1440/d50369eb56/capital-one-review.png/m/100x100/filters:quality(90):format(webp) 2x" src="https://www.bankrate.com/f/102997/1440x1440/d50369eb56/capital-one-review.png/m/50x50/filters:quality(90):format(webp)" alt=""> </div> <div class="SiteNavFeaturedLink-content"> <span class="SiteNavFeaturedLink-mainText">Capital One review</span> <span class="SiteNavFeaturedLink-supportText">Our take on Capital One Bank</span> </div> </a> </li> <li> <a class="SiteNavFeaturedLink" href="/banking/reviews/marcus/" data-beam-element-clicked data-type="featured link" data-location="site-nav" data-name="Banking nav - Banks subcategory link" data-position="2" data-text="Marcus review" data-outcome="send to link" > <div class="SiteNavFeaturedLink-image"> <img loading="lazy" srcset="https://www.bankrate.com/f/102997/1440x1440/d121fa8bad/marcus-review.png/m/50x50/filters:quality(90):format(webp), https://www.bankrate.com/f/102997/1440x1440/d121fa8bad/marcus-review.png/m/100x100/filters:quality(90):format(webp) 2x" src="https://www.bankrate.com/f/102997/1440x1440/d121fa8bad/marcus-review.png/m/50x50/filters:quality(90):format(webp)" alt=""> </div> <div class="SiteNavFeaturedLink-content"> <span class="SiteNavFeaturedLink-mainText">Marcus review</span> <span class="SiteNavFeaturedLink-supportText">Our take on Marcus by Goldman Sachs</span> </div> </a> </li> </ul> </div> </div> </div> </div> </div> </div> <div class="SiteNavSubcategory-categoryLinkContainer"> <a href="/banking/" class="SiteNavSubcategory-categoryLink" @keydown.tab="focusNextSubcategoryTab" @keydown.down="$event.preventDefault()" data-beam-element-clicked data-type="LINK" data-location="site-nav" data-name="Banking hub link - desktop nav" data-position="bottom" data-text="Explore all Banking resources" data-outcome="send to link" > Explore all banking resources <svg class="Icon Icon--sm text-blue" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Arrow Right Icon</title><path fill-rule="evenodd" clip-rule="evenodd" d="M12.29 18.69c.2.19.45.29.71.29V19c.25 0 .5-.09.7-.29l6.01-6c.18-.19.29-.44.29-.71 0-.27-.1-.52-.29-.71l-6.01-6a.996.996 0 1 0-1.41 1.41l4.3 4.3H4c-.55 0-1 .45-1 1s.45 1 1 1h12.58l-4.29 4.28a.996.996 0 0 0 0 1.41Z" class="icon-base"/></svg></a> </div> </div> </div> </div> </div> </li> <li x-cloak class="SiteNavCategory" id="category-2" @mouseenter="focusCategory($el)" @mouseleave="blurCategory" x-data> <a class="SiteNavCategory-link" href="/mortgages/" data-js-selector="siteNavCategorylink2" data-preamp="nav-category-item" @focus="focusCategory($el.parentElement)" @click="handleCategoryClick" @keydown.tab.prevent="keydownCategory('tab', 2, 7);" @keydown.right.prevent="keydownCategory('right', 2, 7);" @keydown.left.prevent="keydownCategory('left', 2, 7);" @keydown.down.prevent="keydownCategory('down', 2, 7);" @keydown.up.prevent="keydownCategory('up', 2, 7);" @keydown.home.prevent="keydownCategory('home', 2, 7);" @keydown.end.prevent="keydownCategory('end', 2, 7);" @keydown.space.prevent="keydownCategory('space', 2, 7);" @keydown.enter.prevent="keydownCategory('enter', 2, 7);" :tabindex="isMobile && !isNavOpen ? -1 : 0" data-beam-element-clicked data-type="link" data-location="site-nav" data-name="top-level" data-position="2" data-text="Mortgages" data-outcome="send to mortgages hub" > <span class="SiteNavCategory-label"> Mortgages</span> <svg class="SiteNavCategory-icon SiteNavCategory-arrow" aria-hidden="true" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Caret Right Icon</title><path d="M8.168 21a1.39 1.39 0 0 1-.938-.379c-.51-.51-.51-1.35 0-1.86l6.744-6.75L7.23 5.242c-.51-.51-.51-1.35 0-1.86a1.32 1.32 0 0 1 1.859 0l7.681 7.689c.51.51.51 1.35 0 1.86l-7.681 7.69A1.29 1.29 0 0 1 8.15 21h.017Z" class="icon-base"/></svg></a> <div x-ref="flyout" class="SiteNavCategory-flyout" id="siteNavCategory-flyout-mortgages" data-beam-element-viewed data-type="drawer" data-location="site-nav" data-name="top-level-hover" data-position="2" data-text="Mortgages" data-outcome="open default mortgages container" > <div class="SiteNavCategory-panel" x-ref="siteNavCategoryPanel"> <div class="SiteNavMobile-sticky"> <button class="SiteNavMobile-back" @click="deactivateCategory" x-ref="backToCategoriesButton" @keydown.prevent="keyDownBackToCategoriesButton" aria-label="Back to all categories"> <svg class="Icon Icon--xs" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Caret Left Icon</title><path d="M15.85 21a1.36 1.36 0 0 1-.938-.379L7.23 12.932c-.51-.51-.51-1.35 0-1.86l7.681-7.69a1.32 1.32 0 0 1 1.86 0c.51.511.51 1.35 0 1.861l-6.745 6.75 6.744 6.751c.51.51.51 1.35 0 1.86a1.29 1.29 0 0 1-.937.38l.016.016Z" class="icon-base"/></svg>All </button> </div> <div class="SiteNavSubcategory" x-id="['subcategory']"> <div class="SiteNavSubcategory-tabsContainer"> <div id="mortgages-tablist" class="SiteNavSubcategory-categoryTitle"> Mortgages</div> <div class="SiteNavSubcategory-tabs" x-ref="siteNavTablist" @keydown.prevent="keydownSubcategoryTabs" role="tablist" aria-labelledby="mortgages-tablist"> <button class="SiteNavSubcategory-tab" :class="isActiveSubcategory($el.id) ? 'is-active' : ''" type="button" role="tab" @mouseover="handleSubcategoryMouseOver" @click="handleSubcategoryClick" @mousedown.prevent @focus="activateSubcategory($el.id)" :id="$id('subcategory', whichChild($el, $el.parentElement))" :tabindex="isActiveSubcategory($el.id) ? 0 : -1" :aria-selected="isActiveSubcategory($el.id)" data-subcategory-name="Purchase" data-position="1"> Purchase<svg class="Icon Icon--xs" aria-hidden="true" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Caret Right Icon</title><path d="M8.168 21a1.39 1.39 0 0 1-.938-.379c-.51-.51-.51-1.35 0-1.86l6.744-6.75L7.23 5.242c-.51-.51-.51-1.35 0-1.86a1.32 1.32 0 0 1 1.859 0l7.681 7.689c.51.51.51 1.35 0 1.86l-7.681 7.69A1.29 1.29 0 0 1 8.15 21h.017Z" class="icon-base"/></svg></button> <button class="SiteNavSubcategory-tab" :class="isActiveSubcategory($el.id) ? 'is-active' : ''" type="button" role="tab" @mouseover="handleSubcategoryMouseOver" @click="handleSubcategoryClick" @mousedown.prevent @focus="activateSubcategory($el.id)" :id="$id('subcategory', whichChild($el, $el.parentElement))" :tabindex="isActiveSubcategory($el.id) ? 0 : -1" :aria-selected="isActiveSubcategory($el.id)" data-subcategory-name="Refinance" data-position="2"> Refinance<svg class="Icon Icon--xs" aria-hidden="true" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Caret Right Icon</title><path d="M8.168 21a1.39 1.39 0 0 1-.938-.379c-.51-.51-.51-1.35 0-1.86l6.744-6.75L7.23 5.242c-.51-.51-.51-1.35 0-1.86a1.32 1.32 0 0 1 1.859 0l7.681 7.689c.51.51.51 1.35 0 1.86l-7.681 7.69A1.29 1.29 0 0 1 8.15 21h.017Z" class="icon-base"/></svg></button> <button class="SiteNavSubcategory-tab" :class="isActiveSubcategory($el.id) ? 'is-active' : ''" type="button" role="tab" @mouseover="handleSubcategoryMouseOver" @click="handleSubcategoryClick" @mousedown.prevent @focus="activateSubcategory($el.id)" :id="$id('subcategory', whichChild($el, $el.parentElement))" :tabindex="isActiveSubcategory($el.id) ? 0 : -1" :aria-selected="isActiveSubcategory($el.id)" data-subcategory-name="Real estate" data-position="3"> Real estate<svg class="Icon Icon--xs" aria-hidden="true" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Caret Right Icon</title><path d="M8.168 21a1.39 1.39 0 0 1-.938-.379c-.51-.51-.51-1.35 0-1.86l6.744-6.75L7.23 5.242c-.51-.51-.51-1.35 0-1.86a1.32 1.32 0 0 1 1.859 0l7.681 7.689c.51.51.51 1.35 0 1.86l-7.681 7.69A1.29 1.29 0 0 1 8.15 21h.017Z" class="icon-base"/></svg></button> </div> <div class="SiteNavSubcategory-categoryLinkContainer" @keydown.left.prevent="keydownSubcategoryTabs" @keydown.up.prevent="keydownSubcategoryTabs" @keydown.right.prevent="keydownSubcategoryTabs" @keydown.down.prevent="keydownSubcategoryTabs" @keydown.tab.prevent="keydownSubcategoryTabs"> <a href="/mortgages/" class="SiteNavSubcategory-categoryLink" x-ref="siteNavCategoryLinkMobile" @keydown.space.prevent="$el.click()" @keydown.enter.prevent="$el.click()" data-beam-element-clicked data-type="LINK" data-location="site-nav" data-name="Mortgages hub link - mobile nav" data-position="bottom" data-text="Explore all Mortgages resources" data-outcome="send to link" > Explore all mortgages resources <svg class="Icon Icon--sm text-blue" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Arrow Right Icon</title><path fill-rule="evenodd" clip-rule="evenodd" d="M12.29 18.69c.2.19.45.29.71.29V19c.25 0 .5-.09.7-.29l6.01-6c.18-.19.29-.44.29-.71 0-.27-.1-.52-.29-.71l-6.01-6a.996.996 0 1 0-1.41 1.41l4.3 4.3H4c-.55 0-1 .45-1 1s.45 1 1 1h12.58l-4.29 4.28a.996.996 0 0 0 0 1.41Z" class="icon-base"/></svg></a> </div> </div> <div class="SiteNavSubcategory-content" :class="{'is-active': showSubcategoryView}" @keydown.up.prevent="keydownSubcategoryLinks($el.querySelector('.is-active'), $event)"> <div class="SiteNavSubcategory-panelsContainer" x-ref="siteNavSubcategoryPanelsContainer"> <div class="SiteNavMobile-sticky"> <button class="SiteNavMobile-back" @click="deactivateSubcategory" x-ref="backToSubcategoriesButton" @keydown.prevent="keyDownBackToSubcategoriesButton" aria-label="Back to Mortgages category"> <svg class="Icon Icon--xs" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Caret Left Icon</title><path d="M15.85 21a1.36 1.36 0 0 1-.938-.379L7.23 12.932c-.51-.51-.51-1.35 0-1.86l7.681-7.69a1.32 1.32 0 0 1 1.86 0c.51.511.51 1.35 0 1.861l-6.745 6.75 6.744 6.751c.51.51.51 1.35 0 1.86a1.29 1.29 0 0 1-.937.38l.016.016Z" class="icon-base"/></svg> Mortgages</button> </div> <div class="SiteNavSubcategory-categoryTitle" x-text="activeSubcategoryName"></div> <div class="SiteNavSubcategory-panels" tabindex="-1"> <div class="SiteNavSubcategory-panel" :class="{'is-active' : isActiveSubcategory($id('subcategory', whichChild($el, $el.parentElement)))}" :aria-labelledby="$id('subcategory', whichChild($el, $el.parentElement))" role="tabpanel" @keydown="keydownSubcategoryLinks($el, $event)" tabindex="-1"> <div class="SiteNavSubcategory-firstColumn"> <div class="SiteNavPrimaryLinkList"> <p class="SiteNavPrimaryLinkList-eyebrow">Compare rates</p> <ul class="SiteNavPrimaryLinkList-list"> <li class="SiteNavPrimaryLinkList-item"> <a href="/mortgages/mortgage-rates/" class="SiteNavPrimaryLink" target="" data-beam-element-clicked data-type="anchor link" data-location="site-nav" data-name="Homes anchor link" data-position="1" data-text="Mortgage rates" data-outcome="send to Mortgage rates" > Mortgage rates</a> </li> <li class="SiteNavPrimaryLinkList-item"> <a href="/mortgages/30-year-mortgage-rates/?disablePre=1" class="SiteNavPrimaryLink" target="" data-beam-element-clicked data-type="anchor link" data-location="site-nav" data-name="Homes anchor link" data-position="2" data-text="30-year mortgage rates" data-outcome="send to 30-year mortgage rates" > 30-year mortgage rates</a> </li> <li class="SiteNavPrimaryLinkList-item"> <a href="/mortgages/15-year-mortgage-rates/?disablePre=1" class="SiteNavPrimaryLink" target="" data-beam-element-clicked data-type="anchor link" data-location="site-nav" data-name="Homes anchor link" data-position="3" data-text="15-year mortgage rates" data-outcome="send to 15-year mortgage rates" > 15-year mortgage rates</a> </li> <li class="SiteNavPrimaryLinkList-item"> <a href="/mortgages/va-loan-rates/" class="SiteNavPrimaryLink" target="" data-beam-element-clicked data-type="anchor link" data-location="site-nav" data-name="Homes anchor link" data-position="4" data-text="VA loan rates" data-outcome="send to VA loan rates" > VA loan rates</a> </li> </ul> </div> </div> <div class="SiteNavSubcategory-secondColumn"> <div class="SiteNavSecondaryLinkListWrapper"> <p class="SiteNavSecondaryLinkListWrapper-eyebrow" role="heading">Get guidance</p> <div class="SiteNavSecondaryLinkLists"> <ul class="SiteNavSecondaryLinkList"> <li> <a class="SiteNavSecondaryLink" href="/mortgages/mortgage-calculator/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Mortgages nav - Purchase subcategory featured link" data-position="1" data-text="Mortgage calculator" data-outcome="send to link" > Mortgage calculator</a> </li> <li> <a class="SiteNavSecondaryLink" href="/mortgages/amortization-calculator/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Mortgages nav - Purchase subcategory featured link" data-position="2" data-text="Amortization calculator" data-outcome="send to link" > Amortization calculator</a> </li> <li> <a class="SiteNavSecondaryLink" href="/mortgages/todays-rates/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Mortgages nav - Purchase subcategory featured link" data-position="3" data-text="Mortgage rate news" data-outcome="send to link" > Mortgage rate news</a> </li> <li> <a class="SiteNavSecondaryLink" href="/mortgages/best-lenders/best-mortgage-lenders/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Mortgages nav - Purchase subcategory featured link" data-position="4" data-text="Best mortgage lenders" data-outcome="send to link" > Best mortgage lenders</a> </li> <li> <a class="SiteNavSecondaryLink" href="/mortgages/reviews/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Mortgages nav - Purchase subcategory featured link" data-position="5" data-text="Read lender reviews" data-outcome="send to link" > Read lender reviews</a> </li> </ul> <ul class="SiteNavFeaturedLinkList"> <li> <a class="SiteNavFeaturedLink" href="/mortgages/how-to-get-a-mortgage/" data-beam-element-clicked data-type="featured link" data-location="site-nav" data-name="Mortgages nav - Purchase subcategory link" data-position="1" data-text="How to get a mortgage" data-outcome="send to link" > <div class="SiteNavFeaturedLink-image"> <img loading="lazy" srcset="https://www.bankrate.com/f/102997/1440x1440/4037e1299d/how-to-get-a-mortgage.png/m/50x50/filters:quality(90):format(webp), https://www.bankrate.com/f/102997/1440x1440/4037e1299d/how-to-get-a-mortgage.png/m/100x100/filters:quality(90):format(webp) 2x" src="https://www.bankrate.com/f/102997/1440x1440/4037e1299d/how-to-get-a-mortgage.png/m/50x50/filters:quality(90):format(webp)" alt=""> </div> <div class="SiteNavFeaturedLink-content"> <span class="SiteNavFeaturedLink-mainText">How to get a mortgage</span> <span class="SiteNavFeaturedLink-supportText">11 min read</span> </div> </a> </li> <li> <a class="SiteNavFeaturedLink" href="/mortgages/first-time-homebuyer-loans-and-programs/" data-beam-element-clicked data-type="featured link" data-location="site-nav" data-name="Mortgages nav - Purchase subcategory link" data-position="2" data-text="First-time homebuyer programs" data-outcome="send to link" > <div class="SiteNavFeaturedLink-image"> <img loading="lazy" srcset="https://www.bankrate.com/f/102997/1440x1440/8889d553d1/best-mortgage-lenders-nav-imagery.png/m/50x50/filters:quality(90):format(webp), https://www.bankrate.com/f/102997/1440x1440/8889d553d1/best-mortgage-lenders-nav-imagery.png/m/100x100/filters:quality(90):format(webp) 2x" src="https://www.bankrate.com/f/102997/1440x1440/8889d553d1/best-mortgage-lenders-nav-imagery.png/m/50x50/filters:quality(90):format(webp)" alt=""> </div> <div class="SiteNavFeaturedLink-content"> <span class="SiteNavFeaturedLink-mainText">First-time homebuyer programs</span> <span class="SiteNavFeaturedLink-supportText">11 min read</span> </div> </a> </li> </ul> </div> </div> </div> </div> <div class="SiteNavSubcategory-panel" :class="{'is-active' : isActiveSubcategory($id('subcategory', whichChild($el, $el.parentElement)))}" :aria-labelledby="$id('subcategory', whichChild($el, $el.parentElement))" role="tabpanel" @keydown="keydownSubcategoryLinks($el, $event)" tabindex="-1"> <div class="SiteNavSubcategory-firstColumn"> <div class="SiteNavPrimaryLinkList"> <p class="SiteNavPrimaryLinkList-eyebrow">Compare rates</p> <ul class="SiteNavPrimaryLinkList-list"> <li class="SiteNavPrimaryLinkList-item"> <a href="/mortgages/refinance-rates/" class="SiteNavPrimaryLink" target="" > Refinance rates</a> </li> <li class="SiteNavPrimaryLinkList-item"> <a href="/mortgages/cash-out-refinance-rates/" class="SiteNavPrimaryLink" target="" > Cash-out refinance rates</a> </li> <li class="SiteNavPrimaryLinkList-item"> <a href="/mortgages/30-year-refinance-rates/?disablePre=1" class="SiteNavPrimaryLink" target="" > 30-year refinance rates</a> </li> <li class="SiteNavPrimaryLinkList-item"> <a href="/mortgages/15-year-refinance-rates/?disablePre=1" class="SiteNavPrimaryLink" target="" > 15-year refinance rates</a> </li> </ul> </div> </div> <div class="SiteNavSubcategory-secondColumn"> <div class="SiteNavSecondaryLinkListWrapper"> <p class="SiteNavSecondaryLinkListWrapper-eyebrow" role="heading">Get guidance</p> <div class="SiteNavSecondaryLinkLists"> <ul class="SiteNavSecondaryLinkList"> <li> <a class="SiteNavSecondaryLink" href="/mortgages/refinance-calculator/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Mortgages nav - Refinance subcategory featured link" data-position="1" data-text="Mortgage refinance calculator" data-outcome="send to link" > Mortgage refinance calculator</a> </li> <li> <a class="SiteNavSecondaryLink" href="/mortgages/best-lenders/refinance-mortgage-lenders/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Mortgages nav - Refinance subcategory featured link" data-position="2" data-text="Best refinance lenders" data-outcome="send to link" > Best refinance lenders</a> </li> <li> <a class="SiteNavSecondaryLink" href="/mortgages/best-lenders/cash-out-refinance-lenders/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Mortgages nav - Refinance subcategory featured link" data-position="3" data-text="Best cash-out refinance lenders" data-outcome="send to link" > Best cash-out refinance lenders</a> </li> <li> <a class="SiteNavSecondaryLink" href="/mortgages/refinancing/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Mortgages nav - Refinance subcategory featured link" data-position="4" data-text="Mortgage refinance resources" data-outcome="send to link" > Mortgage refinance resources</a> </li> </ul> <ul class="SiteNavFeaturedLinkList"> <li> <a class="SiteNavFeaturedLink" href="/mortgages/how-does-refinancing-a-mortgage-work/" data-beam-element-clicked data-type="featured link" data-location="site-nav" data-name="Mortgages nav - Refinance subcategory link" data-position="1" data-text="How to refinance your mortgage" data-outcome="send to link" > <div class="SiteNavFeaturedLink-image"> <img loading="lazy" srcset="https://www.bankrate.com/f/102997/1442x1440/d475e14a0e/home-equity-lender-reviews-nav-imagery.png/m/50x50/filters:quality(90):format(webp), https://www.bankrate.com/f/102997/1442x1440/d475e14a0e/home-equity-lender-reviews-nav-imagery.png/m/100x100/filters:quality(90):format(webp) 2x" src="https://www.bankrate.com/f/102997/1442x1440/d475e14a0e/home-equity-lender-reviews-nav-imagery.png/m/50x50/filters:quality(90):format(webp)" alt=""> </div> <div class="SiteNavFeaturedLink-content"> <span class="SiteNavFeaturedLink-mainText">How to refinance your mortgage</span> <span class="SiteNavFeaturedLink-supportText">12 min read</span> </div> </a> </li> <li> <a class="SiteNavFeaturedLink" href="/mortgages/cash-out-refinancing/" data-beam-element-clicked data-type="featured link" data-location="site-nav" data-name="Mortgages nav - Refinance subcategory link" data-position="2" data-text="Cash-out refinancing guide" data-outcome="send to link" > <div class="SiteNavFeaturedLink-image"> <img loading="lazy" srcset="https://www.bankrate.com/f/102997/1440x1440/e9e92b7729/home-equity-heloc-guide-nav-imagery.png/m/50x50/filters:quality(90):format(webp), https://www.bankrate.com/f/102997/1440x1440/e9e92b7729/home-equity-heloc-guide-nav-imagery.png/m/100x100/filters:quality(90):format(webp) 2x" src="https://www.bankrate.com/f/102997/1440x1440/e9e92b7729/home-equity-heloc-guide-nav-imagery.png/m/50x50/filters:quality(90):format(webp)" alt=""> </div> <div class="SiteNavFeaturedLink-content"> <span class="SiteNavFeaturedLink-mainText">Cash-out refinancing guide</span> <span class="SiteNavFeaturedLink-supportText">9 min read</span> </div> </a> </li> </ul> </div> </div> </div> </div> <div class="SiteNavSubcategory-panel" :class="{'is-active' : isActiveSubcategory($id('subcategory', whichChild($el, $el.parentElement)))}" :aria-labelledby="$id('subcategory', whichChild($el, $el.parentElement))" role="tabpanel" @keydown="keydownSubcategoryLinks($el, $event)" tabindex="-1"> <div class="SiteNavSubcategory-firstColumn"> <div class="SiteNavTopicOverview"> <p class="SiteNavTopicOverview-heading" role="heading">Buying & selling</p> <p class="SiteNavTopicOverview-copy">Find an expert who knows the market. Compare trusted real estate agents all in one place.</p> <a href="/real-estate/agents/" class="Button Button--primary"data-beam-element-clicked data-type="button" data-location="site-nav" data-name="Mortgages nav - Real estate subcategory CTA" data-position="1" data-text="Find an agent" data-outcome="send to link" data-category="Mortgages"> Find an agent</a> </div> </div> <div class="SiteNavSubcategory-secondColumn"> <div class="SiteNavSecondaryLinkListWrapper"> <p class="SiteNavSecondaryLinkListWrapper-eyebrow" role="heading">Get guidance</p> <div class="SiteNavSecondaryLinkLists"> <ul class="SiteNavSecondaryLinkList"> <li> <a class="SiteNavSecondaryLink" href="/real-estate/new-house-calculator/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Mortgages nav - Real estate subcategory featured link" data-position="1" data-text="Home affordability calculator" data-outcome="send to link" > Home affordability calculator</a> </li> <li> <a class="SiteNavSecondaryLink" href="/real-estate/cost-of-living-calculator/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Mortgages nav - Real estate subcategory featured link" data-position="2" data-text="Cost of living calculator" data-outcome="send to link" > Cost of living calculator</a> </li> <li> <a class="SiteNavSecondaryLink" href="/real-estate/how-much-is-my-house-worth/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Mortgages nav - Real estate subcategory featured link" data-position="3" data-text="How much is my house worth?" data-outcome="send to link" > How much is my house worth?</a> </li> <li> <a class="SiteNavSecondaryLink" href="/real-estate/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Mortgages nav - Real estate subcategory featured link" data-position="4" data-text="Real estate resources" data-outcome="send to link" > Real estate resources</a> </li> </ul> <ul class="SiteNavFeaturedLinkList"> <li> <a class="SiteNavFeaturedLink" href="/real-estate/how-to-buy-a-house/" data-beam-element-clicked data-type="featured link" data-location="site-nav" data-name="Mortgages nav - Real estate subcategory link" data-position="1" data-text="Buying a home" data-outcome="send to link" > <div class="SiteNavFeaturedLink-image"> <img loading="lazy" srcset="https://www.bankrate.com/f/102997/1440x1440/08fb8be334/buying-a-home.png/m/50x50/filters:quality(90):format(webp), https://www.bankrate.com/f/102997/1440x1440/08fb8be334/buying-a-home.png/m/100x100/filters:quality(90):format(webp) 2x" src="https://www.bankrate.com/f/102997/1440x1440/08fb8be334/buying-a-home.png/m/50x50/filters:quality(90):format(webp)" alt=""> </div> <div class="SiteNavFeaturedLink-content"> <span class="SiteNavFeaturedLink-mainText">Buying a home</span> <span class="SiteNavFeaturedLink-supportText">12 min read</span> </div> </a> </li> <li> <a class="SiteNavFeaturedLink" href="/real-estate/how-to-sell-your-house/" data-beam-element-clicked data-type="featured link" data-location="site-nav" data-name="Mortgages nav - Real estate subcategory link" data-position="2" data-text="Selling a home" data-outcome="send to link" > <div class="SiteNavFeaturedLink-image"> <img loading="lazy" srcset="https://www.bankrate.com/f/102997/1440x1440/3b255b330e/selling-a-home-nav-imagery.png/m/50x50/filters:quality(90):format(webp), https://www.bankrate.com/f/102997/1440x1440/3b255b330e/selling-a-home-nav-imagery.png/m/100x100/filters:quality(90):format(webp) 2x" src="https://www.bankrate.com/f/102997/1440x1440/3b255b330e/selling-a-home-nav-imagery.png/m/50x50/filters:quality(90):format(webp)" alt=""> </div> <div class="SiteNavFeaturedLink-content"> <span class="SiteNavFeaturedLink-mainText">Selling a home</span> <span class="SiteNavFeaturedLink-supportText">10 min read</span> </div> </a> </li> </ul> </div> </div> </div> </div> </div> </div> <div class="SiteNavSubcategory-categoryLinkContainer"> <a href="/mortgages/" class="SiteNavSubcategory-categoryLink" @keydown.tab="focusNextSubcategoryTab" @keydown.down="$event.preventDefault()" data-beam-element-clicked data-type="LINK" data-location="site-nav" data-name="Mortgages hub link - desktop nav" data-position="bottom" data-text="Explore all Mortgages resources" data-outcome="send to link" > Explore all mortgages resources <svg class="Icon Icon--sm text-blue" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Arrow Right Icon</title><path fill-rule="evenodd" clip-rule="evenodd" d="M12.29 18.69c.2.19.45.29.71.29V19c.25 0 .5-.09.7-.29l6.01-6c.18-.19.29-.44.29-.71 0-.27-.1-.52-.29-.71l-6.01-6a.996.996 0 1 0-1.41 1.41l4.3 4.3H4c-.55 0-1 .45-1 1s.45 1 1 1h12.58l-4.29 4.28a.996.996 0 0 0 0 1.41Z" class="icon-base"/></svg></a> </div> </div> </div> </div> </div> </li> <li x-cloak class="SiteNavCategory" id="category-3" @mouseenter="focusCategory($el)" @mouseleave="blurCategory" x-data> <a class="SiteNavCategory-link" href="/investing/" data-js-selector="siteNavCategorylink3" data-preamp="nav-category-item" @focus="focusCategory($el.parentElement)" @click="handleCategoryClick" @keydown.tab.prevent="keydownCategory('tab', 3, 7);" @keydown.right.prevent="keydownCategory('right', 3, 7);" @keydown.left.prevent="keydownCategory('left', 3, 7);" @keydown.down.prevent="keydownCategory('down', 3, 7);" @keydown.up.prevent="keydownCategory('up', 3, 7);" @keydown.home.prevent="keydownCategory('home', 3, 7);" @keydown.end.prevent="keydownCategory('end', 3, 7);" @keydown.space.prevent="keydownCategory('space', 3, 7);" @keydown.enter.prevent="keydownCategory('enter', 3, 7);" :tabindex="isMobile && !isNavOpen ? -1 : 0" data-beam-element-clicked data-type="link" data-location="site-nav" data-name="top-level" data-position="3" data-text="Investing" data-outcome="send to investing hub" > <span class="SiteNavCategory-label"> Investing</span> <svg class="SiteNavCategory-icon SiteNavCategory-arrow" aria-hidden="true" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Caret Right Icon</title><path d="M8.168 21a1.39 1.39 0 0 1-.938-.379c-.51-.51-.51-1.35 0-1.86l6.744-6.75L7.23 5.242c-.51-.51-.51-1.35 0-1.86a1.32 1.32 0 0 1 1.859 0l7.681 7.689c.51.51.51 1.35 0 1.86l-7.681 7.69A1.29 1.29 0 0 1 8.15 21h.017Z" class="icon-base"/></svg></a> <div x-ref="flyout" class="SiteNavCategory-flyout" id="siteNavCategory-flyout-investing" data-beam-element-viewed data-type="drawer" data-location="site-nav" data-name="top-level-hover" data-position="3" data-text="Investing" data-outcome="open default investing container" > <div class="SiteNavCategory-panel" x-ref="siteNavCategoryPanel"> <div class="SiteNavMobile-sticky"> <button class="SiteNavMobile-back" @click="deactivateCategory" x-ref="backToCategoriesButton" @keydown.prevent="keyDownBackToCategoriesButton" aria-label="Back to all categories"> <svg class="Icon Icon--xs" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Caret Left Icon</title><path d="M15.85 21a1.36 1.36 0 0 1-.938-.379L7.23 12.932c-.51-.51-.51-1.35 0-1.86l7.681-7.69a1.32 1.32 0 0 1 1.86 0c.51.511.51 1.35 0 1.861l-6.745 6.75 6.744 6.751c.51.51.51 1.35 0 1.86a1.29 1.29 0 0 1-.937.38l.016.016Z" class="icon-base"/></svg>All </button> </div> <div class="SiteNavSubcategory" x-id="['subcategory']"> <div class="SiteNavSubcategory-tabsContainer"> <div id="investing-tablist" class="SiteNavSubcategory-categoryTitle"> Investing</div> <div class="SiteNavSubcategory-tabs" x-ref="siteNavTablist" @keydown.prevent="keydownSubcategoryTabs" role="tablist" aria-labelledby="investing-tablist"> <button class="SiteNavSubcategory-tab" :class="isActiveSubcategory($el.id) ? 'is-active' : ''" type="button" role="tab" @mouseover="handleSubcategoryMouseOver" @click="handleSubcategoryClick" @mousedown.prevent @focus="activateSubcategory($el.id)" :id="$id('subcategory', whichChild($el, $el.parentElement))" :tabindex="isActiveSubcategory($el.id) ? 0 : -1" :aria-selected="isActiveSubcategory($el.id)" data-subcategory-name="Investing" data-position="1"> Investing<svg class="Icon Icon--xs" aria-hidden="true" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Caret Right Icon</title><path d="M8.168 21a1.39 1.39 0 0 1-.938-.379c-.51-.51-.51-1.35 0-1.86l6.744-6.75L7.23 5.242c-.51-.51-.51-1.35 0-1.86a1.32 1.32 0 0 1 1.859 0l7.681 7.689c.51.51.51 1.35 0 1.86l-7.681 7.69A1.29 1.29 0 0 1 8.15 21h.017Z" class="icon-base"/></svg></button> <button class="SiteNavSubcategory-tab" :class="isActiveSubcategory($el.id) ? 'is-active' : ''" type="button" role="tab" @mouseover="handleSubcategoryMouseOver" @click="handleSubcategoryClick" @mousedown.prevent @focus="activateSubcategory($el.id)" :id="$id('subcategory', whichChild($el, $el.parentElement))" :tabindex="isActiveSubcategory($el.id) ? 0 : -1" :aria-selected="isActiveSubcategory($el.id)" data-subcategory-name="Retirement" data-position="2"> Retirement<svg class="Icon Icon--xs" aria-hidden="true" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Caret Right Icon</title><path d="M8.168 21a1.39 1.39 0 0 1-.938-.379c-.51-.51-.51-1.35 0-1.86l6.744-6.75L7.23 5.242c-.51-.51-.51-1.35 0-1.86a1.32 1.32 0 0 1 1.859 0l7.681 7.689c.51.51.51 1.35 0 1.86l-7.681 7.69A1.29 1.29 0 0 1 8.15 21h.017Z" class="icon-base"/></svg></button> <button class="SiteNavSubcategory-tab" :class="isActiveSubcategory($el.id) ? 'is-active' : ''" type="button" role="tab" @mouseover="handleSubcategoryMouseOver" @click="handleSubcategoryClick" @mousedown.prevent @focus="activateSubcategory($el.id)" :id="$id('subcategory', whichChild($el, $el.parentElement))" :tabindex="isActiveSubcategory($el.id) ? 0 : -1" :aria-selected="isActiveSubcategory($el.id)" data-subcategory-name="Financial advising" data-position="3"> Financial advising<svg class="Icon Icon--xs" aria-hidden="true" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Caret Right Icon</title><path d="M8.168 21a1.39 1.39 0 0 1-.938-.379c-.51-.51-.51-1.35 0-1.86l6.744-6.75L7.23 5.242c-.51-.51-.51-1.35 0-1.86a1.32 1.32 0 0 1 1.859 0l7.681 7.689c.51.51.51 1.35 0 1.86l-7.681 7.69A1.29 1.29 0 0 1 8.15 21h.017Z" class="icon-base"/></svg></button> </div> <div class="SiteNavSubcategory-categoryLinkContainer" @keydown.left.prevent="keydownSubcategoryTabs" @keydown.up.prevent="keydownSubcategoryTabs" @keydown.right.prevent="keydownSubcategoryTabs" @keydown.down.prevent="keydownSubcategoryTabs" @keydown.tab.prevent="keydownSubcategoryTabs"> <a href="/investing/" class="SiteNavSubcategory-categoryLink" x-ref="siteNavCategoryLinkMobile" @keydown.space.prevent="$el.click()" @keydown.enter.prevent="$el.click()" data-beam-element-clicked data-type="LINK" data-location="site-nav" data-name="Investing hub link - mobile nav" data-position="bottom" data-text="Explore all Investing resources" data-outcome="send to link" > Explore all investing resources <svg class="Icon Icon--sm text-blue" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Arrow Right Icon</title><path fill-rule="evenodd" clip-rule="evenodd" d="M12.29 18.69c.2.19.45.29.71.29V19c.25 0 .5-.09.7-.29l6.01-6c.18-.19.29-.44.29-.71 0-.27-.1-.52-.29-.71l-6.01-6a.996.996 0 1 0-1.41 1.41l4.3 4.3H4c-.55 0-1 .45-1 1s.45 1 1 1h12.58l-4.29 4.28a.996.996 0 0 0 0 1.41Z" class="icon-base"/></svg></a> </div> </div> <div class="SiteNavSubcategory-content" :class="{'is-active': showSubcategoryView}" @keydown.up.prevent="keydownSubcategoryLinks($el.querySelector('.is-active'), $event)"> <div class="SiteNavSubcategory-panelsContainer" x-ref="siteNavSubcategoryPanelsContainer"> <div class="SiteNavMobile-sticky"> <button class="SiteNavMobile-back" @click="deactivateSubcategory" x-ref="backToSubcategoriesButton" @keydown.prevent="keyDownBackToSubcategoriesButton" aria-label="Back to Investing category"> <svg class="Icon Icon--xs" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Caret Left Icon</title><path d="M15.85 21a1.36 1.36 0 0 1-.938-.379L7.23 12.932c-.51-.51-.51-1.35 0-1.86l7.681-7.69a1.32 1.32 0 0 1 1.86 0c.51.511.51 1.35 0 1.861l-6.745 6.75 6.744 6.751c.51.51.51 1.35 0 1.86a1.29 1.29 0 0 1-.937.38l.016.016Z" class="icon-base"/></svg> Investing</button> </div> <div class="SiteNavSubcategory-categoryTitle" x-text="activeSubcategoryName"></div> <div class="SiteNavSubcategory-panels" tabindex="-1"> <div class="SiteNavSubcategory-panel" :class="{'is-active' : isActiveSubcategory($id('subcategory', whichChild($el, $el.parentElement)))}" :aria-labelledby="$id('subcategory', whichChild($el, $el.parentElement))" role="tabpanel" @keydown="keydownSubcategoryLinks($el, $event)" tabindex="-1"> <div class="SiteNavSubcategory-firstColumn"> <div class="SiteNavPrimaryLinkList"> <p class="SiteNavPrimaryLinkList-eyebrow">Compare investments</p> <ul class="SiteNavPrimaryLinkList-list"> <li class="SiteNavPrimaryLinkList-item"> <a href="/investing/best-investments/" class="SiteNavPrimaryLink" target="" data-beam-element-clicked data-type="anchor link" data-location="site-nav" data-name="Investing anchor link" data-position="1" data-text="Best investments" data-outcome="send to Best investments" > Best investments</a> </li> <li class="SiteNavPrimaryLinkList-item"> <a href="/investing/best-index-funds/" class="SiteNavPrimaryLink" target="" data-beam-element-clicked data-type="anchor link" data-location="site-nav" data-name="Investing anchor link" data-position="2" data-text="Best index funds" data-outcome="send to Best index funds" > Best index funds</a> </li> <li class="SiteNavPrimaryLinkList-item"> <a href="/investing/best-long-term-investments/" class="SiteNavPrimaryLink" target="" data-beam-element-clicked data-type="anchor link" data-location="site-nav" data-name="Investing anchor link" data-position="3" data-text="Best long-term investments" data-outcome="send to Best long-term investments" > Best long-term investments</a> </li> <li class="SiteNavPrimaryLinkList-item"> <a href="/investing/best-short-term-investments/" class="SiteNavPrimaryLink" target="" data-beam-element-clicked data-type="anchor link" data-location="site-nav" data-name="Investing anchor link" data-position="4" data-text="Best short-term investments" data-outcome="send to Best short-term investments" > Best short-term investments</a> </li> </ul> </div> </div> <div class="SiteNavSubcategory-secondColumn"> <div class="SiteNavSecondaryLinkListWrapper"> <p class="SiteNavSecondaryLinkListWrapper-eyebrow" role="heading">Get guidance</p> <div class="SiteNavSecondaryLinkLists"> <ul class="SiteNavSecondaryLinkList"> <li> <a class="SiteNavSecondaryLink" href="/investing/calculators/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Investing nav - Investing subcategory featured link" data-position="1" data-text="All investing calculators" data-outcome="send to link" > All investing calculators</a> </li> <li> <a class="SiteNavSecondaryLink" href="/investing/brokerage-reviews/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Investing nav - Investing subcategory featured link" data-position="2" data-text="Brokerage reviews" data-outcome="send to link" > Brokerage reviews</a> </li> <li> <a class="SiteNavSecondaryLink" href="/investing/roboadvisor-reviews/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Investing nav - Investing subcategory featured link" data-position="3" data-text="Robo-advisor reviews" data-outcome="send to link" > Robo-advisor reviews</a> </li> <li> <a class="SiteNavSecondaryLink" href="/investing/low-risk-investments/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Investing nav - Investing subcategory featured link" data-position="4" data-text="Low risk investments" data-outcome="send to link" > Low risk investments</a> </li> <li> <a class="SiteNavSecondaryLink" href="/taxes/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Investing nav - Investing subcategory featured link" data-position="5" data-text="Tax resources" data-outcome="send to link" > Tax resources</a> </li> </ul> <ul class="SiteNavFeaturedLinkList"> <li> <a class="SiteNavFeaturedLink" href="/investing/passive-income-ideas/" data-beam-element-clicked data-type="featured link" data-location="site-nav" data-name="Investing nav - Investing subcategory link" data-position="1" data-text="Passive income ideas" data-outcome="send to link" > <div class="SiteNavFeaturedLink-image"> <img loading="lazy" srcset="https://www.bankrate.com/f/102997/1440x1440/3cfd293f15/passive-income-ideas-nav-imagery.png/m/50x50/filters:quality(90):format(webp), https://www.bankrate.com/f/102997/1440x1440/3cfd293f15/passive-income-ideas-nav-imagery.png/m/100x100/filters:quality(90):format(webp) 2x" src="https://www.bankrate.com/f/102997/1440x1440/3cfd293f15/passive-income-ideas-nav-imagery.png/m/50x50/filters:quality(90):format(webp)" alt=""> </div> <div class="SiteNavFeaturedLink-content"> <span class="SiteNavFeaturedLink-mainText">Passive income ideas</span> <span class="SiteNavFeaturedLink-supportText">26 min read</span> </div> </a> </li> <li> <a class="SiteNavFeaturedLink" href="/investing/how-to-start-investing/" data-beam-element-clicked data-type="featured link" data-location="site-nav" data-name="Investing nav - Investing subcategory link" data-position="2" data-text="How to start investing" data-outcome="send to link" > <div class="SiteNavFeaturedLink-image"> <img loading="lazy" srcset="https://www.bankrate.com/f/102997/1440x1440/3d6f458d84/how-to-start-investing-nav-imagery.png/m/50x50/filters:quality(90):format(webp), https://www.bankrate.com/f/102997/1440x1440/3d6f458d84/how-to-start-investing-nav-imagery.png/m/100x100/filters:quality(90):format(webp) 2x" src="https://www.bankrate.com/f/102997/1440x1440/3d6f458d84/how-to-start-investing-nav-imagery.png/m/50x50/filters:quality(90):format(webp)" alt=""> </div> <div class="SiteNavFeaturedLink-content"> <span class="SiteNavFeaturedLink-mainText">How to start investing</span> <span class="SiteNavFeaturedLink-supportText">7 min read</span> </div> </a> </li> </ul> </div> </div> </div> </div> <div class="SiteNavSubcategory-panel" :class="{'is-active' : isActiveSubcategory($id('subcategory', whichChild($el, $el.parentElement)))}" :aria-labelledby="$id('subcategory', whichChild($el, $el.parentElement))" role="tabpanel" @keydown="keydownSubcategoryLinks($el, $event)" tabindex="-1"> <div class="SiteNavSubcategory-firstColumn"> <div class="SiteNavPrimaryLinkList"> <p class="SiteNavPrimaryLinkList-eyebrow">Compare plans</p> <ul class="SiteNavPrimaryLinkList-list"> <li class="SiteNavPrimaryLinkList-item"> <a href="/retirement/best-retirement-plans/" class="SiteNavPrimaryLink" target="" data-beam-element-clicked data-type="anchor link" data-location="site-nav" data-name="Investing anchor link" data-position="1" data-text="Best retirement plans" data-outcome="send to Best retirement plans" > Best retirement plans</a> </li> <li class="SiteNavPrimaryLinkList-item"> <a href="/retirement/best-ira-accounts/" class="SiteNavPrimaryLink" target="" data-beam-element-clicked data-type="anchor link" data-location="site-nav" data-name="Investing anchor link" data-position="2" data-text="Best IRA accounts" data-outcome="send to Best IRA accounts" > Best IRA accounts</a> </li> <li class="SiteNavPrimaryLinkList-item"> <a href="/investing/best-roth-ira/" class="SiteNavPrimaryLink" target="" data-beam-element-clicked data-type="anchor link" data-location="site-nav" data-name="Investing anchor link" data-position="3" data-text="Best Roth IRA accounts" data-outcome="send to Best Roth IRA accounts" > Best Roth IRA accounts</a> </li> <li class="SiteNavPrimaryLinkList-item"> <a href="/retirement/best-places-to-rollover-401k/" class="SiteNavPrimaryLink" target="" data-beam-element-clicked data-type="anchor link" data-location="site-nav" data-name="Investing anchor link" data-position="4" data-text="Best 401(k) rollover options" data-outcome="send to Best 401(k) rollover options" > Best 401(k) rollover options</a> </li> </ul> </div> </div> <div class="SiteNavSubcategory-secondColumn"> <div class="SiteNavSecondaryLinkListWrapper"> <p class="SiteNavSecondaryLinkListWrapper-eyebrow" role="heading">Get guidance</p> <div class="SiteNavSecondaryLinkLists"> <ul class="SiteNavSecondaryLinkList"> <li> <a class="SiteNavSecondaryLink" href="/retirement/401-k-calculator/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Investing nav - Retirement subcategory featured link" data-position="1" data-text="401(k) calculator" data-outcome="send to link" > 401(k) calculator</a> </li> <li> <a class="SiteNavSecondaryLink" href="/retirement/retirement-plan-calculator/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Investing nav - Retirement subcategory featured link" data-position="2" data-text="Retirement plan calculator" data-outcome="send to link" > Retirement plan calculator</a> </li> <li> <a class="SiteNavSecondaryLink" href="/retirement/roth-ira-plan-calculator/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Investing nav - Retirement subcategory featured link" data-position="3" data-text="Roth IRA calculator" data-outcome="send to link" > Roth IRA calculator</a> </li> <li> <a class="SiteNavSecondaryLink" href="/retirement/calculators/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Investing nav - Retirement subcategory featured link" data-position="4" data-text="All retirement calculators" data-outcome="send to link" > All retirement calculators</a> </li> <li> <a class="SiteNavSecondaryLink" href="/retirement/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Investing nav - Retirement subcategory featured link" data-position="5" data-text="Retirement resources" data-outcome="send to link" > Retirement resources</a> </li> </ul> <ul class="SiteNavFeaturedLinkList"> <li> <a class="SiteNavFeaturedLink" href="/retirement/best-and-worst-states-for-retirement/" data-beam-element-clicked data-type="featured link" data-location="site-nav" data-name="Investing nav - Retirement subcategory link" data-position="1" data-text="Best & worst states for retirement" data-outcome="send to link" > <div class="SiteNavFeaturedLink-image"> <img loading="lazy" srcset="https://www.bankrate.com/f/102997/1440x1440/59a3f533a8/best-worst-states-for-retirement-nav-imagery.png/m/50x50/filters:quality(90):format(webp), https://www.bankrate.com/f/102997/1440x1440/59a3f533a8/best-worst-states-for-retirement-nav-imagery.png/m/100x100/filters:quality(90):format(webp) 2x" src="https://www.bankrate.com/f/102997/1440x1440/59a3f533a8/best-worst-states-for-retirement-nav-imagery.png/m/50x50/filters:quality(90):format(webp)" alt=""> </div> <div class="SiteNavFeaturedLink-content"> <span class="SiteNavFeaturedLink-mainText">Best & worst states for retirement</span> <span class="SiteNavFeaturedLink-supportText">6 min read</span> </div> </a> </li> <li> <a class="SiteNavFeaturedLink" href="/retirement/how-to-save-for-retirement/" data-beam-element-clicked data-type="featured link" data-location="site-nav" data-name="Investing nav - Retirement subcategory link" data-position="2" data-text="How to save for retirement" data-outcome="send to link" > <div class="SiteNavFeaturedLink-image"> <img loading="lazy" srcset="https://www.bankrate.com/f/102997/1440x1440/a6b1dc15ca/how-to-save-for-retirement-nav-imagery.png/m/50x50/filters:quality(90):format(webp), https://www.bankrate.com/f/102997/1440x1440/a6b1dc15ca/how-to-save-for-retirement-nav-imagery.png/m/100x100/filters:quality(90):format(webp) 2x" src="https://www.bankrate.com/f/102997/1440x1440/a6b1dc15ca/how-to-save-for-retirement-nav-imagery.png/m/50x50/filters:quality(90):format(webp)" alt=""> </div> <div class="SiteNavFeaturedLink-content"> <span class="SiteNavFeaturedLink-mainText">How to save for retirement</span> <span class="SiteNavFeaturedLink-supportText">15 min read</span> </div> </a> </li> </ul> </div> </div> </div> </div> <div class="SiteNavSubcategory-panel" :class="{'is-active' : isActiveSubcategory($id('subcategory', whichChild($el, $el.parentElement)))}" :aria-labelledby="$id('subcategory', whichChild($el, $el.parentElement))" role="tabpanel" @keydown="keydownSubcategoryLinks($el, $event)" tabindex="-1"> <div class="SiteNavSubcategory-firstColumn"> <div class="SiteNavPrimaryLinkList"> <p class="SiteNavPrimaryLinkList-eyebrow">Finding an advisor</p> <ul class="SiteNavPrimaryLinkList-list"> <li class="SiteNavPrimaryLinkList-item"> <a href="/investing/financial-advisors/financial-advisor-matching/" class="SiteNavPrimaryLink" target="" data-beam-element-clicked data-type="anchor link" data-location="site-nav" data-name="Financial advising anchor link" data-position="1" data-text="Find a financial advisor" data-outcome="send to Find a financial advisor" > Find a financial advisor</a> </li> <li class="SiteNavPrimaryLinkList-item"> <a href="/investing/financial-advisors/best-financial-advisors/" class="SiteNavPrimaryLink" target="" data-beam-element-clicked data-type="anchor link" data-location="site-nav" data-name="Financial advising anchor link" data-position="2" data-text="Best financial advisors" data-outcome="send to Best financial advisors" > Best financial advisors</a> </li> <li class="SiteNavPrimaryLinkList-item"> <a href="/investing/financial-advisors/how-to-choose-a-financial-advisor/" class="SiteNavPrimaryLink" target="" data-beam-element-clicked data-type="anchor link" data-location="site-nav" data-name="Financial advising anchor link" data-position="3" data-text="How to choose a financial advisor" data-outcome="send to How to choose a financial advisor" > How to choose a financial advisor</a> </li> <li class="SiteNavPrimaryLinkList-item"> <a href="/investing/financial-advisors/financial-advisor-vs-financial-planner/" class="SiteNavPrimaryLink" target="" data-beam-element-clicked data-type="anchor link" data-location="site-nav" data-name="Financial advising anchor link" data-position="4" data-text="Financial planner vs advisor" data-outcome="send to Financial planner vs advisor" > Financial planner vs advisor</a> </li> </ul> </div> </div> <div class="SiteNavSubcategory-secondColumn"> <div class="SiteNavSecondaryLinkListWrapper"> <p class="SiteNavSecondaryLinkListWrapper-eyebrow" role="heading">Get guidance</p> <div class="SiteNavSecondaryLinkLists"> <ul class="SiteNavSecondaryLinkList"> <li> <a class="SiteNavSecondaryLink" href="/investing/financial-advisors/what-is-financial-planning/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Investing nav - Financial advising subcategory featured link" data-position="1" data-text="What is financial planning?" data-outcome="send to link" > What is financial planning?</a> </li> <li> <a class="SiteNavSecondaryLink" href="/investing/financial-advisors/what-is-a-fiduciary/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Investing nav - Financial advising subcategory featured link" data-position="2" data-text="What is a fiduciary?" data-outcome="send to link" > What is a fiduciary?</a> </li> <li> <a class="SiteNavSecondaryLink" href="/investing/financial-advisors/what-is-a-certified-financial-planner/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Investing nav - Financial advising subcategory featured link" data-position="3" data-text="What is a CFP?" data-outcome="send to link" > What is a CFP?</a> </li> <li> <a class="SiteNavSecondaryLink" href="/investing/financial-advisors/what-is-wealth-management/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Investing nav - Financial advising subcategory featured link" data-position="4" data-text="What is wealth management?" data-outcome="send to link" > What is wealth management?</a> </li> <li> <a class="SiteNavSecondaryLink" href="/investing/financial-advisors/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Investing nav - Financial advising subcategory featured link" data-position="5" data-text="Financial advisor resources" data-outcome="send to link" > Financial advisor resources</a> </li> </ul> <ul class="SiteNavFeaturedLinkList"> <li> <a class="SiteNavFeaturedLink" href="/investing/financial-advisors/when-to-get-a-financial-advisor/" data-beam-element-clicked data-type="featured link" data-location="site-nav" data-name="Investing nav - Financial advising subcategory link" data-position="1" data-text="When to get an advisor" data-outcome="send to link" > <div class="SiteNavFeaturedLink-image"> <img loading="lazy" srcset="https://www.bankrate.com/f/102997/1440x1440/1cdbf65950/what-is-wealth-management-s.png/m/50x50/filters:quality(90):format(webp), https://www.bankrate.com/f/102997/1440x1440/1cdbf65950/what-is-wealth-management-s.png/m/100x100/filters:quality(90):format(webp) 2x" src="https://www.bankrate.com/f/102997/1440x1440/1cdbf65950/what-is-wealth-management-s.png/m/50x50/filters:quality(90):format(webp)" alt=""> </div> <div class="SiteNavFeaturedLink-content"> <span class="SiteNavFeaturedLink-mainText">When to get an advisor</span> <span class="SiteNavFeaturedLink-supportText">4 min read</span> </div> </a> </li> <li> <a class="SiteNavFeaturedLink" href="/investing/financial-advisors/pros-cons-financial-advisor/" data-beam-element-clicked data-type="featured link" data-location="site-nav" data-name="Investing nav - Financial advising subcategory link" data-position="2" data-text="Pros & cons of financial advising" data-outcome="send to link" > <div class="SiteNavFeaturedLink-image"> <img loading="lazy" srcset="https://www.bankrate.com/f/102997/1440x1440/38750a2d5a/what-is-a-certified-financial-planner-s.png/m/50x50/filters:quality(90):format(webp), https://www.bankrate.com/f/102997/1440x1440/38750a2d5a/what-is-a-certified-financial-planner-s.png/m/100x100/filters:quality(90):format(webp) 2x" src="https://www.bankrate.com/f/102997/1440x1440/38750a2d5a/what-is-a-certified-financial-planner-s.png/m/50x50/filters:quality(90):format(webp)" alt=""> </div> <div class="SiteNavFeaturedLink-content"> <span class="SiteNavFeaturedLink-mainText">Pros & cons of financial advising</span> <span class="SiteNavFeaturedLink-supportText">7 min read</span> </div> </a> </li> </ul> </div> </div> </div> </div> </div> </div> <div class="SiteNavSubcategory-categoryLinkContainer"> <a href="/investing/" class="SiteNavSubcategory-categoryLink" @keydown.tab="focusNextSubcategoryTab" @keydown.down="$event.preventDefault()" data-beam-element-clicked data-type="LINK" data-location="site-nav" data-name="Investing hub link - desktop nav" data-position="bottom" data-text="Explore all Investing resources" data-outcome="send to link" > Explore all investing resources <svg class="Icon Icon--sm text-blue" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Arrow Right Icon</title><path fill-rule="evenodd" clip-rule="evenodd" d="M12.29 18.69c.2.19.45.29.71.29V19c.25 0 .5-.09.7-.29l6.01-6c.18-.19.29-.44.29-.71 0-.27-.1-.52-.29-.71l-6.01-6a.996.996 0 1 0-1.41 1.41l4.3 4.3H4c-.55 0-1 .45-1 1s.45 1 1 1h12.58l-4.29 4.28a.996.996 0 0 0 0 1.41Z" class="icon-base"/></svg></a> </div> </div> </div> </div> </div> </li> <li x-cloak class="SiteNavCategory" id="category-4" @mouseenter="focusCategory($el)" @mouseleave="blurCategory" x-data> <a class="SiteNavCategory-link" href="/credit-cards/" data-js-selector="siteNavCategorylink4" data-preamp="nav-category-item" @focus="focusCategory($el.parentElement)" @click="handleCategoryClick" @keydown.tab.prevent="keydownCategory('tab', 4, 7);" @keydown.right.prevent="keydownCategory('right', 4, 7);" @keydown.left.prevent="keydownCategory('left', 4, 7);" @keydown.down.prevent="keydownCategory('down', 4, 7);" @keydown.up.prevent="keydownCategory('up', 4, 7);" @keydown.home.prevent="keydownCategory('home', 4, 7);" @keydown.end.prevent="keydownCategory('end', 4, 7);" @keydown.space.prevent="keydownCategory('space', 4, 7);" @keydown.enter.prevent="keydownCategory('enter', 4, 7);" :tabindex="isMobile && !isNavOpen ? -1 : 0" data-beam-element-clicked data-type="link" data-location="site-nav" data-name="top-level" data-position="4" data-text="Credit cards" data-outcome="send to credit cards hub" > <span class="SiteNavCategory-label"> Credit cards</span> <svg class="SiteNavCategory-icon SiteNavCategory-arrow" aria-hidden="true" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Caret Right Icon</title><path d="M8.168 21a1.39 1.39 0 0 1-.938-.379c-.51-.51-.51-1.35 0-1.86l6.744-6.75L7.23 5.242c-.51-.51-.51-1.35 0-1.86a1.32 1.32 0 0 1 1.859 0l7.681 7.689c.51.51.51 1.35 0 1.86l-7.681 7.69A1.29 1.29 0 0 1 8.15 21h.017Z" class="icon-base"/></svg></a> <div x-ref="flyout" class="SiteNavCategory-flyout" id="siteNavCategory-flyout-credit-cards" data-beam-element-viewed data-type="drawer" data-location="site-nav" data-name="top-level-hover" data-position="4" data-text="Credit cards" data-outcome="open default credit cards container" > <div class="SiteNavCategory-panel" x-ref="siteNavCategoryPanel"> <div class="SiteNavMobile-sticky"> <button class="SiteNavMobile-back" @click="deactivateCategory" x-ref="backToCategoriesButton" @keydown.prevent="keyDownBackToCategoriesButton" aria-label="Back to all categories"> <svg class="Icon Icon--xs" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Caret Left Icon</title><path d="M15.85 21a1.36 1.36 0 0 1-.938-.379L7.23 12.932c-.51-.51-.51-1.35 0-1.86l7.681-7.69a1.32 1.32 0 0 1 1.86 0c.51.511.51 1.35 0 1.861l-6.745 6.75 6.744 6.751c.51.51.51 1.35 0 1.86a1.29 1.29 0 0 1-.937.38l.016.016Z" class="icon-base"/></svg>All </button> </div> <div class="SiteNavSubcategory" x-id="['subcategory']"> <div class="SiteNavSubcategory-tabsContainer"> <div id="credit-cards-tablist" class="SiteNavSubcategory-categoryTitle"> Credit cards</div> <div class="SiteNavSubcategory-tabs" x-ref="siteNavTablist" @keydown.prevent="keydownSubcategoryTabs" role="tablist" aria-labelledby="credit-cards-tablist"> <button class="SiteNavSubcategory-tab" :class="isActiveSubcategory($el.id) ? 'is-active' : ''" type="button" role="tab" @mouseover="handleSubcategoryMouseOver" @click="handleSubcategoryClick" @mousedown.prevent @focus="activateSubcategory($el.id)" :id="$id('subcategory', whichChild($el, $el.parentElement))" :tabindex="isActiveSubcategory($el.id) ? 0 : -1" :aria-selected="isActiveSubcategory($el.id)" data-subcategory-name="Cards by category" data-position="1"> Cards by category<svg class="Icon Icon--xs" aria-hidden="true" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Caret Right Icon</title><path d="M8.168 21a1.39 1.39 0 0 1-.938-.379c-.51-.51-.51-1.35 0-1.86l6.744-6.75L7.23 5.242c-.51-.51-.51-1.35 0-1.86a1.32 1.32 0 0 1 1.859 0l7.681 7.689c.51.51.51 1.35 0 1.86l-7.681 7.69A1.29 1.29 0 0 1 8.15 21h.017Z" class="icon-base"/></svg></button> <button class="SiteNavSubcategory-tab" :class="isActiveSubcategory($el.id) ? 'is-active' : ''" type="button" role="tab" @mouseover="handleSubcategoryMouseOver" @click="handleSubcategoryClick" @mousedown.prevent @focus="activateSubcategory($el.id)" :id="$id('subcategory', whichChild($el, $el.parentElement))" :tabindex="isActiveSubcategory($el.id) ? 0 : -1" :aria-selected="isActiveSubcategory($el.id)" data-subcategory-name="Cards by credit" data-position="2"> Cards by credit<svg class="Icon Icon--xs" aria-hidden="true" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Caret Right Icon</title><path d="M8.168 21a1.39 1.39 0 0 1-.938-.379c-.51-.51-.51-1.35 0-1.86l6.744-6.75L7.23 5.242c-.51-.51-.51-1.35 0-1.86a1.32 1.32 0 0 1 1.859 0l7.681 7.689c.51.51.51 1.35 0 1.86l-7.681 7.69A1.29 1.29 0 0 1 8.15 21h.017Z" class="icon-base"/></svg></button> <button class="SiteNavSubcategory-tab" :class="isActiveSubcategory($el.id) ? 'is-active' : ''" type="button" role="tab" @mouseover="handleSubcategoryMouseOver" @click="handleSubcategoryClick" @mousedown.prevent @focus="activateSubcategory($el.id)" :id="$id('subcategory', whichChild($el, $el.parentElement))" :tabindex="isActiveSubcategory($el.id) ? 0 : -1" :aria-selected="isActiveSubcategory($el.id)" data-subcategory-name="Tools & reviews" data-position="3"> Tools & reviews<svg class="Icon Icon--xs" aria-hidden="true" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Caret Right Icon</title><path d="M8.168 21a1.39 1.39 0 0 1-.938-.379c-.51-.51-.51-1.35 0-1.86l6.744-6.75L7.23 5.242c-.51-.51-.51-1.35 0-1.86a1.32 1.32 0 0 1 1.859 0l7.681 7.689c.51.51.51 1.35 0 1.86l-7.681 7.69A1.29 1.29 0 0 1 8.15 21h.017Z" class="icon-base"/></svg></button> <button class="SiteNavSubcategory-tab" :class="isActiveSubcategory($el.id) ? 'is-active' : ''" type="button" role="tab" @mouseover="handleSubcategoryMouseOver" @click="handleSubcategoryClick" @mousedown.prevent @focus="activateSubcategory($el.id)" :id="$id('subcategory', whichChild($el, $el.parentElement))" :tabindex="isActiveSubcategory($el.id) ? 0 : -1" :aria-selected="isActiveSubcategory($el.id)" data-subcategory-name="Guides & resources" data-position="4"> Guides & resources<svg class="Icon Icon--xs" aria-hidden="true" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Caret Right Icon</title><path d="M8.168 21a1.39 1.39 0 0 1-.938-.379c-.51-.51-.51-1.35 0-1.86l6.744-6.75L7.23 5.242c-.51-.51-.51-1.35 0-1.86a1.32 1.32 0 0 1 1.859 0l7.681 7.689c.51.51.51 1.35 0 1.86l-7.681 7.69A1.29 1.29 0 0 1 8.15 21h.017Z" class="icon-base"/></svg></button> </div> <div class="SiteNavSubcategory-categoryLinkContainer" @keydown.left.prevent="keydownSubcategoryTabs" @keydown.up.prevent="keydownSubcategoryTabs" @keydown.right.prevent="keydownSubcategoryTabs" @keydown.down.prevent="keydownSubcategoryTabs" @keydown.tab.prevent="keydownSubcategoryTabs"> <a href="/credit-cards/" class="SiteNavSubcategory-categoryLink" x-ref="siteNavCategoryLinkMobile" @keydown.space.prevent="$el.click()" @keydown.enter.prevent="$el.click()" data-beam-element-clicked data-type="LINK" data-location="site-nav" data-name="Credit cards hub link - mobile nav" data-position="bottom" data-text="Explore all Credit cards resources" data-outcome="send to link" > Explore all credit cards resources <svg class="Icon Icon--sm text-blue" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Arrow Right Icon</title><path fill-rule="evenodd" clip-rule="evenodd" d="M12.29 18.69c.2.19.45.29.71.29V19c.25 0 .5-.09.7-.29l6.01-6c.18-.19.29-.44.29-.71 0-.27-.1-.52-.29-.71l-6.01-6a.996.996 0 1 0-1.41 1.41l4.3 4.3H4c-.55 0-1 .45-1 1s.45 1 1 1h12.58l-4.29 4.28a.996.996 0 0 0 0 1.41Z" class="icon-base"/></svg></a> </div> </div> <div class="SiteNavSubcategory-content" :class="{'is-active': showSubcategoryView}" @keydown.up.prevent="keydownSubcategoryLinks($el.querySelector('.is-active'), $event)"> <div class="SiteNavSubcategory-panelsContainer" x-ref="siteNavSubcategoryPanelsContainer"> <div class="SiteNavMobile-sticky"> <button class="SiteNavMobile-back" @click="deactivateSubcategory" x-ref="backToSubcategoriesButton" @keydown.prevent="keyDownBackToSubcategoriesButton" aria-label="Back to Credit cards category"> <svg class="Icon Icon--xs" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Caret Left Icon</title><path d="M15.85 21a1.36 1.36 0 0 1-.938-.379L7.23 12.932c-.51-.51-.51-1.35 0-1.86l7.681-7.69a1.32 1.32 0 0 1 1.86 0c.51.511.51 1.35 0 1.861l-6.745 6.75 6.744 6.751c.51.51.51 1.35 0 1.86a1.29 1.29 0 0 1-.937.38l.016.016Z" class="icon-base"/></svg> Credit cards</button> </div> <div class="SiteNavSubcategory-categoryTitle" x-text="activeSubcategoryName"></div> <div class="SiteNavSubcategory-panels" tabindex="-1"> <div class="SiteNavSubcategory-panel" :class="{'is-active' : isActiveSubcategory($id('subcategory', whichChild($el, $el.parentElement)))}" :aria-labelledby="$id('subcategory', whichChild($el, $el.parentElement))" role="tabpanel" @keydown="keydownSubcategoryLinks($el, $event)" tabindex="-1"> <div class="SiteNavSubcategory-firstColumn"> <div class="SiteNavPrimaryLinkList"> <p class="SiteNavPrimaryLinkList-eyebrow">Compare cards</p> <ul class="SiteNavPrimaryLinkList-list SiteNavPrimaryLinkList-list--twoColumns"> <li class="SiteNavPrimaryLinkList-item"> <a href="/credit-cards/best-credit-cards/" class="SiteNavPrimaryLink" target="" data-beam-element-clicked data-type="anchor link" data-location="site-nav" data-name="Credit cards anchor link" data-position="1" data-text="Best cards of 2024" data-outcome="send to Best cards of 2024" > Best cards of 2024</a> </li> <li class="SiteNavPrimaryLinkList-item"> <a href="/credit-cards/cash-back/best-cash-back-cards/" class="SiteNavPrimaryLink" target="" data-beam-element-clicked data-type="anchor link" data-location="site-nav" data-name="Credit cards anchor link" data-position="2" data-text="Best cash back cards" data-outcome="send to Best cash back cards" > Best cash back cards</a> </li> <li class="SiteNavPrimaryLinkList-item"> <a href="/credit-cards/balance-transfer/best-balance-transfer-cards/" class="SiteNavPrimaryLink" target="" data-beam-element-clicked data-type="anchor link" data-location="site-nav" data-name="Credit cards anchor link" data-position="3" data-text="Best balance transfer cards" data-outcome="send to Best balance transfer cards" > Best balance transfer cards</a> </li> <li class="SiteNavPrimaryLinkList-item"> <a href="/credit-cards/zero-interest/best-zero-interest-cards/" class="SiteNavPrimaryLink" target="" data-beam-element-clicked data-type="anchor link" data-location="site-nav" data-name="Credit cards anchor link" data-position="4" data-text="Best 0% APR cards" data-outcome="send to Best 0% APR cards" > Best 0% APR cards</a> </li> <li class="SiteNavPrimaryLinkList-item"> <a href="/credit-cards/travel/best-travel-cards/" class="SiteNavPrimaryLink" target="" data-beam-element-clicked data-type="anchor link" data-location="site-nav" data-name="Credit cards anchor link" data-position="5" data-text="Best travel cards" data-outcome="send to Best travel cards" > Best travel cards</a> </li> <li class="SiteNavPrimaryLinkList-item"> <a href="/credit-cards/rewards/best-rewards-cards/" class="SiteNavPrimaryLink" target="" data-beam-element-clicked data-type="anchor link" data-location="site-nav" data-name="Credit cards anchor link" data-position="6" data-text="Best rewards cards" data-outcome="send to Best rewards cards" > Best rewards cards</a> </li> <li class="SiteNavPrimaryLinkList-item"> <a href="/credit-cards/business/best-business-cards/" class="SiteNavPrimaryLink" target="" data-beam-element-clicked data-type="anchor link" data-location="site-nav" data-name="Credit cards anchor link" data-position="7" data-text="Best business cards" data-outcome="send to Best business cards" > Best business cards</a> </li> <li class="SiteNavPrimaryLinkList-item"> <a href="/credit-cards/building-credit/best-student-cards/" class="SiteNavPrimaryLink" target="" data-beam-element-clicked data-type="anchor link" data-location="site-nav" data-name="Credit cards anchor link" data-position="8" data-text="Best student cards" data-outcome="send to Best student cards" > Best student cards</a> </li> </ul> </div> </div> <div class="SiteNavSubcategory-secondColumn"> <div class="SiteNavSecondaryLinkListWrapper"> <p class="SiteNavSecondaryLinkListWrapper-eyebrow" role="heading">Find my matches</p> <div class="SiteNavSecondaryLinkLists"> <ul class="SiteNavFeaturedLinkList"> <li> <a class="SiteNavFeaturedLink" href="/credit-cards/tools/cardmatch/" data-beam-element-clicked data-type="featured link" data-location="site-nav" data-name="Credit cards nav - Cards by category subcategory link" data-position="1" data-text="CardMatch™" data-outcome="send to link" > <div class="SiteNavFeaturedLink-image"> <img loading="lazy" srcset="https://www.bankrate.com/f/102997/1440x1440/4f02ac6944/cardmatch-nav-imagery.png/m/50x50/filters:quality(90):format(webp), https://www.bankrate.com/f/102997/1440x1440/4f02ac6944/cardmatch-nav-imagery.png/m/100x100/filters:quality(90):format(webp) 2x" src="https://www.bankrate.com/f/102997/1440x1440/4f02ac6944/cardmatch-nav-imagery.png/m/50x50/filters:quality(90):format(webp)" alt=""> </div> <div class="SiteNavFeaturedLink-content"> <span class="SiteNavFeaturedLink-mainText">CardMatch™</span> <span class="SiteNavFeaturedLink-supportText">Get personalized card recommendations</span> </div> </a> </li> <li> <a class="SiteNavFeaturedLink" href="/credit-cards/tools/compare/" data-beam-element-clicked data-type="featured link" data-location="site-nav" data-name="Credit cards nav - Cards by category subcategory link" data-position="2" data-text="Card comparison tool" data-outcome="send to link" > <div class="SiteNavFeaturedLink-image"> <img loading="lazy" srcset="https://www.bankrate.com/f/102997/1440x1440/10ad7295ae/card-comparison-tool-nav-imagery.png/m/50x50/filters:quality(90):format(webp), https://www.bankrate.com/f/102997/1440x1440/10ad7295ae/card-comparison-tool-nav-imagery.png/m/100x100/filters:quality(90):format(webp) 2x" src="https://www.bankrate.com/f/102997/1440x1440/10ad7295ae/card-comparison-tool-nav-imagery.png/m/50x50/filters:quality(90):format(webp)" alt=""> </div> <div class="SiteNavFeaturedLink-content"> <span class="SiteNavFeaturedLink-mainText">Card comparison tool</span> <span class="SiteNavFeaturedLink-supportText">Compare credit cards side-by-side</span> </div> </a> </li> </ul> </div> </div> </div> </div> <div class="SiteNavSubcategory-panel" :class="{'is-active' : isActiveSubcategory($id('subcategory', whichChild($el, $el.parentElement)))}" :aria-labelledby="$id('subcategory', whichChild($el, $el.parentElement))" role="tabpanel" @keydown="keydownSubcategoryLinks($el, $event)" tabindex="-1"> <div class="SiteNavSubcategory-firstColumn"> <div class="SiteNavTopicOverview"> <p class="SiteNavTopicOverview-heading" role="heading">See your card matches</p> <p class="SiteNavTopicOverview-copy">Answer a few quick questions and we’ll show you your top credit card options. </p> <a href="/credit-cards/tools/cardmatch/" class="Button Button--primary"data-beam-element-clicked data-type="button" data-location="site-nav" data-name="Credit cards nav - Cards by credit subcategory CTA" data-position="1" data-text="Find my matches" data-outcome="send to link" data-category="Credit cards"> Find my matches</a> </div> </div> <div class="SiteNavSubcategory-secondColumn"> <div class="SiteNavSecondaryLinkListWrapper"> <p class="SiteNavSecondaryLinkListWrapper-eyebrow" role="heading">Compare cards</p> <div class="SiteNavSecondaryLinkLists"> <ul class="SiteNavSecondaryLinkList"> <li> <a class="SiteNavSecondaryLink" href="/credit-cards/rewards/best-for-excellent-credit/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Credit cards nav - Cards by credit subcategory featured link" data-position="1" data-text="Excellent credit" data-outcome="send to link" > Excellent credit</a> </li> <li> <a class="SiteNavSecondaryLink" href="/credit-cards/building-credit/best-for-good-credit/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Credit cards nav - Cards by credit subcategory featured link" data-position="2" data-text="Good credit" data-outcome="send to link" > Good credit</a> </li> <li> <a class="SiteNavSecondaryLink" href="/credit-cards/building-credit/best-for-fair-credit/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Credit cards nav - Cards by credit subcategory featured link" data-position="3" data-text="Fair credit" data-outcome="send to link" > Fair credit</a> </li> <li> <a class="SiteNavSecondaryLink" href="/credit-cards/bad-credit/best-for-bad-credit/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Credit cards nav - Cards by credit subcategory featured link" data-position="4" data-text="Bad credit" data-outcome="send to link" > Bad credit</a> </li> </ul> <ul class="SiteNavFeaturedLinkList"> <li> <a class="SiteNavFeaturedLink" href="/credit-cards/bad-credit/how-to-build-credit-fast/" data-beam-element-clicked data-type="featured link" data-location="site-nav" data-name="Credit cards nav - Cards by credit subcategory link" data-position="1" data-text="How to build credit" data-outcome="send to link" > <div class="SiteNavFeaturedLink-image"> <img loading="lazy" srcset="https://www.bankrate.com/f/102997/1440x1440/2e8651b174/how-to-build-credit-nav-imagery.png/m/50x50/filters:quality(90):format(webp), https://www.bankrate.com/f/102997/1440x1440/2e8651b174/how-to-build-credit-nav-imagery.png/m/100x100/filters:quality(90):format(webp) 2x" src="https://www.bankrate.com/f/102997/1440x1440/2e8651b174/how-to-build-credit-nav-imagery.png/m/50x50/filters:quality(90):format(webp)" alt=""> </div> <div class="SiteNavFeaturedLink-content"> <span class="SiteNavFeaturedLink-mainText">How to build credit</span> <span class="SiteNavFeaturedLink-supportText">7 min read</span> </div> </a> </li> <li> <a class="SiteNavFeaturedLink" href="/credit-cards/building-credit/best-for-no-credit-history/" data-beam-element-clicked data-type="featured link" data-location="site-nav" data-name="Credit cards nav - Cards by credit subcategory link" data-position="2" data-text="Best cards for building credit" data-outcome="send to link" > <div class="SiteNavFeaturedLink-image"> <img loading="lazy" srcset="https://www.bankrate.com/f/102997/1440x1440/5a53191033/best-cards-for-building-credit-nav-imagery.png/m/50x50/filters:quality(90):format(webp), https://www.bankrate.com/f/102997/1440x1440/5a53191033/best-cards-for-building-credit-nav-imagery.png/m/100x100/filters:quality(90):format(webp) 2x" src="https://www.bankrate.com/f/102997/1440x1440/5a53191033/best-cards-for-building-credit-nav-imagery.png/m/50x50/filters:quality(90):format(webp)" alt=""> </div> <div class="SiteNavFeaturedLink-content"> <span class="SiteNavFeaturedLink-mainText">Best cards for building credit</span> <span class="SiteNavFeaturedLink-supportText">Find out which credit cards could help</span> </div> </a> </li> </ul> </div> </div> </div> </div> <div class="SiteNavSubcategory-panel" :class="{'is-active' : isActiveSubcategory($id('subcategory', whichChild($el, $el.parentElement)))}" :aria-labelledby="$id('subcategory', whichChild($el, $el.parentElement))" role="tabpanel" @keydown="keydownSubcategoryLinks($el, $event)" tabindex="-1"> <div class="SiteNavSubcategory-firstColumn"> <div class="SiteNavTopicOverview"> <p class="SiteNavTopicOverview-heading" role="heading">See what the experts say</p> <p class="SiteNavTopicOverview-copy">Read in-depth credit card reviews to find out which cards have the best perks and more. </p> <a href="/credit-cards/reviews/" class="Button Button--primary"data-beam-element-clicked data-type="button" data-location="site-nav" data-name="Credit cards nav - Tools & reviews subcategory CTA" data-position="1" data-text="Read card reviews" data-outcome="send to link" data-category="Credit cards"> Read card reviews</a> </div> </div> <div class="SiteNavSubcategory-secondColumn"> <div class="SiteNavSecondaryLinkListWrapper"> <p class="SiteNavSecondaryLinkListWrapper-eyebrow" role="heading">Get guidance</p> <div class="SiteNavSecondaryLinkLists"> <ul class="SiteNavSecondaryLinkList"> <li> <a class="SiteNavSecondaryLink" href="/credit-cards/tools/credit-card-payoff-calculator/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Credit cards nav - Tools & reviews subcategory featured link" data-position="1" data-text="Credit card payoff calculator" data-outcome="send to link" > Credit card payoff calculator</a> </li> <li> <a class="SiteNavSecondaryLink" href="/credit-cards/tools/credit-card-balance-transfer-calculator/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Credit cards nav - Tools & reviews subcategory featured link" data-position="2" data-text="Balance transfer calculator" data-outcome="send to link" > Balance transfer calculator</a> </li> <li> <a class="SiteNavSecondaryLink" href="/credit-cards/tools/credit-utilization-calculator/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Credit cards nav - Tools & reviews subcategory featured link" data-position="3" data-text="Credit utilization calculator" data-outcome="send to link" > Credit utilization calculator</a> </li> <li> <a class="SiteNavSecondaryLink" href="/credit-cards/tools/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Credit cards nav - Tools & reviews subcategory featured link" data-position="4" data-text="All credit card calculators" data-outcome="send to link" > All credit card calculators</a> </li> </ul> <ul class="SiteNavFeaturedLinkList"> <li> <a class="SiteNavFeaturedLink" href="/credit-cards/tools/spender-type-tool/" data-beam-element-clicked data-type="featured link" data-location="site-nav" data-name="Credit cards nav - Tools & reviews subcategory link" data-position="1" data-text="Spender type tool" data-outcome="send to link" > <div class="SiteNavFeaturedLink-image"> <img loading="lazy" srcset="https://www.bankrate.com/f/102997/1440x1440/43548bf9cd/spender-type-tool-nav-imagery.png/m/50x50/filters:quality(90):format(webp), https://www.bankrate.com/f/102997/1440x1440/43548bf9cd/spender-type-tool-nav-imagery.png/m/100x100/filters:quality(90):format(webp) 2x" src="https://www.bankrate.com/f/102997/1440x1440/43548bf9cd/spender-type-tool-nav-imagery.png/m/50x50/filters:quality(90):format(webp)" alt=""> </div> <div class="SiteNavFeaturedLink-content"> <span class="SiteNavFeaturedLink-mainText">Spender type tool</span> <span class="SiteNavFeaturedLink-supportText">Find cards that fit your needs</span> </div> </a> </li> </ul> </div> </div> </div> </div> <div class="SiteNavSubcategory-panel" :class="{'is-active' : isActiveSubcategory($id('subcategory', whichChild($el, $el.parentElement)))}" :aria-labelledby="$id('subcategory', whichChild($el, $el.parentElement))" role="tabpanel" @keydown="keydownSubcategoryLinks($el, $event)" tabindex="-1"> <div class="SiteNavSubcategory-firstColumn"> <div class="SiteNavPrimaryLinkList"> <p class="SiteNavPrimaryLinkList-eyebrow">Get advice</p> <ul class="SiteNavPrimaryLinkList-list SiteNavPrimaryLinkList-list--twoColumns"> <li class="SiteNavPrimaryLinkList-item"> <a href="/credit-cards/advice/" class="SiteNavPrimaryLink" target="" data-beam-element-clicked data-type="anchor link" data-location="site-nav" data-name="Credit cards anchor link" data-position="1" data-text="Credit cards 101" data-outcome="send to Credit cards 101" > Credit cards 101</a> </li> <li class="SiteNavPrimaryLinkList-item"> <a href="/credit-cards/balance-transfer/" class="SiteNavPrimaryLink" target="" data-beam-element-clicked data-type="anchor link" data-location="site-nav" data-name="Credit cards anchor link" data-position="2" data-text="Balance transfer advice" data-outcome="send to Balance transfer advice" > Balance transfer advice</a> </li> <li class="SiteNavPrimaryLinkList-item"> <a href="/credit-cards/zero-interest/" class="SiteNavPrimaryLink" target="" data-beam-element-clicked data-type="anchor link" data-location="site-nav" data-name="Credit cards anchor link" data-position="3" data-text="Zero interest credit cards" data-outcome="send to Zero interest credit cards" > Zero interest credit cards</a> </li> <li class="SiteNavPrimaryLinkList-item"> <a href="/credit-cards/rewards/" class="SiteNavPrimaryLink" target="" data-beam-element-clicked data-type="anchor link" data-location="site-nav" data-name="Credit cards anchor link" data-position="4" data-text="Rewards credit card advice" data-outcome="send to Rewards credit card advice" > Rewards credit card advice</a> </li> <li class="SiteNavPrimaryLinkList-item"> <a href="/credit-cards/cash-back/" class="SiteNavPrimaryLink" target="" data-beam-element-clicked data-type="anchor link" data-location="site-nav" data-name="Credit cards anchor link" data-position="5" data-text="Cash back credit card advice" data-outcome="send to Cash back credit card advice" > Cash back credit card advice</a> </li> <li class="SiteNavPrimaryLinkList-item"> <a href="/credit-cards/travel/" class="SiteNavPrimaryLink" target="" data-beam-element-clicked data-type="anchor link" data-location="site-nav" data-name="Credit cards anchor link" data-position="6" data-text="Travel credit card advice" data-outcome="send to Travel credit card advice" > Travel credit card advice</a> </li> <li class="SiteNavPrimaryLinkList-item"> <a href="/credit-cards/business/" class="SiteNavPrimaryLink" target="" data-beam-element-clicked data-type="anchor link" data-location="site-nav" data-name="Credit cards anchor link" data-position="7" data-text="Business credit card advice" data-outcome="send to Business credit card advice" > Business credit card advice</a> </li> </ul> </div> </div> <div class="SiteNavSubcategory-secondColumn"> <div class="SiteNavSecondaryLinkListWrapper"> <p class="SiteNavSecondaryLinkListWrapper-eyebrow" role="heading">Build credit</p> <div class="SiteNavSecondaryLinkLists"> <ul class="SiteNavSecondaryLinkList"> <li> <a class="SiteNavSecondaryLink" href="/credit-cards/bad-credit/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Credit cards nav - Guides & resources subcategory featured link" data-position="1" data-text="Advice for bad credit" data-outcome="send to link" > Advice for bad credit</a> </li> <li> <a class="SiteNavSecondaryLink" href="/credit-cards/building-credit/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Credit cards nav - Guides & resources subcategory featured link" data-position="2" data-text="Rebuilding credit score" data-outcome="send to link" > Rebuilding credit score</a> </li> </ul> </div> </div> </div> </div> </div> </div> <div class="SiteNavSubcategory-categoryLinkContainer"> <a href="/credit-cards/" class="SiteNavSubcategory-categoryLink" @keydown.tab="focusNextSubcategoryTab" @keydown.down="$event.preventDefault()" data-beam-element-clicked data-type="LINK" data-location="site-nav" data-name="Credit cards hub link - desktop nav" data-position="bottom" data-text="Explore all Credit cards resources" data-outcome="send to link" > Explore all credit cards resources <svg class="Icon Icon--sm text-blue" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Arrow Right Icon</title><path fill-rule="evenodd" clip-rule="evenodd" d="M12.29 18.69c.2.19.45.29.71.29V19c.25 0 .5-.09.7-.29l6.01-6c.18-.19.29-.44.29-.71 0-.27-.1-.52-.29-.71l-6.01-6a.996.996 0 1 0-1.41 1.41l4.3 4.3H4c-.55 0-1 .45-1 1s.45 1 1 1h12.58l-4.29 4.28a.996.996 0 0 0 0 1.41Z" class="icon-base"/></svg></a> </div> </div> </div> </div> </div> </li> <li x-cloak class="SiteNavCategory" id="category-5" @mouseenter="focusCategory($el)" @mouseleave="blurCategory" x-data> <a class="SiteNavCategory-link" href="/loans/" data-js-selector="siteNavCategorylink5" data-preamp="nav-category-item" @focus="focusCategory($el.parentElement)" @click="handleCategoryClick" @keydown.tab.prevent="keydownCategory('tab', 5, 7);" @keydown.right.prevent="keydownCategory('right', 5, 7);" @keydown.left.prevent="keydownCategory('left', 5, 7);" @keydown.down.prevent="keydownCategory('down', 5, 7);" @keydown.up.prevent="keydownCategory('up', 5, 7);" @keydown.home.prevent="keydownCategory('home', 5, 7);" @keydown.end.prevent="keydownCategory('end', 5, 7);" @keydown.space.prevent="keydownCategory('space', 5, 7);" @keydown.enter.prevent="keydownCategory('enter', 5, 7);" :tabindex="isMobile && !isNavOpen ? -1 : 0" data-beam-element-clicked data-type="link" data-location="site-nav" data-name="top-level" data-position="5" data-text="Loans" data-outcome="send to loans hub" > <span class="SiteNavCategory-label"> Loans</span> <svg class="SiteNavCategory-icon SiteNavCategory-arrow" aria-hidden="true" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Caret Right Icon</title><path d="M8.168 21a1.39 1.39 0 0 1-.938-.379c-.51-.51-.51-1.35 0-1.86l6.744-6.75L7.23 5.242c-.51-.51-.51-1.35 0-1.86a1.32 1.32 0 0 1 1.859 0l7.681 7.689c.51.51.51 1.35 0 1.86l-7.681 7.69A1.29 1.29 0 0 1 8.15 21h.017Z" class="icon-base"/></svg></a> <div x-ref="flyout" class="SiteNavCategory-flyout" id="siteNavCategory-flyout-loans" data-beam-element-viewed data-type="drawer" data-location="site-nav" data-name="top-level-hover" data-position="5" data-text="Loans" data-outcome="open default loans container" > <div class="SiteNavCategory-panel" x-ref="siteNavCategoryPanel"> <div class="SiteNavMobile-sticky"> <button class="SiteNavMobile-back" @click="deactivateCategory" x-ref="backToCategoriesButton" @keydown.prevent="keyDownBackToCategoriesButton" aria-label="Back to all categories"> <svg class="Icon Icon--xs" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Caret Left Icon</title><path d="M15.85 21a1.36 1.36 0 0 1-.938-.379L7.23 12.932c-.51-.51-.51-1.35 0-1.86l7.681-7.69a1.32 1.32 0 0 1 1.86 0c.51.511.51 1.35 0 1.861l-6.745 6.75 6.744 6.751c.51.51.51 1.35 0 1.86a1.29 1.29 0 0 1-.937.38l.016.016Z" class="icon-base"/></svg>All </button> </div> <div class="SiteNavSubcategory" x-id="['subcategory']"> <div class="SiteNavSubcategory-tabsContainer"> <div id="loans-tablist" class="SiteNavSubcategory-categoryTitle"> Loans</div> <div class="SiteNavSubcategory-tabs" x-ref="siteNavTablist" @keydown.prevent="keydownSubcategoryTabs" role="tablist" aria-labelledby="loans-tablist"> <button class="SiteNavSubcategory-tab" :class="isActiveSubcategory($el.id) ? 'is-active' : ''" type="button" role="tab" @mouseover="handleSubcategoryMouseOver" @click="handleSubcategoryClick" @mousedown.prevent @focus="activateSubcategory($el.id)" :id="$id('subcategory', whichChild($el, $el.parentElement))" :tabindex="isActiveSubcategory($el.id) ? 0 : -1" :aria-selected="isActiveSubcategory($el.id)" data-subcategory-name="Personal loans" data-position="1"> Personal loans<svg class="Icon Icon--xs" aria-hidden="true" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Caret Right Icon</title><path d="M8.168 21a1.39 1.39 0 0 1-.938-.379c-.51-.51-.51-1.35 0-1.86l6.744-6.75L7.23 5.242c-.51-.51-.51-1.35 0-1.86a1.32 1.32 0 0 1 1.859 0l7.681 7.689c.51.51.51 1.35 0 1.86l-7.681 7.69A1.29 1.29 0 0 1 8.15 21h.017Z" class="icon-base"/></svg></button> <button class="SiteNavSubcategory-tab" :class="isActiveSubcategory($el.id) ? 'is-active' : ''" type="button" role="tab" @mouseover="handleSubcategoryMouseOver" @click="handleSubcategoryClick" @mousedown.prevent @focus="activateSubcategory($el.id)" :id="$id('subcategory', whichChild($el, $el.parentElement))" :tabindex="isActiveSubcategory($el.id) ? 0 : -1" :aria-selected="isActiveSubcategory($el.id)" data-subcategory-name="Auto loans" data-position="2"> Auto loans<svg class="Icon Icon--xs" aria-hidden="true" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Caret Right Icon</title><path d="M8.168 21a1.39 1.39 0 0 1-.938-.379c-.51-.51-.51-1.35 0-1.86l6.744-6.75L7.23 5.242c-.51-.51-.51-1.35 0-1.86a1.32 1.32 0 0 1 1.859 0l7.681 7.689c.51.51.51 1.35 0 1.86l-7.681 7.69A1.29 1.29 0 0 1 8.15 21h.017Z" class="icon-base"/></svg></button> <button class="SiteNavSubcategory-tab" :class="isActiveSubcategory($el.id) ? 'is-active' : ''" type="button" role="tab" @mouseover="handleSubcategoryMouseOver" @click="handleSubcategoryClick" @mousedown.prevent @focus="activateSubcategory($el.id)" :id="$id('subcategory', whichChild($el, $el.parentElement))" :tabindex="isActiveSubcategory($el.id) ? 0 : -1" :aria-selected="isActiveSubcategory($el.id)" data-subcategory-name="Student loans" data-position="3"> Student loans<svg class="Icon Icon--xs" aria-hidden="true" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Caret Right Icon</title><path d="M8.168 21a1.39 1.39 0 0 1-.938-.379c-.51-.51-.51-1.35 0-1.86l6.744-6.75L7.23 5.242c-.51-.51-.51-1.35 0-1.86a1.32 1.32 0 0 1 1.859 0l7.681 7.689c.51.51.51 1.35 0 1.86l-7.681 7.69A1.29 1.29 0 0 1 8.15 21h.017Z" class="icon-base"/></svg></button> <button class="SiteNavSubcategory-tab" :class="isActiveSubcategory($el.id) ? 'is-active' : ''" type="button" role="tab" @mouseover="handleSubcategoryMouseOver" @click="handleSubcategoryClick" @mousedown.prevent @focus="activateSubcategory($el.id)" :id="$id('subcategory', whichChild($el, $el.parentElement))" :tabindex="isActiveSubcategory($el.id) ? 0 : -1" :aria-selected="isActiveSubcategory($el.id)" data-subcategory-name="Small business loans" data-position="4"> Small business loans<svg class="Icon Icon--xs" aria-hidden="true" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Caret Right Icon</title><path d="M8.168 21a1.39 1.39 0 0 1-.938-.379c-.51-.51-.51-1.35 0-1.86l6.744-6.75L7.23 5.242c-.51-.51-.51-1.35 0-1.86a1.32 1.32 0 0 1 1.859 0l7.681 7.689c.51.51.51 1.35 0 1.86l-7.681 7.69A1.29 1.29 0 0 1 8.15 21h.017Z" class="icon-base"/></svg></button> </div> <div class="SiteNavSubcategory-categoryLinkContainer" @keydown.left.prevent="keydownSubcategoryTabs" @keydown.up.prevent="keydownSubcategoryTabs" @keydown.right.prevent="keydownSubcategoryTabs" @keydown.down.prevent="keydownSubcategoryTabs" @keydown.tab.prevent="keydownSubcategoryTabs"> <a href="/loans/" class="SiteNavSubcategory-categoryLink" x-ref="siteNavCategoryLinkMobile" @keydown.space.prevent="$el.click()" @keydown.enter.prevent="$el.click()" data-beam-element-clicked data-type="LINK" data-location="site-nav" data-name="Loans hub link - mobile nav" data-position="bottom" data-text="Explore all Loans resources" data-outcome="send to link" > Explore all loans resources <svg class="Icon Icon--sm text-blue" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Arrow Right Icon</title><path fill-rule="evenodd" clip-rule="evenodd" d="M12.29 18.69c.2.19.45.29.71.29V19c.25 0 .5-.09.7-.29l6.01-6c.18-.19.29-.44.29-.71 0-.27-.1-.52-.29-.71l-6.01-6a.996.996 0 1 0-1.41 1.41l4.3 4.3H4c-.55 0-1 .45-1 1s.45 1 1 1h12.58l-4.29 4.28a.996.996 0 0 0 0 1.41Z" class="icon-base"/></svg></a> </div> </div> <div class="SiteNavSubcategory-content" :class="{'is-active': showSubcategoryView}" @keydown.up.prevent="keydownSubcategoryLinks($el.querySelector('.is-active'), $event)"> <div class="SiteNavSubcategory-panelsContainer" x-ref="siteNavSubcategoryPanelsContainer"> <div class="SiteNavMobile-sticky"> <button class="SiteNavMobile-back" @click="deactivateSubcategory" x-ref="backToSubcategoriesButton" @keydown.prevent="keyDownBackToSubcategoriesButton" aria-label="Back to Loans category"> <svg class="Icon Icon--xs" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Caret Left Icon</title><path d="M15.85 21a1.36 1.36 0 0 1-.938-.379L7.23 12.932c-.51-.51-.51-1.35 0-1.86l7.681-7.69a1.32 1.32 0 0 1 1.86 0c.51.511.51 1.35 0 1.861l-6.745 6.75 6.744 6.751c.51.51.51 1.35 0 1.86a1.29 1.29 0 0 1-.937.38l.016.016Z" class="icon-base"/></svg> Loans</button> </div> <div class="SiteNavSubcategory-categoryTitle" x-text="activeSubcategoryName"></div> <div class="SiteNavSubcategory-panels" tabindex="-1"> <div class="SiteNavSubcategory-panel" :class="{'is-active' : isActiveSubcategory($id('subcategory', whichChild($el, $el.parentElement)))}" :aria-labelledby="$id('subcategory', whichChild($el, $el.parentElement))" role="tabpanel" @keydown="keydownSubcategoryLinks($el, $event)" tabindex="-1"> <div class="SiteNavSubcategory-firstColumn"> <div class="SiteNavPrimaryLinkList"> <p class="SiteNavPrimaryLinkList-eyebrow">Compare lenders</p> <ul class="SiteNavPrimaryLinkList-list"> <li class="SiteNavPrimaryLinkList-item"> <a href="/loans/personal-loans/rates/" class="SiteNavPrimaryLink" target="" data-beam-element-clicked data-type="anchor link" data-location="site-nav" data-name="Personal loans anchor link" data-position="1" data-text="Best personal loans" data-outcome="send to Best personal loans" > Best personal loans</a> </li> <li class="SiteNavPrimaryLinkList-item"> <a href="/loans/personal-loans/bad-credit-loans/" class="SiteNavPrimaryLink" target="" data-beam-element-clicked data-type="anchor link" data-location="site-nav" data-name="Personal loans anchor link" data-position="2" data-text="Best personal loans for bad credit" data-outcome="send to Best personal loans for bad credit" > Best personal loans for bad credit</a> </li> <li class="SiteNavPrimaryLinkList-item"> <a href="/loans/personal-loans/debt-consolidation-loans/" class="SiteNavPrimaryLink" target="" data-beam-element-clicked data-type="anchor link" data-location="site-nav" data-name="Personal loans anchor link" data-position="3" data-text="Best debt consolidation loans" data-outcome="send to Best debt consolidation loans" > Best debt consolidation loans</a> </li> <li class="SiteNavPrimaryLinkList-item"> <a href="/loans/home-improvement/rates/" class="SiteNavPrimaryLink" target="" data-beam-element-clicked data-type="anchor link" data-location="site-nav" data-name="Personal loans anchor link" data-position="4" data-text="Best home improvement loans" data-outcome="send to Best home improvement loans" > Best home improvement loans</a> </li> </ul> </div> </div> <div class="SiteNavSubcategory-secondColumn"> <div class="SiteNavSecondaryLinkListWrapper"> <p class="SiteNavSecondaryLinkListWrapper-eyebrow" role="heading">Get guidance</p> <div class="SiteNavSecondaryLinkLists"> <ul class="SiteNavSecondaryLinkList"> <li> <a class="SiteNavSecondaryLink" href="/loans/personal-loans/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Loans nav - Personal loans subcategory featured link" data-position="1" data-text="Personal loan resources" data-outcome="send to link" > Personal loan resources</a> </li> <li> <a class="SiteNavSecondaryLink" href="/loans/personal-loans/reviews/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Loans nav - Personal loans subcategory featured link" data-position="2" data-text="Personal loan lender reviews" data-outcome="send to link" > Personal loan lender reviews</a> </li> <li> <a class="SiteNavSecondaryLink" href="/loans/personal-loans/personal-loan-calculator/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Loans nav - Personal loans subcategory featured link" data-position="3" data-text="Personal loans calculator" data-outcome="send to link" > Personal loans calculator</a> </li> <li> <a class="SiteNavSecondaryLink" href="/loans/personal-loans/average-personal-loan-rates/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Loans nav - Personal loans subcategory featured link" data-position="4" data-text="Average personal loan interest rates" data-outcome="send to link" > Average personal loan interest rates</a> </li> </ul> <ul class="SiteNavFeaturedLinkList"> <li> <a class="SiteNavFeaturedLink" href="/loans/personal-loans/what-is-a-personal-loan/" data-beam-element-clicked data-type="featured link" data-location="site-nav" data-name="Loans nav - Personal loans subcategory link" data-position="1" data-text="Personal loan basics" data-outcome="send to link" > <div class="SiteNavFeaturedLink-image"> <img loading="lazy" srcset="https://www.bankrate.com/f/102997/1440x1440/38750a2d5a/what-is-a-certified-financial-planner-s.png/m/50x50/filters:quality(90):format(webp), https://www.bankrate.com/f/102997/1440x1440/38750a2d5a/what-is-a-certified-financial-planner-s.png/m/100x100/filters:quality(90):format(webp) 2x" src="https://www.bankrate.com/f/102997/1440x1440/38750a2d5a/what-is-a-certified-financial-planner-s.png/m/50x50/filters:quality(90):format(webp)" alt=""> </div> <div class="SiteNavFeaturedLink-content"> <span class="SiteNavFeaturedLink-mainText">Personal loan basics</span> <span class="SiteNavFeaturedLink-supportText">9 min read</span> </div> </a> </li> <li> <a class="SiteNavFeaturedLink" href="/loans/personal-loans/how-to-get-personal-loan/" data-beam-element-clicked data-type="featured link" data-location="site-nav" data-name="Loans nav - Personal loans subcategory link" data-position="2" data-text="How to get a personal loan" data-outcome="send to link" > <div class="SiteNavFeaturedLink-image"> <img loading="lazy" srcset="https://www.bankrate.com/f/102997/1440x1440/4c26764452/how-to-start-saving.png/m/50x50/filters:quality(90):format(webp), https://www.bankrate.com/f/102997/1440x1440/4c26764452/how-to-start-saving.png/m/100x100/filters:quality(90):format(webp) 2x" src="https://www.bankrate.com/f/102997/1440x1440/4c26764452/how-to-start-saving.png/m/50x50/filters:quality(90):format(webp)" alt=""> </div> <div class="SiteNavFeaturedLink-content"> <span class="SiteNavFeaturedLink-mainText">How to get a personal loan</span> <span class="SiteNavFeaturedLink-supportText">11 min read</span> </div> </a> </li> </ul> </div> </div> </div> </div> <div class="SiteNavSubcategory-panel" :class="{'is-active' : isActiveSubcategory($id('subcategory', whichChild($el, $el.parentElement)))}" :aria-labelledby="$id('subcategory', whichChild($el, $el.parentElement))" role="tabpanel" @keydown="keydownSubcategoryLinks($el, $event)" tabindex="-1"> <div class="SiteNavSubcategory-firstColumn"> <div class="SiteNavPrimaryLinkList"> <p class="SiteNavPrimaryLinkList-eyebrow">Compare lenders</p> <ul class="SiteNavPrimaryLinkList-list"> <li class="SiteNavPrimaryLinkList-item"> <a href="/loans/auto-loans/rates/" class="SiteNavPrimaryLink" target="" > Best auto loans</a> </li> <li class="SiteNavPrimaryLinkList-item"> <a href="/loans/auto-loans/refinance-rates/" class="SiteNavPrimaryLink" target="" > Best auto loan refinance rates</a> </li> <li class="SiteNavPrimaryLinkList-item"> <a href="/loans/auto-loans/bad-credit-loans/" class="SiteNavPrimaryLink" target="" > Best car loans for bad credit</a> </li> </ul> </div> </div> <div class="SiteNavSubcategory-secondColumn"> <div class="SiteNavSecondaryLinkListWrapper"> <p class="SiteNavSecondaryLinkListWrapper-eyebrow" role="heading">Get guidance</p> <div class="SiteNavSecondaryLinkLists"> <ul class="SiteNavSecondaryLinkList"> <li> <a class="SiteNavSecondaryLink" href="/loans/auto-loans/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Loans nav - Auto loans subcategory featured link" data-position="1" data-text="Auto loan resources" data-outcome="send to link" > Auto loan resources</a> </li> <li> <a class="SiteNavSecondaryLink" href="/loans/auto-loans/reviews/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Loans nav - Auto loans subcategory featured link" data-position="2" data-text="Auto loan lender reviews" data-outcome="send to link" > Auto loan lender reviews</a> </li> <li> <a class="SiteNavSecondaryLink" href="/loans/auto-loans/auto-loan-calculator/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Loans nav - Auto loans subcategory featured link" data-position="3" data-text="Auto loan calculator" data-outcome="send to link" > Auto loan calculator</a> </li> <li> <a class="SiteNavSecondaryLink" href="/loans/auto-loans/auto-loan-refinancing-guide/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Loans nav - Auto loans subcategory featured link" data-position="4" data-text="Auto loan refinancing guide" data-outcome="send to link" > Auto loan refinancing guide</a> </li> </ul> <ul class="SiteNavFeaturedLinkList"> <li> <a class="SiteNavFeaturedLink" href="/loans/auto-loans/how-to-get-the-best-auto-loan-rate/" data-beam-element-clicked data-type="featured link" data-location="site-nav" data-name="Loans nav - Auto loans subcategory link" data-position="1" data-text="How to get the best auto loan rate" data-outcome="send to link" > <div class="SiteNavFeaturedLink-image"> <img loading="lazy" srcset="https://www.bankrate.com/f/102997/1440x1440/d1a328a134/auto-loan-refinancing-guide-nav.png/m/50x50/filters:quality(90):format(webp), https://www.bankrate.com/f/102997/1440x1440/d1a328a134/auto-loan-refinancing-guide-nav.png/m/100x100/filters:quality(90):format(webp) 2x" src="https://www.bankrate.com/f/102997/1440x1440/d1a328a134/auto-loan-refinancing-guide-nav.png/m/50x50/filters:quality(90):format(webp)" alt=""> </div> <div class="SiteNavFeaturedLink-content"> <span class="SiteNavFeaturedLink-mainText">How to get the best auto loan rate</span> <span class="SiteNavFeaturedLink-supportText">10 min read</span> </div> </a> </li> <li> <a class="SiteNavFeaturedLink" href="/loans/auto-loans/what-is-an-auto-loan/" data-beam-element-clicked data-type="featured link" data-location="site-nav" data-name="Loans nav - Auto loans subcategory link" data-position="2" data-text="Auto loan basics" data-outcome="send to link" > <div class="SiteNavFeaturedLink-image"> <img loading="lazy" srcset="https://www.bankrate.com/f/102997/720x720/c481afa0d2/auto-loan-refinancing-guide-s.jpg/m/50x50/filters:quality(90):format(webp), https://www.bankrate.com/f/102997/720x720/c481afa0d2/auto-loan-refinancing-guide-s.jpg/m/100x100/filters:quality(90):format(webp) 2x" src="https://www.bankrate.com/f/102997/720x720/c481afa0d2/auto-loan-refinancing-guide-s.jpg/m/50x50/filters:quality(90):format(webp)" alt=""> </div> <div class="SiteNavFeaturedLink-content"> <span class="SiteNavFeaturedLink-mainText">Auto loan basics</span> <span class="SiteNavFeaturedLink-supportText">5 min read</span> </div> </a> </li> </ul> </div> </div> </div> </div> <div class="SiteNavSubcategory-panel" :class="{'is-active' : isActiveSubcategory($id('subcategory', whichChild($el, $el.parentElement)))}" :aria-labelledby="$id('subcategory', whichChild($el, $el.parentElement))" role="tabpanel" @keydown="keydownSubcategoryLinks($el, $event)" tabindex="-1"> <div class="SiteNavSubcategory-firstColumn"> <div class="SiteNavPrimaryLinkList"> <p class="SiteNavPrimaryLinkList-eyebrow">Compare lenders</p> <ul class="SiteNavPrimaryLinkList-list"> <li class="SiteNavPrimaryLinkList-item"> <a href="/loans/student-loans/rates/" class="SiteNavPrimaryLink" target="" data-beam-element-clicked data-type="anchor link" data-location="site-nav" data-name="Personal loans anchor link" data-position="1" data-text="Student loan rates" data-outcome="send to Student loan rates" > Student loan rates</a> </li> <li class="SiteNavPrimaryLinkList-item"> <a href="/loans/student-loans/refinance-rates/" class="SiteNavPrimaryLink" target="" data-beam-element-clicked data-type="anchor link" data-location="site-nav" data-name="Personal loans anchor link" data-position="2" data-text="Student loan refinancing rates" data-outcome="send to Student loan refinancing rates" > Student loan refinancing rates</a> </li> <li class="SiteNavPrimaryLinkList-item"> <a href="/loans/student-loans/private-student-loans/" class="SiteNavPrimaryLink" target="" data-beam-element-clicked data-type="anchor link" data-location="site-nav" data-name="Personal loans anchor link" data-position="3" data-text="Best private student loans" data-outcome="send to Best private student loans" > Best private student loans</a> </li> <li class="SiteNavPrimaryLinkList-item"> <a href="/loans/student-loans/bad-credit-loans/" class="SiteNavPrimaryLink" target="" data-beam-element-clicked data-type="anchor link" data-location="site-nav" data-name="Personal loans anchor link" data-position="4" data-text="Best bad credit student loans" data-outcome="send to Best bad credit student loans" > Best bad credit student loans</a> </li> </ul> </div> </div> <div class="SiteNavSubcategory-secondColumn"> <div class="SiteNavSecondaryLinkListWrapper"> <p class="SiteNavSecondaryLinkListWrapper-eyebrow" role="heading">Get guidance</p> <div class="SiteNavSecondaryLinkLists"> <ul class="SiteNavSecondaryLinkList"> <li> <a class="SiteNavSecondaryLink" href="/loans/student-loans/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Loans nav - Student loans subcategory featured link" data-position="1" data-text="Student loan resources" data-outcome="send to link" > Student loan resources</a> </li> <li> <a class="SiteNavSecondaryLink" href="/loans/student-loans/reviews/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Loans nav - Student loans subcategory featured link" data-position="2" data-text="Student loan lender reviews" data-outcome="send to link" > Student loan lender reviews</a> </li> <li> <a class="SiteNavSecondaryLink" href="/loans/student-loans/student-loan-calculator/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Loans nav - Student loans subcategory featured link" data-position="3" data-text="Student loan calculator" data-outcome="send to link" > Student loan calculator</a> </li> <li> <a class="SiteNavSecondaryLink" href="/loans/student-loans/student-loan-refinance-calculator/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Loans nav - Student loans subcategory featured link" data-position="4" data-text="Student loan refinance calculator" data-outcome="send to link" > Student loan refinance calculator</a> </li> </ul> <ul class="SiteNavFeaturedLinkList"> <li> <a class="SiteNavFeaturedLink" href="/loans/student-loans/private-student-loans-guide/" data-beam-element-clicked data-type="featured link" data-location="site-nav" data-name="Loans nav - Student loans subcategory link" data-position="1" data-text="Private student loan basics" data-outcome="send to link" > <div class="SiteNavFeaturedLink-image"> <img loading="lazy" srcset="https://www.bankrate.com/f/102997/1440x1440/3d6f458d84/how-to-start-investing-nav-imagery.png/m/50x50/filters:quality(90):format(webp), https://www.bankrate.com/f/102997/1440x1440/3d6f458d84/how-to-start-investing-nav-imagery.png/m/100x100/filters:quality(90):format(webp) 2x" src="https://www.bankrate.com/f/102997/1440x1440/3d6f458d84/how-to-start-investing-nav-imagery.png/m/50x50/filters:quality(90):format(webp)" alt=""> </div> <div class="SiteNavFeaturedLink-content"> <span class="SiteNavFeaturedLink-mainText">Private student loan basics</span> <span class="SiteNavFeaturedLink-supportText">10 min read</span> </div> </a> </li> <li> <a class="SiteNavFeaturedLink" href="/loans/student-loans/how-to-get-student-loan/" data-beam-element-clicked data-type="featured link" data-location="site-nav" data-name="Loans nav - Student loans subcategory link" data-position="2" data-text="How to get a student loan" data-outcome="send to link" > <div class="SiteNavFeaturedLink-image"> <img loading="lazy" srcset="https://www.bankrate.com/f/102997/1440x1440/4c26764452/how-to-start-saving.png/m/50x50/filters:quality(90):format(webp), https://www.bankrate.com/f/102997/1440x1440/4c26764452/how-to-start-saving.png/m/100x100/filters:quality(90):format(webp) 2x" src="https://www.bankrate.com/f/102997/1440x1440/4c26764452/how-to-start-saving.png/m/50x50/filters:quality(90):format(webp)" alt=""> </div> <div class="SiteNavFeaturedLink-content"> <span class="SiteNavFeaturedLink-mainText">How to get a student loan</span> <span class="SiteNavFeaturedLink-supportText">11 min read</span> </div> </a> </li> </ul> </div> </div> </div> </div> <div class="SiteNavSubcategory-panel" :class="{'is-active' : isActiveSubcategory($id('subcategory', whichChild($el, $el.parentElement)))}" :aria-labelledby="$id('subcategory', whichChild($el, $el.parentElement))" role="tabpanel" @keydown="keydownSubcategoryLinks($el, $event)" tabindex="-1"> <div class="SiteNavSubcategory-firstColumn"> <div class="SiteNavPrimaryLinkList"> <p class="SiteNavPrimaryLinkList-eyebrow">Compare lenders</p> <ul class="SiteNavPrimaryLinkList-list"> <li class="SiteNavPrimaryLinkList-item"> <a href="/loans/small-business/best-small-business-loans/" class="SiteNavPrimaryLink" target="" > Best small business loans</a> </li> <li class="SiteNavPrimaryLinkList-item"> <a href="/loans/small-business/bad-credit-business-loans/" class="SiteNavPrimaryLink" target="" > Bad credit small business loans</a> </li> <li class="SiteNavPrimaryLinkList-item"> <a href="/loans/small-business/business-line-of-credit/" class="SiteNavPrimaryLink" target="" > Business lines of credit</a> </li> <li class="SiteNavPrimaryLinkList-item"> <a href="/loans/small-business/best-banks-for-small-business-loans/" class="SiteNavPrimaryLink" target="" > Small business loan banks</a> </li> </ul> </div> </div> <div class="SiteNavSubcategory-secondColumn"> <div class="SiteNavSecondaryLinkListWrapper"> <p class="SiteNavSecondaryLinkListWrapper-eyebrow" role="heading">Get guidance</p> <div class="SiteNavSecondaryLinkLists"> <ul class="SiteNavSecondaryLinkList"> <li> <a class="SiteNavSecondaryLink" href="/loans/small-business/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Loans nav - Small business loans subcategory featured link" data-position="1" data-text="Small business loans resources" data-outcome="send to link" > Small business loans resources</a> </li> <li> <a class="SiteNavSecondaryLink" href="/loans/small-business/reviews/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Loans nav - Small business loans subcategory featured link" data-position="2" data-text="Small business loan reviews" data-outcome="send to link" > Small business loan reviews</a> </li> <li> <a class="SiteNavSecondaryLink" href="/loans/small-business/business-loan-calculator/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Loans nav - Small business loans subcategory featured link" data-position="3" data-text="Small business loan calculator" data-outcome="send to link" > Small business loan calculator</a> </li> </ul> <ul class="SiteNavFeaturedLinkList"> <li> <a class="SiteNavFeaturedLink" href="/loans/small-business/how-do-small-business-loans-work/" data-beam-element-clicked data-type="featured link" data-location="site-nav" data-name="Loans nav - Small business loans subcategory link" data-position="1" data-text="How small business loans work" data-outcome="send to link" > <div class="SiteNavFeaturedLink-image"> <img loading="lazy" srcset="https://www.bankrate.com/f/102997/1440x1440/4c26764452/how-to-start-saving.png/m/50x50/filters:quality(90):format(webp), https://www.bankrate.com/f/102997/1440x1440/4c26764452/how-to-start-saving.png/m/100x100/filters:quality(90):format(webp) 2x" src="https://www.bankrate.com/f/102997/1440x1440/4c26764452/how-to-start-saving.png/m/50x50/filters:quality(90):format(webp)" alt=""> </div> <div class="SiteNavFeaturedLink-content"> <span class="SiteNavFeaturedLink-mainText">How small business loans work</span> <span class="SiteNavFeaturedLink-supportText">9 min read</span> </div> </a> </li> <li> <a class="SiteNavFeaturedLink" href="/loans/small-business/how-to-get-a-business-loan/" data-beam-element-clicked data-type="featured link" data-location="site-nav" data-name="Loans nav - Small business loans subcategory link" data-position="2" data-text="How to get a business loan" data-outcome="send to link" > <div class="SiteNavFeaturedLink-image"> <img loading="lazy" srcset="https://www.bankrate.com/f/102997/1440x1440/38750a2d5a/what-is-a-certified-financial-planner-s.png/m/50x50/filters:quality(90):format(webp), https://www.bankrate.com/f/102997/1440x1440/38750a2d5a/what-is-a-certified-financial-planner-s.png/m/100x100/filters:quality(90):format(webp) 2x" src="https://www.bankrate.com/f/102997/1440x1440/38750a2d5a/what-is-a-certified-financial-planner-s.png/m/50x50/filters:quality(90):format(webp)" alt=""> </div> <div class="SiteNavFeaturedLink-content"> <span class="SiteNavFeaturedLink-mainText">How to get a business loan</span> <span class="SiteNavFeaturedLink-supportText">9 min read</span> </div> </a> </li> </ul> </div> </div> </div> </div> </div> </div> <div class="SiteNavSubcategory-categoryLinkContainer"> <a href="/loans/" class="SiteNavSubcategory-categoryLink" @keydown.tab="focusNextSubcategoryTab" @keydown.down="$event.preventDefault()" data-beam-element-clicked data-type="LINK" data-location="site-nav" data-name="Loans hub link - desktop nav" data-position="bottom" data-text="Explore all Loans resources" data-outcome="send to link" > Explore all loans resources <svg class="Icon Icon--sm text-blue" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Arrow Right Icon</title><path fill-rule="evenodd" clip-rule="evenodd" d="M12.29 18.69c.2.19.45.29.71.29V19c.25 0 .5-.09.7-.29l6.01-6c.18-.19.29-.44.29-.71 0-.27-.1-.52-.29-.71l-6.01-6a.996.996 0 1 0-1.41 1.41l4.3 4.3H4c-.55 0-1 .45-1 1s.45 1 1 1h12.58l-4.29 4.28a.996.996 0 0 0 0 1.41Z" class="icon-base"/></svg></a> </div> </div> </div> </div> </div> </li> <li x-cloak class="SiteNavCategory" id="category-6" @mouseenter="focusCategory($el)" @mouseleave="blurCategory" x-data> <a class="SiteNavCategory-link" href="/home-equity/" data-js-selector="siteNavCategorylink6" data-preamp="nav-category-item" @focus="focusCategory($el.parentElement)" @click="handleCategoryClick" @keydown.tab.prevent="keydownCategory('tab', 6, 7);" @keydown.right.prevent="keydownCategory('right', 6, 7);" @keydown.left.prevent="keydownCategory('left', 6, 7);" @keydown.down.prevent="keydownCategory('down', 6, 7);" @keydown.up.prevent="keydownCategory('up', 6, 7);" @keydown.home.prevent="keydownCategory('home', 6, 7);" @keydown.end.prevent="keydownCategory('end', 6, 7);" @keydown.space.prevent="keydownCategory('space', 6, 7);" @keydown.enter.prevent="keydownCategory('enter', 6, 7);" :tabindex="isMobile && !isNavOpen ? -1 : 0" data-beam-element-clicked data-type="link" data-location="site-nav" data-name="top-level" data-position="6" data-text="Home equity" data-outcome="send to home equity hub" > <span class="SiteNavCategory-label"> Home equity</span> <svg class="SiteNavCategory-icon SiteNavCategory-arrow" aria-hidden="true" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Caret Right Icon</title><path d="M8.168 21a1.39 1.39 0 0 1-.938-.379c-.51-.51-.51-1.35 0-1.86l6.744-6.75L7.23 5.242c-.51-.51-.51-1.35 0-1.86a1.32 1.32 0 0 1 1.859 0l7.681 7.689c.51.51.51 1.35 0 1.86l-7.681 7.69A1.29 1.29 0 0 1 8.15 21h.017Z" class="icon-base"/></svg></a> <div x-ref="flyout" class="SiteNavCategory-flyout" id="siteNavCategory-flyout-home-equity" data-beam-element-viewed data-type="drawer" data-location="site-nav" data-name="top-level-hover" data-position="6" data-text="Home equity" data-outcome="open default home equity container" > <div class="SiteNavCategory-panel" x-ref="siteNavCategoryPanel"> <div class="SiteNavMobile-sticky"> <button class="SiteNavMobile-back" @click="deactivateCategory" x-ref="backToCategoriesButton" @keydown.prevent="keyDownBackToCategoriesButton" aria-label="Back to all categories"> <svg class="Icon Icon--xs" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Caret Left Icon</title><path d="M15.85 21a1.36 1.36 0 0 1-.938-.379L7.23 12.932c-.51-.51-.51-1.35 0-1.86l7.681-7.69a1.32 1.32 0 0 1 1.86 0c.51.511.51 1.35 0 1.861l-6.745 6.75 6.744 6.751c.51.51.51 1.35 0 1.86a1.29 1.29 0 0 1-.937.38l.016.016Z" class="icon-base"/></svg>All </button> </div> <div class="SiteNavSubcategory" x-id="['subcategory']"> <div class="SiteNavSubcategory-tabsContainer"> <div id="home-equity-tablist" class="SiteNavSubcategory-categoryTitle"> Home equity</div> <div class="SiteNavSubcategory-tabs" x-ref="siteNavTablist" @keydown.prevent="keydownSubcategoryTabs" role="tablist" aria-labelledby="home-equity-tablist"> <button class="SiteNavSubcategory-tab" :class="isActiveSubcategory($el.id) ? 'is-active' : ''" type="button" role="tab" @mouseover="handleSubcategoryMouseOver" @click="handleSubcategoryClick" @mousedown.prevent @focus="activateSubcategory($el.id)" :id="$id('subcategory', whichChild($el, $el.parentElement))" :tabindex="isActiveSubcategory($el.id) ? 0 : -1" :aria-selected="isActiveSubcategory($el.id)" data-subcategory-name="HELOC" data-position="1"> HELOC<svg class="Icon Icon--xs" aria-hidden="true" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Caret Right Icon</title><path d="M8.168 21a1.39 1.39 0 0 1-.938-.379c-.51-.51-.51-1.35 0-1.86l6.744-6.75L7.23 5.242c-.51-.51-.51-1.35 0-1.86a1.32 1.32 0 0 1 1.859 0l7.681 7.689c.51.51.51 1.35 0 1.86l-7.681 7.69A1.29 1.29 0 0 1 8.15 21h.017Z" class="icon-base"/></svg></button> <button class="SiteNavSubcategory-tab" :class="isActiveSubcategory($el.id) ? 'is-active' : ''" type="button" role="tab" @mouseover="handleSubcategoryMouseOver" @click="handleSubcategoryClick" @mousedown.prevent @focus="activateSubcategory($el.id)" :id="$id('subcategory', whichChild($el, $el.parentElement))" :tabindex="isActiveSubcategory($el.id) ? 0 : -1" :aria-selected="isActiveSubcategory($el.id)" data-subcategory-name="Home equity loans" data-position="2"> Home equity loans<svg class="Icon Icon--xs" aria-hidden="true" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Caret Right Icon</title><path d="M8.168 21a1.39 1.39 0 0 1-.938-.379c-.51-.51-.51-1.35 0-1.86l6.744-6.75L7.23 5.242c-.51-.51-.51-1.35 0-1.86a1.32 1.32 0 0 1 1.859 0l7.681 7.689c.51.51.51 1.35 0 1.86l-7.681 7.69A1.29 1.29 0 0 1 8.15 21h.017Z" class="icon-base"/></svg></button> </div> <div class="SiteNavSubcategory-categoryLinkContainer" @keydown.left.prevent="keydownSubcategoryTabs" @keydown.up.prevent="keydownSubcategoryTabs" @keydown.right.prevent="keydownSubcategoryTabs" @keydown.down.prevent="keydownSubcategoryTabs" @keydown.tab.prevent="keydownSubcategoryTabs"> <a href="/home-equity/" class="SiteNavSubcategory-categoryLink" x-ref="siteNavCategoryLinkMobile" @keydown.space.prevent="$el.click()" @keydown.enter.prevent="$el.click()" data-beam-element-clicked data-type="LINK" data-location="site-nav" data-name="Home equity hub link - mobile nav" data-position="bottom" data-text="Explore all Home equity resources" data-outcome="send to link" > Explore all home equity resources <svg class="Icon Icon--sm text-blue" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Arrow Right Icon</title><path fill-rule="evenodd" clip-rule="evenodd" d="M12.29 18.69c.2.19.45.29.71.29V19c.25 0 .5-.09.7-.29l6.01-6c.18-.19.29-.44.29-.71 0-.27-.1-.52-.29-.71l-6.01-6a.996.996 0 1 0-1.41 1.41l4.3 4.3H4c-.55 0-1 .45-1 1s.45 1 1 1h12.58l-4.29 4.28a.996.996 0 0 0 0 1.41Z" class="icon-base"/></svg></a> </div> </div> <div class="SiteNavSubcategory-content" :class="{'is-active': showSubcategoryView}" @keydown.up.prevent="keydownSubcategoryLinks($el.querySelector('.is-active'), $event)"> <div class="SiteNavSubcategory-panelsContainer" x-ref="siteNavSubcategoryPanelsContainer"> <div class="SiteNavMobile-sticky"> <button class="SiteNavMobile-back" @click="deactivateSubcategory" x-ref="backToSubcategoriesButton" @keydown.prevent="keyDownBackToSubcategoriesButton" aria-label="Back to Home equity category"> <svg class="Icon Icon--xs" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Caret Left Icon</title><path d="M15.85 21a1.36 1.36 0 0 1-.938-.379L7.23 12.932c-.51-.51-.51-1.35 0-1.86l7.681-7.69a1.32 1.32 0 0 1 1.86 0c.51.511.51 1.35 0 1.861l-6.745 6.75 6.744 6.751c.51.51.51 1.35 0 1.86a1.29 1.29 0 0 1-.937.38l.016.016Z" class="icon-base"/></svg> Home equity</button> </div> <div class="SiteNavSubcategory-categoryTitle" x-text="activeSubcategoryName"></div> <div class="SiteNavSubcategory-panels" tabindex="-1"> <div class="SiteNavSubcategory-panel" :class="{'is-active' : isActiveSubcategory($id('subcategory', whichChild($el, $el.parentElement)))}" :aria-labelledby="$id('subcategory', whichChild($el, $el.parentElement))" role="tabpanel" @keydown="keydownSubcategoryLinks($el, $event)" tabindex="-1"> <div class="SiteNavSubcategory-firstColumn"> <div class="SiteNavTopicOverview"> <p class="SiteNavTopicOverview-heading" role="heading">HELOC </p> <p class="SiteNavTopicOverview-copy">A HELOC is a variable-rate line of credit that lets you borrow funds for a set period and repay them later.</p> <a href="/home-equity/heloc-rates/" class="Button Button--primary"data-beam-element-clicked data-type="button" data-location="site-nav" data-name="Home equity nav - HELOC subcategory CTA" data-position="1" data-text="HELOC Rates" data-outcome="send to link" data-category="Home equity"> HELOC Rates</a> </div> </div> <div class="SiteNavSubcategory-secondColumn"> <div class="SiteNavSecondaryLinkListWrapper"> <p class="SiteNavSecondaryLinkListWrapper-eyebrow" role="heading">Home equity basics </p> <div class="SiteNavSecondaryLinkLists"> <ul class="SiteNavSecondaryLinkList"> <li> <a class="SiteNavSecondaryLink" href="/home-equity/heloc-lenders/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Home equity nav - HELOC subcategory featured link" data-position="1" data-text="Best HELOC lenders" data-outcome="send to link" > Best HELOC lenders</a> </li> <li> <a class="SiteNavSecondaryLink" href="/home-equity/heloc-calculator/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Home equity nav - HELOC subcategory featured link" data-position="2" data-text="HELOC calculator" data-outcome="send to link" > HELOC calculator</a> </li> <li> <a class="SiteNavSecondaryLink" href="/home-equity/what-is-heloc/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Home equity nav - HELOC subcategory featured link" data-position="3" data-text="What is a HELOC?" data-outcome="send to link" > What is a HELOC?</a> </li> <li> <a class="SiteNavSecondaryLink" href="/home-equity/pros-cons-of-home-equity-lines/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Home equity nav - HELOC subcategory featured link" data-position="4" data-text="Pros and cons of HELOCs" data-outcome="send to link" > Pros and cons of HELOCs</a> </li> <li> <a class="SiteNavSecondaryLink" href="/home-equity/reviews/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Home equity nav - HELOC subcategory featured link" data-position="5" data-text="Home equity lender reviews" data-outcome="send to link" > Home equity lender reviews</a> </li> </ul> <ul class="SiteNavFeaturedLinkList"> <li> <a class="SiteNavFeaturedLink" href="/home-equity/what-is-home-equity/" data-beam-element-clicked data-type="featured link" data-location="site-nav" data-name="Home equity nav - HELOC subcategory link" data-position="1" data-text="What is home equity?" data-outcome="send to link" > <div class="SiteNavFeaturedLink-image"> <img loading="lazy" srcset="https://www.bankrate.com/f/102997/1440x1440/e9e92b7729/home-equity-heloc-guide-nav-imagery.png/m/50x50/filters:quality(90):format(webp), https://www.bankrate.com/f/102997/1440x1440/e9e92b7729/home-equity-heloc-guide-nav-imagery.png/m/100x100/filters:quality(90):format(webp) 2x" src="https://www.bankrate.com/f/102997/1440x1440/e9e92b7729/home-equity-heloc-guide-nav-imagery.png/m/50x50/filters:quality(90):format(webp)" alt=""> </div> <div class="SiteNavFeaturedLink-content"> <span class="SiteNavFeaturedLink-mainText">What is home equity?</span> <span class="SiteNavFeaturedLink-supportText">8 min read</span> </div> </a> </li> <li> <a class="SiteNavFeaturedLink" href="/home-equity/how-to-calculate-equity-in-your-home/" data-beam-element-clicked data-type="featured link" data-location="site-nav" data-name="Home equity nav - HELOC subcategory link" data-position="2" data-text="How to calculate home equity" data-outcome="send to link" > <div class="SiteNavFeaturedLink-image"> <img loading="lazy" srcset="https://www.bankrate.com/f/102997/1280x720/98576f9f53/home-purchase.jpeg/m/50x50/filters:quality(90):format(webp), https://www.bankrate.com/f/102997/1280x720/98576f9f53/home-purchase.jpeg/m/100x100/filters:quality(90):format(webp) 2x" src="https://www.bankrate.com/f/102997/1280x720/98576f9f53/home-purchase.jpeg/m/50x50/filters:quality(90):format(webp)" alt="Home purchase"> </div> <div class="SiteNavFeaturedLink-content"> <span class="SiteNavFeaturedLink-mainText">How to calculate home equity</span> <span class="SiteNavFeaturedLink-supportText">6 min read</span> </div> </a> </li> </ul> </div> </div> </div> </div> <div class="SiteNavSubcategory-panel" :class="{'is-active' : isActiveSubcategory($id('subcategory', whichChild($el, $el.parentElement)))}" :aria-labelledby="$id('subcategory', whichChild($el, $el.parentElement))" role="tabpanel" @keydown="keydownSubcategoryLinks($el, $event)" tabindex="-1"> <div class="SiteNavSubcategory-firstColumn"> <div class="SiteNavTopicOverview"> <p class="SiteNavTopicOverview-heading" role="heading">Home equity loans </p> <p class="SiteNavTopicOverview-copy">Home equity loans let you borrow a lump sum at a fixed rate, based on how much of the home you own outright.</p> <a href="/home-equity/home-equity-loan-rates/" class="Button Button--primary"data-beam-element-clicked data-type="button" data-location="site-nav" data-name="Home equity nav - Home equity loans subcategory CTA" data-position="1" data-text="Home equity loan rates" data-outcome="send to link" data-category="Home equity"> Home equity loan rates</a> </div> </div> <div class="SiteNavSubcategory-secondColumn"> <div class="SiteNavSecondaryLinkListWrapper"> <p class="SiteNavSecondaryLinkListWrapper-eyebrow" role="heading">Get guidance </p> <div class="SiteNavSecondaryLinkLists"> <ul class="SiteNavSecondaryLinkList"> <li> <a class="SiteNavSecondaryLink" href="/home-equity/what-is-home-equity-loan/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Home equity nav - Home equity loans subcategory featured link" data-position="1" data-text="What is a home equity loan?" data-outcome="send to link" > What is a home equity loan?</a> </li> <li> <a class="SiteNavSecondaryLink" href="/home-equity/pros-cons-home-equity-loan/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Home equity nav - Home equity loans subcategory featured link" data-position="2" data-text="Home equity loan pros and cons" data-outcome="send to link" > Home equity loan pros and cons</a> </li> <li> <a class="SiteNavSecondaryLink" href="/home-equity/requirements-to-borrow-from-home-equity/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Home equity nav - Home equity loans subcategory featured link" data-position="3" data-text="Home equity loan requirements" data-outcome="send to link" > Home equity loan requirements</a> </li> <li> <a class="SiteNavSecondaryLink" href="/home-equity/home-equity-loan-vs-line-of-credit/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Home equity nav - Home equity loans subcategory featured link" data-position="4" data-text="HELOC vs home equity loan" data-outcome="send to link" > HELOC vs home equity loan</a> </li> <li> <a class="SiteNavSecondaryLink" href="/home-equity/how-to-build-equity-in-your-home/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Home equity nav - Home equity loans subcategory featured link" data-position="5" data-text="How to build home equity" data-outcome="send to link" > How to build home equity</a> </li> </ul> <ul class="SiteNavFeaturedLinkList"> <li> <a class="SiteNavFeaturedLink" href="/home-equity/home-equity-loan-lenders/" data-beam-element-clicked data-type="featured link" data-location="site-nav" data-name="Home equity nav - Home equity loans subcategory link" data-position="1" data-text="Best home equity loan lenders" data-outcome="send to link" > <div class="SiteNavFeaturedLink-image"> <img loading="lazy" srcset="https://www.bankrate.com/f/102997/721x720/bad3fd8f56/heloc-lender-reviews-s.jpg/m/50x50/filters:quality(90):format(webp), https://www.bankrate.com/f/102997/721x720/bad3fd8f56/heloc-lender-reviews-s.jpg/m/100x100/filters:quality(90):format(webp) 2x" src="https://www.bankrate.com/f/102997/721x720/bad3fd8f56/heloc-lender-reviews-s.jpg/m/50x50/filters:quality(90):format(webp)" alt=""> </div> <div class="SiteNavFeaturedLink-content"> <span class="SiteNavFeaturedLink-mainText">Best home equity loan lenders</span> <span class="SiteNavFeaturedLink-supportText">Compare top home equity lenders</span> </div> </a> </li> <li> <a class="SiteNavFeaturedLink" href="/home-equity/home-equity-calculator/" data-beam-element-clicked data-type="featured link" data-location="site-nav" data-name="Home equity nav - Home equity loans subcategory link" data-position="2" data-text="Home equity calculator" data-outcome="send to link" > <div class="SiteNavFeaturedLink-image"> <img loading="lazy" srcset="https://www.bankrate.com/f/102997/1920x1080/2654611691/cd-rates.jpeg/m/50x50/filters:quality(90):format(webp), https://www.bankrate.com/f/102997/1920x1080/2654611691/cd-rates.jpeg/m/100x100/filters:quality(90):format(webp) 2x" src="https://www.bankrate.com/f/102997/1920x1080/2654611691/cd-rates.jpeg/m/50x50/filters:quality(90):format(webp)" alt="CD Rates"> </div> <div class="SiteNavFeaturedLink-content"> <span class="SiteNavFeaturedLink-mainText">Home equity calculator</span> <span class="SiteNavFeaturedLink-supportText">Calculate how much you can borrow</span> </div> </a> </li> </ul> </div> </div> </div> </div> </div> </div> <div class="SiteNavSubcategory-categoryLinkContainer"> <a href="/home-equity/" class="SiteNavSubcategory-categoryLink" @keydown.tab="focusNextSubcategoryTab" @keydown.down="$event.preventDefault()" data-beam-element-clicked data-type="LINK" data-location="site-nav" data-name="Home equity hub link - desktop nav" data-position="bottom" data-text="Explore all Home equity resources" data-outcome="send to link" > Explore all home equity resources <svg class="Icon Icon--sm text-blue" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Arrow Right Icon</title><path fill-rule="evenodd" clip-rule="evenodd" d="M12.29 18.69c.2.19.45.29.71.29V19c.25 0 .5-.09.7-.29l6.01-6c.18-.19.29-.44.29-.71 0-.27-.1-.52-.29-.71l-6.01-6a.996.996 0 1 0-1.41 1.41l4.3 4.3H4c-.55 0-1 .45-1 1s.45 1 1 1h12.58l-4.29 4.28a.996.996 0 0 0 0 1.41Z" class="icon-base"/></svg></a> </div> </div> </div> </div> </div> </li> <li x-cloak class="SiteNavCategory" id="category-7" @mouseenter="focusCategory($el)" @mouseleave="blurCategory" x-data> <a class="SiteNavCategory-link" href="/insurance/" data-js-selector="siteNavCategorylink7" data-preamp="nav-category-item" @focus="focusCategory($el.parentElement)" @click="handleCategoryClick" @keydown.tab.prevent="keydownCategory('tab', 7, 7);" @keydown.right.prevent="keydownCategory('right', 7, 7);" @keydown.left.prevent="keydownCategory('left', 7, 7);" @keydown.down.prevent="keydownCategory('down', 7, 7);" @keydown.up.prevent="keydownCategory('up', 7, 7);" @keydown.home.prevent="keydownCategory('home', 7, 7);" @keydown.end.prevent="keydownCategory('end', 7, 7);" @keydown.space.prevent="keydownCategory('space', 7, 7);" @keydown.enter.prevent="keydownCategory('enter', 7, 7);" :tabindex="isMobile && !isNavOpen ? -1 : 0" data-beam-element-clicked data-type="link" data-location="site-nav" data-name="top-level" data-position="7" data-text="Insurance" data-outcome="send to insurance hub" > <span class="SiteNavCategory-label"> Insurance</span> <svg class="SiteNavCategory-icon SiteNavCategory-arrow" aria-hidden="true" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Caret Right Icon</title><path d="M8.168 21a1.39 1.39 0 0 1-.938-.379c-.51-.51-.51-1.35 0-1.86l6.744-6.75L7.23 5.242c-.51-.51-.51-1.35 0-1.86a1.32 1.32 0 0 1 1.859 0l7.681 7.689c.51.51.51 1.35 0 1.86l-7.681 7.69A1.29 1.29 0 0 1 8.15 21h.017Z" class="icon-base"/></svg></a> <div x-ref="flyout" class="SiteNavCategory-flyout" id="siteNavCategory-flyout-insurance" data-beam-element-viewed data-type="drawer" data-location="site-nav" data-name="top-level-hover" data-position="7" data-text="Insurance" data-outcome="open default insurance container" > <div class="SiteNavCategory-panel" x-ref="siteNavCategoryPanel"> <div class="SiteNavMobile-sticky"> <button class="SiteNavMobile-back" @click="deactivateCategory" x-ref="backToCategoriesButton" @keydown.prevent="keyDownBackToCategoriesButton" aria-label="Back to all categories"> <svg class="Icon Icon--xs" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Caret Left Icon</title><path d="M15.85 21a1.36 1.36 0 0 1-.938-.379L7.23 12.932c-.51-.51-.51-1.35 0-1.86l7.681-7.69a1.32 1.32 0 0 1 1.86 0c.51.511.51 1.35 0 1.861l-6.745 6.75 6.744 6.751c.51.51.51 1.35 0 1.86a1.29 1.29 0 0 1-.937.38l.016.016Z" class="icon-base"/></svg>All </button> </div> <div class="SiteNavSubcategory" x-id="['subcategory']"> <div class="SiteNavSubcategory-tabsContainer"> <div id="insurance-tablist" class="SiteNavSubcategory-categoryTitle"> Insurance</div> <div class="SiteNavSubcategory-tabs" x-ref="siteNavTablist" @keydown.prevent="keydownSubcategoryTabs" role="tablist" aria-labelledby="insurance-tablist"> <button class="SiteNavSubcategory-tab" :class="isActiveSubcategory($el.id) ? 'is-active' : ''" type="button" role="tab" @mouseover="handleSubcategoryMouseOver" @click="handleSubcategoryClick" @mousedown.prevent @focus="activateSubcategory($el.id)" :id="$id('subcategory', whichChild($el, $el.parentElement))" :tabindex="isActiveSubcategory($el.id) ? 0 : -1" :aria-selected="isActiveSubcategory($el.id)" data-subcategory-name="Auto insurance" data-position="1"> Auto insurance<svg class="Icon Icon--xs" aria-hidden="true" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Caret Right Icon</title><path d="M8.168 21a1.39 1.39 0 0 1-.938-.379c-.51-.51-.51-1.35 0-1.86l6.744-6.75L7.23 5.242c-.51-.51-.51-1.35 0-1.86a1.32 1.32 0 0 1 1.859 0l7.681 7.689c.51.51.51 1.35 0 1.86l-7.681 7.69A1.29 1.29 0 0 1 8.15 21h.017Z" class="icon-base"/></svg></button> <button class="SiteNavSubcategory-tab" :class="isActiveSubcategory($el.id) ? 'is-active' : ''" type="button" role="tab" @mouseover="handleSubcategoryMouseOver" @click="handleSubcategoryClick" @mousedown.prevent @focus="activateSubcategory($el.id)" :id="$id('subcategory', whichChild($el, $el.parentElement))" :tabindex="isActiveSubcategory($el.id) ? 0 : -1" :aria-selected="isActiveSubcategory($el.id)" data-subcategory-name="Home insurance" data-position="2"> Home insurance<svg class="Icon Icon--xs" aria-hidden="true" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Caret Right Icon</title><path d="M8.168 21a1.39 1.39 0 0 1-.938-.379c-.51-.51-.51-1.35 0-1.86l6.744-6.75L7.23 5.242c-.51-.51-.51-1.35 0-1.86a1.32 1.32 0 0 1 1.859 0l7.681 7.689c.51.51.51 1.35 0 1.86l-7.681 7.69A1.29 1.29 0 0 1 8.15 21h.017Z" class="icon-base"/></svg></button> <button class="SiteNavSubcategory-tab" :class="isActiveSubcategory($el.id) ? 'is-active' : ''" type="button" role="tab" @mouseover="handleSubcategoryMouseOver" @click="handleSubcategoryClick" @mousedown.prevent @focus="activateSubcategory($el.id)" :id="$id('subcategory', whichChild($el, $el.parentElement))" :tabindex="isActiveSubcategory($el.id) ? 0 : -1" :aria-selected="isActiveSubcategory($el.id)" data-subcategory-name="Life insurance" data-position="3"> Life insurance<svg class="Icon Icon--xs" aria-hidden="true" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Caret Right Icon</title><path d="M8.168 21a1.39 1.39 0 0 1-.938-.379c-.51-.51-.51-1.35 0-1.86l6.744-6.75L7.23 5.242c-.51-.51-.51-1.35 0-1.86a1.32 1.32 0 0 1 1.859 0l7.681 7.689c.51.51.51 1.35 0 1.86l-7.681 7.69A1.29 1.29 0 0 1 8.15 21h.017Z" class="icon-base"/></svg></button> </div> <div class="SiteNavSubcategory-categoryLinkContainer" @keydown.left.prevent="keydownSubcategoryTabs" @keydown.up.prevent="keydownSubcategoryTabs" @keydown.right.prevent="keydownSubcategoryTabs" @keydown.down.prevent="keydownSubcategoryTabs" @keydown.tab.prevent="keydownSubcategoryTabs"> <a href="/insurance/" class="SiteNavSubcategory-categoryLink" x-ref="siteNavCategoryLinkMobile" @keydown.space.prevent="$el.click()" @keydown.enter.prevent="$el.click()" data-beam-element-clicked data-type="LINK" data-location="site-nav" data-name="Insurance hub link - mobile nav" data-position="bottom" data-text="Explore all Insurance resources" data-outcome="send to link" > Explore all insurance resources <svg class="Icon Icon--sm text-blue" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Arrow Right Icon</title><path fill-rule="evenodd" clip-rule="evenodd" d="M12.29 18.69c.2.19.45.29.71.29V19c.25 0 .5-.09.7-.29l6.01-6c.18-.19.29-.44.29-.71 0-.27-.1-.52-.29-.71l-6.01-6a.996.996 0 1 0-1.41 1.41l4.3 4.3H4c-.55 0-1 .45-1 1s.45 1 1 1h12.58l-4.29 4.28a.996.996 0 0 0 0 1.41Z" class="icon-base"/></svg></a> </div> </div> <div class="SiteNavSubcategory-content" :class="{'is-active': showSubcategoryView}" @keydown.up.prevent="keydownSubcategoryLinks($el.querySelector('.is-active'), $event)"> <div class="SiteNavSubcategory-panelsContainer" x-ref="siteNavSubcategoryPanelsContainer"> <div class="SiteNavMobile-sticky"> <button class="SiteNavMobile-back" @click="deactivateSubcategory" x-ref="backToSubcategoriesButton" @keydown.prevent="keyDownBackToSubcategoriesButton" aria-label="Back to Insurance category"> <svg class="Icon Icon--xs" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Caret Left Icon</title><path d="M15.85 21a1.36 1.36 0 0 1-.938-.379L7.23 12.932c-.51-.51-.51-1.35 0-1.86l7.681-7.69a1.32 1.32 0 0 1 1.86 0c.51.511.51 1.35 0 1.861l-6.745 6.75 6.744 6.751c.51.51.51 1.35 0 1.86a1.29 1.29 0 0 1-.937.38l.016.016Z" class="icon-base"/></svg> Insurance</button> </div> <div class="SiteNavSubcategory-categoryTitle" x-text="activeSubcategoryName"></div> <div class="SiteNavSubcategory-panels" tabindex="-1"> <div class="SiteNavSubcategory-panel" :class="{'is-active' : isActiveSubcategory($id('subcategory', whichChild($el, $el.parentElement)))}" :aria-labelledby="$id('subcategory', whichChild($el, $el.parentElement))" role="tabpanel" @keydown="keydownSubcategoryLinks($el, $event)" tabindex="-1"> <div class="SiteNavSubcategory-firstColumn"> <div class="SiteNavPrimaryLinkList"> <p class="SiteNavPrimaryLinkList-eyebrow">Compare rates</p> <ul class="SiteNavPrimaryLinkList-list"> <li class="SiteNavPrimaryLinkList-item"> <a href="/insurance/car/best-car-insurance-companies/" class="SiteNavPrimaryLink" target="" > Best car insurance companies</a> </li> <li class="SiteNavPrimaryLinkList-item"> <a href="/insurance/car/cheap-car-insurance-companies/" class="SiteNavPrimaryLink" target="" > Cheapest car insurance companies</a> </li> <li class="SiteNavPrimaryLinkList-item"> <a href="/insurance/car/rates/" class="SiteNavPrimaryLink" target="" > Compare car insurance rates</a> </li> <li class="SiteNavPrimaryLinkList-item"> <a href="/insurance/car/average-cost-of-car-insurance/" class="SiteNavPrimaryLink" target="" > How much is car insurance?</a> </li> </ul> </div> </div> <div class="SiteNavSubcategory-secondColumn"> <div class="SiteNavSecondaryLinkListWrapper"> <p class="SiteNavSecondaryLinkListWrapper-eyebrow" role="heading">Get guidance</p> <div class="SiteNavSecondaryLinkLists"> <ul class="SiteNavSecondaryLinkList"> <li> <a class="SiteNavSecondaryLink" href="/insurance/reviews/allstate/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Insurance nav - Auto insurance subcategory featured link" data-position="1" data-text="Allstate insurance review" data-outcome="send to link" > Allstate insurance review</a> </li> <li> <a class="SiteNavSecondaryLink" href="/insurance/reviews/erie/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Insurance nav - Auto insurance subcategory featured link" data-position="2" data-text="Erie insurance review" data-outcome="send to link" > Erie insurance review</a> </li> <li> <a class="SiteNavSecondaryLink" href="/insurance/reviews/progressive/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Insurance nav - Auto insurance subcategory featured link" data-position="3" data-text="Progressive insurance review" data-outcome="send to link" > Progressive insurance review</a> </li> <li> <a class="SiteNavSecondaryLink" href="/insurance/reviews/state-farm/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Insurance nav - Auto insurance subcategory featured link" data-position="4" data-text="State Farm insurance review" data-outcome="send to link" > State Farm insurance review</a> </li> <li> <a class="SiteNavSecondaryLink" href="/insurance/reviews/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Insurance nav - Auto insurance subcategory featured link" data-position="5" data-text="All insurance company reviews" data-outcome="send to link" > All insurance company reviews</a> </li> </ul> <ul class="SiteNavFeaturedLinkList"> <li> <a class="SiteNavFeaturedLink" href="/insurance/car/states/" data-beam-element-clicked data-type="featured link" data-location="site-nav" data-name="Insurance nav - Auto insurance subcategory link" data-position="1" data-text="Auto insurance by state" data-outcome="send to link" > <div class="SiteNavFeaturedLink-image"> <img loading="lazy" srcset="https://www.bankrate.com/f/102997/1440x1440/5bfb00cc0b/auto-insurance-by-state.png/m/50x50/filters:quality(90):format(webp), https://www.bankrate.com/f/102997/1440x1440/5bfb00cc0b/auto-insurance-by-state.png/m/100x100/filters:quality(90):format(webp) 2x" src="https://www.bankrate.com/f/102997/1440x1440/5bfb00cc0b/auto-insurance-by-state.png/m/50x50/filters:quality(90):format(webp)" alt=""> </div> <div class="SiteNavFeaturedLink-content"> <span class="SiteNavFeaturedLink-mainText">Auto insurance by state</span> <span class="SiteNavFeaturedLink-supportText">Compare rates in your state</span> </div> </a> </li> <li> <a class="SiteNavFeaturedLink" href="/insurance/car/" data-beam-element-clicked data-type="featured link" data-location="site-nav" data-name="Insurance nav - Auto insurance subcategory link" data-position="2" data-text="Car insurance resources" data-outcome="send to link" > <div class="SiteNavFeaturedLink-image"> <img loading="lazy" srcset="https://www.bankrate.com/f/102997/1440x1440/20e5cbc3e7/how-much-is-car-insurance-nav.png/m/50x50/filters:quality(90):format(webp), https://www.bankrate.com/f/102997/1440x1440/20e5cbc3e7/how-much-is-car-insurance-nav.png/m/100x100/filters:quality(90):format(webp) 2x" src="https://www.bankrate.com/f/102997/1440x1440/20e5cbc3e7/how-much-is-car-insurance-nav.png/m/50x50/filters:quality(90):format(webp)" alt=""> </div> <div class="SiteNavFeaturedLink-content"> <span class="SiteNavFeaturedLink-mainText">Car insurance resources</span> <span class="SiteNavFeaturedLink-supportText">Learn more about auto insurance</span> </div> </a> </li> </ul> </div> </div> </div> </div> <div class="SiteNavSubcategory-panel" :class="{'is-active' : isActiveSubcategory($id('subcategory', whichChild($el, $el.parentElement)))}" :aria-labelledby="$id('subcategory', whichChild($el, $el.parentElement))" role="tabpanel" @keydown="keydownSubcategoryLinks($el, $event)" tabindex="-1"> <div class="SiteNavSubcategory-firstColumn"> <div class="SiteNavPrimaryLinkList"> <p class="SiteNavPrimaryLinkList-eyebrow">Compare rates</p> <ul class="SiteNavPrimaryLinkList-list"> <li class="SiteNavPrimaryLinkList-item"> <a href="/insurance/homeowners-insurance/best-home-insurance-companies/" class="SiteNavPrimaryLink" target="" > Best home insurance companies</a> </li> <li class="SiteNavPrimaryLinkList-item"> <a href="/insurance/homeowners-insurance/cheap-homeowners-insurance/" class="SiteNavPrimaryLink" target="" > Cheapest home insurance companies</a> </li> <li class="SiteNavPrimaryLinkList-item"> <a href="/insurance/homeowners-insurance/home-insurance-quotes/" class="SiteNavPrimaryLink" target="" > Home insurance quotes</a> </li> <li class="SiteNavPrimaryLinkList-item"> <a href="/insurance/homeowners-insurance/homeowners-insurance-cost/" class="SiteNavPrimaryLink" target="" > How much is homeowners insurance?</a> </li> </ul> </div> </div> <div class="SiteNavSubcategory-secondColumn"> <div class="SiteNavSecondaryLinkListWrapper"> <p class="SiteNavSecondaryLinkListWrapper-eyebrow" role="heading">Get guidance </p> <div class="SiteNavSecondaryLinkLists"> <ul class="SiteNavSecondaryLinkList"> <li> <a class="SiteNavSecondaryLink" href="/insurance/reviews/kin/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Insurance nav - Home insurance subcategory featured link" data-position="1" data-text="Kin insurance review" data-outcome="send to link" > Kin insurance review</a> </li> <li> <a class="SiteNavSecondaryLink" href="/insurance/reviews/hippo-insurance/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Insurance nav - Home insurance subcategory featured link" data-position="2" data-text="Hippo insurance review" data-outcome="send to link" > Hippo insurance review</a> </li> <li> <a class="SiteNavSecondaryLink" href="/insurance/reviews/lemonade/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Insurance nav - Home insurance subcategory featured link" data-position="3" data-text="Lemonade insurance review" data-outcome="send to link" > Lemonade insurance review</a> </li> <li> <a class="SiteNavSecondaryLink" href="/insurance/reviews/citizens-insurance/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Insurance nav - Home insurance subcategory featured link" data-position="4" data-text="Citizens insurance review" data-outcome="send to link" > Citizens insurance review</a> </li> </ul> <ul class="SiteNavFeaturedLinkList"> <li> <a class="SiteNavFeaturedLink" href="/insurance/homeowners-insurance/states/" data-beam-element-clicked data-type="featured link" data-location="site-nav" data-name="Insurance nav - Home insurance subcategory link" data-position="1" data-text="Home insurance by state" data-outcome="send to link" > <div class="SiteNavFeaturedLink-image"> <img loading="lazy" srcset="https://www.bankrate.com/f/102997/1440x1440/8af9dfc8a2/home-insurance-by-state-nav-imagery.png/m/50x50/filters:quality(90):format(webp), https://www.bankrate.com/f/102997/1440x1440/8af9dfc8a2/home-insurance-by-state-nav-imagery.png/m/100x100/filters:quality(90):format(webp) 2x" src="https://www.bankrate.com/f/102997/1440x1440/8af9dfc8a2/home-insurance-by-state-nav-imagery.png/m/50x50/filters:quality(90):format(webp)" alt=""> </div> <div class="SiteNavFeaturedLink-content"> <span class="SiteNavFeaturedLink-mainText">Home insurance by state</span> <span class="SiteNavFeaturedLink-supportText">Compare rates in your state</span> </div> </a> </li> <li> <a class="SiteNavFeaturedLink" href="/insurance/homeowners-insurance/" data-beam-element-clicked data-type="featured link" data-location="site-nav" data-name="Insurance nav - Home insurance subcategory link" data-position="2" data-text="Home insurance resources" data-outcome="send to link" > <div class="SiteNavFeaturedLink-image"> <img loading="lazy" srcset="https://www.bankrate.com/f/102997/1440x1440/e85a91b40b/how-much-is-home-insurance-nav-imagery.png/m/50x50/filters:quality(90):format(webp), https://www.bankrate.com/f/102997/1440x1440/e85a91b40b/how-much-is-home-insurance-nav-imagery.png/m/100x100/filters:quality(90):format(webp) 2x" src="https://www.bankrate.com/f/102997/1440x1440/e85a91b40b/how-much-is-home-insurance-nav-imagery.png/m/50x50/filters:quality(90):format(webp)" alt=""> </div> <div class="SiteNavFeaturedLink-content"> <span class="SiteNavFeaturedLink-mainText">Home insurance resources</span> <span class="SiteNavFeaturedLink-supportText">Learn more about home insurance</span> </div> </a> </li> </ul> </div> </div> </div> </div> <div class="SiteNavSubcategory-panel" :class="{'is-active' : isActiveSubcategory($id('subcategory', whichChild($el, $el.parentElement)))}" :aria-labelledby="$id('subcategory', whichChild($el, $el.parentElement))" role="tabpanel" @keydown="keydownSubcategoryLinks($el, $event)" tabindex="-1"> <div class="SiteNavSubcategory-firstColumn"> <div class="SiteNavPrimaryLinkList"> <p class="SiteNavPrimaryLinkList-eyebrow">Compare companies </p> <ul class="SiteNavPrimaryLinkList-list"> <li class="SiteNavPrimaryLinkList-item"> <a href="/insurance/life-insurance/life-insurance-cost/" class="SiteNavPrimaryLink" target="" > How much does life insurance cost?</a> </li> <li class="SiteNavPrimaryLinkList-item"> <a href="/insurance/life-insurance/best-life-insurance-companies/" class="SiteNavPrimaryLink" target="" > Best life insurance companies</a> </li> <li class="SiteNavPrimaryLinkList-item"> <a href="/insurance/life-insurance/life-insurance-quotes/" class="SiteNavPrimaryLink" target="" > Life insurance quotes</a> </li> <li class="SiteNavPrimaryLinkList-item"> <a href="/insurance/life-insurance/cheap-life-insurance/" class="SiteNavPrimaryLink" target="" > Cheapest life insurance companies</a> </li> </ul> </div> </div> <div class="SiteNavSubcategory-secondColumn"> <div class="SiteNavSecondaryLinkListWrapper"> <p class="SiteNavSecondaryLinkListWrapper-eyebrow" role="heading">Get guidance</p> <div class="SiteNavSecondaryLinkLists"> <ul class="SiteNavSecondaryLinkList"> <li> <a class="SiteNavSecondaryLink" href="/insurance/reviews/globe-life/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Insurance nav - Life insurance subcategory featured link" data-position="1" data-text="Globe Life insurance review" data-outcome="send to link" > Globe Life insurance review</a> </li> <li> <a class="SiteNavSecondaryLink" href="/insurance/reviews/colonial-penn/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Insurance nav - Life insurance subcategory featured link" data-position="2" data-text="Colonial Penn insurance review" data-outcome="send to link" > Colonial Penn insurance review</a> </li> <li> <a class="SiteNavSecondaryLink" href="/insurance/reviews/ladder-life-insurance/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Insurance nav - Life insurance subcategory featured link" data-position="3" data-text="Ladder life insurance review" data-outcome="send to link" > Ladder life insurance review</a> </li> <li> <a class="SiteNavSecondaryLink" href="/insurance/reviews/ethos/" data-beam-element-clicked data-type="secondary link" data-location="site-nav" data-name="Insurance nav - Life insurance subcategory featured link" data-position="4" data-text="Ethos life insurance review" data-outcome="send to link" > Ethos life insurance review</a> </li> </ul> <ul class="SiteNavFeaturedLinkList"> <li> <a class="SiteNavFeaturedLink" href="/insurance/life-insurance/life-insurance-calculator/" data-beam-element-clicked data-type="featured link" data-location="site-nav" data-name="Insurance nav - Life insurance subcategory link" data-position="1" data-text="Life insurance calculator" data-outcome="send to link" > <div class="SiteNavFeaturedLink-image"> <img loading="lazy" srcset="https://www.bankrate.com/f/102997/1440x1440/8b7ce45a3a/whole-life-insurance-nav.png/m/50x50/filters:quality(90):format(webp), https://www.bankrate.com/f/102997/1440x1440/8b7ce45a3a/whole-life-insurance-nav.png/m/100x100/filters:quality(90):format(webp) 2x" src="https://www.bankrate.com/f/102997/1440x1440/8b7ce45a3a/whole-life-insurance-nav.png/m/50x50/filters:quality(90):format(webp)" alt=""> </div> <div class="SiteNavFeaturedLink-content"> <span class="SiteNavFeaturedLink-mainText">Life insurance calculator</span> <span class="SiteNavFeaturedLink-supportText">How much do you need?</span> </div> </a> </li> <li> <a class="SiteNavFeaturedLink" href="/insurance/life-insurance/" data-beam-element-clicked data-type="featured link" data-location="site-nav" data-name="Insurance nav - Life insurance subcategory link" data-position="2" data-text="Life insurance resources" data-outcome="send to link" > <div class="SiteNavFeaturedLink-image"> <img loading="lazy" srcset="https://www.bankrate.com/f/102997/1440x1440/f61af7d73a/term-life-insurance-nav.png/m/50x50/filters:quality(90):format(webp), https://www.bankrate.com/f/102997/1440x1440/f61af7d73a/term-life-insurance-nav.png/m/100x100/filters:quality(90):format(webp) 2x" src="https://www.bankrate.com/f/102997/1440x1440/f61af7d73a/term-life-insurance-nav.png/m/50x50/filters:quality(90):format(webp)" alt=""> </div> <div class="SiteNavFeaturedLink-content"> <span class="SiteNavFeaturedLink-mainText">Life insurance resources</span> <span class="SiteNavFeaturedLink-supportText">Learn more about life insurance</span> </div> </a> </li> </ul> </div> </div> </div> </div> </div> </div> <div class="SiteNavSubcategory-categoryLinkContainer"> <a href="/insurance/" class="SiteNavSubcategory-categoryLink" @keydown.tab="focusNextSubcategoryTab" @keydown.down="$event.preventDefault()" data-beam-element-clicked data-type="LINK" data-location="site-nav" data-name="Insurance hub link - desktop nav" data-position="bottom" data-text="Explore all Insurance resources" data-outcome="send to link" > Explore all insurance resources <svg class="Icon Icon--sm text-blue" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Arrow Right Icon</title><path fill-rule="evenodd" clip-rule="evenodd" d="M12.29 18.69c.2.19.45.29.71.29V19c.25 0 .5-.09.7-.29l6.01-6c.18-.19.29-.44.29-.71 0-.27-.1-.52-.29-.71l-6.01-6a.996.996 0 1 0-1.41 1.41l4.3 4.3H4c-.55 0-1 .45-1 1s.45 1 1 1h12.58l-4.29 4.28a.996.996 0 0 0 0 1.41Z" class="icon-base"/></svg></a> </div> </div> </div> </div> </div> </li> </ul> <svg class="SiteNav-logo--mobile" width="100" height="20" viewBox="0 0 400 80" xmlns="http://www.w3.org/2000/svg" focusable="false"> <title>Bankrate</title> <g fill="#151515"> <path d="m100.16 78.16v-8.16h-.16c-3.75 6.26-10.42 9.5-18 9.5-15.45 0-28-11.63-28-26.88 0-16.87 12.12-28.7 27.65-28.7 7.72 0 14.21 2.86 18.31 8.87h.19v-7.44h9.91v52.81zm.19-26.31c0-10.29-7.44-18.85-18.41-18.85-9.91 0-18 8.49-18 18.87 0 9.92 8.11 18.6 18 18.6a18.58 18.58 0 0 0 18.41-18.62z"/> <path d="m155.19 78.16v-28.78c0-11.16-4.38-16.4-13.16-16.4s-13.92 6.39-13.92 16.31v28.89h-9.92v-52.83h9.25v5.65h.19c3.9-5 9.35-7 15.45-7 12.68 0 22 8 22 22.6v31.58h-9.9z"/> <path d="m300.12 78.16v-8.16h-.18c-3.72 6.29-10.4 9.53-17.93 9.53-15.45 0-28-11.63-28-26.88 0-16.87 12.1-28.7 27.65-28.7 7.72 0 14.21 2.86 18.31 8.87h.18v-7.47h9.85v52.81zm.19-26.31c0-10.29-7.44-18.87-18.4-18.87-9.92 0-18 8.49-18 18.87 0 9.92 8.11 18.6 18 18.6a18.57 18.57 0 0 0 18.4-18.6z"/> <path d="m325.11 78.16v-43.75h-7.11v-9.06h7.15v-17.73h9.85v17.73h8.68v9.06h-8.68v43.75z"/> <path d="m356 56.05c2.29 8.76 9.25 14.4 17.36 14.4a17 17 0 0 0 15.06-8.87h9.91a27.08 27.08 0 0 1 -25.41 17.92c-14.87 0-26.92-13.16-26.92-27.27 0-16.68 12.58-28.32 26.6-28.32a26.9 26.9 0 0 1 27.4 27.17 29.4 29.4 0 0 1 -.29 5h-43.71zm34.13-7.62c-.75-9-8.67-15.45-17.16-15.45-8.11 0-16.21 6.39-17 15.45z"/> <path d="m42 39.88a22.68 22.68 0 0 0 -4.89-3.79 18.39 18.39 0 0 0 1.73-2 21 21 0 0 0 4-14 21.57 21.57 0 0 0 -6.2-13.85 22 22 0 0 0 -15.96-6.24h-20.68v79.5h24.34c9.13 0 14.75-4 17.87-7.39a23.6 23.6 0 0 0 6.18-16.11 22.89 22.89 0 0 0 -6.39-16.12zm-21.32-30.61c8.37 0 12.5 5.75 12.88 11.43a11.49 11.49 0 0 1 -9.71 11.93h-14.58v-23.36zm3.65 61h-15.06v-28.37h13.73c11.89 0 16.1 7.6 16.1 14.11-.01 6.84-4.62 14.22-14.77 14.22z"/> <path d="m245.87 25.39c-9.38-.7-13 4-13 4v-4h-9.87v52.77h9.91v-29.64a20.28 20.28 0 0 1 1-6.37c2.14-6.48 9.16-8.56 16-6l4.09-8.7a22.74 22.74 0 0 0 -8.13-2.06z"/> <path d="m173.07 7.62h9.92v70.55h-9.92z"/> <path d="m205.26 78.16-21.88-26.43 19.62-26.38h11.21l-19.31 26.38 22.05 26.43z"/> </g> </svg></nav> <div class="SiteNav-rightLinks"> <button @click="toggleSearch" x-ref="siteNavSearchButton" class="SiteNavSearch" :class="{'is-active': isSearchOpen}" :aria-label="(isSearchOpen ? 'Close search modal' : 'Open search modal') + (!isMobile ? ' or press the home key to return to the main menu' : '')" data-beam-element-clicked data-type="button" data-location="site-nav" data-name="search" data-position="top" data-text="open search" data-outcome="link to search" tabindex="0" @keydown.shift.tab="isMobile && ($event.preventDefault() || $refs.siteNavLogo.focus())" @keydown.home.prevent="!isMobile && document.body.querySelector('[data-js-selector=siteNavCategorylink1]').focus()"> <svg class="Icon Icon--sm SiteNavSearch-magnifyingGlass" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Search Icon</title><path fill-rule="evenodd" clip-rule="evenodd" d="M10.312 1.5C5.702 1.5 2 5.28 2 10c0 4.72 3.703 8.5 8.312 8.5a8.18 8.18 0 0 0 4.648-1.44l4.947 5.11c.428.44 1.125.44 1.553 0l.219-.22c.428-.38.428-1.1 0-1.54l-4.917-5.03A8.611 8.611 0 0 0 18.623 10c0-4.72-3.753-8.5-8.311-8.5Zm0 2.19c3.374 0 6.161 2.85 6.161 6.31 0 3.46-2.787 6.31-6.161 6.31-3.375 0-6.162-2.85-6.162-6.31 0-3.46 2.737-6.31 6.162-6.31Z" class="icon-base"/></svg><svg class="Icon Icon--xs SiteNavSearch-xButton" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Close X Icon</title><path d="M18.88 3.28a1.3 1.3 0 1 1 1.839 1.84L13.839 12l6.88 6.881a1.3 1.3 0 1 1-1.838 1.838L12 13.84l-6.881 6.88a1.3 1.3 0 1 1-1.839-1.838L10.161 12l-6.88-6.88a1.3 1.3 0 0 1 1.838-1.84L12 10.162l6.882-6.88Z" class="icon-base"/></svg></button> <button id="SiteNavMenuButton" x-ref="siteNavMenuButton" @click="toggleNav" class="SiteNav-hamburger" tabindex="0" :aria-label="isNavOpen ? 'Close menu' : 'Open menu'" @keydown.shift.tab.prevent="$refs.siteNavSearchButton.focus()" @keydown.tab="keydownMenuButton" @keydown.right="keydownMenuButton" @keydown.down="keydownMenuButton" @keydown.esc="isNavOpen && closeNav()" data-beam-element-clicked data-type="button" data-location="site-nav" data-name="hamburger menu" data-position="top" data-text="toggle hamburger menu" data-outcome="toggle hamburger menu" > <div class="SiteNav-hamburgerBars"></div> </button> </div> </div> <div class="SiteNav-overlay" x-ref="siteNavOverlayHeader" @click="closeNav" :class="{ 'is-active': isNavOpen }"></div> </div> <div class="SiteNav-overlay" x-ref="siteNavOverlay" @click="closeNav" :class="{ 'is-active': isNavOpen }"></div> <div class="SiteNavSearch-container" :class="{ 'is-active': isSearchOpen }" data-js-selector="global-search-filter" data-beam-element-viewed data-type="drawer" data-location="site-nav" data-name="search flyout" data-position="top" data-text="open search flyout" data-outcome="open search flyout container" > <form class="SiteNavSearch-form" name="search bar" type="search" action="https://www.bankrate.com/search/"> <div> <div> <input type="text" id="siteSearchInput" x-ref="siteSearchInput" x-trap="(isSearchOpen && $refs.siteSearchInput.focus() === false)" @keydown.shift.tab="toggleSearch()" @keydown.esc="toggleSearch()" class="FormInput SiteNavSearch-input" name="q" placeholder="What can we help you find?" value="" autocomplete="off" aria-label="Search Bankrate" data-beam-field-inputted-no-pii data-label="Search Bankrate" :tabindex="isSearchOpen ? 0 : -1"> </div> <div> <button type="submit" class="SiteNavSearch-submit" data-js-selector="nav-search-submit-btn" :tabindex="isSearchOpen ? 0 : -1"> <span class="visually-hidden">Submit</span> <svg class="Icon Icon--sm" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Search Icon</title><path fill-rule="evenodd" clip-rule="evenodd" d="M10.312 1.5C5.702 1.5 2 5.28 2 10c0 4.72 3.703 8.5 8.312 8.5a8.18 8.18 0 0 0 4.648-1.44l4.947 5.11c.428.44 1.125.44 1.553 0l.219-.22c.428-.38.428-1.1 0-1.54l-4.917-5.03A8.611 8.611 0 0 0 18.623 10c0-4.72-3.753-8.5-8.311-8.5Zm0 2.19c3.374 0 6.161 2.85 6.161 6.31 0 3.46-2.787 6.31-6.161 6.31-3.375 0-6.162-2.85-6.162-6.31 0-3.46 2.737-6.31 6.162-6.31Z" class="icon-base"/></svg></button> </div> </div> </form> </div> </header> <div id="preamp-after-nav-placement"></div> <div data-monarch-slot="afterNavigationSlot" data-content-strategy="append"></div> <link rel="modulepreload" href="https://www.bankrate.com/v5.1521.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="mt-12 display-flex 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/credit-cards/"> Credit Cards</a> </li> <li class="Breadcrumb-itemContainer"> <a class="Breadcrumb-item " href="https://www.bankrate.com/credit-cards/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"> Capital One Venture Rewards Credit Card</span> </li> </ol> </nav> <div class="advertiser-disclosure" data-cy="advertiser-disclosure"> <button type="button" class="Button Button--bare type-body-two text-crop-none border-0 text-blue hover:text-blue-mid" data-target="#default-disclosure-modal" data-preamp="mortgage-dark-mode-disclosure" data-beam-element-clicked id="default-disclosure-button" data-type="BUTTON" data-location="hero section" data-name="advertiser disclosure button" data-position="top" data-text="advertiser disclosure" data-outcome="advertiser disclosure modal" > Advertiser Disclosure </button> <div x-data x-init="$nextTick(() => { window.initModal('default-disclosure-modal', 1); })" class="display-none"> <template x-teleport="#modalStack"> <div id="default-disclosure-modal" class="Modal is-closed " role="dialog" aria-hidden="true"> <button class="Modal-overlay" data-target="default-disclosure-modal" aria-label="close" @click=""></button> <div data-cy="modalContainer" class="Modal-container" role="document" tabindex="-1" aria-labelledby="default-disclosure-modal-title"> <div class="p-6 bg-white box-shadow-four rounded-lg max-w-3xl"> <h2 class="type-heading-four mb-8" id="default-disclosure-modal-title"> Advertiser Disclosure </h2> <p class="type-body-one text-slate"> Bankrate.com is an independent, advertising-supported comparison service. The offers that appear on this site are from companies from which Bankrate.com receives compensation. This compensation may impact how and where products appear on this site, including, for example, the order in which they may appear within listing categories. Other factors, such as our own proprietary website rules and the likelihood of applicants' credit approval, also impact how and where products appear on this site. Bankrate.com does not include the entire universe of available financial or credit offers. </p> <p class="type-body-one text-slate"> Bankrate has partnerships with issuers including, but not limited to, American Express, Bank of America, Capital One, Chase, Citi and Discover. </p></div><button data-cy="modalClose" class="Modal-close" type="button" data-target="default-disclosure-modal" aria-label="close" @click=""></button> </div> </div> </template> </div> </div> </div> </div> </div> <section class="gutter section-wrapper"> <div class="wrapper section"> <div> <div data-cy="" class="Headline w-full"> <H1 class="type-heading-one my-8"> Capital One Venture Rewards Credit Card review: A streamlined travel rewards experience </H1> </div> </div> </div> </section> <section class="section-wrapper bg-transparent py-0 gutter" > <div class="wrapper"> <div class="wysiwyg display-block w-full"> <p>Perfect for streamlined rewards from all of your spending.</p></div> <div class="credit-card-review-intro-section mb-8"> <div class="display-flex"> <div class="flex-1"> <div data-cy="byline" x-data="{expanded: false}" class="Byline display-flex flex-wrap gap-y-4 mb-4 align-items-center"> <div class="Byline-user display-flex align-items-center"> <img srcset="https://www.bankrate.com/2023/04/03122209/Garrett-Yarbrough-Headshot-2-scaled.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/2023/04/03122209/Garrett-Yarbrough-Headshot-2-scaled.jpg?auto=webp&quality=85&width=24&height=24&fit=cover&enable=upscale&crop=1:1,smart&dpr=2 2x, https://www.bankrate.com/2023/04/03122209/Garrett-Yarbrough-Headshot-2-scaled.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/2023/04/03122209/Garrett-Yarbrough-Headshot-2-scaled.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('0Ax3Sd')" 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-0Ax3Sd" aria-controls="tooltip-content-0Ax3Sd" x-bind="trigger"> Garrett Yarbrough</button><div class="Tooltip-content Tooltip-content--belowTrigger Tooltip-content--anchorCenter author-preview"style="display: none;" id="tooltip-content-0Ax3Sd" aria-hidden="true" aria-labelledby="tooltip-trigger-0Ax3Sd" 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/2023/04/03122209/Garrett-Yarbrough-Headshot-2-scaled.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/2023/04/03122209/Garrett-Yarbrough-Headshot-2-scaled.jpg?auto=webp&quality=85&width=64&height=64&fit=cover&enable=upscale&crop=1:1,smart&dpr=2 2x, https://www.bankrate.com/2023/04/03122209/Garrett-Yarbrough-Headshot-2-scaled.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/2023/04/03122209/Garrett-Yarbrough-Headshot-2-scaled.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/garrett-yarbrough/" class="Link Link--standalone text-black"> Garrett Yarbrough</a> </div> <span class="AuthorPreview-title type-body-two text-slate text-crop-none">Writer, Credit cards</span> </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> Credit card strategy</li> <li class="display-flex align-items-center gap-2 mt-2 text-black"> <span class="text-blue-mid text-base"> • </span> Credit card comparisons</li> </ul> </div> <div class="display-flex align-items-center text-black"> <svg class="Icon Icon--sm mr-2 align-self-flex-start" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Calendar Icon</title><path fill-rule="evenodd" clip-rule="evenodd" d="M14.945 6H6.846c-.78 0-1.433.94-1.433 2.05v13.4c0 1.11.654 2.05 1.433 2.05h14.268c.779 0 1.433-.94 1.433-2.05V8.05c0-1.11-.654-2.05-1.434-2.05h-6.168Z" fill="transparent" class="icon-offset"/><path fill-rule="evenodd" clip-rule="evenodd" d="M15.752 6.413a.647.647 0 0 1-.644-.644v-.887H8.892v.887c0 .354-.29.644-.644.644a.647.647 0 0 1-.645-.644v-.887H5.57c-.7 0-1.29.846-1.29 1.846v2.216h15.421V6.728c0-1-.588-1.846-1.29-1.846h-2.015v.887c0 .354-.29.644-.645.644Zm-8.15-2.82H5.58C4.161 3.592 3 5.002 3 6.727v12.067c0 1.734 1.16 3.136 2.58 3.136h12.84c1.427 0 2.58-1.41 2.58-3.136V6.729c0-1.733-1.16-3.136-2.58-3.136h-2.023v-.879a.647.647 0 0 0-.645-.645.647.647 0 0 0-.644.645v.88H8.892v-.88a.647.647 0 0 0-.644-.645.647.647 0 0 0-.645.645v.88Zm-3.32 6.64h15.42v8.563c0 1-.588 1.846-1.29 1.846H5.572c-.702 0-1.29-.847-1.29-1.846v-8.562Zm3.683 4.128a.808.808 0 0 0 .806-.806.808.808 0 0 0-.806-.806.808.808 0 0 0-.806.806c0 .444.363.806.806.806Zm.806 2.781a.808.808 0 0 1-.806.806.808.808 0 0 1-.806-.806c0-.443.363-.806.806-.806.444 0 .806.363.806.806Zm3.346-2.78a.808.808 0 0 0 .806-.807.808.808 0 0 0-.806-.806.808.808 0 0 0-.806.806c0 .444.362.806.806.806Zm.806 2.78a.808.808 0 0 1-.806.806.808.808 0 0 1-.806-.806c0-.443.362-.806.806-.806.443 0 .806.363.806.806Zm3.329-2.797a.808.808 0 0 0 .806-.806.808.808 0 0 0-.806-.806.808.808 0 0 0-.806.806c0 .443.363.806.806.806Zm.806 2.773a.808.808 0 0 1-.806.806.808.808 0 0 1-.806-.806c0-.444.363-.806.806-.806.443 0 .806.362.806.806Z" class="icon-base"/></svg><div class="type-body-two font-circular-bold leading-normal lowercase display-flex"> 4 Years of experience</div> </div> </div> <div class="AuthorPreview-bottom text-slate"> <div class="AuthorPreview-bio text-crop-none AuthorPreview-bio--truncated"> Bankrate expert Garrett Yarbrough strives to make navigating credit cards and credit building smooth sailing for his readers. After regularly featuring his credit card, credit monitoring and identity theft analysis on NextAdvisor.com, he joined the CreditCards.com and Bankrate teams as a staff writer to develop product reviews and comprehensive credit card guides focused on cash back, credit scores and card offers.</div> <div class="display-flex align-items-center justify-content-space-between w-full"> <a href="https://www.bankrate.com/authors/garrett-yarbrough/" 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/garrett-yarbrough-b94187127/" target="_blank" rel="nofollow" aria-label="Connect with Garrett Yarbrough on LinkedIn" data-beam-element-clicked id="author_bio_garrett_yarbrough_linkedin_icon" data-type="icon" data-location="author_bio_garrett_yarbrough" 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> <li class="AuthorSocialConnect-item display-block"> <a class="AuthorSocialConnect-link display-flex align-items-center text-slate p-3 hover:text-blue-600" href="mailto:gyarbrough@redventures.com" target="_blank" rel="nofollow" aria-label="Get in contact with Garrett Yarbrough via Email" data-beam-element-clicked id="author_bio_garrett_yarbrough_email_icon" data-type="icon" data-location="author_bio_garrett_yarbrough" data-position="top" data-text="email" data-outcome="open_email" > <svg class="Icon Icon--xs" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Email Envelope Icon</title><path d="M7.463 22.403h12.6c1.244 0 2.097-.244 2.602-.748.574-.566.835-1.584.835-3.203V8.96C23.5 5.966 22.656 5 20.037 5H7.463C4.844 5 4 5.966 4 8.96v9.492c0 1.619.27 2.637.835 3.203.505.504 1.358.748 2.602.748h.026Z" fill="transparent" class="icon-offset"/><path fill-rule="evenodd" clip-rule="evenodd" d="M17.949 21.512H6.051c-1.558 0-2.632-.345-3.378-1.09-.812-.813-1.173-2.026-1.173-3.945V7.531c0-3.534 1.37-5.043 4.576-5.043h11.848c4.027 0 4.576 2.55 4.576 5.043v8.946c0 1.919-.36 3.14-1.173 3.944-.746.747-1.82 1.09-3.378 1.09ZM6.076 20.2h11.873c1.173 0 1.976-.23 2.452-.705.541-.533.787-1.493.787-3.018V7.531c0-2.82-.795-3.73-3.264-3.73H6.076c-2.469 0-3.264.91-3.264 3.73v8.946c0 1.525.254 2.485.787 3.018.476.475 1.28.705 2.452.705h.025Zm5.944-6.872c-.64 0-1.28-.213-1.812-.64l-.361-.29L6.69 15.82a.66.66 0 0 1-.927.041.66.66 0 0 1-.041-.926l3.1-3.364L5.797 9.13a.653.653 0 1 1 .82-1.017l3.49 2.815a.64.64 0 0 1 .157.127l.765.617c.582.467 1.41.467 1.992 0l.794-.646a.67.67 0 0 1 .082-.066l3.487-2.839a.655.655 0 0 1 .927.099.655.655 0 0 1-.099.926l-2.986 2.431 3.06 3.359a.655.655 0 1 1-.968.886l-3.11-3.415-.367.298c-.54.427-1.18.64-1.82.64v-.017Z" 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/garrett-yarbrough/" class="text-link text-black plain font-circular-bold ">Garrett Yarbrough</a> </div> </span> </div> <div class="Byline-user "> <img srcset="https://www.bankrate.com/2021/03/09122243/Untitled-23.jpeg?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/2021/03/09122243/Untitled-23.jpeg?auto=webp&quality=85&width=24&height=24&fit=cover&enable=upscale&crop=1:1,smart&dpr=2 2x, https://www.bankrate.com/2021/03/09122243/Untitled-23.jpeg?auto=webp&quality=85&width=24&height=24&fit=cover&enable=upscale&crop=1:1,smart&dpr=3 3x" src="https://www.bankrate.com/2021/03/09122243/Untitled-23.jpeg?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('ibNFMe')" 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-ibNFMe" aria-controls="tooltip-content-ibNFMe" x-bind="trigger"> Nouri Zarrugh</button><div class="Tooltip-content Tooltip-content--belowTrigger Tooltip-content--anchorCenter author-preview"style="display: none;" id="tooltip-content-ibNFMe" aria-hidden="true" aria-labelledby="tooltip-trigger-ibNFMe" 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/2021/03/09122243/Untitled-23.jpeg?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/2021/03/09122243/Untitled-23.jpeg?auto=webp&quality=85&width=64&height=64&fit=cover&enable=upscale&crop=1:1,smart&dpr=2 2x, https://www.bankrate.com/2021/03/09122243/Untitled-23.jpeg?auto=webp&quality=85&width=64&height=64&fit=cover&enable=upscale&crop=1:1,smart&dpr=3 3x" src="https://www.bankrate.com/2021/03/09122243/Untitled-23.jpeg?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/nouri-zarrugh/" class="Link Link--standalone text-black"> Nouri Zarrugh</a> </div> <span class="AuthorPreview-title type-body-two text-slate text-crop-none">Senior Editor, Credit Cards</span> </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> Rewards credit cards </li> <li class="display-flex align-items-center gap-2 mt-2 text-black"> <span class="text-blue-mid text-base"> • </span> Travel credit cards </li> </ul> </div> </div> <div class="AuthorPreview-bottom text-slate"> <div class="AuthorPreview-bio text-crop-none AuthorPreview-bio--truncated"> Nouri Zarrugh is a writer and editor for CreditCards.com and Bankrate, focusing on product news, guides and reviews. His areas of expertise include credit card strategy, rewards programs, point valuation and credit scores, and his stories on building credit have been cited by Mic.com, LifeHacker, People.com and more. Through his thorough card reviews and product comparisons, Nouri strives to demystify personal finance topics and credit card terms and conditions to help readers save money and protect their credit score.</div> <div class="display-flex align-items-center justify-content-space-between w-full"> <a href="https://www.bankrate.com/authors/nouri-zarrugh/" 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://twitter.com/nourizarrugh" target="_blank" rel="nofollow" aria-label="Connect with Nouri Zarrugh on Twitter" data-beam-element-clicked id="author_bio_nouri_zarrugh_twitter_icon" data-type="icon" data-location="author_bio_nouri_zarrugh" data-position="top" data-text="twitter" data-outcome="open_twitter" > <svg class="Icon Icon--xs" 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> </li> <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/nouri-zarrugh/" target="_blank" rel="nofollow" aria-label="Connect with Nouri Zarrugh on LinkedIn" data-beam-element-clicked id="author_bio_nouri_zarrugh_linkedin_icon" data-type="icon" data-location="author_bio_nouri_zarrugh" 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/nouri-zarrugh/" class="text-link text-black plain font-circular-bold ">Nouri Zarrugh</a> </div> </span> </div> <div class="Byline-user "> <img srcset="https://www.bankrate.com/v5.1521.3/next/img/authors/no-image.png?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/v5.1521.3/next/img/authors/no-image.png?auto=webp&quality=85&width=24&height=24&fit=cover&enable=upscale&crop=1:1,smart&dpr=2 2x, https://www.bankrate.com/v5.1521.3/next/img/authors/no-image.png?auto=webp&quality=85&width=24&height=24&fit=cover&enable=upscale&crop=1:1,smart&dpr=3 3x" src="https://www.bankrate.com/v5.1521.3/next/img/authors/no-image.png?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">Reviewed by</span> <div class="Tooltip display-none sm:display-inline-block" x-data="interactiveTooltip('A5kxQj')" 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-A5kxQj" aria-controls="tooltip-content-A5kxQj" x-bind="trigger"> Itzel Garcia Ruiz</button><div class="Tooltip-content Tooltip-content--belowTrigger Tooltip-content--anchorCenter author-preview"style="display: none;" id="tooltip-content-A5kxQj" aria-hidden="true" aria-labelledby="tooltip-trigger-A5kxQj" role="dialog" x-bind="content"> <div class="Tooltip-body"> <div class="Tooltip-arrow"></div> <div class="AuthorPreview AuthorPreview--reviewer AuthorPreview--tooltip"> <div class="AuthorPreview-top border-b border-gray-light pb-4"> <img srcset="https://www.bankrate.com/v5.1521.3/next/img/authors/no-image.png?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/v5.1521.3/next/img/authors/no-image.png?auto=webp&quality=85&width=64&height=64&fit=cover&enable=upscale&crop=1:1,smart&dpr=2 2x, https://www.bankrate.com/v5.1521.3/next/img/authors/no-image.png?auto=webp&quality=85&width=64&height=64&fit=cover&enable=upscale&crop=1:1,smart&dpr=3 3x" src="https://www.bankrate.com/v5.1521.3/next/img/authors/no-image.png?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"> Itzel Garcia Ruiz</div> <span class="AuthorPreview-title type-body-two text-slate text-crop-none">Associate web publisher</span> </div> </div> <div class="AuthorPreview-expertise my-4"> </div> <div class="AuthorPreview-bottom text-slate"> <a class="text-blue text-crop-none" href="/financial-review-board/">About our review board</a> </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"> <span class="font-circular-bold">Itzel Garcia Ruiz</span> </div> </span> </div> </div> <div class="type-body-two text-slate mb-8"> <time datetime="2024-11-13"> Nov 13, 2024</time>  /  15 min </div> </div> <div class="flex-none"> <div class="share-modal"> <button type="button" class="Icon Icon--md bg-white hover:bg-blue-light hover:border-blue icon-base-blue border-2 rounded-full p-2" data-target="#share-modal"> <span class="visually-hidden">Share on social media</span> <svg class="Icon-glyph" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Share Icon</title><path fill-rule="evenodd" clip-rule="evenodd" d="M22.22 12.97v4.97c0 2.51-2.04 4.56-4.56 4.56H6.34a4.56 4.56 0 0 1-4.57-4.56v-4.97c0-2.51 2.04-4.56 4.56-4.56h.95c.45 0 .81.37.81.81 0 .44-.37.81-.81.81h-.95c-1.62 0-2.94 1.31-2.94 2.93v4.97a2.93 2.93 0 0 0 2.94 2.93h11.32c1.62 0 2.93-1.31 2.93-2.93v-4.97c0-1.61-1.31-2.93-2.92-2.93h-.96c-.45 0-.81-.37-.81-.81 0-.44.37-.81.81-.81h.96a4.56 4.56 0 0 1 4.55 4.55h.01v.01Zm-9.41-8.68v10.28c0 .45-.37.81-.81.81a.82.82 0 0 1-.81-.81V4.29L9.61 5.87c-.32.32-.83.32-1.15 0a.809.809 0 0 1 0-1.15l2.89-2.9c.15-.2.38-.32.65-.32.22 0 .43.08.58.24l2.97 2.98c.16.16.23.37.23.57h-.01c0 .21-.08.42-.24.58-.32.32-.83.32-1.15 0L12.8 4.29h.01Z" class="icon-base"/></svg></button> <div x-data x-init="$nextTick(() => { window.initModal('share-modal', 1); })" class="display-none"> <template x-teleport="#modalStack"> <div id="share-modal" class="Modal is-closed " role="dialog" aria-hidden="true"> <button class="Modal-overlay" data-target="share-modal" aria-label="close" @click=""></button> <div data-cy="modalContainer" class="Modal-container" role="document" tabindex="-1" aria-labelledby="share-modal-title"> <div class="w-80 bg-white box-shadow-four rounded-xl p-6"> <h3 class="type-heading-three text-center mb-6" id="share-modal-title"> Share </h3> <div class="display-flex flex-direction-column"> <div class="border-b display-flex flex-direction-row justify-content-space-between pos-relative mb-2 pb-2"> <div> <a class="Share-link no-underline" href="https://www.facebook.com/share.php?u=https%3A%2F%2Fwww.bankrate.com%2Fcredit-cards%2Freviews%2Fcapital-one-venture-rewards-credit-card&title=Capital+One+Venture+Rewards+Credit+Card+Review+%7C+Bankrate" rel="nofollow" target="_blank" data-share-button="true" data-track-click="articlealt-facebookclick" data-social-type="alt-facebook" > <span class="Icon Icon--md"> <svg class="Icon-glyph icon-base-blue-mid mb-2 mr-2" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Facebook Icon</title><path fill-rule="evenodd" clip-rule="evenodd" d="M17.775 1.5h-3.15c-1.391 0-2.73.56-3.71 1.531a5.244 5.244 0 0 0-1.54 3.719V9.9h-3.15v4.2h3.15v8.4h4.2v-8.4h4.2V9.9h-4.2V6.75c0-.28.114-.543.306-.744a1.06 1.06 0 0 1 .744-.306h3.15V1.5Z" class="icon-base"/></svg></span> <span class="text-slate ml-3 underline">Facebook</span> </a> </div> <div> <a class="Share-link" href="https://www.facebook.com/share.php?u=https%3A%2F%2Fwww.bankrate.com%2Fcredit-cards%2Freviews%2Fcapital-one-venture-rewards-credit-card&title=Capital+One+Venture+Rewards+Credit+Card+Review+%7C+Bankrate" rel="nofollow" target="_blank" data-share-button="true" data-track-click="articlealt-facebookclick" data-social-type="alt-facebook" > <span class="visually-hidden">Facebook</span> <svg class="Icon Icon--sm icon-base-blue mt-3" 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="border-b display-flex flex-direction-row justify-content-space-between pos-relative mb-2 pb-2"> <div> <a class="Share-link no-underline" href="https://twitter.com/intent/tweet?text=Capital+One+Venture+Rewards+Credit+Card+Review+%7C+Bankrate&url=https%3A%2F%2Fwww.bankrate.com%2Fcredit-cards%2Freviews%2Fcapital-one-venture-rewards-credit-card" rel="nofollow" target="_blank" data-share-button="true" data-track-click="articlealt-twitterclick" data-social-type="alt-twitter" > <span class="Icon Icon--md"> <svg class="Icon-glyph icon-base-blue mb-2 mr-2" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Twitter Icon</title><path fill-rule="evenodd" clip-rule="evenodd" d="M17.758 8.943 19 7.073l-1.773.266s-1.365-1.82-3.372-1.217c-1.622.493-2.275 2.392-2.123 3.562a10.299 10.299 0 0 1-5.962-2.96c-.834 4.941.8 7.34 3.25 8.706A6.792 6.792 0 0 1 5 16.606c1.272 1.523 3.88 1.784 5.314 1.697 5-.313 7.782-4.217 7.467-9.18l-.018-.18h-.006Z" class="icon-base"/></svg></span> <span class="text-slate ml-3 underline">Twitter</span> </a> </div> <div> <a class="Share-link" href="https://twitter.com/intent/tweet?text=Capital+One+Venture+Rewards+Credit+Card+Review+%7C+Bankrate&url=https%3A%2F%2Fwww.bankrate.com%2Fcredit-cards%2Freviews%2Fcapital-one-venture-rewards-credit-card" rel="nofollow" target="_blank" data-share-button="true" data-track-click="articlealt-twitterclick" data-social-type="alt-twitter" > <span class="visually-hidden">Twitter</span> <svg class="Icon Icon--sm icon-base-blue mt-3" 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="border-b display-flex flex-direction-row justify-content-space-between pos-relative mb-2 pb-2"> <div> <a class="Share-link no-underline" href="https://www.linkedin.com/shareArticle?mini=true&source=Bankrate.com&url=https%3A%2F%2Fwww.bankrate.com%2Fcredit-cards%2Freviews%2Fcapital-one-venture-rewards-credit-card&title=Capital+One+Venture+Rewards+Credit+Card+Review+%7C+Bankrate" rel="nofollow" target="_blank" data-share-button="true" data-track-click="articlealt-linkedInclick" data-social-type="alt-linkedIn" > <span class="Icon Icon--md"> <svg class="Icon-glyph icon-base-blue mb-2 mr-2" 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="M16.912 1.5h-9.84c-3.428 0-5.58 2.424-5.58 5.862v9.275c0 3.44 2.143 5.863 5.58 5.863h9.84c3.437 0 5.58-2.424 5.58-5.863V7.364c0-3.44-2.143-5.863-5.58-5.863ZM6.329 8.159a.743.743 0 1 1 1.486-.002.743.743 0 0 1-1.486.002Zm5.309 3.701a2.289 2.289 0 0 1 2.292-2.292 2.289 2.289 0 0 1 2.291 2.292v3.981c0 .385.315.7.7.7.385 0 .7-.315.7-.7V11.86a3.692 3.692 0 0 0-3.691-3.692 3.692 3.692 0 0 0-3.691 3.692v3.981c0 .385.314.7.7.7.384 0 .699-.315.699-.7V11.86Zm-3.875-.42c0-.385-.315-.7-.7-.7-.384 0-.7.315-.7.7v4.393c0 .385.316.7.7.7.385 0 .7-.316.7-.7V11.44Z" class="icon-base"/></svg></span> <span class="text-slate ml-3 underline">LinkedIn</span> </a> </div> <div> <a class="Share-link" href="https://www.linkedin.com/shareArticle?mini=true&source=Bankrate.com&url=https%3A%2F%2Fwww.bankrate.com%2Fcredit-cards%2Freviews%2Fcapital-one-venture-rewards-credit-card&title=Capital+One+Venture+Rewards+Credit+Card+Review+%7C+Bankrate" rel="nofollow" target="_blank" data-share-button="true" data-track-click="articlealt-linkedInclick" data-social-type="alt-linkedIn" > <span class="visually-hidden">LinkedIn</span> <svg class="Icon Icon--sm icon-base-blue mt-3" 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="border-b display-flex flex-direction-row justify-content-space-between pos-relative mb-2 pb-2"> <div> <a class="Share-link no-underline" href="mailto:?subject=Capital%20One%20Venture%20Rewards%20Credit%20Card%20Review%20%7C%20Bankrate&body=Read%20more%20at%20https%3A%2F%2Fwww.bankrate.com%2Fcredit-cards%2Freviews%2Fcapital-one-venture-rewards-credit-card" rel="nofollow" target="_blank" data-share-button="true" data-track-click="articlealt-emailclick" data-social-type="alt-email" > <span class="Icon Icon--md"> <svg class="Icon-glyph icon-base-white mb-2 mr-2" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Email Envelope Icon</title><path fill-rule="evenodd" clip-rule="evenodd" d="M19.222 22.867c3.648 0 4.778-1.66 4.778-5.373V6.516c0-3.703-1.13-5.383-4.778-5.383H4.778C1.13 1.133 0 2.813 0 6.516v10.978c0 3.713 1.13 5.384 4.778 5.373h14.444ZM4.318 7.351a.792.792 0 0 1 1.12-.12l5.368 4.357c.71.563 1.719.563 2.429 0l5.327-4.358a.795.795 0 0 1 1.13.121c.28.352.23.855-.12 1.137l-3.649 2.989 3.739 4.136c.3.332.27.835-.05 1.137a.8.8 0 0 1-1.13-.05l-3.798-4.207-.44.362a3.542 3.542 0 0 1-4.428 0l-.44-.362L5.528 16.7a.79.79 0 0 1-1.13.05.813.813 0 0 1-.05-1.136l3.779-4.126-3.689-2.989a.804.804 0 0 1-.12-1.127v-.02Z" class="icon-base"/></svg></span> <span class="text-slate ml-3 underline">Email</span> </a> </div> <div> <a class="Share-link" href="mailto:?subject=Capital%20One%20Venture%20Rewards%20Credit%20Card%20Review%20%7C%20Bankrate&body=Read%20more%20at%20https%3A%2F%2Fwww.bankrate.com%2Fcredit-cards%2Freviews%2Fcapital-one-venture-rewards-credit-card" rel="nofollow" target="_blank" data-share-button="true" data-track-click="articlealt-emailclick" data-social-type="alt-email" > <span class="visually-hidden">Email</span> <svg class="Icon Icon--sm icon-base-blue mt-3" 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><button data-cy="modalClose" class="Modal-close" type="button" data-target="share-modal" aria-label="close" @click=""></button> </div> </div> </template> </div> </div> </div> </div> <div data-cy="disclaimer" class="Disclaimer rounded-lg w-full"> <div class="Disclaimer-header pl-4 pr-6 py-4 display-flex justify-content-space-between border-b"> <div class="display-flex align-items-center"> <svg width="24" height="24" class="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="Disclaimer-title m-0 type-body-one text-crop-none"> The Bankrate promise </h2> </div> <button data-cy="disclaimerModalButton" class="Link Link--standalone type-body-two ml-6 bg-transparent" data-modal="toggle" data-target="#why-trust-bankrate-credit-cards-review" > <span class="Icon Icon--xs text-blue sm:display-none"><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> <span class="display-none sm:display-inline">More info</span> </button> </div> <div class="body pl-4 pr-6 py-4"> <p class="Disclaimer-copy text-slate m-0"> At Bankrate we strive to help you make smarter financial decisions. 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 for <button class="Link bg-transparent p-0" data-modal="toggle" data-target="#how-we-make-money" > how we make money </button>.</p> </div> </div> <div x-data x-init="$nextTick(() => { window.initModal('why-trust-bankrate-credit-cards-review', 1); })" class="display-none"> <template x-teleport="#modalStack"> <div id="why-trust-bankrate-credit-cards-review" class="Modal is-closed " role="dialog" aria-hidden="true"> <button class="Modal-overlay" data-target="why-trust-bankrate-credit-cards-review" 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 banking reporters and editors focus on the points consumers care about most — the best banks, latest rates, different types of accounts, money-saving tips and more — so you can feel confident as you’re managing your money. </p> </div> </div><button data-cy="modalClose" class="Modal-close" type="button" data-target="why-trust-bankrate-credit-cards-review" aria-label="close" @click=""></button> </div> </div> </template> </div> <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> <div> <h2 class="type-heading-two" id="snapshot">Snapshot</h2> <div class="display-flex flex-wrap border-y border-gray-light mb-8 py-4"> <div class="display-flex mb-4 sm:mb-0 align-items-center w-full sm:w-auto"> <div class="pr-2"> <p class="type-heading-two mb-0 text-6xl">4.9</p> </div> <div class="pl-2 sm:pr-8"> <span class="type-body-three display-inline-block">Bankrate rating</span> <div id="ted7b9879-7000-4389-8a5e-ce0c6e1b2b6a" class="display-none"> <div class="w-64" style="max-width: calc(100vw - 4rem)"> Our writers, editors and industry experts score credit cards based on a variety of factors including card features, bonus offers and independent research. Credit card issuers have no say or influence on how we rate cards.</div> </div> <div class="display-inline-block ml-1 cursor-pointer "> <div x-data data-tippy-maxWidth="none" data-template="ted7b9879-7000-4389-8a5e-ce0c6e1b2b6a" role="tooltip" tabIndex="0" 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 class="rating-stars-wrapper"> <div class="star-rating star-rating--number-size-sm" style="font-size: 16px"> <span class="visually-hidden">Rating: 4.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: 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> </div> </div> </div> </div> </div> <div class="flex-1 mt-4 sm:mt-0"> <p class="type-heading-four mb-4">Bottom line</p> <div class="type-body-one mb-0 text-slate mb-0-last-child"><p>Even when you’re not traveling, the boosted miles this card earns on all spending carry a 1:1 value with most transfer partners, making this a top pick if you want to pool earn easy-to-manage travel rewards for future travel plans. </p> </div> </div> </div> </div> <div class="feature-flag"> <div class="credit-cards-review-product-box"> <div id="__next"><div class=""><div class="rounded-lg border mb-8" data-testid="22105772-review-product-box" data-pid="22105772"><div class="grid gap-6 grid-cols-1 md:grid-cols-12 p-4 md:p-6 border-b"><div class="md:col-span-9"><p data-testid="22105772-superlative" class="text-blue-600 font-sans font-bold mb-3 text-sm mt-3 md:mt-0">Best for travel rewards on everyday spending</p><div class="grid gap-4 grid-cols-12 items-center"><div class="col-span-4 md:col-span-2 flex"><a data-testid="22105772-card-art-link" href="" class="no-underline" target="_blank"><figure class="mb-0"><img data-testid="22105772-card-art" src="https://cdn.prodstatic.com/shared/images/cards/219x139/03141a30-6f84-11ef-88db-67757e6c8737.png?auto=webp" alt="Capital One Venture Rewards Credit Card" loading="lazy"/></figure></a></div><div class="col-span-8 flex items-center md:row-span-1 md:col-span-10 md:items-end"><a data-testid="22105772-card-name-link" href="" class="no-underline" target="_blank"><h2 data-testid="22105772-card-name" class="text-lg md:text-2xl leading-6 md:leading-7 text-black m-0 inline md:inline-block hover:text-blue-600 hover:underline">Capital One Venture Rewards Credit Card</h2></a></div></div><div class="md:hidden mt-4"><div class="CompareSelector w-fit"><label class="FormCheckbox hover:before:bg-white hover:before:shadow-none undefined"><span class="text-black font-circular-bold text-sm mr-3 inline-block">Add to compare</span><input class="FormCheckbox-input form-checkbox__input" type="checkbox"/><span class="FormCheckbox-fauxInput Icon Icon--sm mr-0"><svg class="Icon-glyph" viewBox="0 0 12 9" fill-rule="evenodd"><path d="M4.1 6.1L1.4 3.4 0 4.9 4.1 9l7.6-7.6L10.3 0z"></path></svg></span></label></div></div></div><div class="md:col-span-3 text-center"><div class="mb-2 w-full text-black bg-blue-600/5 border border-blue-600/50 rounded text-sm md:text-xs lg:text-sm max-w-sm mx-auto h-9 flex items-center justify-center"><span class="font-thin mr-1 ml-0.5">Recommended credit score:</span><span class="font-bold" data-testid="22105772-recommended-credit">(670 - 850)</span><div class="Tooltip ml-1 top-[1px]" data-testid="22105772-recommended-credit-tooltip"><button class="Tooltip-trigger" aria-controls="tooltip-credit" aria-expanded="false" role="button" tabindex="0"><span class="Icon Icon--xs fill-blue-600"><span class="inline-block align-middle relative icon-base-blue-600 top-[-3px]"><svg viewBox="0 0 16 16" width="16" height="16" xmlns="http://www.w3.org/2000/svg" focusable="false" class=""><path fill-rule="evenodd" clip-rule="evenodd" d="M8 16C12.4183 16 16 12.4183 16 8C16 3.58172 12.4183 0 8 0C3.58172 0 0 3.58172 0 8C0 12.4183 3.58172 16 8 16ZM8 15C4.13401 15 1 11.866 1 8C1 4.13401 4.13401 1 8 1C11.866 1 15 4.13401 15 8C15 11.866 11.866 15 8 15ZM7 5.0122C7 4.45122 7.45122 4 8 4C8.56098 4 9 4.45122 9 5.0122C9 5.54878 8.56098 6 8 6C7.45122 6 7 5.54878 7 5.0122ZM7 12V7H9V12H7Z" class="icon-base" fill="currentColor"></path><title>Info</title></svg></span></span><span class="sr-only">Hover to learn more</span></button><div class="Tooltip-content z-20 max-w-48 md:max-w-max Tooltip-content--anchorRight Tooltip-content--belowTrigger hidden" id="tooltip-credit" role="tooltip" aria-hidden="true"><div class="Tooltip-body text-gray-700"><div class="Tooltip-arrow"></div><p class="text-gray-700 text-sm mb-0" data-testid="22105772-recommended-credit-tooltip-text">A FICO score/credit score is used to represent the creditworthiness of a person and may be one indicator to the credit type you are eligible for. However, credit score alone does not guarantee or imply approval for any financial product.</p></div></div></div></div><a href="" class="Button w-full no-underline block mx-auto Button--primary" target="_blank" rel="sponsored" data-testid="22105772-apply-now-btn">Apply now<span class="inline-block align-middle relative -mt-1 ml-2 Icon Icon--xs"><svg class="Icon-glyph " viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.1489 7.0377V8.47406H7.8423V6.97713C7.8423 4.71879 9.70262 2.88443 11.9956 2.88443C14.2885 2.88443 16.1489 4.74475 16.1489 7.0377ZM6.45787 6.97713V8.47406H6.23319C4.57188 8.47406 3.23071 9.82387 3.23071 11.4765V19.4975C3.23071 21.1589 4.58053 22.5 6.23319 22.5H17.7672V22.4914C19.4285 22.4914 20.7697 21.1242 20.7697 19.437V11.4765C20.7697 9.81522 19.4198 8.47406 17.7672 8.47406H17.5333V7.0377C17.5333 3.98331 15.05 1.5 11.9956 1.5C8.94119 1.5 6.45787 3.95735 6.45787 6.97713ZM6.22453 9.86714C5.33331 9.86714 4.60649 10.594 4.60649 11.4852V19.5062C4.60649 20.3974 5.33331 21.1242 6.22453 21.1242H17.7585C18.6671 21.1242 19.3766 20.3888 19.3766 19.4543V11.4938C19.3766 10.6026 18.6498 9.87579 17.7585 9.87579H6.22453V9.86714ZM11.3036 16.6681C11.3036 17.0488 11.6151 17.3603 11.9958 17.3603C12.3765 17.3603 12.688 17.0488 12.688 16.6681V14.306C12.688 13.9252 12.3765 13.6137 11.9958 13.6137C11.6151 13.6137 11.3036 13.9252 11.3036 14.306V16.6681Z" class="icon-base"></path><title>Lock</title></svg></span></a><p class="text-xs mt-2 sm:mt-3 text-gray-700 mb-0" data-testid="22105772-secure-site">on Capital One's secure site</p><a href="https://d25970n8puso9u.cloudfront.net/disclosure.30761.en-US.pdf" target="_blank" class="Link text-xs" rel="sponsored noopener noreferrer" data-testid="22105772-rates-and-fees">See Rates & Fees</a></div></div><div class="grid grid-cols-2 md:grid-cols-4 gap-4 p-4 justify-start"><div data-offer="introOffer"><div class="flex"><p class="mb-0 text-gray-700 text-sm font-bold">Intro offer</p><div class="Tooltip ml-1 h-4" data-testid="undefined"><button class="Tooltip-trigger relative top-[-8px]" aria-controls="tooltip-0" aria-expanded="false" role="button" tabindex="0"><span class="Icon Icon--xs fill-blue-600"><span class="inline-block align-middle relative icon-base-blue-600"><svg viewBox="0 0 16 16" width="16" height="16" xmlns="http://www.w3.org/2000/svg" focusable="false" class=""><path fill-rule="evenodd" clip-rule="evenodd" d="M8 16C12.4183 16 16 12.4183 16 8C16 3.58172 12.4183 0 8 0C3.58172 0 0 3.58172 0 8C0 12.4183 3.58172 16 8 16ZM8 15C4.13401 15 1 11.866 1 8C1 4.13401 4.13401 1 8 1C11.866 1 15 4.13401 15 8C15 11.866 11.866 15 8 15ZM7 5.0122C7 4.45122 7.45122 4 8 4C8.56098 4 9 4.45122 9 5.0122C9 5.54878 8.56098 6 8 6C7.45122 6 7 5.54878 7 5.0122ZM7 12V7H9V12H7Z" class="icon-base" fill="currentColor"></path><title>Info</title></svg></span></span><span class="sr-only">Hover to learn more</span></button><div class="Tooltip-content z-20 max-w-48 md:max-w-max Tooltip-content--anchorLeft hidden" id="tooltip-0" role="tooltip" aria-hidden="true"><div class="Tooltip-body text-gray-700"><div class="Tooltip-arrow"></div><p class="text-gray-700 text-sm mb-0">75,000 miles once you spend $4,000 on purchases within 3 months from account opening</p></div></div></div></div><p class="mb-0 text-black font-sans font-bold text-md md:text-lg leading-[100%]">75,000 miles</p></div><div data-offer="rewardsRate"><div class="flex"><p class="mb-0 text-gray-700 text-sm font-bold">Rewards rate</p><div class="Tooltip ml-1 h-4" data-testid="undefined"><button class="Tooltip-trigger relative top-[-8px]" aria-controls="tooltip-1" aria-expanded="false" role="button" tabindex="0"><span class="Icon Icon--xs fill-blue-600"><span class="inline-block align-middle relative icon-base-blue-600"><svg viewBox="0 0 16 16" width="16" height="16" xmlns="http://www.w3.org/2000/svg" focusable="false" class=""><path fill-rule="evenodd" clip-rule="evenodd" d="M8 16C12.4183 16 16 12.4183 16 8C16 3.58172 12.4183 0 8 0C3.58172 0 0 3.58172 0 8C0 12.4183 3.58172 16 8 16ZM8 15C4.13401 15 1 11.866 1 8C1 4.13401 4.13401 1 8 1C11.866 1 15 4.13401 15 8C15 11.866 11.866 15 8 15ZM7 5.0122C7 4.45122 7.45122 4 8 4C8.56098 4 9 4.45122 9 5.0122C9 5.54878 8.56098 6 8 6C7.45122 6 7 5.54878 7 5.0122ZM7 12V7H9V12H7Z" class="icon-base" fill="currentColor"></path><title>Info</title></svg></span></span><span class="sr-only">Hover to learn more</span></button><div class="Tooltip-content z-20 max-w-48 md:max-w-max Tooltip-content--anchorRight hidden" id="tooltip-1" role="tooltip" aria-hidden="true"><div class="Tooltip-body text-gray-700"><div class="Tooltip-arrow"></div><p class="text-gray-700 text-sm mb-0">5 Miles per dollar on hotels, vacation rentals and rental cars booked through Capital One Travel, 2 Miles per dollar on every purchase, every day</p></div></div></div></div><p class="mb-0 text-black font-sans font-bold text-md md:text-lg leading-[100%]">2 Miles - 5 Miles</p></div><div data-offer="annualFee"><div class="flex"><p class="mb-0 text-gray-700 text-sm font-bold">Annual fee</p></div><p class="mb-0 text-black font-sans font-bold text-md md:text-lg leading-[100%]">$95</p></div><div data-offer="regularAPR"><div class="flex"><p class="mb-0 text-gray-700 text-sm font-bold">Regular APR</p></div><p class="mb-0 text-black font-sans font-bold text-md md:text-lg leading-[100%]">19.99% - 29.74% (Variable)</p></div></div><div class="grid grid-cols-2"><div class="border-r"><div class="p-2 sm:p-4 border-b md:border-none md:flex md:items-center md:justify-center"><p class="mb-0 font-bold text-3xl md:mr-2">4.1</p><div class="md:flex md:flex-row-reverse"><div class="flex items-center"><p class="mb-0 mr-2 font-bold text-sm md:text-md">Cardholder rating</p><div class="Tooltip" data-testid="22105772-cardholder-rating-tooltip"><button class="Tooltip-trigger relative top-[-7px] md:top-[-5px]" aria-controls="cardholder-tooltip" aria-expanded="false" role="button" tabindex="0"><span class="Icon Icon--xs fill-blue-600"><span class="inline-block align-middle relative icon-base-blue-600"><svg viewBox="0 0 16 16" width="16" height="16" xmlns="http://www.w3.org/2000/svg" focusable="false" class=""><path fill-rule="evenodd" clip-rule="evenodd" d="M8 16C12.4183 16 16 12.4183 16 8C16 3.58172 12.4183 0 8 0C3.58172 0 0 3.58172 0 8C0 12.4183 3.58172 16 8 16ZM8 15C4.13401 15 1 11.866 1 8C1 4.13401 4.13401 1 8 1C11.866 1 15 4.13401 15 8C15 11.866 11.866 15 8 15ZM7 5.0122C7 4.45122 7.45122 4 8 4C8.56098 4 9 4.45122 9 5.0122C9 5.54878 8.56098 6 8 6C7.45122 6 7 5.54878 7 5.0122ZM7 12V7H9V12H7Z" class="icon-base" fill="currentColor"></path><title>Info</title></svg></span></span><span class="sr-only">Hover to learn more</span></button><div class="Tooltip-content z-20 max-w-48 md:max-w-max Tooltip-content--anchorLeft hidden" id="cardholder-tooltip" role="tooltip" aria-hidden="true"><div class="Tooltip-body text-gray-700"><div class="Tooltip-arrow"></div><p class="text-gray-700 text-sm m-0" data-testid="22105772-cardholder-rating-tooltip-text">Bankrate collects scores <a class="Link" href="#what-cardholders-think">from real cardholders</a> to create these ratings. Cardholders are not offered any incentives, and credit card issuers do not have any say in how ratings are calculated or displayed.</p></div></div></div></div><div class="md:flex md:items-center"><div class="RatingStars mr-2 " aria-label="4.1 star rating"><div class="RatingStars-iconMask" style="width:82%"><span class="RatingStars-iconContainer"><span class="RatingStars-icon Icon Icon--xs"><svg class="Icon-glyph" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><title>star icon</title><g fill="none" fill-rule="evenodd"><path d="M0 0h16v16H0z"></path><path fill="#EFC138" d="M8.108.7l2.352 4.764 5.257.764-3.804 3.708.898 5.236L8.108 12.7l-4.702 2.472.898-5.236L.5 6.228l5.257-.764L8.108.7zm1.688 5.678L8.108 2.959 6.421 6.378l-3.773.548 2.73 2.66-.644 3.758 3.374-1.774 3.373 1.774-.643-3.757 2.73-2.661-3.772-.548z"></path><path fill="#EFC138" d="M9.796 6.378L8.108 2.959 6.421 6.378l-3.773.548 2.73 2.66-.644 3.758 3.374-1.774 3.373 1.774-.643-3.757 2.73-2.661z"></path></g></svg></span><span class="RatingStars-icon Icon Icon--xs"><svg class="Icon-glyph" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><title>star icon</title><g fill="none" fill-rule="evenodd"><path d="M0 0h16v16H0z"></path><path fill="#EFC138" d="M8.108.7l2.352 4.764 5.257.764-3.804 3.708.898 5.236L8.108 12.7l-4.702 2.472.898-5.236L.5 6.228l5.257-.764L8.108.7zm1.688 5.678L8.108 2.959 6.421 6.378l-3.773.548 2.73 2.66-.644 3.758 3.374-1.774 3.373 1.774-.643-3.757 2.73-2.661-3.772-.548z"></path><path fill="#EFC138" d="M9.796 6.378L8.108 2.959 6.421 6.378l-3.773.548 2.73 2.66-.644 3.758 3.374-1.774 3.373 1.774-.643-3.757 2.73-2.661z"></path></g></svg></span><span class="RatingStars-icon Icon Icon--xs"><svg class="Icon-glyph" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><title>star icon</title><g fill="none" fill-rule="evenodd"><path d="M0 0h16v16H0z"></path><path fill="#EFC138" d="M8.108.7l2.352 4.764 5.257.764-3.804 3.708.898 5.236L8.108 12.7l-4.702 2.472.898-5.236L.5 6.228l5.257-.764L8.108.7zm1.688 5.678L8.108 2.959 6.421 6.378l-3.773.548 2.73 2.66-.644 3.758 3.374-1.774 3.373 1.774-.643-3.757 2.73-2.661-3.772-.548z"></path><path fill="#EFC138" d="M9.796 6.378L8.108 2.959 6.421 6.378l-3.773.548 2.73 2.66-.644 3.758 3.374-1.774 3.373 1.774-.643-3.757 2.73-2.661z"></path></g></svg></span><span class="RatingStars-icon Icon Icon--xs"><svg class="Icon-glyph" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><title>star icon</title><g fill="none" fill-rule="evenodd"><path d="M0 0h16v16H0z"></path><path fill="#EFC138" d="M8.108.7l2.352 4.764 5.257.764-3.804 3.708.898 5.236L8.108 12.7l-4.702 2.472.898-5.236L.5 6.228l5.257-.764L8.108.7zm1.688 5.678L8.108 2.959 6.421 6.378l-3.773.548 2.73 2.66-.644 3.758 3.374-1.774 3.373 1.774-.643-3.757 2.73-2.661-3.772-.548z"></path><path fill="#EFC138" d="M9.796 6.378L8.108 2.959 6.421 6.378l-3.773.548 2.73 2.66-.644 3.758 3.374-1.774 3.373 1.774-.643-3.757 2.73-2.661z"></path></g></svg></span><span class="RatingStars-icon Icon Icon--xs"><svg class="Icon-glyph" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><title>star icon</title><g fill="none" fill-rule="evenodd"><path d="M0 0h16v16H0z"></path><path fill="#EFC138" d="M8.108.7l2.352 4.764 5.257.764-3.804 3.708.898 5.236L8.108 12.7l-4.702 2.472.898-5.236L.5 6.228l5.257-.764L8.108.7zm1.688 5.678L8.108 2.959 6.421 6.378l-3.773.548 2.73 2.66-.644 3.758 3.374-1.774 3.373 1.774-.643-3.757 2.73-2.661-3.772-.548z"></path><path fill="#EFC138" d="M9.796 6.378L8.108 2.959 6.421 6.378l-3.773.548 2.73 2.66-.644 3.758 3.374-1.774 3.373 1.774-.643-3.757 2.73-2.661z"></path></g></svg></span></span></div><span class="RatingStars-iconContainer"><span class="RatingStars-icon Icon Icon--xs"><svg class="Icon-glyph" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><title>star icon</title><g fill="none" fill-rule="evenodd"><path d="M0 0h16v16H0z"></path><path fill="#EFC138" d="M8.108.7l2.352 4.764 5.257.764-3.804 3.708.898 5.236L8.108 12.7l-4.702 2.472.898-5.236L.5 6.228l5.257-.764L8.108.7zm1.688 5.678L8.108 2.959 6.421 6.378l-3.773.548 2.73 2.66-.644 3.758 3.374-1.774 3.373 1.774-.643-3.757 2.73-2.661-3.772-.548z"></path><path fill="#FFFFFF" d="M9.796 6.378L8.108 2.959 6.421 6.378l-3.773.548 2.73 2.66-.644 3.758 3.374-1.774 3.373 1.774-.643-3.757 2.73-2.661z"></path></g></svg></span><span class="RatingStars-icon Icon Icon--xs"><svg class="Icon-glyph" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><title>star icon</title><g fill="none" fill-rule="evenodd"><path d="M0 0h16v16H0z"></path><path fill="#EFC138" d="M8.108.7l2.352 4.764 5.257.764-3.804 3.708.898 5.236L8.108 12.7l-4.702 2.472.898-5.236L.5 6.228l5.257-.764L8.108.7zm1.688 5.678L8.108 2.959 6.421 6.378l-3.773.548 2.73 2.66-.644 3.758 3.374-1.774 3.373 1.774-.643-3.757 2.73-2.661-3.772-.548z"></path><path fill="#FFFFFF" d="M9.796 6.378L8.108 2.959 6.421 6.378l-3.773.548 2.73 2.66-.644 3.758 3.374-1.774 3.373 1.774-.643-3.757 2.73-2.661z"></path></g></svg></span><span class="RatingStars-icon Icon Icon--xs"><svg class="Icon-glyph" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><title>star icon</title><g fill="none" fill-rule="evenodd"><path d="M0 0h16v16H0z"></path><path fill="#EFC138" d="M8.108.7l2.352 4.764 5.257.764-3.804 3.708.898 5.236L8.108 12.7l-4.702 2.472.898-5.236L.5 6.228l5.257-.764L8.108.7zm1.688 5.678L8.108 2.959 6.421 6.378l-3.773.548 2.73 2.66-.644 3.758 3.374-1.774 3.373 1.774-.643-3.757 2.73-2.661-3.772-.548z"></path><path fill="#FFFFFF" d="M9.796 6.378L8.108 2.959 6.421 6.378l-3.773.548 2.73 2.66-.644 3.758 3.374-1.774 3.373 1.774-.643-3.757 2.73-2.661z"></path></g></svg></span><span class="RatingStars-icon Icon Icon--xs"><svg class="Icon-glyph" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><title>star icon</title><g fill="none" fill-rule="evenodd"><path d="M0 0h16v16H0z"></path><path fill="#EFC138" d="M8.108.7l2.352 4.764 5.257.764-3.804 3.708.898 5.236L8.108 12.7l-4.702 2.472.898-5.236L.5 6.228l5.257-.764L8.108.7zm1.688 5.678L8.108 2.959 6.421 6.378l-3.773.548 2.73 2.66-.644 3.758 3.374-1.774 3.373 1.774-.643-3.757 2.73-2.661-3.772-.548z"></path><path fill="#FFFFFF" d="M9.796 6.378L8.108 2.959 6.421 6.378l-3.773.548 2.73 2.66-.644 3.758 3.374-1.774 3.373 1.774-.643-3.757 2.73-2.661z"></path></g></svg></span><span class="RatingStars-icon Icon Icon--xs"><svg class="Icon-glyph" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><title>star icon</title><g fill="none" fill-rule="evenodd"><path d="M0 0h16v16H0z"></path><path fill="#EFC138" d="M8.108.7l2.352 4.764 5.257.764-3.804 3.708.898 5.236L8.108 12.7l-4.702 2.472.898-5.236L.5 6.228l5.257-.764L8.108.7zm1.688 5.678L8.108 2.959 6.421 6.378l-3.773.548 2.73 2.66-.644 3.758 3.374-1.774 3.373 1.774-.643-3.757 2.73-2.661-3.772-.548z"></path><path fill="#FFFFFF" d="M9.796 6.378L8.108 2.959 6.421 6.378l-3.773.548 2.73 2.66-.644 3.758 3.374-1.774 3.373 1.774-.643-3.757 2.73-2.661z"></path></g></svg></span></span></div><span data-testid="22105772-cardholder-rating" class="font-sans text-sm relative top-[-2px] text-xs sm:text-sm md:hidden">4.1 / 5</span></div></div></div><div class=""><div class="flex flex-col md:flex-row md:justify-between p-2 sm:p-4 border-b"><p class="mb-0 font-bold text-sm md:text-md">Extra perks</p><div><div class="RatingStars mr-2 " aria-label="4.2 star rating"><div class="RatingStars-iconMask" style="width:84.00000000000001%"><span class="RatingStars-iconContainer"><span class="RatingStars-icon Icon Icon--xs"><svg class="Icon-glyph" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><title>star icon</title><g fill="none" fill-rule="evenodd"><path d="M0 0h16v16H0z"></path><path fill="#EFC138" d="M8.108.7l2.352 4.764 5.257.764-3.804 3.708.898 5.236L8.108 12.7l-4.702 2.472.898-5.236L.5 6.228l5.257-.764L8.108.7zm1.688 5.678L8.108 2.959 6.421 6.378l-3.773.548 2.73 2.66-.644 3.758 3.374-1.774 3.373 1.774-.643-3.757 2.73-2.661-3.772-.548z"></path><path fill="#EFC138" d="M9.796 6.378L8.108 2.959 6.421 6.378l-3.773.548 2.73 2.66-.644 3.758 3.374-1.774 3.373 1.774-.643-3.757 2.73-2.661z"></path></g></svg></span><span class="RatingStars-icon Icon Icon--xs"><svg class="Icon-glyph" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><title>star icon</title><g fill="none" fill-rule="evenodd"><path d="M0 0h16v16H0z"></path><path fill="#EFC138" d="M8.108.7l2.352 4.764 5.257.764-3.804 3.708.898 5.236L8.108 12.7l-4.702 2.472.898-5.236L.5 6.228l5.257-.764L8.108.7zm1.688 5.678L8.108 2.959 6.421 6.378l-3.773.548 2.73 2.66-.644 3.758 3.374-1.774 3.373 1.774-.643-3.757 2.73-2.661-3.772-.548z"></path><path fill="#EFC138" d="M9.796 6.378L8.108 2.959 6.421 6.378l-3.773.548 2.73 2.66-.644 3.758 3.374-1.774 3.373 1.774-.643-3.757 2.73-2.661z"></path></g></svg></span><span class="RatingStars-icon Icon Icon--xs"><svg class="Icon-glyph" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><title>star icon</title><g fill="none" fill-rule="evenodd"><path d="M0 0h16v16H0z"></path><path fill="#EFC138" d="M8.108.7l2.352 4.764 5.257.764-3.804 3.708.898 5.236L8.108 12.7l-4.702 2.472.898-5.236L.5 6.228l5.257-.764L8.108.7zm1.688 5.678L8.108 2.959 6.421 6.378l-3.773.548 2.73 2.66-.644 3.758 3.374-1.774 3.373 1.774-.643-3.757 2.73-2.661-3.772-.548z"></path><path fill="#EFC138" d="M9.796 6.378L8.108 2.959 6.421 6.378l-3.773.548 2.73 2.66-.644 3.758 3.374-1.774 3.373 1.774-.643-3.757 2.73-2.661z"></path></g></svg></span><span class="RatingStars-icon Icon Icon--xs"><svg class="Icon-glyph" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><title>star icon</title><g fill="none" fill-rule="evenodd"><path d="M0 0h16v16H0z"></path><path fill="#EFC138" d="M8.108.7l2.352 4.764 5.257.764-3.804 3.708.898 5.236L8.108 12.7l-4.702 2.472.898-5.236L.5 6.228l5.257-.764L8.108.7zm1.688 5.678L8.108 2.959 6.421 6.378l-3.773.548 2.73 2.66-.644 3.758 3.374-1.774 3.373 1.774-.643-3.757 2.73-2.661-3.772-.548z"></path><path fill="#EFC138" d="M9.796 6.378L8.108 2.959 6.421 6.378l-3.773.548 2.73 2.66-.644 3.758 3.374-1.774 3.373 1.774-.643-3.757 2.73-2.661z"></path></g></svg></span><span class="RatingStars-icon Icon Icon--xs"><svg class="Icon-glyph" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><title>star icon</title><g fill="none" fill-rule="evenodd"><path d="M0 0h16v16H0z"></path><path fill="#EFC138" d="M8.108.7l2.352 4.764 5.257.764-3.804 3.708.898 5.236L8.108 12.7l-4.702 2.472.898-5.236L.5 6.228l5.257-.764L8.108.7zm1.688 5.678L8.108 2.959 6.421 6.378l-3.773.548 2.73 2.66-.644 3.758 3.374-1.774 3.373 1.774-.643-3.757 2.73-2.661-3.772-.548z"></path><path fill="#EFC138" d="M9.796 6.378L8.108 2.959 6.421 6.378l-3.773.548 2.73 2.66-.644 3.758 3.374-1.774 3.373 1.774-.643-3.757 2.73-2.661z"></path></g></svg></span></span></div><span class="RatingStars-iconContainer"><span class="RatingStars-icon Icon Icon--xs"><svg class="Icon-glyph" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><title>star icon</title><g fill="none" fill-rule="evenodd"><path d="M0 0h16v16H0z"></path><path fill="#EFC138" d="M8.108.7l2.352 4.764 5.257.764-3.804 3.708.898 5.236L8.108 12.7l-4.702 2.472.898-5.236L.5 6.228l5.257-.764L8.108.7zm1.688 5.678L8.108 2.959 6.421 6.378l-3.773.548 2.73 2.66-.644 3.758 3.374-1.774 3.373 1.774-.643-3.757 2.73-2.661-3.772-.548z"></path><path fill="#FFFFFF" d="M9.796 6.378L8.108 2.959 6.421 6.378l-3.773.548 2.73 2.66-.644 3.758 3.374-1.774 3.373 1.774-.643-3.757 2.73-2.661z"></path></g></svg></span><span class="RatingStars-icon Icon Icon--xs"><svg class="Icon-glyph" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><title>star icon</title><g fill="none" fill-rule="evenodd"><path d="M0 0h16v16H0z"></path><path fill="#EFC138" d="M8.108.7l2.352 4.764 5.257.764-3.804 3.708.898 5.236L8.108 12.7l-4.702 2.472.898-5.236L.5 6.228l5.257-.764L8.108.7zm1.688 5.678L8.108 2.959 6.421 6.378l-3.773.548 2.73 2.66-.644 3.758 3.374-1.774 3.373 1.774-.643-3.757 2.73-2.661-3.772-.548z"></path><path fill="#FFFFFF" d="M9.796 6.378L8.108 2.959 6.421 6.378l-3.773.548 2.73 2.66-.644 3.758 3.374-1.774 3.373 1.774-.643-3.757 2.73-2.661z"></path></g></svg></span><span class="RatingStars-icon Icon Icon--xs"><svg class="Icon-glyph" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><title>star icon</title><g fill="none" fill-rule="evenodd"><path d="M0 0h16v16H0z"></path><path fill="#EFC138" d="M8.108.7l2.352 4.764 5.257.764-3.804 3.708.898 5.236L8.108 12.7l-4.702 2.472.898-5.236L.5 6.228l5.257-.764L8.108.7zm1.688 5.678L8.108 2.959 6.421 6.378l-3.773.548 2.73 2.66-.644 3.758 3.374-1.774 3.373 1.774-.643-3.757 2.73-2.661-3.772-.548z"></path><path fill="#FFFFFF" d="M9.796 6.378L8.108 2.959 6.421 6.378l-3.773.548 2.73 2.66-.644 3.758 3.374-1.774 3.373 1.774-.643-3.757 2.73-2.661z"></path></g></svg></span><span class="RatingStars-icon Icon Icon--xs"><svg class="Icon-glyph" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><title>star icon</title><g fill="none" fill-rule="evenodd"><path d="M0 0h16v16H0z"></path><path fill="#EFC138" d="M8.108.7l2.352 4.764 5.257.764-3.804 3.708.898 5.236L8.108 12.7l-4.702 2.472.898-5.236L.5 6.228l5.257-.764L8.108.7zm1.688 5.678L8.108 2.959 6.421 6.378l-3.773.548 2.73 2.66-.644 3.758 3.374-1.774 3.373 1.774-.643-3.757 2.73-2.661-3.772-.548z"></path><path fill="#FFFFFF" d="M9.796 6.378L8.108 2.959 6.421 6.378l-3.773.548 2.73 2.66-.644 3.758 3.374-1.774 3.373 1.774-.643-3.757 2.73-2.661z"></path></g></svg></span><span class="RatingStars-icon Icon Icon--xs"><svg class="Icon-glyph" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><title>star icon</title><g fill="none" fill-rule="evenodd"><path d="M0 0h16v16H0z"></path><path fill="#EFC138" d="M8.108.7l2.352 4.764 5.257.764-3.804 3.708.898 5.236L8.108 12.7l-4.702 2.472.898-5.236L.5 6.228l5.257-.764L8.108.7zm1.688 5.678L8.108 2.959 6.421 6.378l-3.773.548 2.73 2.66-.644 3.758 3.374-1.774 3.373 1.774-.643-3.757 2.73-2.661-3.772-.548z"></path><path fill="#FFFFFF" d="M9.796 6.378L8.108 2.959 6.421 6.378l-3.773.548 2.73 2.66-.644 3.758 3.374-1.774 3.373 1.774-.643-3.757 2.73-2.661z"></path></g></svg></span></span></div><span class="font-sans text-sm relative top-[-2px] text-xs sm:text-sm">4.2 / 5</span></div></div><div class="flex flex-col md:flex-row md:justify-between p-2 sm:p-4 border-b"><p class="mb-0 font-bold text-sm md:text-md">Online tools</p><div><div class="RatingStars mr-2 " aria-label="4.4 star rating"><div class="RatingStars-iconMask" style="width:88.00000000000001%"><span class="RatingStars-iconContainer"><span class="RatingStars-icon Icon Icon--xs"><svg class="Icon-glyph" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><title>star icon</title><g fill="none" fill-rule="evenodd"><path d="M0 0h16v16H0z"></path><path fill="#EFC138" d="M8.108.7l2.352 4.764 5.257.764-3.804 3.708.898 5.236L8.108 12.7l-4.702 2.472.898-5.236L.5 6.228l5.257-.764L8.108.7zm1.688 5.678L8.108 2.959 6.421 6.378l-3.773.548 2.73 2.66-.644 3.758 3.374-1.774 3.373 1.774-.643-3.757 2.73-2.661-3.772-.548z"></path><path fill="#EFC138" d="M9.796 6.378L8.108 2.959 6.421 6.378l-3.773.548 2.73 2.66-.644 3.758 3.374-1.774 3.373 1.774-.643-3.757 2.73-2.661z"></path></g></svg></span><span class="RatingStars-icon Icon Icon--xs"><svg class="Icon-glyph" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><title>star icon</title><g fill="none" fill-rule="evenodd"><path d="M0 0h16v16H0z"></path><path fill="#EFC138" d="M8.108.7l2.352 4.764 5.257.764-3.804 3.708.898 5.236L8.108 12.7l-4.702 2.472.898-5.236L.5 6.228l5.257-.764L8.108.7zm1.688 5.678L8.108 2.959 6.421 6.378l-3.773.548 2.73 2.66-.644 3.758 3.374-1.774 3.373 1.774-.643-3.757 2.73-2.661-3.772-.548z"></path><path fill="#EFC138" d="M9.796 6.378L8.108 2.959 6.421 6.378l-3.773.548 2.73 2.66-.644 3.758 3.374-1.774 3.373 1.774-.643-3.757 2.73-2.661z"></path></g></svg></span><span class="RatingStars-icon Icon Icon--xs"><svg class="Icon-glyph" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><title>star icon</title><g fill="none" fill-rule="evenodd"><path d="M0 0h16v16H0z"></path><path fill="#EFC138" d="M8.108.7l2.352 4.764 5.257.764-3.804 3.708.898 5.236L8.108 12.7l-4.702 2.472.898-5.236L.5 6.228l5.257-.764L8.108.7zm1.688 5.678L8.108 2.959 6.421 6.378l-3.773.548 2.73 2.66-.644 3.758 3.374-1.774 3.373 1.774-.643-3.757 2.73-2.661-3.772-.548z"></path><path fill="#EFC138" d="M9.796 6.378L8.108 2.959 6.421 6.378l-3.773.548 2.73 2.66-.644 3.758 3.374-1.774 3.373 1.774-.643-3.757 2.73-2.661z"></path></g></svg></span><span class="RatingStars-icon Icon Icon--xs"><svg class="Icon-glyph" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><title>star icon</title><g fill="none" fill-rule="evenodd"><path d="M0 0h16v16H0z"></path><path fill="#EFC138" d="M8.108.7l2.352 4.764 5.257.764-3.804 3.708.898 5.236L8.108 12.7l-4.702 2.472.898-5.236L.5 6.228l5.257-.764L8.108.7zm1.688 5.678L8.108 2.959 6.421 6.378l-3.773.548 2.73 2.66-.644 3.758 3.374-1.774 3.373 1.774-.643-3.757 2.73-2.661-3.772-.548z"></path><path fill="#EFC138" d="M9.796 6.378L8.108 2.959 6.421 6.378l-3.773.548 2.73 2.66-.644 3.758 3.374-1.774 3.373 1.774-.643-3.757 2.73-2.661z"></path></g></svg></span><span class="RatingStars-icon Icon Icon--xs"><svg class="Icon-glyph" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><title>star icon</title><g fill="none" fill-rule="evenodd"><path d="M0 0h16v16H0z"></path><path fill="#EFC138" d="M8.108.7l2.352 4.764 5.257.764-3.804 3.708.898 5.236L8.108 12.7l-4.702 2.472.898-5.236L.5 6.228l5.257-.764L8.108.7zm1.688 5.678L8.108 2.959 6.421 6.378l-3.773.548 2.73 2.66-.644 3.758 3.374-1.774 3.373 1.774-.643-3.757 2.73-2.661-3.772-.548z"></path><path fill="#EFC138" d="M9.796 6.378L8.108 2.959 6.421 6.378l-3.773.548 2.73 2.66-.644 3.758 3.374-1.774 3.373 1.774-.643-3.757 2.73-2.661z"></path></g></svg></span></span></div><span class="RatingStars-iconContainer"><span class="RatingStars-icon Icon Icon--xs"><svg class="Icon-glyph" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><title>star icon</title><g fill="none" fill-rule="evenodd"><path d="M0 0h16v16H0z"></path><path fill="#EFC138" d="M8.108.7l2.352 4.764 5.257.764-3.804 3.708.898 5.236L8.108 12.7l-4.702 2.472.898-5.236L.5 6.228l5.257-.764L8.108.7zm1.688 5.678L8.108 2.959 6.421 6.378l-3.773.548 2.73 2.66-.644 3.758 3.374-1.774 3.373 1.774-.643-3.757 2.73-2.661-3.772-.548z"></path><path fill="#FFFFFF" d="M9.796 6.378L8.108 2.959 6.421 6.378l-3.773.548 2.73 2.66-.644 3.758 3.374-1.774 3.373 1.774-.643-3.757 2.73-2.661z"></path></g></svg></span><span class="RatingStars-icon Icon Icon--xs"><svg class="Icon-glyph" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><title>star icon</title><g fill="none" fill-rule="evenodd"><path d="M0 0h16v16H0z"></path><path fill="#EFC138" d="M8.108.7l2.352 4.764 5.257.764-3.804 3.708.898 5.236L8.108 12.7l-4.702 2.472.898-5.236L.5 6.228l5.257-.764L8.108.7zm1.688 5.678L8.108 2.959 6.421 6.378l-3.773.548 2.73 2.66-.644 3.758 3.374-1.774 3.373 1.774-.643-3.757 2.73-2.661-3.772-.548z"></path><path fill="#FFFFFF" d="M9.796 6.378L8.108 2.959 6.421 6.378l-3.773.548 2.73 2.66-.644 3.758 3.374-1.774 3.373 1.774-.643-3.757 2.73-2.661z"></path></g></svg></span><span class="RatingStars-icon Icon Icon--xs"><svg class="Icon-glyph" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><title>star icon</title><g fill="none" fill-rule="evenodd"><path d="M0 0h16v16H0z"></path><path fill="#EFC138" d="M8.108.7l2.352 4.764 5.257.764-3.804 3.708.898 5.236L8.108 12.7l-4.702 2.472.898-5.236L.5 6.228l5.257-.764L8.108.7zm1.688 5.678L8.108 2.959 6.421 6.378l-3.773.548 2.73 2.66-.644 3.758 3.374-1.774 3.373 1.774-.643-3.757 2.73-2.661-3.772-.548z"></path><path fill="#FFFFFF" d="M9.796 6.378L8.108 2.959 6.421 6.378l-3.773.548 2.73 2.66-.644 3.758 3.374-1.774 3.373 1.774-.643-3.757 2.73-2.661z"></path></g></svg></span><span class="RatingStars-icon Icon Icon--xs"><svg class="Icon-glyph" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><title>star icon</title><g fill="none" fill-rule="evenodd"><path d="M0 0h16v16H0z"></path><path fill="#EFC138" d="M8.108.7l2.352 4.764 5.257.764-3.804 3.708.898 5.236L8.108 12.7l-4.702 2.472.898-5.236L.5 6.228l5.257-.764L8.108.7zm1.688 5.678L8.108 2.959 6.421 6.378l-3.773.548 2.73 2.66-.644 3.758 3.374-1.774 3.373 1.774-.643-3.757 2.73-2.661-3.772-.548z"></path><path fill="#FFFFFF" d="M9.796 6.378L8.108 2.959 6.421 6.378l-3.773.548 2.73 2.66-.644 3.758 3.374-1.774 3.373 1.774-.643-3.757 2.73-2.661z"></path></g></svg></span><span class="RatingStars-icon Icon Icon--xs"><svg class="Icon-glyph" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><title>star icon</title><g fill="none" fill-rule="evenodd"><path d="M0 0h16v16H0z"></path><path fill="#EFC138" d="M8.108.7l2.352 4.764 5.257.764-3.804 3.708.898 5.236L8.108 12.7l-4.702 2.472.898-5.236L.5 6.228l5.257-.764L8.108.7zm1.688 5.678L8.108 2.959 6.421 6.378l-3.773.548 2.73 2.66-.644 3.758 3.374-1.774 3.373 1.774-.643-3.757 2.73-2.661-3.772-.548z"></path><path fill="#FFFFFF" d="M9.796 6.378L8.108 2.959 6.421 6.378l-3.773.548 2.73 2.66-.644 3.758 3.374-1.774 3.373 1.774-.643-3.757 2.73-2.661z"></path></g></svg></span></span></div><span class="font-sans text-sm relative top-[-2px] text-xs sm:text-sm">4.4 / 5</span></div></div><div class="flex flex-col md:flex-row md:justify-between p-2 sm:p-4 border-b"><p class="mb-0 font-bold text-sm md:text-md">Customer service</p><div><div class="RatingStars mr-2 " aria-label="4.5 star rating"><div class="RatingStars-iconMask" style="width:90%"><span class="RatingStars-iconContainer"><span class="RatingStars-icon Icon Icon--xs"><svg class="Icon-glyph" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><title>star icon</title><g fill="none" fill-rule="evenodd"><path d="M0 0h16v16H0z"></path><path fill="#EFC138" d="M8.108.7l2.352 4.764 5.257.764-3.804 3.708.898 5.236L8.108 12.7l-4.702 2.472.898-5.236L.5 6.228l5.257-.764L8.108.7zm1.688 5.678L8.108 2.959 6.421 6.378l-3.773.548 2.73 2.66-.644 3.758 3.374-1.774 3.373 1.774-.643-3.757 2.73-2.661-3.772-.548z"></path><path fill="#EFC138" d="M9.796 6.378L8.108 2.959 6.421 6.378l-3.773.548 2.73 2.66-.644 3.758 3.374-1.774 3.373 1.774-.643-3.757 2.73-2.661z"></path></g></svg></span><span class="RatingStars-icon Icon Icon--xs"><svg class="Icon-glyph" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><title>star icon</title><g fill="none" fill-rule="evenodd"><path d="M0 0h16v16H0z"></path><path fill="#EFC138" d="M8.108.7l2.352 4.764 5.257.764-3.804 3.708.898 5.236L8.108 12.7l-4.702 2.472.898-5.236L.5 6.228l5.257-.764L8.108.7zm1.688 5.678L8.108 2.959 6.421 6.378l-3.773.548 2.73 2.66-.644 3.758 3.374-1.774 3.373 1.774-.643-3.757 2.73-2.661-3.772-.548z"></path><path fill="#EFC138" d="M9.796 6.378L8.108 2.959 6.421 6.378l-3.773.548 2.73 2.66-.644 3.758 3.374-1.774 3.373 1.774-.643-3.757 2.73-2.661z"></path></g></svg></span><span class="RatingStars-icon Icon Icon--xs"><svg class="Icon-glyph" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><title>star icon</title><g fill="none" fill-rule="evenodd"><path d="M0 0h16v16H0z"></path><path fill="#EFC138" d="M8.108.7l2.352 4.764 5.257.764-3.804 3.708.898 5.236L8.108 12.7l-4.702 2.472.898-5.236L.5 6.228l5.257-.764L8.108.7zm1.688 5.678L8.108 2.959 6.421 6.378l-3.773.548 2.73 2.66-.644 3.758 3.374-1.774 3.373 1.774-.643-3.757 2.73-2.661-3.772-.548z"></path><path fill="#EFC138" d="M9.796 6.378L8.108 2.959 6.421 6.378l-3.773.548 2.73 2.66-.644 3.758 3.374-1.774 3.373 1.774-.643-3.757 2.73-2.661z"></path></g></svg></span><span class="RatingStars-icon Icon Icon--xs"><svg class="Icon-glyph" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><title>star icon</title><g fill="none" fill-rule="evenodd"><path d="M0 0h16v16H0z"></path><path fill="#EFC138" d="M8.108.7l2.352 4.764 5.257.764-3.804 3.708.898 5.236L8.108 12.7l-4.702 2.472.898-5.236L.5 6.228l5.257-.764L8.108.7zm1.688 5.678L8.108 2.959 6.421 6.378l-3.773.548 2.73 2.66-.644 3.758 3.374-1.774 3.373 1.774-.643-3.757 2.73-2.661-3.772-.548z"></path><path fill="#EFC138" d="M9.796 6.378L8.108 2.959 6.421 6.378l-3.773.548 2.73 2.66-.644 3.758 3.374-1.774 3.373 1.774-.643-3.757 2.73-2.661z"></path></g></svg></span><span class="RatingStars-icon Icon Icon--xs"><svg class="Icon-glyph" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><title>star icon</title><g fill="none" fill-rule="evenodd"><path d="M0 0h16v16H0z"></path><path fill="#EFC138" d="M8.108.7l2.352 4.764 5.257.764-3.804 3.708.898 5.236L8.108 12.7l-4.702 2.472.898-5.236L.5 6.228l5.257-.764L8.108.7zm1.688 5.678L8.108 2.959 6.421 6.378l-3.773.548 2.73 2.66-.644 3.758 3.374-1.774 3.373 1.774-.643-3.757 2.73-2.661-3.772-.548z"></path><path fill="#EFC138" d="M9.796 6.378L8.108 2.959 6.421 6.378l-3.773.548 2.73 2.66-.644 3.758 3.374-1.774 3.373 1.774-.643-3.757 2.73-2.661z"></path></g></svg></span></span></div><span class="RatingStars-iconContainer"><span class="RatingStars-icon Icon Icon--xs"><svg class="Icon-glyph" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><title>star icon</title><g fill="none" fill-rule="evenodd"><path d="M0 0h16v16H0z"></path><path fill="#EFC138" d="M8.108.7l2.352 4.764 5.257.764-3.804 3.708.898 5.236L8.108 12.7l-4.702 2.472.898-5.236L.5 6.228l5.257-.764L8.108.7zm1.688 5.678L8.108 2.959 6.421 6.378l-3.773.548 2.73 2.66-.644 3.758 3.374-1.774 3.373 1.774-.643-3.757 2.73-2.661-3.772-.548z"></path><path fill="#FFFFFF" d="M9.796 6.378L8.108 2.959 6.421 6.378l-3.773.548 2.73 2.66-.644 3.758 3.374-1.774 3.373 1.774-.643-3.757 2.73-2.661z"></path></g></svg></span><span class="RatingStars-icon Icon Icon--xs"><svg class="Icon-glyph" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><title>star icon</title><g fill="none" fill-rule="evenodd"><path d="M0 0h16v16H0z"></path><path fill="#EFC138" d="M8.108.7l2.352 4.764 5.257.764-3.804 3.708.898 5.236L8.108 12.7l-4.702 2.472.898-5.236L.5 6.228l5.257-.764L8.108.7zm1.688 5.678L8.108 2.959 6.421 6.378l-3.773.548 2.73 2.66-.644 3.758 3.374-1.774 3.373 1.774-.643-3.757 2.73-2.661-3.772-.548z"></path><path fill="#FFFFFF" d="M9.796 6.378L8.108 2.959 6.421 6.378l-3.773.548 2.73 2.66-.644 3.758 3.374-1.774 3.373 1.774-.643-3.757 2.73-2.661z"></path></g></svg></span><span class="RatingStars-icon Icon Icon--xs"><svg class="Icon-glyph" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><title>star icon</title><g fill="none" fill-rule="evenodd"><path d="M0 0h16v16H0z"></path><path fill="#EFC138" d="M8.108.7l2.352 4.764 5.257.764-3.804 3.708.898 5.236L8.108 12.7l-4.702 2.472.898-5.236L.5 6.228l5.257-.764L8.108.7zm1.688 5.678L8.108 2.959 6.421 6.378l-3.773.548 2.73 2.66-.644 3.758 3.374-1.774 3.373 1.774-.643-3.757 2.73-2.661-3.772-.548z"></path><path fill="#FFFFFF" d="M9.796 6.378L8.108 2.959 6.421 6.378l-3.773.548 2.73 2.66-.644 3.758 3.374-1.774 3.373 1.774-.643-3.757 2.73-2.661z"></path></g></svg></span><span class="RatingStars-icon Icon Icon--xs"><svg class="Icon-glyph" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><title>star icon</title><g fill="none" fill-rule="evenodd"><path d="M0 0h16v16H0z"></path><path fill="#EFC138" d="M8.108.7l2.352 4.764 5.257.764-3.804 3.708.898 5.236L8.108 12.7l-4.702 2.472.898-5.236L.5 6.228l5.257-.764L8.108.7zm1.688 5.678L8.108 2.959 6.421 6.378l-3.773.548 2.73 2.66-.644 3.758 3.374-1.774 3.373 1.774-.643-3.757 2.73-2.661-3.772-.548z"></path><path fill="#FFFFFF" d="M9.796 6.378L8.108 2.959 6.421 6.378l-3.773.548 2.73 2.66-.644 3.758 3.374-1.774 3.373 1.774-.643-3.757 2.73-2.661z"></path></g></svg></span><span class="RatingStars-icon Icon Icon--xs"><svg class="Icon-glyph" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><title>star icon</title><g fill="none" fill-rule="evenodd"><path d="M0 0h16v16H0z"></path><path fill="#EFC138" d="M8.108.7l2.352 4.764 5.257.764-3.804 3.708.898 5.236L8.108 12.7l-4.702 2.472.898-5.236L.5 6.228l5.257-.764L8.108.7zm1.688 5.678L8.108 2.959 6.421 6.378l-3.773.548 2.73 2.66-.644 3.758 3.374-1.774 3.373 1.774-.643-3.757 2.73-2.661-3.772-.548z"></path><path fill="#FFFFFF" d="M9.796 6.378L8.108 2.959 6.421 6.378l-3.773.548 2.73 2.66-.644 3.758 3.374-1.774 3.373 1.774-.643-3.757 2.73-2.661z"></path></g></svg></span></span></div><span class="font-sans text-sm relative top-[-2px] text-xs sm:text-sm">4.5 / 5</span></div></div><div class="flex flex-col md:flex-row md:justify-between p-2 sm:p-4"><p class="mb-0 font-bold text-sm md:text-md">Intro APR length</p><div><div class="RatingStars mr-2 " aria-label="4.3 star rating"><div class="RatingStars-iconMask" style="width:86%"><span class="RatingStars-iconContainer"><span class="RatingStars-icon Icon Icon--xs"><svg class="Icon-glyph" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><title>star icon</title><g fill="none" fill-rule="evenodd"><path d="M0 0h16v16H0z"></path><path fill="#EFC138" d="M8.108.7l2.352 4.764 5.257.764-3.804 3.708.898 5.236L8.108 12.7l-4.702 2.472.898-5.236L.5 6.228l5.257-.764L8.108.7zm1.688 5.678L8.108 2.959 6.421 6.378l-3.773.548 2.73 2.66-.644 3.758 3.374-1.774 3.373 1.774-.643-3.757 2.73-2.661-3.772-.548z"></path><path fill="#EFC138" d="M9.796 6.378L8.108 2.959 6.421 6.378l-3.773.548 2.73 2.66-.644 3.758 3.374-1.774 3.373 1.774-.643-3.757 2.73-2.661z"></path></g></svg></span><span class="RatingStars-icon Icon Icon--xs"><svg class="Icon-glyph" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><title>star icon</title><g fill="none" fill-rule="evenodd"><path d="M0 0h16v16H0z"></path><path fill="#EFC138" d="M8.108.7l2.352 4.764 5.257.764-3.804 3.708.898 5.236L8.108 12.7l-4.702 2.472.898-5.236L.5 6.228l5.257-.764L8.108.7zm1.688 5.678L8.108 2.959 6.421 6.378l-3.773.548 2.73 2.66-.644 3.758 3.374-1.774 3.373 1.774-.643-3.757 2.73-2.661-3.772-.548z"></path><path fill="#EFC138" d="M9.796 6.378L8.108 2.959 6.421 6.378l-3.773.548 2.73 2.66-.644 3.758 3.374-1.774 3.373 1.774-.643-3.757 2.73-2.661z"></path></g></svg></span><span class="RatingStars-icon Icon Icon--xs"><svg class="Icon-glyph" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><title>star icon</title><g fill="none" fill-rule="evenodd"><path d="M0 0h16v16H0z"></path><path fill="#EFC138" d="M8.108.7l2.352 4.764 5.257.764-3.804 3.708.898 5.236L8.108 12.7l-4.702 2.472.898-5.236L.5 6.228l5.257-.764L8.108.7zm1.688 5.678L8.108 2.959 6.421 6.378l-3.773.548 2.73 2.66-.644 3.758 3.374-1.774 3.373 1.774-.643-3.757 2.73-2.661-3.772-.548z"></path><path fill="#EFC138" d="M9.796 6.378L8.108 2.959 6.421 6.378l-3.773.548 2.73 2.66-.644 3.758 3.374-1.774 3.373 1.774-.643-3.757 2.73-2.661z"></path></g></svg></span><span class="RatingStars-icon Icon Icon--xs"><svg class="Icon-glyph" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><title>star icon</title><g fill="none" fill-rule="evenodd"><path d="M0 0h16v16H0z"></path><path fill="#EFC138" d="M8.108.7l2.352 4.764 5.257.764-3.804 3.708.898 5.236L8.108 12.7l-4.702 2.472.898-5.236L.5 6.228l5.257-.764L8.108.7zm1.688 5.678L8.108 2.959 6.421 6.378l-3.773.548 2.73 2.66-.644 3.758 3.374-1.774 3.373 1.774-.643-3.757 2.73-2.661-3.772-.548z"></path><path fill="#EFC138" d="M9.796 6.378L8.108 2.959 6.421 6.378l-3.773.548 2.73 2.66-.644 3.758 3.374-1.774 3.373 1.774-.643-3.757 2.73-2.661z"></path></g></svg></span><span class="RatingStars-icon Icon Icon--xs"><svg class="Icon-glyph" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><title>star icon</title><g fill="none" fill-rule="evenodd"><path d="M0 0h16v16H0z"></path><path fill="#EFC138" d="M8.108.7l2.352 4.764 5.257.764-3.804 3.708.898 5.236L8.108 12.7l-4.702 2.472.898-5.236L.5 6.228l5.257-.764L8.108.7zm1.688 5.678L8.108 2.959 6.421 6.378l-3.773.548 2.73 2.66-.644 3.758 3.374-1.774 3.373 1.774-.643-3.757 2.73-2.661-3.772-.548z"></path><path fill="#EFC138" d="M9.796 6.378L8.108 2.959 6.421 6.378l-3.773.548 2.73 2.66-.644 3.758 3.374-1.774 3.373 1.774-.643-3.757 2.73-2.661z"></path></g></svg></span></span></div><span class="RatingStars-iconContainer"><span class="RatingStars-icon Icon Icon--xs"><svg class="Icon-glyph" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><title>star icon</title><g fill="none" fill-rule="evenodd"><path d="M0 0h16v16H0z"></path><path fill="#EFC138" d="M8.108.7l2.352 4.764 5.257.764-3.804 3.708.898 5.236L8.108 12.7l-4.702 2.472.898-5.236L.5 6.228l5.257-.764L8.108.7zm1.688 5.678L8.108 2.959 6.421 6.378l-3.773.548 2.73 2.66-.644 3.758 3.374-1.774 3.373 1.774-.643-3.757 2.73-2.661-3.772-.548z"></path><path fill="#FFFFFF" d="M9.796 6.378L8.108 2.959 6.421 6.378l-3.773.548 2.73 2.66-.644 3.758 3.374-1.774 3.373 1.774-.643-3.757 2.73-2.661z"></path></g></svg></span><span class="RatingStars-icon Icon Icon--xs"><svg class="Icon-glyph" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><title>star icon</title><g fill="none" fill-rule="evenodd"><path d="M0 0h16v16H0z"></path><path fill="#EFC138" d="M8.108.7l2.352 4.764 5.257.764-3.804 3.708.898 5.236L8.108 12.7l-4.702 2.472.898-5.236L.5 6.228l5.257-.764L8.108.7zm1.688 5.678L8.108 2.959 6.421 6.378l-3.773.548 2.73 2.66-.644 3.758 3.374-1.774 3.373 1.774-.643-3.757 2.73-2.661-3.772-.548z"></path><path fill="#FFFFFF" d="M9.796 6.378L8.108 2.959 6.421 6.378l-3.773.548 2.73 2.66-.644 3.758 3.374-1.774 3.373 1.774-.643-3.757 2.73-2.661z"></path></g></svg></span><span class="RatingStars-icon Icon Icon--xs"><svg class="Icon-glyph" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><title>star icon</title><g fill="none" fill-rule="evenodd"><path d="M0 0h16v16H0z"></path><path fill="#EFC138" d="M8.108.7l2.352 4.764 5.257.764-3.804 3.708.898 5.236L8.108 12.7l-4.702 2.472.898-5.236L.5 6.228l5.257-.764L8.108.7zm1.688 5.678L8.108 2.959 6.421 6.378l-3.773.548 2.73 2.66-.644 3.758 3.374-1.774 3.373 1.774-.643-3.757 2.73-2.661-3.772-.548z"></path><path fill="#FFFFFF" d="M9.796 6.378L8.108 2.959 6.421 6.378l-3.773.548 2.73 2.66-.644 3.758 3.374-1.774 3.373 1.774-.643-3.757 2.73-2.661z"></path></g></svg></span><span class="RatingStars-icon Icon Icon--xs"><svg class="Icon-glyph" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><title>star icon</title><g fill="none" fill-rule="evenodd"><path d="M0 0h16v16H0z"></path><path fill="#EFC138" d="M8.108.7l2.352 4.764 5.257.764-3.804 3.708.898 5.236L8.108 12.7l-4.702 2.472.898-5.236L.5 6.228l5.257-.764L8.108.7zm1.688 5.678L8.108 2.959 6.421 6.378l-3.773.548 2.73 2.66-.644 3.758 3.374-1.774 3.373 1.774-.643-3.757 2.73-2.661-3.772-.548z"></path><path fill="#FFFFFF" d="M9.796 6.378L8.108 2.959 6.421 6.378l-3.773.548 2.73 2.66-.644 3.758 3.374-1.774 3.373 1.774-.643-3.757 2.73-2.661z"></path></g></svg></span><span class="RatingStars-icon Icon Icon--xs"><svg class="Icon-glyph" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><title>star icon</title><g fill="none" fill-rule="evenodd"><path d="M0 0h16v16H0z"></path><path fill="#EFC138" d="M8.108.7l2.352 4.764 5.257.764-3.804 3.708.898 5.236L8.108 12.7l-4.702 2.472.898-5.236L.5 6.228l5.257-.764L8.108.7zm1.688 5.678L8.108 2.959 6.421 6.378l-3.773.548 2.73 2.66-.644 3.758 3.374-1.774 3.373 1.774-.643-3.757 2.73-2.661-3.772-.548z"></path><path fill="#FFFFFF" d="M9.796 6.378L8.108 2.959 6.421 6.378l-3.773.548 2.73 2.66-.644 3.758 3.374-1.774 3.373 1.774-.643-3.757 2.73-2.661z"></path></g></svg></span></span></div><span class="font-sans text-sm relative top-[-2px] text-xs sm:text-sm">4.3 / 5</span></div></div></div></div><div><div class="p-2 sm:p-4 border-b md:border-none md:flex md:items-center md:justify-center"><p class="mb-0 font-bold text-3xl md:mr-2">4.9</p><div class="md:flex md:flex-row-reverse"><div class="flex items-center"><p class="mb-0 mr-2 font-bold text-sm md:text-md">Bankrate score</p><div class="Tooltip" data-testid="22105772-bankrate-score-tooltip"><button class="Tooltip-trigger relative top-[-7px] md:top-[-5px]" aria-controls="cardholder-tooltip" aria-expanded="false" role="button" tabindex="0"><span class="Icon Icon--xs fill-blue-600"><span class="inline-block align-middle relative icon-base-blue-600"><svg viewBox="0 0 16 16" width="16" height="16" xmlns="http://www.w3.org/2000/svg" focusable="false" class=""><path fill-rule="evenodd" clip-rule="evenodd" d="M8 16C12.4183 16 16 12.4183 16 8C16 3.58172 12.4183 0 8 0C3.58172 0 0 3.58172 0 8C0 12.4183 3.58172 16 8 16ZM8 15C4.13401 15 1 11.866 1 8C1 4.13401 4.13401 1 8 1C11.866 1 15 4.13401 15 8C15 11.866 11.866 15 8 15ZM7 5.0122C7 4.45122 7.45122 4 8 4C8.56098 4 9 4.45122 9 5.0122C9 5.54878 8.56098 6 8 6C7.45122 6 7 5.54878 7 5.0122ZM7 12V7H9V12H7Z" class="icon-base" fill="currentColor"></path><title>Info</title></svg></span></span><span class="sr-only">Hover to learn more</span></button><div class="Tooltip-content z-20 max-w-48 md:max-w-max Tooltip-content--anchorRight hidden" id="cardholder-tooltip" role="tooltip" aria-hidden="true"><div class="Tooltip-body text-gray-700"><div class="Tooltip-arrow"></div><p class="text-gray-700 text-sm m-0" data-testid="22105772-bankrate-score-tooltip-text">Our writers, editors and industry experts score credit cards based on a variety of factors including card features, bonus offers and independent research. Credit card issuers have no say or influence on how we rate cards.</p></div></div></div></div><div class="md:flex md:items-center"><div class="RatingStars mr-2 " aria-label="4.9 star rating"><div class="RatingStars-iconMask" style="width:98.00000000000001%"><span class="RatingStars-iconContainer"><span class="RatingStars-icon Icon Icon--xs"><svg class="Icon-glyph" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><title>star icon</title><g fill="none" fill-rule="evenodd"><path d="M0 0h16v16H0z"></path><path fill="#0157ff" d="M8.108.7l2.352 4.764 5.257.764-3.804 3.708.898 5.236L8.108 12.7l-4.702 2.472.898-5.236L.5 6.228l5.257-.764L8.108.7zm1.688 5.678L8.108 2.959 6.421 6.378l-3.773.548 2.73 2.66-.644 3.758 3.374-1.774 3.373 1.774-.643-3.757 2.73-2.661-3.772-.548z"></path><path fill="#0157ff" d="M9.796 6.378L8.108 2.959 6.421 6.378l-3.773.548 2.73 2.66-.644 3.758 3.374-1.774 3.373 1.774-.643-3.757 2.73-2.661z"></path></g></svg></span><span class="RatingStars-icon Icon Icon--xs"><svg class="Icon-glyph" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><title>star icon</title><g fill="none" fill-rule="evenodd"><path d="M0 0h16v16H0z"></path><path fill="#0157ff" d="M8.108.7l2.352 4.764 5.257.764-3.804 3.708.898 5.236L8.108 12.7l-4.702 2.472.898-5.236L.5 6.228l5.257-.764L8.108.7zm1.688 5.678L8.108 2.959 6.421 6.378l-3.773.548 2.73 2.66-.644 3.758 3.374-1.774 3.373 1.774-.643-3.757 2.73-2.661-3.772-.548z"></path><path fill="#0157ff" d="M9.796 6.378L8.108 2.959 6.421 6.378l-3.773.548 2.73 2.66-.644 3.758 3.374-1.774 3.373 1.774-.643-3.757 2.73-2.661z"></path></g></svg></span><span class="RatingStars-icon Icon Icon--xs"><svg class="Icon-glyph" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><title>star icon</title><g fill="none" fill-rule="evenodd"><path d="M0 0h16v16H0z"></path><path fill="#0157ff" d="M8.108.7l2.352 4.764 5.257.764-3.804 3.708.898 5.236L8.108 12.7l-4.702 2.472.898-5.236L.5 6.228l5.257-.764L8.108.7zm1.688 5.678L8.108 2.959 6.421 6.378l-3.773.548 2.73 2.66-.644 3.758 3.374-1.774 3.373 1.774-.643-3.757 2.73-2.661-3.772-.548z"></path><path fill="#0157ff" d="M9.796 6.378L8.108 2.959 6.421 6.378l-3.773.548 2.73 2.66-.644 3.758 3.374-1.774 3.373 1.774-.643-3.757 2.73-2.661z"></path></g></svg></span><span class="RatingStars-icon Icon Icon--xs"><svg class="Icon-glyph" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><title>star icon</title><g fill="none" fill-rule="evenodd"><path d="M0 0h16v16H0z"></path><path fill="#0157ff" d="M8.108.7l2.352 4.764 5.257.764-3.804 3.708.898 5.236L8.108 12.7l-4.702 2.472.898-5.236L.5 6.228l5.257-.764L8.108.7zm1.688 5.678L8.108 2.959 6.421 6.378l-3.773.548 2.73 2.66-.644 3.758 3.374-1.774 3.373 1.774-.643-3.757 2.73-2.661-3.772-.548z"></path><path fill="#0157ff" d="M9.796 6.378L8.108 2.959 6.421 6.378l-3.773.548 2.73 2.66-.644 3.758 3.374-1.774 3.373 1.774-.643-3.757 2.73-2.661z"></path></g></svg></span><span class="RatingStars-icon Icon Icon--xs"><svg class="Icon-glyph" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><title>star icon</title><g fill="none" fill-rule="evenodd"><path d="M0 0h16v16H0z"></path><path fill="#0157ff" d="M8.108.7l2.352 4.764 5.257.764-3.804 3.708.898 5.236L8.108 12.7l-4.702 2.472.898-5.236L.5 6.228l5.257-.764L8.108.7zm1.688 5.678L8.108 2.959 6.421 6.378l-3.773.548 2.73 2.66-.644 3.758 3.374-1.774 3.373 1.774-.643-3.757 2.73-2.661-3.772-.548z"></path><path fill="#0157ff" d="M9.796 6.378L8.108 2.959 6.421 6.378l-3.773.548 2.73 2.66-.644 3.758 3.374-1.774 3.373 1.774-.643-3.757 2.73-2.661z"></path></g></svg></span></span></div><span class="RatingStars-iconContainer"><span class="RatingStars-icon Icon Icon--xs"><svg class="Icon-glyph" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><title>star icon</title><g fill="none" fill-rule="evenodd"><path d="M0 0h16v16H0z"></path><path fill="#0157ff" d="M8.108.7l2.352 4.764 5.257.764-3.804 3.708.898 5.236L8.108 12.7l-4.702 2.472.898-5.236L.5 6.228l5.257-.764L8.108.7zm1.688 5.678L8.108 2.959 6.421 6.378l-3.773.548 2.73 2.66-.644 3.758 3.374-1.774 3.373 1.774-.643-3.757 2.73-2.661-3.772-.548z"></path><path fill="#FFFFFF" d="M9.796 6.378L8.108 2.959 6.421 6.378l-3.773.548 2.73 2.66-.644 3.758 3.374-1.774 3.373 1.774-.643-3.757 2.73-2.661z"></path></g></svg></span><span class="RatingStars-icon Icon Icon--xs"><svg class="Icon-glyph" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><title>star icon</title><g fill="none" fill-rule="evenodd"><path d="M0 0h16v16H0z"></path><path fill="#0157ff" d="M8.108.7l2.352 4.764 5.257.764-3.804 3.708.898 5.236L8.108 12.7l-4.702 2.472.898-5.236L.5 6.228l5.257-.764L8.108.7zm1.688 5.678L8.108 2.959 6.421 6.378l-3.773.548 2.73 2.66-.644 3.758 3.374-1.774 3.373 1.774-.643-3.757 2.73-2.661-3.772-.548z"></path><path fill="#FFFFFF" d="M9.796 6.378L8.108 2.959 6.421 6.378l-3.773.548 2.73 2.66-.644 3.758 3.374-1.774 3.373 1.774-.643-3.757 2.73-2.661z"></path></g></svg></span><span class="RatingStars-icon Icon Icon--xs"><svg class="Icon-glyph" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><title>star icon</title><g fill="none" fill-rule="evenodd"><path d="M0 0h16v16H0z"></path><path fill="#0157ff" d="M8.108.7l2.352 4.764 5.257.764-3.804 3.708.898 5.236L8.108 12.7l-4.702 2.472.898-5.236L.5 6.228l5.257-.764L8.108.7zm1.688 5.678L8.108 2.959 6.421 6.378l-3.773.548 2.73 2.66-.644 3.758 3.374-1.774 3.373 1.774-.643-3.757 2.73-2.661-3.772-.548z"></path><path fill="#FFFFFF" d="M9.796 6.378L8.108 2.959 6.421 6.378l-3.773.548 2.73 2.66-.644 3.758 3.374-1.774 3.373 1.774-.643-3.757 2.73-2.661z"></path></g></svg></span><span class="RatingStars-icon Icon Icon--xs"><svg class="Icon-glyph" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><title>star icon</title><g fill="none" fill-rule="evenodd"><path d="M0 0h16v16H0z"></path><path fill="#0157ff" d="M8.108.7l2.352 4.764 5.257.764-3.804 3.708.898 5.236L8.108 12.7l-4.702 2.472.898-5.236L.5 6.228l5.257-.764L8.108.7zm1.688 5.678L8.108 2.959 6.421 6.378l-3.773.548 2.73 2.66-.644 3.758 3.374-1.774 3.373 1.774-.643-3.757 2.73-2.661-3.772-.548z"></path><path fill="#FFFFFF" d="M9.796 6.378L8.108 2.959 6.421 6.378l-3.773.548 2.73 2.66-.644 3.758 3.374-1.774 3.373 1.774-.643-3.757 2.73-2.661z"></path></g></svg></span><span class="RatingStars-icon Icon Icon--xs"><svg class="Icon-glyph" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><title>star icon</title><g fill="none" fill-rule="evenodd"><path d="M0 0h16v16H0z"></path><path fill="#0157ff" d="M8.108.7l2.352 4.764 5.257.764-3.804 3.708.898 5.236L8.108 12.7l-4.702 2.472.898-5.236L.5 6.228l5.257-.764L8.108.7zm1.688 5.678L8.108 2.959 6.421 6.378l-3.773.548 2.73 2.66-.644 3.758 3.374-1.774 3.373 1.774-.643-3.757 2.73-2.661-3.772-.548z"></path><path fill="#FFFFFF" d="M9.796 6.378L8.108 2.959 6.421 6.378l-3.773.548 2.73 2.66-.644 3.758 3.374-1.774 3.373 1.774-.643-3.757 2.73-2.661z"></path></g></svg></span></span></div><span data-testid="22105772-bankrate-score" class="font-sans text-sm relative top-[-2px] text-xs sm:text-sm md:hidden">4.9 / 5</span></div></div></div><div class=""><div class="flex flex-col md:flex-row md:justify-between p-2 sm:p-4 border-b"><p class="mb-0 font-bold text-sm md:text-md">Rewards value</p><div><div class="RatingStars mr-2 " aria-label="4.3 star rating"><div class="RatingStars-iconMask" style="width:86%"><span class="RatingStars-iconContainer"><span class="RatingStars-icon Icon Icon--xs"><svg class="Icon-glyph" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><title>star icon</title><g fill="none" fill-rule="evenodd"><path d="M0 0h16v16H0z"></path><path fill="#0157ff" d="M8.108.7l2.352 4.764 5.257.764-3.804 3.708.898 5.236L8.108 12.7l-4.702 2.472.898-5.236L.5 6.228l5.257-.764L8.108.7zm1.688 5.678L8.108 2.959 6.421 6.378l-3.773.548 2.73 2.66-.644 3.758 3.374-1.774 3.373 1.774-.643-3.757 2.73-2.661-3.772-.548z"></path><path fill="#0157ff" d="M9.796 6.378L8.108 2.959 6.421 6.378l-3.773.548 2.73 2.66-.644 3.758 3.374-1.774 3.373 1.774-.643-3.757 2.73-2.661z"></path></g></svg></span><span class="RatingStars-icon Icon Icon--xs"><svg class="Icon-glyph" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><title>star icon</title><g fill="none" fill-rule="evenodd"><path d="M0 0h16v16H0z"></path><path fill="#0157ff" d="M8.108.7l2.352 4.764 5.257.764-3.804 3.708.898 5.236L8.108 12.7l-4.702 2.472.898-5.236L.5 6.228l5.257-.764L8.108.7zm1.688 5.678L8.108 2.959 6.421 6.378l-3.773.548 2.73 2.66-.644 3.758 3.374-1.774 3.373 1.774-.643-3.757 2.73-2.661-3.772-.548z"></path><path fill="#0157ff" d="M9.796 6.378L8.108 2.959 6.421 6.378l-3.773.548 2.73 2.66-.644 3.758 3.374-1.774 3.373 1.774-.643-3.757 2.73-2.661z"></path></g></svg></span><span class="RatingStars-icon Icon Icon--xs"><svg class="Icon-glyph" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><title>star icon</title><g fill="none" fill-rule="evenodd"><path d="M0 0h16v16H0z"></path><path fill="#0157ff" d="M8.108.7l2.352 4.764 5.257.764-3.804 3.708.898 5.236L8.108 12.7l-4.702 2.472.898-5.236L.5 6.228l5.257-.764L8.108.7zm1.688 5.678L8.108 2.959 6.421 6.378l-3.773.548 2.73 2.66-.644 3.758 3.374-1.774 3.373 1.774-.643-3.757 2.73-2.661-3.772-.548z"></path><path fill="#0157ff" d="M9.796 6.378L8.108 2.959 6.421 6.378l-3.773.548 2.73 2.66-.644 3.758 3.374-1.774 3.373 1.774-.643-3.757 2.73-2.661z"></path></g></svg></span><span class="RatingStars-icon Icon Icon--xs"><svg class="Icon-glyph" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><title>star icon</title><g fill="none" fill-rule="evenodd"><path d="M0 0h16v16H0z"></path><path fill="#0157ff" d="M8.108.7l2.352 4.764 5.257.764-3.804 3.708.898 5.236L8.108 12.7l-4.702 2.472.898-5.236L.5 6.228l5.257-.764L8.108.7zm1.688 5.678L8.108 2.959 6.421 6.378l-3.773.548 2.73 2.66-.644 3.758 3.374-1.774 3.373 1.774-.643-3.757 2.73-2.661-3.772-.548z"></path><path fill="#0157ff" d="M9.796 6.378L8.108 2.959 6.421 6.378l-3.773.548 2.73 2.66-.644 3.758 3.374-1.774 3.373 1.774-.643-3.757 2.73-2.661z"></path></g></svg></span><span class="RatingStars-icon Icon Icon--xs"><svg class="Icon-glyph" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><title>star icon</title><g fill="none" fill-rule="evenodd"><path d="M0 0h16v16H0z"></path><path fill="#0157ff" d="M8.108.7l2.352 4.764 5.257.764-3.804 3.708.898 5.236L8.108 12.7l-4.702 2.472.898-5.236L.5 6.228l5.257-.764L8.108.7zm1.688 5.678L8.108 2.959 6.421 6.378l-3.773.548 2.73 2.66-.644 3.758 3.374-1.774 3.373 1.774-.643-3.757 2.73-2.661-3.772-.548z"></path><path fill="#0157ff" d="M9.796 6.378L8.108 2.959 6.421 6.378l-3.773.548 2.73 2.66-.644 3.758 3.374-1.774 3.373 1.774-.643-3.757 2.73-2.661z"></path></g></svg></span></span></div><span class="RatingStars-iconContainer"><span class="RatingStars-icon Icon Icon--xs"><svg class="Icon-glyph" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><title>star icon</title><g fill="none" fill-rule="evenodd"><path d="M0 0h16v16H0z"></path><path fill="#0157ff" d="M8.108.7l2.352 4.764 5.257.764-3.804 3.708.898 5.236L8.108 12.7l-4.702 2.472.898-5.236L.5 6.228l5.257-.764L8.108.7zm1.688 5.678L8.108 2.959 6.421 6.378l-3.773.548 2.73 2.66-.644 3.758 3.374-1.774 3.373 1.774-.643-3.757 2.73-2.661-3.772-.548z"></path><path fill="#FFFFFF" d="M9.796 6.378L8.108 2.959 6.421 6.378l-3.773.548 2.73 2.66-.644 3.758 3.374-1.774 3.373 1.774-.643-3.757 2.73-2.661z"></path></g></svg></span><span class="RatingStars-icon Icon Icon--xs"><svg class="Icon-glyph" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><title>star icon</title><g fill="none" fill-rule="evenodd"><path d="M0 0h16v16H0z"></path><path fill="#0157ff" d="M8.108.7l2.352 4.764 5.257.764-3.804 3.708.898 5.236L8.108 12.7l-4.702 2.472.898-5.236L.5 6.228l5.257-.764L8.108.7zm1.688 5.678L8.108 2.959 6.421 6.378l-3.773.548 2.73 2.66-.644 3.758 3.374-1.774 3.373 1.774-.643-3.757 2.73-2.661-3.772-.548z"></path><path fill="#FFFFFF" d="M9.796 6.378L8.108 2.959 6.421 6.378l-3.773.548 2.73 2.66-.644 3.758 3.374-1.774 3.373 1.774-.643-3.757 2.73-2.661z"></path></g></svg></span><span class="RatingStars-icon Icon Icon--xs"><svg class="Icon-glyph" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><title>star icon</title><g fill="none" fill-rule="evenodd"><path d="M0 0h16v16H0z"></path><path fill="#0157ff" d="M8.108.7l2.352 4.764 5.257.764-3.804 3.708.898 5.236L8.108 12.7l-4.702 2.472.898-5.236L.5 6.228l5.257-.764L8.108.7zm1.688 5.678L8.108 2.959 6.421 6.378l-3.773.548 2.73 2.66-.644 3.758 3.374-1.774 3.373 1.774-.643-3.757 2.73-2.661-3.772-.548z"></path><path fill="#FFFFFF" d="M9.796 6.378L8.108 2.959 6.421 6.378l-3.773.548 2.73 2.66-.644 3.758 3.374-1.774 3.373 1.774-.643-3.757 2.73-2.661z"></path></g></svg></span><span class="RatingStars-icon Icon Icon--xs"><svg class="Icon-glyph" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><title>star icon</title><g fill="none" fill-rule="evenodd"><path d="M0 0h16v16H0z"></path><path fill="#0157ff" d="M8.108.7l2.352 4.764 5.257.764-3.804 3.708.898 5.236L8.108 12.7l-4.702 2.472.898-5.236L.5 6.228l5.257-.764L8.108.7zm1.688 5.678L8.108 2.959 6.421 6.378l-3.773.548 2.73 2.66-.644 3.758 3.374-1.774 3.373 1.774-.643-3.757 2.73-2.661-3.772-.548z"></path><path fill="#FFFFFF" d="M9.796 6.378L8.108 2.959 6.421 6.378l-3.773.548 2.73 2.66-.644 3.758 3.374-1.774 3.373 1.774-.643-3.757 2.73-2.661z"></path></g></svg></span><span class="RatingStars-icon Icon Icon--xs"><svg class="Icon-glyph" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><title>star icon</title><g fill="none" fill-rule="evenodd"><path d="M0 0h16v16H0z"></path><path fill="#0157ff" d="M8.108.7l2.352 4.764 5.257.764-3.804 3.708.898 5.236L8.108 12.7l-4.702 2.472.898-5.236L.5 6.228l5.257-.764L8.108.7zm1.688 5.678L8.108 2.959 6.421 6.378l-3.773.548 2.73 2.66-.644 3.758 3.374-1.774 3.373 1.774-.643-3.757 2.73-2.661-3.772-.548z"></path><path fill="#FFFFFF" d="M9.796 6.378L8.108 2.959 6.421 6.378l-3.773.548 2.73 2.66-.644 3.758 3.374-1.774 3.373 1.774-.643-3.757 2.73-2.661z"></path></g></svg></span></span></div><span data-testid="22105772-rewards_value-sub-rating" class="font-sans text-sm relative top-[-2px] text-xs sm:text-sm">4.3 / 5</span></div></div><div class="flex flex-col md:flex-row md:justify-between p-2 sm:p-4 border-b"><p class="mb-0 font-bold text-sm md:text-md">APR</p><div><div class="RatingStars mr-2 " aria-label="4.0 star rating"><div class="RatingStars-iconMask" style="width:80%"><span class="RatingStars-iconContainer"><span class="RatingStars-icon Icon Icon--xs"><svg class="Icon-glyph" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><title>star icon</title><g fill="none" fill-rule="evenodd"><path d="M0 0h16v16H0z"></path><path fill="#0157ff" d="M8.108.7l2.352 4.764 5.257.764-3.804 3.708.898 5.236L8.108 12.7l-4.702 2.472.898-5.236L.5 6.228l5.257-.764L8.108.7zm1.688 5.678L8.108 2.959 6.421 6.378l-3.773.548 2.73 2.66-.644 3.758 3.374-1.774 3.373 1.774-.643-3.757 2.73-2.661-3.772-.548z"></path><path fill="#0157ff" d="M9.796 6.378L8.108 2.959 6.421 6.378l-3.773.548 2.73 2.66-.644 3.758 3.374-1.774 3.373 1.774-.643-3.757 2.73-2.661z"></path></g></svg></span><span class="RatingStars-icon Icon Icon--xs"><svg class="Icon-glyph" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><title>star icon</title><g fill="none" fill-rule="evenodd"><path d="M0 0h16v16H0z"></path><path fill="#0157ff" d="M8.108.7l2.352 4.764 5.257.764-3.804 3.708.898 5.236L8.108 12.7l-4.702 2.472.898-5.236L.5 6.228l5.257-.764L8.108.7zm1.688 5.678L8.108 2.959 6.421 6.378l-3.773.548 2.73 2.66-.644 3.758 3.374-1.774 3.373 1.774-.643-3.757 2.73-2.661-3.772-.548z"></path><path fill="#0157ff" d="M9.796 6.378L8.108 2.959 6.421 6.378l-3.773.548 2.73 2.66-.644 3.758 3.374-1.774 3.373 1.774-.643-3.757 2.73-2.661z"></path></g></svg></span><span class="RatingStars-icon Icon Icon--xs"><svg class="Icon-glyph" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><title>star icon</title><g fill="none" fill-rule="evenodd"><path d="M0 0h16v16H0z"></path><path fill="#0157ff" d="M8.108.7l2.352 4.764 5.257.764-3.804 3.708.898 5.236L8.108 12.7l-4.702 2.472.898-5.236L.5 6.228l5.257-.764L8.108.7zm1.688 5.678L8.108 2.959 6.421 6.378l-3.773.548 2.73 2.66-.644 3.758 3.374-1.774 3.373 1.774-.643-3.757 2.73-2.661-3.772-.548z"></path><path fill="#0157ff" d="M9.796 6.378L8.108 2.959 6.421 6.378l-3.773.548 2.73 2.66-.644 3.758 3.374-1.774 3.373 1.774-.643-3.757 2.73-2.661z"></path></g></svg></span><span class="RatingStars-icon Icon Icon--xs"><svg class="Icon-glyph" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><title>star icon</title><g fill="none" fill-rule="evenodd"><path d="M0 0h16v16H0z"></path><path fill="#0157ff" d="M8.108.7l2.352 4.764 5.257.764-3.804 3.708.898 5.236L8.108 12.7l-4.702 2.472.898-5.236L.5 6.228l5.257-.764L8.108.7zm1.688 5.678L8.108 2.959 6.421 6.378l-3.773.548 2.73 2.66-.644 3.758 3.374-1.774 3.373 1.774-.643-3.757 2.73-2.661-3.772-.548z"></path><path fill="#0157ff" d="M9.796 6.378L8.108 2.959 6.421 6.378l-3.773.548 2.73 2.66-.644 3.758 3.374-1.774 3.373 1.774-.643-3.757 2.73-2.661z"></path></g></svg></span><span class="RatingStars-icon Icon Icon--xs"><svg class="Icon-glyph" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><title>star icon</title><g fill="none" fill-rule="evenodd"><path d="M0 0h16v16H0z"></path><path fill="#0157ff" d="M8.108.7l2.352 4.764 5.257.764-3.804 3.708.898 5.236L8.108 12.7l-4.702 2.472.898-5.236L.5 6.228l5.257-.764L8.108.7zm1.688 5.678L8.108 2.959 6.421 6.378l-3.773.548 2.73 2.66-.644 3.758 3.374-1.774 3.373 1.774-.643-3.757 2.73-2.661-3.772-.548z"></path><path fill="#0157ff" d="M9.796 6.378L8.108 2.959 6.421 6.378l-3.773.548 2.73 2.66-.644 3.758 3.374-1.774 3.373 1.774-.643-3.757 2.73-2.661z"></path></g></svg></span></span></div><span class="RatingStars-iconContainer"><span class="RatingStars-icon Icon Icon--xs"><svg class="Icon-glyph" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><title>star icon</title><g fill="none" fill-rule="evenodd"><path d="M0 0h16v16H0z"></path><path fill="#0157ff" d="M8.108.7l2.352 4.764 5.257.764-3.804 3.708.898 5.236L8.108 12.7l-4.702 2.472.898-5.236L.5 6.228l5.257-.764L8.108.7zm1.688 5.678L8.108 2.959 6.421 6.378l-3.773.548 2.73 2.66-.644 3.758 3.374-1.774 3.373 1.774-.643-3.757 2.73-2.661-3.772-.548z"></path><path fill="#FFFFFF" d="M9.796 6.378L8.108 2.959 6.421 6.378l-3.773.548 2.73 2.66-.644 3.758 3.374-1.774 3.373 1.774-.643-3.757 2.73-2.661z"></path></g></svg></span><span class="RatingStars-icon Icon Icon--xs"><svg class="Icon-glyph" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><title>star icon</title><g fill="none" fill-rule="evenodd"><path d="M0 0h16v16H0z"></path><path fill="#0157ff" d="M8.108.7l2.352 4.764 5.257.764-3.804 3.708.898 5.236L8.108 12.7l-4.702 2.472.898-5.236L.5 6.228l5.257-.764L8.108.7zm1.688 5.678L8.108 2.959 6.421 6.378l-3.773.548 2.73 2.66-.644 3.758 3.374-1.774 3.373 1.774-.643-3.757 2.73-2.661-3.772-.548z"></path><path fill="#FFFFFF" d="M9.796 6.378L8.108 2.959 6.421 6.378l-3.773.548 2.73 2.66-.644 3.758 3.374-1.774 3.373 1.774-.643-3.757 2.73-2.661z"></path></g></svg></span><span class="RatingStars-icon Icon Icon--xs"><svg class="Icon-glyph" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><title>star icon</title><g fill="none" fill-rule="evenodd"><path d="M0 0h16v16H0z"></path><path fill="#0157ff" d="M8.108.7l2.352 4.764 5.257.764-3.804 3.708.898 5.236L8.108 12.7l-4.702 2.472.898-5.236L.5 6.228l5.257-.764L8.108.7zm1.688 5.678L8.108 2.959 6.421 6.378l-3.773.548 2.73 2.66-.644 3.758 3.374-1.774 3.373 1.774-.643-3.757 2.73-2.661-3.772-.548z"></path><path fill="#FFFFFF" d="M9.796 6.378L8.108 2.959 6.421 6.378l-3.773.548 2.73 2.66-.644 3.758 3.374-1.774 3.373 1.774-.643-3.757 2.73-2.661z"></path></g></svg></span><span class="RatingStars-icon Icon Icon--xs"><svg class="Icon-glyph" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><title>star icon</title><g fill="none" fill-rule="evenodd"><path d="M0 0h16v16H0z"></path><path fill="#0157ff" d="M8.108.7l2.352 4.764 5.257.764-3.804 3.708.898 5.236L8.108 12.7l-4.702 2.472.898-5.236L.5 6.228l5.257-.764L8.108.7zm1.688 5.678L8.108 2.959 6.421 6.378l-3.773.548 2.73 2.66-.644 3.758 3.374-1.774 3.373 1.774-.643-3.757 2.73-2.661-3.772-.548z"></path><path fill="#FFFFFF" d="M9.796 6.378L8.108 2.959 6.421 6.378l-3.773.548 2.73 2.66-.644 3.758 3.374-1.774 3.373 1.774-.643-3.757 2.73-2.661z"></path></g></svg></span><span class="RatingStars-icon Icon Icon--xs"><svg class="Icon-glyph" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><title>star icon</title><g fill="none" fill-rule="evenodd"><path d="M0 0h16v16H0z"></path><path fill="#0157ff" d="M8.108.7l2.352 4.764 5.257.764-3.804 3.708.898 5.236L8.108 12.7l-4.702 2.472.898-5.236L.5 6.228l5.257-.764L8.108.7zm1.688 5.678L8.108 2.959 6.421 6.378l-3.773.548 2.73 2.66-.644 3.758 3.374-1.774 3.373 1.774-.643-3.757 2.73-2.661-3.772-.548z"></path><path fill="#FFFFFF" d="M9.796 6.378L8.108 2.959 6.421 6.378l-3.773.548 2.73 2.66-.644 3.758 3.374-1.774 3.373 1.774-.643-3.757 2.73-2.661z"></path></g></svg></span></span></div><span data-testid="22105772-apr-sub-rating" class="font-sans text-sm relative top-[-2px] text-xs sm:text-sm">4.0 / 5</span></div></div><div class="flex flex-col md:flex-row md:justify-between p-2 sm:p-4 border-b"><p class="mb-0 font-bold text-sm md:text-md">Rewards flexibility</p><div><div class="RatingStars mr-2 " aria-label="5.0 star rating"><div class="RatingStars-iconMask" style="width:100%"><span class="RatingStars-iconContainer"><span class="RatingStars-icon Icon Icon--xs"><svg class="Icon-glyph" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><title>star icon</title><g fill="none" fill-rule="evenodd"><path d="M0 0h16v16H0z"></path><path fill="#0157ff" d="M8.108.7l2.352 4.764 5.257.764-3.804 3.708.898 5.236L8.108 12.7l-4.702 2.472.898-5.236L.5 6.228l5.257-.764L8.108.7zm1.688 5.678L8.108 2.959 6.421 6.378l-3.773.548 2.73 2.66-.644 3.758 3.374-1.774 3.373 1.774-.643-3.757 2.73-2.661-3.772-.548z"></path><path fill="#0157ff" d="M9.796 6.378L8.108 2.959 6.421 6.378l-3.773.548 2.73 2.66-.644 3.758 3.374-1.774 3.373 1.774-.643-3.757 2.73-2.661z"></path></g></svg></span><span class="RatingStars-icon Icon Icon--xs"><svg class="Icon-glyph" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><title>star icon</title><g fill="none" fill-rule="evenodd"><path d="M0 0h16v16H0z"></path><path fill="#0157ff" d="M8.108.7l2.352 4.764 5.257.764-3.804 3.708.898 5.236L8.108 12.7l-4.702 2.472.898-5.236L.5 6.228l5.257-.764L8.108.7zm1.688 5.678L8.108 2.959 6.421 6.378l-3.773.548 2.73 2.66-.644 3.758 3.374-1.774 3.373 1.774-.643-3.757 2.73-2.661-3.772-.548z"></path><path fill="#0157ff" d="M9.796 6.378L8.108 2.959 6.421 6.378l-3.773.548 2.73 2.66-.644 3.758 3.374-1.774 3.373 1.774-.643-3.757 2.73-2.661z"></path></g></svg></span><span class="RatingStars-icon Icon Icon--xs"><svg class="Icon-glyph" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><title>star icon</title><g fill="none" fill-rule="evenodd"><path d="M0 0h16v16H0z"></path><path fill="#0157ff" d="M8.108.7l2.352 4.764 5.257.764-3.804 3.708.898 5.236L8.108 12.7l-4.702 2.472.898-5.236L.5 6.228l5.257-.764L8.108.7zm1.688 5.678L8.108 2.959 6.421 6.378l-3.773.548 2.73 2.66-.644 3.758 3.374-1.774 3.373 1.774-.643-3.757 2.73-2.661-3.772-.548z"></path><path fill="#0157ff" d="M9.796 6.378L8.108 2.959 6.421 6.378l-3.773.548 2.73 2.66-.644 3.758 3.374-1.774 3.373 1.774-.643-3.757 2.73-2.661z"></path></g></svg></span><span class="RatingStars-icon Icon Icon--xs"><svg class="Icon-glyph" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><title>star icon</title><g fill="none" fill-rule="evenodd"><path d="M0 0h16v16H0z"></path><path fill="#0157ff" d="M8.108.7l2.352 4.764 5.257.764-3.804 3.708.898 5.236L8.108 12.7l-4.702 2.472.898-5.236L.5 6.228l5.257-.764L8.108.7zm1.688 5.678L8.108 2.959 6.421 6.378l-3.773.548 2.73 2.66-.644 3.758 3.374-1.774 3.373 1.774-.643-3.757 2.73-2.661-3.772-.548z"></path><path fill="#0157ff" d="M9.796 6.378L8.108 2.959 6.421 6.378l-3.773.548 2.73 2.66-.644 3.758 3.374-1.774 3.373 1.774-.643-3.757 2.73-2.661z"></path></g></svg></span><span class="RatingStars-icon Icon Icon--xs"><svg class="Icon-glyph" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><title>star icon</title><g fill="none" fill-rule="evenodd"><path d="M0 0h16v16H0z"></path><path fill="#0157ff" d="M8.108.7l2.352 4.764 5.257.764-3.804 3.708.898 5.236L8.108 12.7l-4.702 2.472.898-5.236L.5 6.228l5.257-.764L8.108.7zm1.688 5.678L8.108 2.959 6.421 6.378l-3.773.548 2.73 2.66-.644 3.758 3.374-1.774 3.373 1.774-.643-3.757 2.73-2.661-3.772-.548z"></path><path fill="#0157ff" d="M9.796 6.378L8.108 2.959 6.421 6.378l-3.773.548 2.73 2.66-.644 3.758 3.374-1.774 3.373 1.774-.643-3.757 2.73-2.661z"></path></g></svg></span></span></div><span class="RatingStars-iconContainer"><span class="RatingStars-icon Icon Icon--xs"><svg class="Icon-glyph" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><title>star icon</title><g fill="none" fill-rule="evenodd"><path d="M0 0h16v16H0z"></path><path fill="#0157ff" d="M8.108.7l2.352 4.764 5.257.764-3.804 3.708.898 5.236L8.108 12.7l-4.702 2.472.898-5.236L.5 6.228l5.257-.764L8.108.7zm1.688 5.678L8.108 2.959 6.421 6.378l-3.773.548 2.73 2.66-.644 3.758 3.374-1.774 3.373 1.774-.643-3.757 2.73-2.661-3.772-.548z"></path><path fill="#FFFFFF" d="M9.796 6.378L8.108 2.959 6.421 6.378l-3.773.548 2.73 2.66-.644 3.758 3.374-1.774 3.373 1.774-.643-3.757 2.73-2.661z"></path></g></svg></span><span class="RatingStars-icon Icon Icon--xs"><svg class="Icon-glyph" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><title>star icon</title><g fill="none" fill-rule="evenodd"><path d="M0 0h16v16H0z"></path><path fill="#0157ff" d="M8.108.7l2.352 4.764 5.257.764-3.804 3.708.898 5.236L8.108 12.7l-4.702 2.472.898-5.236L.5 6.228l5.257-.764L8.108.7zm1.688 5.678L8.108 2.959 6.421 6.378l-3.773.548 2.73 2.66-.644 3.758 3.374-1.774 3.373 1.774-.643-3.757 2.73-2.661-3.772-.548z"></path><path fill="#FFFFFF" d="M9.796 6.378L8.108 2.959 6.421 6.378l-3.773.548 2.73 2.66-.644 3.758 3.374-1.774 3.373 1.774-.643-3.757 2.73-2.661z"></path></g></svg></span><span class="RatingStars-icon Icon Icon--xs"><svg class="Icon-glyph" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><title>star icon</title><g fill="none" fill-rule="evenodd"><path d="M0 0h16v16H0z"></path><path fill="#0157ff" d="M8.108.7l2.352 4.764 5.257.764-3.804 3.708.898 5.236L8.108 12.7l-4.702 2.472.898-5.236L.5 6.228l5.257-.764L8.108.7zm1.688 5.678L8.108 2.959 6.421 6.378l-3.773.548 2.73 2.66-.644 3.758 3.374-1.774 3.373 1.774-.643-3.757 2.73-2.661-3.772-.548z"></path><path fill="#FFFFFF" d="M9.796 6.378L8.108 2.959 6.421 6.378l-3.773.548 2.73 2.66-.644 3.758 3.374-1.774 3.373 1.774-.643-3.757 2.73-2.661z"></path></g></svg></span><span class="RatingStars-icon Icon Icon--xs"><svg class="Icon-glyph" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><title>star icon</title><g fill="none" fill-rule="evenodd"><path d="M0 0h16v16H0z"></path><path fill="#0157ff" d="M8.108.7l2.352 4.764 5.257.764-3.804 3.708.898 5.236L8.108 12.7l-4.702 2.472.898-5.236L.5 6.228l5.257-.764L8.108.7zm1.688 5.678L8.108 2.959 6.421 6.378l-3.773.548 2.73 2.66-.644 3.758 3.374-1.774 3.373 1.774-.643-3.757 2.73-2.661-3.772-.548z"></path><path fill="#FFFFFF" d="M9.796 6.378L8.108 2.959 6.421 6.378l-3.773.548 2.73 2.66-.644 3.758 3.374-1.774 3.373 1.774-.643-3.757 2.73-2.661z"></path></g></svg></span><span class="RatingStars-icon Icon Icon--xs"><svg class="Icon-glyph" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><title>star icon</title><g fill="none" fill-rule="evenodd"><path d="M0 0h16v16H0z"></path><path fill="#0157ff" d="M8.108.7l2.352 4.764 5.257.764-3.804 3.708.898 5.236L8.108 12.7l-4.702 2.472.898-5.236L.5 6.228l5.257-.764L8.108.7zm1.688 5.678L8.108 2.959 6.421 6.378l-3.773.548 2.73 2.66-.644 3.758 3.374-1.774 3.373 1.774-.643-3.757 2.73-2.661-3.772-.548z"></path><path fill="#FFFFFF" d="M9.796 6.378L8.108 2.959 6.421 6.378l-3.773.548 2.73 2.66-.644 3.758 3.374-1.774 3.373 1.774-.643-3.757 2.73-2.661z"></path></g></svg></span></span></div><span data-testid="22105772-rewards_flexibility-sub-rating" class="font-sans text-sm relative top-[-2px] text-xs sm:text-sm">5.0 / 5</span></div></div><div class="flex flex-col md:flex-row md:justify-between p-2 sm:p-4"><p class="mb-0 font-bold text-sm md:text-md">Features</p><div><div class="RatingStars mr-2 " aria-label="3.0 star rating"><div class="RatingStars-iconMask" style="width:60%"><span class="RatingStars-iconContainer"><span class="RatingStars-icon Icon Icon--xs"><svg class="Icon-glyph" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><title>star icon</title><g fill="none" fill-rule="evenodd"><path d="M0 0h16v16H0z"></path><path fill="#0157ff" d="M8.108.7l2.352 4.764 5.257.764-3.804 3.708.898 5.236L8.108 12.7l-4.702 2.472.898-5.236L.5 6.228l5.257-.764L8.108.7zm1.688 5.678L8.108 2.959 6.421 6.378l-3.773.548 2.73 2.66-.644 3.758 3.374-1.774 3.373 1.774-.643-3.757 2.73-2.661-3.772-.548z"></path><path fill="#0157ff" d="M9.796 6.378L8.108 2.959 6.421 6.378l-3.773.548 2.73 2.66-.644 3.758 3.374-1.774 3.373 1.774-.643-3.757 2.73-2.661z"></path></g></svg></span><span class="RatingStars-icon Icon Icon--xs"><svg class="Icon-glyph" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><title>star icon</title><g fill="none" fill-rule="evenodd"><path d="M0 0h16v16H0z"></path><path fill="#0157ff" d="M8.108.7l2.352 4.764 5.257.764-3.804 3.708.898 5.236L8.108 12.7l-4.702 2.472.898-5.236L.5 6.228l5.257-.764L8.108.7zm1.688 5.678L8.108 2.959 6.421 6.378l-3.773.548 2.73 2.66-.644 3.758 3.374-1.774 3.373 1.774-.643-3.757 2.73-2.661-3.772-.548z"></path><path fill="#0157ff" d="M9.796 6.378L8.108 2.959 6.421 6.378l-3.773.548 2.73 2.66-.644 3.758 3.374-1.774 3.373 1.774-.643-3.757 2.73-2.661z"></path></g></svg></span><span class="RatingStars-icon Icon Icon--xs"><svg class="Icon-glyph" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><title>star icon</title><g fill="none" fill-rule="evenodd"><path d="M0 0h16v16H0z"></path><path fill="#0157ff" d="M8.108.7l2.352 4.764 5.257.764-3.804 3.708.898 5.236L8.108 12.7l-4.702 2.472.898-5.236L.5 6.228l5.257-.764L8.108.7zm1.688 5.678L8.108 2.959 6.421 6.378l-3.773.548 2.73 2.66-.644 3.758 3.374-1.774 3.373 1.774-.643-3.757 2.73-2.661-3.772-.548z"></path><path fill="#0157ff" d="M9.796 6.378L8.108 2.959 6.421 6.378l-3.773.548 2.73 2.66-.644 3.758 3.374-1.774 3.373 1.774-.643-3.757 2.73-2.661z"></path></g></svg></span><span class="RatingStars-icon Icon Icon--xs"><svg class="Icon-glyph" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><title>star icon</title><g fill="none" fill-rule="evenodd"><path d="M0 0h16v16H0z"></path><path fill="#0157ff" d="M8.108.7l2.352 4.764 5.257.764-3.804 3.708.898 5.236L8.108 12.7l-4.702 2.472.898-5.236L.5 6.228l5.257-.764L8.108.7zm1.688 5.678L8.108 2.959 6.421 6.378l-3.773.548 2.73 2.66-.644 3.758 3.374-1.774 3.373 1.774-.643-3.757 2.73-2.661-3.772-.548z"></path><path fill="#0157ff" d="M9.796 6.378L8.108 2.959 6.421 6.378l-3.773.548 2.73 2.66-.644 3.758 3.374-1.774 3.373 1.774-.643-3.757 2.73-2.661z"></path></g></svg></span><span class="RatingStars-icon Icon Icon--xs"><svg class="Icon-glyph" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><title>star icon</title><g fill="none" fill-rule="evenodd"><path d="M0 0h16v16H0z"></path><path fill="#0157ff" d="M8.108.7l2.352 4.764 5.257.764-3.804 3.708.898 5.236L8.108 12.7l-4.702 2.472.898-5.236L.5 6.228l5.257-.764L8.108.7zm1.688 5.678L8.108 2.959 6.421 6.378l-3.773.548 2.73 2.66-.644 3.758 3.374-1.774 3.373 1.774-.643-3.757 2.73-2.661-3.772-.548z"></path><path fill="#0157ff" d="M9.796 6.378L8.108 2.959 6.421 6.378l-3.773.548 2.73 2.66-.644 3.758 3.374-1.774 3.373 1.774-.643-3.757 2.73-2.661z"></path></g></svg></span></span></div><span class="RatingStars-iconContainer"><span class="RatingStars-icon Icon Icon--xs"><svg class="Icon-glyph" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><title>star icon</title><g fill="none" fill-rule="evenodd"><path d="M0 0h16v16H0z"></path><path fill="#0157ff" d="M8.108.7l2.352 4.764 5.257.764-3.804 3.708.898 5.236L8.108 12.7l-4.702 2.472.898-5.236L.5 6.228l5.257-.764L8.108.7zm1.688 5.678L8.108 2.959 6.421 6.378l-3.773.548 2.73 2.66-.644 3.758 3.374-1.774 3.373 1.774-.643-3.757 2.73-2.661-3.772-.548z"></path><path fill="#FFFFFF" d="M9.796 6.378L8.108 2.959 6.421 6.378l-3.773.548 2.73 2.66-.644 3.758 3.374-1.774 3.373 1.774-.643-3.757 2.73-2.661z"></path></g></svg></span><span class="RatingStars-icon Icon Icon--xs"><svg class="Icon-glyph" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><title>star icon</title><g fill="none" fill-rule="evenodd"><path d="M0 0h16v16H0z"></path><path fill="#0157ff" d="M8.108.7l2.352 4.764 5.257.764-3.804 3.708.898 5.236L8.108 12.7l-4.702 2.472.898-5.236L.5 6.228l5.257-.764L8.108.7zm1.688 5.678L8.108 2.959 6.421 6.378l-3.773.548 2.73 2.66-.644 3.758 3.374-1.774 3.373 1.774-.643-3.757 2.73-2.661-3.772-.548z"></path><path fill="#FFFFFF" d="M9.796 6.378L8.108 2.959 6.421 6.378l-3.773.548 2.73 2.66-.644 3.758 3.374-1.774 3.373 1.774-.643-3.757 2.73-2.661z"></path></g></svg></span><span class="RatingStars-icon Icon Icon--xs"><svg class="Icon-glyph" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><title>star icon</title><g fill="none" fill-rule="evenodd"><path d="M0 0h16v16H0z"></path><path fill="#0157ff" d="M8.108.7l2.352 4.764 5.257.764-3.804 3.708.898 5.236L8.108 12.7l-4.702 2.472.898-5.236L.5 6.228l5.257-.764L8.108.7zm1.688 5.678L8.108 2.959 6.421 6.378l-3.773.548 2.73 2.66-.644 3.758 3.374-1.774 3.373 1.774-.643-3.757 2.73-2.661-3.772-.548z"></path><path fill="#FFFFFF" d="M9.796 6.378L8.108 2.959 6.421 6.378l-3.773.548 2.73 2.66-.644 3.758 3.374-1.774 3.373 1.774-.643-3.757 2.73-2.661z"></path></g></svg></span><span class="RatingStars-icon Icon Icon--xs"><svg class="Icon-glyph" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><title>star icon</title><g fill="none" fill-rule="evenodd"><path d="M0 0h16v16H0z"></path><path fill="#0157ff" d="M8.108.7l2.352 4.764 5.257.764-3.804 3.708.898 5.236L8.108 12.7l-4.702 2.472.898-5.236L.5 6.228l5.257-.764L8.108.7zm1.688 5.678L8.108 2.959 6.421 6.378l-3.773.548 2.73 2.66-.644 3.758 3.374-1.774 3.373 1.774-.643-3.757 2.73-2.661-3.772-.548z"></path><path fill="#FFFFFF" d="M9.796 6.378L8.108 2.959 6.421 6.378l-3.773.548 2.73 2.66-.644 3.758 3.374-1.774 3.373 1.774-.643-3.757 2.73-2.661z"></path></g></svg></span><span class="RatingStars-icon Icon Icon--xs"><svg class="Icon-glyph" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><title>star icon</title><g fill="none" fill-rule="evenodd"><path d="M0 0h16v16H0z"></path><path fill="#0157ff" d="M8.108.7l2.352 4.764 5.257.764-3.804 3.708.898 5.236L8.108 12.7l-4.702 2.472.898-5.236L.5 6.228l5.257-.764L8.108.7zm1.688 5.678L8.108 2.959 6.421 6.378l-3.773.548 2.73 2.66-.644 3.758 3.374-1.774 3.373 1.774-.643-3.757 2.73-2.661-3.772-.548z"></path><path fill="#FFFFFF" d="M9.796 6.378L8.108 2.959 6.421 6.378l-3.773.548 2.73 2.66-.644 3.758 3.374-1.774 3.373 1.774-.643-3.757 2.73-2.661z"></path></g></svg></span></span></div><span data-testid="22105772-features-sub-rating" class="font-sans text-sm relative top-[-2px] text-xs sm:text-sm">3.0 / 5</span></div></div></div></div></div><div class="Accordion border-t-0 border-b border-gray-200" data-testid="22105772-reward-details"><div class="Accordion-item border-b-0 py-2"><button class="flex w-full items-center px-4 md:px-6" aria-controls="reward-details" aria-expanded="false" type="button"><div class="Accordion-title mb-0 font-bold text-lg">Reward Details</div><span class="Icon Icon--xs flex items-center"><span class="inline-block align-middle relative duration-500"><svg xmlns="http://www.w3.org/2000/svg" class="Icon-glyph fill-blue-600" viewBox="0 0 11 8" focusable="false"><path fill="" fill-rule="evenodd" d="M3.875 5.875l-3.75-3.75 1.25-1.25 3.75 3.75 3.75-3.75 1.25 1.25-5 5-1.25-1.25z"></path></svg></span></span></button></div></div><div class="Accordion border-t-0" data-testid="22105772-card-details"><div class="Accordion-item border-b-0 py-2"><button class="flex w-full items-center px-4 md:px-6" aria-controls="details-bullets" aria-expanded="false" type="button"><div class="Accordion-title mb-0 font-bold text-lg">Card Details</div><span class="Icon Icon--xs flex items-center"><span class="inline-block align-middle relative duration-500"><svg xmlns="http://www.w3.org/2000/svg" class="Icon-glyph fill-blue-600" viewBox="0 0 11 8" focusable="false"><path fill="" fill-rule="evenodd" d="M3.875 5.875l-3.75-3.75 1.25-1.25 3.75 3.75 3.75-3.75 1.25 1.25-5 5-1.25-1.25z"></path></svg></span></span></button></div></div></div><div class=" bg-white border-b border-gray-200 p-4 fixed bottom-0 left-0 w-full z-25 shadow-xl transition-all duration-500 transform translate-y-full opacity-0" data-testid="compare-bar"><div class="flex flex-row gap-4 justify-between md:justify-start items-center m-auto max-w-7xl px-4 sm:px-6"><div class="flex flex-row items-center gap-4"><div class="block md:hidden relative cursor-pointer"><img class="w-16 h-10" src="https://www.bankrate.com/v5.1023.0/next/img/credit-cards/compare-toolbar-card-icon.png?auto=webp&optimize=high" alt="compare" loading="lazy"/></div><div class="hidden md:grid grid-cols-3 gap-4"><div class="w-16 h-10 bg-transparent rounded-md border border-dashed border-gray-500"><div class="flex justify-center items-center h-full"></div></div><div class="w-16 h-10 bg-transparent rounded-md border border-dashed border-gray-500"><div class="flex justify-center items-center h-full"></div></div><div class="w-16 h-10 bg-transparent rounded-md border border-dashed border-gray-500"><div class="flex justify-center items-center h-full"></div></div></div><span class="text-gray-600 text-xs hidden md:block">Add up to 3 cards to compare</span></div><div class="flex flex-row gap-4 h-10"><a class="Button Button--primary text-sm font-normal self-center cursor-not-allowed opacity-40 hover:opacity-40" href="/credit-cards/tools/compare/" target="_self">Compare</a><button class="Button text-sm font-normal self-center">Clear</button></div></div></div><div class="w-full Alert bg-red-100 z-20 left-0 border-red-600 fixed bottom-[4.5rem] transition-all duration-500 transform translate-y-full opacity-0 invisible" role="alert"><div class="wrapper flex flex-row justify-center md:justify-start max-w-7xl px-4 sm:px-6"><div class="--icon-xs mr-4"><svg class="icon__glyph" width="18px" height="16px" viewBox="0 0 18 16" version="1.1" xmlns="http://www.w3.org/2000/svg"><title>Error Icon</title><g id="Error-Icon" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g id="Alerts" transform="translate(-249.000000, -743.000000)" fill="#D71919" fill-rule="nonzero"><g id="Icon--/-error" transform="translate(246.000000, 739.000000)"><path d="M12.7429924,4.50015598 L20.6199658,18.1430743 C20.8961143,18.6213634 20.7322469,19.2329559 20.2539577,19.5091043 C20.1019359,19.5968767 19.9294877,19.6430853 19.7539468,19.6430853 L4,19.6430853 C3.44771525,19.6430853 3,19.19537 3,18.6430853 C3,18.4675443 3.04620853,18.2950961 3.13398094,18.1430743 L11.0109543,4.50015598 C11.2871028,4.02186686 11.8986952,3.85799946 12.3769844,4.1341479 C12.528995,4.22191386 12.6552265,4.34814533 12.7429924,4.50015598 Z M4,18.6430853 L19.7539468,18.6430853 L11.8769734,5.00016697 L4,18.6430853 Z M11.8769734,17.3930853 C11.3246886,17.3930853 10.8769734,16.94537 10.8769734,16.3930853 C10.8769734,15.8408005 11.3246886,15.3930853 11.8769734,15.3930853 C12.4292581,15.3930853 12.8769734,15.8408005 12.8769734,16.3930853 C12.8769734,16.94537 12.4292581,17.3930853 11.8769734,17.3930853 Z M11.874352,9.39308529 C12.4149364,9.39308529 12.8531666,9.83131554 12.8531666,10.3718999 C12.8531666,10.4060439 12.8513801,10.4401645 12.8478143,10.4741218 L12.4975223,13.8099632 C12.4627165,14.1414205 12.183241,14.3930853 11.8499612,14.3930853 C11.5175168,14.3930853 11.2395589,14.1403454 11.2080355,13.8093989 L10.8904425,10.4751678 C10.8386826,9.93176964 11.2372342,9.44929864 11.7806324,9.39753869 C11.8117842,9.39457144 11.8430593,9.39308529 11.874352,9.39308529 Z" id="Combined-Shape"></path></g></g></g></svg></div><div class="alert__text"><p class="text-sm mb-0 text-slate">Remove a card to add another to compare</p></div></div></div><div class=" bg-white border-b border-gray-200 fixed left-0 w-full z-20 shadow-xl transition-all duration-500 transform block md:hidden bottom-[4.375rem] translate-y-full opacity-0"><button class="absolute -top-14 right-0 p-4 text-white underline hidden">Close</button><div class="w-full Alert bg-red-100 z-20 left-0 border-red-600 transition-all duration-500 ease-in-out transform shadow-none justify-center translate-y-full opacity-0 absolute z-0" role="alert"><div class="wrapper flex flex-row justify-center md:justify-start max-w-7xl px-4 sm:px-6"><div class="--icon-xs mr-4"><svg class="icon__glyph" width="18px" height="16px" viewBox="0 0 18 16" version="1.1" xmlns="http://www.w3.org/2000/svg"><title>Error Icon</title><g id="Error-Icon" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g id="Alerts" transform="translate(-249.000000, -743.000000)" fill="#D71919" fill-rule="nonzero"><g id="Icon--/-error" transform="translate(246.000000, 739.000000)"><path d="M12.7429924,4.50015598 L20.6199658,18.1430743 C20.8961143,18.6213634 20.7322469,19.2329559 20.2539577,19.5091043 C20.1019359,19.5968767 19.9294877,19.6430853 19.7539468,19.6430853 L4,19.6430853 C3.44771525,19.6430853 3,19.19537 3,18.6430853 C3,18.4675443 3.04620853,18.2950961 3.13398094,18.1430743 L11.0109543,4.50015598 C11.2871028,4.02186686 11.8986952,3.85799946 12.3769844,4.1341479 C12.528995,4.22191386 12.6552265,4.34814533 12.7429924,4.50015598 Z M4,18.6430853 L19.7539468,18.6430853 L11.8769734,5.00016697 L4,18.6430853 Z M11.8769734,17.3930853 C11.3246886,17.3930853 10.8769734,16.94537 10.8769734,16.3930853 C10.8769734,15.8408005 11.3246886,15.3930853 11.8769734,15.3930853 C12.4292581,15.3930853 12.8769734,15.8408005 12.8769734,16.3930853 C12.8769734,16.94537 12.4292581,17.3930853 11.8769734,17.3930853 Z M11.874352,9.39308529 C12.4149364,9.39308529 12.8531666,9.83131554 12.8531666,10.3718999 C12.8531666,10.4060439 12.8513801,10.4401645 12.8478143,10.4741218 L12.4975223,13.8099632 C12.4627165,14.1414205 12.183241,14.3930853 11.8499612,14.3930853 C11.5175168,14.3930853 11.2395589,14.1403454 11.2080355,13.8093989 L10.8904425,10.4751678 C10.8386826,9.93176964 11.2372342,9.44929864 11.7806324,9.39753869 C11.8117842,9.39457144 11.8430593,9.39308529 11.874352,9.39308529 Z" id="Combined-Shape"></path></g></g></g></svg></div><div class="alert__text"><p class="text-sm mb-0 text-slate">Remove a card to add another to compare</p></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{"variation":{"id":4885,"card":{"pid":"22105772","name":"Capital One Venture Rewards Credit Card","capiId":"22105772","issuerName":"Capital One","issuerId":"a87ff679a2f3e71d9181a67b7542122c","network":"Mastercard","lastUpdated":"2024-11-21T15:36:25.000000Z","monetized":true,"inFeed":true,"link":"https://oc.brcclx.com/t?lid=25026577","type":"creditcard","id":"599","attributes":{"baseProductId":null,"legacyId":null,"name":"Capital One Venture Rewards Credit Card","link":"https://oc.brcclx.com/t?lid=25026577","image":{"url":"03141a30-6f84-11ef-88db-67757e6c8737.png","fullUrl":"https://cdn.prodstatic.com/shared/images/cards/03141a30-6f84-11ef-88db-67757e6c8737.png","isVertical":false},"sku":"ce293c61587c41c29a64c5685cb78e40","network":"Mastercard","additionalData":null,"bullets":["Enjoy a one-time bonus of 75,000 miles once you spend $4,000 on purchases within 3 months from account opening, equal to $750 in travel","Earn unlimited 2X miles on every purchase, every day","Earn 5X miles on hotels, vacation rentals and rental cars booked through Capital One Travel, where you'll get Capital One's best prices on thousands of trip options","Miles won't expire for the life of the account and there's no limit to how many you can earn","Receive up to a $120 credit for Global Entry or TSA PreCheck®","Use your miles to get reimbursed for any travel purchase—or redeem by booking a trip through Capital One Travel","Enjoy a $50 experience credit and other premium benefits with every hotel and vacation rental booked from the Lifestyle Collection","Transfer your miles to your choice of 15+ travel loyalty programs"],"aprs":[{"name":"Introductory Balance Transfer APR","displayText":"N/A","aprTypeId":2,"periodTypeId":1,"rateType":"fixed","minValue":0,"maxValue":0,"periodUnit":"months","periodValue":0},{"name":"Introductory Purchases APR","displayText":"N/A","aprTypeId":1,"periodTypeId":1,"rateType":"fixed","minValue":0,"maxValue":0,"periodUnit":"months","periodValue":0},{"name":"Ongoing Balance Transfer APR","displayText":"19.99% - 29.74% (Variable)","aprTypeId":2,"periodTypeId":2,"rateType":"variable","minValue":19.99,"maxValue":29.74,"periodUnit":null,"periodValue":null},{"name":"Ongoing Cash Advance APR","displayText":"29.74% (Variable)","aprTypeId":3,"periodTypeId":2,"rateType":"variable","minValue":29.74,"maxValue":29.74,"periodUnit":null,"periodValue":null},{"name":"Ongoing Penalty APR","displayText":"None","aprTypeId":4,"periodTypeId":2,"rateType":"fixed","minValue":0,"maxValue":0,"periodUnit":null,"periodValue":null},{"name":"Ongoing Purchases APR","displayText":"19.99% - 29.74% (Variable)","aprTypeId":1,"periodTypeId":2,"rateType":"variable","minValue":19.99,"maxValue":29.74,"periodUnit":null,"periodValue":null}],"fees":[{"typeId":2,"name":"Ongoing Annual Fee","displayText":"$95","value":95,"unit":"$","minimum":null,"feeType":{"id":2,"name":"Ongoing Annual Fee"}},{"typeId":4,"name":"Cash Advance Fee","displayText":"5% of the amount of the cash advance, but not less than $5","value":5,"unit":"%","minimum":5,"feeType":{"id":4,"name":"Cash Advance Fee"}},{"typeId":5,"name":"Foreign Exchange Fee","displayText":"None","value":0,"unit":"%","minimum":null,"feeType":{"id":5,"name":"Foreign Exchange Fee"}},{"typeId":8,"name":"Late Payment Fee","displayText":"Up to $40","value":40,"unit":"$","minimum":null,"feeType":{"id":8,"name":"Late Payment Fee"}},{"typeId":11,"name":"Ongoing Balance Transfer Fee","displayText":"Balance Transfer Fee applies to balances transferred at a promotional rate","value":0,"unit":"at the Transfer APR, 4% of the amount of each transferred balance that posts to your account at a promotional APR that Capital One may offer to you","minimum":null,"feeType":{"id":11,"name":"Ongoing Balance Transfer Fee"}}],"creditNeededDisplayText":"Excellent, Good","introBonuses":[{"value":75000,"unit":"miles","displayText":"75,000 miles","description":"75,000 miles once you spend $4,000 on purchases within 3 months from account opening","rank":1,"spendPeriodUnit":"months","baseValue":null,"unitValuation":null,"baseUnitValuation":null,"spendAmount":4000,"spendPeriodValue":3}],"termsAndConditionsUrl":"https://d25970n8puso9u.cloudfront.net/disclosure.30761.en-US.pdf","rewardRates":[{"note":null,"rank":1,"unit":"miles","value":5,"displayText":"5 Miles","explanation":"5 Miles per dollar on hotels, vacation rentals and rental cars booked through Capital One Travel"},{"note":"","rank":2,"unit":"miles","value":2,"displayText":"2 Miles","explanation":"2 Miles per dollar on every purchase, every day"}],"review":{"link":null,"count":null,"rating":null},"customData":[],"collationId":"16716968-550d-4194-a547-8810245fa420","cardBenefits":[{"name":"Cap One - Venture - TSA Pre","rank":0,"image":"","description":"","cardBenefitId":4,"longDescription":"Receive up to $100 credit for Global Entry or TSA Pre® when you use your Venture card."},{"name":"No Foreign Transaction Fees","rank":1,"image":"","description":"","cardBenefitId":346,"longDescription":"Enjoy worldwide acceptance with no foreign transaction fees."},{"name":"Cap One - Venture - Travel Partners","rank":2,"image":"","description":"","cardBenefitId":5,"longDescription":"Use your Venture miles on flights, hotels and more—you can even transfer miles to any of our 10+ travel partners."}],"productTypeId":9,"rewardRules":[{"name":"","rank":0,"unit":"X","value":2,"endDate":null,"startDate":null,"spendLimit":null,"periodLimit":null,"earningLimit":null,"isHighestCategory":false,"rewardRuleCategoryIds":[],"eligibleCategoriesCount":null},{"name":"","rank":1,"unit":"X","value":5,"endDate":null,"startDate":null,"spendLimit":null,"periodLimit":null,"earningLimit":null,"isHighestCategory":false,"rewardRuleCategoryIds":[73],"eligibleCategoriesCount":null}],"benefitTermsUrl":"","annualRewardValue":null,"applyByPhoneNumber":"","annualRewardDisplayText":null,"badges":[],"disclosure":null,"creditLimit":null},"relationships":{"tags":[{"name":"Airline","image":"c4f0c810-bd23-11e9-8c33-b96e508849bb.svg"},{"name":"Capital One","image":null},{"name":"Dining","image":"a5b97e80-e7dc-11ea-b568-e36303e248dc.svg"},{"name":"EMV","image":"ff2a1eb82a6a9498d1f0f73bc974e2a3.png"},{"name":"Excellent Credit","image":"a1203ba0-bd23-11e9-8c33-b96e508849bb.svg"},{"name":"Good Credit","image":"88dfa120-bd19-11e9-a841-3728becc33ed.svg"},{"name":"Hotel","image":"bd6727b0-bd23-11e9-a841-3728becc33ed.svg"},{"name":"Miles","image":null},{"name":"No Foreign Transaction Fees","image":"eaaf459ad1ed2e1825d59f0c908ffa44.png"},{"name":"Points","image":"9a953c00-bd22-11e9-8c33-b96e508849bb.svg"},{"name":"Rewards","image":"b47fb820-bd3b-11e9-8c33-b96e508849bb.svg"},{"name":"Travel","image":"b3d5f780-bd23-11e9-8c33-b96e508849bb.svg"}],"issuer":{"id":"a87ff679a2f3e71d9181a67b7542122c","name":"Capital One","type":"issuer"},"creditNeeded":[{"name":"Good","value":3,"displayName":"Excellent, Good"},{"name":"Excellent","value":4,"displayName":"Excellent, Good"}],"loyaltyPrograms":[{"image":"1eff2b50-62ea-11ea-a32c-0da266241880.png","description":"CO","displayText":"Capital One Miles","loyaltyType":"issuer","loyaltyUnit":null,"loyaltyProgramId":"cc2c99ae-a821-4699-beed-c59924cb307e"}],"additionalBonuses":[]},"approvalOdds":null,"meta":{"monetized":true,"lastUpdated":"2024-11-21T15:36:25+00:00","commission":null},"aoEligible":false,"bankrateScore":4.9,"reviewSlug":"capital-one-venture-rewards-credit-card","subRatings":[{"subRatingType":"rewards_value","subRatingValue":4.3},{"subRatingType":"apr","subRatingValue":4},{"subRatingType":"rewards_flexibility","subRatingValue":5},{"subRatingType":"features","subRatingValue":3}],"variation":{"id":4885,"name":"Cap One Venture Review Page","credit_card_pid":"22105772","superlative":"Best for travel rewards on everyday spending","bankrates_view":null,"pros_and_cons_header":null,"pros":[],"cons":[],"exclusive_offer_text":null,"created_at":"2023-10-30T20:16:04.000000Z","updated_at":"2024-09-10T12:43:15.000000Z","post_id":null,"is_new_card":0,"limited_time_offer_text":null,"limited_time_offer_tooltip":null,"card_match_card_id":null,"cardfit_tag_id":null,"is_default":0,"callouts":"marketplace_travel","review_category_id":7,"whyLikeThis":null,"our_picks_for":null,"credit_building_features":null,"cashback_highlights":null},"showApplyLink":true,"enabled":true,"program":{"id":42,"name":"Capital One miles","active_rate":{"id":43,"label":"2023","active":1,"unit_value":"0.01700"}},"consumerReviewSummary":{"count":44,"scores":{"overall":4.09,"extra_perks":4.21,"online_tools":4.4,"customer_service":4.55,"intro_apr_length":4.35,"intro_apr_needs_met":4.02},"questions":[],"multiple_reviews":[],"additional_questions":[]}}},"featureFlags":[{"key":"enable-approval-odds-reviews","value":false}]},"__N_SSP":true},"page":"/review-page/[variationId]","query":{"variationId":"4885"},"buildId":"xWwgV5f6NNIpcHCewuDbi","assetPrefix":"https://credit-cards-next.bankrate.com","isFallback":false,"isExperimentalCompile":false,"gssp":true,"scriptLoader":[]}</script></div> </div> <div class="vertical-spacer pt-6" style="width: 100%; content: '';"></div> <div class="TwoColumnLayout gap-y-y"> <div class="TwoColumnLayout-aside SectionWithToc-toc" > <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="#Current-offer-details" data-toc-jumpto="#Current-offer-details" data-beam-element-clicked-no-delay data-type="LINK" data-location="SHELF-TOC-desktop" data-name="Current offer details" data-position="1" data-text="Current offer details" data-outcome="INTERNALLINK" > <span class="TableOfContents-linkText">Current offer details</span> </a> </li> <li class=""> <a class="TableOfContents-link" href="#pros-cons" data-toc-jumpto="#pros-cons" data-beam-element-clicked-no-delay data-type="LINK" data-location="SHELF-TOC-desktop" data-name="Capital One Venture pros and cons" data-position="2" data-text="Capital One Venture pros and cons" data-outcome="INTERNALLINK" > <span class="TableOfContents-linkText">Capital One Venture pros and cons</span> </a> </li> <li class=""> <a class="TableOfContents-link" href="#Reasons-to-get-this-card" data-toc-jumpto="#Reasons-to-get-this-card" data-beam-element-clicked-no-delay data-type="LINK" data-location="SHELF-TOC-desktop" data-name="Reasons to get this card" data-position="3" data-text="Reasons to get this card" data-outcome="INTERNALLINK" > <span class="TableOfContents-linkText">Reasons to get this card</span> </a> </li> <li class=""> <a class="TableOfContents-link" href="#Reasons-to-skip-this-card" data-toc-jumpto="#Reasons-to-skip-this-card" data-beam-element-clicked-no-delay data-type="LINK" data-location="SHELF-TOC-desktop" data-name="Reasons to skip this card" data-position="4" data-text="Reasons to skip this card" data-outcome="INTERNALLINK" > <span class="TableOfContents-linkText">Reasons to skip this card</span> </a> </li> <li class=""> <a class="TableOfContents-link" href="#value" data-toc-jumpto="#value" data-beam-element-clicked-no-delay data-type="LINK" data-location="SHELF-TOC-desktop" data-name="First-year value vs. ongoing value" data-position="5" data-text="First-year value vs. ongoing value" data-outcome="INTERNALLINK" > <span class="TableOfContents-linkText">First-year value vs. ongoing value</span> </a> </li> <li class=""> <a class="TableOfContents-link" href="#expert-experience" data-toc-jumpto="#expert-experience" data-beam-element-clicked-no-delay data-type="LINK" data-location="SHELF-TOC-desktop" data-name="Expert experience" data-position="6" data-text="Expert experience" data-outcome="INTERNALLINK" > <span class="TableOfContents-linkText">Expert experience</span> </a> </li> <li class=""> <a class="TableOfContents-link" href="#compare" data-toc-jumpto="#compare" data-beam-element-clicked-no-delay data-type="LINK" data-location="SHELF-TOC-desktop" data-name="Capital One Venture Rewards Credit Card vs. other travel cards" data-position="7" data-text="Capital One Venture Rewards Credit Card vs. other travel cards" data-outcome="INTERNALLINK" > <span class="TableOfContents-linkText">Capital One Venture Rewards Credit Card vs. other travel cards</span> </a> </li> <li class=""> <a class="TableOfContents-link" href="#Best-cards-to-pair" data-toc-jumpto="#Best-cards-to-pair" data-beam-element-clicked-no-delay data-type="LINK" data-location="SHELF-TOC-desktop" data-name="Best cards to pair with the Capital One Venture Rewards Credit Card" data-position="8" data-text="Best cards to pair with the Capital One Venture Rewards Credit Card" data-outcome="INTERNALLINK" > <span class="TableOfContents-linkText">Best cards to pair with the Capital One Venture Rewards Credit Card</span> </a> </li> <li class=""> <a class="TableOfContents-link" href="#worth-it" data-toc-jumpto="#worth-it" data-beam-element-clicked-no-delay data-type="LINK" data-location="SHELF-TOC-desktop" data-name="Is this card worth getting?" data-position="9" data-text="Is this card worth getting?" data-outcome="INTERNALLINK" > <span class="TableOfContents-linkText">Is this card worth getting?</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="How we rated this card" data-position="10" data-text="How we rated this card" data-outcome="INTERNALLINK" > <span class="TableOfContents-linkText">How we rated this card</span> </a> </li> <li class=""> <a class="TableOfContents-link" href="#faqs" data-toc-jumpto="#faqs" data-beam-element-clicked-no-delay data-type="LINK" data-location="SHELF-TOC-desktop" data-name="Frequently asked questions" data-position="11" data-text="Frequently asked questions" data-outcome="INTERNALLINK" > <span class="TableOfContents-linkText">Frequently asked questions</span> </a> </li> <li class=""> <a class="TableOfContents-link" href="#what-cardholders-think" data-toc-jumpto="#what-cardholders-think" data-beam-element-clicked-no-delay data-type="LINK" data-location="SHELF-TOC-desktop" data-name="What cardholders think" data-position="12" data-text="What cardholders think" data-outcome="INTERNALLINK" > <span class="TableOfContents-linkText">What cardholders think</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="#Current-offer-details" data-toc-jumpto="#Current-offer-details" data-beam-element-clicked-no-delay data-type="LINK" data-location="SHELF-TOC-mobile" data-name="Current offer details" data-position="1" data-text="Current offer details" data-outcome="INTERNALLINK" @click="document.querySelector('#TocModal .Modal-close').click();" > <span class="TableOfContents-linkText">Current offer details</span> </a> </li> <li class=""> <a class="TableOfContents-link" href="#pros-cons" data-toc-jumpto="#pros-cons" data-beam-element-clicked-no-delay data-type="LINK" data-location="SHELF-TOC-mobile" data-name="Capital One Venture pros and cons" data-position="2" data-text="Capital One Venture pros and cons" data-outcome="INTERNALLINK" @click="document.querySelector('#TocModal .Modal-close').click();" > <span class="TableOfContents-linkText">Capital One Venture pros and cons</span> </a> </li> <li class=""> <a class="TableOfContents-link" href="#Reasons-to-get-this-card" data-toc-jumpto="#Reasons-to-get-this-card" data-beam-element-clicked-no-delay data-type="LINK" data-location="SHELF-TOC-mobile" data-name="Reasons to get this card" data-position="3" data-text="Reasons to get this card" data-outcome="INTERNALLINK" @click="document.querySelector('#TocModal .Modal-close').click();" > <span class="TableOfContents-linkText">Reasons to get this card</span> </a> </li> <li class=""> <a class="TableOfContents-link" href="#Reasons-to-skip-this-card" data-toc-jumpto="#Reasons-to-skip-this-card" data-beam-element-clicked-no-delay data-type="LINK" data-location="SHELF-TOC-mobile" data-name="Reasons to skip this card" data-position="4" data-text="Reasons to skip this card" data-outcome="INTERNALLINK" @click="document.querySelector('#TocModal .Modal-close').click();" > <span class="TableOfContents-linkText">Reasons to skip this card</span> </a> </li> <li class=""> <a class="TableOfContents-link" href="#value" data-toc-jumpto="#value" data-beam-element-clicked-no-delay data-type="LINK" data-location="SHELF-TOC-mobile" data-name="First-year value vs. ongoing value" data-position="5" data-text="First-year value vs. ongoing value" data-outcome="INTERNALLINK" @click="document.querySelector('#TocModal .Modal-close').click();" > <span class="TableOfContents-linkText">First-year value vs. ongoing value</span> </a> </li> <li class=""> <a class="TableOfContents-link" href="#expert-experience" data-toc-jumpto="#expert-experience" data-beam-element-clicked-no-delay data-type="LINK" data-location="SHELF-TOC-mobile" data-name="Expert experience" data-position="6" data-text="Expert experience" data-outcome="INTERNALLINK" @click="document.querySelector('#TocModal .Modal-close').click();" > <span class="TableOfContents-linkText">Expert experience</span> </a> </li> <li class=""> <a class="TableOfContents-link" href="#compare" data-toc-jumpto="#compare" data-beam-element-clicked-no-delay data-type="LINK" data-location="SHELF-TOC-mobile" data-name="Capital One Venture Rewards Credit Card vs. other travel cards" data-position="7" data-text="Capital One Venture Rewards Credit Card vs. other travel cards" data-outcome="INTERNALLINK" @click="document.querySelector('#TocModal .Modal-close').click();" > <span class="TableOfContents-linkText">Capital One Venture Rewards Credit Card vs. other travel cards</span> </a> </li> <li class=""> <a class="TableOfContents-link" href="#Best-cards-to-pair" data-toc-jumpto="#Best-cards-to-pair" data-beam-element-clicked-no-delay data-type="LINK" data-location="SHELF-TOC-mobile" data-name="Best cards to pair with the Capital One Venture Rewards Credit Card" data-position="8" data-text="Best cards to pair with the Capital One Venture Rewards Credit Card" data-outcome="INTERNALLINK" @click="document.querySelector('#TocModal .Modal-close').click();" > <span class="TableOfContents-linkText">Best cards to pair with the Capital One Venture Rewards Credit Card</span> </a> </li> <li class=""> <a class="TableOfContents-link" href="#worth-it" data-toc-jumpto="#worth-it" data-beam-element-clicked-no-delay data-type="LINK" data-location="SHELF-TOC-mobile" data-name="Is this card worth getting?" data-position="9" data-text="Is this card worth getting?" data-outcome="INTERNALLINK" @click="document.querySelector('#TocModal .Modal-close').click();" > <span class="TableOfContents-linkText">Is this card worth getting?</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="How we rated this card" data-position="10" data-text="How we rated this card" data-outcome="INTERNALLINK" @click="document.querySelector('#TocModal .Modal-close').click();" > <span class="TableOfContents-linkText">How we rated this card</span> </a> </li> <li class=""> <a class="TableOfContents-link" href="#faqs" data-toc-jumpto="#faqs" data-beam-element-clicked-no-delay data-type="LINK" data-location="SHELF-TOC-mobile" data-name="Frequently asked questions" data-position="11" data-text="Frequently asked questions" data-outcome="INTERNALLINK" @click="document.querySelector('#TocModal .Modal-close').click();" > <span class="TableOfContents-linkText">Frequently asked questions</span> </a> </li> <li class=""> <a class="TableOfContents-link" href="#what-cardholders-think" data-toc-jumpto="#what-cardholders-think" data-beam-element-clicked-no-delay data-type="LINK" data-location="SHELF-TOC-mobile" data-name="What cardholders think" data-position="12" data-text="What cardholders think" data-outcome="INTERNALLINK" @click="document.querySelector('#TocModal .Modal-close').click();" > <span class="TableOfContents-linkText">What cardholders think</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 class="TwoColumnLayout-main SectionWithToc-body gap-y-y " data-e2e-monitor=SectionWithToc-body> <div id="overview" class="SectionWithTocItem SectionWithTocItem--intro" data-beam-element-viewed id="overview" data-type="SHELF-TOC" data-location="SHELF-TOC-section" data-name="Overview" data-text="" > <div data-cy="" class="Headline w-full"> <h2 class="type-heading-two"> Capital One Venture Rewards Credit Card Overview </h2> </div> <div class="wysiwyg display-block w-full"> <p>The Capital One Venture earns an unlimited 2X miles on all purchases, making it a great fit if you’re an occasional traveler who can’t take full advantage of a high rewards rate on travel purchases. </p> <p>You can redeem your miles to cover the cost of recent travel purchases made with your Venture card. Examples of eligible purchases include vacation rentals, flights with any airline, hotels, rental cars and cruises. You’ll receive a statement credit in the amount of your redemption — a standout feature you won’t find with co-branded travel cards that restrict you to specific airlines or hotel brands. </p> <p>But despite its value as a great everyday spending card, the Venture card lacks the extra travel perks available on some competing cards. If you’re a frequent traveler, you may find a card with better travel benefits more valuable.</p></div> </div> <div id="Current-offer-details" class="SectionWithTocItem " data-beam-element-viewed id="Current-offer-details" data-type="SHELF-TOC" data-location="SHELF-TOC-section" data-name="Current offer details" data-position="1" data-text="" > <div> <div class="IconListTitle uppercase mb-8 type-heading-six"> </div> <ul id="icon-list-5068e288-c26a-4d10-91bc-3e163d67b0b6" class="List IconList mb-0"> <li class="IconList-item"> <div class="display-flex mb-10 md:mb-0 align-items-start"> <div class="IconList-itemIcon mr-6 max-w-max -mt-1 "> <svg class="Icon-glyph" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Credit Card Cash Back Icon</title><path d="M4.3 10.2A2.7 2.7 0 0 1 7 7.5h14.1a2.7 2.7 0 0 1 2.7 2.7v8.61a2.7 2.7 0 0 1-2.7 2.7H7a2.7 2.7 0 0 1-2.7-2.7V10.2Z" fill="transparent" class="icon-offset"/><path fill-rule="evenodd" clip-rule="evenodd" d="M11.586 20.014h-7.24c-1.567 0-2.846-1.148-2.846-2.558V7.058C1.5 5.648 2.771 4.5 4.345 4.5h15.31c1.566 0 2.845 1.148 2.845 2.558v4.248c0 .36-.295.656-.656.656a.658.658 0 0 1-.656-.656v-.544H2.812v6.694c0 .689.689 1.246 1.533 1.246h7.24c.362 0 .657.295.657.656 0 .361-.295.656-.656.656ZM2.812 9.45h18.376V7.058c0-.688-.689-1.246-1.533-1.246H4.345c-.844 0-1.533.558-1.533 1.246V9.45Zm13.915 11.548c0 .361.295.656.656.656.36 0 .656-.295.656-.656v-.476h.115c1.107 0 2-.893 2-2s-.893-2.001-2-2.001h-1.533a.693.693 0 0 1-.69-.689c0-.377.313-.689.69-.689H19.122c.36 0 .656-.295.656-.656a.658.658 0 0 0-.656-.656h-1.083v-.483a.658.658 0 0 0-.656-.656.658.658 0 0 0-.656.656v.483h-.106c-1.107 0-2.001.894-2.001 2.001 0 1.107.894 2 2 2h1.534c.377 0 .689.313.689.69a.693.693 0 0 1-.689.689h-2.5a.658.658 0 0 0-.657.655c0 .361.295.657.656.657h1.074v.475Z" class="icon-base"/></svg></div> <div> <h3 class="IconList-itemTitle type-body-one font-circular-bold font-bold mb-2"> Rewards </h3> <div class="text-slate mt-4"> <div class="wysiwyg display-block w-full"> <div> <ul> <li>Earn 5X miles per dollar on hotels, vacation rentals and rental cars booked through Capital One Travel</li> <li>Earn 2X miles per dollar on all other purchases</li> </ul> <p><strong>Expert Appraisal:</strong> Good<br />See our <a class="Link" href="#rewards">expert analysis</a></p> </div></div> </div> </div> </div> </li> <li class="IconList-item"> <div class="display-flex mb-10 md:mb-0 align-items-start"> <div class="IconList-itemIcon mr-6 max-w-max -mt-1 "> <svg class="Icon-glyph" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Rewards Icon</title><path fill-rule="evenodd" clip-rule="evenodd" d="M5.689 13.703c.234.223.514.376.806.45v5.905c0 1.331 1.065 2.408 2.382 2.408h4.495a.551.551 0 0 0 .456 0h4.488c1.318 0 2.383-1.077 2.383-2.409v-5.935a1.934 1.934 0 0 0 1.401-1.864v-1.324C22.1 9.87 21.245 9 20.187 9H7.013C5.941 9 5.1 9.871 5.1 10.983v1.325c0 .531.21 1.041.589 1.395Z" fill="transparent" class="icon-offset"/><path fill-rule="evenodd" clip-rule="evenodd" d="M5.812 7.039c-.309-.452-.49-1-.49-1.59 0-1.545 1.24-2.798 2.768-2.798 2.11 0 3.29 1.688 3.906 3.08.614-1.392 1.795-3.08 3.907-3.08 1.528 0 2.767 1.253 2.767 2.798 0 .59-.18 1.138-.49 1.59h.794c1.12 0 2.026.922 2.026 2.047v1.403c0 .941-.631 1.733-1.484 1.973v6.285c0 1.41-1.127 2.55-2.522 2.55h-4.752a.584.584 0 0 1-.484 0H7c-1.395 0-2.522-1.14-2.522-2.55v-6.252a1.947 1.947 0 0 1-.854-.476A2.022 2.022 0 0 1 3 10.54V9.14c0-1.178.89-2.1 2.026-2.1h.786Zm6.782 13.057h4.4c.734 0 1.335-.607 1.335-1.35v-6.21h-5.735v7.56Zm-1.188-7.56v7.56H7a1.347 1.347 0 0 1-1.335-1.35v-6.21h5.742ZM8.06 7.04c-.84-.017-1.55-.745-1.55-1.598 0-.862.72-1.597 1.58-1.597v-.008c1.855 0 2.767 2.07 3.13 3.203H8.06Zm8.003 0h-3.279c.367-1.136 1.28-3.188 3.126-3.188.854 0 1.58.735 1.58 1.598 0 .81-.635 1.509-1.427 1.59ZM4.187 9.146c0-.502.364-.9.839-.9v.008h13.948c.46 0 .839.382.839.847v1.403a.847.847 0 0 1-.839.847H4.988a.72.72 0 0 1-.549-.202.808.808 0 0 1-.252-.6V9.146Z" class="icon-base"/></svg></div> <div> <h3 class="IconList-itemTitle type-body-one font-circular-bold font-bold mb-2"> Welcome offer </h3> <div class="text-slate mt-4"> <div class="wysiwyg display-block w-full"> <ul> <li>Earn 75,000 bonus miles once you spend $4,000 on purchases within the first three months from account opening</li> </ul> <p><strong>Expert Appraisal:</strong> Good<br />See our <a class="Link" href="#welcome">expert analysis</a></p></div> </div> </div> </div> </li> <li class="IconList-item"> <div class="display-flex mb-10 md:mb-0 align-items-start"> <div class="IconList-itemIcon mr-6 max-w-max -mt-1 "> <svg class="Icon-glyph" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Credit Card Search Icon</title><path d="M6.04 6.53c-.959 0-1.74.797-1.74 1.775v11.39c0 .978.781 1.775 1.74 1.775h16.12c.958 0 1.74-.797 1.74-1.775V8.305c0-.978-.782-1.775-1.74-1.775H6.04Z" fill="transparent" class="icon-offset"/><path fill-rule="evenodd" clip-rule="evenodd" d="M4.345 19.17h7.24c.362 0 .657-.294.657-.655a.658.658 0 0 0-.656-.656h-7.24c-.845 0-1.534-.558-1.534-1.247V9.062h18.376v1.402c0 .36.295.655.656.655.36 0 .656-.295.656-.655V6.215c0-1.41-1.28-2.558-2.845-2.558H4.345C2.771 3.657 1.5 4.805 1.5 6.215v10.398c0 1.41 1.28 2.558 2.845 2.558ZM2.812 7.75V6.215c0-.689.689-1.246 1.533-1.246h15.31c.844 0 1.533.557 1.533 1.246v1.534H2.812Zm14.833 11.799a3.855 3.855 0 0 1-2.722-6.576 3.855 3.855 0 0 1 6.577 2.722c0 .807-.25 1.577-.71 2.225l1.308 1.31a.658.658 0 0 1 0 .926.643.643 0 0 1-.462.188.678.678 0 0 1-.464-.188l-1.31-1.31a3.801 3.801 0 0 1-2.216.703Zm3.991.795h-.005.008-.003Zm-3.99-7.183c-.648 0-1.296.246-1.796.738a2.539 2.539 0 0 0 0 3.592c.96.96 2.632.96 3.591 0a2.531 2.531 0 0 0 0-3.592 2.539 2.539 0 0 0-1.796-.738Z" class="icon-base"/></svg></div> <div> <h3 class="IconList-itemTitle type-body-one font-circular-bold font-bold mb-2"> Rates and fees </h3> <div class="text-slate mt-4"> <div class="wysiwyg display-block w-full"> <ul> <li><strong>APR:</strong> 19.99% - 29.74% (Variable)</li> <li><strong>Annual fee: </strong>$95</li> <li><strong>Balance transfer fee: </strong>$0 at the transfer APR, 4 percent of the amount of each transferred balance that posts to your account at a promotional APR that Capital One may offer to you</li> <li><strong style="font-size: 1em;">Cash advance fee: </strong><span style="font-size: 1em;">The greater of $5 or 5 percent of each cash advance</span></li> <li><span style="font-size: 1em;"><strong>Foreign transaction fee</strong>: $0</span></li> <li>(<a href="https://d25970n8puso9u.cloudfront.net/disclosure.30761.en-US.pdf">See Rates & Fees</a>)</li> </ul> <p><strong>Expert Appraisal</strong>: Typical<br>See our <a class="Link" href="#why-not">expert analysis</a></p></div> </div> </div> </div> </li> <li class="IconList-item"> <div class="display-flex mb-10 md:mb-0 align-items-start"> <div class="IconList-itemIcon mr-6 max-w-max -mt-1 "> <svg class="Icon-glyph" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Congrats Icon</title><path fill-rule="evenodd" clip-rule="evenodd" d="M15.239 15.447a11.51 11.51 0 0 0-1.386-1.946c-.879-1.002-1.852-1.787-2.78-2.299-1.439-.964-2.969-1.516-3.82-.72-.062.058-.117.12-.165.185a.562.562 0 0 0-.14.232l-.006.02a1.58 1.58 0 0 0-.106.331L3.592 21.44a1.222 1.222 0 0 0 1.168 1.593l-.007.007c.106 0 .206-.014.312-.043l10.441-2.747a.592.592 0 0 0 .103-.038c.173-.063.332-.158.47-.287.822-.779.525-2.407-.827-4.46a.606.606 0 0 0-.013-.018Z" fill="transparent" class="icon-offset"/><path fill-rule="evenodd" clip-rule="evenodd" d="M9.535 2.977c.055.078 1.562 2.255.086 4.984-1.474-.864-2.946-1.258-3.812-.448a1.57 1.57 0 0 0-.191.215.651.651 0 0 0-.162.268l-.007.02a1.83 1.83 0 0 0-.123.389l-2 6.284a.649.649 0 0 0-.127.396l-1.633 5.13a1.417 1.417 0 0 0 1.354 1.846l-.008.009c.123 0 .238-.017.361-.05l12.104-3.183a.682.682 0 0 0 .12-.046 1.6 1.6 0 0 0 .545-.332c.952-.902.607-2.79-.96-5.17a.66.66 0 0 0-.911-.188.66.66 0 0 0-.189.91c1.264 1.93 1.436 3.226 1.157 3.488-.435.41-2.782-.393-5.506-3.315-2.332-2.5-3.137-4.61-3.048-5.423l.08-.252a.276.276 0 0 1 .038-.045c.296-.27 1.765-.008 3.997 1.88.279.238.689.205.927-.074a.653.653 0 0 0-.074-.928 15.972 15.972 0 0 0-.831-.654c1.991-3.514-.028-6.36-.121-6.485a.657.657 0 1 0-1.067.772l.001.002ZM4.093 16.589l-1.28 4.02s0 .074.025.107c.037.037.08.034.095.033h.004l4.044-1.064c-.512-.44-1.03-.937-1.55-1.488-.48-.518-.93-1.06-1.338-1.608Zm4.472 2.68 4.007-1.055c-1.29-.688-2.687-1.83-3.9-3.127-1.188-1.277-2.214-2.718-2.818-4.03l-1.26 3.96a17.97 17.97 0 0 0 1.797 2.285c.716.762 1.467 1.444 2.174 1.966Zm5.294-13.94c0 1.084.886 1.97 1.97 1.97 1.083 0 1.969-.886 1.969-1.97 0-1.083-.886-1.969-1.97-1.969-1.083 0-1.969.886-1.969 1.97Zm1.313 0c0-.369.287-.656.656-.656.37 0 .657.287.657.657 0 .369-.287.656-.656.656a.648.648 0 0 1-.657-.656Zm3.59 13.015a.673.673 0 0 1-.669-.656c0-.361.28-.656.64-.656h.025c.36 0 .656.295.656.656 0 .36-.293.654-.652.656Zm0 0h.004-.008.004Zm3.085-11.357a.673.673 0 0 1-.668-.656c0-.361.279-.657.64-.657h.024c.361 0 .657.296.657.657 0 .36-.293.654-.653.656Zm0 0h.005-.009.004Zm-.152 9.847a.66.66 0 0 1-.525-.262c-1.37-1.797-3.102-1.855-3.118-1.855a.653.653 0 0 1-.64-.673.63.63 0 0 1 .673-.64c.098 0 2.388.074 4.136 2.372a.655.655 0 0 1-.123.919.632.632 0 0 1-.394.131l-.009.008Zm-10.293-3.43h.004-.008.004Zm.463-.197a.652.652 0 0 1-.463.197.659.659 0 0 1-.472-1.116c.156-.164 3.939-3.963 9.749-2.314a.66.66 0 0 1 .451.812.66.66 0 0 1-.812.452c-5.039-1.428-8.313 1.83-8.453 1.97Z" class="icon-base"/></svg></div> <div> <h3 class="IconList-itemTitle type-body-one font-circular-bold font-bold mb-2"> Other cardholder perks </h3> <div class="text-slate mt-4"> <div class="wysiwyg display-block w-full"> <ul> <li>MasterRental Insurance*</li> <li>Up to $120 Global Entry or TSA PreCheck credit</li> <li>$50 Lifestyle Collection credit</li> <li>Lost or Damaged Luggage* </li> <li>Capital One Eno assistant</li> <li>Trip Cancellation/Interruption Coverage*</li> </ul> <p><strong>Expert Appraisal</strong>: Good<br />See our <a class="Link" href="#perks">expert analysis</a></p></div> </div> </div> </div> </li> </ul> </div> </div> <div id="pros-cons" class="SectionWithTocItem " data-beam-element-viewed id="pros-cons" data-type="SHELF-TOC" data-location="SHELF-TOC-section" data-name="Capital One Venture pros and cons" data-position="2" data-text="" > <div data-cy="" class="Headline w-full"> <h2 class="type-heading-two"> Capital One Venture Rewards Credit Card pros and cons </h2> </div> <div class="pros-and-cons "> <div class="display-flex gap-4 sm:gap-6 flex-direction-column sm:flex-direction-row"> <div class="sm:w-1/2"> <div data-cy="" class="Headline w-full"> <h3 class="type-body-one font-circular-bold border-b pb-3 mb-5"> Pros </h3> </div> <ul class="List"> <li class="mb-5"> <div class="display-flex"> <span class="Icon Icon--sm flex-shrink-0 mr-4 text-green-dark"> <svg class="Icon-glyph" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Checkmark Icon</title><path d="M8.982 18.477a.976.976 0 0 1-.658-.266l-5.056-5.055a.926.926 0 0 1 0-1.305.927.927 0 0 1 1.305 0L8.97 16.25 19.427 5.792a.926.926 0 0 1 1.305 0 .926.926 0 0 1 0 1.304L9.628 18.2a.906.906 0 0 1-.658.265l.012.012Z" class="icon-base"/></svg></span> <p class="type-body-one text-slate mb-0 mt-1">The card earns unlimited flat-rate travel miles on all purchases, making it a simple option for a standalone card.</p> </div> </li> <li class="mb-5"> <div class="display-flex"> <span class="Icon Icon--sm flex-shrink-0 mr-4 text-green-dark"> <svg class="Icon-glyph" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Checkmark Icon</title><path d="M8.982 18.477a.976.976 0 0 1-.658-.266l-5.056-5.055a.926.926 0 0 1 0-1.305.927.927 0 0 1 1.305 0L8.97 16.25 19.427 5.792a.926.926 0 0 1 1.305 0 .926.926 0 0 1 0 1.304L9.628 18.2a.906.906 0 0 1-.658.265l.012.012Z" class="icon-base"/></svg></span> <p class="type-body-one text-slate mb-0 mt-1">It’s an ideal card for making purchases overseas since it doesn’t charge foreign transaction fees.</p> </div> </li> <li class="mb-5"> <div class="display-flex"> <span class="Icon Icon--sm flex-shrink-0 mr-4 text-green-dark"> <svg class="Icon-glyph" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Checkmark Icon</title><path d="M8.982 18.477a.976.976 0 0 1-.658-.266l-5.056-5.055a.926.926 0 0 1 0-1.305.927.927 0 0 1 1.305 0L8.97 16.25 19.427 5.792a.926.926 0 0 1 1.305 0 .926.926 0 0 1 0 1.304L9.628 18.2a.906.906 0 0 1-.658.265l.012.012Z" class="icon-base"/></svg></span> <p class="type-body-one text-slate mb-0 mt-1">It offers a solid collection of benefits and has flexible redemption options.</p> </div> </li> </ul> </div> <div class="sm:w-1/2"> <div data-cy="" class="Headline w-full"> <h3 class="type-body-one font-circular-bold border-b pb-3 mb-5"> Cons </h3> </div> <ul class="List"> <li class="mb-5"> <div class="display-flex"> <span class="Icon Icon--sm text-red flex-shrink-0 mr-4"> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M5.62252 7.17879L7.41279 5.38672L18.7265 16.7004L16.8 18.5995L5.62252 7.17879Z" fill="#D71919"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M16.9344 5.50932L18.7265 7.29959L7.41281 18.6133L5.51375 16.6868L16.9344 5.50932Z" fill="#D71919"/> </svg></span> <p class="type-body-one text-slate mb-0 mt-1">Unlike the Capital One Venture X Rewards Credit Card's annual fee, you can’t offset the annual fee with annual travel credits or bonus miles.</p> </div> </li> <li class="mb-5"> <div class="display-flex"> <span class="Icon Icon--sm text-red flex-shrink-0 mr-4"> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M5.62252 7.17879L7.41279 5.38672L18.7265 16.7004L16.8 18.5995L5.62252 7.17879Z" fill="#D71919"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M16.9344 5.50932L18.7265 7.29959L7.41281 18.6133L5.51375 16.6868L16.9344 5.50932Z" fill="#D71919"/> </svg></span> <p class="type-body-one text-slate mb-0 mt-1">Miles are worth 1 cent or less unless you use select airline transfer programs, which can limit your overall earning potential.</p> </div> </li> <li class="mb-5"> <div class="display-flex"> <span class="Icon Icon--sm text-red flex-shrink-0 mr-4"> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M5.62252 7.17879L7.41279 5.38672L18.7265 16.7004L16.8 18.5995L5.62252 7.17879Z" fill="#D71919"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M16.9344 5.50932L18.7265 7.29959L7.41281 18.6133L5.51375 16.6868L16.9344 5.50932Z" fill="#D71919"/> </svg></span> <p class="type-body-one text-slate mb-0 mt-1">You can earn more rewards from other cards with more varied bonus categories.</p> </div> </li> </ul> </div> </div> </div> </div> <div id="Reasons-to-get-this-card" class="SectionWithTocItem " data-beam-element-viewed id="Reasons-to-get-this-card" data-type="SHELF-TOC" data-location="SHELF-TOC-section" data-name="Reasons to get this card" data-position="3" data-text="" > <div data-cy="" class="Headline w-full"> <h2 class="type-heading-two"> Why you might want the Capital One Venture Rewards Credit Card </h2> </div> <div class="wysiwyg display-block w-full"> <p>The Capital One Venture Rewards card offers an outstanding balance of flexibility and rewards value as a general travel card. It’s an ideal pick if you’re an occasional traveler who isn’t dedicated to one airline and you want to use rewards from your everyday spending to fund your next trip. </p> <h3 id="rewards">Rewards rate: <strong>Solid, flat-rate miles for every purchase</strong></h3> <p>The Capital One Venture earns <a class="Link" href="https://www.bankrate.com/credit-cards/cash-back/flat-rate-vs-bonus-category-cash-back-credit-cards/">flat-rate rewards</a>, meaning it earns unlimited <a class="Link" href="https://www.bankrate.com/credit-cards/travel/guide-to-capital-one-miles/">Capital One miles</a> at the same rate for all purchases. It also earns a boosted rewards rate for hotels, vacation rentals and rental cars booked through Capital One Travel.</p> <p>Most other travel credit cards earn rewards primarily from travel-related spending, like airfare and hotel purchases. But the Venture card’s flat-rate approach and the Capital One Travel portal make it easy to <a class="Link" href="https://www.bankrate.com/credit-cards/travel/how-to-earn-frequent-flyer-miles/">earn and redeem travel miles</a> without sacrificing top-tier rewards value. </p> <p>Other cards may offer higher rewards rates in specific categories, but if you frequently make purchases outside of staple rewards categories like groceries, dining, gas or streaming subscriptions, then a flat-rate card like the Capital One Venture can help you earn a nice sum of rewards compared to other cards.</p> <h3>Redemptions: Miles are flexible and valuable for bookings or transfers</h3> <p>Capital One offers more redemption options than many competitors, including a comprehensive list of 1:1 transfer partners and the option to use miles to cover outside travel purchases. Your miles don’t expire for the life of your account, and there are no blackout dates, so you’d be better off saving them for a rainy day rather than cashing them in for a half-sized check. You can also combine miles with other Capital One cards or transfer them to a friend or family member, offering even more flexibility.</p> <p>Based on Bankrate's latest <a class="Link" href="https://www.bankrate.com/credit-cards/travel/points-and-miles-valuations/">credit card point valuations</a>, Capital One miles could be worth around 1.7 cents each on average when you transfer to a top airline or hotel travel partner, making it a potentially more lucrative option. </p> <p>However, if the transfer partner list or travel portal doesn’t meet your needs, you can shop externally and cover the cost with miles you redeem as a statement credit. You can apply any amount of miles to recent travel purchases, giving you time to accumulate more rewards to cover the purchase and flexibility if you can’t cover the entire purchase. Miles redeemed this way are worth 1 cent a piece each; still, you won’t lose out on the value compared to the issuer’s portal redemptions. That’s not always the case with travel cards. As an example, if you turn <a class="Link" href="https://www.bankrate.com/credit-cards/rewards/best-ways-to-spend-amex-points/#four">Amex Membership Rewards points</a> into statement credits, you’ll only get a value of 0.6 cents per point.</p></div> </div> <div id="Reasons-to-skip-this-card" class="SectionWithTocItem " data-beam-element-viewed id="Reasons-to-skip-this-card" data-type="SHELF-TOC" data-location="SHELF-TOC-section" data-name="Reasons to skip this card" data-position="4" data-text="" > <div id="why-not"data-cy="why-not" class="Headline w-full"> <h2 class="type-heading-two"> Why you might want a different travel card </h2> </div> <div class="wysiwyg display-block w-full"> <p>The Capital One Venture Rewards credit card offers a nice blend of value and convenience for cardholders, but it has some shortcomings compared to other rewards cards. </p> <h3 id="welcome">Welcome offer: Steep spending requirement</h3> <p>New cardholders can earn a one-time bonus of 75,000 miles after spending $4,000 on purchases within three months of account opening. This bonus is worth up to $750 in travel redemptions when you book travel through the Capital One Travel portal. However, since Bankrate's point valuation methodology puts Capital One miles at about 1.7 cents each, the bonus could be worth around $1,275 with the right transfer partners.</p> <p>This new offer is a drop from the card's previous limited-time offer, which tacked a $250 credit to the 75,000-mile bonus you'd earn with a $4,000 spend in your first three months. However, there's no telling if or when Capital One will offer such a high bonus again, so now may still be a good time to apply if you have travel plans.</p> <h3 id="perks">Yearly perks: Lacks annual bonus <strong>miles</strong></h3> <p>The Venture Rewards card carries consistent purchase value with its flat-rate rewards but fails to deliver on yearly perks and credits that bring additional value.</p> <p>For instance, the <a class="Link" href="https://www.bankrate.com/credit-cards/reviews/chase-sapphire-preferred-card/">Chase Sapphire Preferred® Card</a> has an up to $50 annual hotel stay credit through the Chase Travel portal. The Venture Rewards also offers a $50 annual credits applied to Lifestyle Collection stays — but it only covers “experiences”, such as drinks, room service or other amenities unique to each stay. Additionally, the Chase Sapphire Preferred offers a 10 percent anniversary point bonus. With this benefit, Chase rewards you on each account anniversary with 10 percent of the points you redeemed in the previous year. Other travel cards like the <a class="Link" href="https://www.bankrate.com/credit-cards/reviews/gold-delta-skymiles-credit-card-from-american-express/">Delta SkyMiles® Gold American Express Card</a> also have annual benefits that can help offset their respective annual fees.</p> <p>These cards could be better options for you if you are looking for a reliable way to offset the <a class="Link" href="https://www.bankrate.com/credit-cards/travel/avoid-travel-fees-with-credit-cards/">fees that usually accompany traveling</a>. However, you’ll want to review those cards’ details before deciding what works best for you.</p></div> </div> <div id="value" class="SectionWithTocItem " data-beam-element-viewed id="value" data-type="SHELF-TOC" data-location="SHELF-TOC-section" data-name="First-year value vs. ongoing value" data-position="5" data-text="" > <div data-cy="" class="Headline w-full"> <h2 class="type-heading-two"> First-year value vs. ongoing value </h2> </div> <div class="wysiwyg display-block w-full"> <p>Given its small list of perks, it’s clear this card’s key value comes from its travel rewards program. If you’re more of a “show me the money” type, the only ongoing Venture card features with clear monetary value are the $50 Lifestyle Collection hotel stay experience credit and the up to $120 application fee credit you’ll receive every four years for <a class="Link" href="https://www.bankrate.com/credit-cards/travel/global-entry-vs-tsa-precheck/">TSA PreCheck or Global Entry</a>.</p> <p>That means you’ll have to rely primarily on rewards spending each year to make up for the annual fee. Here’s a look at what you’d have to spend in a given category each year to offset the annual fee:</p> <ul> <li><strong>2X miles flat-rate spending: </strong>at least $4,752 per year if you get a 1-cent-per-mile redemption value ($2,794 if transferring miles, assuming an average mile value of 1.7 cents per mile)</li> <li><strong>5X miles on hotels, vacation rentals and rental cars booked through Capital One Travel: </strong>at least $1,900 per year ($1,117 if transferring miles, assuming an average mile value of 1.7 cents per mile)</li> </ul> <p>Some competing cards in the Venture’s class provide more benefit value to offset annual fees. But depending on your spending habits, the annual fee may not be a concern, especially if you plan to transfer miles for an average of 1.7 cents per mile (<a class="Link" href="https://www.bankrate.com/credit-cards/travel/points-and-miles-valuations/">Bankrate’s current valuation</a>). And the 75,000-mile sign-up bonus (earned after spending $4,000 during the first three months) is enough to help offset the annual fee for several years, even if you only receive 1 cent per mile in redemption value.</p> <p>Here’s a look at the first-year and ongoing value you should expect based on a 1-cent-per-mile redemption value:</p> <table class="Table Table--text Table--bordered-rows type-body-one text-base Table--stripedEven Table--spacing2 talignL horizontal-scroll"> <thead class="table-inline__header-row" style="background-color: #00143d; color: #ffffff;"> <tr> <th style="text-align: center; background-color: #00143d; color: #ffffff;">Benefits and Costs</th> <th style="text-align: center; background-color: #00143d; color: #ffffff;">First-year value</th> <th style="text-align: center; background-color: #00143d; color: #ffffff;">Ongoing value (no welcome offers)</th> </tr> </thead> <tbody> <tr> <td><strong>Yearly rewards*</strong></td> <td>+$327</td> <td>+$327</td> </tr> <tr> <td style="text-align: left;"><strong>Welcome offers</strong></td> <td style="text-align: left;">+$750 value <em>(75,000 bonus miles after spending $4,000 during the first three months)</em></td> <td style="text-align: center;">—</td> </tr> <tr> <td><strong>Perks</strong> <em>(of monetary value)</em></td> <td> <ul class="List"> <li>+$30 <em>(up to $120 application fee credit for Global Entry or TSA PreCheck every four years)<br /><br /></em></li> <li>+$50 <em>(experience credit for eligible Lifestyle Collection hotel and vacation rental stays)</em></li> </ul> </td> <td> <ul class="List"> <li>+$30 <em>(up to $120 application fee credit for Global Entry or TSA PreCheck every four years)<br /><br /></em></li> <li>+$50 <em>(experience credit for eligible Lifestyle Collection hotel and vacation rental stays)</em></li> </ul> </td> </tr> <tr> <td><strong>Annual fee</strong></td> <td>-$95 (<a href="https://d25970n8puso9u.cloudfront.net/disclosure.30761.en-US.pdf">See Rates & Fees</a>)</td> <td>-$95 (<a href="https://d25970n8puso9u.cloudfront.net/disclosure.30761.en-US.pdf">See Rates & Fees</a>)</td> </tr> <tr> <td><strong>Total value</strong></td> <td>$1,062</td> <td>$312</td> </tr> </tbody> </table> <p><em>*Based on our formula used to calculate each card’s average rewards rates and average ongoing rewards value, using </em><a class="Link" href="https://www.bls.gov/news.release/pdf/cesan.pdf" target="_blank" rel="noopener"><em>Bureau of Labor Statistics spending data</em></a><em> and an assumed $15,900 yearly spend over three years ($1,325 per month).</em></p></div> </div> <div id="expert-experience" class="SectionWithTocItem " data-beam-element-viewed id="expert-experience" data-type="SHELF-TOC" data-location="SHELF-TOC-section" data-name="Expert experience" data-position="6" data-text="" > <div data-cy="" class="Headline w-full"> <h2 class="type-heading-two"> We tried it: Here’s what our experts say </h2> </div> <div class="wysiwyg display-block w-full"> <p>Frequent Bankrate contributor <a class="Link" href="https://www.bankrate.com/authors/jacqueline-demarco/">Jacqueline DeMarco</a> loves the Capital One Venture card for its streamlined rewards experience and has been collecting miles with it for the past seven years.</p> <blockquote>“I don’t enjoy figuring out which spending categories will generate the most credit card rewards. With the Capital One Venture, <a class="Link" href="https://www.bankrate.com/credit-cards/reviews/why-i-love-capital-one-venture-rewards/">I was attracted to the simplicity</a> of earning unlimited 2X miles on all purchases. For this reason, I use my Capital One Venture for most major purchases over $100, whether it’s to upgrade a phone, buy clothes or do some holiday shopping. If I charge $1,500 in a month, I know that I’ll earn 3,000 Capital One miles. It’s an uncomplicated calculation.”</blockquote> <blockquote>“In the end, even with a $95 annual fee, my Capital One Venture Rewards Credit Card is a bargain. This card gives me options, including flat-rate rewards, flexible flights and numerous protections.”</blockquote> <p>— Jacqueline DeMarco<br />Personal finance writer</p> <p><a href="https://d25970n8puso9u.cloudfront.net/disclosure.30761.en-US.pdf">See Rates & Fees</a></p></div> </div> <div id="compare" class="SectionWithTocItem " data-beam-element-viewed id="compare" data-type="SHELF-TOC" data-location="SHELF-TOC-section" data-name="Capital One Venture Rewards Credit Card vs. other travel cards" data-position="7" data-text="" > <div data-cy="" class="Headline w-full"> <h2 class="type-heading-two"> How the Capital One Venture compares to other travel cards </h2> </div> <div class="wysiwyg display-block w-full"> <p>The Venture card is popular thanks to its ease of use and simple reward structure. However, if you like to maximize your credit card rewards through strategic spending, you may be better off with another card.</p></div> <div class="md:horizontal-scroll p-1 md:p-0"> <div class="compare-cards pos-relative no-underline bg-white box-shadow-1 rounded"> <div class="display-flex flex-direction-row justify-content-space-between flex-nowrap" > <div class="display-grid grid-rows-auto w-full sm:w-72 box-shadow-2 bg-gray-light rounded-bl" data-beam-product-viewed data-location="CARD" data-name="Capital One Venture Rewards Credit Card" data-position="1" data-productid="22105772" data-category="COMPARE CARD" data-brand="Capital One" data-variant="COMPARE" > <figure class="creditcard-product-box__image text-center mt-4"> <a href="https://oc.brcclx.com/t?lid=25026577" onClick="event.preventDefault()" data-apply-click data-link="https://oc.brcclx.com/t?lid=25026577" data-beam-product-clicked data-location="CARD" data-name="Capital One Venture Rewards Credit Card" data-position="1" data-text="Capital One Venture Rewards Credit Card" data-outcome="APPLY" data-productid="22105772" data-category="COMPARE CARD" data-brand="Capital One" data-variant="THUMBNAIL" data-page-id="$pageId" data-featured="$pageFeatured" data-category-id="" data-track-click="creditcard.apply" data-apply-button data-collation-id="16716968-550d-4194-a547-8810245fa420" > <img class="featured-cards__image js-product-box__image" src="//cdn.prodstatic.com/shared/images/cards/120x76/03141a30-6f84-11ef-88db-67757e6c8737.png?auto=webp&fit=bounds&width=120&height=76" alt="Image of Capital One Venture Rewards Credit Card" width="130" loading="lazy" > </a> </figure> <div data-mh="name"> <div class="creditcard-product-box__name text-center px-3 mb-8"> <a class="text-decoration-none no-underline" href="https://oc.brcclx.com/t?lid=25026577" onClick="event.preventDefault()" data-apply-click data-link="https://oc.brcclx.com/t?lid=25026577" rel="sponsored" data-beam-product-clicked data-location="CARD" data-name="Capital One Venture Rewards Credit Card" data-position="1" data-text="Capital One Venture Rewards Credit Card" data-outcome="APPLY" data-productid="22105772" data-category="COMPARE CARD" data-brand="Capital One" data-variant="CARD NAME" data-page-id="$pageId" data-featured="$pageFeatured" data-category-id="" data-track-click="creditcard.apply" data-apply-button data-collation-id="16716968-550d-4194-a547-8810245fa420" > <h2 class="type-heading-six text-black "> Capital One Venture Rewards Credit Card</h2> </a> </div> </div> <div data-mh="apply-wrapper"> <span class="display-flex flex-direction-column align-items-center flex-direction-column-reverse"> <span class="type-body-three text-blue font-bold pr-2 text-center font-circular-bold">Bankrate Score</span> <div class="text-center"> <a class="text-black" href="https://www.bankrate.com/credit-cards/reviews/capital-one-venture-rewards-credit-card/" > <div class="star-rating star-rating--number-size-sm align-center" style="font-size: 16px"> <span class="visually-hidden">Rating: 4.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: 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> </div> </div> <span class="font-bold pl-2 pr-2">4.9</span> </a> </div> </span> <div id="terms-apply" class="text-xs px-2 mb-2 text-center w-full mt-2"> <a href="https://d25970n8puso9u.cloudfront.net/disclosure.30761.en-US.pdf" class="Link Link--standalone display-inline-block" target="blank" data-beam-product-clicked data-location="CARD" data-name="Capital One Venture Rewards Credit Card" data-position="1" data-text="Rates & Fees, Terms Apply" data-outcome="EXTERNALLINK" data-productid="22105772" data-category="COMPARE CARD" data-brand="Capital One" data-variant="BUTTON" data-page-id="$pageId" data-featured="$pageFeatured" data-category-id=""> See Rates & Fees </a> </div> <div class="creditcard-product-box__apply-btn w-full display-flex flex-direction-column align-items-center text-center mb-8 p-5 pt-0"> <a class="Button Button--primary Button--normal apply-bttn-general w-full" href="https://oc.brcclx.com/t?lid=25026577" onClick="event.preventDefault()" data-apply-click data-link="https://oc.brcclx.com/t?lid=25026577" data-beam-product-clicked data-location="CARD" data-name="Capital One Venture Rewards Credit Card" data-position="1" data-text="APPLY NOW" data-outcome="APPLY" data-productid="22105772" data-category="COMPARE CARD" data-brand="Capital One" data-variant="BUTTON" data-page-id="" data-featured="" data-category-id="" data-track-click="creditcard.apply" data-apply-button data-collation-id="16716968-550d-4194-a547-8810245fa420" data-issuer-name="Capital One" data-cy="applyNowButton" > Apply now<span class="Icon Icon--xs -mt-1 apply-btn-icon icon-base-white"> <svg class="Icon-glyph" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Lock Icon</title><path fill-rule="evenodd" clip-rule="evenodd" d="M16.149 7.038v1.436H7.842V6.977c0-2.258 1.86-4.093 4.153-4.093a4.154 4.154 0 0 1 4.154 4.154Zm-9.691-.06v1.496h-.225a3.004 3.004 0 0 0-3.003 3.002v8.021A3.004 3.004 0 0 0 6.233 22.5h11.534v-.009c1.661 0 3.002-1.367 3.002-3.054v-7.96a3.004 3.004 0 0 0-3.002-3.003h-.234V7.038A5.543 5.543 0 0 0 11.995 1.5c-3.054 0-5.537 2.457-5.537 5.477Zm-.234 2.89c-.89 0-1.618.726-1.618 1.617v8.021c0 .891.727 1.618 1.618 1.618h11.534c.909 0 1.618-.735 1.618-1.67v-7.96c0-.891-.727-1.618-1.618-1.618H6.224v-.009Zm5.08 6.8c0 .38.31.692.692.692.38 0 .692-.311.692-.692v-2.362a.694.694 0 0 0-.692-.692.694.694 0 0 0-.693.692v2.362Z" class="icon-base"/></svg></span> </a> <div class="fg-slate mt-3 type-heading-five uppercase"> on Capital One's secure site </div> </div> </div> <div class="product-box-feature border-t border-blue-light p-2 text-center"> <p class="m-0 text-black font-circular-bold text-lg">Annual fee</p> <div class="display-flex flex-direction-row display-flex flex-direction-row justify-content-center align-items-center"> <span class="text-sm text-slate mr-1">$95</span> </div> </div> <div class="product-box-feature border-t border-blue-light p-2 text-center"> <p class="m-0 text-black font-circular-bold text-lg">Intro offer</p> <div class="display-flex flex-direction-row display-flex flex-direction-row justify-content-center align-items-center"> <span class="text-sm text-slate mr-1">75,000 miles</span> <div class="pt-1"> <div id="t345757c3-4051-4bb4-8287-a9c59878a04f" class="display-none"> <div class="w-72" style="max-width: calc(100vw - 4rem)"> <p class="type-body-two m-0"> 75,000 miles once you spend $4,000 on purchases within 3 months from account opening</p></div> </div> <div class="display-inline-block ml-1 cursor-pointer TooltipFix"> <div x-data data-tippy-maxWidth="none" data-template="t345757c3-4051-4bb4-8287-a9c59878a04f" role="tooltip" tabIndex="0"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> </div> <div class="product-box-feature border-t border-blue-light p-2 text-center"> <p class="m-0 text-black font-circular-bold text-lg">Rewards rate</p> <div class="display-flex flex-direction-row display-flex flex-direction-row justify-content-center align-items-center"> <span class="text-sm text-slate mr-1">2 Miles - 5 Miles</span> <div class="pt-1"> <div id="tddbaaff5-31cb-454f-a3c2-97b75288276e" class="display-none"> <div class="w-72" style="max-width: calc(100vw - 4rem)"> <p class="type-body-two m-0"> 5 Miles per dollar on hotels, vacation rentals and rental cars booked through Capital One Travel. 2 Miles per dollar on every purchase, every day.</p></div> </div> <div class="display-inline-block ml-1 cursor-pointer TooltipFix"> <div x-data data-tippy-maxWidth="none" data-template="tddbaaff5-31cb-454f-a3c2-97b75288276e" role="tooltip" tabIndex="0"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> </div> <div class="product-box-feature border-t border-blue-light p-2 pb-5 text-center"> <p class="m-0 text-black font-circular-bold text-lg">Recommended Credit Score</p> <div class="display-flex flex-direction-row display-flex flex-direction-row justify-content-center align-items-center"> <span class="text-sm text-slate mr-1">Good to Excellent (670 – 850)</span> <div class="pt-1"> <div id="t4bc99cd2-2f7a-4588-ab47-eb4201672b7f" class="display-none"> <div class="w-72" style="max-width: calc(100vw - 4rem)"> <p class="type-body-two m-0"> A FICO score/credit score is used to represent the creditworthiness of a person and may be one indicator to the credit type you are eligible for. However, credit score alone does not guarantee or imply approval for any financial product.</p></div> </div> <div class="display-inline-block ml-1 cursor-pointer TooltipFix"> <div x-data data-tippy-maxWidth="none" data-template="t4bc99cd2-2f7a-4588-ab47-eb4201672b7f" role="tooltip" tabIndex="0"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> </div> </div> <div class="display-grid grid-rows-auto w-full sm:w-72" data-beam-product-viewed data-location="CARD" data-name="Chase Sapphire Preferred® Card" data-position="2" data-productid="221210070" data-category="COMPARE CARD" data-brand="Chase" data-variant="COMPARE" > <figure class="creditcard-product-box__image text-center mt-4"> <a href="https://oc.brcclx.com/t?lid=26597444" onClick="event.preventDefault()" data-apply-click data-link="https://oc.brcclx.com/t?lid=26597444" data-beam-product-clicked data-location="CARD" data-name="Chase Sapphire Preferred® Card" data-position="2" data-text="Chase Sapphire Preferred® Card" data-outcome="APPLY" data-productid="221210070" data-category="COMPARE CARD" data-brand="Chase" data-variant="THUMBNAIL" data-page-id="$pageId" data-featured="$pageFeatured" data-category-id="" data-track-click="creditcard.apply" data-apply-button data-collation-id="080f5173-fd0b-4d3e-a671-e557876025fd" > <img class="featured-cards__image js-product-box__image" src="//cdn.prodstatic.com/shared/images/cards/120x76/ae837480-ed19-11ee-b6aa-83dad90afdcd.png?auto=webp&fit=bounds&width=120&height=76" alt="Image of Chase Sapphire Preferred® Card" width="130" loading="lazy" > </a> </figure> <div data-mh="name"> <div class="creditcard-product-box__name text-center px-3 mb-3"> <a class="text-decoration-none no-underline" href="https://oc.brcclx.com/t?lid=26597444" onClick="event.preventDefault()" data-apply-click data-link="https://oc.brcclx.com/t?lid=26597444" rel="sponsored" data-beam-product-clicked data-location="CARD" data-name="Chase Sapphire Preferred® Card" data-position="2" data-text="Chase Sapphire Preferred® Card" data-outcome="APPLY" data-productid="221210070" data-category="COMPARE CARD" data-brand="Chase" data-variant="CARD NAME" data-page-id="$pageId" data-featured="$pageFeatured" data-category-id="" data-track-click="creditcard.apply" data-apply-button data-collation-id="080f5173-fd0b-4d3e-a671-e557876025fd" > <h2 class="type-heading-six text-black "> Chase Sapphire Preferred® Card</h2> </a> </div> </div> <div data-mh="apply-wrapper"> <span class="display-flex flex-direction-column align-items-center flex-direction-column-reverse"> <span class="type-body-three text-blue font-bold pr-2 text-center font-circular-bold">Bankrate Score</span> <div class="text-center"> <a class="text-black" href="https://www.bankrate.com/credit-cards/reviews/chase-sapphire-preferred-card/" > <div class="star-rating star-rating--number-size-sm align-center" style="font-size: 16px"> <span class="visually-hidden">Rating: 4.8 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: 71%"> <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="font-bold pl-2 pr-2">4.8</span> </a> </div> </span> <div id="terms-apply" class="text-xs px-2 mb-2 text-center w-full mt-2"> </div> <div class="creditcard-product-box__apply-btn w-full display-flex flex-direction-column align-items-center text-center mb-8 p-5 pt-0"> <a class="Button Button--primary Button--normal apply-bttn-general w-full" href="https://oc.brcclx.com/t?lid=26597444" onClick="event.preventDefault()" data-apply-click data-link="https://oc.brcclx.com/t?lid=26597444" data-beam-product-clicked data-location="CARD" data-name="Chase Sapphire Preferred® Card" data-position="2" data-text="APPLY NOW" data-outcome="APPLY" data-productid="221210070" data-category="COMPARE CARD" data-brand="Chase" data-variant="BUTTON" data-page-id="" data-featured="" data-category-id="" data-track-click="creditcard.apply" data-apply-button data-collation-id="080f5173-fd0b-4d3e-a671-e557876025fd" data-issuer-name="Chase" data-cy="applyNowButton" > Apply now<span class="Icon Icon--xs -mt-1 apply-btn-icon icon-base-white"> <svg class="Icon-glyph" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Lock Icon</title><path fill-rule="evenodd" clip-rule="evenodd" d="M16.149 7.038v1.436H7.842V6.977c0-2.258 1.86-4.093 4.153-4.093a4.154 4.154 0 0 1 4.154 4.154Zm-9.691-.06v1.496h-.225a3.004 3.004 0 0 0-3.003 3.002v8.021A3.004 3.004 0 0 0 6.233 22.5h11.534v-.009c1.661 0 3.002-1.367 3.002-3.054v-7.96a3.004 3.004 0 0 0-3.002-3.003h-.234V7.038A5.543 5.543 0 0 0 11.995 1.5c-3.054 0-5.537 2.457-5.537 5.477Zm-.234 2.89c-.89 0-1.618.726-1.618 1.617v8.021c0 .891.727 1.618 1.618 1.618h11.534c.909 0 1.618-.735 1.618-1.67v-7.96c0-.891-.727-1.618-1.618-1.618H6.224v-.009Zm5.08 6.8c0 .38.31.692.692.692.38 0 .692-.311.692-.692v-2.362a.694.694 0 0 0-.692-.692.694.694 0 0 0-.693.692v2.362Z" class="icon-base"/></svg></span> </a> <div class="fg-slate mt-3 type-heading-five uppercase"> on Chase's secure site </div> </div> </div> <div class="product-box-feature border-t border-blue-light p-2 text-center"> <p class="m-0 text-black font-circular-bold text-lg">Annual fee</p> <div class="display-flex flex-direction-row display-flex flex-direction-row justify-content-center align-items-center"> <span class="text-sm text-slate mr-1">$95</span> </div> </div> <div class="product-box-feature border-t border-blue-light p-2 text-center"> <p class="m-0 text-black font-circular-bold text-lg">Intro offer</p> <div class="display-flex flex-direction-row display-flex flex-direction-row justify-content-center align-items-center"> <span class="text-sm text-slate mr-1">60,000 bonus points</span> <div class="pt-1"> <div id="t51030298-e343-4909-a58e-2082336dfe1e" class="display-none"> <div class="w-72" style="max-width: calc(100vw - 4rem)"> <p class="type-body-two m-0"> Earn 60,000 bonus points after you spend $4,000 on purchases in the first 3 months from account opening.</p></div> </div> <div class="display-inline-block ml-1 cursor-pointer TooltipFix"> <div x-data data-tippy-maxWidth="none" data-template="t51030298-e343-4909-a58e-2082336dfe1e" role="tooltip" tabIndex="0"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> </div> <div class="product-box-feature border-t border-blue-light p-2 text-center"> <p class="m-0 text-black font-circular-bold text-lg">Rewards rate</p> <div class="display-flex flex-direction-row display-flex flex-direction-row justify-content-center align-items-center"> <span class="text-sm text-slate mr-1">1x - 5x</span> <div class="pt-1"> <div id="tfe2d73d3-168f-4bec-bcca-892cfbaa8c6a" class="display-none"> <div class="w-72" style="max-width: calc(100vw - 4rem)"> <p class="type-body-two m-0"> 5x on travel purchased through Chase Travel℠. 3x on dining, select streaming services and online groceries. 2x on all other travel purchases. 1x on all other purchases.</p></div> </div> <div class="display-inline-block ml-1 cursor-pointer TooltipFix"> <div x-data data-tippy-maxWidth="none" data-template="tfe2d73d3-168f-4bec-bcca-892cfbaa8c6a" role="tooltip" tabIndex="0"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> </div> <div class="product-box-feature border-t border-blue-light p-2 pb-5 text-center"> <p class="m-0 text-black font-circular-bold text-lg">Recommended Credit Score</p> <div class="display-flex flex-direction-row display-flex flex-direction-row justify-content-center align-items-center"> <span class="text-sm text-slate mr-1">Good to Excellent (670 – 850)</span> <div class="pt-1"> <div id="tf2821bc2-95cb-48d3-9c2a-63298dc7cecb" class="display-none"> <div class="w-72" style="max-width: calc(100vw - 4rem)"> <p class="type-body-two m-0"> A FICO score/credit score is used to represent the creditworthiness of a person and may be one indicator to the credit type you are eligible for. However, credit score alone does not guarantee or imply approval for any financial product.</p></div> </div> <div class="display-inline-block ml-1 cursor-pointer TooltipFix"> <div x-data data-tippy-maxWidth="none" data-template="tf2821bc2-95cb-48d3-9c2a-63298dc7cecb" role="tooltip" tabIndex="0"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> </div> </div> <div class="display-grid grid-rows-auto w-full sm:w-72" data-beam-product-viewed data-location="CARD" data-name="Capital One VentureOne Rewards Credit Card" data-position="3" data-productid="22105773" data-category="COMPARE CARD" data-brand="Capital One" data-variant="COMPARE" > <figure class="creditcard-product-box__image text-center mt-4"> <a href="https://oc.brcclx.com/t?lid=25026578" onClick="event.preventDefault()" data-apply-click data-link="https://oc.brcclx.com/t?lid=25026578" data-beam-product-clicked data-location="CARD" data-name="Capital One VentureOne Rewards Credit Card" data-position="3" data-text="Capital One VentureOne Rewards Credit Card" data-outcome="APPLY" data-productid="22105773" data-category="COMPARE CARD" data-brand="Capital One" data-variant="THUMBNAIL" data-page-id="$pageId" data-featured="$pageFeatured" data-category-id="" data-track-click="creditcard.apply" data-apply-button data-collation-id="6bb75f51-0159-4939-8f8e-8ae636aa8ba9" > <img class="featured-cards__image js-product-box__image" src="//cdn.prodstatic.com/shared/images/cards/120x76/596ce980-6f88-11ef-88db-67757e6c8737.png?auto=webp&fit=bounds&width=120&height=76" alt="Image of Capital One VentureOne Rewards Credit Card" width="130" loading="lazy" > </a> </figure> <div data-mh="name"> <div class="creditcard-product-box__name text-center px-3 mb-8"> <a class="text-decoration-none no-underline" href="https://oc.brcclx.com/t?lid=25026578" onClick="event.preventDefault()" data-apply-click data-link="https://oc.brcclx.com/t?lid=25026578" rel="sponsored" data-beam-product-clicked data-location="CARD" data-name="Capital One VentureOne Rewards Credit Card" data-position="3" data-text="Capital One VentureOne Rewards Credit Card" data-outcome="APPLY" data-productid="22105773" data-category="COMPARE CARD" data-brand="Capital One" data-variant="CARD NAME" data-page-id="$pageId" data-featured="$pageFeatured" data-category-id="" data-track-click="creditcard.apply" data-apply-button data-collation-id="6bb75f51-0159-4939-8f8e-8ae636aa8ba9" > <h2 class="type-heading-six text-black "> Capital One VentureOne Rewards Credit Card</h2> </a> </div> </div> <div data-mh="apply-wrapper"> <span class="display-flex flex-direction-column align-items-center flex-direction-column-reverse"> <span class="type-body-three text-blue font-bold pr-2 text-center font-circular-bold">Bankrate Score</span> <div class="text-center"> <a class="text-black" href="https://www.bankrate.com/credit-cards/reviews/capital-one-ventureone-rewards-credit-card/" > <div class="star-rating star-rating--number-size-sm align-center" style="font-size: 16px"> <span class="visually-hidden">Rating: 4.1 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: 22%"> <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="font-bold pl-2 pr-2">4.1</span> </a> </div> </span> <div id="terms-apply" class="text-xs px-2 mb-2 text-center w-full mt-2"> <a href="https://d25970n8puso9u.cloudfront.net/disclosure.30769.en-US.pdf" class="Link Link--standalone display-inline-block" target="blank" data-beam-product-clicked data-location="CARD" data-name="Capital One VentureOne Rewards Credit Card" data-position="3" data-text="Rates & Fees, Terms Apply" data-outcome="EXTERNALLINK" data-productid="22105773" data-category="COMPARE CARD" data-brand="Capital One" data-variant="BUTTON" data-page-id="$pageId" data-featured="$pageFeatured" data-category-id=""> See Rates & Fees </a> </div> <div class="creditcard-product-box__apply-btn w-full display-flex flex-direction-column align-items-center text-center mb-8 p-5 pt-0"> <a class="Button Button--primary Button--normal apply-bttn-general w-full" href="https://oc.brcclx.com/t?lid=25026578" onClick="event.preventDefault()" data-apply-click data-link="https://oc.brcclx.com/t?lid=25026578" data-beam-product-clicked data-location="CARD" data-name="Capital One VentureOne Rewards Credit Card" data-position="3" data-text="APPLY NOW" data-outcome="APPLY" data-productid="22105773" data-category="COMPARE CARD" data-brand="Capital One" data-variant="BUTTON" data-page-id="" data-featured="" data-category-id="" data-track-click="creditcard.apply" data-apply-button data-collation-id="6bb75f51-0159-4939-8f8e-8ae636aa8ba9" data-issuer-name="Capital One" data-cy="applyNowButton" > Apply now<span class="Icon Icon--xs -mt-1 apply-btn-icon icon-base-white"> <svg class="Icon-glyph" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Lock Icon</title><path fill-rule="evenodd" clip-rule="evenodd" d="M16.149 7.038v1.436H7.842V6.977c0-2.258 1.86-4.093 4.153-4.093a4.154 4.154 0 0 1 4.154 4.154Zm-9.691-.06v1.496h-.225a3.004 3.004 0 0 0-3.003 3.002v8.021A3.004 3.004 0 0 0 6.233 22.5h11.534v-.009c1.661 0 3.002-1.367 3.002-3.054v-7.96a3.004 3.004 0 0 0-3.002-3.003h-.234V7.038A5.543 5.543 0 0 0 11.995 1.5c-3.054 0-5.537 2.457-5.537 5.477Zm-.234 2.89c-.89 0-1.618.726-1.618 1.617v8.021c0 .891.727 1.618 1.618 1.618h11.534c.909 0 1.618-.735 1.618-1.67v-7.96c0-.891-.727-1.618-1.618-1.618H6.224v-.009Zm5.08 6.8c0 .38.31.692.692.692.38 0 .692-.311.692-.692v-2.362a.694.694 0 0 0-.692-.692.694.694 0 0 0-.693.692v2.362Z" class="icon-base"/></svg></span> </a> <div class="fg-slate mt-3 type-heading-five uppercase"> on Capital One's secure site </div> </div> </div> <div class="product-box-feature border-t border-blue-light p-2 text-center"> <p class="m-0 text-black font-circular-bold text-lg">Annual fee</p> <div class="display-flex flex-direction-row display-flex flex-direction-row justify-content-center align-items-center"> <span class="text-sm text-slate mr-1">$0</span> </div> </div> <div class="product-box-feature border-t border-blue-light p-2 text-center"> <p class="m-0 text-black font-circular-bold text-lg">Intro offer</p> <div class="display-flex flex-direction-row display-flex flex-direction-row justify-content-center align-items-center"> <span class="text-sm text-slate mr-1">20,000 miles</span> <div class="pt-1"> <div id="t4c1fe2b0-83aa-4cb2-8190-9452bea0827d" class="display-none"> <div class="w-72" style="max-width: calc(100vw - 4rem)"> <p class="type-body-two m-0"> Earn a bonus of 20,000 miles once you spend $500 on purchases within 3 months from account opening, equal to $200 in travel</p></div> </div> <div class="display-inline-block ml-1 cursor-pointer TooltipFix"> <div x-data data-tippy-maxWidth="none" data-template="t4c1fe2b0-83aa-4cb2-8190-9452bea0827d" role="tooltip" tabIndex="0"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> </div> <div class="product-box-feature border-t border-blue-light p-2 text-center"> <p class="m-0 text-black font-circular-bold text-lg">Rewards rate</p> <div class="display-flex flex-direction-row display-flex flex-direction-row justify-content-center align-items-center"> <span class="text-sm text-slate mr-1">1.25 Miles - 5 Miles</span> <div class="pt-1"> <div id="t91b72d55-6480-46d1-b63d-1ee35404d19d" class="display-none"> <div class="w-72" style="max-width: calc(100vw - 4rem)"> <p class="type-body-two m-0"> 5 Miles per dollar on hotels and rental cars booked through Capital One Travel. 1.25 Miles per dollar on every purchase, every day.</p></div> </div> <div class="display-inline-block ml-1 cursor-pointer TooltipFix"> <div x-data data-tippy-maxWidth="none" data-template="t91b72d55-6480-46d1-b63d-1ee35404d19d" role="tooltip" tabIndex="0"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> </div> <div class="product-box-feature border-t border-blue-light p-2 pb-5 text-center"> <p class="m-0 text-black font-circular-bold text-lg">Recommended Credit Score</p> <div class="display-flex flex-direction-row display-flex flex-direction-row justify-content-center align-items-center"> <span class="text-sm text-slate mr-1">Good to Excellent (670 – 850)</span> <div class="pt-1"> <div id="t7b376a5b-523e-49e4-a8ec-4776c08d90d3" class="display-none"> <div class="w-72" style="max-width: calc(100vw - 4rem)"> <p class="type-body-two m-0"> A FICO score/credit score is used to represent the creditworthiness of a person and may be one indicator to the credit type you are eligible for. However, credit score alone does not guarantee or imply approval for any financial product.</p></div> </div> <div class="display-inline-block ml-1 cursor-pointer TooltipFix"> <div x-data data-tippy-maxWidth="none" data-template="t7b376a5b-523e-49e4-a8ec-4776c08d90d3" role="tooltip" tabIndex="0"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> </div> </div> </div> </div> </div> <div class="vertical-spacer pt-8" style="width: 100%; content: '';"></div> <ul class="Accordion w-full" data-cy="accordion-5e8cfdbe-015f-4678-9218-babc057889f3"> <li x-id="['panel-span-classtext-capital-one-venture-rewards-credit-card-vs-chase-sapphire-preferred-cardspan', 'heading-span-classtext-capital-one-venture-rewards-credit-card-vs-chase-sapphire-preferred-cardspan']" 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-span-classtext-capital-one-venture-rewards-credit-card-vs-chase-sapphire-preferred-cardspan')" :aria-controls="$id('panel-span-classtext-capital-one-venture-rewards-credit-card-vs-chase-sapphire-preferred-cardspan')" :aria-expanded="expanded ? true : false" x-on:click="expanded = !expanded" data-beam-element-clicked-no-delay id="" data-type="accordion" data-location="" data-name=" capital one venture rewards credit card vs. chase sapphire preferred® card " data-position="1" data-text=" Capital One Venture Rewards credit card vs. Chase Sapphire Preferred® Card " 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"> Capital One Venture Rewards credit card vs. Chase Sapphire Preferred® Card</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-span-classtext-capital-one-venture-rewards-credit-card-vs-chase-sapphire-preferred-cardspan')" :labelledBy="$id('heading-span-classtext-capital-one-venture-rewards-credit-card-vs-chase-sapphire-preferred-cardspan')" 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>The <a class="Link" href="https://www.bankrate.com/credit-cards/reviews/chase-sapphire-preferred-vs-capital-one-venture/">Venture card and the Sapphire Preferred</a> typically carry similar welcome offer values. But Ultimate Rewards points usually offer a higher potential redemption value. When you book your travel through Chase, your rewards points get a 25 percent boost, giving them a value of 1.25 cents apiece. That means 10,000 Chase Ultimate Rewards points would be valued at $125 when redeemed for travel with Chase. Meanwhile, 10,000 Capital One miles would only be valued at $100 when redeemed through Capital One Travel since they’re only worth 1 cent per mile.</p> <p>To match the Chase Sapphire Preferred card’s point value, you must transfer your Venture miles to a travel partner with a favorable redemption value. But you can do the same thing with the Sapphire Preferred, albeit with a different selection of travel partners. The Sapphire Preferred also includes a <a class="Link" href="https://www.bankrate.com/credit-cards/reviews/chase-sapphire-preferred-card-benefits-perks-guide/">rich list of benefits</a>, including a yearly point bonus and hotel stay credit, which can help you offset the card’s $95 annual fee.</p> <p>Finally, people with multiple Chase credit cards can leverage the <a class="Link" href="https://www.bankrate.com/credit-cards/reviews/chase-trifecta/">Chase trifecta</a> to unlock even more rewards-earning potential. Depending on your goals and spending habits, this could give the Sapphire Preferred a long-term edge, especially if you pair it with a Chase card that earns high rewards for everyday spending.</p></div> </div> </div> <noscript> <div class="Accordion-contentWrapper" :id="$id('no-js-panel-span-classtext-capital-one-venture-rewards-credit-card-vs-chase-sapphire-preferred-cardspan')" :labelledBy="$id('heading-span-classtext-capital-one-venture-rewards-credit-card-vs-chase-sapphire-preferred-cardspan')" 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>The <a class="Link" href="https://www.bankrate.com/credit-cards/reviews/chase-sapphire-preferred-vs-capital-one-venture/">Venture card and the Sapphire Preferred</a> typically carry similar welcome offer values. But Ultimate Rewards points usually offer a higher potential redemption value. When you book your travel through Chase, your rewards points get a 25 percent boost, giving them a value of 1.25 cents apiece. That means 10,000 Chase Ultimate Rewards points would be valued at $125 when redeemed for travel with Chase. Meanwhile, 10,000 Capital One miles would only be valued at $100 when redeemed through Capital One Travel since they’re only worth 1 cent per mile.</p> <p>To match the Chase Sapphire Preferred card’s point value, you must transfer your Venture miles to a travel partner with a favorable redemption value. But you can do the same thing with the Sapphire Preferred, albeit with a different selection of travel partners. The Sapphire Preferred also includes a <a class="Link" href="https://www.bankrate.com/credit-cards/reviews/chase-sapphire-preferred-card-benefits-perks-guide/">rich list of benefits</a>, including a yearly point bonus and hotel stay credit, which can help you offset the card’s $95 annual fee.</p> <p>Finally, people with multiple Chase credit cards can leverage the <a class="Link" href="https://www.bankrate.com/credit-cards/reviews/chase-trifecta/">Chase trifecta</a> to unlock even more rewards-earning potential. Depending on your goals and spending habits, this could give the Sapphire Preferred a long-term edge, especially if you pair it with a Chase card that earns high rewards for everyday spending.</p></div> </div> </div> </noscript> </li> <li x-id="['panel-span-classtext-capital-one-venture-rewards-credit-card-vs-capital-one-ventureone-rewards-credit-cardspan', 'heading-span-classtext-capital-one-venture-rewards-credit-card-vs-capital-one-ventureone-rewards-credit-cardspan']" 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-span-classtext-capital-one-venture-rewards-credit-card-vs-capital-one-ventureone-rewards-credit-cardspan')" :aria-controls="$id('panel-span-classtext-capital-one-venture-rewards-credit-card-vs-capital-one-ventureone-rewards-credit-cardspan')" :aria-expanded="expanded ? true : false" x-on:click="expanded = !expanded" data-beam-element-clicked-no-delay id="" data-type="accordion" data-location="" data-name=" capital one venture rewards credit card vs. capital one ventureone rewards credit card " data-position="2" data-text=" Capital One Venture Rewards Credit Card vs. Capital One VentureOne Rewards Credit Card " 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"> Capital One Venture Rewards Credit Card vs. Capital One VentureOne Rewards Credit Card</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-span-classtext-capital-one-venture-rewards-credit-card-vs-capital-one-ventureone-rewards-credit-cardspan')" :labelledBy="$id('heading-span-classtext-capital-one-venture-rewards-credit-card-vs-capital-one-ventureone-rewards-credit-cardspan')" 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"> <div> <p><a class="Link" href="https://www.bankrate.com/credit-cards/reviews/capital-one-ventureone-rewards-vs-capital-one-venture-rewards/">Deciding between</a> the mid-level Venture card and the entry-level <a class="Link" href="https://www.bankrate.com/credit-cards/reviews/capital-one-ventureone-rewards-credit-card/">Capital One VentureOne Rewards card</a> comes down to what card features matter most to you.</p> <p>For all the perks you get with the Venture Rewards card, you’ll have to pay a $95 annual fee <em>(<a href="https://d25970n8puso9u.cloudfront.net/disclosure.30761.en-US.pdf">See Rates & Fees</a>)</em>, while there’s no annual fee for the VentureOne <em>(<a href="https://d25970n8puso9u.cloudfront.net/disclosure.30769.en-US.pdf">See Rates & Fees</a>)</em>. The VentureOne card also provides intro APR offers on both purchases and balance transfers. For the occasional traveler looking for those features, the VentureOne is a solid option.</p> <p>However, the VentureOne only earns 1.25X miles on all purchases and has a much smaller sign-up bonus. It also lacks the up to $120 TSA PreCheck or Global Entry application fee credit. If you don’t have to worry about carrying a balance, you should go for the Venture card over the VentureOne.</p> <p>Remember that if you end up not liking either card, you can call the issuer and ask to switch without losing your account.</p> </div></div> </div> </div> <noscript> <div class="Accordion-contentWrapper" :id="$id('no-js-panel-span-classtext-capital-one-venture-rewards-credit-card-vs-capital-one-ventureone-rewards-credit-cardspan')" :labelledBy="$id('heading-span-classtext-capital-one-venture-rewards-credit-card-vs-capital-one-ventureone-rewards-credit-cardspan')" 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"> <div> <p><a class="Link" href="https://www.bankrate.com/credit-cards/reviews/capital-one-ventureone-rewards-vs-capital-one-venture-rewards/">Deciding between</a> the mid-level Venture card and the entry-level <a class="Link" href="https://www.bankrate.com/credit-cards/reviews/capital-one-ventureone-rewards-credit-card/">Capital One VentureOne Rewards card</a> comes down to what card features matter most to you.</p> <p>For all the perks you get with the Venture Rewards card, you’ll have to pay a $95 annual fee <em>(<a href="https://d25970n8puso9u.cloudfront.net/disclosure.30761.en-US.pdf">See Rates & Fees</a>)</em>, while there’s no annual fee for the VentureOne <em>(<a href="https://d25970n8puso9u.cloudfront.net/disclosure.30769.en-US.pdf">See Rates & Fees</a>)</em>. The VentureOne card also provides intro APR offers on both purchases and balance transfers. For the occasional traveler looking for those features, the VentureOne is a solid option.</p> <p>However, the VentureOne only earns 1.25X miles on all purchases and has a much smaller sign-up bonus. It also lacks the up to $120 TSA PreCheck or Global Entry application fee credit. If you don’t have to worry about carrying a balance, you should go for the Venture card over the VentureOne.</p> <p>Remember that if you end up not liking either card, you can call the issuer and ask to switch without losing your account.</p> </div></div> </div> </div> </noscript> </li> </ul> <div class="bankrate-insight"> <div class="border-l-4 border-blue bg-white p-8 h-full display-flex flex-direction-column sm:flex-direction-row box-shadow-1 rounded-md"> <div class="Icon flex-shrink-0 Icon--md mb-6 mx-auto sm:mr-8"> <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></div> <div class="flex-grow"> <strong class="mt-0 mb-4 max-w text-center sm:text-left"> Bankrate Insight </strong> <div class="type-body-one text-slate text-center sm:text-left mb-0-last-child"> <div class="wysiwyg display-block w-full"> <p>If you’ve discovered that the Venture card is worth its annual fee, you should also consider the <a class="Link" href="https://www.bankrate.com/credit-cards/reviews/capital-one-venture-x/">Capital One Venture X card</a> <em>(<a href="https://d25970n8puso9u.cloudfront.net/disclosure.30733.en-US.pdf">See Rates & Fees</a>)</em>. <span style="font-size: 1em;">Although its annual fee may seem more intimidating, its yearly statement credits on Capital One Travel purchases and account anniversary bonus may completely offset the annual fee.</span></p></div> </div> </div> </div> </div> <div class="vertical-spacer pt-8" style="width: 100%; content: '';"></div> </div> <div id="Best-cards-to-pair" class="SectionWithTocItem " data-beam-element-viewed id="Best-cards-to-pair" data-type="SHELF-TOC" data-location="SHELF-TOC-section" data-name="Best cards to pair with the Capital One Venture Rewards Credit Card" data-position="8" data-text="" > <div data-cy="" class="Headline w-full"> <h2 class="type-heading-two"> Best cards to pair with the Capital One Venture </h2> </div> <div class="wysiwyg display-block w-full"> <p>Flat-rate rewards cards pair best with category rewards cards that align with your biggest expenses. Here are a few good options.</p></div> <ul class="Accordion w-full" data-cy="accordion-564e953f-0780-4622-8576-c5f1451dc79c"> <li x-id="['panel-span-classtext-the-capital-one-savor-cash-rewards-credit-cardspan', 'heading-span-classtext-the-capital-one-savor-cash-rewards-credit-cardspan']" 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-span-classtext-the-capital-one-savor-cash-rewards-credit-cardspan')" :aria-controls="$id('panel-span-classtext-the-capital-one-savor-cash-rewards-credit-cardspan')" :aria-expanded="expanded ? true : false" x-on:click="expanded = !expanded" data-beam-element-clicked-no-delay id="" data-type="accordion" data-location="" data-name=" the capital one savor cash rewards credit card " data-position="1" data-text=" The Capital One Savor Cash Rewards Credit Card " 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"> The Capital One Savor Cash Rewards Credit Card</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-span-classtext-the-capital-one-savor-cash-rewards-credit-cardspan')" :labelledBy="$id('heading-span-classtext-the-capital-one-savor-cash-rewards-credit-cardspan')" 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>The <a class="Link" href="https://www.bankrate.com/credit-cards/reviews/capital-one-savorone-rewards-card/">Capital One Savor Cash Rewards Credit Card</a><a class="Link" href="https://www.bankrate.com/credit-cards/reviews/capital-one-savor-card/"></a> could be a great choice if you can take advantage of its unlimited cash back on dining, entertainment, popular streaming services and grocery stores (excluding superstores like Walmart and Target). You can get even more value from your bonus categories converting your cash back to Capital One miles, which the Venture can transfer to travel partners.</p></div> </div> </div> <noscript> <div class="Accordion-contentWrapper" :id="$id('no-js-panel-span-classtext-the-capital-one-savor-cash-rewards-credit-cardspan')" :labelledBy="$id('heading-span-classtext-the-capital-one-savor-cash-rewards-credit-cardspan')" 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>The <a class="Link" href="https://www.bankrate.com/credit-cards/reviews/capital-one-savorone-rewards-card/">Capital One Savor Cash Rewards Credit Card</a><a class="Link" href="https://www.bankrate.com/credit-cards/reviews/capital-one-savor-card/"></a> could be a great choice if you can take advantage of its unlimited cash back on dining, entertainment, popular streaming services and grocery stores (excluding superstores like Walmart and Target). You can get even more value from your bonus categories converting your cash back to Capital One miles, which the Venture can transfer to travel partners.</p></div> </div> </div> </noscript> </li> <li x-id="['panel-span-classtext-wells-fargo-autograph-cardspan', 'heading-span-classtext-wells-fargo-autograph-cardspan']" 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-span-classtext-wells-fargo-autograph-cardspan')" :aria-controls="$id('panel-span-classtext-wells-fargo-autograph-cardspan')" :aria-expanded="expanded ? true : false" x-on:click="expanded = !expanded" data-beam-element-clicked-no-delay id="" data-type="accordion" data-location="" data-name=" wells fargo autograph℠ card " data-position="2" data-text=" Wells Fargo Autograph℠ Card " 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"> Wells Fargo Autograph℠ Card</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-span-classtext-wells-fargo-autograph-cardspan')" :labelledBy="$id('heading-span-classtext-wells-fargo-autograph-cardspan')" 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>The <a class="Link" href="https://www.bankrate.com/credit-cards/reviews/wells-fargo-autograph-card/">Wells Fargo Autograph Card</a> is another ideal option because it earns bonus rewards on common everyday purchases. But since its travel perks aren’t as extensive, the Capital One Venture can make up for what it doesn’t offer <span style="font-size: 1em;">and also earn solid rates on purchases outside its bonus categories. </span></p></div> </div> </div> <noscript> <div class="Accordion-contentWrapper" :id="$id('no-js-panel-span-classtext-wells-fargo-autograph-cardspan')" :labelledBy="$id('heading-span-classtext-wells-fargo-autograph-cardspan')" 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>The <a class="Link" href="https://www.bankrate.com/credit-cards/reviews/wells-fargo-autograph-card/">Wells Fargo Autograph Card</a> is another ideal option because it earns bonus rewards on common everyday purchases. But since its travel perks aren’t as extensive, the Capital One Venture can make up for what it doesn’t offer <span style="font-size: 1em;">and also earn solid rates on purchases outside its bonus categories. </span></p></div> </div> </div> </noscript> </li> </ul> </div> <div id="Who-is-the-Capital-One-Venture-right-for" class="SectionWithTocItem " data-beam-element-viewed id="Who-is-the-Capital-One-Venture-right-for" data-type="SHELF-TOC" data-location="SHELF-TOC-section" data-name="Who is the Capital One Venture right for?" data-text="" > <div data-cy="" class="Headline w-full"> <h2 class="type-heading-two"> Who is the Capital One Venture right for? </h2> </div> <div class="wysiwyg display-block w-full"> <p>The Capital One Venture offers plenty to love if you’re looking for a simple travel rewards card. Consider the card if you’d label yourself one of the following.</p></div> <ul class="Accordion w-full" data-cy="accordion-f79e6894-d9be-45cd-80d9-ae482785527d"> <li x-id="['panel-span-classtext-minimalistsspan', 'heading-span-classtext-minimalistsspan']" 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-span-classtext-minimalistsspan')" :aria-controls="$id('panel-span-classtext-minimalistsspan')" :aria-expanded="expanded ? true : false" x-on:click="expanded = !expanded" data-beam-element-clicked-no-delay id="" data-type="accordion" data-location="" data-name=" minimalists " data-position="1" data-text=" Minimalists " 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"> Minimalists</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-span-classtext-minimalistsspan')" :labelledBy="$id('heading-span-classtext-minimalistsspan')" 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"> <div> <p>Tracking miles and points can be exhausting. If you don’t want to track spending categories and transfer rates for your miles, then the Capital One Venture could be a great pick. It earns at the same rate on every purchase, making it a simple way to earn a solid amount of miles for your spending.</p> </div></div> </div> </div> <noscript> <div class="Accordion-contentWrapper" :id="$id('no-js-panel-span-classtext-minimalistsspan')" :labelledBy="$id('heading-span-classtext-minimalistsspan')" 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"> <div> <p>Tracking miles and points can be exhausting. If you don’t want to track spending categories and transfer rates for your miles, then the Capital One Venture could be a great pick. It earns at the same rate on every purchase, making it a simple way to earn a solid amount of miles for your spending.</p> </div></div> </div> </div> </noscript> </li> <li x-id="['panel-span-classtext-occasional-travelersspan', 'heading-span-classtext-occasional-travelersspan']" 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-span-classtext-occasional-travelersspan')" :aria-controls="$id('panel-span-classtext-occasional-travelersspan')" :aria-expanded="expanded ? true : false" x-on:click="expanded = !expanded" data-beam-element-clicked-no-delay id="" data-type="accordion" data-location="" data-name=" occasional travelers " data-position="2" data-text=" Occasional travelers " 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"> Occasional travelers</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-span-classtext-occasional-travelersspan')" :labelledBy="$id('heading-span-classtext-occasional-travelersspan')" 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>If you only travel occasionally, you’ll likely want a card that rewards you for all types of spending and allows you to leverage those rewards into your travel spending without a high annual fee. The Capital One Venture Rewards card is an excellent choice for earning transferable travel miles at a flat rate with<span style="font-size: 1em;"> a reasonable annual fee.</span></p></div> </div> </div> <noscript> <div class="Accordion-contentWrapper" :id="$id('no-js-panel-span-classtext-occasional-travelersspan')" :labelledBy="$id('heading-span-classtext-occasional-travelersspan')" 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>If you only travel occasionally, you’ll likely want a card that rewards you for all types of spending and allows you to leverage those rewards into your travel spending without a high annual fee. The Capital One Venture Rewards card is an excellent choice for earning transferable travel miles at a flat rate with<span style="font-size: 1em;"> a reasonable annual fee.</span></p></div> </div> </div> </noscript> </li> </ul> </div> <div id="worth-it" class="SectionWithTocItem " data-beam-element-viewed id="worth-it" data-type="SHELF-TOC" data-location="SHELF-TOC-section" data-name="Is this card worth getting?" data-position="9" data-text="" > <div data-cy="" class="Headline w-full"> <h2 class="type-heading-two"> Bankrate’s Take — Is the Capital One Venture worth it? </h2> </div> <div class="wysiwyg display-block w-full"> <p>The Capital One Venture Rewards Credit Card is convenient if you prefer simple flat-rate rewards or don’t spend enough on travel to justify a bonus category card or a high annual fee premium travel card. </p> <p>But the rewards and benefits aren’t as great as the specialized features of a card like the Chase Sapphire Preferred. And if you spend more than $300 on Capital One travel bookings each year, it may be worth upgrading to the Venture X due to its extra benefits and rewards potential, which can easily offset the higher annual fee.</p> <p>*<em>For Capital One products listed on this page, some of the benefits may be provided by Visa® or Mastercard® and may vary by product. See the respective Guide to Benefits for details, as terms and exclusions apply.</em></p></div> </div> <div id="methodology" class="SectionWithTocItem " data-beam-element-viewed id="methodology" data-type="SHELF-TOC" data-location="SHELF-TOC-section" data-name="How we rated this card" data-position="10" data-text="" > <div id="methodology"data-cy="methodology" class="Headline w-full"> <h2 class="type-heading-two"> How we rated this card </h2> </div> <div class="expertise-card-group expertise-container display-flex flex-wrap justify-content-space-around w-full"> <div class="expertise display-grid grid-rows-3 sm:h-44 sm:max-w-2xl box-sizing-border-box rounded-lg box-shadow-4 my-3 w-40 h-24"> <div class="display-flex flex-wrap justify-content-center"> <div class="expertise__banner w-40 h-6 bg-blue rounded-t-lg"></div> <div class="Icon expertise__icon sm:w-12 sm:h-12 bg-white pos-absolute sm:mt-2 mt-1 p-2 rounded-t-full"> <svg class="Icon-glyph" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Document Icon</title><path d="M18.323 23.99H10.11A4.5 4.5 0 0 1 5.7 19.399V8.564c.055-2.432 2.069-4.399 4.486-4.399h5.858c.743 0 1.464.31 1.975.836l3.92 4.082c.489.51.76 1.184.76 1.897v8.434a4.547 4.547 0 0 1-4.37 4.584l-.007-.007Z" fill="transparent" class="icon-offset"/><path fill-rule="evenodd" clip-rule="evenodd" d="M16.365 22.492H7.669a4.765 4.765 0 0 1-4.668-4.863V6.158C3.06 3.583 5.191 1.5 7.751 1.5h6.202c.788 0 1.55.328 2.092.886l4.15 4.32c.518.542.805 1.256.805 2.01v8.93a4.814 4.814 0 0 1-4.627 4.854l-.008-.008ZM7.75 2.812a3.464 3.464 0 0 0-3.445 3.354v11.471a3.454 3.454 0 0 0 3.371 3.535h8.655c1.879-.074 3.355-1.632 3.347-3.535V8.84h-2.413a3.464 3.464 0 0 1-3.453-3.452V2.812H7.75Zm7.374.517v2.058c0 1.18.96 2.14 2.141 2.14h1.892L15.125 3.33Zm-.705 12.988H8.628a.658.658 0 0 1-.656-.656c0-.36.295-.656.656-.656h5.792c.36 0 .656.295.656.656 0 .361-.295.656-.656.656Zm-2.199-4.026H8.62a.658.658 0 0 1-.656-.656c0-.36.295-.656.656-.656h3.601c.361 0 .657.295.657.656 0 .36-.296.656-.657.656Z" class="icon-base"/></svg></div> </div> <div class="expertise__mid-content display-flex sm:text-5xl text-3xl justify-content-center align-content-center sm:pt-3 pt-1"> 150+</div> <div class="expertise__bottom-content font-circular-book sm:text-base text-xs leading-4 text-center sm:pt-4 pt-1 sm:px-2"> cards rated</div> </div> <div class="expertise display-grid grid-rows-3 sm:h-44 sm:max-w-2xl box-sizing-border-box rounded-lg box-shadow-4 my-3 w-40 h-24"> <div class="display-flex flex-wrap justify-content-center"> <div class="expertise__banner w-40 h-6 bg-blue rounded-t-lg"></div> <div class="Icon expertise__icon sm:w-12 sm:h-12 bg-white pos-absolute sm:mt-2 mt-1 p-2 rounded-t-full"> <svg class="Icon-glyph" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Congrats Icon</title><path fill-rule="evenodd" clip-rule="evenodd" d="M15.239 15.447a11.51 11.51 0 0 0-1.386-1.946c-.879-1.002-1.852-1.787-2.78-2.299-1.439-.964-2.969-1.516-3.82-.72-.062.058-.117.12-.165.185a.562.562 0 0 0-.14.232l-.006.02a1.58 1.58 0 0 0-.106.331L3.592 21.44a1.222 1.222 0 0 0 1.168 1.593l-.007.007c.106 0 .206-.014.312-.043l10.441-2.747a.592.592 0 0 0 .103-.038c.173-.063.332-.158.47-.287.822-.779.525-2.407-.827-4.46a.606.606 0 0 0-.013-.018Z" fill="transparent" class="icon-offset"/><path fill-rule="evenodd" clip-rule="evenodd" d="M9.535 2.977c.055.078 1.562 2.255.086 4.984-1.474-.864-2.946-1.258-3.812-.448a1.57 1.57 0 0 0-.191.215.651.651 0 0 0-.162.268l-.007.02a1.83 1.83 0 0 0-.123.389l-2 6.284a.649.649 0 0 0-.127.396l-1.633 5.13a1.417 1.417 0 0 0 1.354 1.846l-.008.009c.123 0 .238-.017.361-.05l12.104-3.183a.682.682 0 0 0 .12-.046 1.6 1.6 0 0 0 .545-.332c.952-.902.607-2.79-.96-5.17a.66.66 0 0 0-.911-.188.66.66 0 0 0-.189.91c1.264 1.93 1.436 3.226 1.157 3.488-.435.41-2.782-.393-5.506-3.315-2.332-2.5-3.137-4.61-3.048-5.423l.08-.252a.276.276 0 0 1 .038-.045c.296-.27 1.765-.008 3.997 1.88.279.238.689.205.927-.074a.653.653 0 0 0-.074-.928 15.972 15.972 0 0 0-.831-.654c1.991-3.514-.028-6.36-.121-6.485a.657.657 0 1 0-1.067.772l.001.002ZM4.093 16.589l-1.28 4.02s0 .074.025.107c.037.037.08.034.095.033h.004l4.044-1.064c-.512-.44-1.03-.937-1.55-1.488-.48-.518-.93-1.06-1.338-1.608Zm4.472 2.68 4.007-1.055c-1.29-.688-2.687-1.83-3.9-3.127-1.188-1.277-2.214-2.718-2.818-4.03l-1.26 3.96a17.97 17.97 0 0 0 1.797 2.285c.716.762 1.467 1.444 2.174 1.966Zm5.294-13.94c0 1.084.886 1.97 1.97 1.97 1.083 0 1.969-.886 1.969-1.97 0-1.083-.886-1.969-1.97-1.969-1.083 0-1.969.886-1.969 1.97Zm1.313 0c0-.369.287-.656.656-.656.37 0 .657.287.657.657 0 .369-.287.656-.656.656a.648.648 0 0 1-.657-.656Zm3.59 13.015a.673.673 0 0 1-.669-.656c0-.361.28-.656.64-.656h.025c.36 0 .656.295.656.656 0 .36-.293.654-.652.656Zm0 0h.004-.008.004Zm3.085-11.357a.673.673 0 0 1-.668-.656c0-.361.279-.657.64-.657h.024c.361 0 .657.296.657.657 0 .36-.293.654-.653.656Zm0 0h.005-.009.004Zm-.152 9.847a.66.66 0 0 1-.525-.262c-1.37-1.797-3.102-1.855-3.118-1.855a.653.653 0 0 1-.64-.673.63.63 0 0 1 .673-.64c.098 0 2.388.074 4.136 2.372a.655.655 0 0 1-.123.919.632.632 0 0 1-.394.131l-.009.008Zm-10.293-3.43h.004-.008.004Zm.463-.197a.652.652 0 0 1-.463.197.659.659 0 0 1-.472-1.116c.156-.164 3.939-3.963 9.749-2.314a.66.66 0 0 1 .451.812.66.66 0 0 1-.812.452c-5.039-1.428-8.313 1.83-8.453 1.97Z" class="icon-base"/></svg></div> </div> <div class="expertise__mid-content display-flex sm:text-5xl text-3xl justify-content-center align-content-center sm:pt-3 pt-1"> 50+</div> <div class="expertise__bottom-content font-circular-book sm:text-base text-xs leading-4 text-center sm:pt-4 pt-1 sm:px-2"> rewards programs valued</div> </div> <div class="expertise display-grid grid-rows-3 sm:h-44 sm:max-w-2xl box-sizing-border-box rounded-lg box-shadow-4 my-3 w-40 h-24"> <div class="display-flex flex-wrap justify-content-center"> <div class="expertise__banner w-40 h-6 bg-blue rounded-t-lg"></div> <div class="Icon expertise__icon sm:w-12 sm:h-12 bg-white pos-absolute sm:mt-2 mt-1 p-2 rounded-t-full"> <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></div> </div> <div class="expertise__mid-content display-flex sm:text-5xl text-3xl justify-content-center align-content-center sm:pt-3 pt-1"> 1800</div> <div class="expertise__bottom-content font-circular-book sm:text-base text-xs leading-4 text-center sm:pt-4 pt-1 sm:px-2"> data points analyzed</div> </div> <div class="expertise display-grid grid-rows-3 sm:h-44 sm:max-w-2xl box-sizing-border-box rounded-lg box-shadow-4 my-3 w-40 h-24"> <div class="display-flex flex-wrap justify-content-center"> <div class="expertise__banner w-40 h-6 bg-blue rounded-t-lg"></div> <div class="Icon expertise__icon sm:w-12 sm:h-12 bg-white pos-absolute sm:mt-2 mt-1 p-2 rounded-t-full"> <svg class="Icon-glyph" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Credit Card Reviews Icon</title><path d="M6.04 6.53c-.959 0-1.74.797-1.74 1.775v11.39c0 .978.781 1.775 1.74 1.775h16.12c.958 0 1.74-.797 1.74-1.775V8.305c0-.978-.782-1.775-1.74-1.775H6.04Z" fill="transparent" class="icon-offset"/><path fill-rule="evenodd" clip-rule="evenodd" d="M11.586 19.306h-7.24c-1.567 0-2.846-1.148-2.846-2.558V6.35c0-1.41 1.271-2.558 2.845-2.558h15.31c1.566 0 2.845 1.148 2.845 2.558v4.248c0 .36-.295.656-.656.656a.658.658 0 0 1-.656-.656V9.196H2.812v7.552c0 .689.689 1.246 1.533 1.246h7.24c.362 0 .657.295.657.656 0 .361-.295.656-.656.656ZM2.812 7.884h18.376V6.35c0-.688-.689-1.246-1.533-1.246H4.345c-.844 0-1.533.558-1.533 1.246v1.534Zm17.285 12.291c-.155 0-.32-.04-.467-.115l-1.656-.869-1.69.878a.977.977 0 0 1-1.295-.386.95.95 0 0 1-.107-.631l.328-1.845-1.36-1.304a.978.978 0 0 1-.017-1.37 1 1 0 0 1 .557-.278l1.878-.27.836-1.682a.966.966 0 0 1 1.304-.435.955.955 0 0 1 .37.32.309.309 0 0 1 .073.123l.836 1.69 1.87.27a.983.983 0 0 1 .64.377.967.967 0 0 1-.099 1.28l-1.353 1.303.328 1.853a.995.995 0 0 1-.188.755.926.926 0 0 1-.695.364c-.025.003-.05.005-.076.005l-.017-.033Zm-4.838-4.74.976.943a.96.96 0 0 1 .287.853l-.238 1.353 1.23-.648a.974.974 0 0 1 .902 0l1.214.632-.23-1.329a.95.95 0 0 1 .287-.877l.968-.935-1.353-.197a.944.944 0 0 1-.738-.54l-.607-1.223-.607 1.23a.991.991 0 0 1-.73.534l-1.36.196v.008Z" class="icon-base"/></svg></div> </div> <div class="expertise__mid-content display-flex sm:text-5xl text-3xl justify-content-center align-content-center sm:pt-3 pt-1"> 40+</div> <div class="expertise__bottom-content font-circular-book sm:text-base text-xs leading-4 text-center sm:pt-4 pt-1 sm:px-2"> perks evaluated</div> </div> </div> <div class="vertical-spacer pt-8 " style="width: 100%; content: '';"></div> <div class="wysiwyg display-block w-full"> <p>We rate credit cards using a <a class="Link" href="https://www.bankrate.com/credit-cards/bankrate-score/">proprietary card scoring system</a> that ranks each card’s estimated average rewards rate, estimated annual earnings, welcome bonus value, APR, fees, perks and more against those of other cards in its primary category.</p> <p>Each card feature is assigned a weighting based on how important it is to people looking for a card in a given category. These features are then scored based on how they rank relative to the features on other cards in the category. Based on these calculations, each card receives an overall rating of 1-5 stars (with 5 being the highest possible score and 1 being the lowest).</p> <p>We analyzed over 150 of the most popular rewards and cash back cards to determine where each stacked up based on their value, cost, benefits and more. Here are some of the key factors that influenced this card’s overall score and how the score influenced our review:</p></div> <ul class="Accordion w-full" data-cy="accordion-47d1a48d-f233-4c37-87db-8a4070252405"> <li x-id="['panel-span-classtext-rewards-valuespan', 'heading-span-classtext-rewards-valuespan']" 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-span-classtext-rewards-valuespan')" :aria-controls="$id('panel-span-classtext-rewards-valuespan')" :aria-expanded="expanded ? true : false" x-on:click="expanded = !expanded" data-beam-element-clicked-no-delay id="" data-type="accordion" data-location="" data-name=" rewards value " data-position="1" data-text=" Rewards value " data-outcome="" data-variant="default" :data-outcome="expanded ? 'open_accordion' : 'close_accordion'" :class="{ 'no-hover': (typeof isMobile !== 'undefined' && isMobile) && disableMobileHover }" > <h6 class="Accordion-title mr-2 md:flex-1 my-0"> <span class="text"> Rewards value</span> </h6> <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-span-classtext-rewards-valuespan')" :labelledBy="$id('heading-span-classtext-rewards-valuespan')" 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>The primary criteria for a rewards or cash back card’s rating is its rewards value. This includes the card’s average rewards rate, estimated annual rewards earnings, sign-up bonus value and reward redemption value.</p> <p>To estimate a card’s average annual rewards earnings, we first calculate its average rewards rate based on how much it earns in different bonus categories and how closely its categories align with the average person’s spending habits, according to data from the <a class="Link" href="https://www.bls.gov/news.release/cesan.nr0.htm" target="_blank" rel="noopener">Bureau of Labor Statistics</a>.</p> <p>Based on this data, we determine a “chargeable” spend (which purchases are likely to be put on a credit card and earn rewards). This includes the following spending by category:</p> <ul> <li>Groceries: $5,200</li> <li>Dining out: $3,000</li> <li>Entertainment: $2,500</li> <li>Gas: $2,100</li> <li>Apparel and services: $1,700</li> </ul> <p>Using this data, we assign a weighting to each of a card’s bonus categories. For example, a card’s grocery rewards rate receives a 23 percent weighting based on how much of the average person’s budget is spent on groceries. We also estimate the redemption <a class="Link" href="https://www.bankrate.com/credit-cards/travel/points-and-miles-valuations/">value of points or miles</a> from various issuer, airline and hotel rewards programs.</p> <p>This weighting and rewards valuation allows us to estimate a card’s average annual rewards earnings — how many points or miles you’d earn with a given card if your spending was about average and you used the card for all of your purchases, as well as what those points are worth. We also use point valuations to determine a card’s sign-up bonus value</p> <p>With these calculations complete, we assign each card a score based on how its average rewards earnings, sign-up bonus value, rewards rate and redemption value stack up against other rewards cards.</p></div> </div> </div> <noscript> <div class="Accordion-contentWrapper" :id="$id('no-js-panel-span-classtext-rewards-valuespan')" :labelledBy="$id('heading-span-classtext-rewards-valuespan')" 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>The primary criteria for a rewards or cash back card’s rating is its rewards value. This includes the card’s average rewards rate, estimated annual rewards earnings, sign-up bonus value and reward redemption value.</p> <p>To estimate a card’s average annual rewards earnings, we first calculate its average rewards rate based on how much it earns in different bonus categories and how closely its categories align with the average person’s spending habits, according to data from the <a class="Link" href="https://www.bls.gov/news.release/cesan.nr0.htm" target="_blank" rel="noopener">Bureau of Labor Statistics</a>.</p> <p>Based on this data, we determine a “chargeable” spend (which purchases are likely to be put on a credit card and earn rewards). This includes the following spending by category:</p> <ul> <li>Groceries: $5,200</li> <li>Dining out: $3,000</li> <li>Entertainment: $2,500</li> <li>Gas: $2,100</li> <li>Apparel and services: $1,700</li> </ul> <p>Using this data, we assign a weighting to each of a card’s bonus categories. For example, a card’s grocery rewards rate receives a 23 percent weighting based on how much of the average person’s budget is spent on groceries. We also estimate the redemption <a class="Link" href="https://www.bankrate.com/credit-cards/travel/points-and-miles-valuations/">value of points or miles</a> from various issuer, airline and hotel rewards programs.</p> <p>This weighting and rewards valuation allows us to estimate a card’s average annual rewards earnings — how many points or miles you’d earn with a given card if your spending was about average and you used the card for all of your purchases, as well as what those points are worth. We also use point valuations to determine a card’s sign-up bonus value</p> <p>With these calculations complete, we assign each card a score based on how its average rewards earnings, sign-up bonus value, rewards rate and redemption value stack up against other rewards cards.</p></div> </div> </div> </noscript> </li> <li x-id="['panel-span-classtext-rates-and-feesspan', 'heading-span-classtext-rates-and-feesspan']" 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-span-classtext-rates-and-feesspan')" :aria-controls="$id('panel-span-classtext-rates-and-feesspan')" :aria-expanded="expanded ? true : false" x-on:click="expanded = !expanded" data-beam-element-clicked-no-delay id="" data-type="accordion" data-location="" data-name=" rates and fees " data-position="2" data-text=" Rates and fees " data-outcome="" data-variant="default" :data-outcome="expanded ? 'open_accordion' : 'close_accordion'" :class="{ 'no-hover': (typeof isMobile !== 'undefined' && isMobile) && disableMobileHover }" > <h6 class="Accordion-title mr-2 md:flex-1 my-0"> <span class="text"> Rates and fees</span> </h6> <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-span-classtext-rates-and-feesspan')" :labelledBy="$id('heading-span-classtext-rates-and-feesspan')" 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>We also rate cards based on how much it costs to keep them in your wallet or carry a balance.</p> <p>To start, each rewards or cash back card is scored based on whether it offers an intro APR and how its ongoing APR compares to the rates available on other rewards or cash back cards.</p> <p>We also score each card based on how its annual fee influences its overall value.</p> <p>We consider a card’s annual fee in two ways — how it ranks relative to the fees you’ll find on other cards in the category and how it impacts a card’s overall rewards value. Cards with an annual fee will always be at a slight disadvantage in our scoring system since annual fees inherently cut into your rewards value, but if a card offers terrific value via its ongoing rewards and perks, it can earn a high score even if it carries a high annual fee.</p> <p>With this in mind, we rate a card based primarily on how its ongoing rewards value and ongoing perk value (such as annual credits or bonuses) stack up against other cards in the category when you subtract its annual fee.</p></div> </div> </div> <noscript> <div class="Accordion-contentWrapper" :id="$id('no-js-panel-span-classtext-rates-and-feesspan')" :labelledBy="$id('heading-span-classtext-rates-and-feesspan')" 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>We also rate cards based on how much it costs to keep them in your wallet or carry a balance.</p> <p>To start, each rewards or cash back card is scored based on whether it offers an intro APR and how its ongoing APR compares to the rates available on other rewards or cash back cards.</p> <p>We also score each card based on how its annual fee influences its overall value.</p> <p>We consider a card’s annual fee in two ways — how it ranks relative to the fees you’ll find on other cards in the category and how it impacts a card’s overall rewards value. Cards with an annual fee will always be at a slight disadvantage in our scoring system since annual fees inherently cut into your rewards value, but if a card offers terrific value via its ongoing rewards and perks, it can earn a high score even if it carries a high annual fee.</p> <p>With this in mind, we rate a card based primarily on how its ongoing rewards value and ongoing perk value (such as annual credits or bonuses) stack up against other cards in the category when you subtract its annual fee.</p></div> </div> </div> </noscript> </li> <li x-id="['panel-span-classtext-flexibilityspan', 'heading-span-classtext-flexibilityspan']" 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-span-classtext-flexibilityspan')" :aria-controls="$id('panel-span-classtext-flexibilityspan')" :aria-expanded="expanded ? true : false" x-on:click="expanded = !expanded" data-beam-element-clicked-no-delay id="" data-type="accordion" data-location="" data-name=" flexibility " data-position="3" data-text=" Flexibility " data-outcome="" data-variant="default" :data-outcome="expanded ? 'open_accordion' : 'close_accordion'" :class="{ 'no-hover': (typeof isMobile !== 'undefined' && isMobile) && disableMobileHover }" > <h6 class="Accordion-title mr-2 md:flex-1 my-0"> <span class="text"> Flexibility</span> </h6> <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-span-classtext-flexibilityspan')" :labelledBy="$id('heading-span-classtext-flexibilityspan')" 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>We rate each card’s flexibility based on the restrictions it imposes on earning and redeeming rewards and factor this rating into a card’s overall score.</p> <p>Flexibility factors include whether a card only allows you to earn a high rewards rate on a small amount of spending or requires you to meet a certain earning threshold before you can redeem rewards. We also examine whether your points are worth less when you redeem for some options versus others and whether a card gives you the flexibility to transfer rewards to airline and hotel partners.</p></div> </div> </div> <noscript> <div class="Accordion-contentWrapper" :id="$id('no-js-panel-span-classtext-flexibilityspan')" :labelledBy="$id('heading-span-classtext-flexibilityspan')" 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>We rate each card’s flexibility based on the restrictions it imposes on earning and redeeming rewards and factor this rating into a card’s overall score.</p> <p>Flexibility factors include whether a card only allows you to earn a high rewards rate on a small amount of spending or requires you to meet a certain earning threshold before you can redeem rewards. We also examine whether your points are worth less when you redeem for some options versus others and whether a card gives you the flexibility to transfer rewards to airline and hotel partners.</p></div> </div> </div> </noscript> </li> <li x-id="['panel-span-classtext-perksspan', 'heading-span-classtext-perksspan']" 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-span-classtext-perksspan')" :aria-controls="$id('panel-span-classtext-perksspan')" :aria-expanded="expanded ? true : false" x-on:click="expanded = !expanded" data-beam-element-clicked-no-delay id="" data-type="accordion" data-location="" data-name=" perks " data-position="4" data-text=" Perks " data-outcome="" data-variant="default" :data-outcome="expanded ? 'open_accordion' : 'close_accordion'" :class="{ 'no-hover': (typeof isMobile !== 'undefined' && isMobile) && disableMobileHover }" > <h6 class="Accordion-title mr-2 md:flex-1 my-0"> <span class="text"> Perks</span> </h6> <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-span-classtext-perksspan')" :labelledBy="$id('heading-span-classtext-perksspan')" 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>We also score each card’s set of features – its perks and benefits — against five tiers of features to provide a rating. We break down these tiers as follows:</p> <ul> <li>Tier 1 has less-than-standard card features (an ultra-streamlined card that offers basic utility and next to nothing in the way of ancillary benefits.</li> <li>Tier 2 includes the benefits you’d expect on standard Visa or Mastercard credit cards, such as free access to your credit score, car rental insurance and $0 liability for fraudulent charges.</li> <li>Tier 3 includes “prime card” or better-than-average card features like cellphone insurance, lost luggage insurance, concierge services and purchase protection.</li> <li>Tier 4 includes luxury features such as airport lounge access, elite status with an airline or hotel and credits for expedited security screening membership programs.</li> <li>Tier 5 includes the sort of exemplary benefits you’ll find on top-tier luxury cards, such as high-value travel credits, cardholder memberships and other unique and valuable perks.</li> </ul></div> </div> </div> <noscript> <div class="Accordion-contentWrapper" :id="$id('no-js-panel-span-classtext-perksspan')" :labelledBy="$id('heading-span-classtext-perksspan')" 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>We also score each card’s set of features – its perks and benefits — against five tiers of features to provide a rating. We break down these tiers as follows:</p> <ul> <li>Tier 1 has less-than-standard card features (an ultra-streamlined card that offers basic utility and next to nothing in the way of ancillary benefits.</li> <li>Tier 2 includes the benefits you’d expect on standard Visa or Mastercard credit cards, such as free access to your credit score, car rental insurance and $0 liability for fraudulent charges.</li> <li>Tier 3 includes “prime card” or better-than-average card features like cellphone insurance, lost luggage insurance, concierge services and purchase protection.</li> <li>Tier 4 includes luxury features such as airport lounge access, elite status with an airline or hotel and credits for expedited security screening membership programs.</li> <li>Tier 5 includes the sort of exemplary benefits you’ll find on top-tier luxury cards, such as high-value travel credits, cardholder memberships and other unique and valuable perks.</li> </ul></div> </div> </div> </noscript> </li> </ul> </div> <div id="faqs" class="SectionWithTocItem " data-beam-element-viewed id="faqs" data-type="SHELF-TOC" data-location="SHELF-TOC-section" data-name="Frequently asked questions" data-position="11" data-text="" > <div data-cy="" class="Headline w-full"> <h2 class="type-heading-two"> Frequently asked questions </h2> </div> <ul class="Accordion w-full" data-cy="accordion-b3079ed3-d125-4259-8915-140179797b41"> <li x-id="['panel-accordion-does-the-capital-one-venture-rewards-card-come-with-rental-car-insurance', 'heading-accordion-does-the-capital-one-venture-rewards-card-come-with-rental-car-insurance']" 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-accordion-does-the-capital-one-venture-rewards-card-come-with-rental-car-insurance')" :aria-controls="$id('panel-accordion-does-the-capital-one-venture-rewards-card-come-with-rental-car-insurance')" :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=" does the capital one venture rewards card come with rental car insurance? " data-position="1" data-text=" Does the Capital One Venture Rewards card come with rental car insurance? " 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"> Does the Capital One Venture Rewards card come with rental car insurance?</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-accordion-does-the-capital-one-venture-rewards-card-come-with-rental-car-insurance')" :labelledBy="$id('heading-accordion-does-the-capital-one-venture-rewards-card-come-with-rental-car-insurance')" 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>Yes, the Capital One Venture provides MasterRental Insurance* if you pay for your rental vehicle with your card and decline the rental company’s protection plan. You’ll receive secondary coverage that reimburses up to the vehicle’s actual cash value in qualifying cases of physical damage or theft in covered territories (meaning your protection kicks in after any other primary insurance you have that may cover the incident).</p> <p>You can also be reimbursed for valid loss-of-use charges imposed by the rental company and customary towing charges to the nearest repair facility due to damage or theft. Before you rent, remember that this protection only covers domestic rentals of up to 15 days and rentals abroad of up to 31 days.</p></div> </div> </div> <noscript> <div class="Accordion-contentWrapper" :id="$id('no-js-panel-accordion-does-the-capital-one-venture-rewards-card-come-with-rental-car-insurance')" :labelledBy="$id('heading-accordion-does-the-capital-one-venture-rewards-card-come-with-rental-car-insurance')" 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>Yes, the Capital One Venture provides MasterRental Insurance* if you pay for your rental vehicle with your card and decline the rental company’s protection plan. You’ll receive secondary coverage that reimburses up to the vehicle’s actual cash value in qualifying cases of physical damage or theft in covered territories (meaning your protection kicks in after any other primary insurance you have that may cover the incident).</p> <p>You can also be reimbursed for valid loss-of-use charges imposed by the rental company and customary towing charges to the nearest repair facility due to damage or theft. Before you rent, remember that this protection only covers domestic rentals of up to 15 days and rentals abroad of up to 31 days.</p></div> </div> </div> </noscript> </li> <li x-id="['panel-accordion-what-credit-score-do-you-need-for-the-capital-one-venture-rewards-card', 'heading-accordion-what-credit-score-do-you-need-for-the-capital-one-venture-rewards-card']" 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-accordion-what-credit-score-do-you-need-for-the-capital-one-venture-rewards-card')" :aria-controls="$id('panel-accordion-what-credit-score-do-you-need-for-the-capital-one-venture-rewards-card')" :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=" what credit score do you need for the capital one venture rewards card? " data-position="2" data-text=" What credit score do you need for the Capital One Venture Rewards card? " 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"> What credit score do you need for the Capital One Venture Rewards card?</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-accordion-what-credit-score-do-you-need-for-the-capital-one-venture-rewards-card')" :labelledBy="$id('heading-accordion-what-credit-score-do-you-need-for-the-capital-one-venture-rewards-card')" 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>You’ll have the best approval odds for the Capital One Venture card if you apply with a good-to-excellent credit score (a FICO score of 670 or higher or a VantageScore of 661 or higher). The higher your credit score, the better your chances.</p> <p>You can check your approval odds ahead of time via <a class="Link" href="https://www.bankrate.com/credit-cards/tools/cardmatch/">Bankrate’s CardMatch tool</a>.</p></div> </div> </div> <noscript> <div class="Accordion-contentWrapper" :id="$id('no-js-panel-accordion-what-credit-score-do-you-need-for-the-capital-one-venture-rewards-card')" :labelledBy="$id('heading-accordion-what-credit-score-do-you-need-for-the-capital-one-venture-rewards-card')" 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>You’ll have the best approval odds for the Capital One Venture card if you apply with a good-to-excellent credit score (a FICO score of 670 or higher or a VantageScore of 661 or higher). The higher your credit score, the better your chances.</p> <p>You can check your approval odds ahead of time via <a class="Link" href="https://www.bankrate.com/credit-cards/tools/cardmatch/">Bankrate’s CardMatch tool</a>.</p></div> </div> </div> </noscript> </li> <li x-id="['panel-accordion-what-airlines-can-you-fly-with-the-capital-one-venture-card', 'heading-accordion-what-airlines-can-you-fly-with-the-capital-one-venture-card']" 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-accordion-what-airlines-can-you-fly-with-the-capital-one-venture-card')" :aria-controls="$id('panel-accordion-what-airlines-can-you-fly-with-the-capital-one-venture-card')" :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=" what airlines can you fly with the capital one venture card? " data-position="3" data-text=" What airlines can you fly with the Capital One Venture card? " 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"> What airlines can you fly with the Capital One Venture card?</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-accordion-what-airlines-can-you-fly-with-the-capital-one-venture-card')" :labelledBy="$id('heading-accordion-what-airlines-can-you-fly-with-the-capital-one-venture-card')" 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>You can use your Capital One miles to book travel with the following travel partners, or transfer your miles to their loyalty programs directly, with no blackout dates:</p> <ul> <li>Aeromexico</li> <li>Accor Live Limitless</li> <li>Air Canada</li> <li>Air France/KLM</li> <li>Avianca Airlines</li> <li>British Airways</li> <li>Cathay Pacific Asia Airways</li> <li>Choice Privileges</li> <li>Emirates Airline</li> <li>Etihad Airways</li> <li>EVA Air</li> <li>Finnair</li> <li>Qantas Frequent Flyer</li> <li>Singapore Airlines</li> <li>TAP Air Portugal</li> <li>Turkish Airlines</li> <li>Virgin Atlantic Airways</li> <li>Wyndham Rewards </li> </ul> <p>Unlike several other general travel card reward programs, you’ll get a 1:1 ratio with most partners when transferring your miles. All of the partners listed above have a 1:1 transfer ratio, except for Accor Live Limitless (2:1) and EVA Infinity MileageLands (2:1.5).</p></div> </div> </div> <noscript> <div class="Accordion-contentWrapper" :id="$id('no-js-panel-accordion-what-airlines-can-you-fly-with-the-capital-one-venture-card')" :labelledBy="$id('heading-accordion-what-airlines-can-you-fly-with-the-capital-one-venture-card')" 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>You can use your Capital One miles to book travel with the following travel partners, or transfer your miles to their loyalty programs directly, with no blackout dates:</p> <ul> <li>Aeromexico</li> <li>Accor Live Limitless</li> <li>Air Canada</li> <li>Air France/KLM</li> <li>Avianca Airlines</li> <li>British Airways</li> <li>Cathay Pacific Asia Airways</li> <li>Choice Privileges</li> <li>Emirates Airline</li> <li>Etihad Airways</li> <li>EVA Air</li> <li>Finnair</li> <li>Qantas Frequent Flyer</li> <li>Singapore Airlines</li> <li>TAP Air Portugal</li> <li>Turkish Airlines</li> <li>Virgin Atlantic Airways</li> <li>Wyndham Rewards </li> </ul> <p>Unlike several other general travel card reward programs, you’ll get a 1:1 ratio with most partners when transferring your miles. All of the partners listed above have a 1:1 transfer ratio, except for Accor Live Limitless (2:1) and EVA Infinity MileageLands (2:1.5).</p></div> </div> </div> </noscript> </li> <li x-id="['panel-accordion-does-the-capital-one-venture-rewards-credit-card-come-with-complimentary-lounge-access', 'heading-accordion-does-the-capital-one-venture-rewards-credit-card-come-with-complimentary-lounge-access']" 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-accordion-does-the-capital-one-venture-rewards-credit-card-come-with-complimentary-lounge-access')" :aria-controls="$id('panel-accordion-does-the-capital-one-venture-rewards-credit-card-come-with-complimentary-lounge-access')" :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=" does the capital one venture rewards credit card come with complimentary lounge access? " data-position="4" data-text=" Does the Capital One Venture Rewards Credit Card come with complimentary lounge access? " 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"> Does the Capital One Venture Rewards Credit Card come with complimentary lounge access?</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-accordion-does-the-capital-one-venture-rewards-credit-card-come-with-complimentary-lounge-access')" :labelledBy="$id('heading-accordion-does-the-capital-one-venture-rewards-credit-card-come-with-complimentary-lounge-access')" 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>No, the Capital One Venture Rewards Credit Card doesn't offer complimentary airport lounge access. If you’re a frequent traveler and are looking for credit cards with lounge access, you’ll want to upgrade to the Capital One Venture X Rewards Credit Card for comprehensive airport lounge access.</p></div> <div class="SupplementaryLink"> Learn more: <a class=" " href="https://www.bankrate.com/finance/credit-cards/capital-one-venture-benefits-guide/" target=""data-beam-element-clicked data-type="link" data-location="https://www.bankrate.com/credit-cards/reviews/capital-one-venture-rewards-credit-card/" data-name="Learn more link" data-position="middle" data-text="Capital One Venture card airport perks and other benefits" data-outcome="send to page" > Capital One Venture card airport perks and other benefits</a> </div> </div> </div> <noscript> <div class="Accordion-contentWrapper" :id="$id('no-js-panel-accordion-does-the-capital-one-venture-rewards-credit-card-come-with-complimentary-lounge-access')" :labelledBy="$id('heading-accordion-does-the-capital-one-venture-rewards-credit-card-come-with-complimentary-lounge-access')" 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>No, the Capital One Venture Rewards Credit Card doesn't offer complimentary airport lounge access. If you’re a frequent traveler and are looking for credit cards with lounge access, you’ll want to upgrade to the Capital One Venture X Rewards Credit Card for comprehensive airport lounge access.</p></div> <div class="SupplementaryLink"> Learn more: <a class=" " href="https://www.bankrate.com/finance/credit-cards/capital-one-venture-benefits-guide/" target=""data-beam-element-clicked data-type="link" data-location="https://www.bankrate.com/credit-cards/reviews/capital-one-venture-rewards-credit-card/" data-name="Learn more link" data-position="middle" data-text="Capital One Venture card airport perks and other benefits" data-outcome="send to page" > Capital One Venture card airport perks and other benefits</a> </div> </div> </div> </noscript> </li> </ul> </div> <div id="what-cardholders-think" class="SectionWithTocItem " data-beam-element-viewed id="what-cardholders-think" data-type="SHELF-TOC" data-location="SHELF-TOC-section" data-name="What cardholders think" data-position="12" data-text="" > <h2 class="type-heading-two my-8">What cardholders think</h2> <div class="UgcCards rounded-md box-shadow-2 mb-10"> <div class="display-flex flex-wrap sm:flex-nowrap align-items-center gap-x-4 md:gap-x-10 p-4"> <div class="w-full sm:w-auto display-flex flex-direction-column sm:flex-direction-row align-items-center flex-grow flex-shrink flex-nowrap gap-y-4 gap-x-4 md:gap-x-10 mb-4 sm:mb-0"> <figure class="creditcard-product-box__image mb-0"> <img class="featured-cards__image js-product-box__image" src="//cdn.prodstatic.com/shared/images/cards/240x151/03141a30-6f84-11ef-88db-67757e6c8737.png?auto=webp&fit=bounds&width=240&height=151" alt="Image of Capital One Venture Rewards Credit Card" width="150" loading="lazy" > </figure> <h3 class="text-crop-none leading-7 font-circular-bold text-xl text-black mb-0 text-center">Capital One Venture Rewards Credit Card</h3> </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-12 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.1<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">44</span> ratings<div id="t99ee99cc-832e-42bd-bd6e-6a81c2b0255d" class="display-none"> <div class="w-72" style="max-width: calc(100vw - 4rem)"> In May 2024, Bankrate collaborated with third-party SliceMR to survey 6160 cardholders nationwide. Bankrate and Slice MR collected, averaged and presented website analytics and cardholder responses to six questions on a 5-point scale. Responses are unedited and have not been reviewed or approved by credit card issuers.</div> </div> <div class="display-inline-block ml-1 cursor-pointer "> <div x-data data-tippy-maxWidth="none" data-template="t99ee99cc-832e-42bd-bd6e-6a81c2b0255d" 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="customers-recommended rounded text-xs text-center px-8 py-3"> <span class="font-circular-bold font-bold">77%</span> of customers recommend this card </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: 57%"></div> </div> <span class="type-body-two ml-2 w-7">57%</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: 20%"></div> </div> <span class="type-body-two ml-2 w-7">20%</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: 9%"></div> </div> <span class="type-body-two ml-2 w-7">9%</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: 2%"></div> </div> <span class="type-body-two ml-2 w-7">2%</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: 11%"></div> </div> <span class="type-body-two ml-2 w-7">11%</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</span> <span class="UgcReviewSummary-categoryScores type-body-two pl-2"> <span class="font-circular-bold font-bold text-black">4.1</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">Extra perks</span> <span class="UgcReviewSummary-categoryScores type-body-two pl-2"> <span class="font-circular-bold font-bold text-black">3.6</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 service</span> <span class="UgcReviewSummary-categoryScores type-body-two pl-2"> <span class="font-circular-bold font-bold text-black">4.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">Online portal or mobile app</span> <span class="UgcReviewSummary-categoryScores type-body-two pl-2"> <span class="font-circular-bold font-bold text-black">4.0</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">Intro APR length</span> <span class="UgcReviewSummary-categoryScores type-body-two pl-2"> <span class="font-circular-bold font-bold text-black">4.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">Intro APR value</span> <span class="UgcReviewSummary-categoryScores type-body-two pl-2"> <span class="font-circular-bold font-bold text-black">4.0</span> <span> / 5</span> </span> </div> </div> </div> </div> </div> <p class="mt-8 text-slate">In May 2024, Bankrate collaborated with third-party SliceMR to survey 6160 cardholders nationwide. Bankrate and Slice MR collected, averaged and presented website analytics and cardholder responses to six questions on a 5-point scale. Responses are based on individual cardholder’s product details, and therefore cannot be verified for accuracy. Users received an incentive for their feedback. User ratings are unedited and have not been reviewed or approved by credit card issuers, nor do these ratings reflect Bankrate’s own reviews of these cards.</p> <div class="mb-8" x-data="loadReviews()"> <h3 class="mb-5">Community Reviews</h3> <div class="text-slate mb-4">Explore Capital One Venture Rewards Credit Card reviews from certified cardholders.</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" 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" for="cc-sort-by">Sort by</label> <select id="cc-sort-by" @change="page = 1; userInteracted = true" 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 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 Cardholder</span> </div> <div> May 31, 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: false }"> <div> <div class="font-circular-bold text-black mb-2">Why would you or would you not recommend this card to a friend?</div> <div class="text-slate"> <div :class="{ 'overflow-hidden': !expanded }" :style="`max-height: ${expanded ? 'none' : '8.75rem'}`"> I would definitely recommend this card. They have many extra options to monitor the usage of the card and they are good about asking if they think your card has been compromised.</div> </div> </div> <div> <div 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">Extra perks</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">Online portal or mobile app</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 service</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">Intro APR length</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">Intro APR value</span> <span class="type-body-two"> <span class="font-circular-bold font-bold text-black"> 4</span> <span> / 5</span> </span> </div> </div> </div> </div> </div> <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 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 Cardholder</span> </div> <div> May 31, 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: false }"> <div> <div class="font-circular-bold text-black mb-2">Do you have any experience transferring points or miles with this card? If so, where did you transfer to and how would you describe this experience?</div> <div class="text-slate"> <div :class="{ 'overflow-hidden': !expanded }" :style="`max-height: ${expanded ? 'none' : '8.75rem'}`"> No - just that it takes a lot of use in order to get a modest reward.</div> </div> </div> <div> <div 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">Online portal or mobile app</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 service</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">Intro APR length</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">Intro APR value</span> <span class="type-body-two"> <span class="font-circular-bold font-bold text-black"> 4</span> <span> / 5</span> </span> </div> </div> </div> </div> </div> <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 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 Cardholder</span> </div> <div> May 31, 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: false }"> <div> <div class="font-circular-bold text-black mb-2">Is this card a part of your everyday life, why or why not?</div> <div class="text-slate"> <div :class="{ 'overflow-hidden': !expanded }" :style="`max-height: ${expanded ? 'none' : '8.75rem'}`"> Don't want to keep it too long, it has annual fee.</div> </div> </div> <div> <div 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">Extra perks</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">Online portal or mobile app</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">Intro APR length</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">Intro APR value</span> <span class="type-body-two"> <span class="font-circular-bold font-bold text-black"> 4</span> <span> / 5</span> </span> </div> </div> </div> </div> </div> <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 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 Cardholder</span> </div> <div> May 31, 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: false }"> <div> <div class="font-circular-bold text-black mb-2">If this card had an annual fee, do you feel it was worth it? What card features and benefits helped you offset the cost?</div> <div class="text-slate"> <div :class="{ 'overflow-hidden': !expanded }" :style="`max-height: ${expanded ? 'none' : '8.75rem'}`"> Easy to use and easy to get rewards.</div> </div> </div> <div> <div 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">Customer service</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">Intro APR length</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">Intro APR value</span> <span class="type-body-two"> <span class="font-circular-bold font-bold text-black"> 3</span> <span> / 5</span> </span> </div> </div> </div> </div> </div> <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 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 Cardholder</span> </div> <div> May 31, 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: false }"> <div> <div class="font-circular-bold text-black mb-2">Do you have any experience transferring points or miles with this card? If so, where did you transfer to and how would you describe this experience?</div> <div class="text-slate"> <div :class="{ 'overflow-hidden': !expanded }" :style="`max-height: ${expanded ? 'none' : '8.75rem'}`"> I never transfer points</div> </div> </div> <div> <div 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">Online portal or mobile app</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 service</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">Intro APR length</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">Intro APR value</span> <span class="type-body-two"> <span class="font-circular-bold font-bold text-black"> 5</span> <span> / 5</span> </span> </div> </div> </div> </div> </div> <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 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 Cardholder</span> </div> <div> May 31, 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: false }"> <div> <div class="font-circular-bold text-black mb-2">Is this card a part of your everyday life, why or why not?</div> <div class="text-slate"> <div :class="{ 'overflow-hidden': !expanded }" :style="`max-height: ${expanded ? 'none' : '8.75rem'}`"> It is the card I use most often for most purchases.</div> </div> </div> <div> <div 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">Extra perks</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 service</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">Intro APR length</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">Intro APR value</span> <span class="type-body-two"> <span class="font-circular-bold font-bold text-black"> 4</span> <span> / 5</span> </span> </div> </div> </div> </div> </div> <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 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 Cardholder</span> </div> <div> May 31, 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: false }"> <div> <div class="font-circular-bold text-black mb-2">Is this card a part of your everyday life, why or why not?</div> <div class="text-slate"> <div :class="{ 'overflow-hidden': !expanded }" :style="`max-height: ${expanded ? 'none' : '8.75rem'}`"> Easy to use and redeem rewards</div> </div> </div> <div> <div 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">Extra perks</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">Online portal or mobile app</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 service</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">Intro APR length</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">Intro APR value</span> <span class="type-body-two"> <span class="font-circular-bold font-bold text-black"> 5</span> <span> / 5</span> </span> </div> </div> </div> </div> </div> <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 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 Cardholder</span> </div> <div> May 31, 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: false }"> <div> <div class="font-circular-bold text-black mb-2">Do you have any experience transferring points or miles with this card? If so, where did you transfer to and how would you describe this experience?</div> <div class="text-slate"> <div :class="{ 'overflow-hidden': !expanded }" :style="`max-height: ${expanded ? 'none' : '8.75rem'}`"> No points or miles it's cash rewards</div> </div> </div> <div> <div 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">Extra perks</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">Online portal or mobile app</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 service</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">Intro APR length</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">Intro APR value</span> <span class="type-body-two"> <span class="font-circular-bold font-bold text-black"> 5</span> <span> / 5</span> </span> </div> </div> </div> </div> </div> <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 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 Cardholder</span> </div> <div> May 31, 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: false }"> <div> <div class="font-circular-bold text-black mb-2">Why would you or would you not recommend this card to a friend?</div> <div class="text-slate"> <div :class="{ 'overflow-hidden': !expanded }" :style="`max-height: ${expanded ? 'none' : '8.75rem'}`"> I have earned airline miles.</div> </div> </div> <div> <div 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">Extra perks</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">Online portal or mobile app</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">Intro APR length</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">Intro APR value</span> <span class="type-body-two"> <span class="font-circular-bold font-bold text-black"> 4</span> <span> / 5</span> </span> </div> </div> </div> </div> </div> <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 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 Cardholder</span> </div> <div> May 31, 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: false }"> <div> <div class="font-circular-bold text-black mb-2">Do you have any experience transferring points or miles with this card? If so, where did you transfer to and how would you describe this experience?</div> <div class="text-slate"> <div :class="{ 'overflow-hidden': !expanded }" :style="`max-height: ${expanded ? 'none' : '8.75rem'}`"> I haven't used the card to transfer points or miles.</div> </div> </div> <div> <div 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">Extra perks</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">Online portal or mobile app</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 service</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">Intro APR value</span> <span class="type-body-two"> <span class="font-circular-bold font-bold text-black"> 5</span> <span> / 5</span> </span> </div> </div> </div> </div> </div> <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 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 Cardholder</span> </div> <div> May 31, 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: false }"> <div> <div class="font-circular-bold text-black mb-2">Why would you or would you not recommend this card to a friend?</div> <div class="text-slate"> <div :class="{ 'overflow-hidden': !expanded }" :style="`max-height: ${expanded ? 'none' : '8.75rem'}`"> I love that this company gives persons who are looking to rebuild their credit a chance</div> </div> </div> <div> <div 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">Extra perks</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">Online portal or mobile app</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 service</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">Intro APR length</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">Intro APR value</span> <span class="type-body-two"> <span class="font-circular-bold font-bold text-black"> 5</span> <span> / 5</span> </span> </div> </div> </div> </div> </div> <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 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 Cardholder</span> </div> <div> May 31, 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: false }"> <div> <div class="font-circular-bold text-black mb-2">If you have redeemed points/miles for anything, tell us about that redemption? What did you get to do and how many points/miles did you redeem for it?</div> <div class="text-slate"> <div :class="{ 'overflow-hidden': !expanded }" :style="`max-height: ${expanded ? 'none' : '8.75rem'}`"> I redeemed for airfare. It was a very seamless experience.</div> </div> </div> <div> <div 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">Extra perks</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">Online portal or mobile app</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 service</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">Intro APR length</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">Intro APR value</span> <span class="type-body-two"> <span class="font-circular-bold font-bold text-black"> 4</span> <span> / 5</span> </span> </div> </div> </div> </div> </div> <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 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 Cardholder</span> </div> <div> May 31, 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: false }"> <div> <div class="font-circular-bold text-black mb-2">Do you have any experience transferring points or miles with this card? If so, where did you transfer to and how would you describe this experience?</div> <div class="text-slate"> <div :class="{ 'overflow-hidden': !expanded }" :style="`max-height: ${expanded ? 'none' : '8.75rem'}`"> I'd cut it up, it's basically a credit card with an average cash back reward.</div> </div> </div> <div> <div 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">Extra perks</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">Online portal or mobile app</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 service</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">Intro APR length</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">Intro APR value</span> <span class="type-body-two"> <span class="font-circular-bold font-bold text-black"> 4</span> <span> / 5</span> </span> </div> </div> </div> </div> </div> <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 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 Cardholder</span> </div> <div> May 31, 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: false }"> <div> <div class="font-circular-bold text-black mb-2">If you have redeemed points/miles for anything, tell us about that redemption? What did you get to do and how many points/miles did you redeem for it?</div> <div class="text-slate"> <div :class="{ 'overflow-hidden': !expanded }" :style="`max-height: ${expanded ? 'none' : '8.75rem'}`"> We used it for our hotels, AIRBNB's & airfare to Alaska for June 2024. We also redeemed the points to cover our rental car. We redeemed about 120,000points</div> </div> </div> <div> <div 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">Extra perks</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">Online portal or mobile app</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 service</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">Intro APR length</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">Intro APR value</span> <span class="type-body-two"> <span class="font-circular-bold font-bold text-black"> 4</span> <span> / 5</span> </span> </div> </div> </div> </div> </div> <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 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 Cardholder</span> </div> <div> May 31, 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: false }"> <div> <div class="font-circular-bold text-black mb-2">Do you have any experience transferring points or miles with this card? If so, where did you transfer to and how would you describe this experience?</div> <div class="text-slate"> <div :class="{ 'overflow-hidden': !expanded }" :style="`max-height: ${expanded ? 'none' : '8.75rem'}`"> No</div> </div> </div> <div> <div 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">Extra perks</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">Online portal or mobile app</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 service</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">Intro APR length</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">Intro APR value</span> <span class="type-body-two"> <span class="font-circular-bold font-bold text-black"> 5</span> <span> / 5</span> </span> </div> </div> </div> </div> </div> <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 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 Cardholder</span> </div> <div> May 31, 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: false }"> <div> <div class="font-circular-bold text-black mb-2">Is this card a part of your everyday life, why or why not?</div> <div class="text-slate"> <div :class="{ 'overflow-hidden': !expanded }" :style="`max-height: ${expanded ? 'none' : '8.75rem'}`"> To rebuild my credit after a bankruptcy</div> </div> </div> <div> <div 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">Extra perks</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">Online portal or mobile app</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 service</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">Intro APR length</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">Intro APR value</span> <span class="type-body-two"> <span class="font-circular-bold font-bold text-black"> 5</span> <span> / 5</span> </span> </div> </div> </div> </div> </div> <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 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 Cardholder</span> </div> <div> May 31, 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: false }"> <div> <div class="font-circular-bold text-black mb-2">Do you have any experience transferring points or miles with this card? If so, where did you transfer to and how would you describe this experience?</div> <div class="text-slate"> <div :class="{ 'overflow-hidden': !expanded }" :style="`max-height: ${expanded ? 'none' : '8.75rem'}`"> No I haven't done that yet</div> </div> </div> <div> <div 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">Extra perks</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">Online portal or mobile app</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 service</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">Intro APR length</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">Intro APR value</span> <span class="type-body-two"> <span class="font-circular-bold font-bold text-black"> 5</span> <span> / 5</span> </span> </div> </div> </div> </div> </div> <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 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 Cardholder</span> </div> <div> May 31, 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: false }"> <div> <div class="font-circular-bold text-black mb-2">Do you have any experience transferring points or miles with this card? If so, where did you transfer to and how would you describe this experience?</div> <div class="text-slate"> <div :class="{ 'overflow-hidden': !expanded }" :style="`max-height: ${expanded ? 'none' : '8.75rem'}`"> I used it for free flights was great</div> </div> </div> <div> <div 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">Extra perks</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">Online portal or mobile app</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 service</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">Intro APR length</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">Intro APR value</span> <span class="type-body-two"> <span class="font-circular-bold font-bold text-black"> 5</span> <span> / 5</span> </span> </div> </div> </div> </div> </div> <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 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 Cardholder</span> </div> <div> May 31, 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: false }"> <div> <div class="font-circular-bold text-black mb-2">Do you have any experience transferring points or miles with this card? If so, where did you transfer to and how would you describe this experience?</div> <div class="text-slate"> <div :class="{ 'overflow-hidden': !expanded }" :style="`max-height: ${expanded ? 'none' : '8.75rem'}`"> reputation and cash back</div> </div> </div> <div> <div 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">Extra perks</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">Online portal or mobile app</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 service</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">Intro APR length</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">Intro APR value</span> <span class="type-body-two"> <span class="font-circular-bold font-bold text-black"> 5</span> <span> / 5</span> </span> </div> </div> </div> </div> </div> <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 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 Cardholder</span> </div> <div> May 31, 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: false }"> <div> <div class="font-circular-bold text-black mb-2">Why would you or would you not recommend this card to a friend?</div> <div class="text-slate"> <div :class="{ 'overflow-hidden': !expanded }" :style="`max-height: ${expanded ? 'none' : '8.75rem'}`"> Yes, this card provides excellent rewards and they are easy to use.</div> </div> </div> <div> <div 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">Extra perks</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 service</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">Intro APR length</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">Intro APR value</span> <span class="type-body-two"> <span class="font-circular-bold font-bold text-black"> 5</span> <span> / 5</span> </span> </div> </div> </div> </div> </div> <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 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 Cardholder</span> </div> <div> May 31, 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: false }"> <div> <div class="font-circular-bold text-black mb-2">Why would you or would you not recommend this card to a friend?</div> <div class="text-slate"> <div :class="{ 'overflow-hidden': !expanded }" :style="`max-height: ${expanded ? 'none' : '8.75rem'}`"> Great product that fufills all of my needs</div> </div> </div> <div> <div 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">Extra perks</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">Online portal or mobile app</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 service</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">Intro APR length</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">Intro APR value</span> <span class="type-body-two"> <span class="font-circular-bold font-bold text-black"> 5</span> <span> / 5</span> </span> </div> </div> </div> </div> </div> <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 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 Cardholder</span> </div> <div> May 31, 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: false }"> <div> <div class="font-circular-bold text-black mb-2">If you have redeemed points/miles for anything, tell us about that redemption? What did you get to do and how many points/miles did you redeem for it?</div> <div class="text-slate"> <div :class="{ 'overflow-hidden': !expanded }" :style="`max-height: ${expanded ? 'none' : '8.75rem'}`"> i redeemed the cash back and put it on the balance</div> </div> </div> <div> <div 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">Extra perks</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">Online portal or mobile app</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 service</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">Intro APR length</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">Intro APR value</span> <span class="type-body-two"> <span class="font-circular-bold font-bold text-black"> 5</span> <span> / 5</span> </span> </div> </div> </div> </div> </div> <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 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 Cardholder</span> </div> <div> May 31, 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: false }"> <div> <div class="font-circular-bold text-black mb-2">Do you have any experience transferring points or miles with this card? If so, where did you transfer to and how would you describe this experience?</div> <div class="text-slate"> <div :class="{ 'overflow-hidden': !expanded }" :style="`max-height: ${expanded ? 'none' : '8.75rem'}`"> We have not transferred points on this card yet as we're still building the bank up.</div> </div> </div> <div> <div 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">Extra perks</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 service</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">Intro APR length</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">Intro APR value</span> <span class="type-body-two"> <span class="font-circular-bold font-bold text-black"> 5</span> <span> / 5</span> </span> </div> </div> </div> </div> </div> <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 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 Cardholder</span> </div> <div> May 31, 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: false }"> <div> <div class="font-circular-bold text-black mb-2">Is this card a part of your everyday life, why or why not?</div> <div class="text-slate"> <div :class="{ 'overflow-hidden': !expanded }" :style="`max-height: ${expanded ? 'none' : '8.75rem'}`"> Yes but I only use it for emergencies</div> </div> </div> <div> <div 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">Extra perks</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">Online portal or mobile app</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 service</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">Intro APR length</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">Intro APR value</span> <span class="type-body-two"> <span class="font-circular-bold font-bold text-black"> 4</span> <span> / 5</span> </span> </div> </div> </div> </div> </div> <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 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 Cardholder</span> </div> <div> May 31, 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: false }"> <div> <div class="font-circular-bold text-black mb-2">Do you have any experience transferring points or miles with this card? If so, where did you transfer to and how would you describe this experience?</div> <div class="text-slate"> <div :class="{ 'overflow-hidden': !expanded }" :style="`max-height: ${expanded ? 'none' : '8.75rem'}`"> Yes I’ve transferred points to travel it was easy and went smoothly</div> </div> </div> <div> <div 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">Extra perks</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">Online portal or mobile app</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 service</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">Intro APR length</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">Intro APR value</span> <span class="type-body-two"> <span class="font-circular-bold font-bold text-black"> 3</span> <span> / 5</span> </span> </div> </div> </div> </div> </div> <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 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 Cardholder</span> </div> <div> May 31, 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: false }"> <div> <div class="font-circular-bold text-black mb-2">If you have redeemed points/miles for anything, tell us about that redemption? What did you get to do and how many points/miles did you redeem for it?</div> <div class="text-slate"> <div :class="{ 'overflow-hidden': !expanded }" :style="`max-height: ${expanded ? 'none' : '8.75rem'}`"> I redeemed miles for a trip many years ago. I rarely use this card, so I don't gather that many points or miles. The redemption process was easy, and I was able to purchase my tickets directly through the Capital One website. Anything that I owed after I used my miles was then charged back to the card.</div> </div> </div> <div> <div 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">Extra perks</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">Online portal or mobile app</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 service</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">Intro APR length</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">Intro APR value</span> <span class="type-body-two"> <span class="font-circular-bold font-bold text-black"> 2</span> <span> / 5</span> </span> </div> </div> </div> </div> </div> <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 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 Cardholder</span> </div> <div> May 31, 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: false }"> <div> <div class="font-circular-bold text-black mb-2">Is this card a part of your everyday life, why or why not?</div> <div class="text-slate"> <div :class="{ 'overflow-hidden': !expanded }" :style="`max-height: ${expanded ? 'none' : '8.75rem'}`"> I don't like to use credit cards a lot, i try to keep my balances down and use my debit when possible.</div> </div> </div> <div> <div 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">Extra perks</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">Online portal or mobile app</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 service</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">Intro APR length</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">Intro APR value</span> <span class="type-body-two"> <span class="font-circular-bold font-bold text-black"> 2</span> <span> / 5</span> </span> </div> </div> </div> </div> </div> <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 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 Cardholder</span> </div> <div> May 31, 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: false }"> <div> <div class="font-circular-bold text-black mb-2">If you have redeemed points/miles for anything, tell us about that redemption? What did you get to do and how many points/miles did you redeem for it?</div> <div class="text-slate"> <div :class="{ 'overflow-hidden': !expanded }" :style="`max-height: ${expanded ? 'none' : '8.75rem'}`"> I redeemed my points for a $200 gift card and it cost me 25,000 points</div> </div> </div> <div> <div 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">Extra perks</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">Online portal or mobile app</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 service</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">Intro APR length</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">Intro APR value</span> <span class="type-body-two"> <span class="font-circular-bold font-bold text-black"> 5</span> <span> / 5</span> </span> </div> </div> </div> </div> </div> <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 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 Cardholder</span> </div> <div> May 31, 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: false }"> <div> <div class="font-circular-bold text-black mb-2">Why would you or would you not recommend this card to a friend?</div> <div class="text-slate"> <div :class="{ 'overflow-hidden': !expanded }" :style="`max-height: ${expanded ? 'none' : '8.75rem'}`"> I would recommend because it has great rewards</div> </div> </div> <div> <div 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">Extra perks</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">Online portal or mobile app</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 service</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">Intro APR length</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">Intro APR value</span> <span class="type-body-two"> <span class="font-circular-bold font-bold text-black"> 3</span> <span> / 5</span> </span> </div> </div> </div> </div> </div> <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 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 Cardholder</span> </div> <div> May 31, 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: false }"> <div> <div class="font-circular-bold text-black mb-2">If you have redeemed points/miles for anything, tell us about that redemption? What did you get to do and how many points/miles did you redeem for it?</div> <div class="text-slate"> <div :class="{ 'overflow-hidden': !expanded }" :style="`max-height: ${expanded ? 'none' : '8.75rem'}`"> Really easy to redeem</div> </div> </div> <div> <div 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">Extra perks</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">Online portal or mobile app</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 service</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">Intro APR length</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">Intro APR value</span> <span class="type-body-two"> <span class="font-circular-bold font-bold text-black"> 4</span> <span> / 5</span> </span> </div> </div> </div> </div> </div> <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 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 Cardholder</span> </div> <div> May 31, 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: false }"> <div> <div class="font-circular-bold text-black mb-2">Do you have any experience transferring points or miles with this card? If so, where did you transfer to and how would you describe this experience?</div> <div class="text-slate"> <div :class="{ 'overflow-hidden': !expanded }" :style="`max-height: ${expanded ? 'none' : '8.75rem'}`"> No</div> </div> </div> <div> <div 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">Extra perks</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">Online portal or mobile app</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 service</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">Intro APR length</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">Intro APR value</span> <span class="type-body-two"> <span class="font-circular-bold font-bold text-black"> 3</span> <span> / 5</span> </span> </div> </div> </div> </div> </div> <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 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 Cardholder</span> </div> <div> May 31, 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: false }"> <div> <div class="font-circular-bold text-black mb-2">If you have redeemed points/miles for anything, tell us about that redemption? What did you get to do and how many points/miles did you redeem for it?</div> <div class="text-slate"> <div :class="{ 'overflow-hidden': !expanded }" :style="`max-height: ${expanded ? 'none' : '8.75rem'}`"> I have redeemed points against hotels and flights. U redeemed them on the app and get $100 for every 10000 points</div> </div> </div> <div> <div 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">Extra perks</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">Online portal or mobile app</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 service</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">Intro APR length</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">Intro APR value</span> <span class="type-body-two"> <span class="font-circular-bold font-bold text-black"> 4</span> <span> / 5</span> </span> </div> </div> </div> </div> </div> <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 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 Cardholder</span> </div> <div> May 31, 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: false }"> <div> <div class="font-circular-bold text-black mb-2">Do you have any experience transferring points or miles with this card? If so, where did you transfer to and how would you describe this experience?</div> <div class="text-slate"> <div :class="{ 'overflow-hidden': !expanded }" :style="`max-height: ${expanded ? 'none' : '8.75rem'}`"> No experience transforming points or miles</div> </div> </div> <div> <div 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">Extra perks</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">Online portal or mobile app</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 service</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">Intro APR length</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">Intro APR value</span> <span class="type-body-two"> <span class="font-circular-bold font-bold text-black"> 2</span> <span> / 5</span> </span> </div> </div> </div> </div> </div> <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 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 Cardholder</span> </div> <div> May 31, 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: false }"> <div> <div class="font-circular-bold text-black mb-2">Is this card a part of your everyday life, why or why not?</div> <div class="text-slate"> <div :class="{ 'overflow-hidden': !expanded }" :style="`max-height: ${expanded ? 'none' : '8.75rem'}`"> It is a part of my everyday life.</div> </div> </div> <div> <div 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">Extra perks</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">Online portal or mobile app</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 service</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">Intro APR length</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">Intro APR value</span> <span class="type-body-two"> <span class="font-circular-bold font-bold text-black"> 3</span> <span> / 5</span> </span> </div> </div> </div> </div> </div> <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 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 Cardholder</span> </div> <div> May 31, 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: false }"> <div> <div class="font-circular-bold text-black mb-2">Do you have any experience transferring points or miles with this card? If so, where did you transfer to and how would you describe this experience?</div> <div class="text-slate"> <div :class="{ 'overflow-hidden': !expanded }" :style="`max-height: ${expanded ? 'none' : '8.75rem'}`"> Easy to use and you get rewards as miles that can be redeemed for other things</div> </div> </div> <div> <div 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">Online portal or mobile app</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 service</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">Intro APR length</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">Intro APR value</span> <span class="type-body-two"> <span class="font-circular-bold font-bold text-black"> 3</span> <span> / 5</span> </span> </div> </div> </div> </div> </div> <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 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 Cardholder</span> </div> <div> May 31, 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: false }"> <div> <div class="font-circular-bold text-black mb-2">If you have redeemed points/miles for anything, tell us about that redemption? What did you get to do and how many points/miles did you redeem for it?</div> <div class="text-slate"> <div :class="{ 'overflow-hidden': !expanded }" :style="`max-height: ${expanded ? 'none' : '8.75rem'}`"> I have only redeemed points once and I used it towards my bill.</div> </div> </div> <div> <div 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">Extra perks</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">Online portal or mobile app</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 service</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">Intro APR length</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">Intro APR value</span> <span class="type-body-two"> <span class="font-circular-bold font-bold text-black"> 3</span> <span> / 5</span> </span> </div> </div> </div> </div> </div> <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 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 Cardholder</span> </div> <div> May 31, 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: false }"> <div> <div class="font-circular-bold text-black mb-2">Do you have any experience transferring points or miles with this card? If so, where did you transfer to and how would you describe this experience?</div> <div class="text-slate"> <div :class="{ 'overflow-hidden': !expanded }" :style="`max-height: ${expanded ? 'none' : '8.75rem'}`"> My experience was a good one</div> </div> </div> <div> <div 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">Extra perks</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">Online portal or mobile app</span> <span class="type-body-two"> <span class="font-circular-bold font-bold text-black"> 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 service</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">Intro APR length</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">Intro APR value</span> <span class="type-body-two"> <span class="font-circular-bold font-bold text-black"> 2</span> <span> / 5</span> </span> </div> </div> </div> </div> </div> <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 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 Cardholder</span> </div> <div> May 31, 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: false }"> <div> <div class="font-circular-bold text-black mb-2">Why would you or would you not recommend this card to a friend?</div> <div class="text-slate"> <div :class="{ 'overflow-hidden': !expanded }" :style="`max-height: ${expanded ? 'none' : '8.75rem'}`"> Convenient card with ease of earning reward points.</div> </div> </div> <div> <div 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">Extra perks</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">Online portal or mobile app</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 service</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">Intro APR length</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">Intro APR value</span> <span class="type-body-two"> <span class="font-circular-bold font-bold text-black"> 4</span> <span> / 5</span> </span> </div> </div> </div> </div> </div> <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 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 Cardholder</span> </div> <div> May 31, 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: 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 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: false }"> <div> <div class="font-circular-bold text-black mb-2">If this card had an annual fee, do you feel it was worth it? What card features and benefits helped you offset the cost?</div> <div class="text-slate"> <div :class="{ 'overflow-hidden': !expanded }" :style="`max-height: ${expanded ? 'none' : '8.75rem'}`"> no fee</div> </div> </div> <div> <div 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">Extra perks</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">Online portal or mobile app</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 service</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">Intro APR length</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">Intro APR value</span> <span class="type-body-two"> <span class="font-circular-bold font-bold text-black"> 5</span> <span> / 5</span> </span> </div> </div> </div> </div> </div> <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 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 Cardholder</span> </div> <div> May 31, 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: 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 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: false }"> <div> <div class="font-circular-bold text-black mb-2">Why would you or would you not recommend this card to a friend?</div> <div class="text-slate"> <div :class="{ 'overflow-hidden': !expanded }" :style="`max-height: ${expanded ? 'none' : '8.75rem'}`"> I use this card most frequently and have never had a problem.</div> </div> </div> <div> <div 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">Extra perks</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">Online portal or mobile app</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 service</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">Intro APR length</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">Intro APR value</span> <span class="type-body-two"> <span class="font-circular-bold font-bold text-black"> 4</span> <span> / 5</span> </span> </div> </div> </div> </div> </div> <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 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 Cardholder</span> </div> <div> May 31, 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: 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 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: false }"> <div> <div class="font-circular-bold text-black mb-2">Why would you or would you not recommend this card to a friend?</div> <div class="text-slate"> <div :class="{ 'overflow-hidden': !expanded }" :style="`max-height: ${expanded ? 'none' : '8.75rem'}`"> good card, no yearly fee and good rewards</div> </div> </div> <div> <div 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">Extra perks</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">Online portal or mobile app</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 service</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">Intro APR length</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">Intro APR value</span> <span class="type-body-two"> <span class="font-circular-bold font-bold text-black"> 5</span> <span> / 5</span> </span> </div> </div> </div> </div> </div> <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 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 Cardholder</span> </div> <div> May 31, 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: 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 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: false }"> <div> <div class="font-circular-bold text-black mb-2">Is this card a part of your everyday life, why or why not?</div> <div class="text-slate"> <div :class="{ 'overflow-hidden': !expanded }" :style="`max-height: ${expanded ? 'none' : '8.75rem'}`"> It is a part of my life in case I decide to purchase something on the spur of the moment.</div> </div> </div> <div> <div 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">Online portal or mobile app</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 service</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">Intro APR length</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">Intro APR value</span> <span class="type-body-two"> <span class="font-circular-bold font-bold text-black"> 4</span> <span> / 5</span> </span> </div> </div> </div> </div> </div> <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 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 Cardholder</span> </div> <div> May 31, 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: 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 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: false }"> <div> <div class="font-circular-bold text-black mb-2">Why would you or would you not recommend this card to a friend?</div> <div class="text-slate"> <div :class="{ 'overflow-hidden': !expanded }" :style="`max-height: ${expanded ? 'none' : '8.75rem'}`"> I wish the rewards were better</div> </div> </div> <div> <div 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">Extra perks</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">Online portal or mobile app</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 service</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">Intro APR length</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">Intro APR value</span> <span class="type-body-two"> <span class="font-circular-bold font-bold text-black"> 4</span> <span> / 5</span> </span> </div> </div> </div> </div> </div> <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 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 Cardholder</span> </div> <div> May 31, 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: 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 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: false }"> <div> <div class="font-circular-bold text-black mb-2">If you have redeemed points/miles for anything, tell us about that redemption? What did you get to do and how many points/miles did you redeem for it?</div> <div class="text-slate"> <div :class="{ 'overflow-hidden': !expanded }" :style="`max-height: ${expanded ? 'none' : '8.75rem'}`"> I have not redeemed miles for many years</div> </div> </div> <div> <div 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">Online portal or mobile app</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 service</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">Intro APR length</span> <span class="type-body-two"> <span class="font-circular-bold font-bold text-black"> 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">Intro APR value</span> <span class="type-body-two"> <span class="font-circular-bold font-bold text-black"> 3</span> <span> / 5</span> </span> </div> </div> </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"> <div class="display-flex 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"></span> <template x-if="!!review.user.location"> <span x-text="`from ${review.user.location}`"></span> </template> </div> <div x-text="convertISODateToFormattedDate(review.created_at)"> </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"> <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> <div class="font-circular-bold text-black mb-2" x-text="review.title"> </div> <div class="text-slate"> <div :class="{ 'overflow-hidden': !expanded }" :style="`max-height: ${expanded ? 'none' : '8.75rem'}`" x-text="review.content"> </div> <button @click="expanded = !expanded" class="Button Button--bare text-blue type-body-one mt-4 p-0" type="button" x-show="review.content.length > 400"> <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 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' && rating > 0"> <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> </div> </div> </div> </template> </template> <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 aria-hidden="true" class="Modal ModalHybrid is-closed " id="ugc-credit-card-review-modal" role="dialog" x-data> <button @click="" aria-label="close" class="Modal-overlay" data-target="ugc-credit-card-review-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/credit-cards/?question-set=default&firm_logo_path=%2F%2Fcdn.prodstatic.com%2Fshared%2Fimages%2Fcards%2F120x76%2F03141a30-6f84-11ef-88db-67757e6c8737.png%3Fauto%3Dwebp%26fit%3Dbounds%26width%3D120%26height%3D76&firm_name=Capital+One+Venture+Rewards+Credit+Card&product_id=credit-cards%252Freviews%252Fcapital-one-venture-rewards-credit-card"></iframe> </div><button @click="" aria-label="close" class="ModalHybrid-close" data-cy="modalClose" data-target="ugc-credit-card-review-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-credit-card-review-modal"); const container = document.getElementById("modalStack"); container.append(mymodal); window.initModal('ugc-credit-card-review-modal', 1); }); </script> </div></div> </div> </div> </section> <section class="section-wrapper mb-10 py-0 gutter"> <div class="wrapper"> <a href="/finance/credit-cards/travel/" class="Button Button--primary w-full sm:w-auto max-w-6xl"> Compare the best travel credit cards</a> </div> </section> <section class="section-wrapper py-10 gutter bg-gradient-gray-light"> <div class="wrapper md:px-32 mb-16"> <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/2023/04/03122209/Garrett-Yarbrough-Headshot-2-scaled.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/2023/04/03122209/Garrett-Yarbrough-Headshot-2-scaled.jpg?auto=webp&quality=85&width=96&height=96&fit=cover&enable=upscale&crop=1:1,smart&dpr=2 2x, https://www.bankrate.com/2023/04/03122209/Garrett-Yarbrough-Headshot-2-scaled.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/2023/04/03122209/Garrett-Yarbrough-Headshot-2-scaled.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"> Garrett Yarbrough</div> <div class="type-body-two text-slate pr-2">Writer, Credit cards</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 "> <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/garrett-yarbrough-b94187127/" target="_blank" rel="nofollow" aria-label="Connect with Garrett Yarbrough on LinkedIn" data-beam-element-clicked id="author_bio_garrett_yarbrough_linkedin_icon" data-type="icon" data-location="author_bio_garrett_yarbrough" 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> <li class="AuthorSocialConnect-item display-block"> <a class="AuthorSocialConnect-link display-flex align-items-center text-slate p-3 hover:text-blue-600" href="mailto:gyarbrough@redventures.com" target="_blank" rel="nofollow" aria-label="Get in contact with Garrett Yarbrough via Email" data-beam-element-clicked id="author_bio_garrett_yarbrough_email_icon" data-type="icon" data-location="author_bio_garrett_yarbrough" data-position="top" data-text="email" data-outcome="open_email" > <svg class="Icon Icon--xs" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Email Envelope Icon</title><path d="M7.463 22.403h12.6c1.244 0 2.097-.244 2.602-.748.574-.566.835-1.584.835-3.203V8.96C23.5 5.966 22.656 5 20.037 5H7.463C4.844 5 4 5.966 4 8.96v9.492c0 1.619.27 2.637.835 3.203.505.504 1.358.748 2.602.748h.026Z" fill="transparent" class="icon-offset"/><path fill-rule="evenodd" clip-rule="evenodd" d="M17.949 21.512H6.051c-1.558 0-2.632-.345-3.378-1.09-.812-.813-1.173-2.026-1.173-3.945V7.531c0-3.534 1.37-5.043 4.576-5.043h11.848c4.027 0 4.576 2.55 4.576 5.043v8.946c0 1.919-.36 3.14-1.173 3.944-.746.747-1.82 1.09-3.378 1.09ZM6.076 20.2h11.873c1.173 0 1.976-.23 2.452-.705.541-.533.787-1.493.787-3.018V7.531c0-2.82-.795-3.73-3.264-3.73H6.076c-2.469 0-3.264.91-3.264 3.73v8.946c0 1.525.254 2.485.787 3.018.476.475 1.28.705 2.452.705h.025Zm5.944-6.872c-.64 0-1.28-.213-1.812-.64l-.361-.29L6.69 15.82a.66.66 0 0 1-.927.041.66.66 0 0 1-.041-.926l3.1-3.364L5.797 9.13a.653.653 0 1 1 .82-1.017l3.49 2.815a.64.64 0 0 1 .157.127l.765.617c.582.467 1.41.467 1.992 0l.794-.646a.67.67 0 0 1 .082-.066l3.487-2.839a.655.655 0 0 1 .927.099.655.655 0 0 1-.099.926l-2.986 2.431 3.06 3.359a.655.655 0 1 1-.968.886l-3.11-3.415-.367.298c-.54.427-1.18.64-1.82.64v-.017Z" class="icon-base"/></svg></a> </li> </ul> <div> <a class="Button Button--secondary type-body-two" href="https://www.bankrate.com/authors/garrett-yarbrough/">Read more from Garrett</a> </div> </div> </div> <div class="w-full type-body-two text-slate mt-4 mb-8"> Bankrate expert Garrett Yarbrough strives to make navigating credit cards and credit building smooth sailing for his readers. After regularly featuring his credit card, credit monitoring and identity theft analysis on NextAdvisor.com, he joined the CreditCards.com and Bankrate teams as a staff writer to develop product reviews and comprehensive credit card guides focused on cash back, credit scores and card offers.</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/2021/03/09122243/Untitled-23.jpeg?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/2021/03/09122243/Untitled-23.jpeg?auto=webp&quality=85&width=48&height=48&fit=cover&enable=upscale&crop=1:1,smart&dpr=2 2x, https://www.bankrate.com/2021/03/09122243/Untitled-23.jpeg?auto=webp&quality=85&width=48&height=48&fit=cover&enable=upscale&crop=1:1,smart&dpr=3 3x" src="https://www.bankrate.com/2021/03/09122243/Untitled-23.jpeg?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('e9Jwwx')" 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-e9Jwwx" aria-controls="tooltip-content-e9Jwwx" x-bind="trigger"> Nouri Zarrugh</button><div class="Tooltip-content Tooltip-content--belowTrigger Tooltip-content--anchorCenter author-preview"style="display: none;" id="tooltip-content-e9Jwwx" aria-hidden="true" aria-labelledby="tooltip-trigger-e9Jwwx" 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/2021/03/09122243/Untitled-23.jpeg?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/2021/03/09122243/Untitled-23.jpeg?auto=webp&quality=85&width=64&height=64&fit=cover&enable=upscale&crop=1:1,smart&dpr=2 2x, https://www.bankrate.com/2021/03/09122243/Untitled-23.jpeg?auto=webp&quality=85&width=64&height=64&fit=cover&enable=upscale&crop=1:1,smart&dpr=3 3x" src="https://www.bankrate.com/2021/03/09122243/Untitled-23.jpeg?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/nouri-zarrugh/" class="Link Link--standalone text-black"> Nouri Zarrugh</a> </div> <span class="AuthorPreview-title type-body-two text-slate text-crop-none">Senior Editor, Credit Cards</span> </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> Rewards credit cards </li> <li class="display-flex align-items-center gap-2 mt-2 text-black"> <span class="text-blue-mid text-base"> • </span> Travel credit cards </li> </ul> </div> </div> <div class="AuthorPreview-bottom text-slate"> <div class="AuthorPreview-bio text-crop-none AuthorPreview-bio--truncated"> Nouri Zarrugh is a writer and editor for CreditCards.com and Bankrate, focusing on product news, guides and reviews. His areas of expertise include credit card strategy, rewards programs, point valuation and credit scores, and his stories on building credit have been cited by Mic.com, LifeHacker, People.com and more. Through his thorough card reviews and product comparisons, Nouri strives to demystify personal finance topics and credit card terms and conditions to help readers save money and protect their credit score.</div> <div class="display-flex align-items-center justify-content-space-between w-full"> <a href="https://www.bankrate.com/authors/nouri-zarrugh/" 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://twitter.com/nourizarrugh" target="_blank" rel="nofollow" aria-label="Connect with Nouri Zarrugh on Twitter" data-beam-element-clicked id="author_bio_nouri_zarrugh_twitter_icon" data-type="icon" data-location="author_bio_nouri_zarrugh" data-position="top" data-text="twitter" data-outcome="open_twitter" > <svg class="Icon Icon--xs" 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> </li> <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/nouri-zarrugh/" target="_blank" rel="nofollow" aria-label="Connect with Nouri Zarrugh on LinkedIn" data-beam-element-clicked id="author_bio_nouri_zarrugh_linkedin_icon" data-type="icon" data-location="author_bio_nouri_zarrugh" 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/nouri-zarrugh/" class="text-link text-black plain font-circular-bold ">Nouri Zarrugh</a> </div> </strong> <span class="AuthorPreview-title type-body-two text-slate text-crop-none">Senior Editor, Credit Cards</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://twitter.com/nourizarrugh" target="_blank" rel="nofollow" aria-label="Connect with Nouri Zarrugh on Twitter" data-beam-element-clicked id="author_bio_nouri_zarrugh_twitter_icon" data-type="icon" data-location="author_bio_nouri_zarrugh" data-position="top" data-text="twitter" data-outcome="open_twitter" > <svg class="Icon Icon--xs" 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> </li> <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/nouri-zarrugh/" target="_blank" rel="nofollow" aria-label="Connect with Nouri Zarrugh on LinkedIn" data-beam-element-clicked id="author_bio_nouri_zarrugh_linkedin_icon" data-type="icon" data-location="author_bio_nouri_zarrugh" 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 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:ml-auto"> <div class="AuthorPreview AuthorPreview--reviewer AuthorPreview--basic"> <div class="AuthorPreview-top border-b border-gray-light pb-4"> <img srcset="https://www.bankrate.com/v5.1521.3/next/img/authors/no-image.png?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/v5.1521.3/next/img/authors/no-image.png?auto=webp&quality=85&width=48&height=48&fit=cover&enable=upscale&crop=1:1,smart&dpr=2 2x, https://www.bankrate.com/v5.1521.3/next/img/authors/no-image.png?auto=webp&quality=85&width=48&height=48&fit=cover&enable=upscale&crop=1:1,smart&dpr=3 3x" src="https://www.bankrate.com/v5.1521.3/next/img/authors/no-image.png?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">Reviewed 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('9N5rQx')" 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-9N5rQx" aria-controls="tooltip-content-9N5rQx" x-bind="trigger"> Itzel Garcia Ruiz</button><div class="Tooltip-content Tooltip-content--belowTrigger Tooltip-content--anchorCenter author-preview"style="display: none;" id="tooltip-content-9N5rQx" aria-hidden="true" aria-labelledby="tooltip-trigger-9N5rQx" role="dialog" x-bind="content"> <div class="Tooltip-body"> <div class="Tooltip-arrow"></div> <div class="AuthorPreview AuthorPreview--reviewer AuthorPreview--tooltip"> <div class="AuthorPreview-top border-b border-gray-light pb-4"> <img srcset="https://www.bankrate.com/v5.1521.3/next/img/authors/no-image.png?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/v5.1521.3/next/img/authors/no-image.png?auto=webp&quality=85&width=64&height=64&fit=cover&enable=upscale&crop=1:1,smart&dpr=2 2x, https://www.bankrate.com/v5.1521.3/next/img/authors/no-image.png?auto=webp&quality=85&width=64&height=64&fit=cover&enable=upscale&crop=1:1,smart&dpr=3 3x" src="https://www.bankrate.com/v5.1521.3/next/img/authors/no-image.png?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"> Itzel Garcia Ruiz</div> <span class="AuthorPreview-title type-body-two text-slate text-crop-none">Associate web publisher</span> </div> </div> <div class="AuthorPreview-expertise my-4"> </div> <div class="AuthorPreview-bottom text-slate"> <a class="text-blue text-crop-none" href="/financial-review-board/">About our review board</a> </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"> <span class="font-circular-bold">Itzel Garcia Ruiz</span> </div> </strong> <span class="AuthorPreview-title type-body-two text-slate text-crop-none">Associate web publisher</span> <ul class="AuthorSocialConnect List display-flex align-items-center mb-0 pt-2 -ml-3"> </ul> </div> </div> </div> </div> </div> </div> </div> </div> <div class="wrapper"> <p class="type-body-one text-slate"> * See the online application for details about terms and conditions for these offers. Every reasonable effort has been made to maintain accurate information. However all credit card information is presented without warranty. After you click on the offer you desire you will be directed to the credit card issuer's web site where you can review the terms and conditions for your selected offer. </p> <p class="type-body-one text-slate"> <strong class="font-bold">Editorial Disclosure:</strong> Opinions expressed here are the author's alone, and have not been reviewed or approved by any advertiser. The information, including card rates and fees, is accurate as of the publish date. All products or services are presented without warranty. Check the bank’s website for the most current information. </p> </div> </section> <section class="section-wrapper gutter"> <div class="CreditCardReviewPage-carousel wrapper px-6"> <div class="credit-card-review-page-up-next-cards"> <div class="w-full"> <div class="display-flex flex-direction-column gap-4 mb-12"> <h2 class="type-heading-six text-blue uppercase m-0"> Up next</h2> <div class="display-flex"> <span class="UpNextCarousel-LeadingText type-body-one text-slate"> Read more</span> <span class="UpNextCarousel-LeadingText type-body-one font-bold ml-3 m-0"> <a class="Link Link--underline " href="/credit-cards/travel/" > Travel</a> </span> </div> </div> <div class="display-flex"> <div class="swiper UpNextCarousel" > <div class="swiper-container mb-4 md:mb-6" data-carousel-params="{ "loop": false, "slidesPerView": "auto", "spaceBetween": 24, "breakpoints": { "599": { "slidesPerView": "auto" } } }"> <div class="swiper-wrapper"> <div class="swiper-slide py-3 w-72 md:w-80"> <review class="Card Card--accentedBottom box-shadow-1"> <a href="/credit-cards/reviews/capital-one-venture-x/" data-beam-element-clicked data-type="BUTTON" data-location="FOOTER" data-name="Capital One Venture X Rewards Credit Card Review" data-position="0" data-text="" data-outcome="INTERNALLINK" data-category="" > <div class="Card-head pt-6" style="height: 4.5rem; max-width: 16rem;"> <img src="//cdn.prodstatic.com/shared/images/cards/240x151/401d0150-336c-11ec-b6bf-8d6df3a2e669.png?auto=webp&amp;fit=bounds&amp;width=240&amp;height=151" class="pl-6 max-h-20 min-h-12" loading="lazy" aria-label="Capital One Venture X Rewards Credit Card Review logo"> </div> <div class="display-flex flex-direction-column p-6"> <p class="Card-link type-heading-four mb-4 mt-3">Capital One Venture X Rewards Credit Card Review</p> <span class="display-flex align-items-center flex-wrap"> <div class="star-rating star-rating--number-size-sm align-center" 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="text-black type-heading-six font-bold pl-2 pr-2">5.0</span> <span class="text-black type-body-three font-bold pr-2">Bankrate Score</span> </span> </div> </a> </review> </div> <div class="swiper-slide py-3 w-72 md:w-80"> <review class="Card Card--accentedBottom box-shadow-1"> <a href="/credit-cards/reviews/american-express-gold-card/" data-beam-element-clicked data-type="BUTTON" data-location="FOOTER" data-name="American Express® Gold Card Review" data-position="1" data-text="" data-outcome="INTERNALLINK" data-category="" > <div class="Card-head pt-6" style="height: 4.5rem; max-width: 16rem;"> <img src="//cdn.prodstatic.com/shared/images/cards/240x151/87ce2390-9d21-11ef-9a6e-b1df6310cacd.png?auto=webp&amp;fit=bounds&amp;width=240&amp;height=151" class="pl-6 max-h-20 min-h-12" loading="lazy" aria-label="American Express® Gold Card Review logo"> </div> <div class="display-flex flex-direction-column p-6"> <p class="Card-link type-heading-four mb-4 mt-3">American Express® Gold Card Review</p> <span class="display-flex align-items-center flex-wrap"> <div class="star-rating star-rating--number-size-sm align-center" style="font-size: 16px"> <span class="visually-hidden">Rating: 4.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: 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> </div> </div> <span class="text-black type-heading-six font-bold pl-2 pr-2">4.9</span> <span class="text-black type-body-three font-bold pr-2">Bankrate Score</span> </span> </div> </a> </review> </div> <div class="swiper-slide py-3 w-72 md:w-80"> <review class="Card Card--accentedBottom box-shadow-1"> <a href="/credit-cards/reviews/the-platinum-card-from-american-express/" data-beam-element-clicked data-type="BUTTON" data-location="FOOTER" data-name="The Platinum Card® from American Express Review" data-position="2" data-text="" data-outcome="INTERNALLINK" data-category="" > <div class="Card-head pt-6" style="height: 4.5rem; max-width: 16rem;"> <img src="//cdn.prodstatic.com/shared/images/cards/240x151/b00a5840-5b1a-11ef-a7c5-db9b566f392d.png?auto=webp&amp;fit=bounds&amp;width=240&amp;height=151" class="pl-6 max-h-20 min-h-12" loading="lazy" aria-label="The Platinum Card® from American Express Review logo"> </div> <div class="display-flex flex-direction-column p-6"> <p class="Card-link type-heading-four mb-4 mt-3">The Platinum Card® from American Express Review</p> <span class="display-flex align-items-center flex-wrap"> <div class="star-rating star-rating--number-size-sm align-center" style="font-size: 16px"> <span class="visually-hidden">Rating: 4.8 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: 71%"> <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="text-black type-heading-six font-bold pl-2 pr-2">4.8</span> <span class="text-black type-body-three font-bold pr-2">Bankrate Score</span> </span> </div> </a> </review> </div> <div class="swiper-slide py-3 w-72 md:w-80"> <review class="Card Card--accentedBottom box-shadow-1"> <a href="/credit-cards/reviews/citi-strata-premier-card/" data-beam-element-clicked data-type="BUTTON" data-location="FOOTER" data-name="Citi Strata Premier℠ Card Review" data-position="3" data-text="" data-outcome="INTERNALLINK" data-category="" > <div class="Card-head pt-6" style="height: 4.5rem; max-width: 16rem;"> <img src="//cdn.prodstatic.com/shared/images/cards/240x151/cc4c54f0-0d3f-11ef-8061-419b99b523ee.png?auto=webp&amp;fit=bounds&amp;width=240&amp;height=151" class="pl-6 max-h-20 min-h-12" loading="lazy" aria-label="Citi Strata Premier℠ Card Review logo"> </div> <div class="display-flex flex-direction-column p-6"> <p class="Card-link type-heading-four mb-4 mt-3">Citi Strata Premier℠ Card Review</p> <span class="display-flex align-items-center flex-wrap"> <div class="star-rating star-rating--number-size-sm align-center" style="font-size: 16px"> <span class="visually-hidden">Rating: 4.6 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: 57%"> <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="text-black type-heading-six font-bold pl-2 pr-2">4.6</span> <span class="text-black type-body-three font-bold pr-2">Bankrate Score</span> </span> </div> </a> </review> </div> <div class="swiper-slide py-3 w-72 md:w-80"> <review class="Card Card--accentedBottom box-shadow-1"> <a href="/credit-cards/reviews/bank-of-america-premium-rewards-credit-card/" data-beam-element-clicked data-type="BUTTON" data-location="FOOTER" data-name="Bank of America® Premium Rewards® credit card Review" data-position="4" data-text="" data-outcome="INTERNALLINK" data-category="" > <div class="Card-head pt-6" style="height: 4.5rem; max-width: 16rem;"> <img src="//cdn.prodstatic.com/shared/images/cards/240x151/62c53980-9449-11ee-89a5-832517452cd3.jpeg?auto=webp&amp;fit=bounds&amp;width=240&amp;height=151" class="pl-6 max-h-20 min-h-12" loading="lazy" aria-label="Bank of America® Premium Rewards® credit card Review logo"> </div> <div class="display-flex flex-direction-column p-6"> <p class="Card-link type-heading-four mb-4 mt-3">Bank of America® Premium Rewards® credit card Review</p> <span class="display-flex align-items-center flex-wrap"> <div class="star-rating star-rating--number-size-sm align-center" 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> <span class="text-black type-heading-six font-bold pl-2 pr-2">4.2</span> <span class="text-black type-body-three font-bold pr-2">Bankrate Score</span> </span> </div> </a> </review> </div> <div class="swiper-slide py-3 w-72 md:w-80"> <review class="Card Card--accentedBottom box-shadow-1"> <a href="/credit-cards/reviews/capital-one-platinum-credit-card/" data-beam-element-clicked data-type="BUTTON" data-location="FOOTER" data-name="Capital One Platinum Credit Card Review" data-position="5" data-text="" data-outcome="INTERNALLINK" data-category="" > <div class="Card-head pt-6" style="height: 4.5rem; max-width: 16rem;"> <img src="//cdn.prodstatic.com/shared/images/cards/240x151/1b1ddd50-5981-11ef-a79b-ddd94e41e6b3.png?auto=webp&amp;fit=bounds&amp;width=240&amp;height=151" class="pl-6 max-h-20 min-h-12" loading="lazy" aria-label="Capital One Platinum Credit Card Review logo"> </div> <div class="display-flex flex-direction-column p-6"> <p class="Card-link type-heading-four mb-4 mt-3">Capital One Platinum Credit Card Review</p> <span class="display-flex align-items-center flex-wrap"> <div class="star-rating star-rating--number-size-sm align-center" 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> <span class="text-black type-heading-six font-bold pl-2 pr-2">4.2</span> <span class="text-black type-body-three font-bold pr-2">Bankrate Score</span> </span> </div> </a> </review> </div></div> </div> <button class="swiper-button-prev Button Button--utility 1 sm:display-flex"> <span class="Icon"> <svg class="Icon-glyph" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Caret Left Icon</title><path d="M15.85 21a1.36 1.36 0 0 1-.938-.379L7.23 12.932c-.51-.51-.51-1.35 0-1.86l7.681-7.69a1.32 1.32 0 0 1 1.86 0c.51.511.51 1.35 0 1.861l-6.745 6.75 6.744 6.751c.51.51.51 1.35 0 1.86a1.29 1.29 0 0 1-.937.38l.016.016Z" class="icon-base"/></svg></span> </button> <button class="swiper-button-next Button Button--utility 1 sm:display-flex"> <span class="Icon"> <svg class="Icon-glyph" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" focusable="false"><title>Caret Right Icon</title><path d="M8.168 21a1.39 1.39 0 0 1-.938-.379c-.51-.51-.51-1.35 0-1.86l6.744-6.75L7.23 5.242c-.51-.51-.51-1.35 0-1.86a1.32 1.32 0 0 1 1.859 0l7.681 7.689c.51.51.51 1.35 0 1.86l-7.681 7.69A1.29 1.29 0 0 1 8.15 21h.017Z" class="icon-base"/></svg></span> </button> <div class="swiper-pagination display-none"></div> </div> </div> </div> </div> </div> </section> </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-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="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><script> function loadReviews() { return { currentReviews: [], lastPage: 1, page: 1, perPage: 44, scoreCategories: {"overall":"overall","extra_perks":"Extra perks","meets_needs":"Meets financial needs","information_safe":"Privacy and security","customer_service":"Customer service","online_tools":"Online portal or mobile app","rewards_redemption":"Ease of rewards redemption","rewards_value":"Rewards value","intro_apr_length":"Intro APR length","intro_apr_needs_met":"Intro APR value"}, keyQuestions: {"continue_using":"Will use this card for 12+ months?","would_recommend_card":"Recommends this card?"}, searchTerm: '', sortBy: 'highest-rating', userInteracted: false, get filteredReviews() { const currentProductId = encodeURIComponent(new URL(window.location).pathname); let url = `/api/v2/consumer-reviews/?product_id=${currentProductId}&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; 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', }); } }; } </script> <link rel="modulepreload" href="https://www.bankrate.com/v5.1521.3/next/build/assets/swiper-DWCLpeyN.js" /><link rel="modulepreload" href="https://www.bankrate.com/v5.1521.3/next/build/assets/core-BQ0W-InE.js" /><script type="module" src="https://www.bankrate.com/v5.1521.3/next/build/assets/swiper-DWCLpeyN.js"></script><script> document.addEventListener("DOMContentLoaded", () => window.initializeSwipers()); </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><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/modal-CmzQ4Z88.js" /><script type="module" src="https://www.bankrate.com/v5.1521.3/next/build/assets/modal-CmzQ4Z88.js"></script><script defer="" nomodule="" src="https://credit-cards-next.bankrate.com/_next/static/chunks/polyfills-78c92fac7aa8fdd8.js"></script><script src="https://credit-cards-next.bankrate.com/_next/static/chunks/webpack-fd029da595203864.js" defer=""></script><script src="https://credit-cards-next.bankrate.com/_next/static/chunks/framework-ecc4130bc7a58a64.js" defer=""></script><script src="https://credit-cards-next.bankrate.com/_next/static/chunks/main-8aad859e56cee57a.js" defer=""></script><script src="https://credit-cards-next.bankrate.com/_next/static/chunks/pages/_app-391c33102ba6123e.js" defer=""></script><script src="https://credit-cards-next.bankrate.com/_next/static/chunks/242-545d5c4a5c5eea2a.js" defer=""></script><script src="https://credit-cards-next.bankrate.com/_next/static/chunks/189-3b764e4c27c9390c.js" defer=""></script><script src="https://credit-cards-next.bankrate.com/_next/static/chunks/364-e4bd51f819c0599c.js" defer=""></script><script src="https://credit-cards-next.bankrate.com/_next/static/chunks/pages/review-page/%5BvariationId%5D-850503b7a069b2ec.js" defer=""></script><script src="https://credit-cards-next.bankrate.com/_next/static/xWwgV5f6NNIpcHCewuDbi/_buildManifest.js" defer=""></script><script src="https://credit-cards-next.bankrate.com/_next/static/xWwgV5f6NNIpcHCewuDbi/_ssgManifest.js" defer=""></script><link rel="modulepreload" href="https://www.bankrate.com/v5.1521.3/next/build/assets/apply-click-BHWyE1v9.js" /><link rel="modulepreload" href="https://www.bankrate.com/v5.1521.3/next/build/assets/isMetabrowser-Bhx5FPe_.js" /><script type="module" src="https://www.bankrate.com/v5.1521.3/next/build/assets/apply-click-BHWyE1v9.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('#Current-offer-details,#pros-cons,#Reasons-to-get-this-card,#Reasons-to-skip-this-card,#value,#expert-experience,#compare,#Best-cards-to-pair,#worth-it,#methodology,#faqs,#what-cardholders-think', 64, ); }); </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/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-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/match-height-CwDdkRrP.js" /><script type="module" src="https://www.bankrate.com/v5.1521.3/next/build/assets/match-height-CwDdkRrP.js"></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>