.voci-footer {
   margin: auto;transform: translateX(50%);
}

.navbar-light .navbar-toggler {
    border: 0 !important;
    visibility: hidden
}

    .navbar-light .navbar-toggler[aria-expanded="true"]:after {
        visibility: visible;
        content: "x";
        right: 10px;
        position: relative;
        font-size: 1.8rem;
    }

.navbar-toggler[aria-expanded="false"] {
    visibility: visible;
    content: none
}

footer {
    background: #9f9a9c;
    color: #fff;
    z-index: 2;
    position: fixed;
    bottom: 0;
    width: 100%;
}

    footer a {
        color: #fff;
        padding-right: 10px
    }

@media(max-width:998px) {
    .navbar-toggler {
        display: flex!important;
    }

    .navbar-collapse {
        height: 100%;
        bottom: 0;
        background: #fff;
        z-index: 99999999;
        position: fixed;
        left: 0;
        width: 100%;
        top: 57px;
        /*        transition: all .4s;*/
        display: flex !important;
        flex-direction: column !important;
        justify-content: center;
        background-image: url('/Images/sfondo_1.png');
        background-size: cover;
        background-attachment: fixed;
    }

        .navbar-collapse.collapse, .navbar-expand-sm .navbar-nav {
            display: flex !important;
            flex-direction: column !important;
        }

        .navbar-collapse ul, .navbar-collapse span, .navbar-collapse button {
            font-size: 20px;
            font-weight: 500;
            margin-bottom: 30px;
        }

        .navbar-collapse button {
            margin-top: 20px;
            width: 100%;
        }

        .navbar-collapse.collapse:not(.show) {
/*            display: block;*/
/*            opacity:0*/
           top:-100%
        }

    .navbar-nav.flex-grow-1{
        flex-grow:0!important
    }



    footer.p-3 {
        padding: 16px !important;
        background: #7c838ffa !important
    }

    footer .d-flex {
        flex-direction: column;
    }

    .icon-assistente {
        display: block !important;
        position: fixed;
        right: 0;
        bottom: 203px;
        z-index: 9999999;
    }

    .col-tips {
        height: 100% !important;
        padding: 15px;
        background: #000000c9;
        top: 0;
        z-index: 999999;
        justify-content: center !important
    }

    .voci-footer {
        display: grid;
        grid-template-columns: repeat(2, 1fr); 
        grid-template-rows: repeat(2, auto); 
        transform: translateX(-24vw);
        gap: 2px; 
        margin: 0;
    }


    #copyright-div {
        margin-top: 10px;
        font-weight: 600;
        font-size: 0.7rem;
        color: #d7d7d7;
    }

    #logo-footer-mobile {
        position: absolute;
        display: flex !important;
        align-items: center;
        right:20px
    }
        #logo-footer-mobile img {
            padding-right: 10px;
            max-width: 70px;
            top: -9px;
            position: relative;
        }
        #logo-footer-mobile p{
            line-height: 1.2;
            font-size:10px
        }
        .col-tips{
            transition:all .3s;
           position:absolute!important;
           right:200%
        }
    .icon-assistente.active{
        filter:invert(1)
    }

}