@charset "UTF-8";
:root {
  --main-color: #212130;
  --main-color30: rgba(33, 33, 48, 0.3);
  --second-color: #161622;
  --third-color: #272A30;
  /*--accent: #0D49C1;
  --accent20: rgba(13, 73, 193, 0.2);
  --accent30: rgba(13, 73, 193, 0.3);
  --accent50: rgba(13, 73, 193, 0.5);
  --accent80: rgba(13, 73, 193, 0.8);
  --green: #26B56B;*/

  --accent: #228eaa;
  --accent20: rgba(34, 142, 170, 0.2);
  --accent30: rgba(34, 142, 170, 0.3);
  --accent50: rgba(34, 142, 170, 0.5);
  --accent80: rgba(34, 142, 170, 0.8);
  --green: #00994A;
  --yellow: #FBB93B;
  --red: #FF5E5E;
  --grey: #d9d9d9;
  --grey50: rgba(217, 217, 217, 0.5);
  --dark-grey: #6F7181;
  --white: #FDFDFD;
  --white20: rgba(253, 253, 253, 0.2);
  --white50: rgba(253, 253, 253, 0.5);
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local(''),
       url('../fonts/inter-v12-latin_cyrillic-regular.woff2') format('woff2'),
       url('../fonts/inter-v12-latin_cyrillic-regular.woff') format('woff');
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: local(''),
       url('../fonts/inter-v12-latin_cyrillic-500.woff2') format('woff2'),
       url('../fonts/inter-v12-latin_cyrillic-500.woff') format('woff');
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: local(''),
       url('../fonts/inter-v12-latin_cyrillic-600.woff2') format('woff2'),
       url('../fonts/inter-v12-latin_cyrillic-600.woff') format('woff');
}

html {
  box-sizing: border-box;
  scroll-behavior: smooth;
  overflow-x: hidden;
}

*, *::before, *::after {
  box-sizing: inherit;
}

* {
  padding: 0px;
  margin: 0px;
  border: none;
}

body {
  position: relative;
  min-width: 320px;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  background-color: var(--white);
  font-family: 'Inter', sans-serif;
  font-weight: 400;
  color: var(--main-color);
  font-size: 16px;
  line-height: normal;
  text-rendering: optimizeSpeed;
  -webkit-font-smoothing: antialiased;
  -ms-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body > * {
  flex-shrink: 0;
}

main {
  flex-grow: 1;
  overflow-x: hidden;
  padding-top: 60px;
  padding-bottom: 40px;
}

section {
  position: relative;
}


:focus,
:active {
  outline: none;
}

a, a:visited {
  color: inherit;
  text-decoration: none;
  display: inline-block;
}

a:hover {
  color: inherit;
  text-decoration: none;
}

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

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

h1, h2, h3, h4, h5, h6, p {
  font-size: inherit;
  font-weight: inherit;
}

ul {
  list-style: none;
}

img, svg {
  display: block;
  max-width: 100%;
  height: auto;
}

input, textarea, button, select {
  font-family: inherit;
  font-size: inherit;
  cursor: pointer;
}

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

button, input[type="submit"] {
  display: inline-block;
  box-shadow: none;
  background-color: transparent;
  background: none;
  cursor: pointer;
}

input:focus, input:active,
button:focus, button:active {
  outline: none;
}

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

label {
  cursor: pointer;
}

legend {
  display: block;
}

a, button {
  transition: 0.3s;
}

.none, .input-hidden {
  display: none;
}

.visually-hidden {
  opacity: 0;
  visibility: hidden;
  width: 0px;
  height: 0px;
  display: block;
  margin-left: -10000px;
  background: transparent;
  font-size: 0;
}

.my-balance {
  font-weight: 600;
}

.section-title {
  margin-bottom: 20px;
  font-weight: 500;
  font-size: 24px;
  color: var(--main-color);
}

.accent-text {
  font-weight: 500;
  color: var(--accent)!important;
}

.intro {
  position: relative;
  width: 100%;
  height: 100vh;
  padding: 0 15px;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
  background: linear-gradient(180deg, rgba(22, 22, 34, 0.9) 0%, rgba(37, 37, 94, 0.9) 48.96%, rgba(22, 22, 34, 0.9) 100%);
  background-image: url(./../img/intro-bg-05.jpg);
  background-size: cover;
  background-position: center;
}
.intro__fade {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(22, 22, 34, 0.5) 0%, rgba(37, 37, 94, 0.5) 48.96%, rgba(22, 22, 34, 0.5) 100%);
}

.intro__form {
  min-width: 290px;
  width: 410px;
  position: relative;
  z-index: 1;
  padding: 40px 55px 45px;
  background: linear-gradient(180deg, #161622 0%, #25255E 48.96%, #161622 100%);
  box-shadow: 5px 20px 50px #000;
  /*border-radius: 10px;*/
}

.intro__form-title {
  margin-bottom: 30px;
  font-weight: 500;
  font-size: 28px;
  text-align: center;
  color: var(--white);
}

.intro__form-input {
  display: block;
  width: 100%;
  margin-bottom: 10px;
  padding: 10px 16px;
  background-color: transparent;
  border: 2px solid rgba(253, 253, 253, 0.2);
  /*border-radius: 8px;*/
  outline: 2px solid transparent;
  color: var(--white);
}
.intro__form-input::-webkit-input-placeholder, .intro__form-input::-webkit-input-placeholder, .intro__form-input:-ms-input-placeholder, .intro__form-input::-ms-input-placeholder {
  color: var(--white50);
}
.intro__form-input::placeholder, .intro__form-input::-webkit-input-placeholder, .intro__form-input:-ms-input-placeholder, .intro__form-input::-ms-input-placeholder {
  color: var(--white50);
}
.intro__form-input:-moz-placeholder, .intro__form-input::-moz-placeholder {
  color: var(--white50);
  opacity: 1;
}

.intro__form-input:focus {
  border-color: transparent;
  outline: 2px solid var(--accent);
  box-shadow: 0px 0px 10px var(--accent50);
}

.intro__form-btn {
  display: block;
  width: 100%;
  /*border-radius: 8px;*/
  font-weight: 500;
  font-size: 16px;
  color: var(--white);
  text-align: center;
  padding: 12px 8px;
}
.intro__form-btn:not(:last-child) {
  margin-bottom: 15px;
}

.intro__form-btn--main, a.intro__form-btn--main {
  margin-top: 20px;
  background-color: var(--accent);
}
.intro__form-btn--main:hover, .intro__form-btn--main:focus, a.intro__form-btn--main:hover, a.intro__form-btn--main:focus {
  box-shadow: 0px 0px 20px var(--accent80);
}

.intro__form-btn--secondary, a.intro__form-btn--secondary {
  background-color: #17234D;
  color: var(--white50);
}
.intro__form-btn--secondary:hover, .intro__form-btn--secondary:focus, a.intro__form-btn--secondary:hover, a.intro__form-btn--secondary:focus {
  box-shadow: 0px 0px 20px var(--white20);
  color: var(--white);
}

a.intro__form-link {
  color: var(--white50);
}
a.intro__form-link:hover {
  color: var(--white);
}

.intro__form-text {
  margin-bottom: 20px;
  color: var(--white50);
  text-align: center;
}

.intro__select {
  margin-bottom: 20px;
}
.intro__select .select__btn {
  padding: 10px 42px 10px 16px;
  background-position: calc(100% - 10px) center;
}

.select {
  position: relative;
}

.select__btn {
  display: block;
  width: 100%;
  background-color: transparent;
  border: 2px solid var(--white20);
  /*border-radius: 8px;*/
  outline: 2px solid transparent;
  background-position: calc(100% - 10px) center;
  background-repeat: no-repeat;
  background-size: 18px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='18' height='19' viewBox='0 0 18 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M3.35225 6.47725C3.55195 6.27755 3.86445 6.2594 4.08466 6.42279L4.14775 6.47725L9 11.3293L13.8523 6.47725C14.052 6.27755 14.3645 6.2594 14.5847 6.42279L14.6477 6.47725C14.8474 6.67695 14.8656 6.98945 14.7022 7.20966L14.6477 7.27275L9.39775 12.5227C9.19805 12.7224 8.88555 12.7406 8.66534 12.5772L8.60225 12.5227L3.35225 7.27275C3.13258 7.05308 3.13258 6.69692 3.35225 6.47725Z' fill='%23FDFDFD'/%3e%3c/svg%3e ");
  color: var(--white);
  text-align-last: left;
  cursor: pointer;
}

.select__btn:focus, .select__btn--active {
  border-color: transparent;
  outline: 2px solid var(--accent);
  box-shadow: 0px 0px 10px var(--accent50);
}

.select__list {
  display: none;
  position: absolute;
  top: 43px;
  width: 100%;
  z-index: 1;
  padding: 0;
  overflow: hidden;
  background-color: var(--second-color);
  border: 2px solid var(--white20);
  /*border-radius: 8px;*/
  color: var(--white);
}

.select__list-item {
  padding: 10px 16px;
  white-space: nowrap;
  cursor: pointer;
  transition: 0.3s;
}
.select__list-item:hover {
  background-color: var(--white20);
}
.select__list-item--colored {
  background-color: var(--green);
}

.select__list--visible {
  display: block;
}

.container {
  --width: 1300px;
  --padding: 30px;
  max-width: calc(100% - var(--padding) * 2);
  width: 100%;
  padding: 0 var(--padding);
  margin: 0 auto;
}

.header {
  position: fixed;
  width: 100%;
  z-index: 50;
  padding: 10px 0;
  background-color: var(--second-color);
  color: var(--white);
  font-size: 14px;
}

.header__container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 100px;
}

.header__logo {
  margin-right: auto;
  display: flex;
  justify-self: start;
  align-items: center;
  gap: 5px;
}
.header__logo-icon {
  width: 36px;
  height: 36px;
}
.header__logo-wheel {
  width: 16px;
  height: 16px;
  animation: rotation-wheel 10s linear 0s infinite running normal;
  transform-box: fill-box;
  transform-origin: center;
}

@keyframes rotation-wheel {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.header__logo-text {
  font-size: 20px;
  font-weight: 500;
  color: #fff;
}

.header__info {
  margin-top: auto;
  padding-top: 30px;
  padding-left: 15px;
}

.header__info-text {
  color: var(--white50);
}

.header__info-login {
  color: var(--white);
}

.header__functions {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  gap: 20px;
}

.header__mobile-btn {
  display: none;
}

.header__search {
  position: relative;
  max-width: 500px;
  padding: 6px 20px 6px 50px;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
          align-items: center;
  gap: 10px;
  border: 2px solid var(--white50);
  /*border-radius: 8px;*/
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cmask id='mask0_2_4080' style='mask-type:luminance' maskUnits='userSpaceOnUse' x='1' y='1' width='17' height='17'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.66667 1.66669H17.8973V17.8975H1.66667V1.66669Z' fill='white'/%3e%3c/mask%3e%3cg mask='url(%23mask0_2_4080)'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.78232 2.91669C5.99649 2.91669 2.91649 5.99585 2.91649 9.78169C2.91649 13.5675 5.99649 16.6475 9.78232 16.6475C13.5673 16.6475 16.6473 13.5675 16.6473 9.78169C16.6473 5.99585 13.5673 2.91669 9.78232 2.91669M9.78232 17.8975C5.30732 17.8975 1.66649 14.2567 1.66649 9.78169C1.66649 5.30669 5.30732 1.66669 9.78232 1.66669C14.2573 1.66669 17.8973 5.30669 17.8973 9.78169C17.8973 14.2567 14.2573 17.8975 9.78232 17.8975' fill='%23FDFDFD'/%3e%3c/g%3e%3cmask id='mask1_2_4080' style='mask-type:luminance' maskUnits='userSpaceOnUse' x='14' y='14' width='5' height='5'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M14.3666 14.7558H18.5533V18.9348H14.3666V14.7558Z' fill='white'/%3e%3c/mask%3e%3cg mask='url(%23mask1_2_4080)'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M17.9285 18.9348C17.7693 18.9348 17.6093 18.8739 17.4868 18.7523L14.5502 15.8239C14.306 15.5798 14.3052 15.1839 14.5493 14.9398C14.7927 14.6939 15.1885 14.6956 15.4335 14.9381L18.3702 17.8673C18.6143 18.1114 18.6152 18.5064 18.371 18.7506C18.2493 18.8739 18.0885 18.9348 17.9285 18.9348' fill='%23FDFDFD'/%3e%3c/g%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: 20px center;
}

.header__search-input {
  width: 100%;
  height: 100%;
  display: inline-block;
  -webkit-box-flex: 1;
          flex-grow: 1;
  background-color: transparent;
  color: var(--white);
}
.header__search-input::-webkit-input-placeholder, .header__search-input::-webkit-input-placeholder, .header__search-input:-ms-input-placeholder, .header__search-input::-ms-input-placeholder {
  color: var(--white50);
}
.header__search-input::placeholder, .header__search-input::-webkit-input-placeholder, .header__search-input:-ms-input-placeholder, .header__search-input::-ms-input-placeholder {
  color: var(--white50);
}
.header__search-input:-moz-placeholder, .header__search-input::-moz-placeholder {
  color: var(--white50);
  opacity: 1;
}

.header__search-btn {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.40008 15.494H3.14925C2.80425 15.494 2.52425 15.214 2.52425 14.869C2.52425 14.524 2.80425 14.244 3.14925 14.244H8.40008C8.74508 14.244 9.02508 14.524 9.02508 14.869C9.02508 15.214 8.74508 15.494 8.40008 15.494' fill='%23FDFDFD'/%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.9924 7.41699H10.7424C10.3974 7.41699 10.1174 7.13699 10.1174 6.79199C10.1174 6.44699 10.3974 6.16699 10.7424 6.16699H15.9924C16.3374 6.16699 16.6174 6.44699 16.6174 6.79199C16.6174 7.13699 16.3374 7.41699 15.9924 7.41699' fill='%23FDFDFD'/%3e%3cmask id='mask0_2_4082' style='mask-type:luminance' maskUnits='userSpaceOnUse' x='2' y='4' width='6' height='6'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.5 4.16699H7.68817V9.32666H2.5V4.16699Z' fill='white'/%3e%3c/mask%3e%3cg mask='url(%23mask0_2_4082)'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.09398 5.41669C4.35315 5.41669 3.74982 6.01335 3.74982 6.74752C3.74982 7.48085 4.35315 8.07669 5.09398 8.07669C5.83565 8.07669 6.43815 7.48085 6.43815 6.74752C6.43815 6.01335 5.83565 5.41669 5.09398 5.41669M5.09398 9.32669C3.66398 9.32669 2.49982 8.17002 2.49982 6.74752C2.49982 5.32502 3.66398 4.16669 5.09398 4.16669C6.52482 4.16669 7.68815 5.32502 7.68815 6.74752C7.68815 8.17002 6.52482 9.32669 5.09398 9.32669' fill='%23FDFDFD'/%3e%3c/g%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M14.4897 13.5067C13.7481 13.5067 13.1447 14.1033 13.1447 14.8367C13.1447 15.5708 13.7481 16.1667 14.4897 16.1667C15.2306 16.1667 15.8331 15.5708 15.8331 14.8367C15.8331 14.1033 15.2306 13.5067 14.4897 13.5067M14.4897 17.4167C13.0589 17.4167 11.8947 16.2592 11.8947 14.8367C11.8947 13.4142 13.0589 12.2567 14.4897 12.2567C15.9197 12.2567 17.0831 13.4142 17.0831 14.8367C17.0831 16.2592 15.9197 17.4167 14.4897 17.4167' fill='%23FDFDFD'/%3e%3c/svg%3e");
  background-size: cover;
}

.header__login {
  min-width: 195px;
}
.header__login .select__btn {
  border: 2px solid var(--white50);
  padding: 7px 30px 7px 16px;
}
.header__login .select__list {
  top: 40px;
}

.nav__list {
  display: flex;
  gap: 30px;
  color: var(--white50);
}

.nav__list-item + li {
  margin-top: 1px;
}

.nav__link {
  position: relative;
  display: block;
  padding: 7px 0;
  font-weight: 100;
  text-decoration: none;
  transition: color 0.3s ease-in-out;
}
.nav__link:hover {
  color: var(--white);
}

.nav__link.nav__link--active {
  color: var(--white);
}

.content {
  padding: 20px 0 40px;
}

.admin {
  color: var(--dark-grey);
}

.admin__title {
  margin-bottom: 30px;
}

.admin__link {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  gap: 6px;
  font-weight: 500;
}
.admin__link:hover {
  color: var(--main-color);
}

.admin__link + .admin__link {
  margin-top: 20px;
}

.admin__svg {
  width: 20px;
  height: 20px;
}

/* таблица */
.fix-width {
  min-width: 170px;
  max-width: 170px;
}
.table-wrap {
  width: 100%;
  overflow: auto;
  padding-bottom: 10px;
}

.service .section-title {
  margin-bottom: 10px;
}

.service .all__conrtols-select {
  margin-bottom: 10px;
}

.service__arrows {
  display: -webkit-box;
  display: flex;
  gap: 5px;
  margin-bottom: 10px;
}

.service__btn {
  margin-bottom: 30px;
  padding: 10px 20px;
  background: rgba(13, 73, 193, 0.2);
  border: 1px solid var(--accent);
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  /*border-radius: 8px;*/
  font-size: 14px;
}
.service__btn:hover {
  box-shadow: 0px 0px 15px var(--accent50);
}

.arrow_btn {
  width: 30px;
  padding: 5px;
  border: 1px solid var(--dark-grey);
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
  /*border-radius: 5px;*/
}
.arrow_btn:hover {
  background-color: var(--grey50);
}

.arrow_example {
  width: 12px;
  height: 12px;
}

.pagination_adm {
  margin-left: 15px;
  display: -webkit-box;
  display: flex;
  gap: 8px;
}

.pagination_page {
  padding: 5px 8px;
  border: 1px solid var(--dark-grey);
  /* border-radius: 5px;*/
  text-decoration: none;
  min-width: 28px;
  text-align: center;
}
.pagination_page:hover {
  background-color: var(--grey50);
}

.service-table {
  margin-bottom: 20px;
  border-collapse: collapse;
  font-size: 14px;
}

.service-table__th,
.service-table__td {
  padding: 8px 10px;
  width: 0;
  white-space: nowrap;
  border: 1px solid var(--dark-grey);
  text-align: left;
}

.service-table__th-wrap {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
          align-items: center;
  gap: 10px;
}

.desc .arrow_example {
  margin-top: 3px;
  width: 8px;
  height: 8px;
  border-top: 2px solid var(--main-color);
  border-right: 2px solid var(--main-color);
  display: inline-block;
  transition: 1s;
  -webkit-transform: translate(0, -4px) rotate(135deg);
          transform: translate(0, -4px) rotate(135deg);
}

.service-table__tr:nth-child(2n),
.service-table__tr:nth-child(2n) input {
  background-color: var(--grey50);
}

.checkbox-btn {
  display: inline-block;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  position: relative;
}

.checkbox-btn input[type="checkbox"] {
  position: absolute;
  z-index: -1;
  opacity: 0;
  display: block;
  width: 0;
  height: 0;
}

.checkbox-btn span {
  display: inline-block;
  cursor: pointer;
  padding: 5px 10px;
  border: 1px solid var(--dark-grey);
  border-radius: 4px;
  transition: 0.3s;
}
.checkbox-btn span:hover {
  background-color: var(--accent50);
}

.service-table__td input[type="text"] {
  padding: 5px 10px;
  border: 1px solid var(--main-color30);
  border-radius: 4px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.service-table__td input[type="text"]:focus {
  border: 1px solid var(--accent);
  box-shadow: 0 0 10px var(--accent50);
}

.profile {
  padding-bottom: 30px;
  border-bottom: 1px solid var(--main-color30);
}

.profile__text {
  margin-bottom: 20px;
}

.profile__wrap {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 50px;
}

.profile__left {
  width: fit-content;
}

.profile__right {
  padding-left: 50px;
  border-left: 1px solid var(--main-color30);
}

.profile__info > * + * {
  margin-top: 10px;
}
.profile__form {
  width: 100%;
}
.profile__form + .profile__form {
  margin-top: 30px;
}

.profile__form-title {
  margin-bottom: 10px;
  font-weight: 500;
  font-size: 18px;
}

.profile__form-label {
  margin-bottom: 6px;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  width: 100%;
}
.profile__form-label span {
  margin-bottom: 2px;
}

.profile__form-input {
  padding: 6px 16px;
  max-width: 100%;
  background-color: transparent;
  border: 2px solid var(--grey);
  /*border-radius: 8px;*/
}
.profile__form-input.profile__form-input--old {
  background-color: #FAF8DE;
}
.all__export-btn,
.profile__form-btn,
.all__mark-btn {
  margin-top: 8px;
  min-width: 200px;
  display: inline-block;
  padding: 12px 8px;
  background-color: var(--accent);
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.25);
  /*border-radius: 8px;*/
  font-weight: 500;
  color: var(--white);
}
.profile__form-btn:hover, .profile__form-btn:focus {
  box-shadow: 0px 0px 15px var(--accent80);
}
.profile__form-btn.profile__form-btn--disabled {
  cursor: not-allowed;
  background-color: var(--dark-grey);
}
.profile__form-btn.profile__form-btn--disabled:hover, .profile__form-btn.profile__form-btn--disabled:focus {
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.25);
}

.profile__sites-list {
  margin-bottom: 30px;
}
.profile__sites-list > * + * {
  margin-top: 15px;
}
.profile__sites-list .profile__sites-item {
  padding-left: 21px;
  background-image: url("./../img/check.svg");
  background-size: 16px;
  background-position: left center;
  background-repeat: no-repeat;
  width: fit-content;
}

.sites-form {
  max-width: 430px;
  width: 100%;
}

.sites-form__textarea {
  display: inline-block;
  resize: vertical;
  width: 100%;
  height: 200px;
  margin-top: 10px;
  padding: 8px 16px;
  border: 2px solid var(--grey);
  /*border-radius: 8px;*/
}

.user-leads, .user_section {
  padding: 0 0 50px;
}

.user-leads__title {
  margin-bottom: 30px;
}

.user-leads__wrap.hidden_leads {
  margin-top: 0;
}

.user-leads__wrap.my_leads {
  margin-top: 30px;
}

.user-lead {
  padding: 20px;
  width: 100%;
  background-color: #FFFFFF;
  box-shadow: 0px 0px 10px var(--main-color30);
  /*border-radius: 10px;*/
}

.user-lead__list > * + * {
  margin-top: 8px;
}

.user-lead__item.user-lead__item--btn {
  margin-top: 20px;
}

.user-lead__item {
  color: var(--dark-grey);
}
.user-lead__item span {
  font-weight: 500;
  color: var(--main-color);
}

.user-lead__quality {
  padding: 5px 10px;
  border: 1px solid rgba(39, 42, 48, 0.5);
  /*border-radius: 8px;*/
  background-color: transparent;
}

.user-lead__btn {
  display: inline-block;
  padding: 5px 10px;
  background-color: var(--accent20);
  border: 1px solid #0D49C1;
  /*border-radius: 8px;*/
  font-weight: 600;
  color: var(--main-color);
  white-space: nowrap;
}
.user-lead__btn:hover, .user-lead__btn:focus-visible {
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
}

.user-leads__show-btn {
  margin-top: 10px;
  display: inline-block;
  padding: 12px 20px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.25);
  /*border-radius: 8px;*/
  background-color: var(--accent);
  color: var(--white);
  transition: 0.3s;
  cursor: pointer;
}
.user-leads__show-btn:hover, .user-leads__show-btn:focus {
  box-shadow: 0px 0px 15px var(--accent50);
}

.my_leads.hidden_leads {
  display: none;
}

.leads-table {
  overflow-x: auto;
  width: 100%;
  border-collapse: collapse;
  font-size: 12px;
}
.leads-table__thead, .leads-table__tfoot {
  border-top: 1px solid var(--main-color30);
  border-bottom: 1px solid var(--main-color30);
}

.leads-table__th {
  padding: 7px 5px;
  text-align: left;
  font-weight: 600;
}

.leads-table__tbody {
  color: var(--main-color);
}

.leads-table__td {
  padding: 7px 5px;
}

.leads-table__td--btns {
  display: -webkit-box;
  display: flex;
  /*flex-wrap: wrap;*/
  gap: 5px;
}

.leads-table__btn {
  position: relative;
  display: block;
  padding: 5px 10px;
  /*border-radius: 8px;*/
  font-weight: 600;
  font-size: 12px;
  color: var(--white);
  flex-shrink: 0;
}
.leads-table__btn[data-exclusive="yes"]:after {
  content: '';
  display: block;
  position: absolute;
  top: -4px;
  right: -4px;
  width: 14px;
  height: 14px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg clip-path='url(%23clip0_1312_808)'%3e%3cg filter='url(%23filter0_d_1312_808)'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.8663 11.3461L14.3918 3.22126C14.6183 2.49345 15.2675 2 16 2C16.7325 2 17.3817 2.49345 17.6082 3.22126L20.1337 11.3461H28.3088C29.0414 11.3461 29.6905 11.8384 29.917 12.5662C30.1436 13.294 29.8956 14.0913 29.3028 14.5411L22.6886 19.5628L25.2153 27.6876C25.4418 28.4154 25.1939 29.2127 24.6011 29.6626C24.0083 30.1125 23.2059 30.1125 22.6142 29.6626L16 24.641L9.38577 29.6626C8.79411 30.1125 7.9917 30.1125 7.39892 29.6626C6.80613 29.2127 6.55819 28.4154 6.78471 27.6876L9.31139 19.5628L2.69717 14.5411C2.10438 14.0913 1.85645 13.294 2.08297 12.5662C2.30949 11.8384 2.95863 11.3461 3.69116 11.3461H11.8663Z' fill='%23FFA800'/%3e%3c/g%3e%3c/g%3e%3cdefs%3e%3cfilter id='filter0_d_1312_808' x='0' y='0' width='32' height='32' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3e%3cfeFlood flood-opacity='0' result='BackgroundImageFix'/%3e%3cfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3e%3cfeOffset/%3e%3cfeGaussianBlur stdDeviation='1'/%3e%3cfeComposite in2='hardAlpha' operator='out'/%3e%3cfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0'/%3e%3cfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_1312_808'/%3e%3cfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_1312_808' result='shape'/%3e%3c/filter%3e%3cclipPath id='clip0_1312_808'%3e%3crect width='32' height='32' fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e ");
  background-size: contain;
}
.leads-table__btn:hover,
.leads-table__btn:focus-visible {
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
}

.leads-table__btn--buy {
  background-color: var(--green);
}

.leads-table__btn--fav {
  background-color: var(--accent50);
}

.leads-table__btn--del {
  background-color: var(--yellow);
}

.leads-table__btn--hide {
  background-color: var(--red);
}

.favorites__title {
  margin-bottom: 30px;
}

.favorites__table .leads-table__th:last-child,
.favorites__table .leads-table__td:last-child {
  width: 275px;
}

.all__title span {
  font-weight: 400;
  font-size: 20px;
}

.all__controls, .all__conrtols-select {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
}

.all__controls {
  margin-bottom: 20px;
  gap: 30px;
}

.all__conrtols-select {
  gap: 10px;
}

.all__select {
  padding: 5px 8px;
  border: 2px solid var(--grey);
  /*border-radius: 8px;*/
  background-color: transparent;
  font-size: 12px;
  cursor: pointer;
}

.all__search {
  position: relative;
  max-width: 400px;
  padding: 5px 20px 5px 48px;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
          align-items: center;
  gap: 10px;
  border: 2px solid var(--grey);
  /*border-radius: 8px;*/
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg viewBox='0 0 18 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cmask id='mask0_19_8142' style='mask-type:luminance' maskUnits='userSpaceOnUse' x='1' y='2' width='16' height='15'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.5 2H16.1076V16.6077H1.5V2Z' fill='white'/%3e%3c/mask%3e%3cg mask='url(%23mask0_19_8142)'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.80413 3.125C5.39688 3.125 2.62488 5.89625 2.62488 9.3035C2.62488 12.7108 5.39688 15.4827 8.80413 15.4827C12.2106 15.4827 14.9826 12.7108 14.9826 9.3035C14.9826 5.89625 12.2106 3.125 8.80413 3.125M8.80413 16.6077C4.77663 16.6077 1.49988 13.331 1.49988 9.3035C1.49988 5.276 4.77663 2 8.80413 2C12.8316 2 16.1076 5.276 16.1076 9.3035C16.1076 13.331 12.8316 16.6077 8.80413 16.6077' fill='%23212130'/%3e%3c/g%3e%3cmask id='mask1_19_8142' style='mask-type:luminance' maskUnits='userSpaceOnUse' x='12' y='13' width='5' height='5'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.9299 13.7802H16.698V17.5413H12.9299V13.7802Z' fill='white'/%3e%3c/mask%3e%3cg mask='url(%23mask1_19_8142)'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M16.1356 17.5413C15.9924 17.5413 15.8484 17.4865 15.7381 17.377L13.0951 14.7415C12.8754 14.5218 12.8746 14.1655 13.0944 13.9458C13.3134 13.7245 13.6696 13.726 13.8901 13.9443L16.5331 16.5805C16.7529 16.8003 16.7536 17.1558 16.5339 17.3755C16.4244 17.4865 16.2796 17.5413 16.1356 17.5413' fill='%23212130'/%3e%3c/g%3e%3c/svg%3e ");
  background-size: 18px;
  background-repeat: no-repeat;
  background-position: 20px center;
}

.all__search-input {
  width: 100%;
  height: 100%;
  display: inline-block;
  -webkit-box-flex: 1;
          flex-grow: 1;
  background-color: transparent;
  color: var(--main-color);
}
.all__search-input::-webkit-input-placeholder, .all__search-input::-webkit-input-placeholder, .all__search-input:-ms-input-placeholder, .all__search-input::-ms-input-placeholder {
  color: var(--white50);
}
.all__search-input::placeholder, .all__search-input::-webkit-input-placeholder, .all__search-input:-ms-input-placeholder, .all__search-input::-ms-input-placeholder {
  color: var(--white50);
}
.all__search-input:-moz-placeholder, .all__search-input::-moz-placeholder {
  color: var(--white50);
  opacity: 1;
}

.all__search-btn {
  display: inline-block;
  width: 18px;
  height: 18px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='18' height='19' viewBox='0 0 18 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.5601 14.4446H2.83435C2.52385 14.4446 2.27185 14.1926 2.27185 13.8821C2.27185 13.5716 2.52385 13.3196 2.83435 13.3196H7.5601C7.8706 13.3196 8.1226 13.5716 8.1226 13.8821C8.1226 14.1926 7.8706 14.4446 7.5601 14.4446' fill='%23212130'/%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M14.3932 7.17529H9.66821C9.35771 7.17529 9.10571 6.92329 9.10571 6.61279C9.10571 6.30229 9.35771 6.05029 9.66821 6.05029H14.3932C14.7037 6.05029 14.9557 6.30229 14.9557 6.61279C14.9557 6.92329 14.7037 7.17529 14.3932 7.17529' fill='%23212130'/%3e%3cmask id='mask0_19_8144' style='mask-type:luminance' maskUnits='userSpaceOnUse' x='2' y='4' width='5' height='5'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.25 4.25031H6.91935V8.894H2.25V4.25031Z' fill='white'/%3e%3c/mask%3e%3cg mask='url(%23mask0_19_8144)'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.58463 5.375C3.91788 5.375 3.37488 5.912 3.37488 6.57275C3.37488 7.23275 3.91788 7.769 4.58463 7.769C5.25213 7.769 5.79438 7.23275 5.79438 6.57275C5.79438 5.912 5.25213 5.375 4.58463 5.375M4.58463 8.894C3.29763 8.894 2.24988 7.853 2.24988 6.57275C2.24988 5.2925 3.29763 4.25 4.58463 4.25C5.87238 4.25 6.91938 5.2925 6.91938 6.57275C6.91938 7.853 5.87238 8.894 4.58463 8.894' fill='%23212130'/%3e%3c/g%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.0408 12.656C12.3733 12.656 11.8303 13.193 11.8303 13.853C11.8303 14.5138 12.3733 15.05 13.0408 15.05C13.7076 15.05 14.2498 14.5138 14.2498 13.853C14.2498 13.193 13.7076 12.656 13.0408 12.656M13.0408 16.175C11.7531 16.175 10.7053 15.1333 10.7053 13.853C10.7053 12.5728 11.7531 11.531 13.0408 11.531C14.3278 11.531 15.3748 12.5728 15.3748 13.853C15.3748 15.1333 14.3278 16.175 13.0408 16.175' fill='%23212130'/%3e%3c/svg%3e ");
  background-size: cover;
}

.all__table .leads-table__tbody .leads-table__tr {
  transition: 0.3s;
}
.all__table .leads-table__tbody .leads-table__tr.aqua {
  background-color: var(--accent20);
}

.all__table .leads-table__tbody .leads-table__tr:hover.aqua {
  background-color: var(--accent30);
}

.all__table .leads-table__tbody .leads-table__tr:hover {
  background-color: var(--grey50);
}
.all__table .leads-table__th:not(:last-child),
.all__table .leads-table__td:not(:last-child) {
  border-right: 1px solid var(--main-color30);
}
.all__table .leads-table__th {
  white-space: nowrap;
  background-color: #228eaa;
  color: #fff;
}
.all__table .leads-table__th:not(.leads-table__th_comment) {
  min-width: 180px;
}
.all__table .leads-table__th,
.all__table .leads-table__td {
  position: relative;
  padding-left: 10px;
  padding-right: 10px;
}
.all__table .leads-table__th:first-child,
.all__table .leads-table__td:first-child {
  padding-left: 5px;
}
.all__table .leads-table__th:last-child,
.all__table .leads-table__td:last-child {
  padding-right: 5px;
  max-width: 385px;
  min-width: 180px;
}

/*.all__table.all__table--web .leads-table__th:last-child,
.all__table.all__table--web .leads-table__td:last-child {
  min-width: 120px;
}*/

.data-sorter .leads-table__th:not(:last-child)::before {
  top: 10%;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M1.86234 6.67928C1.97329 6.79023 2.1469 6.80031 2.26923 6.70954L2.30428 6.67928L4.99998 3.98373L7.69568 6.67928C7.80662 6.79023 7.98023 6.80031 8.10257 6.70954L8.13762 6.67928C8.24856 6.56834 8.25865 6.39473 8.16788 6.27239L8.13762 6.23734L5.22095 3.32068C5.11001 3.20973 4.9364 3.19965 4.81406 3.29042L4.77901 3.32068L1.86234 6.23734C1.7403 6.35938 1.7403 6.55725 1.86234 6.67928Z' fill='%23212130' /%3e%3c/svg%3e ");
}

.data-sorter .leads-table__th:not(:last-child)::after {
  bottom: 10%;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M1.86234 3.32072C1.97329 3.20977 2.1469 3.19969 2.26923 3.29046L2.30428 3.32072L4.99998 6.01627L7.69568 3.32072C7.80662 3.20977 7.98023 3.19969 8.10257 3.29046L8.13762 3.32072C8.24856 3.43166 8.25865 3.60527 8.16788 3.72761L8.13762 3.76266L5.22095 6.67932C5.11001 6.79027 4.9364 6.80035 4.81406 6.70958L4.77901 6.67932L1.86234 3.76266C1.7403 3.64062 1.7403 3.44275 1.86234 3.32072Z' fill='%23212130' /%3e%3c/svg%3e ");
}
/*
.data-sorter .leads-table__th:not(:last-child)::before,
.data-sorter .leads-table__th:not(:last-child)::after {
  content: "";
  position: absolute;
  right: 6px;
  width: 14px;
  height: 14px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
*/
.all .table_bottom {
  margin: 20px 0;
  font-weight: 500;
  font-size: 18px;
}
.all .table_bottom .accent-text {
  font-size: 20px;
}

.all .pagination {
  display: -webkit-box;
  display: flex;
  gap: 5px;
}
.all .pagination .data-page {
  display: block;
  padding: 5px 10px;
  background-color: transparent;
  color: var(--dark-grey);
  cursor: pointer;
  transition: background-color 0.5s;
}
.all .pagination .data-page:hover {
  background-color: var(--grey);
}
.all .pagination .data-page.paged_active {
  background-color: var(--accent80);
  color: var(--white);
}

.footer {
  position: fixed;
  width: 100%;
  bottom: 0;
  padding: 8px 0;
  background: #D9D9D9;
  border-top: 1px solid var(--dark-grey);
  font-size: 12px;
  color: var(--dark-grey);
}

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

.footer__nav {
  display: flex;
  align-items: center;
}

.footer__link:hover {
  color: var(--main-color);
}

.footer__link-separator {
  margin: 0 10px;
  display: inline-block;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: var(--dark-grey);
}

.popup-fade {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.popup-fade.popup-fade::before {
  content: '';
  background: #000;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0.7;
  z-index: 9999;
}


.popup_style {
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  padding: 40px 20px;
  width: 290px;
  background-color: var(--white);
  /*border-radius: 10px;*/
  box-shadow: 0 0 50px var(--main-color30);
  z-index: 99999;
  opacity: 1;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  text-align: center;
  -webkit-box-align: center;
          align-items: center;
}

.popup-title {
  margin-bottom: 20px;
  font-weight: 600;
  font-size: 20px;
}

.popup-price {
  margin-bottom: 20px;
}

.l_price {
  font-weight: 600;
}

.flex_text {
  display: -webkit-box;
  display: flex;
  gap: 20px;
}

.confirm_style {
  display: block;
  width: 90px;
  padding: 10px 30px;
  /*border-radius: 8px;*/
  font-weight: 600;
  color: var(--white);
  cursor: pointer;
}

.confirm_yes, .confirm_del, .confirm_del_lead {
  background-color: var(--green);
}

.confirm_no, .confirm_no_del {
  background-color: var(--red);
}

input[type=text]::-ms-clear {  display: none; width : 0; height: 0; }
input[type=text]::-ms-reveal {  display: none; width : 0; height: 0; }
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration { display: none; }

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

.activepage{
  background: #cdd9f2;
}

/* Checked */
.checkbox-btn input[type=checkbox]:checked + span {
	background: #cdd9f2;
}
 
/* Focus */
.focused span {
	box-shadow: 0 0 0 0.2rem rgba(0,123,255,.25);
}
 
/* Active */
.checkbox-btn input[type=checkbox]:active:not(:disabled) + span {
	background: #e5eaf3;
	color: #000;
}

.inp {
	display: flex;
	align-items: center;
	gap: 10px;
}
.inp label {
	white-space: nowrap;
}
.inp .all__search {
	background-image: none;
	padding-left: 10px;
	flex-grow: 1;
}
.select_region .all__select,
.select_city .all__select {
	scrollbar-width: thin;
	max-width: 350px;
	width: 100%;
}
.select_city, .select_region{
	display: flex;
	
	gap: 5px;
	align-items: flex-start;
	width: 100%;
}
.hidden_region{
	display: none;
}
.select_wrap {
	width: 100%;
	display: flex;
	gap: 30px;
}
.all__controls.all__controls--wrap {
	flex-direction: column;
	align-items: flex-start;
	gap: 20px;
}
.user-lead__btn.user-lead__btn--comment {
	margin-top: 10px;
	background-color: #fff;
}

#avtopart_form_settings{
  display: none;
}

.avtopart_form_settings_open{
  display: block!important;
}

/*#avtopart_form_settings_css {
  border: 1px solid rgb(99, 99, 99);
  padding: 8px;
  border-radius: 12px;
}*/

.textarea {
  padding: 8px 16px;
  border: 2px solid var(--grey);
  /*border-radius: 8px;*/
  resize: vertical;
  height: 300px;
  width: 100%;
}

.textarea + * {
  margin-top: 10px;
}
.save_css{
  /*border-radius: 8px;*/
  padding: 5px 10px;
  background-color: rgb(77, 77, 77);
  color: white;
  margin: 10px 0 35px 0;
}

.save_css:hover{
  opacity: .8;
  transition: .15 ease-in;
}

#copyText{
  color: #0D49C1;
  text-decoration: underline;
  cursor: pointer;
}

.notification{
  display: none;
  position: fixed;
  bottom: 50%;
  right: 50%;
  transform: translate(50%,50%);
  z-index: 888;
  color: #000;
  padding: 30px;
  border: 2px solid var(--green);
  background: #d5f4e4;
  font-size: 18px;
  box-shadow: 0 0 40px rgba(0,0,0,0.3);
}
.notification a:hover {
  text-decoration: underline;
}
.notification_error{
  border-top: 2px solid #ff0000;
  background: #f4cfdb;
  border-bottom: 2px solid #ff0000;
}

#copyText:hover{
  color: #5783dc;
  transition: .15 ease-in;
}

.highlight{
  text-decoration: underline;
  cursor: pointer;
}

.highlight:hover{
  opacity: .75;
  text-decoration: underline;
}

.open_form_settings{
  margin: 20px 0;
  color: var(--accent);
}

.popup_del_open:hover{
  color: red;
  cursor: pointer;
}

.grafiki{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.canvas_wrap{
  width: 49%;
}

.delete_fav, .add_fav {
  flex-shrink: 0;
}
.delete_fav::after, .add_fav::after {
  display: block;
  content: "";
  width: 24px;
  height: 24px;
  background-size: cover;
  cursor: pointer;
}

.delete_fav::after{
  background-image: url(./../img/delete_fav.svg);
}

.add_fav::after {
  background-image: url(./../img/add_fav.svg);
}

.leads-table__th_span{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.leads-table__th_span > * {
  flex-shrink: 0;
}

.filter_btn{
  cursor: pointer;
  width: 20px;
  height: 20px;
}

.not_exclusive{
  background-color: #c0e6ff;
  color: var(--main-color);
}

.unique_bought{
  background-color: #c8ffda;
}

.dataTable-table{
  position: relative;
}

.sortPanel {
  top: 110px;
  padding: 10px;
  background-color: white;
  border: 2px solid var(--main-color30);
  display: none;
  flex-direction: column;
  position: absolute;
  z-index: 99;
  max-height: 400px;
  overflow: hidden auto;
}
.sortPanel > * + * {
  margin-top: 20px;
}
.sortAZ > * + *,
.checkAll-wrap > * + * {
  margin-top: 10px;
}
.sortExcel {
  display: flex;
  flex-direction: column;
}
.searchSortInp.profile__form-input {
  max-width: 100%;
  padding: 5px 10px;
  transition: 0.3s;
}
.searchSortInp.profile__form-input:focus,
.searchSortInp.profile__form-input:focus-visible {
  border-color: var(--accent);
}
.checkAll, .offCheckAll {
  max-width: 120px;
  width: 100%;
}
.sortAZ_button, .sortAZ_button {
  cursor: pointer;
  transition: 0.3s;
}
.sortAZ_button:hover, .sortAZ_button:hover {
  color: var(--accent);
}
.sortAZ_active {
  font-weight: 700;
  color: var(--accent);
}

.sortPanel::-webkit-scrollbar {
  width: 11px;
}
.sortPanel {
  scrollbar-width: thin;
  scrollbar-color: var(--accent30) var(--grey);
}
.sortPanel::-webkit-scrollbar-track {
  background: #D9D9D9;
}
.sortPanel::-webkit-scrollbar-thumb {
  background-color: var(--accent30);
  /*border-radius: 6px;*/
  border: 3px solid #D9D9D9;
}

.red_lead_btn{
  background-color: rgb(210 24 84 / 20%);
  border: 1px solid #c10d76;
}

.admin_ul{
  margin-bottom: 10px;
  padding: 3px;
  border: 1px solid var(--main-color30);
  /*border-radius: 6px;*/
}

.admin_ul li{
  white-space: pre-wrap;
}
.comment_lead_wrap {
  display: flex;
  align-items: center;
  gap: 10px;
}
.comment_lead_body{
  padding: 5px;
  display: block;
  width: 100%;
  border: 1px solid rgba(39, 42, 48, 0.5);
  /*border-radius: 5px;*/
  resize: vertical;
}
.comment_lead_body:focus-visible {
  border-color: var(--accent);
}

.all__export-btn.btn-export,
.all__mark-btn.mark_leads {
  margin-top: 0;
  padding: 8px 10px;
  cursor: pointer;
  text-align: center;
  min-width: auto;
  background-color: #979797;
  display: flex;
  align-items: center;
  gap: 5px;
  transition: 0.36s;
}

.all__export-btn.btn-export:hover,
.all__mark-btn.mark_leads:hover {
  background-color: #686868;
}

.leads_marking{
  border: 2px solid #c0e6ff;
}

.lead_marked{
  background-color: #daf8e9!important;
}

.success_status, .error_status{
  padding: 5px 2px;
  margin: 3px 0;
}

.success_status, .error_status{
  border: 1px solid green;
  background-color: #cdf1de;
}

.error_status{
  border: 1px solid red;
  background-color: #f7d3d3;
}

.with_marked{
  display: none;
  align-items: center;
  margin-bottom: 20px;
  gap: 50px;
}
.with_marked__wrap {
  display: flex;
  align-items: center;
  gap: 10px;
}

.with_marked .leads-table__btn--buy{
  width: max-content;
  padding: 10px 20px;
  /*border-radius: 5px;*/
  text-align: center;
  cursor: pointer;
  transition: 0.36s;
  font-size: 14px;
}
.with_marked .leads-table__btn--buy[data-exclusive="yes"] {
  color: #fff;
}

.with_marked .leads-table__btn--buy:hover,
.with_marked .leads-table__btn--buy:focus-visible {
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.20);
}
.marked_count {
  font-size: 18px;
}

.leads-table__tr.leads_marking {
  cursor: pointer;
}

.all__export-btn {
  display: flex;
  align-items: center;
  gap: 5px;
}
.btn-export__icon {
  width: 18px;
  height: 18px;
}

.table-btns {
  display: flex;
  gap: 10px;
  margin-bottom: 20px;
  font-size: 12px;
}
.user-lead__btn-icon {
  width: 16px;
  height: 16px;
}
.leads-table__th_comment {
  min-width: 400px;
  max-width: 400px;
}

.leads-table__th_date,
.leads-table__td_date {
  min-width: 150px;
  max-width: 150px;
}



.filters {
  margin-bottom: 20px;
  display: flex;
  gap: 20px;
  align-items: flex-start;
  font-size: 14px;
}

.federal_district_sort_checkboxes_wrap {
  display: flex;
  flex-direction: column;
  position: relative;
}

.federal_district_sort_checkboxes_select {
  background-color: #fff;
  border: 1px solid #676767;
  padding: 8px 10px;
  cursor: pointer;
}

.federal_district_sort_checkboxes {
  position: absolute;
  left: 0;
  width: 100%;
  top: 35px;
  z-index: 10;
  display: none;
  flex-direction: column;
  padding: 8px 10px;
  background-color: #fff;
  border: 1px solid #676767;
  border-top: none;
}
.federal_district_sort_checkbox {
  height: 18px;
  display: flex;
  gap: 10px;
  align-items: center;
  width: fit-content;
  cursor: pointer;
}
.federal_district_sort_checkbox:not(:last-child) {
  margin-bottom: 8px;
}

.federal_district_sort_checkbox input {
  position: relative;
  appearance: none;
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  transition: background-color 0.36s;
}
.federal_district_sort_checkbox input::before {
  content: '';
  position: absolute;
  inset: 0;
  border: 1px solid #676767;
}
.federal_district_sort_checkbox input::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 12px;
  height: 12px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.7323 28.1863C12.6792 28.1808 12.5822 28.1808 12.5347 28.1735C11.7641 28.0929 11.151 27.7342 10.7629 27.1741L4.24544 17.6966C3.49686 16.6057 3.77143 15.1085 4.85856 14.3598C5.92924 13.6259 7.47949 13.9242 8.20239 14.9785L12.4212 21.1138L21.5999 3.11782C22.1892 1.96473 23.6991 1.47417 24.8559 2.06535C25.4287 2.35639 25.8571 2.85605 26.0565 3.47106C26.256 4.08786 26.2066 4.74316 25.9119 5.31967L14.9195 26.8739C14.8811 26.9508 14.7767 27.0899 14.7145 27.1595C14.7181 27.154 14.72 27.154 14.72 27.154C14.7218 27.154 14.687 27.1961 14.6486 27.24C14.5498 27.37 14.4198 27.5273 14.2404 27.6684C14.1764 27.7306 14.0995 27.7927 14.0336 27.8312C13.9622 27.8861 13.8249 27.9356 13.7517 27.9593C13.6035 28.0289 13.501 28.071 13.3912 28.0985C13.221 28.1515 12.9886 28.1863 12.7323 28.1863Z' fill='%23F2F2F2'/%3e%3c/svg%3e ");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.36s ease-in-out;
}
.federal_district_sort_checkbox input:checked {
  background-color: var(--accent);
}
.federal_district_sort_checkbox input:checked:after {
  opacity: 1;
}

.filters__calendar {
  width: 180px;
  padding: 8px 10px;
  border: 1px solid #676767;
  background-color: transparent;
}

.all__mark-btn.filters__btn {
  margin-top: 0;
  padding: 8px 10px;
  cursor: pointer;
  text-align: center;
  min-width: auto;
  background-color: #979797;
  transition: 0.36s;
}
.all__mark-btn.filters__btn:hover {
  background-color: #686868;
}


.user-auth {
  position: relative;
}

.user-auth__link {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #fff;
}

.user-auth__list {
  display: none;
  padding: 20px 0 0;
  position: absolute;
  box-shadow: 0px 4px 15px rgba(22, 22, 34, 0.5);
  background-color: var(--second-color);
  color: #fff;
  top: 30px;
  right: 0;
  min-width: max-content;
  text-align: left;
  z-index: 3;
}

.user-auth__item {
  padding: 10px 20px;
  white-space: nowrap;
  cursor: pointer;
  transition: 0.3s;
}

.user-auth__item:hover {
  background-color: var(--white20);
}

.user-auth__item_name {
  font-weight: 500;
  color: #228EAA;
  cursor: default;
  pointer-events: none;
}

.user-auth__item_balans {
  background-color: var(--green);
}

.user-auth__list.user-auth__list_active {
  display: block;
}

.user-auth__link:hover {
  color: #228EAA;
}

.user-auth__img {
  width: 20px;
  height: 20px;
  transition: 0.3s;
}


.form-settings .profile__text {
  margin-bottom: 10px;
}
.form-settings__label {
  height: 18px;
  display: flex;
  gap: 10px;
  align-items: center;
  width: fit-content;
}
.form-settings__fieldset {
  margin-bottom: 20px;
}
.form-settings__label:not(:last-child) {
  margin-bottom: 8px;
}
.form-settings__input {
  position: relative;
  appearance: none;
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  transition: background-color 0.36s;
}
.form-settings__input::before {
  content: '';
  position: absolute;
  inset: 0;
  border: 1px solid #676767;
}
.form-settings__input::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 12px;
  height: 12px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.7323 28.1863C12.6792 28.1808 12.5822 28.1808 12.5347 28.1735C11.7641 28.0929 11.151 27.7342 10.7629 27.1741L4.24544 17.6966C3.49686 16.6057 3.77143 15.1085 4.85856 14.3598C5.92924 13.6259 7.47949 13.9242 8.20239 14.9785L12.4212 21.1138L21.5999 3.11782C22.1892 1.96473 23.6991 1.47417 24.8559 2.06535C25.4287 2.35639 25.8571 2.85605 26.0565 3.47106C26.256 4.08786 26.2066 4.74316 25.9119 5.31967L14.9195 26.8739C14.8811 26.9508 14.7767 27.0899 14.7145 27.1595C14.7181 27.154 14.72 27.154 14.72 27.154C14.7218 27.154 14.687 27.1961 14.6486 27.24C14.5498 27.37 14.4198 27.5273 14.2404 27.6684C14.1764 27.7306 14.0995 27.7927 14.0336 27.8312C13.9622 27.8861 13.8249 27.9356 13.7517 27.9593C13.6035 28.0289 13.501 28.071 13.3912 28.0985C13.221 28.1515 12.9886 28.1863 12.7323 28.1863Z' fill='%23F2F2F2'/%3e%3c/svg%3e ");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.36s ease-in-out;
}
.form-settings__input:checked {
  background-color: var(--accent);
}
.form-settings__input:checked:after {
  opacity: 1;
}


.sortExcelCheckbox {
  height: 18px;
  display: flex;
  gap: 10px;
  align-items: center;
  width: fit-content;
  cursor: pointer;
}
.sortExcelCheckbox:not(:last-child) {
  margin-bottom: 8px;
}

.sortExcelCheckbox input {
  position: relative;
  appearance: none;
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  transition: background-color 0.36s;
}
.sortExcelCheckbox input::before {
  content: '';
  position: absolute;
  inset: 0;
  border: 1px solid #676767;
}
.sortExcelCheckbox input::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 12px;
  height: 12px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.7323 28.1863C12.6792 28.1808 12.5822 28.1808 12.5347 28.1735C11.7641 28.0929 11.151 27.7342 10.7629 27.1741L4.24544 17.6966C3.49686 16.6057 3.77143 15.1085 4.85856 14.3598C5.92924 13.6259 7.47949 13.9242 8.20239 14.9785L12.4212 21.1138L21.5999 3.11782C22.1892 1.96473 23.6991 1.47417 24.8559 2.06535C25.4287 2.35639 25.8571 2.85605 26.0565 3.47106C26.256 4.08786 26.2066 4.74316 25.9119 5.31967L14.9195 26.8739C14.8811 26.9508 14.7767 27.0899 14.7145 27.1595C14.7181 27.154 14.72 27.154 14.72 27.154C14.7218 27.154 14.687 27.1961 14.6486 27.24C14.5498 27.37 14.4198 27.5273 14.2404 27.6684C14.1764 27.7306 14.0995 27.7927 14.0336 27.8312C13.9622 27.8861 13.8249 27.9356 13.7517 27.9593C13.6035 28.0289 13.501 28.071 13.3912 28.0985C13.221 28.1515 12.9886 28.1863 12.7323 28.1863Z' fill='%23F2F2F2'/%3e%3c/svg%3e ");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.36s ease-in-out;
}
.sortExcelCheckbox input:checked {
  background-color: var(--accent);
}
.sortExcelCheckbox input:checked::after {
  opacity: 1;
}

.tr_green{
  background-color: #00994A;
}

.tr_red{
  background-color: var(--red);
}

.history_withdraw td{
  padding: 5px 15px;
  border: 1px solid;
}

.new_lead{
  background-color: #1ad574;
}





























































@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local(''),
       url('../fonts/inter-v12-latin_cyrillic-regular.woff2') format('woff2'),
       url('../fonts/inter-v12-latin_cyrillic-regular.woff') format('woff');
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: local(''),
       url('../fonts/inter-v12-latin_cyrillic-500.woff2') format('woff2'),
       url('../fonts/inter-v12-latin_cyrillic-500.woff') format('woff');
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: local(''),
       url('../fonts/inter-v12-latin_cyrillic-600.woff2') format('woff2'),
       url('../fonts/inter-v12-latin_cyrillic-600.woff') format('woff');
}

html {
  box-sizing: border-box;
  scroll-behavior: smooth;
  overflow-x: hidden;
}

*, *::before, *::after {
  box-sizing: inherit;
}

* {
  padding: 0px;
  margin: 0px;
  border: none;
}

body {
  position: relative;
  min-width: 360px;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  background-color: #fff;
  font-family: 'Inter', sans-serif;
  font-weight: 400;
  color: #13181E;
  font-size: 16px;
  line-height: 1.3;
}

body > * {
  flex-shrink: 0;
}

main {
  flex-grow: 1;
  overflow-x: hidden;
}

section {
  position: relative;
}

:focus,
:active {
  outline: none;
}

a, a:visited {
  text-decoration: none;
  display: inline-block;
}

a, a:hover {
  color: inherit;
  text-decoration: none;
}

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

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

h1, h2, h3, h4, h5, h6, p {
  font-size: inherit;
  font-weight: inherit;
}

ul {
  list-style: none;
}

img, svg {
  display: block;
  max-width: 100%;
  height: auto;
}

input, textarea, button, select {
  font-family: inherit;
  font-size: inherit;
  cursor: pointer;
}

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

button, input[type="submit"] {
  display: inline-block;
  box-shadow: none;
  background-color: transparent;
  background: none;
  cursor: pointer;
}

input:focus, input:active,
button:focus, button:active {
  outline: none;
}

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

label {
  cursor: pointer;
}

legend {
  display: block;
}

a, button {
  transition: 0.36s;
}

.none, .input-hidden {
  display: none;
}

.visually-hidden {
  position: fixed;
  transform: scale(0);
}

.accent-text {
  color: #228EAA;
}

.pr-container {
  --container-width: 1300px;
  --container-padding: 60px;
  max-width: calc(var(--container-width) + var(--container-padding) * 2);
  width: 100%;
  padding: 0 var(--container-padding);
  margin: 0 auto;
}
.container-sm {
  --container-sm-width: 1120px;
  --container-sm-padding: 15px;
  max-width: calc(var(--container-sm-width) + var(--container-sm-padding) * 2);
  width: 100%;
  padding: 0 var(--container-sm-padding);
  margin: 0 auto;
}

/* Promo */
.pr-header {
  position: fixed;
  z-index: 10;
  top: 0;
  width: 100%;
  background-color: #13181E;
  font-size: 16px;
  font-weight: 500;
  color: #fff;
}

.pr-header__container {
  display: grid;
  grid-template-columns: 3fr 6fr 3fr;
  align-items: center;
  gap: 20px;
  padding-top: 20px;
  padding-bottom: 20px;
  background-color: #13181E;
}

.pr-logo {
  display: flex;
  justify-self: start;
  align-items: center;
  gap: 5px;
}
.pr-logo__icon {
  width: 40px;
  height: 40px;
}
.pr-logo__wheel {
  width: 16px;
  height: 16px;
  animation: rotation 10s linear 0s infinite running normal;
  transform-box: fill-box;
  transform-origin: center;
}

@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.pr-logo__text {
  font-size: 24px;
  font-weight: 500;
  color: #fff;
}

.pr-header__nav {
  justify-self: end;
  display: flex;
  gap: 40px;
}

.pr-header__link:hover {
  color: #228EAA;
}

.pr-header__auth {
  justify-self: end;
  display: flex;
  align-items: center;
  gap: 5px;
}

.pr-header__auth-icon {
  transition: transform 0.3s;
}

.pr-header__auth.pr-header__link:hover .pr-header__auth-icon {
  transform: rotate(45deg);
}

.pr-hero {
  position: relative;
  padding-top: 70px;
  min-height: 100dvh;
  background-color: #0B0A0A;
  background-image: url("./../img/hero-bg.jpg");
  background-size: cover;
  background-position: center;
  color: #F2F2F2;
}
.pr-hero::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(123deg, #0B0A0A 18%, rgba(0, 0, 0, 0.00) 150%);
}

.pr-hero::after {
  content: '';
  position: absolute;
  z-index: 2;
  bottom: -2px;
  left: 0;
  width: 100%;
  height: 324px;
  background-image: url("./../img/hero-bg-1.webp");
  background-size: cover;
  background-position: top center;
}

.pr-hero__container {
  position: relative;
  z-index: 1;
  padding-top: 130px;
}

.pr-hero__content {
  max-width: 890px;
}

.pr-hero__title {
  margin-bottom: 10px;
  font-size: 20px;
  color: #8b8b8b;
  text-transform: uppercase;
}

.pr-hero__tegline {
  margin-bottom: 70px;
  font-size: 48px;
  font-weight: 600;
  letter-spacing: 0.48px;
  color: #F2F2F2;
}

.pr-hero__reg {
  display: flex;
  align-items: center;
  gap: 50px;
}

.pr-hero__link {
  width: min-content;
  font-size: 20px;
  color: #F2F2F2;
}

.pr-hero__sep {
  width: 2px;
  height: 74px;
  background-color: #8b8b8b;
}

.pr-hero__arr {
  width: 74px;
  height: 74px;
  transition: 0.36s;
}

.pr-hero__link:hover,
.pr-hero__link:hover ~ .pr-hero__arr {
  color: #228EAA;
}

.pr-hero__link:hover ~ .pr-hero__arr {
  margin-left: 5px;
}

.pr-hero__list {
  position: absolute;
  z-index: 5;
  bottom: 0;
  right: 0;
  max-width: 1140px;
  width: 100%;
  display: grid;
  grid-template-columns: 290px 370px 1fr;
  gap: 20px;
  padding: 30px 20px;
  background-color: #F2F2F2;
  box-shadow: -10px 20px 30px rgba(0, 0, 0, 0.15);
  color: #13181E;
}

.pr-hero__item {
  padding-left: 47px;
  background-position: left;
  background-size: contain;
  background-repeat: no-repeat;
}

.pr-hero__item_clock {
  background-image: url("./../img/clock.svg");
}

.pr-hero__item_mark {
  background-image: url("./../img/mark.svg");
}

.pr-hero__item_chart {
  background-image: url("./../img/chart.svg");
}

.pr-hero__item-title {
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: 600;
  color: #228EAA;
}

.pr-offset {
  padding: 140px 0;
}

.pr-block {
  display: flex;
  justify-content: space-between;
  gap: 40px;
}

.pr-block__title {
  max-width: 170px;
  font-size: 20px;
  font-weight: 600;
}

.pr-content {
  max-width: 880px;
  width: 100%;
}

.pr-why {
  height: 100dvh;
  display: flex;
  align-items: center;
}

.pr-why__tagline {
  margin-bottom: 50px;
  font-size: 34px;
  font-weight: 600;
}

.pr-why__text {
  margin-bottom: 50px;
  font-size: 18px;
}

.pr-why__link {
  font-weight: 500;
  text-decoration: underline;
}

.pr-bonus {
  height: 100dvh;
  display: flex;
  align-items: center;
  position: relative;
  padding: 100px 0;
  background-color: #0B0A0A;
  background-image: url("./../img/pr-bonus-bg.jpg");
  background-size: cover;
  background-position: center;
  color: #F2F2F2;
  text-align: center;
}

.pr-bonus::before {
  content: '';
  position: absolute;
  inset: 0;
  background-color: rgba(26, 30, 35, 0.80);
}

.pr-bonus__container {
  position: relative;
  z-index: 1;
}

.pr-bonus__title {
  margin: 0 auto 50px;
  max-width: 960px;
  font-size: 62px;
  font-weight: 600;
}

.pr-bonus__description {
  margin-bottom: 50px;
}

.pr-bonus__description > * + * {
  margin-top: 20px;
}

.pr-bonus__text {
  font-size: 20px;
}
.pr-btn {
  display: inline-block;
  padding: 20px 60px;
  border-radius: 50px;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0.75px;
  text-transform: uppercase;
  background-color: #228EAA;
  filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.25));
  color: #F2F2F2;
}

.pr-btn:hover {
  background-color: #0e728b;
  color: #F2F2F2;
}

.pr-bonus__btn {
  box-shadow: 1px -5px 12px 0px rgba(255, 255, 255, 0.30) inset, -12px -10px 20px 0px rgba(6, 6, 6, 0.50), 10px 15px 30px 0px rgba(16, 17, 18, 0.08);
}

.pr-how {
  min-height: 100dvh;
  display: flex;
  align-items: start;
}

.pr-how__content {
  width: 100%;
}


.pr-how__tab > .pr-how__input[type="radio"] {
  display: none;
}

.pr-how__tab-content {
  display: none;
  width: 100%;
  margin-top: 50px;
}

#webmaster:checked~#webmaster-content,
#advertiser:checked~#advertiser-content {
  display: block;
}

.pr-how__tab > .pr-how__label {
  padding-top: 8px;
  padding-bottom: 8px;
  cursor: pointer;
  transition: color .15s ease-in-out, border-color .15s ease-in-out;
  font-weight: 600;
  font-size: 34px;
  color: #13181E;
  border-bottom: 2px solid transparent;
}
.pr-how__tab > .pr-how__label:last-of-type {
  margin-left: 50px;
}

.pr-how__tab > .pr-how__label:hover {
  border-bottom-color: #13181E;
}

.pr-how__tab > .pr-how__input[type="radio"]:checked + .pr-how__label {
  cursor: default;
  font-weight: bold;
  color: #228EAA;
  border-bottom-color: #228EAA;
}

.pr-how__btn {
  box-shadow: 1px -5px 12px 0px rgba(255, 255, 255, 0.30) inset, -12px -10px 20px 0px #FFF, 10px 15px 30px 0px rgba(16, 17, 18, 0.08);
}

.timeline-block {
  overflow: hidden;
  margin-bottom: 40px;
}

.timeline-block__item {
  position: relative;
  padding-bottom: 30px;
  padding-left: 60px;
}

.timeline-block__item::before {
  position: absolute;
  top: 0;
  left: 0;
  content: '';
  display: block;
  width: 30px;
  height: 30px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.0014 30C12.5761 22.1495 7.85386 17.3782 0 15.0014C7.83136 12.6095 12.598 7.82795 15.0014 0C17.3755 7.77477 22.1257 12.5127 30 15.0014C22.1284 17.3782 17.3986 22.0964 15.0014 30ZM15.0014 4.09091C12.9259 9.5475 9.54682 12.9627 4.09227 15.0014C9.54682 17.0509 12.9375 20.4545 15.0014 25.9111C17.0209 20.4545 20.4559 17.0707 25.9105 15.0014C20.4559 12.9784 17.0489 9.5475 15.0014 4.09091Z' fill='%23020400'/%3e%3c/svg%3e ");
  background-position: center;
  background-size: contain;
}
.timeline-block__item:not(:last-child)::after {
  position: absolute;
  top: 40px;
  bottom: 10px;
  left: 14px;
  content: '';
  display: block;
  width: 2px;
  background-color: #020400;
}
.timeline-block__item:last-child {
  padding-bottom: 0;
}

.timeline-block__title {
  margin-bottom: 8px;
  font-size: 26px;
  font-weight: 600;
}

.timeline-block__text {
  margin-bottom: 8px;
  font-size: 20px;
  line-height: 1.4;
}
.timeline-block__text + .timeline-block__text {
  margin-top: 15px;
}

.timeline-block__time {
  font-weight: 600;
  font-size: 16px;
}



.pr-order {
  padding: 100px 0;
  background: linear-gradient(0deg, rgba(26, 30, 35, 0.70) 0%, rgba(26, 30, 35, 0.70) 100%), url("./../img/pr-order-bg.jpg");
  background-size: 90% 100%;
  background-position: left;
  background-repeat: no-repeat;
  color: #F2F2F2;
}
.pr-order__container {
  margin-bottom: 60px;
}

.pr-order__text {
  max-width: 800px;
  width: 100%;
  font-size: 34px;
  font-weight: 600;
}

.pr-order__form {
  max-width: 1130px;
  width: 100%;
  margin-left: auto;
  display: flex;
  gap: 100px;
  padding: 70px 100px 60px;
  border-radius: 8px 0px 0px 8px;
  background-color: rgba(34, 142, 170, 0.80);
}
.pr-form {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 40px;
}
.pr-form__fieldset {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 42px 32px;
}
.pr-form__input {
  padding: 2px 0 16px;
  border-bottom: 1px solid #B8BABB;
  background-color: transparent;
  color: #F2F2F2;
}
.pr-form__input::placeholder {
  color: #D2D2D2;
}
.pr-form__name {
  grid-column: 1/-1;
}
.pr-form__comment {
  grid-column: 1/-1;
  height: 39px;
  resize: none;
}
.pr-form__btn {
  align-self: start;
  box-shadow: 1px -5px 12px 0px rgba(255, 255, 255, 0.30) inset, -12px -10px 20px 0px #0D87A7, 10px 15px 30px 0px rgba(16, 17, 18, 0.08);
}
.pr-order__ticket {
  position: relative;
  padding-left: 50px;
  width: 11%;
  border-left: 2px dashed #D2D2D2;
}
.pr-order__ticket-text {
  display: inline-block;
  white-space: nowrap;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(90deg);
  font-size: 20px;
  font-weight: 600;
}

.pr-form__label {
  height: 18px;
  display: flex;
  gap: 16px;
  align-items: center;
  font-size: 16px;
}
.pr-form__checkbox {
  position: relative;
  appearance: none;
  width: 18px;
  height: 18px;
  flex-shrink: 0;
}
.pr-form__checkbox::before {
  content: '';
  position: absolute;
  inset: 0;
  border: 1px solid #F2F2F2;
}
.pr-form__checkbox:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 12px;
  height: 12px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.7323 28.1863C12.6792 28.1808 12.5822 28.1808 12.5347 28.1735C11.7641 28.0929 11.151 27.7342 10.7629 27.1741L4.24544 17.6966C3.49686 16.6057 3.77143 15.1085 4.85856 14.3598C5.92924 13.6259 7.47949 13.9242 8.20239 14.9785L12.4212 21.1138L21.5999 3.11782C22.1892 1.96473 23.6991 1.47417 24.8559 2.06535C25.4287 2.35639 25.8571 2.85605 26.0565 3.47106C26.256 4.08786 26.2066 4.74316 25.9119 5.31967L14.9195 26.8739C14.8811 26.9508 14.7767 27.0899 14.7145 27.1595C14.7181 27.154 14.72 27.154 14.72 27.154C14.7218 27.154 14.687 27.1961 14.6486 27.24C14.5498 27.37 14.4198 27.5273 14.2404 27.6684C14.1764 27.7306 14.0995 27.7927 14.0336 27.8312C13.9622 27.8861 13.8249 27.9356 13.7517 27.9593C13.6035 28.0289 13.501 28.071 13.3912 28.0985C13.221 28.1515 12.9886 28.1863 12.7323 28.1863Z' fill='%23F2F2F2'/%3e%3c/svg%3e ");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.36s ease-in-out;
}
.pr-form__checkbox:checked:after {
  opacity: 1;
}

.pr-faq__title {
  max-width: 120px;
}
.pr-faq__content {
  width: 100%;
  color: #F2F2F2;
}
.pr-faq__content > * + * {
  margin-top: 20px;
}
.pr-faq__question-wrap {
  padding: 16px 20px;
  background-color: rgba(34, 142, 170, 0.80);
  cursor: pointer;
}
.pr-faq__question {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  font-size: 22px;
}

.pr-faq__question-icon {
  float: right;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  transition: 0.36s;
}
.pr-faq__question-content {
  display: none;
  padding-top: 20px;
  line-height: 1.5;
}

.pr-footer {
  padding: 70px 0;
  background-color: #1A1E23;
  color: #aaaaaa;
}
.pr-footer__container {
  display: grid;
  grid-template-columns: 2fr 2fr 6fr;
}

.pr-footer__title {
  margin-bottom: 24px;
  font-size: 20px;
  font-weight: 600;
  color: #e2e2e2;
}
.pr-footer__list + * {
  margin-top: 50px;
}
.pr-footer__item:not(:last-child) {
  margin-bottom: 8px;
}
.pr-footer__link {
  padding: 5px 0;
}
.pr-footer__link:hover {
  color: #f2f2f2;
}
.pr-footer__form {
  justify-self: end;
  max-width: 370px;
}

.form-test__text {
  margin-bottom: 30px;
}
.form-test__wrap {
  display: flex;
  align-items: center;
  gap: 10px;
}
.form-test__input {
  flex-grow: 1;
  padding: 2px 0 16px;
  border-bottom: 1px solid #B8BABB;
  background-color: transparent;
  color: #F2F2F2;
}
.form-test__input::placeholder {
  color: #777777;
}

.form-test__btn-icon {
  width: 24px;
  height: 24px;
  color: #aaaaaa;
  transition: 0.36s;
}
.form-test__wrap {
  width: 100%;
}
.form-test__wrap:focus-within .form-test__input {
  border-bottom-color: #0D87A7;
}
.form-test__wrap:focus-within .form-test__btn-icon {
  color: #0D87A7;
}


.pr-mobile-btn {
  justify-self: end;
  width: 36px;
  height: 36px;
  padding: 6px;
  display: none;
  justify-content: center;
  align-items: center;
  background-color: transparent;
  border-radius: 5px;
  transition: 0.36s;
  outline: 2px solid transparent;
  border-radius: 6px;
}
.pr-mobile-btn__line {
  position: relative;
  width: 100%;
  height: 2px;
  border-radius: 2px;
  background-color: #f2f2f2;
}
.pr-mobile-btn__line::before,
.pr-mobile-btn__line::after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 2px;
  transition: transform 0.36s ease-in, top 0.36s linear 0.36s;
  background-color: #f2f2f2;
  border-radius: 2px;
}
.pr-mobile-btn__line::before {
  top: -8px;
}
.pr-mobile-btn__line::after {
  top: 8px;
}
.pr-mobile-btn:hover,
.pr-mobile-btn:focus-visible {
  outline-color: #228EAA;
  color: #228EAA;
}
.pr-mobile-btn:hover .pr-mobile-btn__line,
.pr-mobile-btn:hover .pr-mobile-btn__line::before,
.pr-mobile-btn:hover .pr-mobile-btn__line::after,
.pr-mobile-btn:focus-visible .pr-mobile-btn__line,
.pr-mobile-btn:focus-visible .pr-mobile-btn__line::before,
.pr-mobile-btn:focus-visible .pr-mobile-btn__line::after{
  background-color: #228EAA;
}
.pr-mobile-btn.pr-mobile-btn_active .pr-mobile-btn__line {
  background-color: transparent;
}
.pr-mobile-btn.pr-mobile-btn_active .pr-mobile-btn__line::before,
.pr-mobile-btn.pr-mobile-btn_active .pr-mobile-btn__line::after {
  background-color: #228EAA;
  top: 0;
  transition: top 0.2s linear, transform 0.2s ease-in 0.2s;
}
.pr-mobile-btn.pr-mobile-btn_active .pr-mobile-btn__line::before {
  transform: rotate(45deg);
}
.pr-mobile-btn.pr-mobile-btn_active .pr-mobile-btn__line::after {
  transform: rotate(-45deg);
}



@media (max-width: 1680px) {
  .pr-order__ticket {
    width: 8%;
  }
}
@media (max-width: 1600px) {
  .pr-order__ticket {
    width: 7%;
  }
}
@media (max-width: 1600px) {
  .pr-order__ticket {
    width: 6%;
  }
}
@media (max-width: 1440px) {
  .pr-order__ticket {
    padding-left: 40px;
    width: 5%;
  }
}
@media (max-width: 1366px) {
  .pr-container {
    --container-padding: 20px;
  }
  .container-sm {
    --container-sm-padding: 20px;
  }
  .pr-offset {
    padding: 100px 0;
  }
  .pr-btn {
    padding: 20px 40px 
  }
  .pr-header__container {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .pr-hero {
    padding-top: 20px;
    min-height: unset;
    padding-bottom: 300px;
  }
  .pr-hero__container {
    padding-top: 100px;
  }
  .pr-hero__title {
    font-size: 18px;
  }
  .pr-hero__tegline {
    margin-bottom: 50px;
    font-size: 40px;
  }
  .pr-hero__arr {
    width: 60px;
    height: 60px;
  }
  .pr-hero__sep {
    height: 60px;
  }
  .pr-why, .pr-bonus {
    height: unset;
  }
  .pr-why__tagline {
    margin-bottom: 40px;
    font-size: 28px;
  }
  .pr-bonus__title {
    margin: 0 auto 40px;
    max-width: 900px;
    font-size: 50px;
  }
  .pr-bonus__text {
    font-size: 18px;
  }
  .pr-how__tab > .pr-how__label {
    padding-bottom: 6px;
    font-size: 26px;
  }
  .timeline-block__title {
    font-size: 22px;
  }
  .timeline-block__text {
    font-size: 18px;
  }
  .pr-order {
    background-size: cover;
    background-position: center;
  }
  .pr-order__text {
    max-width: 770px;
    font-size: 30px;
  }
  .pr-order__ticket {
    display: none;
  }
  .pr-order__form {
    padding: 70px 100px 60px;
    border-radius: 8px;
  }
  .pr-how {
    min-height: unset;
  }
}

@media (max-width: 1170px) {
  .pr-offset, .pr-bonus, .pr-order {
    padding: 80px 0;
  }
  .pr-logo__text {
    font-size: 18px;
  }
  .pr-hero__container {
    padding-top: 140px;
  }
  .pr-hero__tegline {
    font-size: 36px;
  }
  .pr-hero::after {
    content: none;
  }
  .pr-hero__list {
    grid-template-columns: repeat(3, 1fr);
    padding: 20px;
  }
  .pr-hero__item {
    padding-left: 0;
    background: none;
  }
  .pr-why__tagline {
    margin-bottom: 30px;
    font-size: 22px;
  }
  .pr-bonus__title {
    margin: 0 auto 30px;
    font-size: 34px;
  }
  .pr-btn {
    padding: 16px 30px;
    font-size: 14px;
  }
  .pr-how__tab > .pr-how__label {
    font-size: 22px;
  }
  .timeline-block__title {
    font-size: 20px;
  }
  .timeline-block__text {
    font-size: 16px;
  }
  .pr-order__text {
    font-size: 26px;
  }
  .pr-order__form {
    max-width: 90%;
  }
  .pr-order__form {
    padding: 40px 80px;
  }
  .pr-faq__question {
    font-size: 20px;
  }
}

@media (max-width: 990px) {
  .pr-header__container {
    grid-template-columns: 1fr 6fr 2fr;
  }
  .pr-logo__text {
    display: none;
  }
}

@media (max-width: 767px) {
  .pr-header__container {
    grid-template-columns: 1fr 6fr 1fr;
  }
  .pr-mobile-btn {
    display: flex;
  }
  .pr-header {
    font-size: 20px;
  }
  .pr-header__nav {
    display: flex;
    flex-direction: column;
    position: absolute;
    z-index: -1;
    top: -500px;
    left: 0;
    right: 0;
    background-color: #13181e;
    transition: all 0.5s ease-in-out;
    padding-top: 15%;
    text-align: center;
  }
  .pr-header__nav_open {
    top: 60px;
    height: 100vh;
  }
  .pr-hero {
    padding: 0;
  }
  .pr-hero__container {
    padding-top: 120px;
  }
  .pr-hero__title,
  .pr-hero__link {
    font-size: 16px;
  }
  .pr-hero__tegline {
    font-size: 28px;
  }
  .pr-hero__reg {
    gap: 30px;
  }
  .pr-hero__sep {
    height: 44px;
  }
  .pr-hero__arr {
    width: 44px;
    height: 44px;
  }
  .pr-hero__list {
    position: relative;
    margin-top: 70px;
    grid-template-columns: 1fr;
  }
  .pr-block__title {
    max-width: 170px;
    font-size: 16px;
  }
  .pr-why__tagline {
    font-size: 20px;
  }
  .pr-why__text {
    margin-bottom: 40px;
    font-size: 16px;
  }
  .pr-bonus__text {
    font-size: 16px;
  }
  .timeline-block__item {
    padding-left: 40px;
  }
  .timeline-block__item::before {
    width: 24px;
    height: 24px;
  }
  .timeline-block__item:not(:last-child)::after {
    top: 30px;
    bottom: 6px;
    left: 11px;
  }
  .pr-order__text {
    font-size: 20px;
    font-weight: 400;
  }
  .pr-order__form {
    padding: 40px;
  }
  .pr-form__fieldset {
    grid-template-columns: 1fr;
    gap: 30px;
  }
  .pr-faq__question {
    font-size: 18px;
  }
  .pr-footer {
    padding: 50px 0;
  }
  .pr-footer__container {
    grid-template-columns: 1fr 1fr;
    gap: 30px;
  }
  .pr-footer__list + * {
    margin-top: 30px;
  }
  .pr-footer__title {
    margin-bottom: 20px;
    font-size: 16px;
  }
  .pr-footer__form {
    justify-self: start;
    max-width: 100%;
    grid-column: 1/-1;
  }
}

@media (max-width: 567px) {
  .pr-hero__title {
    font-size: 12px;
  }
  .pr-hero__arr {
    display: none;
  }
  .pr-block {
    flex-direction: column;
  }
  .pr-block__title {
    max-width: 100%;
  }
  .pr-order__text {
    max-width: 100%;
    font-size: 18px;
  }
  .pr-faq__question-wrap {
    padding: 10px;
  }
  .pr-how__tab > .pr-how__label:last-of-type {
    margin-left: 30px;
  }
  .pr-how__tab > .pr-how__label {
    font-size: 20px;
  }
}