.main[view=pingIntegrationFeature]{padding-bottom:0}.main[view=pingIntegrationFeature] .intro{box-sizing:border-box;min-height:480px;padding:56px 0}.main[view=pingIntegrationFeature] .intro .container{align-items:center;gap:72px;height:368px;justify-content:flex-start}.main[view=pingIntegrationFeature] .intro .intro-content{display:flex;flex:0 1 600px;flex-flow:column nowrap;gap:40px;justify-content:flex-start;max-width:600px;min-width:0;order:1;padding:0;width:600px}.main[view=pingIntegrationFeature] .intro .intro-copy{display:flex;flex-flow:column nowrap;gap:16px}.main[view=pingIntegrationFeature] .intro .intro-copy h1,.main[view=pingIntegrationFeature] .intro .intro-copy p{margin:0}.main[view=pingIntegrationFeature] .intro .partner-logos{display:flex;align-items:center;gap:16px}.main[view=pingIntegrationFeature] .intro .intro-content .actions{margin-top:0}.main[view=pingIntegrationFeature] .intro .intro-media{align-items:center;display:flex;flex:0 1 661px;justify-content:center;max-width:100%;min-width:0;order:2}.main[view=pingIntegrationFeature] .intro .intro-media picture,.main[view=pingIntegrationFeature] .intro .intro-media img{display:block;width:466px;max-width:100%;height:auto}.main[view=pingIntegrationFeature] .section-heading{display:flex;flex-flow:column nowrap;gap:16px;margin:0 auto 40px;max-width:1236px;text-align:center}.main[view=pingIntegrationFeature] .how-it-works .content{padding-top:56px;padding-bottom:56px}.main[view=pingIntegrationFeature] .steps{gap:48px}.main[view=pingIntegrationFeature] .step-card{display:flex;flex-flow:column nowrap;align-items:center;gap:16px;text-align:center}.main[view=pingIntegrationFeature] .step-media{padding:16px;width:100%}.main[view=pingIntegrationFeature] .step-media picture,.main[view=pingIntegrationFeature] .step-media img,.main[view=pingIntegrationFeature] .step-media video{display:block;width:100%;height:auto}.main[view=pingIntegrationFeature] .step-media video{display:none}.main[view=pingIntegrationFeature] .benefits h2{text-align:center}@media(max-width: 991px){.main[view=pingIntegrationFeature] .benefits .feature-showcase-row .image-content{justify-self:center}}.main[view=pingIntegrationFeature] .benefits .feature-showcase-row--media-left .image-content{grid-column:1;grid-row:1}.main[view=pingIntegrationFeature] .benefits .feature-showcase-row--media-left .text-content{grid-column:2;grid-row:1}@media(max-width: 991px){.main[view=pingIntegrationFeature] .benefits .feature-showcase-row--media-left .image-content,.main[view=pingIntegrationFeature] .benefits .feature-showcase-row--media-left .text-content{grid-column:auto;grid-row:auto}}@media(max-width: 991px){.main[view=pingIntegrationFeature] .benefits .feature-showcase-row--stack-media-first .image-content{order:0}.main[view=pingIntegrationFeature] .benefits .feature-showcase-row--stack-media-first .text-content{order:1}}.main[view=pingIntegrationFeature] .benefits .content{align-items:center}@media(max-width: 991px){.main[view=pingIntegrationFeature] .benefits .content{grid-template-columns:1fr}}.main[view=pingIntegrationFeature] .benefits .text-content{display:flex;flex-flow:column nowrap;justify-content:center;align-items:flex-start;gap:16px;width:592px;max-width:100%}@media(max-width: 991px){.main[view=pingIntegrationFeature] .benefits .text-content{width:100%}}.main[view=pingIntegrationFeature] .benefits .text-content ul{display:flex;flex-flow:column nowrap;justify-content:center;align-items:flex-start;gap:16px}.main[view=pingIntegrationFeature] .benefits .text-content .actions{margin-top:40px}.main[view=pingIntegrationFeature] .benefits .image-content{display:flex;flex-flow:column nowrap;justify-content:center;align-items:center;position:relative}.main[view=pingIntegrationFeature] .benefits .image-content.no-border img{background:none;padding:0;border-radius:0;width:auto}.main[view=pingIntegrationFeature] .benefits .image-content.no-bg img{background:none;padding:0}.main[view=pingIntegrationFeature] .benefits .image-content.no-background img{background:none;width:auto}.main[view=pingIntegrationFeature] .benefits .image-content.borderless img{background:none;width:inherit}@media(max-width: 991px){.main[view=pingIntegrationFeature] .benefits .image-content{width:fit-content;order:2;justify-self:center}}.main[view=pingIntegrationFeature] .benefits .image-content img{background:#262626;padding:24px;border-radius:8px;max-width:100%}@media(max-width: 768px){.main[view=pingIntegrationFeature] .benefits .image-content img{padding:16px}}.main[view=pingIntegrationFeature] .benefits .feature-showcase-row{gap:96px}.main[view=pingIntegrationFeature] .benefits .heading-container{padding-bottom:0}.main[view=pingIntegrationFeature] .benefits .image-content{background:none;padding:0;width:fit-content;justify-self:center}.main[view=pingIntegrationFeature] .benefits .image-content img{background:none;border-radius:0;padding:0}.main[view=pingIntegrationFeature] .benefits .image-content video{display:block;height:196px;max-width:100%;width:600px}.main[view=pingIntegrationFeature] .benefits .image-content.borderless{margin:0}.main[view=pingIntegrationFeature] .benefits .image-content.borderless img{display:none}.main[view=pingIntegrationFeature] .call-to-action .content{padding-top:56px;padding-bottom:56px}.main[view=pingIntegrationFeature] .call-to-action .section-heading p{margin:0 auto;max-width:948px}.main[view=pingIntegrationFeature] .cta-divider{background:linear-gradient(to right, #000000 0%, #ffc700 47%, #000000 100%);height:1px;margin:0 auto;width:638px;max-width:100%}@media(max-width: 991px){.main[view=pingIntegrationFeature] .intro .container{flex-flow:column nowrap;height:auto;text-align:center}.main[view=pingIntegrationFeature] .intro-content,.main[view=pingIntegrationFeature] .partner-logos,.main[view=pingIntegrationFeature] .intro-content .actions{align-items:center;justify-content:center}.main[view=pingIntegrationFeature] .intro .intro-content{flex:none;max-width:600px;width:100%}.main[view=pingIntegrationFeature] .intro .intro-media{flex:none;width:100%}}@media(max-width: 414px){.main[view=pingIntegrationFeature] .intro .partner-logos{gap:8px;width:100%}.main[view=pingIntegrationFeature] .intro .partner-logos img:first-of-type{height:auto;width:min(153px,(100% - 36px)*.48)}.main[view=pingIntegrationFeature] .intro .partner-logos img:last-of-type{height:auto;width:min(161px,(100% - 36px)*.52)}.main[view=pingIntegrationFeature] .intro .partner-logos span{flex:0 0 auto;font-size:20px}}@media(max-width: 480px){.main[view=pingIntegrationFeature] .intro{padding:48px 0}.main[view=pingIntegrationFeature] .intro .container,.main[view=pingIntegrationFeature] .how-it-works .content,.main[view=pingIntegrationFeature] .call-to-action .content{padding-left:16px;padding-right:16px}.main[view=pingIntegrationFeature] .steps{gap:32px}.main[view=pingIntegrationFeature] .step-media{padding:0}}@media(max-width: 768px){.main[view=pingIntegrationFeature] .benefits .image-content img{padding:0}.main[view=pingIntegrationFeature] .benefits .image-content video{display:none}.main[view=pingIntegrationFeature] .benefits .image-content.borderless img{display:block}}[locale=en_US] .main[view=pingIntegrationFeature] .step-media video,[locale=en_GB] .main[view=pingIntegrationFeature] .step-media video{display:block}[locale=en_US] .main[view=pingIntegrationFeature] .step-media picture,[locale=en_GB] .main[view=pingIntegrationFeature] .step-media picture{display:none}