.inputfile + label {

    max-width: -webkit-fill-available;

    font-size: 1.25rem;

    font-weight: 700;

    text-overflow: ellipsis;

    white-space: nowrap;

    cursor: pointer;

    display: inline-block;

    overflow: hidden;

    padding: 0.625rem 1.25rem;

}



.inputfile + label svg {

    width: 1em;

    height: 1em;

    vertical-align: middle;

    fill: currentColor;

    margin-top: -0.25em;

    margin-right: 0px !important;

}





.title-marquee{

    text-align: left;

}



@media (max-width: 768px) {

    .title-marquee{

        text-align: left; 

        white-space: nowrap; 

        overflow: hidden;

    }



    .span-marquee{

        display: inline-block; animation: marquee 7s linear infinite;

    }

}



@keyframes marquee {

    0% {

        transform: translateX(100%);

    }

    100% {

        transform: translateX(-100%);

    }

}