.main[view=vsAzureVault] .intro{position:relative;overflow:hidden;background:#000}.main[view=vsAzureVault] .intro [class^=btn-]{width:auto}.main[view=vsAzureVault] .intro .container{display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:stretch;gap:24px 40px}@media (max-width:991px){.main[view=vsAzureVault] .intro .container{flex-flow:column nowrap;justify-content:flex-start;align-items:flex-start}}.main[view=vsAzureVault] .intro .intro-content{padding:88px 0;width:50%;max-width:640px;display:flex;flex-flow:column nowrap;justify-content:center;align-items:flex-start;order:1}@media (max-width:1200px){.main[view=vsAzureVault] .intro .intro-content{padding:72px 0}}@media (max-width:991px){.main[view=vsAzureVault] .intro .intro-content{width:100%;max-width:100%;margin-inline-start:0;padding:64px 0 0}}@media (max-width:768px){.main[view=vsAzureVault] .intro .intro-content{padding:57px 0 0}}@media (max-width:767px){.main[view=vsAzureVault] .intro .intro-content{padding:48px 0 0}}@media (max-width:480px){.main[view=vsAzureVault] .intro .intro-content{padding:40px 0 0}}.main[view=vsAzureVault] .intro .intro-content h1{display:block;width:100%;max-width:442px;margin-bottom:23px}@media (max-width:991px){.main[view=vsAzureVault] .intro .intro-content h1{margin:0 auto 23px;width:100%;text-align:center}}.main[view=vsAzureVault] .intro .intro-content h1+p{display:block;width:100%;max-width:442px}@media (max-width:991px){.main[view=vsAzureVault] .intro .intro-content h1+p{width:100%;margin:0 auto;text-align:center}}.main[view=vsAzureVault] .intro .intro-content p{display:block;max-width:100%;width:100%}@media (max-width:991px){.main[view=vsAzureVault] .intro .intro-content p{text-align:center}}@media (max-width:768px){.main[view=vsAzureVault] .intro .intro-content p{font-size:24px}}@media (max-width:767px){.main[view=vsAzureVault] .intro .intro-content p{font-size:22px}}@media (max-width:480px){.main[view=vsAzureVault] .intro .intro-content p{font-size:20px}}.main[view=vsAzureVault] .intro .intro-content p a{color:#ffc700}.main[view=vsAzureVault] .intro .intro-content #secretsManagerDemoRequestForm{margin-bottom:24px;max-width:360px;width:100%;text-align:start;margin-top:32px}@media (max-width:991px){.main[view=vsAzureVault] .intro .intro-content #secretsManagerDemoRequestForm{margin:24px auto;text-align:center}.main[view=vsAzureVault] .intro .intro-content #secretsManagerDemoRequestForm input.btn-submit{width:100%}}.main[view=vsAzureVault] .intro .intro-content #secretsManagerDemoRequestForm .gridRow.terms{text-align:start}@media (max-width:768px){.main[view=vsAzureVault] .intro .intro-content #secretsManagerDemoRequestForm .gridRow.terms{text-align:center}}.main[view=vsAzureVault] .intro .intro-content #secretsManagerDemoRequestForm .gridRow.terms .terms-notice{text-align:initial}@media (max-width:768px){.main[view=vsAzureVault] .intro .intro-content #secretsManagerDemoRequestForm .gridRow.terms .terms-notice{text-align:center}}.main[view=vsAzureVault] .intro .intro-content #secretsManagerDemoRequestForm .gridRow.terms .eu-notice{margin-bottom:20px}.main[view=vsAzureVault] .intro .intro-content ul li{color:#fff;font-size:20px}@media (max-width:991px){.main[view=vsAzureVault] .intro .intro-content ul li{font-size:18px;text-align:start}}@media (max-width:768px){.main[view=vsAzureVault] .intro .intro-content ul li{font-size:16px}}.main[view=vsAzureVault] .intro .intro-content ul li+li{margin-top:8px}@media (max-width:991px){.main[view=vsAzureVault] .intro .intro-content .actions{text-align:center}.main[view=vsAzureVault] .intro .intro-content .actions [class^=btn-]{margin:0 auto}}.main[view=vsAzureVault] .intro .intro-image{width:50%;display:flex;flex-flow:column nowrap;justify-content:center;align-items:center;order:2}@media (max-width:991px){.main[view=vsAzureVault] .intro .intro-image{width:100%;height:auto;padding-bottom:30px}}.main[view=vsAzureVault] .intro .intro-image img{display:block;max-width:100%}.main[view=vsAzureVault] section.learnWhy{background:#ececec;padding:20px 0}.main[view=vsAzureVault] section.learnWhy .actions{color:#000;text-align:center;text-transform:uppercase;position:relative;transition:all .3s ease}@media (max-width:640px){.main[view=vsAzureVault] section.learnWhy .actions{padding:0 40px}}.main[view=vsAzureVault] section.learnWhy .actions:after,.main[view=vsAzureVault] section.learnWhy .actions:before{content:"";display:inline-block;width:20px;height:20px;background:url("/assets/icons/double-chevron-down-blue.svg") no-repeat center/contain;position:relative;top:50%;transition:all .3s ease}@media (max-width:640px){.main[view=vsAzureVault] section.learnWhy .actions:after,.main[view=vsAzureVault] section.learnWhy .actions:before{position:absolute;margin-top:-10px}}@media (max-width:480px){.main[view=vsAzureVault] section.learnWhy .actions:after,.main[view=vsAzureVault] section.learnWhy .actions:before{width:16px;height:16px;margin-top:-8px}}.main[view=vsAzureVault] section.learnWhy .actions:before{inset-inline-start:-10px;transform:rotate(-90deg)}@media (max-width:640px){.main[view=vsAzureVault] section.learnWhy .actions:before{inset-inline-start:10px}}.main[view=vsAzureVault] section.learnWhy .actions:after{right:-10px;transform:rotate(90deg)}@media (max-width:640px){.main[view=vsAzureVault] section.learnWhy .actions:after{right:10px}}.main[view=vsAzureVault] section.learnWhy .actions a{color:#1e4b8c;font-weight:600;font-size:18px}@media (max-width:768px){.main[view=vsAzureVault] section.learnWhy .actions a{font-size:16px!important}}@media (max-width:640px){.main[view=vsAzureVault] section.learnWhy .actions a{font-size:14px!important}}@media (max-width:480px){.main[view=vsAzureVault] section.learnWhy .actions a{font-size:12px!important}}.main[view=vsAzureVault] #leaveHostedBehind{background:radial-gradient(ellipse at center,#1b78e0 0,#1b78e0 50%,#004899 100%)}@media (max-width:991px){.main[view=vsAzureVault] #leaveHostedBehind{padding:40px 0}}.main[view=vsAzureVault] #leaveHostedBehind h2{color:#fff}@media (max-width:991px){.main[view=vsAzureVault] #leaveHostedBehind h2{width:100%;text-align:center}}.main[view=vsAzureVault] #leaveHostedBehind p{color:#fff;margin:24px 0 0}@media (max-width:991px){.main[view=vsAzureVault] #leaveHostedBehind p{width:100%;text-align:center}}.main[view=vsAzureVault] #leaveHostedBehind .container{display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:stretch;gap:24px 40px}@media (max-width:991px){.main[view=vsAzureVault] #leaveHostedBehind .container{flex-flow:column nowrap;justify-content:flex-start;align-items:center}}.main[view=vsAzureVault] #leaveHostedBehind .container .leaveImage{width:50%;display:flex;flex-flow:column nowrap;justify-content:center;align-items:center}@media (max-width:991px){.main[view=vsAzureVault] #leaveHostedBehind .container .leaveImage{order:2;width:100%}}.main[view=vsAzureVault] #leaveHostedBehind .container .leaveImage img{display:block;max-width:100%}.main[view=vsAzureVault] #leaveHostedBehind .container .leaveContent{width:50%;max-width:546px;display:flex;flex-flow:column nowrap;justify-content:center;align-items:flex-start;text-align:start}@media (max-width:991px){.main[view=vsAzureVault] #leaveHostedBehind .container .leaveContent{width:100%;max-width:100%;order:1}}.main[view=vsAzureVault] #compare{background:#e5e5e5;padding:72px 0}@media (max-width:991px){.main[view=vsAzureVault] #compare{padding:64px 0}}@media (max-width:768px){.main[view=vsAzureVault] #compare{padding:48px 0}}.main[view=vsAzureVault] #compare h2{text-align:center;margin-bottom:67px}.main[view=vsAzureVault] #compare p{width:900px;max-width:100%;text-align:center;margin:24px auto 0}.main[view=vsAzureVault] #compare #comparisonChart{display:flex;flex-flow:row wrap;justify-content:center;align-items:stretch;border-radius:8px 8px 0 0;background:#fff;margin-top:64px;box-shadow:0 14px 28px rgba(0,0,0,.16),0 10px 10px rgba(0,0,0,.12)}.main[view=vsAzureVault] #compare #comparisonChart .theFeature{display:flex;flex-flow:row wrap;justify-content:center;align-items:stretch;width:100%}.main[view=vsAzureVault] #compare #comparisonChart .theFeature.tempHidden{height:0;opacity:0}.main[view=vsAzureVault] #compare #comparisonChart .theFeature>div{display:flex;flex-flow:row nowrap;justify-content:flex-start;align-items:center;width:33.332%;text-align:start;font-size:20px;line-height:1.4}@media (max-width:991px){.main[view=vsAzureVault] #compare #comparisonChart .theFeature>div{font-size:18px}}.main[view=vsAzureVault] #compare #comparisonChart .theFeature>div.featureName{font-size:22px;font-weight:500;padding:16px 50px 16px 110px}@media (max-width:1200px){.main[view=vsAzureVault] #compare #comparisonChart .theFeature>div.featureName{padding:16px 40px 16px 80px;background-position:30px center!important}}@media (max-width:991px){.main[view=vsAzureVault] #compare #comparisonChart .theFeature>div.featureName{font-size:20px;padding:16px 30px 16px 70px;background-position:20px center!important}}@media (max-width:767px){.main[view=vsAzureVault] #compare #comparisonChart .theFeature>div.featureName{width:50%;background-size:32px!important}}@media (max-width:640px){.main[view=vsAzureVault] #compare #comparisonChart .theFeature>div.featureName{font-size:18px;background-size:30px!important}}@media (max-width:480px){.main[view=vsAzureVault] #compare #comparisonChart .theFeature>div.featureName{font-size:16px;background-size:26px!important;padding:16px 16px 16px 50px}}@media (max-width:414px){.main[view=vsAzureVault] #compare #comparisonChart .theFeature>div.featureName{font-size:14px;background-size:20px!important}}.main[view=vsAzureVault] #compare #comparisonChart .theFeature>div.featureName.cloudBased{background:url("/assets/icons/100-percent-cloud.svg") no-repeat 52px center/36px}.main[view=vsAzureVault] #compare #comparisonChart .theFeature>div.featureName.alwaysOn{background:url("/assets/icons/always-on.svg") no-repeat 52px center/36px}.main[view=vsAzureVault] #compare #comparisonChart .theFeature>div.featureName.hightAvail{background:url("/assets/icons/high-availability-built-in.svg") no-repeat 52px center/36px}.main[view=vsAzureVault] #compare #comparisonChart .theFeature>div.featureName.zeroMaint{background:url("/assets/icons/zero-knowledge.svg") no-repeat 52px center/36px}.main[view=vsAzureVault] #compare #comparisonChart .theFeature>div.featureName.worksOff{background:url("/assets/icons/work-offline.svg") no-repeat 52px center/36px}.main[view=vsAzureVault] #compare #comparisonChart .theFeature>div.featureName.sslBuiltIn{background:url("/assets/icons/ssl-built-in.svg") no-repeat 52px center/36px}.main[view=vsAzureVault] #compare #comparisonChart .theFeature>div.featureName.zeroKnldg{background:url("/assets/icons/zero-knowledge-encryption-model.svg") no-repeat 52px center/36px}.main[view=vsAzureVault] #compare #comparisonChart .theFeature>div.featureName.zeroTrust{background:url("/assets/icons/zero-trust-access-model-for-vault-secrets.svg") no-repeat 52px center/36px}.main[view=vsAzureVault] #compare #comparisonChart .theFeature>div.featureName.cbReporting{background:url("/assets/icons/cloud-based-reporting.svg") no-repeat 52px center/36px}.main[view=vsAzureVault] #compare #comparisonChart .theFeature>div.featureName.slackMS{background:url("/assets/icons/apps-black.svg") no-repeat 52px center/36px}.main[view=vsAzureVault] #compare #comparisonChart .theFeature>div.featureName.browserPlug{background:url("/assets/icons/browser-plugin.svg") no-repeat 52px center/36px}.main[view=vsAzureVault] #compare #comparisonChart .theFeature>div.featureName.endUser{background:url("/assets/icons/end-user-web-vault.svg") no-repeat 52px center/36px}.main[view=vsAzureVault] #compare #comparisonChart .theFeature>div.featureName.nativeDskApp{background:url("/assets/icons/native-desktop-application.svg") no-repeat 52px center/36px}.main[view=vsAzureVault] #compare #comparisonChart .theFeature>div.featureName.iosApp{background:url("/assets/logos/apple-black.svg") no-repeat 52px center/36px}.main[view=vsAzureVault] #compare #comparisonChart .theFeature>div.featureName.droidApp{background:url("/assets/logos/android-black.svg") no-repeat 52px center/36px}.main[view=vsAzureVault] #compare #comparisonChart .theFeature>div.featureName.mobiFill{background:url("/assets/icons/mobile-app-autofill.svg") no-repeat 52px center/36px}.main[view=vsAzureVault] #compare #comparisonChart .theFeature>div.featureName.cbAdminCnsl{background:url("/assets/icons/cloud-based-admin-console.svg") no-repeat 52px center/36px}.main[view=vsAzureVault] #compare #comparisonChart .theFeature>div.featureName.webFill{background:url("/assets/icons/website-autofill.svg") no-repeat 52px center/36px}.main[view=vsAzureVault] #compare #comparisonChart .theFeature>div.featureName.nativeFill{background:url("/assets/icons/native-app-autofill.svg") no-repeat 52px center/36px}.main[view=vsAzureVault] #compare #comparisonChart .theFeature>div.featureName.mspTenant{background:url("/assets/icons/msp-multi-tenant-version.svg") no-repeat 52px center/36px}.main[view=vsAzureVault] #compare #comparisonChart .theFeature>div.featureName.darkWeb{background:url("/assets/icons/dark-web-monitoring.svg") no-repeat 52px center/36px}.main[view=vsAzureVault] #compare #comparisonChart .theFeature>div.featureName.persFam{background:url("/assets/icons/keeper-family-black.svg") no-repeat 52px center/36px}.main[view=vsAzureVault] #compare #comparisonChart .theFeature>div.keeperSupport{padding:16px 57px 16px 106px;background:#fff url("/assets/icons/icon-check-circle-green.svg") no-repeat 50px center/36px}.main[view=vsAzureVault] #compare #comparisonChart .theFeature>div.keeperSupport:not(.headingCell){box-shadow:0 14px 28px rgba(0,0,0,.16),0 10px 10px rgba(0,0,0,.12)}@media (max-width:1200px){.main[view=vsAzureVault] #compare #comparisonChart .theFeature>div.keeperSupport{padding:16px 30px 16px 90px;background-position:30px center!important}}@media (max-width:991px){.main[view=vsAzureVault] #compare #comparisonChart .theFeature>div.keeperSupport{padding:16px 30px 16px 70px;background-position:20px center!important}}@media (max-width:767px){.main[view=vsAzureVault] #compare #comparisonChart .theFeature>div.keeperSupport{text-indent:-10000px;padding:16px 40px;background-position:center!important;width:25%}}@media (max-width:640px){.main[view=vsAzureVault] #compare #comparisonChart .theFeature>div.keeperSupport{background-size:30px}}.main[view=vsAzureVault] #compare #comparisonChart .theFeature>div.keeperSupport p{text-align:start}.main[view=vsAzureVault] #compare #comparisonChart .theFeature>div.otherSmsSupport{padding:16px 50px 16px 90px;background:url("/assets/icons/x-red.svg") no-repeat 40px center/32px}@media (max-width:1200px){.main[view=vsAzureVault] #compare #comparisonChart .theFeature>div.otherSmsSupport{padding:16px 30px 16px 90px;background-position:30px center!important}}@media (max-width:991px){.main[view=vsAzureVault] #compare #comparisonChart .theFeature>div.otherSmsSupport{padding:16px 30px 16px 60px;background-position:20px center!important}}@media (max-width:767px){.main[view=vsAzureVault] #compare #comparisonChart .theFeature>div.otherSmsSupport{text-indent:-10000px;padding:16px 40px;background-position:center!important;width:25%}}@media (max-width:640px){.main[view=vsAzureVault] #compare #comparisonChart .theFeature>div.otherSmsSupport{background-size:28px}}.main[view=vsAzureVault] #compare #comparisonChart .theFeature>div.headingCell{background:#232323;color:#fff;position:relative;padding:30px 54px}.main[view=vsAzureVault] #compare #comparisonChart .theFeature>div.headingCell h3{text-align:center;width:100%;color:#fff}@media (max-width:1100px){.main[view=vsAzureVault] #compare #comparisonChart .theFeature>div.headingCell h3{font-size:22px}}@media (max-width:991px){.main[view=vsAzureVault] #compare #comparisonChart .theFeature>div.headingCell h3{font-size:20px}}.main[view=vsAzureVault] #compare #comparisonChart .theFeature>div.headingCell.featureName{border-radius:8px 0 0 0;overflow:hidden}.main[view=vsAzureVault] #compare #comparisonChart .theFeature>div.headingCell.keeperSupport{background:#08509a;padding-top:18px}@media (max-width:767px){.main[view=vsAzureVault] #compare #comparisonChart .theFeature>div.headingCell.keeperSupport{padding:18px 10px}}.main[view=vsAzureVault] #compare #comparisonChart .theFeature>div.headingCell.keeperSupport:before{content:"";display:block;width:100%;height:11px;border-radius:8px 8px 0 0;background:#08509a;position:absolute;inset-inline-start:0;bottom:100%}.main[view=vsAzureVault] #compare #comparisonChart .theFeature>div.headingCell.keeperSupport h3{text-indent:-10000px;background:url("/assets/branding/keeper-secrets-manager.svg") no-repeat left center/contain;width:188px;height:46px;margin:0 auto}@media (max-width:767px){.main[view=vsAzureVault] #compare #comparisonChart .theFeature>div.headingCell.keeperSupport h3{width:46px;background-size:188px 46px}}.main[view=vsAzureVault] #compare #comparisonChart .theFeature>div.headingCell.otherSmsSupport{border-radius:0 8px 0 0;overflow:hidden;color:#fff}@media (max-width:767px){.main[view=vsAzureVault] #compare #comparisonChart .theFeature>div.headingCell.otherSmsSupport{padding:18px 10px}}.main[view=vsAzureVault] #compare #comparisonChart .theFeature>div.headingCell.otherSmsSupport h3{text-indent:0}.main[view=vsAzureVault] #compare #comparisonChart .theFeature>div.headingCell.otherSmsSupport h3 .showMobile{display:none}@media (max-width:767px){.main[view=vsAzureVault] #compare #comparisonChart .theFeature>div.headingCell.otherSmsSupport h3 .showMobile{display:block}}@media (max-width:767px){.main[view=vsAzureVault] #compare #comparisonChart .theFeature>div.headingCell.otherSmsSupport h3 .showDesktop{display:none}}.main[view=vsAzureVault] #compare #comparisonChart .theFeature>div:not(.headingCell){border-top:1px solid #c4c4c4}.main[view=vsAzureVault] #compare #comparisonChart.fullVisibility{border-radius:8px}.main[view=vsAzureVault] #compare #comparisonChart.fullVisibility div.theFeature.tempHidden{height:auto;opacity:1}.main[view=vsAzureVault] #compare .actions{display:block;width:100%;margin:0;padding:40px 0;text-align:center;background:#fff;border-radius:0 0 8px 8px;position:relative;z-index:11}.main[view=vsAzureVault] #compare .actions:before{content:"";display:block;width:100%;height:100px;position:absolute;inset-inline-start:0;bottom:100%;background:linear-gradient(to bottom,rgba(240,249,255,0) 0,#fff 100%)}.main[view=vsAzureVault] section#demoVideo{background:#fff;padding:64px 0 48px}@media (max-width:991px){.main[view=vsAzureVault] section#demoVideo{padding:64px 0}}@media (max-width:768px){.main[view=vsAzureVault] section#demoVideo{padding:48px 0}}.main[view=vsAzureVault] section#demoVideo .container{max-width:1080px}.main[view=vsAzureVault] section#demoVideo h2{text-align:center;margin-bottom:56px}@media (max-width:768px){.main[view=vsAzureVault] section#demoVideo h2{margin-bottom:32px}}.main[view=vsAzureVault] section#demoVideo .demo-video-container{box-shadow:0 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.22);margin:0 auto;border-radius:7px;overflow:hidden;width:770px;max-width:100%}.main[view=vsAzureVault] #seamlesslyIntegrates{background:#000 url("/assets/images/pages/secrets-manager/man-using-dual-monitor-computer-graphic-web@2x.webp") no-repeat center/contain;background-position:calc(50% + 300px) center;padding:64px 0 48px}@media (max-width:1440px){.main[view=vsAzureVault] #seamlesslyIntegrates{background-position:calc(50% + 200px) center}}@media (max-width:1200px){.main[view=vsAzureVault] #seamlesslyIntegrates{background-position:calc(50% + 150px) center}}@media (max-width:991px){.main[view=vsAzureVault] #seamlesslyIntegrates{padding:64px 0 60%;background-image:url("/assets/images/pages/secrets-manager/man-using-dual-monitor-computer-graphic-web.webp");background-position:bottom center}}@media (max-width:768px){.main[view=vsAzureVault] #seamlesslyIntegrates{padding:48px 0 60%}}.main[view=vsAzureVault] #seamlesslyIntegrates .seamlessContent{width:50%;max-width:600px}@media (max-width:991px){.main[view=vsAzureVault] #seamlesslyIntegrates .seamlessContent{width:100%;max-width:100%;text-align:center}}.main[view=vsAzureVault] #seamlesslyIntegrates .seamlessContent h2{color:#fff;margin-bottom:24px}.main[view=vsAzureVault] #seamlesslyIntegrates .seamlessContent h2+p{color:#fff}.main[view=vsAzureVault] #seamlesslyIntegrates .seamlessContent img{display:block;max-width:100%;margin:48px 0}@media (max-width:991px){.main[view=vsAzureVault] #seamlesslyIntegrates .seamlessContent img{max-width:80%;margin:40px auto}}@media (max-width:768px){.main[view=vsAzureVault] #seamlesslyIntegrates .seamlessContent img{max-width:85%;margin:32px auto}}@media (max-width:480px){.main[view=vsAzureVault] #seamlesslyIntegrates .seamlessContent img{max-width:90%;margin:16px auto}}.main[view=vsAzureVault] section.addons{background-color:#f9f9f9}@media (max-width:768px){.main[view=vsAzureVault] section.addons,.main[view=vsAzureVault] section.features{padding:40px 10px}}.main[view=vsAzureVault] section.addons .container,.main[view=vsAzureVault] section.features .container{display:flex;flex-flow:row nowrap}@media (max-width:768px){.main[view=vsAzureVault] section.addons .container,.main[view=vsAzureVault] section.features .container{flex-flow:column wrap}}.main[view=vsAzureVault] section.addons .container:after,.main[view=vsAzureVault] section.addons .container:before,.main[view=vsAzureVault] section.features .container:after,.main[view=vsAzureVault] section.features .container:before{content:none}.main[view=vsAzureVault] section.addons .left-side,.main[view=vsAzureVault] section.features .left-side{width:31%}.main[view=vsAzureVault] section.addons .right-side,.main[view=vsAzureVault] section.features .right-side{width:69%}@media (max-width:768px){.main[view=vsAzureVault] section.addons .left-side,.main[view=vsAzureVault] section.features .left-side{width:100%;text-align:center}.main[view=vsAzureVault] section.addons .right-side,.main[view=vsAzureVault] section.features .right-side{width:100%;text-align:center}}.main[view=vsAzureVault] section.addons h2,.main[view=vsAzureVault] section.features h2{color:#000;padding-inline-end:30px}@media (max-width:768px){.main[view=vsAzureVault] section.addons h2,.main[view=vsAzureVault] section.features h2{margin-bottom:32px;padding-inline-end:0}}.main[view=vsAzureVault] section.addons .list-features,.main[view=vsAzureVault] section.features .list-features{display:flex;flex-flow:row wrap;justify-content:space-between;list-style:none}.main[view=vsAzureVault] section.addons .list-features li,.main[view=vsAzureVault] section.features .list-features li{width:50%;margin-bottom:56px}.main[view=vsAzureVault] section.addons .list-features li h3,.main[view=vsAzureVault] section.features .list-features li h3{margin-bottom:20px;font-size:22px;color:#000;line-height:28px}.main[view=vsAzureVault] section.addons .list-features li p,.main[view=vsAzureVault] section.features .list-features li p{color:#000}.main[view=vsAzureVault] section.addons .list-features li.last,.main[view=vsAzureVault] section.addons .list-features li.pre-last,.main[view=vsAzureVault] section.features .list-features li.last,.main[view=vsAzureVault] section.features .list-features li.pre-last{margin-bottom:0}.main[view=vsAzureVault] section.addons .list-features li:nth-child(odd),.main[view=vsAzureVault] section.features .list-features li:nth-child(odd){padding-inline-end:15px}.main[view=vsAzureVault] section.addons .list-features li:nth-child(2n),.main[view=vsAzureVault] section.features .list-features li:nth-child(2n){padding-inline-start:15px}@media (max-width:768px){.main[view=vsAzureVault] section.addons .list-features li.pre-last,.main[view=vsAzureVault] section.features .list-features li.pre-last{margin-bottom:32px}.main[view=vsAzureVault] section.addons .list-features li:nth-child(2n),.main[view=vsAzureVault] section.addons .list-features li:nth-child(odd),.main[view=vsAzureVault] section.features .list-features li:nth-child(2n),.main[view=vsAzureVault] section.features .list-features li:nth-child(odd){padding:0}}@media (max-width:768px){.main[view=vsAzureVault] section.addons .list-features li,.main[view=vsAzureVault] section.features .list-features li{margin-bottom:32px;width:100%}}.main[view=vsAzureVault] section.features h2{color:#fff}.main[view=vsAzureVault] section.features .list-features li h3{color:#fff}.main[view=vsAzureVault] section.features .list-features li p{color:#fff}.main[view=vsAzureVault] #rating{display:block;background:#fff;padding:56px 0 0}.main[view=vsAzureVault] #rating h2{margin-bottom:56px;color:#000;text-align:center}@media (max-width:640px){.main[view=vsAzureVault] #rating h2{margin-bottom:0;width:250px;margin:0 auto 48px}}@media (max-width:414px){.main[view=vsAzureVault] #rating h2{margin-bottom:40px}}@media screen and (max-width:991px){.main[view=vsAzureVault] #rating img{height:32px;width:auto}}.main[view=vsAzureVault] #rating p.rate{margin-top:20px}@media screen and (max-width:991px){.main[view=vsAzureVault] #rating p.rate{margin:20px 0 80px;height:40px;font-size:14px}}@media screen and (max-width:640px){.main[view=vsAzureVault] #rating p.rate{margin:20px 0 0;display:block;overflow:hidden;height:auto}.main[view=vsAzureVault] #rating p.rate img{display:block;width:100%;clear:both}}.main[view=vsAzureVault] #rating .testimonials{display:flex;flex-flow:row nowrap;justify-content:space-between}@media (max-width:768px){.main[view=vsAzureVault] #rating .testimonials{flex-flow:column nowrap}}.main[view=vsAzureVault] #rating .testimonials .testimonial{background:#fff;width:32%;border-radius:10px;box-shadow:0 0 12px rgba(0,0,0,.12);padding:48px}@media (max-width:991px){.main[view=vsAzureVault] #rating .testimonials .testimonial{padding:40px 16px}}@media (max-width:768px){.main[view=vsAzureVault] #rating .testimonials .testimonial{width:100%;padding:48px;margin-bottom:16px}}@media (max-width:414px){.main[view=vsAzureVault] #rating .testimonials .testimonial{padding:32px 24px;text-align:center}}.main[view=vsAzureVault] #rating .testimonials .testimonial p{margin-top:16px}.main[view=vsAzureVault] #rating .testimonials .testimonial p:first-child{margin-top:32px}.main[view=vsAzureVault] #rating .testimonials .testimonial p strong{font-weight:600}.main[view=vsAzureVault] #expertCTA{background:linear-gradient(140deg,#1b78e0 0,#004899 100%);color:#fff;padding:92px 0}@media (max-width:1200px){.main[view=vsAzureVault] #expertCTA{padding:72px 0}}@media (max-width:991px){.main[view=vsAzureVault] #expertCTA{padding:64px 0}}@media (max-width:768px){.main[view=vsAzureVault] #expertCTA{padding:48px 0}}.main[view=vsAzureVault] #expertCTA h2{text-align:center;margin-bottom:40px}.main[view=vsAzureVault] #expertCTA .actions{text-align:center}[locale=ar_AE] .main[view=vsAzureVault] section.addons h2,[locale=ar_AE] .main[view=vsAzureVault] section.features h2{padding-inline-end:0;padding-inline-start:30px}[locale=ar_AE] .main[view=vsAzureVault] section.addons .list-features li:nth-child(odd),[locale=ar_AE] .main[view=vsAzureVault] section.features .list-features li:nth-child(odd){padding-inline-end:0;padding-inline-start:15px}[locale=ar_AE] .main[view=vsAzureVault] #seamlesslyIntegrates{background-position:calc(50% - 500px) center}@media (max-width:1440px){[locale=ar_AE] .main[view=vsAzureVault] #seamlesslyIntegrates{background-position:calc(50% - 450px) center}}@media (max-width:1200px){[locale=ar_AE] .main[view=vsAzureVault] #seamlesslyIntegrates{background-position:calc(50% - 400px) center}}@media (max-width:991px){[locale=ar_AE] .main[view=vsAzureVault] #seamlesslyIntegrates{background-image:url("/assets/images/pages/secrets-manager/man-using-dual-monitor-computer-graphic-web.webp");background-position:bottom center}}[locale=ar_AE] .main[view=vsAzureVault] #keeperVsHashicorp #comparisonChart{position:relative}[locale=ar_AE] .main[view=vsAzureVault] #keeperVsHashicorp #comparisonChart div{text-align:right;transition:all .3s ease}[locale=ar_AE] .main[view=vsAzureVault] #keeperVsHashicorp #comparisonChart div.otherSmsSupport{border-radius:8px 0 0 0;padding:16px 90px 16px 50px;background-position:calc(100% - 40px) center}@media (max-width:1200px){[locale=ar_AE] .main[view=vsAzureVault] #keeperVsHashicorp #comparisonChart div.otherSmsSupport{padding:16px 90px 16px 30px;background-position:calc(100% - 30px) center!important}}@media (max-width:991px){[locale=ar_AE] .main[view=vsAzureVault] #keeperVsHashicorp #comparisonChart div.otherSmsSupport{padding:16px 60px 16px 30px;background-position:calc(100% - 20px) center!important}}@media (max-width:767px){[locale=ar_AE] .main[view=vsAzureVault] #keeperVsHashicorp #comparisonChart div.otherSmsSupport{padding:16px 40px;background-position:center!important}}[locale=ar_AE] .main[view=vsAzureVault] #keeperVsHashicorp #comparisonChart div.keeperSupport{padding:16px 106px 16px 57px;background-position:calc(100% - 50px) center}@media (max-width:1200px){[locale=ar_AE] .main[view=vsAzureVault] #keeperVsHashicorp #comparisonChart div.keeperSupport{padding:16px 90px 16px 30px;background-position:calc(100% - 30px) center!important}}@media (max-width:991px){[locale=ar_AE] .main[view=vsAzureVault] #keeperVsHashicorp #comparisonChart div.keeperSupport{padding:16px 70px 16px 30px;background-position:calc(100% - 20px) center!important}}@media (max-width:767px){[locale=ar_AE] .main[view=vsAzureVault] #keeperVsHashicorp #comparisonChart div.keeperSupport{padding:16px 40px;background-position:center!important}}[locale=ar_AE] .main[view=vsAzureVault] #keeperVsHashicorp #comparisonChart div.featureName{border-radius:0 8px 0 0;padding:16px 110px 16px 50px;background-position:calc(100% - 52px) center}@media (max-width:1200px){[locale=ar_AE] .main[view=vsAzureVault] #keeperVsHashicorp #comparisonChart div.featureName{padding:16px 80px 16px 40px;background-position:calc(100% - 30px) center!important}}@media (max-width:991px){[locale=ar_AE] .main[view=vsAzureVault] #keeperVsHashicorp #comparisonChart div.featureName{padding:16px 70px 16px 30px;background-position:calc(100% - 20px) center!important}}.azure-vault [data-component=lightbox] #featurePopup.keeperLightbox.active{padding:68px 0 0;margin:-200px auto 0;width:100%;width:calc(100% - 60px);display:block;top:50%;bottom:auto}@media (max-width:640px){.azure-vault [data-component=lightbox] #featurePopup.keeperLightbox.active{width:calc(100% - 40px)}}@media (max-width:480px){.azure-vault [data-component=lightbox] #featurePopup.keeperLightbox.active{width:calc(100% - 20px)}}.azure-vault [data-component=lightbox] #featurePopup.keeperLightbox.active .closePopup{top:13px}.azure-vault [data-component=lightbox] #featurePopup.keeperLightbox.active .popupHeader{position:absolute;inset-inline-start:0;top:0;background:#232323;color:#fff;width:100%;padding:18px 35px;display:flex;flex-flow:row nowrap;justify-content:flex-start;align-items:center}.azure-vault [data-component=lightbox] #featurePopup.keeperLightbox.active .popupHeader .featureName{font-size:18px;padding-inline-start:11px}@media (max-width:640px){.azure-vault [data-component=lightbox] #featurePopup.keeperLightbox.active .popupHeader .featureName{font-size:16px}}@media (max-width:480px){.azure-vault [data-component=lightbox] #featurePopup.keeperLightbox.active .popupHeader .featureName{font-size:14px}}.azure-vault [data-component=lightbox] #featurePopup.keeperLightbox.active .popupHeader img{filter:invert(1)}.azure-vault [data-component=lightbox] #featurePopup.keeperLightbox.active .keeperSupportInfo,.azure-vault [data-component=lightbox] #featurePopup.keeperLightbox.active .otherSupportInfo{display:flex;flex-flow:column nowrap;justify-content:flex-start;align-items:flex-start}.azure-vault [data-component=lightbox] #featurePopup.keeperLightbox.active .keeperSupportInfo .popupTable,.azure-vault [data-component=lightbox] #featurePopup.keeperLightbox.active .otherSupportInfo .popupTable{display:flex;flex-flow:row nowrap;justify-content:flex-start;align-items:flex-start;padding:24px 0 0}.azure-vault [data-component=lightbox] #featurePopup.keeperLightbox.active .keeperSupportInfo .popupTable p,.azure-vault [data-component=lightbox] #featurePopup.keeperLightbox.active .otherSupportInfo .popupTable p{padding-inline-start:18px;font-size:20px;margin:0}@media (max-width:640px){.azure-vault [data-component=lightbox] #featurePopup.keeperLightbox.active .keeperSupportInfo .popupTable p,.azure-vault [data-component=lightbox] #featurePopup.keeperLightbox.active .otherSupportInfo .popupTable p{font-size:16px}}@media (max-width:480px){.azure-vault [data-component=lightbox] #featurePopup.keeperLightbox.active .keeperSupportInfo .popupTable p,.azure-vault [data-component=lightbox] #featurePopup.keeperLightbox.active .otherSupportInfo .popupTable p{font-size:14px}}.azure-vault [data-component=lightbox] #featurePopup.keeperLightbox.active .keeperSupportInfo{padding:32px}.azure-vault [data-component=lightbox] #featurePopup.keeperLightbox.active .otherSupportInfo{background:#ededed;padding:32px}.azure-vault #featureOverview{border-radius:8px}.azure-vault #featureOverview p{display:block;width:100%;margin:16px 0}.azure-vault #featureOverview .popupCTA{margin-top:40px;display:flex;flex-flow:row nowrap;justify-content:flex-end}[locale=ar_AE] .btn.btn-yellow .playIcon{margin:0 0 0 10px}[locale=ar_AE] .main[view=vsAzureVault] #compare #comparisonChart .theFeature>div.headingCell.featureName{border-radius:0 8px 0 0}[locale=ar_AE] .main[view=vsAzureVault] #compare #comparisonChart .theFeature>div.headingCell.otherSmsSupport{border-radius:8px 0 0 0}[locale=ar_AE] .main[view=vsAzureVault] #compare #comparisonChart .theFeature>div:not(.headingCell){padding:16px 110px 16px 50px;background-position:calc(100% - 52px) center;text-align:right}@media (max-width:1200px){[locale=ar_AE] .main[view=vsAzureVault] #compare #comparisonChart .theFeature>div:not(.headingCell){padding:16px 80px 16px 40px;background-position:calc(100% - 30px) center!important}}@media (max-width:991px){[locale=ar_AE] .main[view=vsAzureVault] #compare #comparisonChart .theFeature>div:not(.headingCell){padding:16px 70px 16px 30px;background-position:calc(100% - 20px) center!important}}@media (max-width:480px){[locale=ar_AE] .main[view=vsAzureVault] #compare #comparisonChart .theFeature>div:not(.headingCell){padding:16px 50px 16px 16px;background-position:calc(100% - 16px) center!important}}@media (max-width:767px){[locale=ar_AE] .main[view=vsAzureVault] #compare #comparisonChart .theFeature>div:not(.headingCell).keeperSupport,[locale=ar_AE] .main[view=vsAzureVault] #compare #comparisonChart .theFeature>div:not(.headingCell).otherSmsSupport{padding:16px 40px;background-position:center!important}}