/* Secure Payments: responsive layout based on the supplied desktop and mobile references. */
.cv-secure-payments-page{max-width:1440px;margin:0 auto;color:var(--navy);font-family:Arial,sans-serif;background:#fff}
.cv-secure-payments-page h1,.cv-secure-payments-page h2,.cv-secure-payments-page h3,.cv-secure-payments-page p,.cv-secure-payments-page ul,.cv-secure-payments-page ol,.cv-secure-payments-page figure{margin:0}
.cv-secure-payments-page ul,.cv-secure-payments-page ol{padding:0;list-style:none}
.cv-secure-payments-page h2{font-size:clamp(22px,2.08vw,30px);line-height:1.15;font-weight:700;letter-spacing:-.9px}
.cv-secure-payments-page h3{font-size:14px;font-weight:600;line-height:1.2;letter-spacing:-.35px}
.cv-secure-payments-page p{font-size:14px;line-height:1.25;color:#42608c}
.cv-secure-payments-page a:focus-visible{outline:3px solid var(--teal);outline-offset:4px}
.cv-secure-hero{height:clamp(283px,24.48vw,352px);color:#fff;background:#032036 url('payments/hero-branded.png') right 54%/auto 125% no-repeat;position:relative;isolation:isolate}
.cv-secure-hero::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#032036 0%,#032036f5 30%,#03203699 45%,transparent 68%)}
.cv-secure-hero-inner{padding:16px clamp(32px,3.8vw,55px) 18px}
.cv-secure-breadcrumbs ol{display:flex;gap:8px;align-items:center;font-size:11px;line-height:14px}
.cv-secure-breadcrumbs .cv-icon{width:11px;height:11px;display:block}
.cv-secure-breadcrumbs a:hover{text-decoration:underline}
.cv-secure-payments-page .cv-secure-hero h1{font-family:Arial,sans-serif;font-size:clamp(48px,4.85vw,70px);font-weight:700;line-height:.92;letter-spacing:-1.8px;margin-top:17px}
.cv-secure-hero h1 span{color:var(--orange)}
.cv-secure-payments-page .cv-secure-hero-summary{font-size:clamp(20px,1.9vw,27px);line-height:1.2;color:#fff;margin:3px 0 16px;letter-spacing:-.45px}
.cv-secure-promises{display:flex;align-items:center;max-width:800px;gap:16px}
.cv-secure-promises li{display:flex;align-items:center;gap:12px;min-width:0;padding-right:16px;border-right:1px solid #ffffff40}
.cv-secure-promises li:last-child{border:0;padding:0}
.cv-secure-promise-icon{display:block;width:42px;height:42px;flex-shrink:0;color:#03b7c9}
.cv-secure-promise-icon .cv-icon{width:100%;height:100%}
.cv-secure-promises strong{font-size:14px;line-height:1.2;font-weight:500;display:block;white-space:nowrap;letter-spacing:-.35px}
.cv-secure-promises small{font-size:12px;line-height:1.2;display:block;margin-top:5px;white-space:nowrap}
.cv-secure-mobile-break{display:none}
.cv-secure-content{padding:12px 16px 0}
.cv-secure-methods{padding:11px 26px 8px;background:#eefbfc;border-radius:12px}
.cv-secure-methods>p{margin-top:3px}
.cv-secure-method-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:8px!important}
.cv-secure-method-grid li{min-width:0}
.cv-secure-method-tile{height:68px;display:flex;align-items:center;justify-content:center;border:1px solid #e2edf6;border-radius:8px;background:#fff}
.cv-secure-payment-logo{width:140px;height:54px;max-width:90%;overflow:hidden;display:block}
.cv-secure-method-grid figcaption{text-align:center;font-size:14px;line-height:18px;color:#42608c;margin-top:5px}
.cv-secure-method-grid figcaption small{display:block;font-size:13px}
.cv-secure-sr-only{position:absolute!important;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.cv-secure-workflow{margin:14px 8px 0}
.cv-secure-workflow>h2{line-height:1.1}
.cv-secure-workflow>p{font-size:16px;line-height:1.15;margin-top:3px}
.cv-secure-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:36px;margin-top:7px!important}
.cv-secure-steps>li{position:relative;border:1px solid #e4edf8;border-radius:10px;min-height:130px;padding:9px 18px 11px;display:grid;grid-template-columns:44px minmax(0,1fr);grid-template-rows:36px 1fr;gap:9px 18px;align-content:start;background:linear-gradient(120deg,#fff,#fcfdff)}
.cv-secure-step-number{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;color:#fff;background:linear-gradient(135deg,#00cbda,#0099ad);font-size:22px;line-height:1;font-weight:600}
.cv-secure-steps>li:nth-child(even) .cv-secure-step-number{background:linear-gradient(135deg,#ff9b0b,#ff6200)}
.cv-secure-step-icon{width:36px;height:36px;display:block;color:#02b5c6;margin-top:5px}
.cv-secure-step-icon .cv-icon{width:100%;height:100%}
.cv-secure-steps>li:nth-child(even) .cv-secure-step-icon{color:#ff7000}
.cv-secure-steps>li>div{grid-column:2;min-width:0}
.cv-secure-steps p{font-size:13px;line-height:1.16;margin-top:2px}
.cv-secure-step-arrow{position:absolute;right:-27px;top:50%;transform:translateY(-50%);display:block;width:14px;height:20px;color:#42608c}
.cv-secure-step-arrow .cv-icon{width:100%;height:100%}
.cv-secure-assurances{margin:14px 8px 0;padding:10px 25px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));background:#f3f8fd;border-radius:10px;min-height:70px}
.cv-secure-assurances>div{display:flex;align-items:center;gap:20px;border-right:1px solid #a9bdd9;padding-right:24px;margin-right:12px}
.cv-secure-assurances>div:last-child{border:0;padding:0;margin:0}
.cv-secure-assurances>div>span{width:46px;height:46px;flex-shrink:0;color:#02b5c6}
.cv-secure-assurances>div:nth-child(2)>span{color:#0068ef}
.cv-secure-assurances .cv-icon{width:100%;height:100%}
.cv-secure-assurances p{font-size:13px;line-height:1.2;margin-top:3px}
.cv-secure-policy{margin:8px 8px 0;padding:10px 18px 8px 26px;min-height:90px;display:flex;gap:20px;justify-content:space-between;align-items:center;background:#e4f9fa;border-radius:10px}
.cv-secure-policy-intro{display:flex;align-items:center;gap:16px}
.cv-secure-policy-intro>span{width:48px;height:54px;flex-shrink:0;color:#02b5c6}
.cv-secure-policy-intro .cv-icon{width:100%;height:100%}
.cv-secure-policy-intro h2{font-size:19px;letter-spacing:-.6px}
.cv-secure-policy-intro p{font-size:13px;line-height:1.2;margin-top:3px}
.cv-secure-policy-intro p a{color:var(--navy)}
.cv-secure-policy-intro p a:hover{text-decoration:underline}
.cv-secure-policy-button{background:#ff7400;color:#fff;border-radius:7px;min-height:47px;padding:13px 24px;display:inline-flex;gap:12px;justify-content:center;align-items:center;font-size:13px;font-weight:600;white-space:nowrap;flex-shrink:0}
.cv-secure-policy-button:hover{background:#e96700}
.cv-secure-policy-button .cv-icon{width:16px;height:16px}
@media(min-width:761px) and (max-width:1000px){
 .cv-secure-promises{gap:10px}.cv-secure-promises li{gap:8px;padding-right:10px}.cv-secure-promises strong{font-size:12px}.cv-secure-promises small{font-size:10px}.cv-secure-promise-icon{width:35px;height:35px}
 .cv-secure-steps{gap:22px}.cv-secure-steps>li{padding:10px;grid-template-columns:30px minmax(0,1fr);gap:9px 10px;min-height:140px}.cv-secure-step-number{width:30px;height:30px;font-size:20px}.cv-secure-step-arrow{right:-19px;width:12px}
 .cv-secure-assurances{padding:12px}.cv-secure-assurances>div{gap:10px;padding-right:12px;margin-right:12px}.cv-secure-assurances>div>span{width:34px;height:34px}.cv-secure-assurances p{font-size:11px}.cv-secure-assurances h3{font-size:12px}
 .cv-secure-policy-intro p{font-size:11px}.cv-secure-policy-intro h2{font-size:17px}.cv-secure-policy{padding:14px;gap:12px}.cv-secure-policy-button{padding:13px 16px;font-size:12px}
}
@media(max-width:760px){
 .cv-secure-hero{height:280px;background-position:calc(100% + 116px) center;background-size:auto 115%}
 .cv-secure-hero::before{background:linear-gradient(90deg,#032036f5 0%,#032036bd 43%,#03203645 70%,transparent)}
 .cv-secure-hero-inner{padding:12px 18px 14px}
 .cv-secure-breadcrumbs ol{font-size:10px;gap:5px;line-height:12px}
 .cv-secure-breadcrumbs .cv-icon{width:9px;height:9px}
 .cv-secure-payments-page .cv-secure-hero h1{font-size:30px;line-height:1.02;letter-spacing:-1.1px;margin-top:14px}
 .cv-secure-payments-page .cv-secure-hero-summary{font-size:12px;line-height:1.3;letter-spacing:-.2px;margin:8px 0 18px;max-width:300px}
 .cv-secure-desktop-break{display:none}
 .cv-secure-mobile-break{display:inline}
 .cv-secure-promises{display:flex;flex-direction:column;align-items:flex-start;gap:6px}
 .cv-secure-promises li{border:0;padding:0;gap:10px}
 .cv-secure-promise-icon{width:34px;height:34px;padding:7px;border-radius:50%;background:linear-gradient(135deg,#00d0db,#00a5b9);color:#fff}
 .cv-secure-promise-icon .cv-secure-shield-shape,.cv-secure-promise-icon .cv-secure-circle-shape{display:none}
 .cv-secure-promises strong{font-size:12px;letter-spacing:-.35px;font-weight:500}
 .cv-secure-promises small{display:none}
 .cv-secure-content{padding:10px 12px 20px}
 .cv-secure-methods{padding:10px 10px 18px;border-radius:9px}
 .cv-secure-payments-page h2{font-size:20px;line-height:1.15;letter-spacing:-.75px}
 .cv-secure-methods>p{font-size:13px;line-height:1.3;margin-top:3px}
 .cv-secure-method-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:7px 4px;margin-top:8px!important}
 .cv-secure-method-grid li{grid-column:span 2}
 .cv-secure-method-grid li:nth-child(n+4){grid-column:span 3}
 .cv-secure-method-tile{height:50px;border-radius:6px}
 .cv-secure-payment-logo{height:34px;width:90px;max-width:94%}
 .cv-secure-method-grid figcaption{display:none}
 .cv-secure-workflow{margin:16px 4px 0}
 .cv-secure-workflow>p{font-size:14px;line-height:1.25;margin-top:3px}
 .cv-secure-steps{grid-template-columns:1fr;gap:8px;margin-top:4px!important;padding:7px 0!important;border:1px solid #e4edf8;border-radius:10px}
 .cv-secure-steps>li{border:0;min-height:48px;padding:3px 12px;grid-template-columns:28px 30px minmax(0,1fr);grid-template-rows:auto;gap:0 22px;align-items:start;background:linear-gradient(90deg,#fff 0%,#fff 36%,#f5f9fd 36%,#f5f9fd 100%);border-radius:9px}
 .cv-secure-step-number{width:28px;height:28px;font-size:19px;margin-top:4px}
 .cv-secure-step-icon{width:28px;height:28px;margin-top:7px}
 .cv-secure-steps>li>div{grid-column:3;padding:0;min-width:0}
 .cv-secure-payments-page .cv-secure-steps h3{font-size:12px;line-height:1.15;letter-spacing:-.3px}
 .cv-secure-steps p{font-size:11px;line-height:1.25;margin-top:2px}
 .cv-secure-step-arrow{top:auto;right:auto;left:71px;bottom:-10px;width:8px;height:8px;transform:rotate(90deg);color:#95b2d7}
 .cv-secure-assurances,.cv-secure-policy-intro{display:none}
 .cv-secure-policy{padding:0;margin:62px 8px 0;min-height:0;background:none;border-radius:0;display:block}
 .cv-secure-policy-button{width:100%;min-height:50px;padding:13px 8px;gap:8px;font-size:12px;letter-spacing:-.25px;border-radius:7px}
}
