main[view=whatIsKeylogger]{background-color:#fff}main[view=whatIsKeylogger] .hero{position:relative;overflow:hidden;background:#000 url("/assets/images/pages/threats/what-is-a-keylogger/hero-spy-desktop@2x.webp") no-repeat center/contain;background-position:calc(50% - 400px) center;color:#fff;max-width:100%;transition:all .3s ease}@media (max-width:1440px){main[view=whatIsKeylogger] .hero{background-position:calc(50% - 300px) center}}@media (max-width:1200px){main[view=whatIsKeylogger] .hero{background-position:calc(50% - 200px) center;background-image:url("/assets/images/pages/threats/what-is-a-keylogger/hero-spy-desktop.webp")}}@media (max-width:768px){main[view=whatIsKeylogger] .hero{background-image:url("/assets/images/pages/threats/what-is-a-keylogger/hero-spy-mobile@2x.webp");background-position:bottom center;padding-bottom:60%;background-size:contain}}@media (max-width:480px){main[view=whatIsKeylogger] .hero{background-image:url("/assets/images/pages/threats/what-is-a-keylogger/hero-spy-mobile.webp")}}main[view=whatIsKeylogger] .hero .container{display:flex;flex-flow:row nowrap;justify-content:flex-end}main[view=whatIsKeylogger] .hero .container:after,main[view=whatIsKeylogger] .hero .container:before{display:none}@media (max-width:768px){main[view=whatIsKeylogger] .hero .container{flex-flow:column nowrap;justify-content:flex-start}}main[view=whatIsKeylogger] .hero .hero-content{width:520px;max-width:50%;padding:85px 0;display:flex;flex-flow:column nowrap;justify-content:center;gap:16px}@media (max-width:991px){main[view=whatIsKeylogger] .hero .hero-content{width:50%}}@media (max-width:768px){main[view=whatIsKeylogger] .hero .hero-content{width:100%;max-width:100%;padding:60px 0;text-align:center}}main[view=whatIsKeylogger] .hero .hero-content .actions{margin-top:24px}main[view=whatIsKeylogger] .hero .hero-content .actions [class^=btn-]{min-width:175px}main[view=whatIsKeylogger] #howKeyloggersWork{display:flex;flex-flow:column nowrap;background:#fff}@media (max-width:991px){main[view=whatIsKeylogger] #howKeyloggersWork{padding:56px 0;gap:40px}}main[view=whatIsKeylogger] #howKeyloggersWork .container{display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:stretch}@media (max-width:991px){main[view=whatIsKeylogger] #howKeyloggersWork .container{flex-flow:column nowrap;gap:40px}}main[view=whatIsKeylogger] #howKeyloggersWork .container:after,main[view=whatIsKeylogger] #howKeyloggersWork .container:before{display:none}main[view=whatIsKeylogger] #howKeyloggersWork .container .text-container{display:flex;flex-flow:column nowrap;gap:16px;width:600px;max-width:50%;padding:56px}@media (max-width:991px){main[view=whatIsKeylogger] #howKeyloggersWork .container .text-container{width:100%;max-width:100%;padding:0}}main[view=whatIsKeylogger] #howKeyloggersWork .container .text-container a{color:#1b74da}main[view=whatIsKeylogger] #howKeyloggersWork .container .image-container{display:flex;justify-content:center;width:600px;max-width:50%;padding:72px 16px}@media (max-width:1440px){main[view=whatIsKeylogger] #howKeyloggersWork .container .image-container{padding:72px 64px}}@media (max-width:1200px){main[view=whatIsKeylogger] #howKeyloggersWork .container .image-container{padding:64px}}@media (max-width:991px){main[view=whatIsKeylogger] #howKeyloggersWork .container .image-container{width:100%;max-width:100%;padding:0;order:1}}@media (max-width:991px){main[view=whatIsKeylogger] #howKeyloggersWork .container .image-container img{width:288px}}main[view=whatIsKeylogger] #howKeyloggersGetInstalled{background:#09559a radial-gradient(140.57% 141% at .3% 99.7%,#09559a 0,rgba(7,40,65,.99) 100%);padding:56px 0;display:flex;flex-direction:column;align-items:center;gap:48px 56px}main[view=whatIsKeylogger] #howKeyloggersGetInstalled .intro-container{display:flex;flex-direction:column;align-items:center;justify-content:center}main[view=whatIsKeylogger] #howKeyloggersGetInstalled .intro-container h2{color:#fff;margin-bottom:16px}main[view=whatIsKeylogger] #howKeyloggersGetInstalled .intro-container p{color:#fff}main[view=whatIsKeylogger] #howKeyloggersGetInstalled .container:not(.intro-container){display:flex}@media (max-width:991px){main[view=whatIsKeylogger] #howKeyloggersGetInstalled .container:not(.intro-container){flex-flow:column nowrap;gap:32px}}main[view=whatIsKeylogger] #howKeyloggersGetInstalled .container:not(.intro-container) .image-container{display:flex;width:553px;padding:14px 0 66px;justify-content:center;align-items:center;align-self:stretch}@media (max-width:991px){main[view=whatIsKeylogger] #howKeyloggersGetInstalled .container:not(.intro-container) .image-container{width:100%;padding:0}}main[view=whatIsKeylogger] #howKeyloggersGetInstalled .container:not(.intro-container) .text-container{display:flex;width:906px;padding-left:0;flex-direction:column;justify-content:center;align-items:flex-start;gap:10px}@media (max-width:991px){main[view=whatIsKeylogger] #howKeyloggersGetInstalled .container:not(.intro-container) .text-container{width:100%;align-items:center}}main[view=whatIsKeylogger] #howKeyloggersGetInstalled .container:not(.intro-container) .text-container h3{color:#fff;margin-bottom:16px}main[view=whatIsKeylogger] #howKeyloggersGetInstalled .container:not(.intro-container) .text-container p{color:#fff}main[view=whatIsKeylogger] #howKeyloggersGetInstalled .container:not(.intro-container) .text-container p:not(:last-of-type){margin-bottom:16px}main[view=whatIsKeylogger] #howKeyloggersGetInstalled .container:not(.intro-container) .text-container a{color:#ffc700}main[view=whatIsKeylogger] #howDoIKnow{background:url("/assets/images/pages/threats/what-is-a-keylogger/keylogger-img-desktop@2x.webp") no-repeat calc(50% + 400px) bottom/contain,linear-gradient(135deg,#424242 0,#141414 99.24%),#424242;padding:56px 0;display:flex;align-items:flex-start}@media (max-width:1200px){main[view=whatIsKeylogger] #howDoIKnow{background:url("/assets/images/pages/threats/what-is-a-keylogger/keylogger-img-desktop.webp") no-repeat calc(50% + 300px) bottom/contain,linear-gradient(135deg,#424242 0,#141414 99.24%),#424242}}@media (max-width:991px){main[view=whatIsKeylogger] #howDoIKnow{background:url("/assets/images/pages/threats/what-is-a-keylogger/keylogger-img-mobile.webp") no-repeat center bottom/320px,linear-gradient(135deg,#424242 0,#141414 99.24%),#424242;padding-bottom:300px}}@media (max-width:480px){main[view=whatIsKeylogger] #howDoIKnow{background:url("/assets/images/pages/threats/what-is-a-keylogger/keylogger-img-mobile.webp") no-repeat center bottom/320px,linear-gradient(135deg,#424242 0,#141414 99.24%),#424242}}main[view=whatIsKeylogger] #howDoIKnow .container{display:flex;flex-flow:row nowrap}@media (max-width:991px){main[view=whatIsKeylogger] #howDoIKnow .container{flex-flow:column nowrap}}main[view=whatIsKeylogger] #howDoIKnow .container .text-container{display:flex;width:600px;max-width:50%;flex-direction:column;align-items:flex-start;gap:16px}@media (max-width:991px){main[view=whatIsKeylogger] #howDoIKnow .container .text-container{width:100%;max-width:100%}}main[view=whatIsKeylogger] #howDoIKnow .container .text-container h2{color:#fff;margin-bottom:16px}@media (max-width:991px){main[view=whatIsKeylogger] #howDoIKnow .container .text-container h2{align-self:center}}main[view=whatIsKeylogger] #howDoIKnow .container .text-container p{color:#fff}main[view=whatIsKeylogger] #howDoIKnow .container .text-container p:not(:last-of-type){margin-bottom:16px}main[view=whatIsKeylogger] #howDoIKnow .container .text-container a{color:#ffc700}main[view=whatIsKeylogger] #howToMitigate{background:#fff;padding:56px 0}main[view=whatIsKeylogger] #howToMitigate .container .text-container{display:flex;flex-flow:column;justify-content:center;align-items:center;gap:56px}@media (max-width:768px){main[view=whatIsKeylogger] #howToMitigate .container .text-container{gap:48px}}main[view=whatIsKeylogger] #howToMitigate .container .text-container a{color:#1b74da}main[view=whatIsKeylogger] #howToMitigate .container .text-container ul{width:100%;list-style:none;display:flex;flex-flow:row nowrap;justify-content:space-between}@media (max-width:768px){main[view=whatIsKeylogger] #howToMitigate .container .text-container ul{flex-flow:column nowrap;gap:48px}}main[view=whatIsKeylogger] #howToMitigate .container .text-container ul li{display:flex;flex-direction:column;align-items:center;text-align:center;gap:24px;background-repeat:no-repeat;background-position:center top;padding-top:140px;background-size:138px;width:390px;max-width:30%}main[view=whatIsKeylogger] #howToMitigate .container .text-container ul li.check-software{background-image:url("/assets/graphics/iso-software.svg")}main[view=whatIsKeylogger] #howToMitigate .container .text-container ul li.spot-phishing{background-image:url("/assets/graphics/iso-phishing-scam.svg")}main[view=whatIsKeylogger] #howToMitigate .container .text-container ul li.keep-updated{background-image:url("/assets/graphics/iso-antivirus-protect.svg")}@media (max-width:768px){main[view=whatIsKeylogger] #howToMitigate .container .text-container ul li{width:100%;max-width:unset}}main[view=whatIsKeylogger] #howCanIProtect{background:#000;padding:56px 0}main[view=whatIsKeylogger] #howCanIProtect .container{display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:stretch}@media (max-width:991px){main[view=whatIsKeylogger] #howCanIProtect .container{flex-flow:column nowrap;gap:40px}}main[view=whatIsKeylogger] #howCanIProtect .container:after,main[view=whatIsKeylogger] #howCanIProtect .container:before{display:none}main[view=whatIsKeylogger] #howCanIProtect .container .text-container{display:flex;flex-flow:column nowrap;gap:16px;width:600px;max-width:50%}@media (max-width:991px){main[view=whatIsKeylogger] #howCanIProtect .container .text-container{width:100%;max-width:100%}}main[view=whatIsKeylogger] #howCanIProtect .container .text-container h2{color:#fff}@media (max-width:991px){main[view=whatIsKeylogger] #howCanIProtect .container .text-container h2{align-self:center}}main[view=whatIsKeylogger] #howCanIProtect .container .text-container p{color:#fff}main[view=whatIsKeylogger] #howCanIProtect .container .text-container a{color:#ffc700}main[view=whatIsKeylogger] #howCanIProtect .container .image-container{display:flex;justify-content:center;width:600px;max-width:50%;padding:72px 16px}@media (max-width:1440px){main[view=whatIsKeylogger] #howCanIProtect .container .image-container{padding:72px 64px}}@media (max-width:1200px){main[view=whatIsKeylogger] #howCanIProtect .container .image-container{padding:64px}}@media (max-width:991px){main[view=whatIsKeylogger] #howCanIProtect .container .image-container{width:100%;max-width:100%;padding:0;order:1}}@media (max-width:991px){main[view=whatIsKeylogger] #howCanIProtect .container .image-container img{width:288px;max-width:100%}}main[view=whatIsKeylogger] #keeperProtects{background:#1b78e0;background:radial-gradient(140.99% 141.42% at 0 100%,#1b78e0 0,#004899 100%);padding:98px 0}@media (max-width:991px){main[view=whatIsKeylogger] #keeperProtects{padding:72px 0}}@media (max-width:768px){main[view=whatIsKeylogger] #keeperProtects{padding:48px 0}}@media (max-width:480px){main[view=whatIsKeylogger] #keeperProtects{padding:40px 0}}main[view=whatIsKeylogger] #keeperProtects h2{color:#fff;text-align:center}main[view=whatIsKeylogger] #keeperProtects .actions{margin-top:40px}[locale=ar_AE] main[view=whatIsKeylogger] .hero{background-position:calc(50% + 400px) center}@media (max-width:1440px){[locale=ar_AE] main[view=whatIsKeylogger] .hero{background-position:calc(50% + 300px) center}}@media (max-width:1200px){[locale=ar_AE] main[view=whatIsKeylogger] .hero{background-position:calc(50% + 200px) center}}@media (max-width:768px){[locale=ar_AE] main[view=whatIsKeylogger] .hero{background-position:center bottom}}[locale=ar_AE] main[view=whatIsKeylogger] #howDoIKnow{background-position:calc(50% - 400px) bottom,top left}@media (max-width:1440px){[locale=ar_AE] main[view=whatIsKeylogger] #howDoIKnow{background-position:calc(50% - 300px) center,top left}}@media (max-width:1200px){[locale=ar_AE] main[view=whatIsKeylogger] #howDoIKnow{background-position:calc(50% - 200px) center,top left}}@media (max-width:768px){[locale=ar_AE] main[view=whatIsKeylogger] #howDoIKnow{background-position:center bottom}}