.btn-color-secondary {
    background-color: white;
    color: #ec7905;
}

.link-item-profile a {
    line-height: 30px;
    color: var(--bs-body);
    transition: 0.5s;
}

.link-item-profile a:hover {
    letter-spacing: 2px;
    color: var(--bs-secondary);
}

.link-item-profile .active {
    letter-spacing: 2px;
    color: var(--bs-secondary);
}

.icon-profile {
    font-size: 60px;
}

.table-responsive {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}


@media (min-width: 576px) {}

@media (min-width: 768px) {
    .card-profile {
        position: sticky;
        top: 90px;
        height: 58vh;
    }
}

@media (min-width: 992px) {
    .fade-right {
        -webkit-mask-image: linear-gradient(to left,
                transparent 0%,
                black 5%,
                black 100%),
            linear-gradient(to bottom, black 95%, transparent 100%);
        -webkit-mask-composite: destination-in;
        mask-composite: intersect;
        mask-image: linear-gradient(to left,
                transparent 0%,
                black 25%,
                black 100%),
            linear-gradient(to bottom, black 95%, transparent 100%);
        mask-composite: intersect;
    }

    .icon-profile {
        font-size: 60px;
    }
}