@charset "UTF-8";
@font-face {
  font-family: nunito;
  src: url(../fonts/NunitoSans_7pt-ExtraLight.woff2), url(../fonts/NunitoSans_7pt-ExtraLight.woff);
  font-weight: 200;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: nunito;
  src: url(../fonts/NunitoSans_7pt-Light.woff2), url(../fonts/NunitoSans_7pt-Light.woff);
  font-weight: 300;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: nunito;
  src: url(../fonts/NunitoSans_7pt-Regular.woff2), url(../fonts/NunitoSans_7pt-Regular.woff);
  font-weight: 400;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: nunito;
  src: url(../fonts/NunitoSans_7pt-SemiBold.woff2), url(../fonts/NunitoSans_7pt-SemiBold.woff);
  font-weight: 600;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: nunito;
  src: url(../fonts/NunitoSans_7pt-Bold.woff2), url(../fonts/NunitoSans_7pt-Bold.woff);
  font-weight: 700;
  font-display: swap;
  font-style: normal;
}
* {
  padding: 0;
  margin: 0;
  border: 0;
}

*, *:before, *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

:focus, :active {
  outline: none;
}

a:focus, a:active {
  outline: none;
}

nav, footer, header, aside {
  display: block;
}

html, body {
  height: 100%;
  width: 100%;
  font-size: 100%;
  line-height: 1;
  font-size: 14px;
  -ms-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

input, button, textarea {
  font-family: inherit;
}

input::-ms-clear {
  display: none;
}

button {
  cursor: pointer;
}

button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

a, a:visited {
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

ul li {
  list-style: none;
}

img {
  vertical-align: top;
}

h1, h2, h3, h4, h5, h6 {
  font-style: inherit;
  font-weight: 400;
}

button {
  background-color: transparent;
  border: none;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type=number] {
  -moz-appearance: textfield;
}

body {
  overflow-x: hidden;
  min-width: 320px;
  background: #F0F3F9;
  font-family: "Nunito Sans", sans-serif;
  color: #000;
  line-height: normal;
  letter-spacing: 0px;
}

.wrapper {
  min-height: 100%;
  position: relative;
  display: grid;
  grid-template-columns: 285px calc(100vw - 285px - 15px);
  grid-template-columns: 285px calc(100% - 285px);
}
.wrapper:has(.reg-and-log) {
  display: block;
}
.wrapper:has(.reg-and-log) .sidebar {
  display: none;
}

.main {
  flex: 1 0 auto;
  padding: 40px 0;
  grid-column: 2/3;
}

.header {
  flex: 1 0 auto;
}

.footer {
  flex: 0 0 auto;
}

.container {
  max-width: 1050px;
  width: 100%;
  margin: 0 auto;
  padding: 0 15px;
  margin: 0 auto 0 0;
  padding: 0 15px 0 60px;
}
.container:has(.purchases__items-box) {
  padding-left: 60px;
}

.title-box {
  width: 100%;
  padding-bottom: 10px;
  border-bottom: 1px solid #B0B0B0;
  margin-bottom: 20px;
}

.title {
  font-size: 20px;
  font-weight: 700;
}
.title--up {
  text-transform: uppercase;
}

a {
  font-family: "Nunito Sans", sans-serif;
  color: #000;
  line-height: normal;
}

.logo {
  margin-bottom: 50px;
}
.logo__img {
  display: block;
}

.nav__list {
  display: flex;
  flex-direction: column;
  gap: 17px;
}
.nav__item-account {
  margin-top: 43px;
}
.nav__link {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 15px;
  font-size: 16px;
  font-weight: 600;
}
.nav__count {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #EB5757;
  color: #FFF;
  text-align: center;
  font-size: 12px;
  font-weight: 600;
  line-height: 20px;
}

.btn {
  width: fit-content;
  min-height: 35px;
  padding: 5px 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  white-space: nowrap;
  border-radius: 4px;
  background-color: #4D4AFD;
  color: #FFF;
  font-size: 16px;
  font-weight: 400;
}
.btn:active {
  background-color: #000;
}
.btn--green {
  background-color: #00BE35;
}
.btn--cancel {
  min-height: 35px;
  padding: 5px 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  border: 1px solid #E7EBEE;
  color: #B0B0B0;
  font-size: 16px;
  font-weight: 400;
}
.btn--cancel:active {
  color: #000;
  background-color: #E7EBEE;
}
.btn--muted {
  min-height: 35px;
  padding: 5px 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  border: 1px solid #E7EBEE;
  background-color: #E7EBEE;
  color: #000;
  font-size: 14px;
  font-weight: 400;
}
.btn__copy {
  width: 17px;
  height: 17px;
}
.btn--search {
  max-width: 92px;
  width: 100%;
  height: 35px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #4D4AFD;
}
.btn--action {
  min-width: 60px;
  min-height: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #000;
  font-size: 7px;
  font-weight: 400;
  text-transform: uppercase;
  border-radius: 4px;
  border: 1px solid #E7EBEE;
}

.socials__link {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 15px;
}
.socials__link img {
  display: block;
  width: 18px;
}
.socials__link span {
  font-size: 14px;
  font-weight: 600;
}

.copyright {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px 13px;
}
.copyright a {
  color: #B0B0B0;
  font-size: 10px;
  font-weight: 300;
}

.icon-nav {
  width: 19px;
  height: 19px;
  fill: #231F20;
}
.icon-eye {
  width: 15px;
  height: 15px;
  stroke: #242424;
  fill: transparent;
}
.icon-exit {
  width: 15px;
  height: 15px;
  stroke: #242424;
  fill: transparent;
}
.icon-copy {
  width: 17px;
  height: 17px;
  pointer-events: none;
}
.icon-chevron {
  width: 19px;
  height: 19px;
  stroke: #B0B0B0;
  fill: transparent;
}
.icon-reset {
  width: 18px;
  height: 16px;
  fill: #B0B0B0;
}
.icon-info {
  width: 13px;
  height: 13px;
  fill: #B0B0B0;
  cursor: pointer;
}
.icon-arrow-tringle {
  width: 12px;
  height: 10px;
  fill: #D9D9D9;
}
.icon-arrow-green {
  width: 22px;
  height: 35px;
  stroke: #00BE35;
  fill: transparent;
}
.icon-search {
  width: 24px;
  height: 24px;
  stroke: #fff;
  fill: transparent;
}
.icon-dropdown-tringle {
  width: 13px;
  height: 12px;
  fill: #D9D9D9;
}
.icon-use {
  width: 23px;
  height: 20px;
  stroke: #242424;
  fill: transparent;
}
.icon-edit {
  width: 17px;
  height: 17px;
  stroke: transparent;
  fill: #231F20;
}
.icon-plus {
  width: 16px;
  height: 16px;
  fill: #231F20;
}

.text-color, .text--red {
  color: #FD6A4A;
}
.text--green {
  color: #00BE35;
}
.text--muted {
  color: #B0B0B0 !important;
}
.text--violet, .text--blue {
  color: #4D4AFD;
}
.text--black {
  color: #000;
}

.input-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  margin: 0;
  padding: 0;
  border: none;
}

.rating {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 20px;
  font-size: 15px;
  line-height: 0.833;
}
.rating__value {
  color: #000;
  font-size: 14px;
  font-weight: 400;
  white-space: nowrap;
}
.rating__body {
  position: relative;
}
.rating__body::before {
  content: "★★★★★";
  display: block;
  color: rgba(77, 74, 253, 0.18);
}
.rating__active {
  position: absolute;
  width: 0%;
  height: 100%;
  top: 0;
  left: 0;
  overflow: hidden;
}
.rating__active::before {
  content: "★★★★★";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  color: #4D4AFD;
}
.rating__items {
  display: flex;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.rating__item {
  flex: 0 0 20%;
  height: 100%;
  opacity: 0;
}

hr {
  width: 100%;
  border: none;
  border-top: 2px dotted black;
}

.rate__circle-wrapper {
  rotate: 45deg;
  transform: scale(-1, 1);
}
.rate__circle {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  overflow: hidden;
  background: #000;
  color: #000;
  width: 44px;
  height: 44px;
  font-size: 12px;
  font-weight: 400;
  line-height: 1;
}
.rate__circle span {
  position: relative;
  display: flex;
  z-index: 2;
  rotate: 45deg;
  transform: scale(-1, 1);
  font-weight: 600;
}
.rate__circle span small {
  font-size: 1em;
  font-weight: inherit;
  align-self: center;
}
.rate__circle::after {
  content: "";
  position: absolute;
  inset: 4px;
  background: #fff;
  border-radius: inherit;
  z-index: 1;
}
.rate__circle::before {
  content: "";
  position: absolute;
  inset: 4px;
  border-radius: inherit;
  box-shadow: 0 0 0 1rem #D9D9D9;
  z-index: -1;
}

.table-wrapper {
  overflow-x: auto;
  width: calc(100% + 2px);
  padding-bottom: 100px;
  margin-bottom: -100px;
}
.table-wrapper table {
  border-collapse: collapse;
}
.table-wrapper th,
.table-wrapper td {
  padding: 8px 12px;
}
.table-wrapper th {
  height: 35px;
  border: 1px solid #E7EBEE;
  background: #F5FEFB;
  color: #000;
  font-size: 14px;
  font-weight: 700;
}
.table-wrapper td {
  min-height: 32px;
  border: 1px solid #E7EBEE;
  background: #FFF;
  font-size: 12px;
  font-weight: 400;
}

.table__btn--popup {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
}

.search {
  height: 35px;
  display: flex;
  border-radius: 4px;
  border: 1px solid #E7EBEE;
  color: #000;
  font-size: 14px;
  font-weight: 400;
}
.search__input {
  width: 100%;
  height: 100%;
  padding: 5px 30px;
  border-radius: 4px 0px 0px 4px;
  background-color: #fff;
}
.search__input::placeholder {
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
}
.search__btn {
  width: 35px;
  height: 100%;
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0px 4px 4px 0px;
  border-left: 1px solid #E7EBEE;
  background: #E7EBEE;
}
.search .icon-search {
  stroke: #242424;
}

.admin-footer {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 25px;
}
.admin-footer__link {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 5px;
  color: #000;
  font-size: 10px;
  font-weight: 300;
}

.line--vertical {
  display: block;
  width: 1px;
  height: 1em;
  background-color: #B0B0B0;
}

.header__inner {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}

.footer__inner {
  display: flex;
  flex-direction: column;
  gap: 30px;
}

.form {
  font-family: "Nunito Sans", sans-serif;
  color: #000;
  line-height: normal;
  letter-spacing: 0px;
}
.form__input-boxes {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
}
.form__input-box {
  width: 100%;
  height: 50px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  position: relative;
  overflow: hidden;
  border-radius: 4px;
  border: 1px solid #E7EBEE;
  background: #FFF;
}
.form__input {
  width: 100%;
  height: 100%;
  padding: 23px 25px 8px;
  color: #000;
  font-size: 14px;
  font-weight: 400;
}
.form__label {
  position: absolute;
  top: 15.5px;
  left: 25px;
  pointer-events: none;
  transition: all 0.1s linear;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 20px;
  white-space: nowrap;
  color: #B0B0B0;
  font-size: 14px;
  font-weight: 400;
}
.form__input:focus + .form__label, .form__input:focus-visible + .form__label, .form__input:not(:placeholder-shown) + .form__label {
  top: 8px;
  font-size: 10px;
}
.form__input-box--search {
  height: 35px;
  padding: 0;
  border-radius: 4px;
  overflow: hidden;
}
.form__input-box--search .form__input {
  padding: 5px 30px;
  border-right: 1px solid #E7EBEE;
}
.form__input-box--search .form__input::placeholder {
  color: #000;
  font-size: 14px;
  font-weight: 400;
}
.form__copy-box {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
}

.data-picker__label {
  width: 100%;
  height: 25px;
  padding: 0 7.5px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  cursor: pointer;
  z-index: 3;
  background-image: url(../images/icons/calendar.svg);
  background-repeat: no-repeat;
  background-size: 13px 11px;
  background-position: calc(100% - 7.5px) center;
  border-radius: 3px;
  border: 1px solid #E7EBEE;
  background-color: #FFF;
}
.data-picker__input {
  cursor: pointer;
  background-color: transparent;
  color: #000;
  font-size: 10px;
  font-weight: 400;
}

.add-file__box {
  width: 130px;
  height: 35px;
  flex-shrink: 0;
  position: relative;
  border-radius: 4px;
  border: 1px dashed #D9D9D9;
  font-size: 12px;
  font-weight: 400;
}
.add-file__input {
  width: 100%;
  height: 100%;
  opacity: 0;
  padding: 5px 20px;
  cursor: pointer;
}
.add-file__input::-webkit-file-upload-button {
  visibility: hidden;
}
.add-file__img {
  display: block;
  width: 24px;
  height: 24px;
  object-fit: cover;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 21px;
  pointer-events: none;
}
.add-file__text {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 50px;
  pointer-events: none;
}

.input,
.input-buffer {
  color: #000;
  font-family: "Nunito Sans", sans-serif;
  font-size: 14px;
}

.input {
  width: 100px;
  min-width: 100px;
}

.input-buffer {
  position: absolute;
  top: -1000px;
  left: -1000px;
  visibility: hidden;
  white-space: nowrap;
}

.copy-box {
  display: flex;
  justify-content: flex-end !important;
  align-items: center !important;
  gap: 10px;
  flex-direction: row-reverse;
}
.copy-box.copied .icon-copy {
  stroke: #00BE35;
}
.copy-box.copied .copy-input {
  color: #00BE35;
}

.btn__copy.copied .icon-copy {
  stroke: #00BE35;
}
.btn__copy.copied ~ .copy-input {
  color: #00BE35;
}

.copy-btn.copied .icon-copy {
  stroke: #00BE35;
}
.copy-btn.copied ~ .input {
  color: #00BE35;
}

.api__copy .copy-box {
  padding: 8px 35px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 15px;
  border-radius: 4px;
  border: 1px solid #E7EBEE;
  background: #FFF;
}
.api__copy .input {
  width: 255px;
  min-width: 255px;
  font-size: 14px;
  font-weight: 700;
}

.modals__sender-receiver .copy-box {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
}
.modals__sender-receiver .input {
  width: 135px;
  min-width: 135px;
  font-size: 16px;
  font-weight: 400;
  text-transform: uppercase;
}
.modals__sender-receiver--confirm .input {
  color: #B0B0B0;
}
.modals__sender-receiver--confirmed .input {
  width: 141px;
  min-width: 141px;
  color: #000;
}

.purchases__item .copy-box {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
}
.purchases__item .input {
  width: 123px;
  min-width: 123px;
  font-size: 12px;
  font-weight: 400;
  text-transform: uppercase;
}
.purchases__item .icon-copy {
  width: 15px;
  height: 15px;
}

.modals__new-user .input {
  font-size: 16px;
  font-weight: 400;
}
.modals__new-user .modal-content__item:nth-child(1) .copy-box .input {
  min-width: 91px;
  width: 91px;
}
.modals__new-user .modal-content__item:nth-child(2) .input {
  min-width: 155px;
  width: 155px;
}

.modals__new-user-support .input {
  min-width: 155px !important;
  width: 155px !important;
  font-size: 16px;
  font-weight: 400;
}

.checkbox-label {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
  cursor: pointer;
  font-size: 12px;
  font-weight: 400;
}
.checkbox-circle {
  color: #4D4AFD;
  text-transform: capitalize;
}
.checkbox-circle .checkbox-cstm {
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background-color: transparent;
  border: 2px solid #4D4AFD;
}
.checkbox-circle .checkbox-input:checked + .checkbox-cstm {
  background-color: #4D4AFD;
}
.checkbox-switch .checkbox-cstm {
  width: 30px;
  height: 15px;
  border-radius: 11px;
  border: 1px solid var(--Unactive-Text, #B0B0B0);
  position: relative;
}
.checkbox-switch .checkbox-cstm::before {
  content: "";
  position: absolute;
  top: 1px;
  left: 1px;
  width: 11px;
  height: 11px;
  border-radius: 50%;
  background-color: #B0B0B0;
  transition: all 0.2s ease;
}
.checkbox-switch .checkbox-input:checked + .checkbox-cstm::before {
  left: 15px;
  background-color: rgba(0, 190, 53, 0.68);
}
.checkbox-angle {
  position: absolute;
  top: 10px;
  left: -24px;
}
.checkbox-angle .checkbox-cstm {
  width: 20px;
  height: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background: #FFF;
  position: relative;
}
.checkbox-angle .checkbox-cstm .icon-chevron {
  width: 14px;
  height: 14px;
  stroke: #242424;
}
.checkbox-angle .checkbox-input:checked + .checkbox-cstm {
  background: #4D4AFD;
}
.checkbox-angle .checkbox-input:checked + .checkbox-cstm .icon-chevron {
  stroke: #FFFFFF;
}

.modal-overlay {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.7);
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100vh;
  width: 100%;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease-in-out;
  z-index: 11;
}

.modal {
  display: flex;
  align-items: center;
  justify-content: center;
  display: none;
}

.modal-overlay--visible {
  opacity: 1;
  visibility: visible;
  transition: all 0.3s ease-in-out;
}

.modal--visible {
  display: block;
}

.modals__sender-receiver {
  max-width: 800px;
  padding: 40px 40px 30px;
  border-radius: 4px;
  background: #FFF;
}
.modals__sender-receiver .modal-content {
  display: flex;
  flex-direction: column;
  gap: 30px;
  align-items: center;
}
.modals__sender-receiver .modal-content__top {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  gap: 50px;
}
.modals__sender-receiver .modal-content .icon-arrow-green {
  align-self: center;
}
.modals__sender-receiver .modal-content__top-item {
  display: flex;
  flex-direction: column;
}
.modals__sender-receiver .modal-content__top-title {
  margin-bottom: 15px;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
}
.modals__sender-receiver .modal-content__middle {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 30px;
}
.modals__sender-receiver .modal-content__middle-item {
  display: flex;
  align-items: center;
  gap: 15px;
  color: #000;
  font-size: 12px;
  font-weight: 200;
}
.modals__sender-receiver .modal-content__middle-item span {
  font-size: 16px;
  font-weight: 400;
}
.modals__sender-receiver .modal-content__middle-item .form {
  display: flex;
  align-items: center;
  gap: 10px;
}
.modals__sender-receiver .modal-content__middle-item .form__input {
  min-width: 135px;
  width: 140px;
  padding: 0;
  font-size: 16px;
  font-weight: 400;
  text-transform: uppercase;
}
.modals__sender-receiver .modal-content__bottom {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 30px;
}
.modals__sender-receiver--confirm .form__input {
  width: 135px;
}
.modals__sender-receiver--confirm .icon-copy {
  stroke: #B0B0B0;
}
.modals__sender-receiver--confirm .form__input {
  color: #B0B0B0;
}
.modals__sender-receiver--confirmed .icon-arrow-green {
  fill: #00BE35;
}
.modals__sender-receiver--confirmed .btn--cancel {
  color: #000;
  background-color: #E7EBEE;
}
.modals__sender-receiver--rate {
  max-width: 550px;
  width: fit-content;
  height: auto;
  padding: 25px 25px 35px;
  border-radius: 4px;
  background: #FFF;
}
.modals__sender-receiver--rate .modal-content {
  display: flex;
  flex-direction: column;
  gap: 6px;
  color: #000;
  font-size: 14px;
  font-weight: 400;
}
.modals__sender-receiver--rate .modal-content__title {
  font-size: 20px;
  font-weight: 700;
}
.modals__sender-receiver--rate .modal-content__date {
  color: #B0B0B0;
  font-size: 12px;
  font-weight: 400;
}
.modals__sender-receiver--rate .modal-content__readmore {
  color: #00BE35;
  font-size: 12px;
  font-weight: 700;
}
.modals__password {
  width: 300px;
  min-height: 260px;
  padding: 55px;
  border-radius: 4px;
  background: #FFF;
  box-shadow: -5px 5px 10px 0px rgba(0, 0, 0, 0.1);
}
.modals__password .modal-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  color: #000;
  font-size: 12px;
  font-weight: 200;
}
.modals__password .modal-content__title {
  margin-bottom: 7px;
  font-size: 16px;
  font-weight: 600;
}
.modals__password .copy-box {
  margin-bottom: 20px;
}
.modals__password .copy-box .copy-input {
  font-size: 16px;
  font-weight: 400;
  text-transform: uppercase;
  min-width: 155px;
  width: 155px;
}
.modals__password .modals__password-text {
  display: inline-block;
  margin-bottom: 30px;
}
.modals__password .btn {
  width: 100%;
}
.modals__password .btn:disabled {
  color: #B0B0B0;
  border-radius: 4px;
  border: 1px solid #E7EBEE;
  background-color: transparent;
  pointer-events: none;
}
.modals__new-user {
  max-width: 300px;
  width: 100%;
  min-height: 300px;
  padding: 70px 60px;
  border-radius: 4px;
  background: #FFF;
  box-shadow: -5px 5px 10px 0px rgba(0, 0, 0, 0.1);
}
.modals__new-user .modal-content {
  text-align: center;
}
.modals__new-user .modal-content__title {
  margin-bottom: 20px;
  color: #000;
  font-size: 20px;
  font-weight: 700;
  text-transform: uppercase;
}
.modals__new-user .modal-content__item {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.modals__new-user .modal-content__item:not(:last-child) {
  margin-bottom: 20px;
}
.modals__new-user .modal-content__item-title {
  color: #000;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
}
.modals__new-user .copy-box {
  justify-content: center !important;
}
.modals__price-show {
  max-width: 600px;
  width: 100%;
  height: 100vh;
  overflow-y: auto;
}
.modals__price-show::-webkit-scrollbar {
  display: none;
}
.modals__price-show .modal-content {
  padding: 60px 70px 50px;
  margin: 20px 15px;
  background-color: #F0F3F9;
}
.modals__price-show .modal-content__items {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
.modals__price-show .modal-content__table {
  border-collapse: collapse;
}
.modals__price-show th:nth-child(1),
.modals__price-show td:nth-child(1) {
  min-width: 180px;
  width: 180px;
  max-width: 180px;
}
.modals__price-show th:nth-child(1) input,
.modals__price-show td:nth-child(1) input {
  max-width: 156px;
}
.modals__price-show th:nth-child(2),
.modals__price-show td:nth-child(2) {
  min-width: 100px;
  width: 100px;
  max-width: 100px;
}
.modals__price-show th:nth-child(2) input,
.modals__price-show td:nth-child(2) input {
  max-width: 76px;
}
.modals__price-show th:nth-child(3),
.modals__price-show td:nth-child(3) {
  min-width: 140px;
  width: 140px;
  max-width: 140px;
}
.modals__price-show th:nth-child(3) input,
.modals__price-show td:nth-child(3) input {
  max-width: 116px;
}
.modals__price-show .modal-content__btns {
  display: grid;
  grid-template-columns: minmax(auto, 230px) minmax(auto, 170px);
  justify-content: center;
  align-items: center;
  gap: 20px;
}
.modals__price-show .modal-content__btns .btn--muted,
.modals__price-show .modal-content__btns .btn {
  width: 100%;
}
.modals__new-user-support {
  max-width: 300px;
  width: 100%;
  min-height: 180px;
  padding: 45px;
  border-radius: 4px;
  background: #FFF;
  box-shadow: -5px 5px 10px 0px rgba(0, 0, 0, 0.1);
}
.modals__templates {
  max-width: 560px;
  width: 100%;
  height: 100vh;
  overflow-y: auto;
}
.modals__templates::-webkit-scrollbar {
  display: none;
}
.modals__templates .modal-content {
  width: 100%;
  padding: 40px;
  margin: 20px 0px;
  border-radius: 4px;
  background: #FFF;
}
.modals__templates .form__input-box--cstm:nth-child(1) {
  width: calc(100% - 180px - 20px);
}
.modals__templates .form__input-box--cstm:nth-child(2) {
  width: 180px;
}
.modals__templates .sender-receiver__form .form__input-box--cstm:nth-child(2) .form__input {
  padding-right: 45px;
}
.modals__templates .sender-receiver__form .form__input-box--cstm:nth-child(2) .btn--reset {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 22px;
}
.modals__templates .cstm-bottom {
  width: 100%;
  margin-top: 20px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 20px;
}
.modals__templates-delete {
  max-width: 200px;
  width: 100%;
  padding: 10px;
  border-radius: 4px;
  background: #FFF;
}
.modals__templates-delete-title {
  font-size: 16px;
  font-weight: 600;
  text-align: center;
  margin-bottom: 20px;
}
.modals__templates-delete-btns {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
}
.modals__tickets-message {
  max-width: 540px;
  width: 100%;
  height: 100vh;
  overflow-y: auto;
}
.modals__tickets-message::-webkit-scrollbar {
  display: none;
}
.modals__tickets-message .modal-content {
  margin: 20px 0px;
}
.modals__tickets-message .tickets__form-input--box-track {
  display: none;
}
.modals__tickets-message .tickets__form-input--box-type:has(.dropdown__button .regarding-the-label) ~ .tickets__form-input--box-track {
  display: flex;
}
.modals__withdraw {
  max-width: 540px;
  width: 100%;
  padding: 30px 20px;
  border-radius: 4px;
  background: #FFF;
}
.modals__withdraw .modal-content {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.modals__withdraw-title {
  font-size: 16px;
  font-weight: 600;
  text-align: center;
}
.modals__withdraw .balance__elem-input--box {
  max-width: 200px;
  margin: 0 auto;
}
.modals__withdraw-btns {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
}
.modals__api {
  max-width: 200px;
  width: 100%;
  padding: 30px 20px;
  border-radius: 4px;
  background: #FFF;
}
.modals__api .modal-content {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.modals__api-title {
  font-size: 16px;
  font-weight: 600;
  text-align: center;
}
.modals__api-btns {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
}
.modals__invite {
  max-width: 300px;
  width: 100%;
  padding: 30px 20px;
  border-radius: 4px;
  background: #FFF;
}
.modals__invite .copy-box {
  justify-content: center !important;
}
.modals__change-contact {
  max-width: 365px;
  width: 100%;
  padding: 23px 35px 33px;
  background-color: #fff;
}
.modals__change-contact .modals__change-title {
  margin-bottom: 20px;
  color: #000;
  font-size: 20px;
  font-weight: 700;
  text-transform: uppercase;
}
.modals__change-contact .modals__change-content {
  margin-bottom: 35px;
}
.modals__change-contact .modals__change-btns {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 20px;
}
.modals__change-contact .cstm-input {
  width: 100%;
  border-bottom: 1px solid #4D4AFD;
  padding-bottom: 5px;
  color: #000;
  font-size: 16px;
  font-weight: 600;
}
.modals__change-password {
  max-width: 365px;
  width: 100%;
  padding: 23px 35px 33px;
  background-color: #fff;
}
.modals__change-password .modals__change-title {
  margin-bottom: 20px;
  color: #000;
  font-size: 20px;
  font-weight: 700;
  text-transform: uppercase;
}
.modals__change-password .modals__change-content {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-bottom: 35px;
}
.modals__change-password .modals__change-btns {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 20px;
}
.modals__change-password .form__input-box--cstm .btn--reset {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 22px;
}
.modals__change-password .form__input-box--cstm .btn--reset .icon-reset {
  fill: #231F20;
}

input[type=number],
input[type=number]::placeholder {
  font-size: inherit;
  font-weight: inherit;
  color: inherit;
}

.input-price--box {
  position: relative;
}
.input-price--box .input-price--symbol {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  display: none;
  pointer-events: none;
}
.input-price--box:has(.input-price:not(:placeholder-shown)) .input-price {
  position: relative;
  left: 7px;
}
.input-price--box:has(.input-price:not(:placeholder-shown)) .input-price--symbol {
  display: inline-block;
}

.balance__elem-input--box .input-price {
  text-align: center;
  left: 0 !important;
}

.form-group {
  width: 100%;
}

.dropdown {
  position: relative;
}
.dropdown .cstm-dropdown-placeholder {
  position: absolute;
  top: 15.5px;
  left: 25px;
  transition: all 0.1s linear;
  pointer-events: none;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 20px;
  color: #B0B0B0;
  font-size: 14px;
  font-weight: 400;
}
.dropdown.cstm-dropdown-active .cstm-dropdown-placeholder {
  top: 8px;
  font-size: 10px;
}
.dropdown.cstm-dropdown-active .cstm-dropdown-placeholder .icon-chevron {
  display: none;
}

.dropdown__button {
  position: relative;
  width: 100%;
  height: 50px;
  text-align: left;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 20px;
  border-radius: 4px;
  border: 1px solid #E7EBEE;
  background: #FFF;
  padding: 8px 25px;
  color: #000;
  font-size: 14px;
  font-weight: 400;
  text-transform: capitalize;
  white-space: nowrap;
  cursor: pointer;
}
.dropdown__button span {
  pointer-events: none;
}

.dropdown__button:focus,
.dropdown__button--active {
  outline: none;
}
.dropdown__button:focus + .cstm-dropdown-placeholder,
.dropdown__button--active + .cstm-dropdown-placeholder {
  top: 8px;
  font-size: 10px;
}
.dropdown__button:focus + .cstm-dropdown-placeholder .icon-chevron,
.dropdown__button--active + .cstm-dropdown-placeholder .icon-chevron {
  display: none;
}

.dropdown__list {
  display: none;
  max-height: 175px;
  position: absolute;
  left: 0;
  top: 52px;
  margin: 0;
  padding: 0;
  list-style-type: none;
  border: 1px solid #E7EBEE;
  background: #FFFFFF;
  overflow: auto;
  border-radius: 4px;
  width: 100%;
  z-index: 3;
}

.dropdown__list--visible {
  display: block;
}

.dropdown__list-item {
  height: 50px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin: 0;
  padding: 0;
  padding: 8px 25px;
  cursor: pointer;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 20px;
  color: #000;
  font-size: 14px;
  font-weight: 400;
  text-transform: capitalize;
}
.dropdown__list-item:not(:last-child) {
  border-bottom: 1px solid #E7EBEE;
}

.dropdown__list-item:hover {
  background: rgba(176, 198, 225, 0.26);
}

.dropdown__list-item-content {
  pointer-events: none;
}

.dropdown__input-hidden {
  display: none;
}

.form-group.status .dropdown__button {
  width: 100%;
  height: 16px !important;
  border: none;
  padding: 0 !important;
  font-size: inherit;
  font-weight: inherit;
}
.form-group.status .icon-chevron {
  position: absolute;
  right: -5px;
  z-index: 1;
  stroke: #242424;
  pointer-events: none;
}
.form-group.status .dropdown__list {
  top: calc(100% + 0px);
  width: calc(100% + 24px);
  left: -12px;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
}
.form-group.status .dropdown__list-item {
  height: 25px;
  padding: 8px 12px;
  font-size: inherit;
  font-weight: inherit;
}

.form-group.insurance .dropdown__button {
  border: none;
  padding-left: 38px;
  height: 32px;
  font-size: inherit;
  font-weight: inherit;
}
.form-group.insurance .dropdown__list {
  top: calc(100% - 8px);
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
}
.form-group.insurance .dropdown__list-item {
  font-size: inherit;
  font-weight: inherit;
  height: 32px;
}
.form-group.insurance .icon-plus {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 12px;
  z-index: 1;
}

.sidebar {
  width: 285px;
  transition: transform 0.2s ease;
  position: relative;
  background: #FFF;
  position: fixed;
  top: 0;
  bottom: 0;
}
.sidebar__inner {
  height: 100vh;
  padding: 40px 60px;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 30px;
  overflow: auto;
}
.sidebar__btn-open {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 10px;
  right: -47px;
  border-radius: 4px;
  background-color: #4D4AFD;
  padding: 3px;
  display: none;
}
.sidebar__btn-line {
  display: block;
  width: 100%;
  height: 2px;
  background-color: #fff;
  position: relative;
}
.sidebar__btn-line::before, .sidebar__btn-line::after {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 2px;
  background-color: #fff;
}
.sidebar__btn-line::before {
  top: -7px;
}
.sidebar__btn-line::after {
  top: 7px;
}
.sidebar.sidebar-open {
  transform: translateX(0%);
}
.sidebar.sidebar-open .sidebar__btn-line {
  transform: rotate(-45deg);
}
.sidebar.sidebar-open .sidebar__btn-line::before {
  top: 0;
  transform: rotate(90deg);
}
.sidebar.sidebar-open .sidebar__btn-line::after {
  top: 0;
  transform: rotate(45deg);
  opacity: 0;
}
.sidebar__nav {
  margin-bottom: 80px;
}
.sidebar__nav:has(.nav__item-account) {
  margin-bottom: 40px;
}
.sidebar.sidebar-admin .sidebar__nav {
  margin-bottom: 20px;
}

.page-api .nav__item-api .nav__link {
  color: #4D4AFD;
}
.page-api .nav__item-api .nav__link svg {
  fill: #4D4AFD;
}
.page-news .nav__item-news .nav__link {
  color: #4D4AFD;
}
.page-news .nav__item-news .nav__link svg {
  fill: #4D4AFD;
}
.page-wallet .nav__item-wallet .nav__link {
  color: #4D4AFD;
}
.page-wallet .nav__item-wallet .nav__link svg {
  fill: #4D4AFD;
}
.page-purchases .nav__item-purchases .nav__link {
  color: #4D4AFD;
}
.page-purchases .nav__item-purchases .nav__link svg {
  fill: #4D4AFD;
}
.page-templates .nav__item-templates .nav__link {
  color: #4D4AFD;
}
.page-templates .nav__item-templates .nav__link svg {
  fill: #4D4AFD;
}
.page-support .nav__item-support .nav__link {
  color: #4D4AFD;
}
.page-support .nav__item-support .nav__link svg {
  fill: #4D4AFD;
}
.page-tickets .nav__item-support .nav__link {
  color: #4D4AFD;
}
.page-tickets .nav__item-support .nav__link svg {
  fill: #4D4AFD;
}
.page-account .nav__item-account .nav__link {
  color: #4D4AFD;
}
.page-account .nav__item-account .nav__link svg {
  fill: #4D4AFD;
}
.page-admin-user .nav__item-overview .nav__link {
  color: #4D4AFD;
}
.page-admin-user .nav__item-overview .nav__link svg {
  fill: #4D4AFD;
}
.page-admin-service .nav__item-service .nav__link {
  color: #4D4AFD;
}
.page-admin-service .nav__item-service .nav__link svg {
  fill: #4D4AFD;
}
.page-admin-support .nav__item-support .nav__link {
  color: #4D4AFD;
}
.page-admin-support .nav__item-support .nav__link svg {
  fill: #4D4AFD;
}
.page-support-user .nav__item-overview .nav__link {
  color: #4D4AFD;
}
.page-support-user .nav__item-overview .nav__link svg {
  fill: #4D4AFD;
}
.page-admin-wallet .nav__item-wallet .nav__link {
  color: #4D4AFD;
}
.page-admin-wallet .nav__item-wallet .nav__link svg {
  fill: #4D4AFD;
}

.api__form {
  height: 35px;
  padding: 8px 35px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 15px;
  border-radius: 4px;
  border: 1px solid #E7EBEE;
  background: #FFF;
}
.api__input {
  display: block;
  min-width: 255px;
  height: 19px;
  color: #000;
  font-family: "Nunito Sans", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 0px;
}
.api__copy {
  margin-bottom: 30px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 20px;
  font-size: 14px;
  font-weight: 700;
}
.api__params {
  margin-bottom: 60px;
}
.api__item:not(:last-child) {
  margin-bottom: 60px;
}
.api__item-title {
  margin-bottom: 5px;
  font-size: 12px;
  font-weight: 300;
}
.api__item-wrapper {
  overflow-x: auto;
  max-width: 100%;
  width: calc(100vw - 285px - 30px);
  width: calc(100vw - 285px - 60px - 15px);
}
.api__table {
  width: 100%;
  border-collapse: collapse;
}
.api__table th,
.api__table td {
  min-height: 35px;
  padding: 8px 25px;
  border: 1px solid #E7EBEE;
  white-space: nowrap;
  font-size: 14px;
  vertical-align: top;
}
.api__table th {
  text-align-last: left;
  background: #F5FEFB;
  font-weight: 700;
}
.api__table td {
  background: #FFF;
  font-weight: 400;
}
.api__table tr th:nth-child(1), .api__table tr th:nth-child(4) {
  min-width: 200px;
  width: 200px;
}
.api__table tr th:nth-child(2), .api__table tr th:nth-child(3) {
  min-width: 130px;
  width: 130px;
}
.api__table tr th:last-child {
  width: auto;
}
.api__request-list {
  padding: 40px;
  border: 1px solid #E7EBEE;
  background: #FFF;
  white-space: nowrap;
  display: flex;
  flex-direction: column;
  font-size: 14px;
  font-weight: 400;
}

.news__inner {
  max-width: 886px;
}
.news__items {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.news__item {
  padding: 40px;
  display: flex;
  flex-direction: column;
  gap: 25px;
  border-radius: 4px;
  background: #FFF;
}
.news__item:has(.checkbox-input:checked) {
  background: #E7EBEE;
}
.news__item:has(.checkbox-input:checked) .news__img {
  opacity: 0.5;
}
.news__item:nth-child(n+2) {
  display: none;
}
.news__items.history-show .news__item:nth-child(n+2) {
  display: flex;
}
.news__item-more-btn {
  width: fit-content;
  margin: 0 auto;
}
.news__img {
  display: block;
  width: 100%;
  height: 150px;
  border-radius: 4px;
  object-fit: cover;
}
.news__info {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.news__title {
  font-size: 20px;
  font-weight: 700;
}
.news__date {
  color: #B0B0B0;
  font-size: 12px;
  font-weight: 400;
}
.news__descr {
  display: flex;
  flex-direction: column;
  gap: 1em;
  max-height: 171px;
  overflow: hidden;
  font-size: 14px;
  font-weight: 400;
}
.news__descr div {
  display: flex;
  flex-direction: column;
}
.news .news__info.news-more-active .news__descr {
  max-height: 600px;
  overflow: auto;
}
.news__read-off {
  display: none;
}
.news .checkbox-label {
  width: fit-content;
}
.news .checkbox-input:checked ~ .news__read-on {
  display: none;
}
.news .checkbox-input:checked ~ .news__read-off {
  display: inline-block;
}
.news__more {
  display: inline-block;
  text-align: center;
  color: #B0B0B0;
  font-size: 12px;
  font-weight: 600;
}
.news__item-more-btn.news-more-active .news__more-btn--more {
  display: none;
}
.news__item-more-btn.news-more-active .news__more-btn--less {
  display: block;
}
.news .news__more-btn--less {
  display: none;
}

.sender-receiver {
  margin-bottom: 80px;
}
.sender-receiver__inner {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  gap: 50px;
}
.sender-receiver__item {
  width: 100%;
}
.sender-receiver__item .checkbox-label {
  margin-top: 20px;
}
.sender-receiver__form {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
.sender-receiver .form__input-box--cstm:nth-child(1) {
  width: calc(100% - 180px - 20px);
}
.sender-receiver .form__input-box--cstm:nth-child(2) {
  width: 180px;
}
.sender-receiver .sender-receiver__form .form__input-box--cstm:nth-child(2) .form__input {
  padding-right: 45px;
}
.sender-receiver .sender-receiver__form .form__input-box--cstm:nth-child(2) .btn--reset {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 22px;
}
.sender-receiver .dropdown__button {
  padding: 23px 25px 8px;
}
.sender-receiver .autoComplete_wrapper .logo__img {
  margin-left: 20px;
}

.custom-line-item {
  margin-bottom: 80px;
  display: none;
}
.custom-line-item__items {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.custom-line-item__item {
  display: grid;
  grid-template-columns: auto 145px 220px 10px;
  align-items: center;
  gap: 20px;
}
.custom-line-item__item-add {
  width: fit-content;
  color: #00BE35;
  font-size: 12px;
  font-weight: 400;
}
.custom-line-item__item-btn {
  justify-self: end;
}
.custom-line-item__item-btn-img {
  display: block;
  width: 20px;
  height: 20px;
  object-fit: contain;
}
.custom-line-item .title {
  text-transform: uppercase;
}
.custom-line-item .form__input--price {
  padding-left: 33.5px;
}
.custom-line-item .form__input--price:valid ~ .form__input--price-symbol {
  display: inline-block;
}
.custom-line-item .form__input--price-symbol {
  position: absolute;
  top: 22px;
  left: 25px;
  display: none;
  color: #000;
  font-size: 14px;
  font-weight: 400;
}
.custom-line-item .custom-line-item__item-box {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.custom-line-item .custom-line-item__item-box .custom-line-item__item-btn {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.custom-line-item .custom-line-item__item-box.active-line {
  display: flex !important;
}
.custom-line-item .custom-line-item__item-box.active-line.del-btn .custom-line-item__item-add {
  display: inline-block !important;
}
.custom-line-item .custom-line-item__item-box.del-btn .custom-line-item__item-btn {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
}
.custom-line-item .custom-line-item__item-box .custom-line-item__item-add {
  display: none;
}
.custom-line-item .custom-line-item__item-box:first-child .custom-line-item__item-btn {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.custom-line-item .custom-line-item__item-box:not(:first-child) {
  display: none;
}

.details__content {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 40px;
  margin-bottom: 50px;
}
.details__options {
  max-width: 460px;
}
.details__options-title {
  margin-bottom: 15px;
  font-size: 14px;
  font-weight: 400;
}
.details__options-title span {
  font-size: 24px;
  font-weight: 700;
}
.details__options-items {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  margin-bottom: 20px;
}
.details__options-box:nth-child(1), .details__options-box:nth-child(2) {
  grid-column: span 2;
}
.details__options-item-title {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
  margin-bottom: 5px;
  white-space: nowrap;
  font-size: 14px;
  font-weight: 400;
}
.details__options-rate-box {
  height: 35px;
  padding: 8px 25px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 15px;
  border-radius: 4px;
  border: 1px solid #E7EBEE;
  background: #FFF;
}
.details__options-ceckboxes {
  width: fit-content;
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.details__img-ups {
  display: none;
}
.details__img-fedex {
  display: none;
}
.details__img-usps {
  display: none;
}
.details .details__content:has(.dropdown__button .ups) .details__img-ups {
  display: block;
}
.details .details__content:has(.dropdown__button .fedex) .details__img-fedex {
  display: block;
}
.details .details__content:has(.dropdown__button .usps) .details__img-usps {
  display: block;
}
.details__img {
  display: block;
  max-width: 472px;
  height: auto;
  aspect-ratio: 472/265;
}
.details__prices {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 30px;
}
.details__prices-item {
  width: 200px;
  min-height: 280px;
  flex-shrink: 0;
  padding: 20px 35px 30px;
  position: relative;
  border-radius: 4px;
  border: 1px solid #E7EBEE;
  background: #FFF;
}
.details__prices-item .btn {
  border-radius: 6px;
}
.details__prices-item.cheaper::before {
  content: "";
  position: absolute;
  top: -12px;
  left: 20px;
  width: 82px;
  height: 44px;
  background-image: url(../images/price-cheaper.svg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.details__prices-item.best-choice::before {
  content: "";
  position: absolute;
  top: -12px;
  left: 20px;
  width: 90.237px;
  height: 44px;
  background-image: url(../images/price-best-choice.svg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.details__prices-title {
  margin-bottom: 18px;
  padding-left: 10px;
  font-size: 20px;
  font-weight: 700;
  text-transform: uppercase;
}
.details__prices-box {
  display: flex;
  flex-direction: column;
  margin-bottom: 17px;
}
.details__prices-box span {
  color: #000;
  font-size: 24px;
  font-weight: 700;
}
.details__prices-box span:nth-child(1) {
  color: #000;
  font-size: 12px;
  font-weight: 400;
}
.details__prices-box span:nth-child(3) {
  color: #8B8B8B;
  font-size: 10px;
  font-weight: 400;
}
.details .text-color--green {
  display: inline-block;
  margin-bottom: 10px;
  color: rgba(0, 190, 53, 0.68);
  font-size: 10px;
  font-weight: 400;
}
.details__prices-date {
  display: flex;
  flex-direction: column;
  margin-bottom: 17px;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
}
.details__prices-date span:nth-child(1) {
  font-size: 10px;
  font-weight: 200;
  text-transform: none;
}
.details .title-box {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
}
.details .title {
  text-transform: uppercase;
}
.details .dropdown__button {
  height: 35px;
  padding-left: 47px;
}
.details .dropdown__button::after {
  content: "";
  position: absolute;
  left: 25px;
  width: 12px;
  height: 12px;
  background-image: url(../images/icons/add-circle.svg);
  background-repeat: no-repeat;
  background-size: 12px;
  background-position: center;
}
.details .dropdown__list {
  top: 37px;
}
.details .dropdown__list-item {
  height: 35px;
}
.details .dropdown__list-item span {
  pointer-events: none;
}
.details .rating__value {
  position: relative;
}
.details .rating__value::before {
  content: "SR: ";
}
.details .rating__value::after {
  content: "%";
}
.details .form__input {
  height: 40px;
  padding: 6px 15px;
  padding-left: 37px;
}

.input-number__arrow {
  position: absolute;
  left: 14px;
}
.input-number__arrow--minus {
  transform: translateY(6.5px);
}
.input-number__arrow--plus {
  transform: translateY(-6.5px);
}
.input-number__arrow--minus .icon-arrow-tringle {
  transform: scale(1, -1);
}

.purchases__inner {
  display: grid;
  grid-template-rows: auto auto auto auto;
  gap: 30px;
}
.purchases__filters {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 10px;
  z-index: 1;
  grid-row: 1/2;
}
.purchases__filters .btn {
  width: 100%;
  min-height: 25px;
  padding: 0;
  font-size: 10px;
  font-weight: 400;
}
.purchases__filters .icon-dropdown-tringle {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 7.5px;
  z-index: 2;
}
.purchases__filters .dropdown:has(.dropdown__list.dropdown__list--visible) .icon-dropdown-tringle {
  transform: translateY(-50%) scale(1, -1);
  fill: #000;
}
.purchases__filters .dropdown__button {
  height: 25px;
  padding: 4.5px 7.5px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 10px;
  font-weight: 400;
}
.purchases__filters .dropdown__list {
  top: 27px;
}
.purchases__filters .dropdown__list-item {
  height: 25px;
  padding: 4.5px 7.5px;
  font-size: 10px;
  font-weight: 400;
}
.purchases__items-wrapper {
  grid-row: 4/5;
}
.purchases__items-wrapper::-webkit-scrollbar {
  display: none;
}
.purchases__item.purchases__items-head {
  padding: 10px 30px;
  margin-bottom: 10px;
  border-radius: 4px;
  border: 1px solid #E7EBEE;
  background: #F5FEFB;
  color: #000;
  font-size: 12px;
  font-weight: 400;
  text-transform: uppercase;
}
.purchases__items {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.purchases__item-box {
  position: relative;
}
.purchases__item-box:has(.checkbox-circle .checkbox-input:checked) .purchases__item, .purchases__item-box:has(.checkbox-angle .checkbox-input:checked) .purchases__item {
  background: #E7EBEE;
  box-shadow: -5px 5px 10px rgba(0, 0, 0, 0.1);
}
.purchases__item-box:has(.checkbox-circle .checkbox-input:checked) .input, .purchases__item-box:has(.checkbox-angle .checkbox-input:checked) .input {
  background: #E7EBEE;
}
.purchases__item {
  padding: 20px 30px;
  display: grid;
  grid-template-columns: minmax(110px, 160px) 1px minmax(110px, 160px) 1px minmax(110px, 160px) 1px minmax(55px, 80px) 1px minmax(150px, 160px);
  gap: 15px;
  justify-content: space-between;
  border-radius: 4px 4px 0px 0px;
  background: #FFF;
}
.purchases__item .input-copy {
  color: #000;
  font-size: 12px;
  font-weight: 400;
  text-transform: uppercase;
}
.purchases__item-col {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 4px;
  color: #000;
  font-size: 12px;
  font-weight: 400;
}
.purchases__item-col .text {
  text-align: center;
}
.purchases__item-line {
  width: 1px;
  height: 100%;
  background: #B0B0B0;
}
.purchases__item-bottom {
  padding: 8px 16px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 80px;
}
.purchases__item-bottom:has(.checkbox-circle .checkbox-input:checked) .purchases__item-options {
  display: flex;
}
.purchases__item-options {
  justify-content: flex-start;
  align-items: center;
  gap: 30px;
  display: none;
}
.purchases__item-options a {
  color: #4D4AFD;
  font-size: 12px;
  font-weight: 700;
  text-transform: capitalize;
}
.purchases .form__input-copy {
  color: #000;
  font-size: 12px;
  font-weight: 400;
  text-transform: uppercase;
}
.purchases .form__input-box--search {
  grid-row: 3/4;
}
.purchases #progress-score-1-full,
.purchases #progress-score-2-full,
.purchases #progress-score-3-full {
  display: none;
}
.purchases__bars.purchases__bars--circle {
  padding: 20px 30px 15px;
  border-radius: 4px;
  background: #FFF;
  font-size: 12px;
  font-weight: 400;
}
.purchases__bars--circle {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 90px;
}
.purchases__bars--circle .purchases__bars-title {
  max-width: 100px;
}
.purchases__bars--line {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.purchases__bars--line .purchases__bars-items {
  padding: 15px 30px;
  display: grid;
  grid-template-columns: repeat(3, minmax(auto, 220px));
  border-radius: 4px;
  background: #FFF;
  font-size: 12px;
  font-weight: 400;
}
.purchases__bars--line .purchases__bars-items .purchases__bars-item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
}
.purchases__bars--line .purchases__bars-items .purchases__bars-text {
  display: flex;
  flex-direction: column;
}
.purchases__bars-title {
  font-size: 16px;
  font-weight: 400;
}
.purchases__bars-items {
  display: flex;
  justify-content: space-between;
  gap: 15px;
  width: 100%;
}
.purchases__bars-item {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 15px;
}
.purchases__bars-item:nth-child(1) .rate__circle,
.purchases__bars-item:nth-child(1) .purchases__bars-line {
  background-color: #000;
}
.purchases__bars-item:nth-child(2) .rate__circle,
.purchases__bars-item:nth-child(2) .purchases__bars-line {
  background-color: #4D4AFD;
}
.purchases__bars-item:nth-child(3) .rate__circle,
.purchases__bars-item:nth-child(3) .purchases__bars-line {
  background-color: #00BE35;
}
.purchases__bars-line--box {
  width: 100%;
  height: 13px;
  overflow: hidden;
  border-radius: 4px;
  background: #D9D9D9;
}
.purchases__bars-line {
  height: 100%;
  border-radius: 4px;
}

.purchases__items-head--selected {
  color: #fff;
  background-color: #4D4AFD;
  display: none;
}
.purchases__items-head--selected .purchases-bars__table-head-btn {
  cursor: pointer;
}

.purchases__items-wrapper:has(.checkbox-angle .checkbox-input:checked) .purchases__items-head--default {
  display: none;
}
.purchases__items-wrapper:has(.checkbox-angle .checkbox-input:checked) .purchases__items-head--selected {
  color: #fff;
  display: grid;
  background-color: #4D4AFD;
}

.balance {
  margin-bottom: 80px;
}
.balance__inner {
  max-width: 800px;
}
.balance__content {
  display: flex;
  gap: 20px 40px;
}
.balance__content-col {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.balance__content-col:nth-child(2) {
  text-align: center;
  min-width: 250px;
}
.balance__content-col:nth-child(2) .balance__elem-box span {
  padding: 0;
}
.balance__content-col:nth-child(2):has(.payment-active) .balance__elem-box--btn .btn {
  color: #fff;
  border: none;
  background-color: #4D4AFD;
  pointer-events: all;
}
.balance .balance__elem-input--box:has(.form-group) {
  padding: 0;
  border: none;
}
.balance .balance__elem-input--box .dropdown__button {
  height: 35px;
  justify-content: center;
  font-size: 14px;
  font-weight: 400;
}
.balance .balance__elem-input--box .dropdown__list {
  top: calc(100% + 5px);
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
}
.balance .balance__elem-input--box .dropdown__list-item {
  font-size: 14px;
  font-weight: 400;
  height: 35px;
  justify-content: center;
}
.balance .balance__elem-input--box .icon-chevron {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: calc(50% - 45px);
  z-index: 1;
  pointer-events: none;
}
.balance .balance__elem-input--box .dropdown__list-item-content {
  position: relative;
}
.balance .balance__elem-input--box .dropdown__list-item-content::before {
  content: "$";
  position: absolute;
  left: -7px;
}
.balance .balance__elem-input--box:has(.balance__elem-input--btn) {
  padding: 0;
}
.balance__elem-box--btn {
  flex: 1;
}
.balance__elem-box--btn .btn {
  color: #B0B0B0;
  border: 1px solid #E7EBEE;
  background-color: #FFF;
  pointer-events: none;
}
.balance__elem-box {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.balance__elem-box span {
  padding-left: 25px;
  font-size: 12px;
  font-weight: 300;
}
.balance__elem-box .btn {
  width: 100%;
  margin-top: auto;
}
.balance__elem-input--box {
  width: 100%;
  height: 35px;
  padding: 8px 25px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 4px;
  border: 1px solid #E7EBEE;
  background: #FFF;
  font-size: 14px;
  font-weight: 400;
}
.balance__elem-input--box-btns {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(auto, 120px));
  justify-content: center;
  align-items: center;
  gap: 10px;
  display: flex;
  flex-wrap: wrap;
}
.balance__elem-input {
  text-align: center;
}
.balance__elem-btn {
  width: 120px;
  height: 35px;
  padding: 8px 15px;
  display: flex;
  align-items: center;
  gap: 15px;
  flex-shrink: 0;
  border-radius: 4px;
  border: 1px solid #E7EBEE;
  background: #FFF;
}
.balance__elem-btn.payment-active {
  background-color: #4D4AFD;
  color: #FFF;
}
.balance__elem-btn img {
  display: block;
  width: auto;
  height: 18.5px;
  pointer-events: none;
}

.history__inner {
  max-width: 800px;
}
.history__search-box {
  display: grid;
  grid-template-columns: auto minmax(auto, 200px);
  gap: 40px;
  margin-bottom: 20px;
}
.history__search-box .btn {
  width: 100%;
}
.history__table {
  border-collapse: collapse;
}
.history__table th,
.history__table td {
  min-height: 35px;
  padding: 8px 12px;
  border: 1px solid #E7EBEE;
  text-align: left;
  vertical-align: top;
}
.history__table th:nth-child(1),
.history__table td:nth-child(1) {
  min-width: 130px;
}
.history__table th:nth-child(2),
.history__table td:nth-child(2) {
  min-width: 110px;
}
.history__table th:nth-child(3),
.history__table td:nth-child(3) {
  min-width: 320px;
}
.history__table th:nth-child(4),
.history__table td:nth-child(4) {
  min-width: 100px;
}
.history__table th:nth-child(5),
.history__table td:nth-child(5) {
  min-width: 140px;
}
.history__table-head {
  background: #F5FEFB;
}
.history td {
  background: #FFF;
}

.templates__inner {
  max-width: 900px;
}
.templates__items {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 20px;
}
.templates__item {
  max-width: 390px;
  width: 100%;
  padding-left: 10px;
}
.templates__item-title {
  margin-bottom: 20px;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
}
.templates__list {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.templates__list-item {
  width: 100%;
  min-height: 96px;
  padding: 10px 20px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  border-radius: 0px 4px 4px 0px;
  background: #FFF;
  position: relative;
}
.templates__list-item .shape {
  position: absolute;
  width: 10px;
  height: 76px;
  background: #B0B0B0;
  top: 10px;
  left: -10px;
}
.templates__list-item .shape::before {
  content: "";
  position: absolute;
  top: -10px;
  left: 0;
  width: 10%;
  height: 10px;
  border-right: 10px solid #B0B0B0;
  border-top: 10px solid transparent;
}
.templates__list-item .shape::after {
  content: "";
  position: absolute;
  bottom: -10px;
  left: 0;
  width: 10%;
  height: 10px;
  border-right: 10px solid #B0B0B0;
  border-bottom: 10px solid transparent;
}
.templates__list-text--box {
  display: flex;
  flex-direction: column;
  font-size: 14px;
  font-weight: 400;
}
.templates__list-btns {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 20px;
  margin-left: auto;
}
.templates__list-btns img {
  display: block;
}

.tickets__head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 20px;
  margin-bottom: 40px;
}
.tickets__head-item {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 15px;
  font-size: 12px;
  font-weight: 400;
}
.tickets__head-item:nth-child(1) .tickets__head-circle {
  border: 3px solid #4D4AFD;
}
.tickets__head-item:nth-child(2) .tickets__head-circle {
  border: 3px solid #B0B0B0;
}
.tickets__head-item:nth-child(3) .tickets__head-circle {
  border: 3px solid #FD6A4A;
}
.tickets__head-item:nth-child(4) .tickets__head-circle {
  border: 3px solid #00BE35;
}
.tickets__head-circle {
  width: 35px;
  height: 35px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #fff;
}
.tickets__content {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 20px;
}
.tickets__history {
  max-width: 400px;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 15px;
  padding-left: 10px;
}
.tickets__history .btn {
  padding: 5px 40px;
}
.tickets__history-list {
  display: flex;
  flex-direction: column;
  gap: 15px;
  margin-bottom: 25px;
}
.tickets__history-list.tickets__history-list--more {
  margin: 0;
  display: none;
}
.tickets__history-list.tickets__history-list--more.tickets-more {
  display: flex;
}
.tickets__history-list-item {
  width: 100%;
  min-height: 40px;
  padding: 8px 20px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  border-radius: 0px 3px 3px 0px;
  border: 1px solid var(--Frame, #E7EBEE);
  background: #FFF;
  font-size: 12px;
  font-weight: 400;
  position: relative;
}
.tickets__history-list-item::before {
  content: "";
  position: absolute;
  top: 0;
  left: -10px;
  bottom: 0;
  width: 10px;
  height: 100%;
  border-radius: 8px 0px 0px 8px;
}
.tickets__history-list-item--not-resolved::before {
  background: rgba(176, 176, 176, 0.3);
}
.tickets__history-list-item--resolved::before {
  background: #A8E4BF;
}
.tickets__history-list-item--not-answered::before {
  background: #F4CBC5;
}
.tickets__history-list-item--answered::before {
  background: rgba(77, 74, 253, 0.3);
}
.tickets__history-list-item--more {
  text-align: center;
  color: #B0B0B0;
  font-size: 12px;
  font-weight: 600;
}
.tickets__send {
  max-width: 540px;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 20px;
  font-size: 12px;
  font-weight: 400;
}
.tickets__send-head {
  display: flex;
  align-items: center;
  gap: 20px;
}
.tickets__send-head .tickets__send-ticket {
  height: 35px;
  padding: 8px 24px;
  border-radius: 0px 3px 3px 0px;
  border: 1px solid #E7EBEE;
  background: #FFF;
}
.tickets__send-ticket {
  width: auto;
  flex: 1 1 100%;
  white-space: nowrap;
}
.tickets__send-priority {
  width: 160px;
  flex-shrink: 0;
}
.tickets__send-chat--box {
  padding: 25px 25px 30px;
  border-radius: 4px;
  border: 1px solid #E7EBEE;
  background: #FFF;
}
.tickets__send-chat {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-bottom: 25px;
}
.tickets__send-message-from {
  position: relative;
  padding-left: 17px;
  display: flex;
  flex-direction: column;
}
.tickets__send-message-from .tickets__send-message-avatar-img {
  left: 0;
}
.tickets__send-message-from .tickets__send-message {
  background: #E2F6FE;
}
.tickets__send-message-to {
  position: relative;
  padding-left: 73px;
  display: flex;
  flex-direction: column;
}
.tickets__send-message-to .tickets__send-message-avatar-img {
  left: 56px;
}
.tickets__send-message-to .tickets__send-message {
  background: #E7EBEE;
}
.tickets__send-message-avatar-img {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  border: 2px solid #fff;
  position: absolute;
  top: 0;
}
.tickets__send-message-name {
  padding: 5px 0 5px 27px;
  font-size: 10px;
  font-weight: 300;
}
.tickets__send-message {
  min-height: 60px;
  border-radius: 4px;
  padding: 10px 45px 20px;
  font-size: 12px;
  font-weight: 400;
}
.tickets__send-message-date {
  position: absolute;
  right: 25px;
  bottom: 7px;
  color: #B0B0B0;
  font-size: 10px;
  font-weight: 400;
}
.tickets__send-chat-info {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 55px;
  white-space: nowrap;
  text-align: center;
  overflow: hidden;
  color: #B0B0B0;
  font-size: 12px;
  font-weight: 400;
}
.tickets__send-chat-bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
}
.tickets__send-chat-bottom .btn {
  min-width: 130px;
}
.tickets__send-bottom {
  display: flex;
  gap: 40px;
}
.tickets__send-bottom-btn {
  min-width: 180px;
  height: 35px;
  flex-shrink: 0;
  color: #000;
  border-radius: 4px;
  border: 1px solid #E7EBEE;
  background: #E7EBEE;
  color: #B0B0B0;
  background: #FFF;
}
.tickets__send-bottom-btn:nth-child(2) {
  flex-grow: 1;
}
.tickets__send-bottom-btn:active {
  color: #000;
  border-radius: 4px;
  border: 1px solid #E7EBEE;
  background: #E7EBEE;
}
.tickets-page__box {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 40px;
}
.tickets-page__box .btn {
  padding: 5px 40px;
}
.tickets-page__box-text {
  max-width: 450px;
  font-size: 16px;
  font-weight: 400;
}
.tickets-page__box-text p {
  margin-bottom: 1em;
}
.tickets__not {
  max-width: 330px;
  width: 100%;
  height: 40px;
  padding: 8px 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0px 3px 3px 0px;
  border: 1px solid #E7EBEE;
  background: #B0B0B0;
}
.tickets__form-box {
  max-width: 540px;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.tickets__form {
  width: 100%;
  display: flex;
  flex-direction: column;
  padding: 30px;
  border-radius: 4px;
  border: 1px solid #E7EBEE;
  background: #FFF;
}
.tickets__form-title {
  margin-bottom: 20px;
  font-size: 24px;
  font-weight: 700;
}
.tickets__form-inputs {
  display: flex;
  flex-direction: column;
  gap: 15px;
  margin-bottom: 30px;
}
.tickets__form-input--box {
  width: 100%;
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding-left: 24px;
  border-radius: 0px 3px 3px 0px;
  border: 1px solid #E7EBEE;
  background: #FFF;
}
.tickets__form-input--box:has(.form-group) {
  padding: 0;
  border: none;
}
.tickets__form-input--box .dropdown__button {
  height: 40px;
  padding-left: 62px;
  font-size: 12px;
  font-weight: 400;
}
.tickets__form-input--box .dropdown__list {
  top: calc(100% + 5px);
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
}
.tickets__form-input--box .dropdown__list-item {
  height: 40px;
  font-size: 12px;
  font-weight: 400;
}
.tickets__form-input--box .tickets__form-input-title {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 24px;
  z-index: 1;
  pointer-events: none;
  color: #000;
  font-size: 12px;
  font-weight: 700;
}
.tickets__form-input {
  width: 100%;
  min-height: 40px;
  padding: 8px 24px 8px 8px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-size: 12px;
  font-weight: 400;
}
.tickets__form-input--textarea {
  min-height: 114px;
  padding: 15px 25px;
  margin-bottom: 30px;
  resize: none;
}
.tickets__form-input--textarea::placeholder {
  color: #000;
  font-family: inherit;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.tickets__form-input--placeholder {
  font-size: 12px;
  font-weight: 700;
}
.tickets__search {
  max-width: 390px;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 40px;
  align-items: flex-start;
}
.tickets__search .search {
  width: 100%;
}
.tickets__search .btn {
  padding: 5px 30px;
  margin-top: auto;
}
.tickets__search-list {
  max-width: 300px;
  width: 100%;
  display: flex;
  flex-direction: column;
}
.tickets__search-list-item {
  padding: 8px 15px;
  border-radius: 4px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 14px;
}
.tickets__search-list-item:active {
  background-color: #000;
}
.tickets__search-list-item:active .tickets__search-list-text {
  color: #fff;
}
.tickets__search-list-text {
  font-size: 14px;
  font-weight: 400;
}
.tickets__search-list-circles {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
}
.tickets__search-list-circles .tickets__head-circle {
  width: 20px;
  height: 20px;
  border: 1.5px solid #fff;
  font-size: 7px;
  font-weight: 400;
}
.tickets__search-list-circles .tickets__head-circle:nth-child(1) {
  border-color: #FD6A4A;
}
.tickets__search-list-circles .tickets__head-circle:nth-child(2) {
  border-color: #B0B0B0;
}
.tickets.page-tickets-page .tickets__content {
  display: flex;
  justify-content: center;
  align-items: flex-start;
}
.tickets.page-tickets-request-2 .tickets__content {
  display: grid;
  grid-template-columns: minmax(auto, 390px) minmax(auto, 540px);
}

.tickets__history .btn {
  margin: 0 auto;
}

.tickets__history .form-group {
  width: fit-content;
}
.tickets__history .dropdown__button {
  width: fit-content;
  height: 100%;
  border: none;
  padding: 0;
  padding-right: 28px;
  color: #000;
  font-size: 12px;
  font-weight: 400;
}
.tickets__history .dropdown__list {
  width: calc(100% + 10px);
  margin-left: -10px;
  top: calc(1em + 10px);
}
.tickets__history .dropdown__list-item {
  height: fit-content;
  padding: 5px 10px;
  color: #000;
  font-size: 12px;
  font-weight: 400;
}
.tickets__history .icon-chevron {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  stroke: #242424;
  pointer-events: none;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  z-index: 2;
}
.tickets__history .tickets__history-list-item:has(.dropdown__button .not-answered):before {
  background-color: #F4CBC5;
}
.tickets__history .tickets__history-list-item:has(.dropdown__button .answered):before {
  background-color: rgba(77, 74, 253, 0.3);
}
.tickets__history .tickets__history-list-item:has(.dropdown__button .not-resolved):before {
  background-color: rgba(176, 176, 176, 0.3);
}
.tickets__history .tickets__history-list-item:has(.dropdown__button .resolved):before {
  background-color: #A8E4BF;
}

.tickets__send-priority {
  padding: 0;
  border-radius: 4px;
  border: none;
}
.tickets__send-priority .icon-chevron {
  position: absolute;
  z-index: 2;
  top: 50%;
  transform: translateY(-50%);
  right: 13px;
  stroke: #242424;
  pointer-events: none;
}
.tickets__send-priority .dropdown__button {
  height: 35px;
  padding: 5px 13px;
  font-size: 14px;
  font-weight: 400;
}
.tickets__send-priority .dropdown__list {
  top: 40px;
}
.tickets__send-priority .dropdown__list-item {
  height: 35px;
  padding: 5px 13px;
}

.tickets__form-input--box-priority .dropdown__button {
  padding-left: 77px;
}

.tickets__form-input--box.choice-user .icon-chevron,
.choice-user .icon-chevron {
  stroke: #242424;
  pointer-events: none;
}
.tickets__form-input--box.choice-user .dropdown__button,
.choice-user .dropdown__button {
  padding-left: 105px;
  gap: 8px;
}
.tickets__form-input--box.choice-user .dropdown__list,
.choice-user .dropdown__list {
  top: calc(100% + 10px);
  height: 272px;
  max-height: unset;
}
.tickets__form-input--box.choice-user .dropdown__list-item--searchid,
.choice-user .dropdown__list-item--searchid {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  padding: 8px 25px;
}
.tickets__form-input--box.choice-user .dropdown__list-item--searchid span,
.choice-user .dropdown__list-item--searchid span {
  color: #000;
  font-family: inherit;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
  white-space: nowrap;
}
.tickets__form-input--box.choice-user .dropdown__list-item--searchid .icon-search,
.choice-user .dropdown__list-item--searchid .icon-search {
  stroke: #242424;
}
.tickets__form-input--box.choice-user .dropdown__list-item--searchid form,
.choice-user .dropdown__list-item--searchid form {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  width: 100%;
}
.tickets__form-input--box.choice-user .dropdown__list-item--searchid button,
.choice-user .dropdown__list-item--searchid button {
  width: 24px;
  height: 24px;
}
.tickets__form-input--box.choice-user .dropdown__list-item--searchid input,
.choice-user .dropdown__list-item--searchid input {
  width: 100%;
  height: 24px;
}
.tickets__form-input--box.choice-user .dropdown__list-item,
.choice-user .dropdown__list-item {
  height: fit-content;
  padding: 7.5px 25px;
  border: none;
}
.tickets__form-input--box.choice-user .dropdown__list-item:hover,
.choice-user .dropdown__list-item:hover {
  background-color: unset;
}

.reg-and-log {
  display: flex;
  align-items: center;
  min-height: calc(100vh - 80px);
}
.reg-and-log .container {
  margin: 0 auto;
}
.reg-and-log__inner {
  max-width: 300px;
  width: 100%;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 60px;
  align-items: center;
}
.reg-and-log__title {
  text-align: center;
  color: #000;
  font-size: 20px;
  font-weight: 700;
}
.reg-and-log__content {
  width: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 30px;
}
.reg-and-log__captcha {
  width: 100%;
  height: auto;
}
.reg-and-log__captcha img {
  display: block;
  width: 100%;
}
.reg-and-log__btns {
  width: 100%;
  display: flex;
  justify-content: space-around;
}
.reg-and-log .logo {
  margin: 0;
}

.account__inner {
  max-width: 830px;
}
.account__content {
  display: flex;
  flex-direction: column;
  gap: 35px;
}
.account__top {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 40px;
}
.account__top .account__item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  padding: 25px 30px 20px;
  background-color: #fff;
}
.account__item {
  width: 100%;
}
.account__text-box {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.account__text-placeholder {
  font-size: 14px;
  font-weight: 400;
}
.account__text {
  font-size: 20px;
  font-weight: 700;
}
.account__text .copy-box .input {
  font-size: inherit;
  font-weight: inherit;
}
.account__item-img {
  width: 30px;
  height: 30px;
  object-fit: cover;
}
.account__bottom {
  padding: 25px 0 40px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px 40px;
  background-color: #fff;
}
.account__bottom .account__item {
  padding: 0 30px 0;
}
.account__bottom .copy-box {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
}
.account__user-input {
  min-width: 98px;
  width: 98px;
  max-width: 153px;
}
.account__contact-input {
  min-width: 124px;
  width: 124px;
  max-width: 153px;
}
.account__password-input {
  min-width: 118px;
  width: 118px;
  max-width: 153px;
  -webkit-text-security: circle;
}
.account .replacer {
  border: 1px #666 dotted;
  height: 20px;
  display: inline-block;
  color: #444;
  background: #eee;
}
.account .replacer.current {
  border-color: #ccc;
  color: #000;
  background: #fff;
}
.account__contact-box, .account__password-box {
  flex-direction: row !important;
  justify-content: flex-start !important;
}

.user__inner {
  max-width: 940px;
}
.user__filtered {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 20px;
  margin-bottom: 20px;
  width: 100%;
  overflow-x: auto;
  white-space: nowrap;
  font-size: 12px;
  font-weight: 400;
}
.user__filtered-text--color {
  color: #00BE35;
}
.user__filtered-items {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
}
.user .search {
  margin-bottom: 40px;
}
.user__btns {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 10px 20px;
  margin-bottom: 20px;
}
.user__btns .btn--muted {
  min-width: 170px;
  pointer-events: all;
}
.user__btns .btn {
  min-width: 170px;
  margin-left: auto;
}
.user__ceckboxes {
  display: flex;
  flex-direction: column;
  gap: 7px;
  margin-bottom: 35px;
}
.user__tab-btns {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 5px;
}
.user__tab-btn {
  width: fit-content;
  height: 47px;
  padding: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #B0B0B0;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
}
.user__tab-btn.tab-active {
  color: #000;
  font-size: 20px;
  font-weight: 700;
}
.user__tab-item {
  display: none;
}
.user__tab-item.tab-active {
  display: block;
}
.user__table {
  border-collapse: collapse;
}
.user__table th,
.user__table td {
  min-width: 100px;
  width: 100px;
  max-width: 100px;
  padding: 8px 12px;
}
.user__table th input,
.user__table td input {
  max-width: 69px;
}
.user__table th:nth-child(4),
.user__table td:nth-child(4) {
  min-width: 160px;
  width: 160px;
  max-width: 160px;
}
.user__table th:nth-child(4) input,
.user__table td:nth-child(4) input {
  max-width: 129px;
}
.user__table th:nth-child(5), .user__table th:nth-child(6),
.user__table td:nth-child(5),
.user__table td:nth-child(6) {
  min-width: 140px;
  width: 140px;
  max-width: 140px;
}
.user__table th:nth-child(5) input, .user__table th:nth-child(6) input,
.user__table td:nth-child(5) input,
.user__table td:nth-child(6) input {
  max-width: 109px;
}
.user__table th {
  height: 35px;
  border: 1px solid #E7EBEE;
  background: #F5FEFB;
  color: #000;
  font-size: 14px;
  font-weight: 700;
}
.user__table td {
  min-height: 32px;
  border: 1px solid #E7EBEE;
  background: #FFF;
  font-size: 12px;
  font-weight: 400;
}
.user__table td:has(.form-group) {
  padding: 0;
}
.user__table td:has(.form-group.status) {
  padding: 8px 12px;
}

.service__items {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
.service__items .btn {
  min-width: 170px;
}
.service__table {
  border-collapse: collapse;
}
.service__table th,
.service__table td {
  min-width: 100px;
  width: 100px;
  max-width: 100px;
}
.service__table th input,
.service__table td input {
  max-width: 76px;
}
.service__table th:nth-child(1),
.service__table td:nth-child(1) {
  min-width: 180px;
  width: 180px;
  max-width: 180px;
}
.service__table th:nth-child(1) input,
.service__table td:nth-child(1) input {
  max-width: 156px;
}
.service__table th:nth-child(4),
.service__table td:nth-child(4) {
  min-width: 140px;
  width: 140px;
  max-width: 140px;
}
.service__table th:nth-child(4) input,
.service__table td:nth-child(4) input {
  max-width: 116px;
}
.service__table th:nth-child(5),
.service__table td:nth-child(5) {
  min-width: 110px;
  width: 110px;
  max-width: 110px;
}
.service__table th:nth-child(5) input,
.service__table td:nth-child(5) input {
  max-width: 86px;
}
.service__table th {
  text-align: left;
}
.service__table th:nth-child(6) {
  min-width: 180px;
  width: 180px;
  max-width: 180px;
}
.service__table th:nth-child(6) input {
  max-width: 156px;
}
.service__table td:nth-child(6), .service__table td:nth-child(7) {
  min-width: 90px;
  width: 90px;
  max-width: 90px;
}
.service__table td:nth-child(6) input, .service__table td:nth-child(7) input {
  max-width: 90px;
}
.service__table td:has(.form__input-box) {
  padding: 0;
}
.service__table td .form__input-box {
  height: 100%;
  border: none;
}
.service__table td .form__input {
  padding: 8px 12px 8px 31px;
  font-size: 12px;
  font-weight: 400;
}
.service__table td .input-number__arrow {
  left: 12px;
}
.service .form-group .dropdown__button {
  width: 100%;
  height: 100%;
  border: none;
  padding: 0;
  font-size: inherit;
  font-weight: inherit;
}
.service .form-group .icon-chevron {
  position: absolute;
  right: -5px;
  z-index: 1;
  stroke: #242424;
  pointer-events: none;
}
.service .form-group .dropdown__list {
  top: calc(100% + 0px);
  width: calc(100% + 24px);
  left: -12px;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
}
.service .form-group .dropdown__list-item {
  height: 25px;
  padding: 8px 12px;
  font-size: inherit;
  font-weight: inherit;
}

.admin-support .title-box {
  overflow-x: auto;
}
.admin-support__tab-btns {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 20px;
  white-space: nowrap;
  width: fit-content;
}
.admin-support__tab-btn {
  color: #B0B0B0;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
}
.admin-support__tab-btn.tab-active {
  color: #000;
  font-size: 20px;
  font-weight: 700;
}
.admin-support__tab-item {
  display: none;
}
.admin-support__tab-item.tab-active {
  display: block;
}
.admin-support__compensations {
  display: grid;
  grid-template-columns: auto minmax(auto, 280px);
  justify-content: flex-start;
  align-items: flex-start;
  gap: 40px;
}
.admin-support__compensations .table__btn {
  width: 100%;
  height: 35px;
  padding: 8px 25px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 4px;
  border: 1px solid #E7EBEE;
  background: #FFF;
}
.admin-support__compensations .table__btn span {
  font-size: 14px;
  font-weight: 400;
  padding: 0;
}
.admin-support .compensations__amount-btn .balance__elem-input--box,
.admin-support .compensations__amount-btn .balance__elem-input {
  pointer-events: none;
}
.admin-support__compensations-col-1 {
  max-width: 200px;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.admin-support__compensations-col-1 .balance__elem-box:has(.btn) span {
  opacity: 0;
}
.admin-support__compensations-col-2 {
  max-width: 280px;
  width: 100%;
  height: 100%;
}
.admin-support__compensations-col-2 .balance__elem-box {
  height: 100%;
}
.admin-support__compensations-trackers {
  height: 100%;
  padding: 25px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  border-radius: 4px;
  border: 1px solid #E7EBEE;
  background: #FFF;
}
.admin-support__compensations-trackers span {
  padding: 0;
  color: #000;
  font-size: 12px;
  font-weight: 400;
  text-transform: uppercase;
}
.admin-support .tech-support__create {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  gap: 20px;
  margin-bottom: 40px;
}
.admin-support .tech-support__input {
  width: 280px;
  height: 35px;
  padding: 4.59px 30px;
  flex-shrink: 0;
}
.admin-support .tech-support__table th,
.admin-support .tech-support__table td {
  min-width: 150px;
  width: 150px;
}
.admin-support .tech-support .btn {
  min-width: 160px;
}

.admin-wallet__checkboxes-box {
  display: grid;
  grid-template-columns: 200px auto;
  gap: 40px;
  margin-top: 60px;
}
.admin-wallet__checkboxes {
  padding: 0 15px;
}
.admin-wallet__checkboxes-title {
  margin-bottom: 20px;
  color: #000;
  font-size: 14px;
  font-weight: 400;
}
.admin-wallet__checkboxes-items {
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: fit-content;
}
.admin-wallet .balance__elem-input--box:has(.form-group) {
  padding: 0;
  border: none;
}
.admin-wallet .balance__elem-input--box .dropdown__button {
  height: 35px;
  justify-content: center;
  font-size: 14px;
  font-weight: 400;
}
.admin-wallet .balance__elem-input--box .dropdown__list {
  top: calc(100% + 5px);
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
}
.admin-wallet .balance__elem-input--box .dropdown__list-item {
  font-size: 14px;
  font-weight: 400;
  height: 35px;
  justify-content: center;
}
.admin-wallet .balance__elem-input--box .icon-chevron {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: calc(50% - 45px);
  z-index: 1;
  pointer-events: none;
}
.admin-wallet .balance__elem-input--box .dropdown__list-item-content {
  position: relative;
}
.admin-wallet .balance__elem-input--box .dropdown__list-item-content::before {
  content: "$";
  position: absolute;
  left: -7px;
}
.admin-wallet .balance__elem-input--box:has(.balance__elem-input--btn) {
  padding: 0;
}

.balance__elem-input--btn {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
.balance__elem-input--btn svg {
  pointer-events: none;
}

.page-support .tickets__history .form-group {
  width: fit-content;
}
.page-support .tickets__history .dropdown__button {
  width: fit-content;
  height: 100%;
  border: none;
  padding: 0;
  padding-right: 28px;
  color: #000;
  font-size: 12px;
  font-weight: 400;
}
.page-support .tickets__history .dropdown__list {
  width: calc(100% + 10px);
  margin-left: -10px;
  top: calc(1em + 10px);
}
.page-support .tickets__history .dropdown__list-item {
  height: fit-content;
  padding: 5px 10px;
  color: #000;
  font-size: 12px;
  font-weight: 400;
}
.page-support .tickets__history .icon-chevron {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  stroke: #242424;
  pointer-events: none;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  z-index: 2;
}
.page-support .tickets__history .tickets__history-list-item:has(.dropdown__button .not-answered):before {
  background-color: #F4CBC5;
}
.page-support .tickets__history .tickets__history-list-item:has(.dropdown__button .answered):before {
  background-color: rgba(77, 74, 253, 0.3);
}
.page-support .tickets__history .tickets__history-list-item:has(.dropdown__button .not-resolved):before {
  background-color: rgba(176, 176, 176, 0.3);
}
.page-support .tickets__history .tickets__history-list-item:has(.dropdown__button .resolved):before {
  background-color: #A8E4BF;
}
.page-support .tab-compensations .choice-user .dropdown__button {
  padding: 8px 25px;
  padding-left: 76px;
}
.page-support .tab-compensations .choice-user .icon-plus {
  width: 12px;
  height: 12px;
}
.page-support .tab-compensations .balance__elem-box .choice-user span {
  padding: 0;
  color: #000;
  font-size: 14px;
  font-weight: 400;
}
.page-support .tab-compensations .tickets__form-input-title {
  width: 12px;
  height: 12px;
  top: 50%;
  transform: translateY(-50%);
  left: 54px;
}
.page-support .tab-compensations .choice-user .dropdown__list {
  min-width: 290px;
}

.page-support .tab-compensations .choice-user .dropdown__button,
.page-admin-support .tab-compensations .choice-user .dropdown__button {
  padding: 8px 25px;
  padding-left: 76px;
  height: 35px;
}
.page-support .tab-compensations .choice-user .icon-plus,
.page-admin-support .tab-compensations .choice-user .icon-plus {
  width: 12px;
  height: 12px;
}
.page-support .tab-compensations .balance__elem-box .choice-user span,
.page-admin-support .tab-compensations .balance__elem-box .choice-user span {
  padding: 0;
  color: #000;
  font-size: 14px;
  font-weight: 400;
}
.page-support .tab-compensations .tickets__form-input-title,
.page-admin-support .tab-compensations .tickets__form-input-title {
  width: 12px;
  height: 12px;
  top: 50%;
  transform: translateY(-50%);
  left: 54px;
}
.page-support .tab-compensations .choice-user .dropdown__list,
.page-admin-support .tab-compensations .choice-user .dropdown__list {
  min-width: 290px;
}

.tickets__send-priority {
  padding: 0;
  border-radius: 4px;
  border: none;
}
.tickets__send-priority .icon-chevron {
  position: absolute;
  z-index: 2;
  top: 50%;
  transform: translateY(-50%);
  right: 13px;
  stroke: #242424;
}
.tickets__send-priority .dropdown__button {
  height: 35px;
  padding: 5px 13px;
  font-size: 14px;
  font-weight: 400;
}
.tickets__send-priority .dropdown__list {
  top: 40px;
}
.tickets__send-priority .dropdown__list-item {
  height: 35px;
  padding: 5px 13px;
}

.page-support-user .support-user__dropdown {
  margin-bottom: 40px;
}
.page-support-user .support-user__dropdown .form-group {
  width: fit-content;
}
.page-support-user .support-user__dropdown .dropdown {
  width: fit-content;
}
.page-support-user .support-user__dropdown .dropdown__button {
  width: 200px;
  height: 35px;
  justify-content: center;
  padding: 8px 25px;
}
.page-support-user .support-user__dropdown .dropdown__button span {
  padding-right: 30px;
}
.page-support-user .support-user__dropdown .icon-chevron {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 50px;
  stroke: #242424;
  z-index: 2;
}
.page-support-user .support-user__dropdown .dropdown__list {
  width: 480px;
}
.page-support-user .purchases__items-box {
  overflow-x: auto;
  padding-left: 24px;
  margin-left: -24px;
}
.page-support-user .purchases__items-box::-webkit-scrollbar {
  display: none;
}
.page-support-user .purchases__item {
  width: fit-content;
  grid-template-columns: 160px 1px 130px 1px 160px 1px 80px 1px 160px 1px 100px;
}
.page-support-user .btn--action {
  width: fit-content;
  padding: 2.5px 8.5px;
  margin: 0 auto;
}

@media (min-width: 1700px) {
  .page-api .main {
    width: 100%;
  }
}
@media (min-width: 1440px) {
  .container {
    max-width: 1140px;
    padding: 0 60px;
  }
}
@media (max-width: 991px) {
  .wrapper {
    display: block;
  }
  .page-api .main {
    width: 100%;
  }
  .container {
    padding: 0 15px;
  }
  .container:has(.purchases__items-box) {
    padding-left: 15px;
  }
  .page-support-user .purchases__items-box {
    margin-left: 0;
  }
  .page-support-user .purchases__items-wrapper {
    padding: 0;
  }
  .sidebar {
    position: fixed;
    transform: translateX(-100%);
    border-right: 1px solid #E7EBEE;
    padding: 20px;
    z-index: 10;
  }
  .sidebar__btn-open {
    display: block;
  }
  .sidebar__inner {
    height: calc(100vh - 40px);
    padding: 0;
    margin: 0;
  }
  .sidebar__inner::-webkit-scrollbar {
    display: none;
  }
  .api__item-wrapper {
    width: calc(100vw - 30px);
  }
  .purchases__filters {
    grid-template-columns: repeat(4, 1fr);
  }
  .purchases__filters .btn {
    grid-column: 4/5;
    grid-row: 1/2;
  }
  .purchases__items-box {
    margin-left: 15px;
  }
  .purchases .form__input-box--search {
    width: calc(100% - 15px);
    margin-left: 15px;
  }
}
@media (max-width: 768px) {
  .page-support-user .purchases__items-wrapper {
    padding-left: 15px;
  }
  .api__copy {
    flex-direction: column;
    align-items: flex-start;
  }
  .news__item {
    padding: 15px;
  }
  .sender-receiver__inner {
    flex-direction: column;
  }
  .custom-line-item__item {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  .modals__sender-receiver,
  .modals__sender-receiver--rate {
    margin: 0 15px;
  }
  .modals__sender-receiver .modal-content__middle {
    flex-wrap: wrap;
    justify-content: flex-start;
  }
  .purchases__items-wrapper {
    width: calc(100vw - 15px);
    padding: 0 15px;
    margin: 0 -15px;
    overflow-x: scroll;
  }
  .purchases__item.purchases__items-head,
  .purchases__item {
    width: fit-content;
  }
  .purchases .form__input-box--search {
    width: 100%;
    margin: 0;
  }
  .purchases__bars--circle {
    flex-direction: column;
    align-items: flex-start;
    gap: 30px;
  }
  .tickets.page-tickets-request-2 .tickets__content {
    display: flex;
    flex-direction: column;
  }
  .account__top {
    flex-direction: column;
    gap: 20px;
  }
  .account__bottom {
    display: flex;
    flex-direction: column;
    gap: 30px;
  }
  .account__item--exit {
    order: 10;
  }
  .user__btns {
    flex-wrap: wrap;
  }
  .user__btns .btn {
    margin: 0;
  }
}
@media (max-width: 540px) {
  .modals__templates .form__input-box--cstm:nth-child(1),
  .modals__templates .form__input-box--cstm:nth-child(2),
  .sender-receiver .form__input-box--cstm:nth-child(1),
  .sender-receiver .form__input-box--cstm:nth-child(2) {
    width: 100%;
  }
  .modals__templates .form__input-boxes,
  .sender-receiver__item .form__input-boxes {
    flex-direction: column;
  }
  .details__img {
    max-width: 100%;
  }
  .modals__sender-receiver .modal-content__top {
    display: flex;
    flex-direction: column;
    gap: 30px;
  }
  .modals__sender-receiver .modal-content .icon-arrow-green {
    rotate: 90deg;
  }
  .modals__sender-receiver,
  .modals__sender-receiver--rate {
    padding: 20px;
  }
  .purchases__filters {
    grid-template-columns: repeat(3, 1fr);
  }
  .purchases__filters .btn {
    grid-column: 1/4;
    grid-row: 3/4;
  }
  .purchases__bars-items {
    flex-direction: column;
  }
  .purchases__bars--line .purchases__bars-items {
    display: flex;
    flex-direction: column;
    padding: 15px;
  }
  .balance__content {
    display: flex;
    flex-direction: column;
    gap: 10px;
  }
  .balance__elem-box {
    text-align: center;
  }
  .balance__elem-box span {
    padding: 0;
  }
  .history__search-box {
    display: flex;
    flex-direction: column;
    gap: 20px;
  }
  .tickets__head {
    flex-direction: column;
    align-items: flex-start;
  }
  .tickets__send-head {
    flex-direction: column;
    align-items: flex-start;
  }
  .tickets__history {
    max-width: 100%;
  }
  .tickets__send-bottom {
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
  }
  .tickets__send-bottom-btn {
    width: 100%;
  }
  .tickets__send-chat--box {
    padding: 15px;
  }
  .tickets__send-message {
    padding: 10px 20px 20px;
  }
  .tickets__form {
    padding: 15px;
  }
  .tickets__search {
    gap: 20px;
  }
  .account__top .account__item {
    padding: 20px;
  }
  .account__bottom {
    padding: 20px 0;
  }
  .account__bottom .account__item {
    padding: 0 20px;
  }
  .modals__price-show .modal-content {
    padding: 20px;
  }
  .admin-support__compensations {
    display: flex;
    flex-direction: column;
  }
  .admin-wallet__checkboxes-box {
    display: flex;
    gap: 0;
    margin-top: 30px;
  }
  .modals__templates .modal-content {
    padding: 20px;
  }
}
@media (max-width: 420px) {
  .tickets__form-title {
    font-size: 20px;
  }
  .sidebar {
    max-width: 260px;
  }
  .api__copy .input {
    max-width: 185px;
    width: 185px;
    min-width: 185px;
  }
  .details__options-items {
    grid-template-columns: repeat(2, 1fr);
  }
  .details__prices {
    justify-content: center;
  }
  .purchases__filters {
    grid-template-columns: repeat(2, 1fr);
  }
  .purchases__filters .btn {
    grid-column: 1/3;
    grid-row: 4/5;
  }
  .tickets__send-chat-bottom {
    flex-direction: column;
  }
  .add-file__box {
    width: 100%;
  }
  .tickets__send-chat-bottom .btn,
  .user__btns .btn--muted,
  .user__btns .btn,
  .admin-support .tech-support .btn {
    width: 100%;
  }
  .admin-support .tech-support__input {
    width: 100%;
  }
  .api__copy .copy-box {
    padding: 8px 15px;
    margin: 0 -15px;
  }
}