html, body {font-family:IBM Plex Sans,sans-serif;font-size: 16px;line-height: 24px;margin: 0;padding: 0;color: #2f3343;font-weight: 400;position: relative;}
h1, h2, h3{font-weight: normal;}
a{text-decoration: none;text-decoration: none;}
.contenedor{width: 90%;margin: 0 auto;position: relative;}
#main, #trustpilot, #anytech, #note{width: 50%;margin: 0 auto;}

#main{padding: 59px 0 0;}
    #main .logo_panda {
        background: url("../img/pandasecurity-free-C.png") no-repeat;
        width: 244px;
        height: 150px;
        background-size: 244px 150px;
        margin: 0 auto 92px;
    }
#main .ok h1{font-size: 36px;line-height: 54px;font-weight: 700;margin: 0; text-align:center;}
 .backL {
        position: absolute;
        left: 0;
        top: 0;
        height: 244px;
        width: 488px;
        background: url("../img/back.png") no-repeat;
        background-size: 488px 244px;
    }
   .backR {
        position: absolute;
        right: 0;
        top: 0;
        height: 244px;
        width: 488px;
        background: url("../img/back.png") no-repeat;
        background-size: 488px 244px;
    }
#main h2{font-size: 25px;line-height: 37px;margin:1.9rem 0 32px;text-align: center;}

#trustpilot, #anytech{margin-bottom: 48px;}

#steps {
    display: flex;
    flex-direction: column;
    align-items: center;
}
    #steps .title {
        font-size: 23px;
        line-height: 34px;
        font-weight: 700;
        margin: 1.5rem 0 40px;
        text-align: center;
    }
    #steps .stepwrap {
        
    }
    #steps .step {
        font-size: 18px;
        display: flex;
        flex-direction: row;
        align-items: center;
        margin-bottom: 24px;
    }
.step .number {
    min-width: 60px;
    margin-right: 23px;
    font-size: 30px;
    font-weight: 700;
    background: url("../img/ellipse.png") no-repeat;
    height: 60px;
    width: 60px;
    background-size: 60px 60px;
    align-content: center;
    text-align: center;
}


#anytech h3 {
    font-size: 18px;
    line-height: 27px;
    font-weight: 700;
    margin: 2.5rem 0 0.5rem;
    text-align: center;
}
#anytech p{font-size: 18px;line-height: 27px;margin: 0 0 16px;text-align: center;}
#anytech .downphone{font-size: 25px;line-height: 37px;font-weight: 700;color: #FF9010;text-align: center;display: block;}

#note{margin-bottom: 37px;}
#note p{font-size: 16px;line-height: 24px;text-align: center;}
#note p a{font-weight: 700;color: #FF9010;}
#note p a:hover{text-decoration: underline;}

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;}
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 0 40px;width: auto;margin: 0 auto;}
footer .info .grid{display: grid;grid-template-columns: 24.9% auto;grid-column-gap: 8.33%;}
footer .info .links{display: flex;justify-content: space-between;}
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;color: #2F3343;}
footer .info .langs p a{color: #2F3343;}
footer .info h4{font-size: 16px;line-height: 24px;margin: 0 0 16px;color: #2F3343;min-height: 48px;max-width: 208px;}
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;}

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.png") no-repeat;}
footer .pay_methods .mastercard{background: url("../img/mastercard.png") no-repeat;}
footer .pay_methods .maestro{background: url("../img/maestro.png") no-repeat;}
footer .pay_methods .paypal{background: url("../img/paypal.png") no-repeat;}
footer .pay_methods .applepay{background: url("../img/applepay.png") no-repeat;}
footer .pay_methods .banktransfer{background: url("../img/banktransfer.png") no-repeat;}
footer .pay_methods .americanexpress{background: url("../img/americanexpress.png") no-repeat;}
footer .pay_methods .ideal{background: url("../img/ideal.png") no-repeat;}
footer .pay_methods .klarna{background: url("../img/klarna.png") 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;}

@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 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 (max-width: 1100px) {
    #main {
        padding: 40px 0 0;
    }
    .backL, .backR {
        display: none;
    }
    #main .logo_panda { width: 146px;
        height: 90px;
        background-size: 146px 90px;
        margin: 0 auto 61px;
    }
    #steps .title {
        margin: 1.5rem 0 60px;
    }
  }
    @media screen and (min-width: 701px) and (max-width: 1299px) {
        footer select {
            width: 324px;
            margin: 0 auto;
            display: block;
        }
    }

    @media screen and (max-width: 700px) {
        footer {
            width: auto;
            padding: 0;
        }

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

    @media screen and (min-width: 1024px) and (max-width: 1300px) {
        #main, #trustpilot, #anytech, #note {
            width: 80%;
        }
    }

    @media screen and (max-width: 1023px) {
        #main, #trustpilot, #anytech, #note {
            width: auto;
        }

            #main .ok {
                flex-direction: column;
                gap: 24px;
                text-align: center;
            }

        footer .info .grid {
            grid-template-columns: 100%;
            gap: 32px;
        }

        footer .info .links {
            flex-direction: column;
            gap: 24px;
        }

        footer .info h4, footer .info ul {
            text-align: center;
        }

        footer .info h4 {
            max-width: 100%;
        }
    }