/* line 15, ../etfcircle-static/static/scss/variables.scss */
:root {
  --color-primary: #002F58;
  --color-blue-2: #00549D;
  --color-secondary: #fe6d73;
  --color-tertiary: #F7CC83;
  --color-text: #70778b;
  --color-heading: $color-primary;
  --color-golden-1: $color-tertiary;
  --color-golden-2: #FFAF26;
  --color-border: #e7e7ed;
  --font-size-section-heading: 34px; }

/* line 4, ../etfcircle-static/static/user/scss/profile.scss */
.profile-container .profile-picture-wrapper {
  margin: auto;
  position: relative;
  width: fit-content; }
  /* line 9, ../etfcircle-static/static/user/scss/profile.scss */
  .profile-container .profile-picture-wrapper .remove-profile-pic {
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 100%;
    color: #fe3d6c;
    cursor: pointer;
    font-size: 12px;
    height: 24px;
    padding: 3px;
    position: absolute;
    right: 0;
    top: 10px;
    width: 24px; }
  /* line 23, ../etfcircle-static/static/user/scss/profile.scss */
  .profile-container .profile-picture-wrapper img {
    border-radius: 100%;
    height: 100px;
    object-fit: cover;
    width: 100px; }

/* line 32, ../etfcircle-static/static/user/scss/profile.scss */
.profile-container .profile-navigation ul {
  list-style: none;
  margin: 0;
  padding: 0; }
  /* line 37, ../etfcircle-static/static/user/scss/profile.scss */
  .profile-container .profile-navigation ul li {
    border-bottom: 1px solid #eceeef; }
    /* line 40, ../etfcircle-static/static/user/scss/profile.scss */
    .profile-container .profile-navigation ul li:hover {
      background-color: #f7f7f7; }
    /* line 44, ../etfcircle-static/static/user/scss/profile.scss */
    .profile-container .profile-navigation ul li:last-child {
      border-bottom: none; }
    /* line 48, ../etfcircle-static/static/user/scss/profile.scss */
    .profile-container .profile-navigation ul li a {
      display: inline-block;
      color: #333333;
      font-size: 14px;
      padding: 10px 20px;
      text-decoration: none;
      width: 100%; }
      /* line 56, ../etfcircle-static/static/user/scss/profile.scss */
      .profile-container .profile-navigation ul li a.active span {
        color: var(--color-primary); }
      /* line 60, ../etfcircle-static/static/user/scss/profile.scss */
      .profile-container .profile-navigation ul li a i {
        margin-right: 20px;
        width: 16px; }

/* line 69, ../etfcircle-static/static/user/scss/profile.scss */
.profile-container .profile-content .card {
  margin-bottom: 15px; }