/* line 12, ../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-packages.scss */
.current-package .current-package-summary {
  background-color: #eee; }

/* line 8, ../etfcircle-static/static/user/scss/profile-packages.scss */
.current-package .current-package-detail {
  width: 100%; }
  /* line 11, ../etfcircle-static/static/user/scss/profile-packages.scss */
  .current-package .current-package-detail th,
  .current-package .current-package-detail td {
    border: none;
    text-align: left;
    padding: 8px 16px;
    color: #2c3e50;
    border-bottom: 1px solid #f0f0f0;
    font-size: 14px; }

/* line 23, ../etfcircle-static/static/user/scss/profile-packages.scss */
.package {
  border: 1px solid var(--package-color);
  border-radius: 2px; }
  /* line 28, ../etfcircle-static/static/user/scss/profile-packages.scss */
  .package .package-prices label {
    background-color: #eee;
    outline: none; }
    /* line 32, ../etfcircle-static/static/user/scss/profile-packages.scss */
    .package .package-prices label.active {
      background-color: #002f58;
      color: #fff; }
  /* line 39, ../etfcircle-static/static/user/scss/profile-packages.scss */
  .package p {
    border-bottom: 1px solid #ddd;
    margin-bottom: 12px;
    padding-bottom: 12px; }
  /* line 45, ../etfcircle-static/static/user/scss/profile-packages.scss */
  .package span {
    color: var(--package-color); }
  /* line 49, ../etfcircle-static/static/user/scss/profile-packages.scss */
  .package .package-price {
    background-color: var(--package-color);
    color: #ffffff; }
    /* line 53, ../etfcircle-static/static/user/scss/profile-packages.scss */
    .package .package-price span {
      color: #ffffff;
      font-size: 24px; }
  /* line 59, ../etfcircle-static/static/user/scss/profile-packages.scss */
  .package button, .package a {
    color: #fff;
    background-color: var(--package-color);
    border-color: var(--package-color); }
    /* line 64, ../etfcircle-static/static/user/scss/profile-packages.scss */
    .package button:hover, .package a:hover {
      color: #fff; }