#plan {
  min-height: 100vh;
  background: url("../img/pricing-discussion.png") no-repeat center center /
    cover;

  &::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
      to bottom,
      rgba(255, 255, 255, 1),
      rgba(255, 255, 255, 0.1)
    );
    z-index: 0;
  }
  > * {
    position: relative;
    z-index: 1;
  }
  .card {
    max-width: 480px;
  }

  .card-title {
    line-height: 32px;
  }
  .card-description {
    line-height: 20px;
    letter-spacing: -0.16px;
  }
  .pricing-amount {
    color: #14181f;
  }
  .card-2-description {
    margin-bottom: 32px !important;
  }
  .card-btn {
    font-size: 16px !important;
    font-weight: 600;
  }
}
.feature-list {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: -0.14px !important;
  display: flex;
  flex-direction: column;
  li {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 8px !important;
    &::before {
      content: "";
      display: inline-block;
      flex-shrink: 0;
      width: 24px;
      height: 24px;
      background-size: 12px 12px;
      background-image: url("../img/icons/Icons.svg");
      background-repeat: no-repeat;
      background-position: center;
      background-color: #f3f4f5;
      border-radius: 50%;
    }
  }
}
.back-btn {
  max-width: 1396px;
  margin-inline: auto;
}
.outer-card {
  max-width: 1396px;
  margin-inline: auto;
  position: relative;
  background: rgba(255, 255, 255, 0.75);
  box-shadow: 0px 4px 12px 0px rgba(49, 54, 60, 0.15);
  backdrop-filter: blur(12px);
  border-radius: 24px;

  .section-subtitle {
    max-width: 800px;
    margin-inline: auto;
    color: #6f6c90;
    line-height: 23px;
    letter-spacing: 0.5px;
  }
}
@media screen and (min-width: 992px) {
  .back-btn {
    margin-bottom: 36px !important;
  }
  .feature-list {
    li {
      &::before {
        width: 32px;
        height: 32px;
        background-size: 16px 16px;
      }
    }
  }
  #plan {
    .card-btn {
      font-size: 20px !important;
      padding: 12px 24px;
      border-radius: 8px;
    }
  }
}
@media screen and (min-width: 1700px) {
  #plan {
    .outer-card {
      padding: 52px 80px !important;
    }
    .card {
      padding: 32px !important;
    }
    .pricing-amount {
      font-size: 40px !important;
      line-height: 56px !important;
    }
  }
}
/* Flip icons for RTL using --icon-flip variable */
.back-button img,
.back-btn img {
  transform: scaleX(var(--icon-flip, 1));
}

.price-unit { order: 3; }
.totalPriceAmount {
    order: 2;
    color: black;
}
.total-payment-icon {order: 1;}

[dir="rtl"] .total-payment-icon {order: 2;}
[dir="rtl"] .totalPriceAmount { order: 1;}
[dir="rtl"] .price-unit { order: 3;}