@font-face{
	font-family:'IBMPlexRegular';
	src: url('https://www.pandasecurity.com/rfiles/common/fonts/IBMPlexSans-Regular.eot');
	src: url('https://www.pandasecurity.com/rfiles/common/fonts/IBMPlexSans-Regular.woff') format('woff'), 
		 url('https://www.pandasecurity.com/rfiles/common/fonts/IBMPlexSans-Regular.ttf') format('truetype');
	font-display: swap;
}
@font-face{
	font-family:'IBMPlexRegularBold';
	src: url('https://www.pandasecurity.com/rfiles/common/fonts/IBMPlexSans-Bold.eot');
	src: url('https://www.pandasecurity.com/rfiles/common/fonts/IBMPlexSans-Bold.woff') format('woff'), 
		 url('https://www.pandasecurity.com/rfiles/common/fonts/IBMPlexSans-Bold.ttf') format('truetype');
	font-display: swap;
}
@font-face{
	font-family:'IBMPlexRegularLight';
	src: url('https://www.pandasecurity.com/rfiles/common/fonts/IBMPlexSans-Light.eot');
	src: url('https://www.pandasecurity.com/rfiles/common/fonts/IBMPlexSans-Light.woff') format('woff'), 
		 url('https://www.pandasecurity.com/rfiles/common/fonts/IBMPlexSans-Light.ttf') format('truetype');
	font-display: swap;
}
*{margin:0;padding:0;}
html, body{font-family:'IBMPlexRegular', sans-serif;color:#2F3343;font-size:16px;line-height: 24px;}
a{text-decoration:none;transition:all .5s;}
ul{margin:0; padding:0; list-style:none; clear: both;}
h1, h2, h3{font-weight: normal;}
img{border:0;}
.contenedor{position: relative;width: 1134px;margin: 0 auto;}

#teaser{background-color: #2C85D5;padding: 8px 0;}
#teaser .flex{display: flex;justify-content: center;gap: 32px;}
#teaser p, #teaser a{font-family: "IBMPlexRegularBold", sans-serif;font-size: 25px;line-height: 37px;color: #FFFFFF;}

header{background-color: #FFFFFF;padding: 8px 15px;border-bottom: 1px solid #D8D8D8;}
header .contenedor.btn_language {grid-template-columns: 1fr max-content max-content;}
header .contenedor{display: grid;grid-template-columns: 157px auto;}
header #logo{background: url("../img/logo_panda_watchguard.webp") no-repeat;width: 192px;height:51px;background-size: 192px 51px;justify-self: left;align-self: center;}
header .contenedor.btn_language .lang, header .contenedor.btn_language #renew{padding: 0 16px;text-align: center;transition: .5s;}
header .contenedor.btn_language .lang:hover i,
header .contenedor.btn_language .lang:hover p,
header .contenedor.btn_language #renew a:hover{color: #2C85D5;}
header .contenedor.btn_language .lang{cursor: pointer;}
header .contenedor.btn_language .lang i{font-size: 24px;transition: .3s;color: #2F3343;}
header .contenedor.btn_language .lang p{font-size: 16px;line-height: 24px !important;font-family: "IBMPlexRegularBold", sans-serif !important;margin: 0;transition: .3s;color: #2F3343;letter-spacing: 0 !important;}
header #renew{justify-self: right;}
header #renew a{text-decoration: none !important;color: #2F3343;transition: .3s;}
header #renew i{font-size: 24px;line-height: 24px;text-align: center;}
header #renew a .linkText{display: block;font-size: 16px;line-height: 24px;font-family: "IBMPlexRegularBold", sans-serif;}

/* MODAL LANGUAGES */
  #languages{position: fixed;width: 100%;height: 100%;top: 0;left: 0;background-color: rgba(0,0,0,0.65);z-index: 33333333333;color: #2F3343;display: none;}
  #languages .fullcover{height: 100%;width: 100%;background: transparent !important;opacity: 0;position: fixed;top: 0;left: 0;z-index: -1;overflow: hidden;}
  #languages .modal_container{display: none;width: max-content;background: #FFFFFF;position: relative;margin: 128px auto 0;padding: 42px 54px 16px;}
  #languages .modal_container .pandasecurity-icon-close{position: absolute;top: 16px;right: 16px;cursor: pointer;}
  #languages .modal_container .mod{column-count: 2;column-gap: 24px;}
  #languages .modal_container .mod div{padding-bottom: 16px;min-width: 160px;text-align: left;}
  #languages .modal_container .mod div a{font-size: 16px;line-height: 24px;color: #2F3343;text-decoration: none;}
/* *** */

#hero{padding: 24px 0 40px;}
#hero h1{font-size: 36px;line-height: 54px;text-align: left;margin-bottom: 16px;}
#hero .grid{display: grid;grid-template-columns: auto 323px;grid-column-gap: 24px;}
#hero .grid .info{align-self: center;}
#hero .grid .image_windows{background: url(../img/pandasecuirty-windows-desktop.webp?v=2) no-repeat;width: 323px;height: 193px;background-size: 323px 193px;}
#hero .grid .image_mac{background: url(../img/pandasecurity-mac-desktop.webp?v=2) no-repeat;width: 323px;height: 193px;background-size: 323px 193px;}
#hero h2{font-size: 25px;line-height: 37px;text-align: left;margin-bottom: 24px;}
#hero .hero_button{display: block;background: #2C85D5;font-family: "IBMPlexRegularBold", sans-serif;padding: 8px 24px;width: max-content;border-radius: 10px;color: #FFFFFF;margin-bottom: 24px;text-align: center;}
#hero .hero_button span, #hero .hero_button i{display: inline-block;}
#hero .hero_button i{margin-left: 16px;}
#hero .hero_button:hover{background-position: 0 bottom;background: linear-gradient(90deg, #2C85D5, #15426A) #277DCA;background-repeat: no-repeat;}

#steps{padding: 32px 0 48px;background: linear-gradient(225deg, rgba(11, 0, 106, 0.15) 0%, rgba(44, 172, 209, 0.15) 50%, rgba(53, 235, 147, 0.15) 100%);}
#steps h3{font-size: 25px;line-height: 37px;text-align: center;margin-bottom: 58px;}
#steps .grid{background: #FFFFFF;border: 1px solid #D8D8D8;border-radius: 30px;display: grid;grid-template-columns: repeat(3, 1fr);}
#steps .step{position: relative;padding: 50px 16px 24px;border-right: 1px solid #D8D8D8;}
#steps .step:last-child{border-right: 0;}
#steps .number{position: absolute;border-radius: 30px;border: 1px solid #D8D8D8;background: #F2F2F2;font-size: 24px;line-height: 54px;width: 116px;padding: 6px 0 5px;text-align: center;left: calc(50% - 59px);top: -34px;}
#steps h4{font-family: "IBMPlexRegularBold", sans-serif;font-size: 23px;line-height: 34px;text-align: center;margin-bottom: 16px;}
#steps p{font-size: 18px;line-height: 27px;text-align: center;}

#tabs{padding: 40px 0 80px;}
#tabs h3{font-size: 25px;line-height: 37px;text-align: center;margin-bottom: 24px;}
#tabs .tabs{display: grid;grid-template-columns: repeat(4, 111px);justify-content: center;border-bottom: 1px solid #2C85D5;}
#tabs .tab{width: 111px;padding: 12px 0;cursor: pointer;}
#tabs .tab:hover{background: rgba(44, 133, 213, 0.1);}
#tabs .tab.selected{border-bottom: 8px solid #2C85D5;}
#tabs .tab p{text-align: center;color: #2C85D5;font-size: 22px;line-height: 33px;}
#tabs .tab.selected p{font-family: "IBMPlexRegularBold", sans-serif;}
#tabs .tab_info{width: 60%;margin: 40px auto 0;display: none;}
#tabs .tab_info .info{display: grid;grid-template-columns: 60px auto;grid-column-gap: 24px;margin-bottom: 24px;}
#tabs .tab_info .info:last-child{margin-bottom: 0;}
#tabs .tab_info .number{background: linear-gradient(225deg, #0B006A 0%, #2CACD1 50%, #35EB93 100%);font-family: "IBMPlexRegularBold", sans-serif;font-size: 30px;line-height: 24px;text-align: center;color: #FFFFFF;padding: 18px 0;border-radius: 60px;}
#tabs .tab_info p{align-self: center;font-size: 18px;line-height: 24px;}
#tabs .tab_info p a{font-family: "IBMPlexRegularBold", sans-serif;color: #2C85D5;}

#anytech{padding: 48px 0;background: linear-gradient(225deg, rgba(11, 0, 106, 0.10) 0%, rgba(44, 172, 209, 0.10) 50%, rgba(53, 235, 147, 0.10) 100%);margin-bottom: 40px;}
#anytech h3{font-size: 25px;line-height: 37px;text-align: center;margin-bottom: 40px;}
#anytech .grid{display: grid;grid-template-columns: repeat(2, 1fr);grid-column-gap: 64px;}
#anytech .left, #anytech .right{text-align: center;}
#anytech .title{margin-bottom: 24px;}
#anytech .left .title{font-size: 23px;line-height: 34px;}
#anytech .right .title{font-size: 22px;line-height: 33px;}
#anytech .help{display: flex;gap: 16px;margin: 0 auto 24px;width: 300px;}
#anytech .help:last-child{margin-bottom: 0;}
#anytech .help i{font-size: 24px;line-height: 24px;color: #2C85D5;display: block;align-self: center;}
#anytech .help p{font-size: 18px;line-height: 27px;}
#anytech a{display: block;font-family: "IBMPlexRegularBold", sans-serif;color: #2C85D5;font-size: 46px;line-height: 69px;margin-bottom: 24px;}
#anytech .logo{background: url("../img/pandasecurity-AnyTech365-Logo-White-Background-Horizontal.svg") no-repeat;width: 279px;height: 40px;background-size: 279px 40px;margin: 0 auto;}

#downloads{padding: 48px 0 104px;}
#downloads h3{font-size: 25px;line-height: 37px;text-align: center;margin-bottom: 40px;}
#downloads .grid{display: grid;grid-template-columns: repeat(3, 1fr);grid-column-gap: 42px;}
#downloads .card{border-radius: 25px;background: #FFFFFF;box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.25);padding:24px 16px;display: flex;flex-direction: column;align-items: stretch;}
#downloads .card i{display: block;font-size: 32px;line-height: 32px;margin-bottom: 16px;text-align: center;}
#downloads .card .name{font-family: "IBMPlexRegularBold", sans-serif;font-size: 22px;line-height: 29px;text-align: center;margin-bottom: 16px;}
#downloads .card .compatible{text-align: center;margin-bottom: 40px;}
#downloads .hero_button{display: block;background: #2C85D5;font-family: "IBMPlexRegularBold", sans-serif;padding: 8px 24px;width: auto;border-radius: 10px;color: #FFFFFF;text-align: center;margin-top: auto;}
#downloads .hero_button span, #downloads .hero_button i{display: inline-block;}
#downloads .hero_button i{margin-left: 16px;font-size: 16px;line-height: 24px;margin-bottom: 0;}
#downloads .hero_button:hover{background-position: 0 bottom;background: linear-gradient(90deg, #2C85D5, #15426A) #277DCA;background-repeat: no-repeat;}

#faqs{padding: 0 0 96px;}
#faqs .maincard{padding: 40px 40px 48px;border-radius: 16px;border: 1px solid #ECEEEF;}
#faqs h3{font-size: 30px;line-height: 36px;font-family: "IBMPlexBold", sans-serif;text-align: left;margin-bottom: 40px;font-weight: 700;}
#faqs .card{margin-bottom: 24px;border-bottom: 1px solid #ECEEEF;padding-bottom: 24px;cursor: pointer;}
#faqs .card .visible_zone{display: flex;justify-content: space-between;gap: 16px;}
#faqs .card:last-child{margin-bottom: 0;border-bottom: 0;padding-bottom: 0;}
#faqs .card .visible_zone h4{font-family: "IBMPlexBold", sans-serif;font-size: 22px;line-height: 33px;font-weight: 700;}
#faqs .card .visible_zone .open{color: #2C85D5;align-self: center;}
#faqs .card .visible_zone .open.despl{transform: rotate(180deg);}
#faqs .card .no_visible{display: none;padding: 16px 0 0;}
#faqs .card .no_visible p{font-size: 18px;line-height: 27px;}

footer{width: 100%;}
footer a{text-decoration: none;}
footer a:hover{color: #2C85D5 !important;}
footer select{appearance: none;-webkit-appearance: none;-moz-appearance: none;border: 2px solid #2F3343 !important;border-radius: 28px;width: 100%;padding: 10px 0 10px 18px;background: url("../img/pandasecurity-icon-down.svg") no-repeat 94% 12px;font-size: 16px;line-height: 24px;cursor: pointer;}
html[lang="ar"] footer select{padding: 10px 45px 10px 0;}
footer .rrss{padding: 32px 0;border-top: 1px solid #C4C4C4;border-bottom: 1px solid #C4C4C4;}
footer .rrss .grid{display: flex;grid-column-gap: 24px;justify-content: center;}
footer .rrss a i{font-size: 32px;line-height: 32px;color: #2F3343;transition: .5s;}
footer .rrss a i:hover{color: #2C85D5;}
footer .info{padding: 35px 40px 40px;width: auto;margin: 0 auto;}
footer .info .grid{display: grid;grid-template-columns: 324px max-content;grid-column-gap: 140px;justify-content: space-evenly;}
footer .info .links{display: grid;grid-template-columns: repeat(3, 300px);grid-column-gap: 24px;}
footer .info .logo{background: url("../img/pandasecurity-panda_watchguard.svg") no-repeat;width: 199px;height: 52px;background-size: 199px 52px;margin-bottom: 24px;}
footer .info .langs p{font-size: 13px;line-height: 19px;margin-bottom: 24px;font-family: "IBMPlexRegular", sans-serif;color: #2F3343;}
footer .info .langs p a{color: #2F3343;}
footer .info h4{font-size: 16px;line-height: 24px;font-family: "IBMPlexRegularBold", sans-serif;margin-bottom: 16px;color: #2F3343;min-height: 48px;}
footer .info h4.moreHeight{min-height: 48px;}
footer .info ul{list-style: none;margin: 0;padding: 0;}
footer .info ul li{margin-bottom: 8px;}
footer .info li a{font-size: 16px;line-height: 24px;color: #2F3343;font-family: "IBMPlexRegular", sans-serif;}
footer .pay_methods{padding: 32px 0;border-top: 1px solid #C4C4C4;}
footer .pay_methods .grid{display: flex;grid-column-gap: 16px;justify-content: center;}
footer .pay_methods .grid div{width: 50px;height: 35px;}
footer .pay_methods .visa{background: url("../img/visa.webp") no-repeat;}
footer .pay_methods .mastercard{background: url("../img/mastercard.webp") no-repeat;}
footer .pay_methods .maestro{background: url("../img/maestro.webp") no-repeat;}
footer .pay_methods .paypal{background: url("../img/paypal.webp") no-repeat;}
footer .pay_methods .applepay{background: url("../img/applepay.webp") no-repeat;}
footer .pay_methods .banktransfer{background: url("../img/banktransfer.webp") no-repeat;}
footer .pay_methods .americanexpress{background: url("../img/americanexpress.webp") no-repeat;}
footer .pay_methods .ideal{background: url("../img/ideal.webp") no-repeat;}
footer .pay_methods .klarna{background: url("../img/klarna.webp") no-repeat;}
footer .legal{padding: 32px 0 16px;border-top: 1px solid #C4C4C4;}
footer .legal .grid{display: flex;grid-column-gap: 24px;justify-content: center;}
footer .legal a{font-size: 16px;line-height: 24px;color: #2F3343;font-family: "IBMPlexRegular", sans-serif;}

@media screen and (max-width: 1300px){
    footer{width: auto;}
    footer .info{padding: 24px 0 32px;width: auto;}
    footer .info .logo{margin: 0 auto 24px;}
    footer .info .langs p{text-align: center;}
    footer .info .grid{grid-template-columns: 100%;grid-row-gap: 32px;padding: 0 40px;}
    footer .info .links{grid-template-columns: 100%;grid-row-gap: 24px;text-align: center;}
    footer .info h4{min-height: auto;}
    footer .pay_methods .grid{display: grid;grid-template-columns: repeat(5, 50px);grid-template-rows: repeat(2, 35px);gap: 24px 16px;justify-content: center;align-items: center;}
    footer .legal .grid{flex-direction: column;grid-row-gap: 16px;text-align: center;}
    footer .pay_methods .banktransfer, footer .pay_methods .americanexpress,
    footer .pay_methods .ideal, footer .pay_methods .klarna{margin-left: 38px;}
}
@media screen and (min-width: 701px) and (max-width: 1299px){
    .contenedor{padding: 0 20px;width: auto;}

    #languages .modal_container{width: calc(100% - 180px);padding: 42px 74px 32px;}
    #languages .modal_container .pandasecurity-icon-close{font-size: 24px;}
    #languages .modal_container .mod{column-count: 3;}

    #hero{padding: 24px 0;}
    #hero h1{font-size: 34px;line-height: 51px;margin-bottom: 24px;text-align: center;}
    #hero h2{font-size: 28px;line-height: 42px;margin-bottom: 24px;text-align: center;}
    #hero .hero_button{width: max-content;margin: 0 auto 24px;}
    #hero .compatible{text-align: center;}

    #steps{padding: 32px 0;}
    #steps h3{font-size: 25px;line-height: 37px;margin-bottom: 65px;}
    #steps .grid{grid-template-columns: 100%;grid-row-gap: 65px;background: transparent;border: 0;border-radius: 0;}
    #steps .step{background: #FFFFFF;border: 1px solid #D8D8D8;border-radius: 30px;width: 448px;margin: 0 auto;}
    #steps .number{width: 104px;left: calc(50% - 52px);}

    #tabs{padding: 40px 0;}
    #tabs .tab_info{width: auto;}

    #anytech h3{font-size: 25px;line-height: 37px;}
    #anytech .grid{grid-template-columns: 100%;grid-row-gap: 64px;}

    #downloads h3{font-size: 25px;line-height: 37px;}
    #downloads .grid{grid-template-columns: 100%;grid-row-gap: 42px;}
    #downloads .card{width: 455px;margin: 0 auto;}
    #downloads .card .compatible{margin-bottom: 16px;}

    footer select{width: 324px;margin: 0 auto;display: block;}
}
@media screen and (max-width: 700px){
    .contenedor{padding: 0 16px;width: auto;}

    #languages .modal_container{width: 100%;height: 100%;padding: 0;margin: 0;}
    #languages .modal_container .pandasecurity-icon-close{font-size: 24px;}
    #languages .modal_container .mod{column-count: 2;padding: 82px 0 0 45px;}

    #teaser p, #teaser a{font-size: 18px;line-height: 27px;}

    header .contenedor{padding: 0;}
    header #logo{width: 157px;height: 42px;background-size: 157px 42px;}

    #hero h1{font-size: 26px;line-height: 39px;margin-bottom: 24px;text-align: center;}
    #hero h2{font-size: 22px;line-height: 33px;text-align: center;}
    #hero .hero_button{width: auto;}
    #hero .compatible{text-align: center;}

    #steps{padding: 32px 0;}
    #steps h3{font-size: 22px;line-height: 33px;margin-bottom: 65px;}
    #steps .grid{grid-template-columns: 100%;grid-row-gap: 65px;background: transparent;border: 0;border-radius: 0;}
    #steps .step{background: #FFFFFF;border: 1px solid #D8D8D8;border-radius: 30px;}
    #steps .number{width: 104px;left: calc(50% - 52px);}
    #steps h4{font-size: 19px;line-height: 28px;}
    #steps p{font-size: 17px;line-height: 25px;}

    #tabs .tabs{grid-template-columns: repeat(4, 1fr);border-bottom: 2px solid #2C85D5;}
    #tabs .tab{width: auto;}
    #tabs .tab p, #tabs .tab_info p{font-size: 16px;line-height: 24px;}
    #tabs .tab_info{width: auto;}

    #anytech h3{font-size: 22px;line-height: 33px;}
    #anytech .grid{grid-template-columns: 100%;grid-row-gap: 64px;}
    #anytech .left .title{font-size: 19px;line-height: 28px;}
    #anytech .help{width: auto;}
    #anytech .help p{font-size: 17px;line-height: 25px;}
    #anytech .right .title{font-size: 18px;line-height: 27px;}

    #downloads h3{font-size: 22px;line-height: 33px;}
    #downloads .grid{grid-template-columns: 100%;grid-row-gap: 42px;}
    #downloads .card .compatible{margin-bottom: 16px;}

    #faqs .maincard{padding: 24px;}
    #faqs h3{line-height: 45px;}
    #faqs .card .visible_zone h4{font-size: 18px;line-height: 27px;}

    footer{width: auto;padding: 0;}
    footer .info .grid{padding: 0 16px;}
}