@charset "UTF-8";
@font-face {
  font-family: "Kernel";
  src: url("../../kernel_font/Kernel-Regular.otf") format("opentype");
}
textarea {
  width: 0px;
  height: 0px;
  all: unset;
}

footer {
  all: unset;
}

body {
  margin: 0;
  padding: 0;
}

h1,
h2,
h3 {
  padding: 0;
  margin: 0;
}

p {
  margin: 0;
  padding: 0;
}

img {
  margin: 0;
  padding: 0;
}

a {
  margin: 0;
  cursor: pointer;
  padding: 0;
  text-decoration: none;
}

a,
a:active,
a:hover {
  text-decoration: none;
}

li {
  margin: 0;
  padding: 0;
}

ul {
  margin: 0;
  padding: 0;
}

button {
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  font: inherit;
  color: inherit;
  appearance: none;
  cursor: pointer;
  /* Другие свойства по необходимости */
}

div {
  box-sizing: border-box;
}

input {
  all: unset;
}

.dashboard_container {
  display: none;
  justify-content: center;
  flex-direction: column;
  gap: 90px;
  width: 980px;
  margin-top: 45px;
  margin-right: 180px;
}
@media (max-width: 1439px) {
  .dashboard_container {
    margin-right: 0px;
    width: 100%;
  }
}
.dashboard_container-general {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 90px;
}
@media (max-width: 1439px) {
  .dashboard_container-general {
    width: 100%;
    align-items: center;
  }
}
@media (max-width: 740px) {
  .dashboard_container-general {
    gap: 46px;
  }
}

.dashboard_container-money {
  display: flex;
  flex-direction: row;
  gap: 22px;
}
@media (max-width: 1439px) {
  .dashboard_container-money {
    align-items: center;
    justify-content: center;
    width: 100%;
  }
}
@media (max-width: 740px) {
  .dashboard_container-money {
    flex-direction: column;
  }
}

.dashboard_container--styles {
  height: 267px;
  width: 480px;
  background-color: rgba(0, 0, 0, 0.7);
  border-radius: 20px;
  font-family: "Tektur", sans-serif;
  box-sizing: border-box;
}
@media (max-width: 1439px) {
  .dashboard_container--styles {
    width: 400px;
    min-width: 300px;
  }
}
@media (max-width: 450px) {
  .dashboard_container--styles {
    width: 100%;
  }
}

.dashboard_container-balance {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 13px;
}
.dashboard_container-balance__title {
  font-size: 24px;
  font-weight: 100;
  color: #fff;
  margin-bottom: 13px;
  letter-spacing: 3px;
}
.dashboard_container-balance__divider {
  padding: 0 30px 0 30px;
  border: none;
  height: 1px;
  width: 90%;
  background-color: #fff;
  margin-bottom: 39px;
}
.dashboard_container-balance__money {
  font-family: "Tektur", sans-serif;
  font-size: 20px;
  color: #fff;
  margin-bottom: 65px;
  letter-spacing: 2px;
}
@media (max-width: 740px) {
  .dashboard_container-balance__money {
    font-size: 18px;
  }
}
.dashboard_container-balance__button {
  transition: background-color 0.3s ease, color 0.3s ease;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 180px;
  height: 45px;
  background-color: rgba(84, 32, 98, 0.7);
  border-radius: 10px;
  color: rgba(255, 255, 255, 0.7);
}
.dashboard_container-balance__button:hover {
  background-color: #780099;
  color: rgb(255, 255, 255);
}
.dashboard_container-balance__button--text {
  font-family: "Tektur", sans-serif;
  font-size: 20px;
}

.dashboard_container-earnings {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 13px 26px 0px 26px;
}
.dashboard_container-earnings__earnings-container {
  display: flex;
  flex-direction: column;
  color: #fff;
}
.dashboard_container-earnings__title {
  font-size: 24px;
  font-weight: 100;
  color: #fff;
  margin-bottom: 13px;
  letter-spacing: 3px;
}
.dashboard_container-earnings__divider {
  padding: 0 30px 0 30px;
  border: none;
  height: 1px;
  width: 100%;
  background-color: #fff;
  margin-bottom: 39px;
}
.dashboard_container-earnings__earnings-container {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 70px;
}
.dashboard_container-earnings__month-earnings {
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  font-family: "Tektur", sans-serif;
  font-size: 20px;
  letter-spacing: 2px;
}
@media (max-width: 740px) {
  .dashboard_container-earnings__month-earnings {
    font-size: 18px;
  }
}
.dashboard_container-earnings__general-earnings {
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  font-family: "Tektur", sans-serif;
  font-size: 20px;
  letter-spacing: 2px;
}
@media (max-width: 740px) {
  .dashboard_container-earnings__general-earnings {
    font-size: 18px;
  }
}

.dashboard_container-history {
  display: flex;
  flex-direction: column;
  font-family: "Tektur", sans-serif;
  width: 980px;
  gap: 3px;
}
@media (max-width: 1439px) {
  .dashboard_container-history {
    width: 84%;
    gap: 1px;
  }
}
.dashboard_container-history_title {
  display: flex;
  background-color: #780099;
  width: 100%;
  height: 60px;
  align-items: center;
  padding: 17px 15px 17px 15px;
  justify-content: space-between;
  color: #fff;
}
.dashboard_container-history_title-text {
  font-weight: 500;
  font-family: "Tektur", sans-serif;
  font-size: 20px;
}
.dashboard_container-history_container {
  font-family: "Tektur", sans-serif;
  font-size: 20px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  background-color: rgba(84, 32, 98, 0.7);
  width: 100%;
  height: 60px;
  padding: 17px 30px 17px 30px;
  color: #fff;
}
@media (max-width: 740px) {
  .dashboard_container-history_container {
    padding: 10px;
    align-items: center;
  }
}
.dashboard_container-history_links {
  font-family: "Tektur", sans-serif;
  font-size: 20px;
  position: relative;
  color: #fff;
  padding: 17px 10px 17px 10px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  background-color: rgba(84, 32, 98, 0.7);
  width: 100%;
  height: 60px;
}
.dashboard_container-history_links-appointment {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  align-self: center;
  white-space: nowrap; /* Запрещаем перенос строк */
}
@media (max-width: 740px) {
  .dashboard_container-history_links {
    padding: 5px;
    font-size: 16px;
    align-items: center;
  }
}

/* Style for the pop-up container */
.dashboard_container-history_title_popup-container {
  position: relative;
  display: inline-block;
  box-sizing: border-box;
}

/* Style for the pop-up message */
.dashboard_container-history_title-popup-message {
  padding: 12px;
  width: 313px;
  height: 70px;
  box-sizing: border-box;
  visibility: hidden;
  font-size: 14px;
  border: 1px solid #fff;
  background-color: #130018;
  color: #fff;
  text-align: center;
  border-radius: 10px 0px 10px 10px;
  position: absolute;
  z-index: 1;
  top: 0;
  right: 15px;
  margin-top: 20px; /* Adjust this value to add some space between the button and the pop-up */
  opacity: 0;
  transition: visibility 0.3s, opacity 0.3s;
}

/* Show the pop-up message on hover */
.dashboard_container-history_title_popup-container:hover .dashboard_container-history_title-popup-message {
  visibility: visible;
  opacity: 1;
}

.dashboard_container-withdrawal {
  display: none;
  flex-direction: row;
  gap: 20px;
  margin-left: 100px;
}
@media (max-width: 740px) {
  .dashboard_container-withdrawal {
    flex-direction: column-reverse;
    align-items: center;
    justify-content: center;
    margin-left: 0px;
  }
}
@media (max-width: 1439px) {
  .dashboard_container-withdrawal {
    justify-content: center;
  }
}

.FundsToGeneralButton {
  position: absolute;
  left: 30px;
  width: 24px;
  height: 24px;
}

.dashboard_container-withdrawal__funds {
  font-family: "Tektur", sans-serif;
  font-size: 20px;
  position: relative;
  color: #fff;
  width: 666px;
  height: 550px;
  background-color: rgba(0, 0, 0, 0.7);
  border: 1px solid #9E00C9;
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 13px;
  padding-bottom: 55px;
}
@media (max-width: 740px) {
  .dashboard_container-withdrawal__funds {
    width: 85%;
    justify-content: center;
  }
}
.dashboard_container-withdrawal__funds-title {
  font-family: "Tektur", sans-serif;
  font-size: 20px;
  font-size: 24px;
  color: #fff;
  margin-bottom: 10px;
  letter-spacing: 2px;
}
@media (max-width: 514px) {
  .dashboard_container-withdrawal__funds-title {
    font-size: 20px;
  }
}
.dashboard_container-withdrawal__funds-divider {
  border: none;
  height: 1px;
  width: 90%;
  background-color: #fff;
  margin-bottom: 15px;
}
@media (max-width: 1439px) {
  .dashboard_container-withdrawal__funds-divider {
    margin-bottom: 0px;
  }
}
@media (max-width: 740px) {
  .dashboard_container-withdrawal__funds-divider {
    margin-bottom: 0px;
  }
}
.dashboard_container-withdrawal__funds-forms {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 15px;
}
@media (max-width: 740px) {
  .dashboard_container-withdrawal__funds-forms {
    margin-top: 10px;
  }
}
@media (max-width: 1439px) {
  .dashboard_container-withdrawal__funds-forms {
    margin-top: 15px;
  }
}
.dashboard_container-withdrawal__funds-forms--email {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 5px;
}
.dashboard_container-withdrawal__funds-forms--email-input {
  width: 340px;
  height: 30px;
  padding-left: 5px;
  background-color: #fff;
  border-radius: 5px;
  color: black;
}
@media (max-width: 740px) {
  .dashboard_container-withdrawal__funds-forms--email-input {
    width: 80%;
  }
}
@media (max-width: 514px) {
  .dashboard_container-withdrawal__funds-forms--email-input {
    font-size: 18px;
  }
}
.dashboard_container-withdrawal__funds-forms--password {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 5px;
}
.dashboard_container-withdrawal__funds-forms--password-input {
  width: 340px;
  height: 30px;
  padding-left: 5px;
  background-color: #fff;
  border-radius: 5px;
  color: black;
}
@media (max-width: 740px) {
  .dashboard_container-withdrawal__funds-forms--password-input {
    width: 80%;
  }
}
@media (max-width: 514px) {
  .dashboard_container-withdrawal__funds-forms--password-input {
    font-size: 18px;
  }
}
.dashboard_container-withdrawal__funds-forms--sum {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 5px;
}
.dashboard_container-withdrawal__funds-forms--sum-input {
  width: 340px;
  height: 30px;
  padding-left: 5px;
  background-color: #fff;
  border-radius: 5px;
  color: black;
}
@media (max-width: 740px) {
  .dashboard_container-withdrawal__funds-forms--sum-input {
    width: 80%;
  }
}
@media (max-width: 514px) {
  .dashboard_container-withdrawal__funds-forms--sum-input {
    font-size: 18px;
  }
}
.dashboard_container-withdrawal__funds-forms--card {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 5px;
}
.dashboard_container-withdrawal__funds-forms--card-input {
  width: 340px;
  height: 30px;
  padding-left: 5px;
  background-color: #fff;
  border-radius: 5px;
  color: black;
}
@media (max-width: 740px) {
  .dashboard_container-withdrawal__funds-forms--card-input {
    width: 80%;
  }
}
@media (max-width: 514px) {
  .dashboard_container-withdrawal__funds-forms--card-input {
    font-size: 18px;
  }
}
.dashboard_container-withdrawal__funds-forms--warn {
  letter-spacing: 2px;
}
@media (max-width: 740px) {
  .dashboard_container-withdrawal__funds-forms--warn {
    font-size: 20px;
    text-align: center;
  }
}
.dashboard_container-withdrawal__funds-forms--button {
  transition: background-color 0.3s ease, color 0.3s ease;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 180px;
  height: 45px;
  background-color: rgba(84, 32, 98, 0.7);
  border-radius: 10px;
  color: rgba(255, 255, 255, 0.7);
  margin-bottom: 20px;
}
.dashboard_container-withdrawal__funds-forms--button:hover {
  background-color: #780099;
  color: rgb(255, 255, 255);
}

.dashboard_container-withdrawal__balance {
  font-family: "Tektur", sans-serif;
  font-size: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  color: #fff;
  width: 245px;
  height: 130px;
  background-color: rgba(0, 0, 0, 0.7);
  border: 1px solid #9E00C9;
  border-radius: 20px;
  padding: 15px 10px 0px 10px;
}
.dashboard_container-withdrawal__balance-title {
  font-size: 24px;
  margin-bottom: 8px;
}
.dashboard_container-withdrawal__balance-divider {
  border: none;
  height: 1px;
  width: 90%;
  background-color: #fff;
  margin-bottom: 15px;
}
.dashboard_container-withdrawal__balance-money {
  font-size: 24px;
}
.dashboard_container-withdrawal__balance-money::after {
  content: "UAH";
  margin-left: 10px;
}

.personal_account-nav {
  display: flex;
  flex-direction: column;
  gap: 30px;
  margin-top: 46px;
}
@media (max-width: 1439px) {
  .personal_account-nav {
    gap: 20px;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    flex-wrap: wrap;
    flex: 1;
  }
}

.personal_account-nav__case {
  font-family: "Tektur", sans-serif;
  font-size: 20px;
  transition: background-color 0.3s ease, color 0.3s ease;
  color: rgba(255, 255, 255, 0.7);
  cursor: pointer;
  width: 180px;
  height: 45px;
  border-radius: 10px;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  background-color: rgba(84, 32, 98, 0.7);
}
.personal_account-nav__case:hover {
  background-color: #780099;
  color: rgb(255, 255, 255);
}

.personal_account-nav__button {
  width: 100%;
  height: 100%;
}
.personal_account-nav__button:focus {
  background-color: #780099;
  border-radius: 10px;
  color: #fff;
}

.personal_account-nav__button.active {
  background-color: #780099;
  border-radius: 10px;
  color: #fff;
}

.personal_account {
  display: flex;
  box-sizing: border-box;
  justify-content: center;
  gap: 20px;
}
@media (max-width: 1439px) {
  .personal_account {
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
}

.personal_account__logo {
  display: flex;
  justify-content: center;
}

.links_container {
  display: flex;
  flex-direction: column;
  background-color: rgba(0, 0, 0, 0.7);
  border-radius: 20px;
  width: 980px;
  max-height: 650px;
  margin-top: 45px;
  margin-right: 180px;
  padding: 30px 15px 48px 15px;
}
@media (max-width: 1439px) {
  .links_container {
    margin-right: 0px;
    align-items: center;
    justify-content: center;
    width: 80%;
  }
}
@media (max-width: 740px) {
  .links_container {
    width: 100%;
  }
}
.links_container-title {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 33px;
  width: 100%;
}
.links_container-title_text {
  color: #fff;
  font-family: "Tektur", sans-serif;
  font-size: 24px;
  letter-spacing: 2px;
}
@media (max-width: 740px) {
  .links_container-title_text {
    font-size: 20px;
  }
}
.links_container-title__button {
  font-family: "Tektur", sans-serif;
  font-size: 20px;
  transition: background-color 0.3s ease, color 0.3s ease;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 180px;
  height: 45px;
  background-color: rgba(84, 32, 98, 0.7);
  border-radius: 10px;
  color: rgba(255, 255, 255, 0.7);
}
.links_container-title__button:hover {
  background-color: #780099;
  color: rgb(255, 255, 255);
}
.links_container__divider {
  padding: 0 30px 0 30px;
  border: none;
  height: 1px;
  width: 100%;
  background-color: #fff;
  margin-bottom: 39px;
}
.links_container-list {
  display: flex;
  flex-direction: column;
  gap: 5px;
  min-height: 0;
  width: 100%;
  overflow-y: auto; /* Добавляет вертикальное колесо прокрутки при необходимости */
}
.links_container-list__main {
  display: flex;
  position: sticky;
  top: 0;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 0px 15px 0px 15px;
  width: 100%;
  min-height: 60px;
  background-color: #780099;
  color: #fff;
  font-family: "Tektur", sans-serif;
  font-size: 20px;
}
.links_container-list__main--name {
  width: 140px;
}
@media (max-width: 740px) {
  .links_container-list__main--name {
    font-size: 18px;
    width: 120px;
  }
}
.links_container-list__main--link {
  width: 140px;
}
@media (max-width: 740px) {
  .links_container-list__main--link {
    font-size: 18px;
  }
}
@media (max-width: 740px) {
  .links_container-list__main--earnings {
    font-size: 18px;
  }
}
.links_container-list__container {
  background-color: rgba(84, 32, 98, 0.7);
  color: #fff;
  position: relative;
  font-family: "Tektur", sans-serif;
  font-size: 20px;
  font-size: 14px;
  min-height: 50px;
  width: 100%;
  color: white;
  display: flex;
  gap: 20px;
  padding: 0px 15px 0px 15px;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 740px) {
  .links_container-list__container {
    padding: 0 5px 0 5px;
  }
}
.links_container-list__container--name {
  width: 170px;
  display: flex;
  flex-direction: row;
  gap: 5px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
@media (max-width: 740px) {
  .links_container-list__container--name {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: min-content;
  }
}
.links_container-list__container--name_text {
  display: inline;
}
@media (max-width: 450px) {
  .links_container-list__container--name_text {
    display: block;
    text-wrap: wrap;
    text-align: center;
  }
}
.links_container-list__container--name_uah {
  display: inline;
}
.links_container-list__container--link {
  position: absolute;
  top: 50%;
  left: calc(50% + 7px); /* Подвинуть на 20 пикселей вправо */
  transform: translate(-50%, -50%);
  cursor: pointer;
}
.links_container-list__container--people {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  background-color: rgba(84, 32, 98, 0.7);
  border-top: 2px solid black;
  color: #fff;
  position: relative;
  font-family: "Tektur", sans-serif;
  font-size: 20px;
  font-size: 14px;
  height: 30px;
  padding: 0px 15px 0px 15px;
}
@media (max-width: 740px) {
  .links_container-list__container--people {
    padding: 0 5px 0 5px;
  }
}
.links_container-list__container--remainder {
  display: flex;
  flex-direction: row;
  gap: 20px;
}
.links_container-list__container--invited {
  display: flex;
  flex-direction: row;
  gap: 20px;
}

.recall {
  display: none;
}

.links_container-list::-webkit-scrollbar {
  width: 5px;
}

.links_container-list::-webkit-scrollbar-track {
  background-color: transparent; /* сделать фон прозрачным */
}

::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #fff;
}

.name-text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.channels__container {
  display: flex;
  flex-direction: column;
  gap: 30px;
  background-color: rgba(0, 0, 0, 0.7);
  border-radius: 20px;
  width: 980px;
  max-height: 650px;
  padding: 30px 15px 25px 15px;
  margin-right: 180px;
  margin-top: 45px;
}
@media (max-width: 1439px) {
  .channels__container {
    margin-right: 0px;
    width: 80%;
  }
}
@media (max-width: 740px) {
  .channels__container {
    width: 100%;
  }
}
@media (max-width: 450px) {
  .channels__container {
    width: 100%;
  }
}
.channels__container-title {
  font-family: "Tektur", sans-serif;
  font-size: 20px;
  color: #fff;
  font-size: 24px;
  letter-spacing: 3px;
}
.channels__container-list {
  display: flex;
  flex-direction: column;
  gap: 5px;
  min-height: 0;
  width: 100%;
  overflow-y: auto; /* Добавляет вертикальное колесо прокрутки при необходимости */
}
.channels__container-list__main {
  display: flex;
  position: sticky;
  align-items: center;
  padding-left: 15px;
  justify-content: space-between;
  color: #fff;
  font-family: "Tektur", sans-serif;
  font-size: 20px;
  background-color: #780099;
  min-height: 60px;
  top: 0;
  z-index: 1;
}
@media (max-width: 740px) {
  .channels__container-list__main {
    font-size: 18px;
    padding-left: 5px;
    padding-right: 5px;
  }
}
.channels__container-list__main--block {
  display: flex;
  flex-direction: row;
  gap: 90px;
  margin-right: 160px;
}
@media (max-width: 1439px) {
  .channels__container-list__main--block {
    margin-right: 125px;
    gap: 50px;
  }
}
@media (max-width: 740px) {
  .channels__container-list__main--block {
    margin-right: 10px;
    gap: 35px;
  }
}
@media (max-width: 450px) {
  .channels__container-list__main--block {
    margin-right: 0px;
    gap: 30px;
    align-items: center;
  }
}

@media (max-width: 450px) {
  .channels__container-list__main--subscribers {
    width: min-content;
  }
}

.channels__container-list__container {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  position: relative;
  font-family: "Tektur", sans-serif;
  color: #fff;
  background-color: rgba(84, 32, 98, 0.7);
  padding-left: 15px;
  padding-right: 15px;
  width: 100%;
  min-height: 60px;
  font-size: 18px;
  align-items: center;
}
@media (max-width: 740px) {
  .channels__container-list__container {
    font-size: 16px;
    align-items: center;
    justify-content: center;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 10px;
  }
}
.channels__container-list__container--block {
  min-width: 255px;
  max-width: 600px;
  display: flex;
  justify-content: space-between;
  flex-direction: row;
}
@media (max-width: 1439px) {
  .channels__container-list__container--block {
    justify-content: space-around;
    gap: 60px;
  }
}
@media (max-width: 450px) {
  .channels__container-list__container--block {
    justify-content: center;
    min-width: 0px;
    width: 180px;
  }
}
.channels__container-list__container--name {
  margin-right: auto;
  display: inline-block;
  white-space: nowrap;
}

.channels__container-list__container--name.short {
  overflow: hidden;
  text-overflow: ellipsis; /* Добавить "..." */
  white-space: nowrap; /* Не переносить слова на новую строку */
}

.channels__container-list__container--accept {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  color: #C800FF;
  border: 2px solid #D333FF;
  border-radius: 10px;
  width: 117px;
  height: 45px;
  transition: background-color 0.3s, color 0.3s;
  margin-left: 67px;
}
.channels__container-list__container--accept:hover {
  background-color: #D333FF;
  color: black;
}
@media (max-width: 1439px) {
  .channels__container-list__container--accept {
    width: 100px;
    margin-left: 35px;
  }
}
@media (max-width: 740px) {
  .channels__container-list__container--accept {
    width: 60%;
    margin-left: 0px;
    height: 25px;
    padding-top: 15px;
    padding-bottom: 15px;
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 16px;
  }
}

.channels__container-list__container--profit {
  width: max-content;
}

.channels__container-list__container.black-bg {
  background-color: transparent;
}

.channels__container-list::-webkit-scrollbar {
  width: 5px;
}

.channels__container-list::-webkit-scrollbar-track {
  background-color: transparent; /* сделать фон прозрачным */
}

::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #fff;
}

.settings__container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: fit-content;
  gap: 10px;
}
@media (max-width: 1439px) {
  .settings__container {
    width: 100%;
  }
}
.settings__container--exitButton {
  font-family: "Tektur", sans-serif;
  font-size: 20px;
  transition: background-color 0.3s ease, color 0.3s ease;
  display: flex;
  justify-content: center;
  align-items: center;
  align-self: center;
  margin-top: 10px;
  margin-bottom: 5px;
  width: 240px;
  height: 55px;
  border-radius: 10px;
  color: rgba(255, 255, 255, 0.7);
  background-color: rgba(84, 32, 98, 0.7);
}
.settings__container--exitButton:hover {
  background-color: #780099;
  color: rgb(255, 255, 255);
}
.settings__container--general {
  font-family: "Tektur", sans-serif;
  font-size: 20px;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  width: 980px;
  height: 270px;
  background-color: rgba(0, 0, 0, 0.7);
  border-radius: 20px;
  color: #fff;
  margin-top: 45px;
  margin-right: 180px;
}
@media (max-width: 1439px) {
  .settings__container--general {
    margin-right: 0px;
    width: 75%;
  }
}
@media (max-width: 740px) {
  .settings__container--general {
    width: 90%;
  }
}
@media (max-width: 514px) {
  .settings__container--general {
    width: 100%;
    height: 370px;
  }
}
.settings__container--title {
  display: flex;
  justify-content: start;
  align-items: center;
  padding-left: 15px;
  background-color: #780099;
  width: 100%;
  height: 60px;
  border-radius: 20px;
}
.settings__container--title__text {
  font-family: "Tektur", sans-serif;
  font-size: 20px;
  letter-spacing: 2px;
}
.settings__container--personal__data {
  display: flex;
  flex-direction: column;
  gap: 7px;
}
@media (max-width: 514px) {
  .settings__container--personal__data {
    align-items: center;
  }
}
.settings__container--personal__data--text {
  font-weight: 100;
  font-size: 15px;
  letter-spacing: 2px;
}
@media (max-width: 514px) {
  .settings__container--personal__data--text {
    font-size: 22px;
  }
}
.settings__container--personal__data--email {
  font-size: 20px;
  letter-spacing: 2px;
}
@media (max-width: 514px) {
  .settings__container--personal__data--email {
    font-size: 22px;
  }
}
.settings__container--personal__data--password {
  letter-spacing: 2px;
}

.settings__container--personal {
  display: flex;
  flex-direction: column;
  gap: 33px;
  margin-left: 27px;
  margin-top: 32px;
  margin-right: 96px;
}
@media (max-width: 514px) {
  .settings__container--personal {
    margin-top: 20px;
    margin-left: 0;
    margin-right: 0;
  }
}

.settings__container--personal__data--general {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
@media (max-width: 514px) {
  .settings__container--personal__data--general {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 20px;
  }
}

.BackToGeneralButton {
  position: absolute;
  left: 30px;
  width: 24px;
  height: 24px;
}

.settings__container__data--email__form {
  display: none;
  font-family: "Tektur", sans-serif;
  font-size: 20px;
  box-sizing: border-box;
  align-items: center;
  color: #fff;
  width: 666px;
  background-color: rgba(0, 0, 0, 0.7);
  flex-direction: column;
  margin-top: 45px;
  margin-right: 330px;
  margin-left: 164px;
  padding-top: 22px;
  padding-bottom: 40px;
  border: 1px solid #9E00C9;
  border-radius: 20px;
  letter-spacing: 2px;
}
@media (max-width: 1439px) {
  .settings__container__data--email__form {
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media (max-width: 740px) {
  .settings__container__data--email__form {
    width: 100vw;
  }
}
.settings__container__data--email__form--title {
  width: 100%;
  position: relative;
  margin-bottom: 10px;
}
.settings__container__data--email__form--title-text {
  font-size: 24px;
  text-align: center;
}
.settings__container__data--email__form--divider {
  padding: 0 30px 0 30px;
  border: none;
  height: 1px;
  width: 90%;
  background-color: #fff;
  margin-bottom: 15px;
}
.settings__container__data--email__form--label {
  display: flex;
  flex-direction: column;
  gap: 30px;
  align-items: center;
}
.settings__container__data--email__form--label--oldEmail {
  display: flex;
  flex-direction: column;
  gap: 2px;
  align-items: center;
}
.settings__container__data--email__form--label--newEmail {
  display: flex;
  flex-direction: column;
  gap: 2px;
  align-items: center;
}
.settings__container__data--email__form--label_button {
  transition: background-color 0.3s ease, color 0.3s ease;
  width: 220px;
  height: 40px;
  color: #fff;
  background-color: rgba(84, 32, 98, 0.7);
  border-radius: 5px;
  margin-top: 15px;
}
.settings__container__data--email__form--label_button:hover {
  background-color: #780099;
  color: rgb(255, 255, 255);
}

#email {
  width: 285px;
  height: 30px;
  padding-left: 5px;
  background-color: #fff;
  border-radius: 5px;
  color: black;
}

#confirmation_code {
  width: 285px;
  height: 30px;
  padding-left: 5px;
  background-color: #fff;
  border-radius: 5px;
  color: black;
}
#confirmation_code::placeholder {
  font-size: 16px;
}

.settings__container__data--password__form {
  display: none;
  font-family: "Tektur", sans-serif;
  font-size: 20px;
  box-sizing: border-box;
  align-items: center;
  color: #fff;
  width: 666px;
  background-color: rgba(0, 0, 0, 0.7);
  flex-direction: column;
  margin-top: 45px;
  margin-right: 330px;
  margin-left: 164px;
  padding-top: 22px;
  padding-bottom: 40px;
  border: 1px solid #9E00C9;
  border-radius: 20px;
  letter-spacing: 2px;
}
@media (max-width: 1439px) {
  .settings__container__data--password__form {
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
  }
}
@media (max-width: 740px) {
  .settings__container__data--password__form {
    width: 100vw;
  }
}
.settings__container__data--password__form--title {
  margin-bottom: 10px;
  position: relative;
  width: 100%;
}
.settings__container__data--password__form--title-text {
  font-size: 24px;
  text-align: center;
}
.settings__container__data--password__form--divider {
  padding: 0 30px 0 30px;
  border: none;
  height: 1px;
  width: 90%;
  background-color: #fff;
  margin-bottom: 15px;
}
.settings__container__data--password__form--label {
  display: flex;
  flex-direction: column;
  gap: 30px;
  align-items: center;
}
.settings__container__data--password__form--label--oldPassword {
  display: flex;
  position: relative;
  flex-direction: column;
  gap: 2px;
  align-items: center;
}
.settings__container__data--password__form--label--newPassword {
  display: flex;
  position: relative;
  flex-direction: column;
  gap: 2px;
  align-items: center;
}
.settings__container__data--password__form--label_button {
  transition: background-color 0.3s ease, color 0.3s ease;
  width: 220px;
  height: 40px;
  color: #fff;
  background-color: rgba(84, 32, 98, 0.7);
  border-radius: 5px;
  margin-top: 15px;
}
.settings__container__data--password__form--label_button:hover {
  background-color: #780099;
  color: rgb(255, 255, 255);
}

#OldPassword {
  width: 285px;
  height: 30px;
  padding-left: 5px;
  background-color: #fff;
  border-radius: 5px;
  color: black;
}

#NewPassword {
  width: 285px;
  height: 30px;
  padding-left: 5px;
  background-color: #fff;
  border-radius: 5px;
  color: black;
}

.settings__container__data--password__form--label--eye1 {
  position: absolute;
  top: 34px;
  right: 10px;
  border: none;
  background-color: transparent;
  cursor: pointer;
}

.settings__container__data--password__form--label--eye1 img {
  width: 20px;
  height: 20px;
}

.settings__container__data--password__form--label--eye1:hover img {
  opacity: 0.8;
}

.settings__container--personal__data--button {
  transition: all 0.3s ease;
}
@media (max-width: 514px) {
  .settings__container--personal__data--button {
    font-size: 22px;
    color: #C800FF;
  }
}

.settings__container--personal__data--button:hover {
  color: #9E00C9;
}

.hidden {
  display: none;
}

.overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5); /* Здесь можно настроить уровень затемнения */
  z-index: 999;
  display: none;
}

.modal {
  font-size: 20px;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 26px;
  color: #fff;
  font-family: "Tektur", sans-serif;
  width: 375px;
  height: 143px;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #780099;
  padding: 20px;
  border-radius: 10px;
  z-index: 1000;
  display: none;
}

.modal-container {
  display: flex;
  align-items: center;
  gap: 134px;
}

/* Дополнительные стили для кнопок */
.modal button {
  margin: 0 10px;
}

.modal button.yesButton {
  background-color: #542062;
  width: 50px;
  height: 50px;
  border-radius: 10px;
  color: white;
}

.modal button.noButton {
  background-color: #542062;
  width: 50px;
  height: 50px;
  border-radius: 10px;
  color: white;
}

.support__container {
  font-family: "Tektur", sans-serif;
  font-size: 20px;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  width: 775px;
  height: 539px;
  background-color: rgba(0, 0, 0, 0.7);
  border-radius: 20px;
  color: #fff;
  margin-top: 45px;
  margin-right: 270px;
  margin-left: 115px;
  padding: 25px 30px 40px 25px;
  border: 1px solid #9E00C9;
}
@media (max-width: 1439px) {
  .support__container {
    margin-left: 0px;
    margin-right: 0px;
    width: 80%;
  }
}
@media (max-width: 740px) {
  .support__container {
    width: 100%;
  }
}
.support__container--divider {
  border: none;
  height: 1px;
  width: 100%;
  background-color: #fff;
  margin-bottom: 25px;
}
.support__container--title {
  margin-bottom: 25px;
}
.support__container--title-text {
  letter-spacing: 2px;
  font-size: 24px;
}
.support__container--forms {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
@media (max-width: 1439px) {
  .support__container--forms {
    width: 100%;
    align-items: center;
    justify-content: center;
  }
}
@media (max-width: 1439px) {
  .support__container--forms__email {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
  }
}
.support__container--forms__email--title {
  font-size: 24px;
}
.support__container--forms__email-input {
  box-sizing: border-box;
  width: 540px;
  height: 40px;
  background-color: #fff;
  border-radius: 5px;
  color: black;
  padding: 5px;
}
@media (max-width: 1439px) {
  .support__container--forms__email-input {
    min-width: 0px;
    width: 80%;
  }
}
@media (max-width: 740px) {
  .support__container--forms__email-input {
    width: 90%;
  }
}
@media (max-width: 1439px) {
  .support__container--forms__tg {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
  }
}
.support__container--forms__tg--title {
  font-size: 24px;
}
.support__container--forms__tg-input {
  box-sizing: border-box;
  width: 540px;
  height: 40px;
  background-color: #fff;
  border-radius: 5px;
  color: black;
  padding: 5px;
}
@media (max-width: 1439px) {
  .support__container--forms__tg-input {
    min-width: 0px;
    width: 80%;
  }
}
@media (max-width: 740px) {
  .support__container--forms__tg-input {
    width: 90%;
  }
}
@media (max-width: 1439px) {
  .support__container--forms__problem {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
  }
}
.support__container--forms__problem--title {
  font-size: 24px;
}
.support__container--forms__problem-input {
  box-sizing: border-box;
  min-width: 700px;
  height: 95px;
  background-color: #fff;
  border-radius: 5px;
  color: black;
  padding: 5px;
  resize: none;
  overflow-y: auto;
  word-wrap: break-word;
}
@media (max-width: 1439px) {
  .support__container--forms__problem-input {
    min-width: 0px;
    width: 80%;
  }
}
@media (max-width: 740px) {
  .support__container--forms__problem-input {
    width: 90%;
  }
}
.support__container--forms__problem-input::-webkit-scrollbar {
  width: 5px;
}
.support__container--forms__problem-input::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: black;
}
.support__container--forms__problem-input::-webkit-scrollbar-track {
  background-color: transparent;
}
.support__container--button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 180px;
  height: 45px;
  border: 1px solid #D333FF;
  color: #C800FF;
  border-radius: 10px;
  transition: all 0.3s ease;
}
.support__container--button:hover {
  background-color: #D333FF;
  color: black;
}

.support__container--button-block {
  width: 100%;
  margin-top: 40px;
  display: flex;
  justify-content: center;
}

.main {
  display: flex;
  flex-direction: column;
  gap: 192px;
  padding-top: 38px;
}
@media (max-width: 740px) {
  .main {
    gap: 40px;
  }
}
.main__title {
  color: #D333FF;
  text-shadow: 0 0 10px #D333FF, 0 0 100px #D333FF;
  font-family: "Tektur", sans-serif;
  font-style: italic;
  text-transform: uppercase;
  font-size: 60px;
  font-family: "Kernel";
  font-style: italic;
  font-size: 94px;
  font-weight: 100;
  text-align: center;
}
@media (max-width: 740px) {
  .main__title {
    font-size: 70px;
  }
}
@media (max-width: 514px) {
  .main__title {
    font-size: 48px;
  }
}

.header {
  font-family: "Tektur", sans-serif;
  background-image: url(./../images/main-vector.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  height: 700px;
  margin-bottom: 100px;
}
@media (max-width: 514px) {
  .header {
    margin-bottom: 30px;
  }
}
@media (max-width: 740px) {
  .header {
    height: 400px;
  }
}
.header__navigation {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-around;
}
@media (max-width: 740px) {
  .header__navigation {
    justify-content: center;
  }
}
.header__navigation-form {
  width: fit-content;
  height: fit-content;
}

.header__navigation-buttons {
  font-family: "Tektur", sans-serif;
  font-size: 20px;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 70px;
}
@media (max-width: 1439px) {
  .header__navigation-buttons {
    gap: 30px;
  }
}
@media (max-width: 740px) {
  .header__navigation-buttons {
    display: none;
  }
}
.header__navigation-buttons-support {
  transition: background-color 0.3s ease, color 0.3s ease;
  align-items: center;
  color: rgba(255, 255, 255, 0.7);
  cursor: pointer;
  width: 180px;
  height: 45px;
  border-radius: 10px;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  background-color: rgba(84, 32, 98, 0.7);
}
.header__navigation-buttons-support:hover {
  background-color: #780099;
  color: rgb(255, 255, 255);
}
.header__navigation-buttons-login {
  font-family: "Tektur", sans-serif;
  font-size: 20px;
  align-items: center;
  color: #C800FF;
  border: 2px solid #D333FF;
  border-radius: 10px;
  transition: background-color 0.3s, color 0.3s;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 176px;
  height: 41px;
}
.header__navigation-buttons-login:hover {
  background-color: #D333FF;
  color: black;
}
.header__navigation-buttons-tglink {
  width: fit-content;
  height: fit-content;
}
.header__navigation-buttons-tg {
  width: 50px;
  height: 50px;
}
@media (max-width: 1439px) {
  .header__navigation-buttons-tg {
    width: 30px;
    height: 30px;
  }
}

@media (max-width: 1439px) {
  .header-menu {
    display: none;
  }
}
@media (min-width: 1440px) {
  .header-menu {
    display: none;
  }
}
@media (max-width: 740px) {
  .header-menu {
    display: block;
  }
}
@media (max-width: 514px) {
  .header-menu {
    display: block;
  }
}

/* Стили для кнопки меню */
.menu-button {
  display: flex;
  flex-direction: column;
  gap: 5px;
  position: absolute;
  top: 20px;
  right: 0;
  z-index: 10;
  padding: 10px;
  border: none;
  background-color: transparent;
  cursor: pointer;
}

/* Стили для иконки меню */
.menu-icon {
  display: block;
  width: 20px;
  height: 2px;
  background-color: #fff;
  transition: all 0.3s ease-in-out;
  /* Стили для анимации иконки */
}
.menu-icon.open {
  transform: rotate(45deg);
  top: 5px;
}

/* Стили для меню */
.menu {
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  padding-top: 15px;
  top: 0;
  left: 0;
  height: 0;
  width: 0;
  visibility: hidden;
  opacity: 0;
  z-index: 100;
  transition: all 0.3s ease-in-out;
  background-color: #2D0238;
  /* Стили для открытого меню */
}
.menu.open {
  height: 50vh;
  width: 100vw;
  visibility: visible;
  opacity: 1;
}

/* Стили для списка ссылок */
.menu ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

/* Стили для ссылок */
.menu ul li a {
  display: block;
  padding: 10px;
  text-decoration: none;
  color: #fff;
}

/* Стили для кнопки закрытия */
.close-button {
  display: flex;
  flex-direction: column;
  gap: 5px;
  position: absolute;
  top: 20px;
  right: 0;
  padding: 10px;
  border: none;
  background-color: transparent;
  cursor: pointer;
}

/* Стили для иконки закрытия */
.close-icon {
  display: block;
  width: 20px;
  height: 2px;
  background-color: #fff;
}

.menu-container {
  display: flex;
  flex-direction: column;
  gap: 30px;
  align-self: flex-start;
}
.menu-container-buttons {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.menu-container-social {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.menu-container-social--tg {
  width: 35px;
  height: 35px;
}
.menu-container-social--inst {
  width: 35px;
  height: 35px;
}

.about {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.about__container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 50px;
  width: 1120px;
}
@media (max-width: 1439px) {
  .about__container {
    width: 100%;
  }
}
@media (max-width: 740px) {
  .about__container {
    width: 100%;
  }
}

.about__container-titles {
  color: #D333FF;
  text-shadow: 0 0 10px #D333FF, 0 0 100px #D333FF;
  font-family: "Tektur", sans-serif;
  font-style: italic;
  text-transform: uppercase;
  font-size: 60px;
  font-size: 64px;
  width: 600px;
  align-self: flex-start;
  font-weight: 500;
}
@media (max-width: 740px) {
  .about__container-titles {
    font-size: 50px;
    width: 500px;
    text-align: center;
  }
}
@media (max-width: 514px) {
  .about__container-titles {
    font-size: 40px;
    width: 100%;
  }
}
@media (max-width: 1439px) {
  .about__container-titles {
    align-self: center;
    text-align: center;
  }
}
@media (max-width: 450px) {
  .about__container-titles {
    font-size: 38px;
  }
}

.about__container-blocks {
  margin-left: 100px;
  display: flex;
  flex-direction: column;
}
@media (max-width: 1439px) {
  .about__container-blocks {
    gap: 45px;
    margin-left: 0px;
  }
}

.about__container-firstBlock {
  width: fit-content;
  display: flex;
  flex-direction: column;
  gap: 20px;
  font-family: "Tektur", sans-serif;
}
@media (max-width: 1439px) {
  .about__container-firstBlock {
    align-self: center;
    align-items: center;
  }
}
.about__container-firstBlock-title {
  text-transform: uppercase;
  color: #D333FF;
  font-size: 40px;
  font-style: italic;
}
@media (max-width: 514px) {
  .about__container-firstBlock-title {
    font-size: 30px;
  }
}
.about__container-firstBlock-text {
  font-size: 18px;
  align-self: flex-end;
  color: #fff;
}
@media (max-width: 1439px) {
  .about__container-firstBlock-text {
    align-self: center;
    text-align: center;
  }
}
@media (max-width: 514px) {
  .about__container-firstBlock-text {
    font-size: 18px;
  }
}
.about__container-firstBlock-img {
  align-self: flex-end;
  width: 108px;
  height: 24px;
}
@media (max-width: 1439px) {
  .about__container-firstBlock-img {
    align-self: center;
  }
}

.about__container-secondBlock {
  align-self: center;
  width: fit-content;
  display: flex;
  flex-direction: column;
  gap: 20px;
  font-family: "Tektur", sans-serif;
}
@media (max-width: 1439px) {
  .about__container-secondBlock {
    align-self: center;
    align-items: center;
  }
}
.about__container-secondBlock-title {
  text-transform: uppercase;
  color: #D333FF;
  font-size: 40px;
  font-style: italic;
}
@media (max-width: 514px) {
  .about__container-secondBlock-title {
    font-size: 30px;
  }
}
.about__container-secondBlock-text {
  font-size: 18px;
  align-self: flex-end;
  color: #fff;
}
@media (max-width: 1439px) {
  .about__container-secondBlock-text {
    align-self: center;
    text-align: center;
  }
}
@media (max-width: 514px) {
  .about__container-secondBlock-text {
    font-size: 18px;
  }
}
.about__container-secondBlock-img {
  align-self: flex-end;
  width: 108px;
  height: 24px;
}
@media (max-width: 1439px) {
  .about__container-secondBlock-img {
    align-self: center;
  }
}

.about__container-thirdBlock {
  align-self: flex-end;
  width: fit-content;
  display: flex;
  flex-direction: column;
  gap: 20px;
  font-family: "Tektur", sans-serif;
}
@media (max-width: 1439px) {
  .about__container-thirdBlock {
    align-self: center;
    align-items: center;
  }
}
.about__container-thirdBlock-title {
  text-transform: uppercase;
  color: #D333FF;
  font-size: 40px;
  font-style: italic;
}
@media (max-width: 514px) {
  .about__container-thirdBlock-title {
    font-size: 30px;
  }
}
.about__container-thirdBlock-text {
  font-size: 18px;
  align-self: flex-end;
  color: #fff;
}
@media (max-width: 1439px) {
  .about__container-thirdBlock-text {
    align-self: center;
    text-align: center;
  }
}
@media (max-width: 514px) {
  .about__container-thirdBlock-text {
    font-size: 18px;
  }
}
.about__container-thirdBlock-img {
  align-self: flex-end;
  width: 108px;
  height: 24px;
}
@media (max-width: 1439px) {
  .about__container-thirdBlock-img {
    align-self: center;
  }
}

.maydem {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 50px;
  margin-top: 150px;
}
.maydem-title {
  font-family: "Tektur", sans-serif;
  color: #D333FF;
  text-shadow: 0 0 10px #D333FF, 0 0 100px #D333FF;
  font-family: "Tektur", sans-serif;
  font-style: italic;
  text-transform: uppercase;
  font-size: 60px;
  font-weight: 500;
  font-size: 60px;
}
@media (max-width: 740px) {
  .maydem-title {
    font-size: 50px;
  }
}
@media (max-width: 514px) {
  .maydem-title {
    font-size: 40px;
  }
}
@media (max-width: 450px) {
  .maydem-title {
    font-size: 38px;
    text-align: center;
  }
}
.maydem__container {
  font-family: "Tektur", sans-serif;
  font-size: 20px;
  color: #fff;
  width: 580px;
  height: 250px;
  border-radius: 16px;
  background-color: rgba(160, 0, 204, 0.2);
  padding: 22px 18px;
}
@media (max-width: 740px) {
  .maydem__container {
    width: 100%;
    height: fit-content;
  }
}
.maydem__container-title {
  margin-bottom: 30px;
}
.maydem__container-list {
  list-style: none;
}
.maydem__start-button {
  font-family: "Tektur", sans-serif;
  font-size: 20px;
  align-items: center;
  color: #C800FF;
  border: 2px solid #D333FF;
  border-radius: 10px;
  transition: background-color 0.3s, color 0.3s;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 275px;
  height: 60px;
}
.maydem__start-button:hover {
  background-color: #D333FF;
  color: black;
}

.second-vector__container {
  background-image: url(./../images/second-vector.png);
  background-repeat: no-repeat;
  background-position: right;
  height: 1550px;
}
@media (max-width: 1439px) {
  .second-vector__container {
    height: 1400px;
    background-size: contain;
  }
}

.third-vector__container {
  background-image: url(./../images/third-vector.png);
  background-repeat: no-repeat;
  background-position: left;
  height: fit-content;
}

.tutorial {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 170px;
  width: 100%;
  height: 405px;
}
@media (max-width: 1439px) {
  .tutorial {
    display: none;
  }
}
.tutorial-container {
  font-family: "Tektur", sans-serif;
  font-size: 20px;
  color: #fff;
}
.tutorial-container--first__Block {
  display: flex;
  flex-direction: row;
}
.tutorial-container--first__Block-text--1 {
  text-align: center;
  margin-right: 190px;
}
.tutorial-container--first__Block-text--2 {
  text-align: center;
  margin-right: 270px;
}
.tutorial-container--first__Block-text--3 {
  text-align: center;
}
.tutorial-container--second__Block {
  display: flex;
  flex-direction: row;
}
.tutorial-container--second__Block-text--1 {
  text-align: center;
  margin-left: 342px;
  margin-right: 260px;
}
.tutorial-container--second__Block-text--2 {
  text-align: center;
}
.tutorial-title {
  color: #D333FF;
  text-shadow: 0 0 10px #D333FF, 0 0 100px #D333FF;
  font-family: "Tektur", sans-serif;
  font-style: italic;
  text-transform: uppercase;
  font-size: 60px;
  font-family: "Tektur", sans-serif;
  font-weight: 500;
}

.tutorial-mini {
  display: none;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  gap: 40px;
}
@media (min-width: 1440px) {
  .tutorial-mini {
    display: none;
  }
}
@media (max-width: 1439px) {
  .tutorial-mini {
    display: flex;
  }
}
.tutorial-mini-title {
  color: #D333FF;
  text-shadow: 0 0 10px #D333FF, 0 0 100px #D333FF;
  font-family: "Tektur", sans-serif;
  font-style: italic;
  text-transform: uppercase;
  font-size: 60px;
  width: 430px;
  font-family: "Tektur", sans-serif;
  font-size: 64px;
  font-weight: 500;
}
@media (max-width: 740px) {
  .tutorial-mini-title {
    font-size: 50px;
    text-align: center;
  }
}
@media (max-width: 514px) {
  .tutorial-mini-title {
    font-size: 38px;
    width: fit-content;
    margin-top: 20px;
  }
}
.tutorial-mini .tutorial-mini-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 30px;
}
.tutorial-mini .tutorial-mini-container--text {
  font-family: "Tektur", sans-serif;
  color: #fff;
  font-size: 20px;
}
.tutorial-mini .tutorial-mini-container--img {
  width: 35px;
  height: 35px;
}

.first-text {
  text-align: center;
  width: 320px;
}

.owners {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 50px;
  margin-top: 280px;
  margin-bottom: 200px;
}
@media (max-width: 1439px) {
  .owners {
    margin-top: 100px;
  }
}
.owners-title {
  color: #D333FF;
  text-shadow: 0 0 10px #D333FF, 0 0 100px #D333FF;
  font-family: "Tektur", sans-serif;
  font-style: italic;
  text-transform: uppercase;
  font-size: 60px;
  font-family: "Tektur", sans-serif;
  font-weight: 500;
  font-size: 60px;
}
@media (max-width: 740px) {
  .owners-title {
    font-size: 50px;
    width: fit-content;
    text-align: center;
  }
}
@media (max-width: 740px) {
  .owners-title {
    font-size: 50px;
  }
}
@media (max-width: 514px) {
  .owners-title {
    font-size: 40px;
  }
}
@media (max-width: 450px) {
  .owners-title {
    font-size: 38px;
    text-align: center;
  }
}
.owners-title-eng {
  font-family: "Kernel";
  font-size: 64px;
}
@media (max-width: 740px) {
  .owners-title-eng {
    font-size: 54px;
  }
}
.owners__container {
  font-family: "Tektur", sans-serif;
  font-size: 20px;
  color: #fff;
  width: 580px;
  height: 250px;
  border-radius: 16px;
  background-color: rgba(160, 0, 204, 0.2);
  padding: 22px 18px;
}
@media (max-width: 740px) {
  .owners__container {
    width: 100%;
    height: fit-content;
  }
}
.owners__container-title {
  margin-bottom: 30px;
}
.owners__container-list {
  list-style: none;
}

.withus {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 100px;
}
@media (max-width: 514px) {
  .withus {
    gap: 50px;
  }
}
.withus-button {
  font-family: "Tektur", sans-serif;
  font-size: 20px;
  align-items: center;
  color: #C800FF;
  border: 2px solid #D333FF;
  border-radius: 10px;
  transition: background-color 0.3s, color 0.3s;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 275px;
  height: 60px;
}
.withus-button:hover {
  background-color: #D333FF;
  color: black;
}
@media (max-width: 450px) {
  .withus-button {
    width: 200px;
    text-align: center;
  }
}
.withus-text {
  font-family: "Tektur", sans-serif;
  color: #fff;
  font-size: 22px;
  font-weight: 500;
  width: 650px;
}
@media (max-width: 740px) {
  .withus-text {
    font-size: 20px;
    width: 330px;
  }
}
@media (max-width: 450px) {
  .withus-text {
    text-align: center;
  }
}
.withus-title {
  color: #D333FF;
  text-shadow: 0 0 10px #D333FF, 0 0 100px #D333FF;
  font-family: "Tektur", sans-serif;
  font-style: italic;
  text-transform: uppercase;
  font-size: 60px;
  font-family: "Tektur", sans-serif;
  font-size: 60px;
  font-weight: 500;
  width: 470px;
}
@media (max-width: 740px) {
  .withus-title {
    font-size: 50px;
    text-align: center;
    width: 80%;
  }
}
@media (max-width: 514px) {
  .withus-title {
    font-size: 40px;
  }
}
.withus-title--eng {
  display: inline-block;
  font-family: "Kernel";
  font-size: 64px;
}
@media (max-width: 740px) {
  .withus-title--eng {
    font-size: 54px;
  }
}
@media (max-width: 514px) {
  .withus-title--eng {
    font-size: 40px;
  }
}
.withus-container {
  display: flex;
  flex-direction: column;
  gap: 55px;
  height: 269px;
  width: 567px;
  background-image: url(./../images/withUsBGI.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 567px 269px;
  font-family: "Tektur", sans-serif;
  color: #fff;
  font-size: 20px;
  padding-top: 25px;
  text-align: center;
}
@media (max-width: 740px) {
  .withus-container {
    width: 450px;
    background-size: contain;
    padding-top: 45px;
    gap: 37px;
  }
}
@media (max-width: 514px) {
  .withus-container {
    width: 380px;
    background-size: contain;
    padding-top: 60px;
    gap: 32px;
  }
}
@media (max-width: 450px) {
  .withus-container {
    gap: 35px;
    width: 100%;
    align-items: center;
  }
}
.withus-container--title {
  margin-right: 18px;
}
@media (max-width: 514px) {
  .withus-container--title {
    margin-right: 16px;
    font-size: 16px;
  }
}
.withus-container--block {
  display: flex;
  flex-direction: column;
  gap: 46px;
}
@media (max-width: 514px) {
  .withus-container--block {
    align-items: center;
    gap: 17px;
  }
}
@media (max-width: 450px) {
  .withus-container--block {
    align-items: center;
    width: 330px;
    margin-bottom: 35px;
  }
}
@media (max-width: 740px) {
  .withus-container--block {
    align-items: center;
    gap: 20px;
  }
}
@media (max-width: 740px) {
  .withus-container--block-text {
    font-size: 18px;
    width: 370px;
  }
}
@media (max-width: 514px) {
  .withus-container--block-text {
    font-size: 16px;
    width: 300px;
  }
}
@media (max-width: 450px) {
  .withus-container--block-text {
    font-size: 16px;
    width: 300px;
  }
}

.withus-section--tittle {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 30px;
}
.withus-section--tittle-img {
  width: 115px;
  height: 35px;
  align-self: flex-start;
  margin-left: 90px;
}
@media (max-width: 740px) {
  .withus-section--tittle-img {
    display: none;
  }
}

.footer {
  font-family: "Tektur", sans-serif;
  font-size: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 100%;
  height: 200px;
  gap: 55px;
  margin-top: 150px;
}
@media (max-width: 514px) {
  .footer {
    margin-top: 70px;
  }
}
.footer-divider {
  border: none;
  height: 1px;
  width: 90%;
  background-color: #fff;
}
.footer-container {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
}
@media (max-width: 514px) {
  .footer-container {
    flex-direction: column-reverse;
    gap: 30px;
  }
}
.footer-container-help {
  transition: background-color 0.3s ease, color 0.3s ease;
  align-items: center;
  color: rgba(255, 255, 255, 0.7);
  cursor: pointer;
  width: 180px;
  height: 45px;
  border-radius: 10px;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  background-color: rgba(84, 32, 98, 0.7);
}
.footer-container-help:hover {
  background-color: #780099;
  color: rgb(255, 255, 255);
}
.footer-container-social {
  display: flex;
  flex-direction: row;
  gap: 58px;
}
@media (max-width: 514px) {
  .footer-container-social {
    gap: 70px;
  }
}
.footer-container-social--tg {
  width: 50px;
  height: 50px;
}
@media (max-width: 514px) {
  .footer-container-social--tg {
    width: 25px;
    height: 25px;
  }
}
.footer-container-social--inst {
  width: 50px;
  height: 50px;
}
@media (max-width: 514px) {
  .footer-container-social--inst {
    width: 25px;
    height: 25px;
  }
}

.login-container {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 60px;
}

.login {
  display: flex;
  font-family: "Tektur", sans-serif;
  color: #fff;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 780px;
  min-height: 466px;
  background-color: rgba(45, 2, 56, 0.7);
  border-radius: 20px;
  padding: 25px 15px 40px 15px;
}
@media (max-width: 740px) {
  .login {
    width: 100%;
    padding: 10px 25px 45px 25px;
  }
}
.login__title {
  font-size: 24px;
  align-self: flex-start;
  margin-bottom: 10px;
  margin-left: 20px;
  letter-spacing: 2px;
}
.login__divider {
  border: none;
  height: 1px;
  width: 100%;
  background-color: #fff;
  margin-bottom: 39px;
}
@media (max-width: 740px) {
  .login__divider {
    margin-bottom: 15px;
  }
}
.login__form-container {
  display: flex;
  flex-direction: column;
  gap: 30px;
  font-size: 20px;
}
@media (max-width: 740px) {
  .login__form-container {
    width: 100%;
  }
}
.login__form-container--email {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
@media (max-width: 740px) {
  .login__form-container--email {
    align-items: center;
  }
}
.login__form-container--email-input {
  width: 580px;
  height: 40px;
  padding-left: 5px;
  background-color: #fff;
  border-radius: 5px;
  color: black;
}
@media (max-width: 740px) {
  .login__form-container--email-input {
    width: 400px;
  }
}
@media (max-width: 450px) {
  .login__form-container--email-input {
    width: 80%;
  }
}
.login__form-container--password {
  display: flex;
  position: relative;
  flex-direction: column;
  gap: 5px;
}
@media (max-width: 740px) {
  .login__form-container--password {
    align-items: center;
  }
}
.login__form-container--password-input {
  width: 580px;
  height: 40px;
  padding-left: 5px;
  background-color: #fff;
  border-radius: 5px;
  color: black;
}
@media (max-width: 740px) {
  .login__form-container--password-input {
    width: 400px;
  }
}
@media (max-width: 450px) {
  .login__form-container--password-input {
    width: 80%;
  }
}

.login__form-container--buttons {
  display: flex;
  flex-direction: row;
  gap: 43px;
  margin-bottom: 30px;
}
@media (max-width: 450px) {
  .login__form-container--buttons {
    gap: 15px;
  }
}
@media (max-width: 740px) {
  .login__form-container--buttons {
    align-items: center;
    justify-content: center;
    margin-bottom: 15px;
  }
}
.login__form-container--buttons-enter {
  transition: background-color 0.3s ease, color 0.3s ease;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 140px;
  height: 45px;
  background-color: rgba(84, 32, 98, 0.7);
  border-radius: 10px;
  color: rgba(255, 255, 255, 0.7);
}
.login__form-container--buttons-enter:hover {
  background-color: #780099;
  color: rgb(255, 255, 255);
}

.login__form-container--registration {
  color: #BB00EE;
  letter-spacing: 2px;
}

.login__form-container--registration--text {
  letter-spacing: 2px;
}
@media (max-width: 740px) {
  .login__form-container--registration--text {
    text-align: center;
  }
}

.login-incorect--container {
  display: none;
  align-items: center;
  letter-spacing: 2px;
  padding-left: 20px;
  width: 100%;
  height: 60px;
  background-color: #542062;
  margin-bottom: 21px;
}

.login-incorect--container-text--dot {
  margin-right: 10px;
}

.login__form-container--password--eye {
  position: absolute;
  top: 41px;
  right: 10px;
  border: none;
  background-color: transparent;
  cursor: pointer;
}
@media (max-width: 740px) {
  .login__form-container--password--eye {
    position: absolute;
    right: 15%;
  }
}
@media (max-width: 450px) {
  .login__form-container--password--eye {
    right: 12%;
  }
}

.login__form-container--password--eye img {
  width: 20px;
  height: 20px;
}

.login__form-container--password--eye:hover img {
  opacity: 0.8;
}

.registration {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 60px;
}

.registration__container {
  display: flex;
  font-family: "Tektur", sans-serif;
  color: #fff;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 780px;
  min-height: 600px;
  background-color: rgba(45, 2, 56, 0.7);
  border-radius: 20px;
  padding: 25px 15px 40px 15px;
}
@media (max-width: 450px) {
  .registration__container {
    width: 100%;
  }
}
.registration__container-title {
  font-size: 24px;
  align-self: flex-start;
  margin-bottom: 10px;
  margin-left: 20px;
  letter-spacing: 2px;
}
.registration__container-divider {
  border: none;
  height: 1px;
  width: 100%;
  background-color: #fff;
  margin-bottom: 20px;
}
.registration__container-forms {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 30px;
  font-size: 20px;
}
.registration__container-forms--email {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.registration__container-forms--email-input {
  width: 580px;
  height: 40px;
  padding-left: 5px;
  background-color: #fff;
  border-radius: 5px;
  color: black;
}
@media (max-width: 740px) {
  .registration__container-forms--email-input {
    width: 400px;
  }
}
@media (max-width: 450px) {
  .registration__container-forms--email-input {
    width: 360px;
  }
}
.registration__container-forms--tg {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.registration__container-forms--tg-input {
  width: 580px;
  height: 40px;
  padding-left: 5px;
  background-color: #fff;
  border-radius: 5px;
  color: black;
}
@media (max-width: 740px) {
  .registration__container-forms--tg-input {
    width: 400px;
  }
}
@media (max-width: 450px) {
  .registration__container-forms--tg-input {
    width: 360px;
  }
}
.registration__container-forms--password {
  display: flex;
  flex-direction: column;
  gap: 5px;
  position: relative;
}
.registration__container-forms--password-input {
  width: 580px;
  height: 40px;
  padding-left: 5px;
  background-color: #fff;
  border-radius: 5px;
  color: black;
}
@media (max-width: 740px) {
  .registration__container-forms--password-input {
    width: 400px;
  }
}
@media (max-width: 450px) {
  .registration__container-forms--password-input {
    width: 360px;
  }
}
.registration__container-forms--passwordAgain {
  display: flex;
  flex-direction: column;
  gap: 5px;
  position: relative;
}
.registration__container-forms--passwordAgain-input {
  width: 580px;
  height: 40px;
  padding-left: 5px;
  background-color: #fff;
  border-radius: 5px;
  color: black;
}
@media (max-width: 740px) {
  .registration__container-forms--passwordAgain-input {
    width: 400px;
  }
}
@media (max-width: 450px) {
  .registration__container-forms--passwordAgain-input {
    width: 360px;
  }
}

.registration__container-forms--password--eye {
  position: absolute;
  top: 40px;
  right: 10px;
  border: none;
  background-color: transparent;
  cursor: pointer;
}

.registration__container-forms--button {
  transition: background-color 0.3s ease, color 0.3s ease;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 160px;
  height: 45px;
  background-color: rgba(84, 32, 98, 0.7);
  border-radius: 10px;
  color: rgba(255, 255, 255, 0.7);
}
.registration__container-forms--button:hover {
  background-color: #780099;
  color: rgb(255, 255, 255);
}

.reset {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 60px;
}

.reset-container {
  font-family: "Tektur", sans-serif;
  font-size: 20px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  color: #fff;
  width: 666px;
  background-color: rgba(0, 0, 0, 0.7);
  flex-direction: column;
  padding-top: 22px;
  padding-bottom: 40px;
  border: 1px solid #9E00C9;
  border-radius: 20px;
  letter-spacing: 2px;
}
.reset-container-title {
  font-size: 24px;
  margin-bottom: 10px;
}
.reset-container-divider {
  padding: 0 30px 0 30px;
  border: none;
  height: 1px;
  width: 90%;
  background-color: #fff;
  margin-bottom: 15px;
}
.reset-container-forms {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 15px;
}
.reset-container-forms--NewPassword {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 5px;
}
.reset-container-forms--NewPassword-input {
  width: 340px;
  height: 40px;
  padding-left: 5px;
  background-color: #fff;
  border-radius: 5px;
  color: black;
}
.reset-container-forms--OldPassword {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 5px;
}
.reset-container-forms--OldPassword-input {
  width: 340px;
  height: 40px;
  padding-left: 5px;
  background-color: #fff;
  border-radius: 5px;
  color: black;
}
.reset-container-forms--code {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 5px;
}
.reset-container-forms--code-input {
  width: 340px;
  height: 40px;
  padding-left: 5px;
  background-color: #fff;
  border-radius: 5px;
  color: black;
}
.reset-container-forms--button {
  transition: background-color 0.3s ease, color 0.3s ease;
  width: 220px;
  height: 40px;
  color: #fff;
  background-color: rgba(84, 32, 98, 0.7);
  border-radius: 5px;
}
.reset-container-forms--button:hover {
  background-color: #780099;
  color: rgb(255, 255, 255);
}

.admin-leave-button, .admin-buttons {
  font-family: "Tektur", sans-serif;
  font-size: 20px;
  align-items: center;
  color: #C800FF;
  border: 2px solid #D333FF;
  border-radius: 10px;
  transition: background-color 0.3s, color 0.3s;
  display: flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  height: fit-content;
  padding: 10px;
}
.admin-leave-button:hover, .admin-buttons:hover {
  background-color: #D333FF;
  color: black;
}

.admin-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-around;
  gap: 10px;
  margin-bottom: 50px;
  flex-wrap: wrap;
  flex: 1;
}

.orderList {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.orderList-container {
  display: flex;
  flex-direction: column;
  gap: 20px;
  font-family: "Tektur", sans-serif;
  font-size: 20px;
  font-weight: initial;
  color: #fff;
  width: 80%;
  background-color: rgba(0, 0, 0, 0.7);
  padding-top: 20px;
  padding-left: 20px;
  padding-right: 20px;
}
@media (max-width: 740px) {
  .orderList-container {
    font-size: 14px;
  }
}
.orderList-container--title {
  font-size: 35px;
}
@media (max-width: 740px) {
  .orderList-container--title {
    font-size: 25px;
  }
}

.orderList-form {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 10px;
}
@media (max-width: 740px) {
  .orderList-form {
    flex-direction: column;
  }
}

.orderList-container--order {
  display: flex;
  flex-direction: column;
  gap: 5px;
  border: 1px solid #9E00C9;
  padding: 20px;
}

.order-actions {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.orderList-container--order-text-input {
  width: 30%;
  background-color: rgb(22, 17, 29);
}
@media (max-width: 740px) {
  .orderList-container--order-text-input {
    width: 50%;
  }
}

.orderList-container--order-text-changeButton {
  border: 1px solid #9E00C9;
  border-radius: 10px;
  padding: 5px;
  transition: background-color 0.3s, color 0.3s;
}
.orderList-container--order-text-changeButton:hover {
  background-color: #D333FF;
  color: black;
}

.orderList-container-recallButton {
  border: 1px solid #9E00C9;
  width: fit-content;
  border-radius: 10px;
  padding: 5px;
  transition: background-color 0.3s, color 0.3s;
}
.orderList-container-recallButton:hover {
  background-color: #D333FF;
  color: black;
}

.orderList-inactive {
  display: none;
}

.withdraw {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.withdraw-lists {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  font-family: "Tektur", sans-serif;
  font-size: 20px;
  color: #fff;
}
.withdraw-lists-title {
  font-size: 30px;
}
.withdraw-lists-container {
  display: flex;
  flex-direction: row;
  gap: 10px;
}

.withdraw-lists-pendingContainer {
  font-family: "Tektur", sans-serif;
  font-size: 20px;
  display: flex;
  width: 100%;
  padding: 10px;
  align-items: center;
  justify-content: center;
  gap: 10px;
  flex-wrap: wrap;
  flex: 1;
}
.withdraw-lists-pendingContainer-block {
  width: 300px;
  background-color: #fff;
  border-radius: 10px;
  padding: 10px;
}
.withdraw-lists-pendingContainer-form {
  display: flex;
  flex-direction: row;
  gap: 30px;
}
.withdraw-lists-pendingContainer-form--accept {
  color: seagreen;
}
.withdraw-lists-pendingContainer-form--cancel {
  color: red;
}

#approved-block {
  flex-direction: row-reverse;
}

#rejected-block {
  flex-direction: row-reverse;
}

.active {
  color: #9E00C9;
}

.orders {
  font-family: "Tektur", sans-serif;
}

.auth {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 20px;
  margin-right: 50px;
}

.auth a {
  text-decoration: none;
  padding: 8px 16px;
  border-radius: 4px;
  border: 1px solid #ab65da;
  color: #ab65da;
  transition: background-color 0.3s, color 0.3s;
}

.auth a:hover {
  background-color: #ab65da;
  color: white;
}

.form-container {
  width: 50%;
  margin: auto;
  background-color: #ffffff;
  padding: 20px;
  border-radius: 5px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
@media (max-width: 1439px) {
  .form-container {
    width: 90%;
  }
}

.form-container label,
.form-container input {
  display: block;
  margin-bottom: 10px;
}

.form-container input[type=text],
.form-container input[type=number],
.form-container input[type=submit] {
  padding: 8px;
  border-radius: 4px;
  border: 1px solid #ccc;
}

.form-container input[type=submit] {
  border: none;
  border-radius: 4px;
  background-color: #8148c2;
  color: white;
  cursor: pointer;
}

.form-container input[type=submit]:hover {
  background-color: #8148c2;
}

.form-container-input {
  width: 90%;
}

.personal_account-body {
  background-color: #130018;
  background-image: url(./../images/main-vector.png);
  background-repeat: no-repeat;
}

.main__page-body {
  box-sizing: border-box;
  background-color: #130018;
}

.login-body {
  background-color: #130018;
  background-image: url(./../images/main-vector.png);
  background-repeat: no-repeat;
  box-sizing: border-box;
}

.registration-body {
  background-color: #130018;
  background-image: url(./../images/main-vector.png);
  background-repeat: no-repeat;
  box-sizing: border-box;
}

.reset-body {
  background-color: #130018;
  background-image: url(./../images/main-vector.png);
  background-repeat: no-repeat;
  box-sizing: border-box;
}

.orderList-body {
  background-color: #130018;
  background-image: url(./../images/main-vector.png);
  background-repeat: no-repeat;
  box-sizing: border-box;
}

/*# sourceMappingURL=main.css.map */