#servicioAsesoramientoContable{
    background-image: url("../img/imgContable.jpg");
}

#servicioAsesoramientoFiscal{
    background-image: url("../img/imgFiscal.jpg");
}

#servicioLiquidacionHaberes{
    background-image: url("../img/imgLiquidaciones.jpg");
}

#servicioBalances{
    background-image: url("../img/imgBalances.jpg");
}

#servicioAsesoramientoIntegral{
    background-image: url("../img/imgIntegral.jpg");
}

#servicioTramites{
    background-image: url("../img/imgTramitess.jpg");
}

.bg-img-success{
    height: 300px;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    transition: all 300ms;
    -webkit-filter: grayscale(100%) brightness(20%) sepia(100%) hue-rotate(50deg) saturate(1000%) contrast(0.6);
    filter: grayscale(100%) brightness(20%) sepia(100%) hue-rotate(50deg) saturate(1000%) contrast(0.6);
}

.oscurecerFondoVerde{
    transition: all 300ms;
    -webkit-filter: grayscale(100%) brightness(20%) sepia(100%) hue-rotate(50deg) saturate(1000%) contrast(0.6);
    filter: grayscale(100%) brightness(10%) sepia(100%) hue-rotate(50deg) saturate(1000%) contrast(0.6);
}

.tituloCardServicio{
    position: absolute;
    left: 50px;
    top: 120px;
    color: #ddd;
}

.opcionesServicio li{
    list-style: disc;
    color: var(--verdeOscuro);
    transition: all 200ms;
}

.opcionesServicio li:hover{
    color: var(--verdeMuyOscuro);
    font-weight: 600;
    list-style: '➜ ';
}

@media screen and (max-width: 410px) {
    .tituloCardServicio{
        left: 15px;
    }
}