.main-btn {
  font-family: "Noto Kufi Arabic", "Rubik";
}

.smooth-move {
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

.buy-family-plan__header button img {
  margin-right: 0;
  margin-left: 24px;
  -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg);
}
.buy-family-plan__header h1 {
  font-family: "Noto Kufi Arabic", "Rubik";
}
.buy-family-plan__title, .buy-family-plan__desc {
  text-align: right;
  font-family: "Noto Kufi Arabic", "Rubik";
}
.buy-family-plan__form .form-group .input-label,
.buy-family-plan__form .form-group .country-phone-code span,
.buy-family-plan__form .form-group input {
  font-family: "Noto Kufi Arabic", "Rubik";
}
.buy-family-plan__form .form-group .input-label {
  left: auto;
  right: 12px;
}
.buy-family-plan__form .mobile-wrapper__field {
  margin-right: 12px;
  margin-left: 0;
}
.buy-family-plan__form .country-phone-code img {
  margin-right: 0;
  margin-left: 8px;
}

.buy-family-plan__form .terms-label {
  text-align: right;
}
.buy-family-plan__form .terms-label img {
  margin-right: 0;
  margin-left: 4px;
}
.buy-family-plan__form .terms-label p {
  font-family: "Noto Kufi Arabic", "Rubik";
}

.terms-modal {
  text-align: right;
}
.terms-modal .modal-title,
.terms-modal .modal-body {
  font-family: "Noto Kufi Arabic", "Rubik";
}

.buy-family-summary {
  text-align: right;
}
.buy-family-summary__title,
.buy-family-summary .buy-family-plan__name {
  font-family: "Noto Kufi Arabic", "Rubik";
}
.buy-family-summary .buy-family-plan__price sub, .buy-family-summary .buy-family-plan__price span {
  font-family: "Noto Kufi Arabic", "Rubik";
}
.buy-family-summary__details h4, .buy-family-summary__details p {
  font-family: "Noto Kufi Arabic", "Rubik";
}
.buy-family-summary__price .total-label {
  font-family: "Noto Kufi Arabic", "Rubik";
}
.buy-family-summary__price .price-label sub, .buy-family-summary__price .price-label span {
  font-family: "Noto Kufi Arabic", "Rubik";
}

.success-modal .row > div:first-child {
  border-top-right-radius: 0;
  border-top-left-radius: 20px;
}
.success-modal__content {
  text-align: right;
}
.success-modal__title, .success-modal__reference, .success-modal__desc, .success-modal__app-label {
  font-family: "Noto Kufi Arabic", "Rubik";
}

@media (max-width: 820px) {
  .buy-family-plan__form .fixed-form-content .plan-price > p {
    font-family: "Noto Kufi Arabic", "Rubik";
  }
  .buy-family-plan__form .fixed-form-content .plan-price .price-per-month sub,
  .buy-family-plan__form .fixed-form-content .plan-price .price-per-month strong,
  .buy-family-plan__form .fixed-form-content .plan-price .price-per-month span {
    font-family: "Noto Kufi Arabic", "Rubik";
  }
}

.invalid-message.qid-error,
#successmsg,
#errormsg {
  font-family: "Noto Kufi Arabic", "Rubik" !important;
}
.form-group.invalid::after,
.form-group.valid::after {
  left: 7px;
  right: auto;
}