﻿.keyBenefits{
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
    

}

.mt-30{
    margin-top: 30px;
}

@media(min-width: 1200px){
    .keyBenefits{
        background-image: url(/Personas/Paginas/cuentas/content-sections/cuenta-flash/imagenes/beneficios-desktop.webp);
        background-position: 20% 30%;
    }

    
}

@media(max-width:1199px){
    .keyBenefits{
        background-image: url(/Personas/Paginas/cuentas/content-sections/cuenta-flash/imagenes/beneficios-desktop.webp);
        background-position: 100% 30%;
    }
}

@media(max-width:1025px){
    .keyBenefits{
        background-image: url(/Personas/Paginas/cuentas/content-sections/cuenta-flash/imagenes/beneficios-tablet.webp);
        background-position: 30% 30%;
    }
    
}

@media(min-width: 1024px) {
    .keyBenefits__content--header {
        height: 450px;
        padding: 0 50px !important;
    }
}




@media(max-width: 1023px) {
    .keyBenefits__content--header {
        height: 300px;
        padding: 0 50px !important;
    }

    .keyBenefits__contentBox{
        margin-bottom: 30px;
    }
}

@media(max-width:991px){
     .keyBenefits{
        background-image: url(/Personas/Paginas/cuentas/content-sections/cuenta-flash/imagenes/beneficios-ipad-mini.webp);
        background-position: 60% top;
    }
    
}

@media(max-width:767px){
       .keyBenefits{
        background-image: url(/Personas/Paginas/cuentas/content-sections/cuenta-flash/imagenes/Beneficios-movil.webp);
        background-position: center top;
    }
    .keyBenefits__content--header{
        align-items: flex-end !important;
    }

     .keyBenefits__content--header {
        height: 500px;
    }
}

@media(max-width:430px){
    .keyBenefits__content--header {
        height: 410px;
    }
}

@media(max-width:320px){
    .keyBenefits__content--header {
        height: 372px;
    }
}