.heading-menu,#adsspcutomerlogos, #maincontent{display:none;}
:root{--txt:#11181f;--bg:#fff;--w:#fff;--line:#b8dbfd;--soft:#e9f4ff;--soft2:#ebf4fe;--hero1:#071527;--hero2:#072448;--acc:#63f9ff;--acc2:#8eeeec;--rad:10px;--ac:1368px}
.pg-alt,.pg-alt *{box-sizing:border-box}
html,body{margin:0;padding:0}
body{font-family:"ZohoPuvi",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--txt);background:var(--bg);-webkit-font-smoothing:antialiased}
.pg-alt p,.pg-alt h1,.pg-alt h2,.pg-alt h3{margin:0}
.ac{width:min(var(--ac),calc(100% - 96px));margin:0 auto}
.pg-alt{background:#fff}
.pg-alt .pg-full{padding:56px 0}
.pg-alt h2{font-size:30px;line-height:1.35;font-weight:600;text-align:center;margin-bottom:20px}
.pg-alt .hero{background:linear-gradient(230deg,var(--hero1) 32%,var(--hero2) 92%);position:relative;overflow:hidden;padding:76px 0 62px}
.pg-alt .hero::before{content:"";position:absolute;left:-170px;top:-180px;width:430px;height:430px;border-radius:50%;background:radial-gradient(circle,#ffffff38,#fff0)}
.pg-alt .hero::after{content:"";position:absolute;right:-240px;top:-250px;width:620px;height:620px;border-radius:50%;background:radial-gradient(circle,#4370ad61,#081c3400)}
.pg-alt .hero .ac{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center}
.pg-alt .hero h1{font-size:37px;line-height:1.35;font-weight:600;text-align:center;color: #fff;}
.pg-alt .hero h1 strong{background:linear-gradient(90deg,#719cff 0%,#94ffe8 100%);-webkit-background-clip:text;background-clip:text;color:transparent;display: block;}
.pg-alt .hero .ac>p{font-size:37px;line-height:1.35;font-weight:500;color:#fff;text-align:center}
.pg-alt .hero .quote-box{margin-top:35px;max-width:880px;width:100%;padding:50px 100px 50px 50px;background:url(../images/ban-bg.webp) no-repeat #022856;background-size:100% 100%;border-radius:7px;position:relative}
.pg-alt .hero .quote-box::before,.pg-alt .hero .quote-box::after{content:"";position:absolute;color:#63f9ff59;font-size:46px;line-height:1}
.pg-alt .hero .quote-box::before{left:-90px;top:0;background:url(../images/bio-key-portalguard-alternative-ic-sprite-26.png) no-repeat -161px -244px;background-size:525px;width:64px;height:46px}
.pg-alt .hero .quote-box::after{right:-100px;bottom:10px;background:url(../images/bio-key-portalguard-alternative-ic-sprite-26.png) no-repeat -253px -244px;background-size:525px;width:71px;height:54px}
.pg-alt .hero .quote-box p:nth-child(1){color:var(--acc);font-size:24px;line-height:1.25;font-weight:600}
.pg-alt .hero .quote-box p:nth-child(2){margin-top:12px;color:#fff;font-size:16px;line-height:1.82}
.pg-alt .hero .quote-box p:nth-child(3){margin-top:24px;color:#fff;font-size:16px;line-height:1.8}
.pg-alt .hero .quote-box p:nth-child(4){margin-top:8px;color:#ffffff85;font-size:16px;line-height:1.7}
.pg-alt .hero .quote-box div.test-cus-bio{margin-top:24px}
.pg-alt .hero .quote-box div.test-cus-bio h6{    color: #fff;
    font-size: 16px;
    line-height: 1.82;}
.pg-alt .hero .quote-box div.test-cus-bio p{font-size: 12px;}
    .pg-alt .hero .quote-box div.test-cus-bio p strong{font-weight: 400;}
.pg-alt .hero .quote-box div.test-cus-bio p strong{    margin-top: 8px;
    color: #ffffff85;
    line-height: 1.7;}
.pg-alt .hero .quote-box div.test-cus-bio p a{}
.pg-alt .hero .cta{margin-top:45px;display:inline-flex;align-items:center;justify-content:center;gap:8px;height:58px;padding:0 35px;border:1px solid #f45959;border-radius:2px;background:linear-gradient(90deg,#f1000d 0%,#a10000 100%);color:#fff;font-size:16px;font-weight:500}
.pg-alt .hero .cta:hover{text-decoration:none}
.pg-alt .hero .cta span{background:url(../images/bio-key-portalguard-alternative-ic-sprite-26.png) no-repeat -389px -140px;background-size:525px;width:14px;height:13px}
.pg-alt .compare{padding-top:90px;background:linear-gradient(180deg,#E5F2FF 0%,#FFF 100%)}
.pg-alt .compare .card{margin-top:24px;border:1px solid var(--line);border-radius:17px;background:#fefffd;box-shadow:0 8px 27px #d6eaffff;padding:55px}
.pg-alt .compare .brands{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center;margin-bottom:28px}
.pg-alt .compare .brands div{background-image:url(../images/bio-key-portalguard-alternative-ic-sprite-26.png);background-repeat:no-repeat;background-size:525px}
.pg-alt .compare .brands .adssp{width:200px;height: 40px;background-position:-5px -3px}
.pg-alt .compare .brands .portalguard{width:225px;height:40px;background-position:-232px 0}
.pg-alt .compare .brands .eset{width:99px;height: 40px;background-position: 0px -244px;background-size: 356px;}
.pg-alt .compare .brands .silverfort{width:225px;height:40px;background-position:-156px -363px}
.pg-alt .compare .brands .keycloak{width:225px;height:40px;background-position:-5px -433px}
.pg-alt .compare .brands .miniorange{width: 138px;height: 40px;background-position: -143px -433px;}
.pg-alt .compare .columns{display:grid;grid-template-columns:1fr 1fr;gap:56px}
.pg-alt .compare .columns>div{display:flex;flex-direction:column;gap:30px}
.pg-alt .compare .columns p{font-size:16px;line-height:1.5;font-weight:600;margin-bottom:8px}
.pg-alt .compare .bar{height:9px;border-radius:1px;background:#E5E5E5;position:relative;border-radius:10px}
.pg-alt .compare .bar span{display:block;height:100%;border-radius:10px;background:linear-gradient(90deg,#3A82C9 0%,#A6D3FB 100%);position:relative}
.pg-alt .compare .right-col .bar span{background:#BABABB}
.pg-alt .compare .bar span::after{content:"";position:absolute;right:-13px;top:50%;margin-top:-12px;width:16px;height:16px;border-radius:50%;border:5px solid #FEFFFD;background:#A1CEF8;filter:drop-shadow(0 1px 6px #00000040)}
.pg-alt .compare .right-col .bar span::after{border-color:#fff;background:#BABABB}
.pg-alt .compare .source{text-align:center;margin-top:16px;font-size:16px;line-height:1.8}
.pg-alt .compare .hint{margin:10px auto 0;max-width:1040px;text-align:center;font-size:14px;line-height:1.7;color:#4b6074}
.pg-alt .compare .hint span{color:#2f70c8;font-size:15px;vertical-align:baseline;margin-right:4px}
.pg-alt .why .panel{background:linear-gradient(230deg,var(--hero1) 32%,var(--hero2) 92%);border-radius:20px;padding:64px 80px 56px}
.pg-alt .why h2{color:#fff}
.pg-alt .why .three-cols{margin-top:40px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:50px}
.pg-alt .why article{text-align:center;color:#fff}
.pg-alt .why .icon{width:70px;height:58px;border-radius:10px;background:#123259;display:grid;place-items:center;margin:0 auto 16px;font-size:24px;background-image:url(../images/bio-key-portalguard-alternative-ic-sprite-26.png);background-repeat:no-repeat;background-size:525px;width:70px;height:58px}
.pg-alt .why .icon-1{background-position:-5px -140px}
.pg-alt .why .icon-2{background-position:-141px -140px}
.pg-alt .why .icon-3{background-position:-281px -140px}
.pg-alt .why h3, .pg-alt .why h3 a{font-size:22px;line-height:1.54;font-weight:600;/* min-height:96px; */}
.pg-alt .why h3 a{color:#fff;text-decoration:none;display: inline-block;}
.pg-alt .why p{font-size:15px;line-height:1.74;color:#ffffffeb}
.pg-alt .gaps .split{margin-top:40px;display:grid;grid-template-columns:460px 1fr;gap:56px;}
.pg-alt .gaps .ac{max-width:1150px}
.pg-alt .gaps .photo{background:var(--soft2);border:1px solid #fff;border-radius:11px;overflow:hidden;min-height:520px}
.pg-alt .gaps .photo img{width:100%;height:100%;object-fit:cover}
.pg-alt .gaps article{padding-left:40px;position:relative}
.pg-alt .gaps article+article{margin-top:28px}
.pg-alt .gaps article::before{content:"";border-radius:50%;position:absolute;left:0;top:8px;background:url(../images/bio-key-portalguard-alternative-ic-sprite-26.png) no-repeat -491px -11px;background-size:525px;width:19px;height:19px}
.pg-alt .gaps h3{font-size:22px;line-height:1.54;font-weight:600}
.pg-alt .gaps p{font-size:15px;line-height:1.87;color:#262f3d}
.pg-alt .gaps article p+p{margin-top:12px}
.pg-alt .highlights .grid7{margin-top:70px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px 32px}
.pg-alt .highlights article{display:flex;flex-direction:column;gap:20px}
.pg-alt .highlights article:last-child{grid-column:1/2}
.pg-alt .highlights i{width:75px;height:62px;border-radius:10px;border:1px solid #afcef5;display:grid;place-items:center;font-size:24px;background:url(../images/bio-key-portalguard-alternative-ic-sprite-26.png) no-repeat -5px -79px #E9F4FF;background-size:525px}

.pg-full.pg-keycloke-scrn{padding: 56px 0;}
.pg-keycloke-scrn{
    text-align: center;
}
.pg-keycloke-scrn h2{}
.pg-keycloke-scrn img{
    border: 1px solid #eaeaea;
    border-radius: 5px;
    margin-bottom: 15px;
}
.pg-keycloke-scrn p{}
.pg-keycloke-scrn p a{}

.highlights i.ic-1{background-position:15px -64px}
.highlights i.ic-2{background-position:-63px -63px}
.highlights i.ic-3{background-position:-145px -59px}
.highlights i.ic-4{background-position:-231px -62px}
.highlights i.ic-5{background-position:-309px -64px}
.highlights i.ic-6{background-position:-388px -63px}
.highlights i.ic-7{background-position:-470px -66px}
.pg-alt .highlights h3{font-size:22px;line-height:1.54;font-weight:600}
.pg-alt .highlights h3 a:hover{color: #138cd6;}
.pg-alt .why h3{
    margin-bottom: 30px;
    position: relative;
}
.pg-alt .why h3 a:hover{color: #138cd6;}
.pg-alt .highlights p{font-size:15px;line-height:1.74;color:#222d3a}
.pg-alt .cta-band{text-align:center;background:linear-gradient(180deg,#f4f9ff 0%,#ffffff 100%);}
.pg-alt .cta-band h2{margin-bottom:10px}
.pg-alt .cta-band p{font-size:16px;line-height:1.7;color:#45556a;max-width:860px;margin:0 auto 24px}
.pg-alt .cta-band .cta{display:inline-flex;align-items:center;justify-content:center;height:52px;padding:0 28px;border-radius:4px;background:linear-gradient(90deg,#f1000d 0%,#a10000 100%);color:#fff;font-size:16px;font-weight:500}
.pg-alt .cta-band .cta:hover{text-decoration:none}
.pg-alt .customer .box{border-radius:10px;background:linear-gradient(230deg,var(--hero1) 32%,var(--hero2) 92%);padding:70px 120px;display:grid;grid-template-columns:360px 1fr;gap:40px;align-items:center;max-width:1270px}
.pg-alt .customer h2{color:var(--acc2);text-align:left;position:relative;padding-top:95px}
.pg-alt .customer h2::before{content:'';position:absolute;background:url(../images/bio-key-portalguard-alternative-ic-sprite-26.png) no-repeat -9px -247px;background-size:525px;width:113px;height:85px;top:0}
.pg-alt .customer blockquote{color:#fff;font-size:19px;line-height:1.53;font-weight:300}
.pg-alt .customer figcaption{margin-top:24px;color:#fff;font-size:20px;line-height:1.7;font-weight:600}
.pg-alt .trusted{}
.pg-alt .trusted .logos{margin-top:26px;border-top:1px solid #eee;border-bottom:1px solid #eee;padding:16px;display:flex;gap:28px;justify-content:center;flex-wrap:wrap;color:#5f6978;font-weight:500}
.trust-comp h2{font-size:30px;font-weight:600;max-width:700px;margin:0 auto 30px;z-index:1;text-align:center;line-height:38px}
.image-row{display:block;width:100%;max-width:1000px;overflow:hidden;margin:auto}
.image-row img{width:1000px;float:left;display:table}
.img-container{overflow:hidden;position:relative;-webkit-transition:.3s ease-in;-o-transition:.3s ease-in;transition:.3s ease-in;width:2000px}
.row-2 .img-container{margin-left:-100%}
.start-anim .row-1 .img-container{-webkit-animation:scroll-1 40s linear infinite;animation:scroll-1 40s linear infinite}
@-webkit-keyframes scroll-1 {
0%{margin-left:0}
50%{margin-left:-100%}
100%{margin-left:0}
}
@keyframes scroll-1 {
0%{margin-left:0}
50%{margin-left:-100%}
100%{margin-left:0}
}
.start-anim .row-2 .img-container{-webkit-animation:scroll-2 40s linear infinite;animation:scroll-2 40s linear infinite}
@-webkit-keyframes scroll-2 {
0%{margin-left:-100%}
50%{margin-left:0}
100%{margin-left:-100%}
}
@keyframes scroll-2 {
0%{margin-left:-100%}
50%{margin-left:0}
100%{margin-left:-100%}
}
@media(max-width:600px) {
.trust-comp h2{margin:0 auto 20px}
.image-row img{width:750px}
}
.pg-alt .faq{padding-top:80px;padding-bottom:80px}
.pg-alt .faq .ac{max-width:975px}
.pg-alt .faq details{border-bottom:1px solid #d9d9d9;padding:10px 0}
.faq--wrapper{border-bottom:1px solid #bfbfbf}
.faq--wrapper h3{margin:0;padding:0}
.faq--wrapper .faq--que{background:0 0;border:none;font-size:16px;line-height:28px;font-weight:500;width:100%;text-align:left;padding:24px 10px;padding-right:70px;cursor:pointer;position:relative;transition:.3s;font-family:ZohoPuvi;color:#666}
.faq--wrapper .faq--ans{display:none;padding:0 40px 30px 10px}
.faq--wrapper.opened .faq--que{color:#4979B7}
.faq--wrapper .faq--ans ol,.faq--wrapper .faq--ans p,.faq--wrapper .faq--ans ul{margin-bottom:20px}
.faq--wrapper .faq--ans *{font-size:16px;line-height:26px;font-weight:300}
.faq--wrapper .faq--ans a{color:var(--link-blue)}
.faq--section h2{padding-bottom:0}
.faq--wrapper.opened .faq--ans{display:block}
.faq--wrapper .faq--que:before{content:"";background:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTIiIGN5PSIxMiIgcj0iOSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNOSAxMUwxMiAxNEwxNSAxMSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K);width:24px;height:24px;background-size:contain;background-repeat:no-repeat;position:absolute;right:10px;top:0;bottom:0;margin:auto;transition:all .4s ease}
.faq--wrapper.opened .faq--que:before{transform:rotate(180deg);top:-1px}
.faq--wrapper:not(.opened) .faq--que:hover{background:#dedfe54a}
@media (max-width: 1199px) {
.ac{width:min(var(--ac),calc(100% - 64px))}
.pg-alt .hero h1,.pg-alt .hero .ac>p{font-size:32px}
.pg-alt .compare .columns{gap:32px}
.pg-alt .gaps .split{grid-template-columns:minmax(340px,420px) 1fr;gap:32px}
}
@media (max-width: 991px) {
.pg-alt .pg-full{padding:48px 0}
.pg-alt .hero{padding:64px 0 56px}
.pg-alt .hero h1,.pg-alt .hero .ac>p{font-size:28px}
.pg-alt .compare .card,.pg-alt .why .panel,.pg-alt .customer .box{padding:28px}
.pg-alt .compare .columns,.pg-alt .why .three-cols,.pg-alt .gaps .split,.pg-alt .highlights .grid7,.pg-alt .customer .box{grid-template-columns:1fr}
.pg-alt .compare .brands{grid-template-columns:1fr;gap:16px}
.pg-alt .highlights article:last-child{grid-column:auto}
}
@media (max-width: 767px) {
.ac{width:min(var(--ac),calc(100% - 40px))}
.pg-alt h2{font-size:26px;margin-bottom:10px}
.pg-alt .hero h1,.pg-alt .hero .ac>p{font-size:24px}
.pg-alt .hero .quote-box{padding:24px}
.pg-alt .hero .quote-box p:nth-child(1){font-size:20px}
.pg-alt .hero .quote-box p:nth-child(2),.pg-alt .hero .quote-box p:nth-child(3),.pg-alt .hero .quote-box p:nth-child(4){font-size:15px}
.pg-alt .hero .cta{width:100%;max-width:320px}
.pg-alt .compare .bar span::after{width:20px;height:20px;right:-10px;margin-top:-10px;border-width:2px}
.pg-alt .why h3,.pg-alt .gaps h3,.pg-alt .highlights h3{font-size:20px}
.pg-alt .customer blockquote{font-size:17px}
.pg-alt .customer figcaption{font-size:18px}
}