/* =========================
   SECTION - PRICES - MOBILE
   ========================= */
  .prices__container{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .pricing-wrapper{
    overflow-x: auto;
    overflow-y: hidden;
    width: 100%;
    -webkit-overflow-scrolling: touch; 
    margin-bottom: 25px;
  }

  .pricing-table {
    width: 100%;
    border-collapse: collapse;
    text-align: center;
  }

  /* ========================================
   TABLE HEADER
  ======================================== */
  .pricing-table thead{
    background: var(--color-bg-dark);
    color: var(--color-light);
    font-weight: bold;
  }

  /* ========================================
   TABLE CONTENT
  ======================================== */
  .package-service{
    color: var(--color-dark);
    text-align: left;
  }
  .included-service{
    color: var(--color-dark);
  }

.package-total {
  text-align: left;
  font-weight: 500;
  color: var(--color-dark);
}

.package-summary {
  color: var(--color-dark);
}

/* ========================================
   TABLE BORDERS
======================================== */

.pricing-package,
.package-highlight {
  border: 1px solid var(--color-accent);
}

.package-service,
.included-service,
.package-total,
.package-summary {
  border: 1px solid var(--color-accent);
}

/* ========================================
   TABLE CELL SPACING
======================================== */

.pricing-package,
.package-highlight,
.package-service,
.included-service,
.package-total,
.package-summary {
  padding: 6px;
}

/* ========================================
   HIGHLIGHTED COLUMN
======================================== */

.package-highlight,
.summary-highlight {
  background: var(--color-accent);
  color: var(--color-dark);
}

.summary-highlight {
  font-weight: bold;
}

  /* =================================================================================
                                    TABLET (768px)
  ================================================================================== */
  @media (min-width: 768px){
    .pricing-package,
    .package-highlight,
    .package-service,
    .included-service,
    .package-total,
    .package-summary {
      padding: 10px; 
    }
  }