/* ==========================================================================
  Pricing Table
  ========================================================================== */
  .pricing-section{
    .section-header{
      color: #444;
    }
  }
  .pricing-tables {
    padding: 25px 0;
    text-align: center;
    .pricing-table {
      text-align: center;
      position: relative;
      background-color: #fff;
      -webkit-transition: all 0.2s linear;
      -moz-transition: all 0.2s linear;
      -o-transition: all 0.2s linear;
      transition: all 0.2s linear;
      border: 1px solid #f1f1f1;
      &:hover {
        z-index: 2;
        top: -3px;
      }
    }
    .highlight-plan {
      margin: -15px 0;
      margin-right: -1px;
      z-index: 1;
      background: #f6f6f6;
    }
    .pricing-table.highlight-plan {
      .plan-name {
        padding: 25px 0;
        h3 {
          color: #fff;
        }
      }
      .plan-signup {
        padding: 30px 0;
        background: $preset;
        .btn-system.border-btn {
          border-color: #fff;
          color: #fff;
        }
      }
    }
  }
  .pricing-table {
    .color-1{
      background: #00BAC7;
    }
    .color-2{
      background: $preset;
    }
    .color-3{
      background: #E8003E;
    }
    .plan-name {
      padding: 25px 0;
      h3 {
        font-weight: 700;
        font-size: 22px;
        line-height: 24px;
        margin: 0;
        color: #fff;
        text-transform: uppercase;
      }
    }
    .plan-price {
      padding: 25px 0;
      .price-value {
        font-size: 50px;
        line-height: 76px;
        font-weight: 700;
        color: #333333;
        span {
          font-size: 22px;
          font-weight: 400;
          line-height: 18px;
        }
      }
      .interval {
        line-height: 22px;
          font-size: 16px;
          font-weight: 700;
          text-transform: uppercase;
          letter-spacing: 1px;
      }
    }
    .plan-list {
      li {
        padding: 15px;
        font-size: 16px;
        border-bottom: 1px solid #eee;
        &:first-child {
          border-top: 1px solid #eee;
        }
      }
    }
    .plan-signup {
      padding: 25px 0;
      a {
        text-transform: uppercase;
      }
    }
  }
 .pricing-2{
  background-color: #f6f6f6!important;
  &:hover{
    top: 0!important;
    box-shadow: 0 0 10px 1px rgba(76,76,76,0.41);
  }
  .plan-name {
      padding: 25px 30px;
      text-align: left;
      h3 {
        font-weight: 700;
        font-size: 22px;
        line-height: 20px;
        margin: 0;
        color: #444;
        text-transform: capitalize;
      }
    }
    .plan-price {
      padding: 10px 0px 25px;
      .price-value {
        font-size: 50px;
        line-height: 76px;
        font-weight: 700;
        color: #333333;
        display: inline-block;
        position: relative;
        .icon{
          position: absolute;
          left: -25px;
          top: 20px;
          line-height: 25px;
          font-size: 24px;
        }
        span {
          font-size: 22px;
          font-weight: 400;
          line-height: 18px;
        }
      }
      .interval {
        line-height: 22px;
        font-size: 16px;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 1px;
      }
    }
    .plan-list {
      li {
        padding: 15px;
        font-size: 16px;
        color: #888;
        border: none;
        &:first-child {
          border-top: none;
        }
      }
    }
    .plan-signup {
      padding: 25px 0;
      a {
        text-transform: uppercase;
      }
    }
 }