#beneficios .link{
    background-color: var(--cor-secundaria);
    width: 191px;
    height: 44px;
    color: #fff;
    border-radius: 0.5em;
}

#beneficios .link-texto {
    font-size:16px;
    color: #fff;
    text-decoration: none;
}

#beneficios .carteirinha {
    width:375px;
    /* box-shadow: 10px 10px 10px 10px rgba(0, 0, 0, 0.2);  */
}

#beneficios .box {
    width:312px;
    height:180px;
    background-color: var(--cor-primaria);
    color:#fff;
    border-radius: 1em;
    margin-left:9px;
    margin-right:9px;
}

#beneficios .box-icone {
    filter: invert(100%) sepia(4%) saturate(17%) hue-rotate(133deg) brightness(104%) contrast(108%);
    width: 48px;
    /* height: 64px; */
}

#beneficios .box-titulo {
    font-family: 'Mulish-ExtraBold';
    font-size:20px;
    /* font-size:24px; */
    letter-spacing: 0.5px;
    color: #fff;
}

#beneficios .box-texto {
    width: 132px;
    height: 66px;
    letter-spacing: 0.50px;
    font-family: 'Mulish-Light';
    font-size:18px;
    color: #fff;
}

#beneficios .box-texto-meio {
    width: 255px;
    height: 45px;
    letter-spacing: 0.54px;
    font-family: 'Mulish-Light';
    font-size:18px;
}

#beneficios .box-texto-fim {
    width: 172px;
    height: 45px;
    letter-spacing: 0.54px;
    font-family: 'Mulish-Light';
    font-size:18px;
}

@media(max-width:991px){
    #beneficios .link{
        background-color: var(--cor-secundaria);
        width: 91px;
        height: 40px;
        color: #fff;
    }

    #beneficios .link-texto {
        font-size:12px;
    }

    #beneficios .carteirinha {
        width:167px;
    }

    #beneficios .box {
        width:149px;
        height:150px;
        background-color: var(--cor-primaria);
        color:#fff;
        border-radius: 1em;
        margin-left:15px;
        margin-right:15px;
    }

    #beneficios .box-icone {
        filter: invert(100%) sepia(4%) saturate(17%) hue-rotate(133deg) brightness(104%) contrast(108%);
        width: 32px;
        height: 32px;
    }

    #beneficios .box-titulo {
        font-family: 'Mulish-ExtraBold';
        /* font-size:18px; */
        font-size: 13px;
        letter-spacing: 0.50px;
    }
    
    #beneficios .box-texto {
        width: 98px;
        height: 34px;
        letter-spacing: 0;
        font-family: 'Mulish-Medium';
        /* font-size:14px; */
        font-size: 12px;
    }
    
    #beneficios .box-texto-meio {
        width: 106px;
        height: 50px;
        letter-spacing: 0;
        font-family: 'Mulish-Medium';
        font-size:12px;
    }
    
    #beneficios .box-texto-fim {
        width: 122px;
        height: 34px;
        letter-spacing: 0;
        font-family: 'Mulish-Medium';
        font-size:12px;
    }
}

@media (max-width:354px){
    #beneficios .box {
        margin-left:5px;
        margin-right:5px;
    }
}