:root {
  --color-primary: #002e5a;
  --color-secondary: #fe6d73;
  --color-tertiary: #fde21c; }

.current-package .current-package-summary {
  background-color: #eee; }

.current-package .current-package-detail {
  width: 100%; }
  .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; }

.package {
  border: 1px solid var(--package-color);
  border-radius: 2px; }
  .package .package-prices label {
    background-color: #eee;
    outline: none; }
    .package .package-prices label.active {
      background-color: #002e5a;
      color: #fff; }
  .package p {
    border-bottom: 1px solid #ddd;
    margin-bottom: 12px;
    padding-bottom: 12px; }
  .package span {
    color: var(--package-color); }
  .package .package-price {
    background-color: var(--package-color);
    color: #ffffff; }
    .package .package-price span {
      color: #ffffff;
      font-size: 24px; }
  .package button {
    color: #fff;
    background-color: var(--package-color);
    border-color: var(--package-color); }
    .package button:hover {
      color: #fff; }