.lang {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.form-message-response {
  position: fixed;
  right: 0;
  bottom: 0;
  font-weight: 600;
  color: #fff;
  z-index: 123;
  display: block;
  padding: 20px 30px;
  border-top-left-radius: 5px;
  margin: 0;
  -webkit-transition: -webkit-transform 0.35s ease-out;
  transition: -webkit-transform 0.35s ease-out;
  transition: transform 0.35s ease-out;
  transition:
    transform 0.35s ease-out,
    -webkit-transform 0.35s ease-out;
  -webkit-animation-name: formMessageResponse;
  animation-name: formMessageResponse;
  -webkit-animation-duration: 4s;
  animation-duration: 4s;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.form-message-response__success {
  background-color: #4cda64;
}

.form-message-response__error {
  background-color: #ce2c2c;
}

@-webkit-keyframes formMessageResponse {
  0% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }

  10% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  90% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
}

@keyframes formMessageResponse {
  0% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }

  10% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  90% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
}

.chat {
}

.chat__content-block {
  position: relative;
}

.chat__content {
  max-height: 500px;
  overflow: auto;
  background-color: #000;
  padding: 10px;
}

.chat__content.loading-chat .chat__content-item:last-child {
  margin-bottom: 50px;
}

.chat__content.loading-chat .chat__content-load {
  display: block;
}

.chat__content-load {
  position: absolute;
  bottom: 0;
  max-width: 50px;
  left: calc(50% - 25px);
  display: none;
}

.chat__content-item:not(:last-child) {
  border-bottom: 1px solid #484848;
  padding-bottom: 30px;
  margin-bottom: 30px;
}

.chat__content-time {
  text-align: center;
  margin-bottom: 10px;
}

.chat__content-request {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 15px;
}

.chat__content-request p {
  background: #414149;
  padding: 10px;
  border-radius: 10px;
  margin: 0;
  max-width: 90%;
}

.chat__content-response {
  display: flex;
}

.chat__content-response p {
  background: #959595;
  color: #fff;
  padding: 20px;
  border-radius: 10px;
  margin: 0;
  max-width: 90%;
}

.chat__content-response-img {
  max-width: 300px;
}

.chat__input-block {
}

.chat__form-input {
  background-color: #fff !important;
  color: #000 !important;
}

.billing-form {
  margin-top: 30px;
}

.billing-form__block {
}

.billing-form__label {
  display: block;
  margin-bottom: 20px;
}

.billing-form__label-span {
  margin-bottom: 10px;
  display: block;
}

.billing-form__input {
  width: 100%;
  background-color: #151515;
  border: none;
  border: 1px solid #707070;
  border-radius: 30px;
  color: #fff;
  padding: 15px 25px;
}

.billing-form__required {
  margin-bottom: 30px;
}

.billing-form__btn-block {
}

.billing-form__btn {
}

.billing-form__radio-block {
  margin-bottom: 30px;
}

.billing-form__radio-block .btn {
  color: #fff;
}

.billing-form__radio-block .btn:hover {
  color: #fff;
}

.login-page__right {
  max-width: 500px;
}

.form__check {
  display: flex;
  gap: 5px;
  align-items: center;
  margin-bottom: 10px;
}

.form__policy a {
  color: #fff;
}

.login-page__sign a {
  color: #fff;
}

.billing-credits {
  border-radius: 4px;
  margin-bottom: 30px;
}

.billing-credits__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.billing-credits__total {
  font-size: 24px;
  color: #a03028;
  font-weight: 700;
  margin-bottom: 10px;
}

.billing-credits__btn {
  background-color: #fde999;
  color: #000;
  border: 1px solid #fde999;
  -webkit-transition: background-color 0.35s ease-out;
  transition: background-color 0.35s ease-out;
  display: inline-block;
  padding: 10px 40px;
  border-radius: 4px;
  font-weight: 500;
}

.billing-credits__btn:hover {
  background-color: transparent;
  text-decoration: none;
  color: #000;
}

.main-menu ul li a {
  text-transform: none;
}

.btn-default,
.page-catagery-list ul li a {
  text-transform: none;
}

.df {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 10px;
}

.lang__item.active a {
  /* background: linear-gradient(to right, var(--accent-color) 0%, var(--accent-secondary-color) 50%, var(--accent-color) 100%); */
  color: #a93e17;
  font-weight: 700;
}

.footer__bottom-cards img,
.footer__bottom-cards svg {
  max-height: 40px;
}

.footer__bottom-cards {
  margin-top: 24px;
}