.plans-description .alert-message {
  margin-top: 20px;
  margin-bottom: 10px;
}
.plans-description .alert-message strong {
  font-size: 1.2rem;
  color: black;
}
.plans-description .alert-message p {
  line-height: 22px;
}

.packages-container {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
}
.packages-container .package-card {
  text-align: center;
}
@media screen and (max-width: 800px) {
  .packages-container {
    flex-direction: column;
  }
}

.modal-buy-credits .custom-credits-container .custom-credits {
  display: flex;
  justify-content: space-between;
}
.modal-buy-credits .custom-credits-container .custom-credits .content {
  display: flex;
  gap: 8px;
}
.modal-buy-credits .custom-credits-container .custom-credits .content .icon {
  width: 2em;
  height: 2em;
}
@media screen and (max-width: 700px) {
  .modal-buy-credits .custom-credits-container .custom-credits {
    flex-direction: column;
    gap: 8px;
  }
}

.modal-plans .modal-form-container {
  display: flex;
  gap: 42px;
}
@media screen and (max-width: 800px) {
  .modal-plans .input-cadastro {
    width: 20%;
  }
  .modal-plans .slider-container {
    width: 100%;
  }
}

.modal-choose-upgrade .upgrade-card-container {
  display: flex;
  justify-content: center;
  gap: 16px;
}
.modal-choose-upgrade .upgrade-card-container .upgrade-card {
  padding: 60px 70px;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 20px;
}
.modal-choose-upgrade .upgrade-card-container .upgrade-card.pacotes-card, .modal-choose-upgrade .upgrade-card-container .upgrade-card.planos-card {
  cursor: pointer;
}
@media screen and (max-width: 600px) {
  .modal-choose-upgrade {
    flex-direction: column;
    gap: 24px;
  }
  .modal-choose-upgrade .upgrade-card-container {
    flex-direction: column;
    gap: 24px;
  }
}

.total-container {
  display: flex;
  justify-content: space-between;
}

.payment-form {
  display: flex;
  gap: 8px;
}
.payment-form .info-form {
  width: 80%;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.payment-form .info-form label input {
  font-size: 0.9em;
}
.payment-form .info-form .billing-card label:has(input[name=zipcode]) {
  width: 50% !important;
}
.payment-form .info-form .billing-card label:has(input[name=number]) {
  width: 19% !important;
  margin-right: 0;
}
.payment-form .info-form .billing-card label:has(input[name=address]) {
  width: 200% !important;
}
.payment-form .info-form .billing-card label:has(input[name=state]) {
  margin-right: 0;
}
.payment-form .info-form .personal-card {
  display: flex;
  gap: 8px;
}
.payment-form .info-form .personal-card .round-card {
  width: 100%;
}
.payment-form .info-form .personal-card .personal-info label:has(input[name=cpfcnpj]) {
  width: 60% !important;
}
.payment-form .info-form .personal-card .personal-info label:has(input[name=email]) {
  width: 80% !important;
}
.payment-form .info-form .personal-card .personal-info label:has(input[name=phone]) {
  margin-right: 0;
}
.payment-form .double-input {
  display: flex;
  justify-content: space-between;
  gap: 0 !important;
}
.payment-form .payment-card .payment-methods {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.payment-form .payment-card .payment-methods .option-card {
  border-radius: 8px;
  padding: 16px;
}
.payment-form .payment-card .payment-methods .option-card.option-open .option-content {
  display: flex !important;
}
.payment-form .payment-card .payment-methods .option-card .option-container {
  display: flex;
  justify-content: space-between;
  cursor: pointer;
}
.payment-form .payment-card .payment-methods .option-card .option-container .option-title {
  display: flex;
  justify-content: space-between;
}
.payment-form .payment-card .payment-methods .option-card .option-container .option-title label {
  margin: 0;
  margin-right: 5px;
}
.payment-form .payment-card .payment-methods .option-card .option-container .cards-container {
  display: flex;
  gap: 8px;
}
.payment-form .payment-card .payment-methods .option-card .option-content {
  display: none;
}
.payment-form .payment-card .payment-methods .option-card .option-content label:has(input[name=cardcvv]) {
  width: 20% !important;
}
.payment-form .payment-card .payment-methods .option-card .option-content label:has(input[name=cardexpiration]) {
  width: 30% !important;
}
.payment-form .payment-card .payment-methods .option-card .option-content .double-input {
  justify-content: flex-start;
  align-items: flex-end;
}
.payment-form .payment-card .payment-methods .option-card .option-content .card-info .installments select {
  margin-top: 10px;
}
.payment-form .payment-card .payment-methods .option-card.saved-card .option-container {
  gap: 4px;
}
.payment-form .payment-card .payment-methods .option-card.saved-card .option-container .option-title {
  justify-content: space-between;
  width: 100%;
}
.payment-form .payment-card .payment-methods .option-card.saved-card .option-container .option-title label {
  display: flex;
  align-items: center;
  gap: 4px;
}
.payment-form .payment-card .payment-methods .option-card.saved-card .option-container .option-title label input {
  width: 1rem !important;
}
.payment-form .vr-divisor {
  height: 80vh;
  width: 1px;
  background-color: #A4A799;
  border-radius: 20px;
}
.payment-form .order-resume {
  max-width: 30%;
}
.payment-form .order-resume .line {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.payment-form .order-resume .small {
  font-size: 0.8em;
}
.payment-form .order-resume .total-card .order .payment-description {
  max-width: 100px;
}
.payment-form .order-resume .total-card .order .title-type {
  margin: 0;
  font-weight: 600;
}
.payment-form .order-resume .total-card .order .value {
  font-weight: 500;
}
.payment-form .order-resume .total-card .total .total-value {
  font-weight: 700;
}
.payment-form .order-resume .total-card .total .coupon-add {
  text-decoration: underline;
  font-size: 0.8em;
  cursor: pointer;
}
.payment-form .order-resume .total-card .terms-payment {
  font-weight: 600;
  text-decoration: underline;
  cursor: pointer;
}
.payment-form .order-resume .total-card .confirm-payment {
  width: 100%;
  font-weight: 700;
}
.payment-form .order-resume .billing-mail-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #A4A799;
}
.payment-form .order-resume .billing-mail-container .mail-view p, .payment-form .order-resume .billing-mail-container .mail-view span {
  margin: 0;
}
@media screen and (max-width: 1200px) {
  .payment-form .info-form .personal-card {
    flex-direction: column;
  }
  .payment-form .payment-card .option-card .option-container {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }
}
@media screen and (max-width: 800px) {
  .payment-form {
    flex-direction: column;
  }
  .payment-form .info-form {
    width: 100%;
  }
  .payment-form .vr-divisor {
    width: 100%;
    height: 1px;
  }
  .payment-form .order-resume {
    margin-top: 16px;
    max-width: 100%;
  }
  .payment-form .order-resume .total-card {
    width: 100%;
  }
}
@media screen and (max-width: 425px) {
  .payment-form .info-form .personal-card .personal-info label:has(input[name=name_or_company]), .payment-form .info-form .personal-card .personal-info label:has(input[name=email]) {
    width: 100% !important;
  }
  .payment-form .info-form .personal-card .personal-info label:has(input[name=cpfcnpj]) {
    width: 83% !important;
  }
  .payment-form .info-form .personal-card .personal-info .double-input {
    flex-direction: column;
  }
  .payment-form .info-form .personal-card .billing-card label:has(input[name=address]) {
    width: 100% !important;
  }
  .payment-form .info-form .personal-card .billing-card label:has(input[name=number]) {
    width: 29% !important;
  }
  .payment-form .info-form .personal-card .billing-card label:has(input[name=zipcode]) {
    width: 60% !important;
  }
  .payment-form .info-form .personal-card .billing-card .double-input {
    flex-direction: column;
  }
  .payment-form .info-form .payment-card .option-card .option-container .cards-container {
    flex-wrap: wrap;
  }
  .payment-form .info-form .payment-card .option-card .option-content {
    flex-direction: column;
  }
  .payment-form .info-form .payment-card .option-card .option-content .card-info label:has(input[name=cardnumber]) {
    width: 100% !important;
  }
  .payment-form .info-form .payment-card .option-card .option-content .card-info label:has(input[name=cardexpiration]) {
    width: 35% !important;
  }
  .payment-form .info-form .payment-card .option-card .option-content .card-owner label:has(input[name=cardholdername]), .payment-form .info-form .payment-card .option-card .option-content .card-owner label:has(input[name=cardholdercpfcnpj]) {
    width: 100% !important;
  }
}

.pix-content {
  display: flex;
  gap: 8px;
}
.pix-content .pix-copy {
  height: 50%;
}
.pix-content .pix-copy .pix-payload .payload {
  word-break: break-all;
}

.pix-code .qrCode {
  background-color: white;
  text-align: center;
}

.current-plan {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.current-plan .plan-info, .current-plan .payment-info {
  display: flex;
  align-items: center;
  gap: 20px;
}
@media screen and (max-width: 500px) {
  .current-plan {
    flex-direction: column;
  }
  .current-plan .plan-info, .current-plan .payment-info {
    flex-direction: column;
  }
}

.modal-confirm-payment {
  text-align: center;
}

.custom-package {
  display: none;
}
.custom-package h2 {
  color: #FFB82A;
  font-weight: 300;
  font-size: 1.8em;
}
.custom-package .line-package-card {
  width: 50%;
  border: 1px solid #F9F9F9;
  padding: 20px;
  border-radius: 20px;
  align-items: center;
  justify-content: space-between;
  display: flex;
  background-color: #2D2B2B;
}
.custom-package .line-package-card .package-info {
  display: flex;
  flex-direction: column;
}
.custom-package .slider-container {
  gap: 20px;
}
@media screen and (max-width: 800px) {
  .custom-package .slider-container {
    flex-direction: column;
    width: 100%;
    align-items: start;
  }
  .custom-package .slider-container .slider-plans {
    width: 100%;
  }
  .custom-package .slider-container .input {
    width: 20%;
  }
  .custom-package .line-package-card {
    width: 100%;
  }
}

.plan-choice-container {
  display: flex;
  align-items: center;
  gap: 20px;
}
.plan-choice-container .suggest-plan {
  border: 1px solid #F9F9F9;
  padding: 40px;
  border-radius: 20px;
  text-align: center;
}
.plan-choice-container .suggest-plan.best-plan {
  border-color: #FFB82A;
  box-shadow: 4px 4px 16px 8px #FFB82A;
}
.plan-choice-container .suggest-plan.old-plan {
  padding: 30px 20px;
}

.plan-choice {
  display: flex;
  gap: 20px;
}

.agree-terms-container {
  display: flex;
  align-items: center;
  gap: 15px;
}
.agree-terms-container input {
  border-radius: 5px;
  width: 20px;
  height: 20px;
}

.plan-on-demand {
  text-align: center;
}

.plan-list-container, .plans-container {
  display: flex;
  gap: 20px;
  text-align: center;
  width: 100%;
}
.plan-list-container .plan-card, .plans-container .plan-card {
  border-radius: 20px;
  padding: 30px;
  gap: 10px;
  border: 1px solid #F9F9F9;
  flex-grow: 1;
}
.plan-list-container .plan-card.center-plan, .plans-container .plan-card.center-plan {
  border-color: #FFB82A;
  box-shadow: 0px 0px 40px 6px #FFB82A;
}
.plan-list-container .plan-card .on-demand-desc, .plans-container .plan-card .on-demand-desc {
  margin: 0 auto;
  max-width: 200px;
}
@media screen and (max-width: 800px) {
  .plan-list-container, .plans-container {
    flex-direction: column;
  }
  .plan-list-container .plan-card, .plans-container .plan-card {
    width: 100%;
    border: 1px #F9F9F9 solid;
  }
}

.billing-addresses .card.area, .billing-cards .card.area {
  user-select: none;
}
.billing-addresses .card.area .remove, .billing-cards .card.area .remove {
  top: 20px;
  bottom: unset;
}
.billing-addresses .card.area .card-brand, .billing-cards .card.area .card-brand {
  font-variant: all-small-caps;
}
.billing-addresses .address.area, .billing-addresses .card.area, .billing-cards .address.area, .billing-cards .card.area {
  display: inline-block;
  white-space: normal;
  cursor: pointer;
  position: relative;
}
.billing-addresses .address.area .time, .billing-addresses .card.area .time, .billing-cards .address.area .time, .billing-cards .card.area .time {
  margin-top: 10px;
  display: inline-block;
  font-size: 0.8em;
  opacity: 0.4;
}
.billing-addresses .address.area .remove, .billing-addresses .card.area .remove, .billing-cards .address.area .remove, .billing-cards .card.area .remove {
  display: none;
  position: absolute;
  bottom: 20px;
  right: 30px;
  opacity: 0.5;
}
.billing-addresses .address.area:hover .remove, .billing-addresses .card.area:hover .remove, .billing-cards .address.area:hover .remove, .billing-cards .card.area:hover .remove {
  display: block;
}

.plan-card.center-plan {
  box-shadow: 0px 0 40px 9px #FFB82A;
  position: relative;
}

.calculate-plan-modal {
  border-color: #FFB82A;
  box-shadow: 0px 0px 40px 6px #FFB82A;
}

.sign-up-plan {
  margin: 10px 0;
}

.pricing-table {
  z-index: 1001;
  position: relative;
  width: 100%;
  border-collapse: collapse;
}
.pricing-table .feature > .help, .pricing-table .quota > .help {
  float: right;
}
.pricing-table .feature td, .pricing-table .quota td {
  padding: 2px 10px;
}
.pricing-table .feature td p, .pricing-table .quota td p {
  font-size: 14px;
}
.pricing-table .feature:nth-child(odd), .pricing-table .plan-head {
  background-color: #EAEAEA;
}
.pricing-table .header-row {
  border-radius: 20px;
}
.pricing-table .header-row .plan-head {
  padding: 16px;
  position: sticky;
  top: 0;
  z-index: 1000;
}
.pricing-table .header-row .plan-head.empty {
  background-color: #fff;
}
.pricing-table .header-row .plan-head.empty {
  background-color: #fff;
}
.pricing-table .header-row .plan-head a {
  border: 0;
  background-color: #FFB82A;
  color: #151515;
  padding: 8px 16px;
  border-radius: 6px;
  cursor: pointer;
  font-family: "Archivo", Manrope, sans-serif;
  font-weight: 500;
  font-size: 0.9em;
}
.pricing-table .header-row .plan-head.renew-credits {
  padding: 0 1rem 0 1rem;
}
.pricing-table .header-row .plan-head.renew-credits div p {
  font-weight: normal;
}
.pricing-table .feature-avaiability, .pricing-table .plan-quota {
  text-align: center;
}
.pricing-table .feature-avaiability img, .pricing-table .feature-avaiability div, .pricing-table .plan-quota p {
  vertical-align: middle;
  display: inline-block;
}

.manage-current-plan.loading {
  text-align: start;
}
.manage-current-plan.loading .value {
  width: auto !important;
}

.methods-list .method-card .content {
  display: flex;
  gap: 8px;
}

@media screen and (max-width: 800px) {
  .plan-navigation {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    justify-content: center;
  }
  .pricing-table .plan-head:not(:nth-child(2)) {
    display: none;
  }
  .pricing-table .plan-quota:not(:nth-child(2)) {
    display: none;
  }
  .pricing-table .feature td:not(:nth-child(-n+2)) {
    display: none;
  }
}
.payment-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

@media screen and (min-width: 800px) {
  .plan-navigation {
    display: none;
  }
}
.plan-navigation {
  text-align: center;
}

.plan-period {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

.discount-msg {
  color: #10ab10;
  margin-bottom: 5px;
  display: inline-block;
}

.pricing {
  font-size: 1.5em;
}