footer {
    display: none;
}

.account-menu {
    & h4 {
        background: #ED1F27;
        color: white;
        padding: 30px 15px;
        font-size: 1.5rem;
        font-weight: 600;
    }

    & li {
        position: relative;
        display: flex;
        padding: 20px 20px;
        justify-content: space-between;
        font-size: 1rem;
        align-items: center;
        border-bottom: 1px solid #DBDBDB;
        font-weight: 500;
    }

    & li::after {
        content: '';
        width: 30px;
        height: 30px;
        background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="%23dc3545" viewBox="0 0 24 24"><path d="M8.59 16.59L13.17 12 8.59 7.41 10 6l6 6-6 6-1.41-1.41z"/></svg>');
        background-repeat: no-repeat;
        background-size: contain;
        margin-left: auto;
    }
}

.account-information-container {
    display: none;
    padding: 10px 20px;

    h3 {
        margin: 20px 0px;
        font-size: 1.5rem;
    }

    h4 {
        font-size: 1.2rem;
        font-weight: 600;
        margin: 10px 0px
    }

    .information-container {
        display: flex;
        flex-flow: column;

    }

    .information-label {
        color: #929292;
        font-size: 0.8rem;
    }

    .account-button-container {
        display: flex;
        flex-flow: column;
        margin-top: 50px;
        justify-content: center;
        align-items: center;


        button {
            width: 50%;
            padding: 30px 10px;
            font-weight: 500;
            border: 0;
            border-radius: 50px;
            margin-bottom: 10px;
        }

        #edit-button {
            background: #ED1F27;
            color: #fff;
        }

        #back-button {
            background: #DBDBDB;
            color: black;
        }


    }
}

.connect-with-us-container {
    display: none;
    padding: 10px 20px;

    h3 {
        font-size: 2rem;
        margin-bottom: 10px;
    }

    h4 {
        font-weight: 400;
    }

    button::before {
        content: '';
        width: 30px;
        height: 30px;
        background-image: url('data:image/svg+xml;utf8,<svg width="16" height="22" viewBox="0 0 16 22" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_1125_5442)"><path d="M8.17207 22.0002H7.82565C7.58776 21.9002 7.41498 21.7133 7.24047 21.5281C6.0102 20.2177 4.6866 18.3938 3.67729 16.8977C0.942399 12.8437 -1.84372 7.69552 1.59921 3.1556C4.78992 -1.05176 11.2082 -1.05133 14.3985 3.1556C17.7915 7.62961 15.1395 12.6684 12.4589 16.6913C11.417 18.2546 10.0383 20.1634 8.75682 21.5276C8.58274 21.7133 8.40953 21.9003 8.17164 21.9998L8.17207 22.0002ZM7.73058 3.95598C4.64666 4.17007 2.90067 7.64425 4.65534 10.2086C6.24679 12.5344 9.71794 12.5533 11.3246 10.2341C13.2334 7.47841 11.0715 3.72465 7.73058 3.95641V3.95598Z" fill="%23ED1F27"/></g><defs><clipPath id="clip0_1125_5442"><rect width="16" height="22" fill="white"/></clipPath></defs></svg>');
        background-repeat: no-repeat;
        background-size: contain;
        margin-left: auto;
    }

    button {
        border-radius: 40px;
        font-weight: 600;
        color: #ED1F27;
        border: 1.5px solid #ED1F27;
        padding: 20px 20px;
        background: #fff;

        position: relative;
        display: flex;
        align-items: center;
    }
}