.account-layout {
    padding: 32px 256px 20px 256px;
    display: flex;
    flex-direction: column;
    row-gap: 32px;
    font-family: 'Manrope';

    @media screen and (max-width: 1246px) {
		padding-left: 0px;
	 }

    & > div:nth-child(1) {
        display: flex;
        flex-direction: row;
        column-gap: 32px;
        font-size: 40px;
        font-weight: 700;

        & > .doctor-photo {
            min-width: 148px;
            max-width: 148px;
            height: 148px;
            overflow: hidden;
            display: flex;
            justify-content: center;
            align-items: center;
    
            & > img {
                height: 100%;
                width: auto;
                object-fit: contain;
            }
        }
    }

    & > div:nth-child(2) {
        display: flex;
        flex-direction: column;
        row-gap: 4px;
        font-weight: 500;
        font-size: 20px;

        & > .edit {
            display: flex;
            flex-direction: row;
            column-gap: 16px;

            & > .file-upload {
				& > input {
					display: none;
				}
            }
        }

        & > .logout {
            display: flex;
            flex-direction: row;
            column-gap: 16px;
            color: rgba(60, 60, 67, 0.6)
        }
    }
  }
