@media (max-width: 767px) {
    .tabs {
        overflow-x: auto;
    }

    .picture-label {
        width: 80%;
        height: 50%;
        aspect-ratio: unset;
    }
}

@media (max-width: 576px) {
    .form-actions {
        display: flex;
        flex-direction: column;
    }

    .btn.profile_infomartions_button {
        padding: 1rem;
        width: 100%;
    }

    .profile-banner .container {
        padding: 0;
    }

    .profile-icon img {
        width: 100px;
    }

    .profile-icon {
        width: calc(100px + 01.5rem);
        height: calc(100px + 1.5rem);
    }

    .content-profile-information {
        flex-direction: column;
    }


    .tab-button:first-of-type {
        margin-left: 0px;
    }

    .tab-button.active {
        border: none;
        background-color: var(--primary-color);
        color: #fff;
        font-weight: 700;

    }

    .p-delete-account {
        font-size: 14px;
        line-height: 24px;
    }

    .container {
        --bs-gutter-x: 15px;
    }

    .profile-banner {
        border-radius: 0px;
    }

    .profile-info h2,
    .profile-info p {
        text-align: center;
    }

    .profile-info p {
        width: 85%;
        margin: 0 auto;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

}