@charset "UTF-8";
/*
 * Стили всего сайта
 * Стили для профиля в файле profile.scss
 */
* {
  padding: 0;
  margin: 0;
  border: 0;
}

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

:focus,
:active {
  outline: none;
}

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

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

html,
body {
  height: 100%;
  width: 100%;
  line-height: 1;
}

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

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

button {
  cursor: pointer;
  background: transparent;
}

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

a,
a:visited {
  text-decoration: none;
  font-family: inherit;
}

a:hover {
  text-decoration: none;
}

ul li {
  list-style: none;
}

img {
  vertical-align: top;
}

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

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

.container,
.container-fluid,
.container-xl,
.container-lg,
.container-md,
.container-sm {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .container-sm, .container {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .container-md, .container-sm, .container {
    max-width: 720px;
  }
}
@media (min-width: 1072px) {
  .container-lg, .container-md, .container-sm, .container {
    max-width: 1024px;
  }
}
@media (min-width: 1272px) {
  .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1272px;
  }
}
:root {
  --font-family-headings: 'Montserrat', sans-serif;
  --font-family-body: 'Montserrat', sans-serif;
  --color-text: #1A1A1A;
  --color-background: #fff;
  --color-background-button: var(--color-primary);
  --color-text-button: #fff;
  --color-border: #E8ECF3;
  --color-gray: #F5F6F8;
  --color-tr: #B5B9C3;
  --color-gray-text: #B7BAC2;
  --header-height: 144px;
  --section-paddings: 45px;
  --main-br: 60px;
  --section-wrapper: 60px;
}
@media (max-width: 1271.98px) {
  :root {
    --header-height: 144px;
  }
}
@media (max-width: 1071.98px) {
  :root {
    --section-wrapper: 15px;
    --section-paddings: 30px;
    --header-height: 60px;
    --main-br: 30px;
  }
}
@media (max-width: 767.98px) {
  :root {
    --section-paddings: 15px;
  }
}

.modal__achivments-list .modal__achivments-item-progress-text, .achivment-popup__item-progress-text, .footer__nav > ul > li > a, .header__menu li a:hover, .header__menu li.menu-item-has-children:hover > a, .color-primary {
  background: linear-gradient(135deg, var(--gradient-from) 0%, var(--gradient-to) 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.hero-form__payment-option:hover {
  border: 1px solid transparent;
  background: linear-gradient(var(--color-gray) 0 0) padding-box, linear-gradient(135deg, var(--gradient-from) 0%, var(--gradient-to) 100%) border-box;
}

.hero-form__payment-option:has(input:checked), .hero-form__payment-option.hero-form__payment-option_active, .footer__socials-link, .btn--outline.btn--primary, .btn--outline-white, a.wp-element-button.wp-block-button__link, a.btn--primary.wp-element-button {
  border: 1px solid transparent;
  background: linear-gradient(#fff 0 0) padding-box, linear-gradient(135deg, var(--gradient-from) 0%, var(--gradient-to) 100%) border-box !important;
}

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

a {
  text-decoration: none;
  color: var(--color-text);
  transition: var(--trsn, none);
}
a:hover {
  text-decoration: none;
}

button {
  cursor: pointer;
}

p {
  margin: 0 0 0.67em 0;
}

html {
  min-width: 320px;
  position: relative;
  width: 100%;
  height: 100%;
  -webkit-text-size-adjust: 100%;
  font-family: var(--font-family-body);
  margin: 0;
}

body:not(.wp-admin) {
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  color: var(--color-text);
  background-color: var(--color-background);
  font-family: var(--font-family-body);
  line-height: 1.4;
  text-rendering: optimizeSpeed;
  text-align: left;
  overflow-x: hidden;
  min-width: 320px;
  position: relative;
  width: 100%;
  height: 100%;
}
body:not(.wp-admin)._scroll-lock > .screen-page:after {
  visibility: visible;
  opacity: 1;
}
body:not(.wp-admin)._scroll-lock {
  overflow: hidden;
}

.img-cover {
  position: absolute;
  inset: 0;
  z-index: 3;
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: center;
  user-select: none;
}

.fancybox__container {
  --fancybox-bg: rgba(0, 0, 0, 0.6);
}

.screen-page {
  width: 100%;
  min-height: 100%;
  position: relative;
}
.screen-page::after {
  content: "";
  display: block;
  position: absolute;
  z-index: 50;
  top: 0;
  left: 0;
  background: rgba(var(--color-background), 0.5);
  width: 100%;
  height: 100%;
  visibility: hidden;
  opacity: 0;
  transition: linear 300ms;
}
.screen-page._lock::after {
  visibility: visible;
  opacity: 1;
}

.modal-form.fancybox__content {
  width: 95%;
  margin: 25px 0;
  padding: 0;
  border-radius: 60px;
}
@media (max-width: 1071.98px) {
  .modal-form.fancybox__content {
    border-radius: 30px;
  }
}
.modal-form.fancybox__content .hero-form__field-wrap--consent {
  margin: 15px 0;
}
.modal-form.fancybox__content .js-change-phone {
  text-decoration: underline;
  text-underline-offset: 3px;
  text-decoration-thickness: 1px;
}
.modal-form.fancybox__content button.modal-code__button:disabled {
  background: var(--color-gray);
}
.modal-form.fancybox__content .fancybox-close {
  position: absolute;
  top: 40px;
  right: 40px;
  z-index: 3;
  cursor: pointer;
  touch-action: manipulation;
  margin: -10px;
  height: 40px;
  width: 40px;
  min-width: 40px;
  transition: opacity 0.2s ease;
}
.modal-form.fancybox__content .fancybox-close:hover {
  opacity: 1;
}
.modal-form.fancybox__content .fancybox-close:before {
  content: "";
  position: absolute;
  inset: 10px;
  z-index: 3;
  display: block;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.29289 2.29289C2.68342 1.90237 3.31658 1.90237 3.70711 2.29289L12 10.5858L20.2929 2.29289C20.6834 1.90237 21.3166 1.90237 21.7071 2.29289C22.0976 2.68342 22.0976 3.31658 21.7071 3.70711L13.4142 12L21.7071 20.2929C22.0976 20.6834 22.0976 21.3166 21.7071 21.7071C21.3166 22.0976 20.6834 22.0976 20.2929 21.7071L12 13.4142L3.70711 21.7071C3.31658 22.0976 2.68342 22.0976 2.29289 21.7071C1.90237 21.3166 1.90237 20.6834 2.29289 20.2929L10.5858 12L2.29289 3.70711C1.90237 3.31658 1.90237 2.68342 2.29289 2.29289Z' fill='black'/%3E%3C/svg%3E%0A");
}
@media (max-width: 1071.98px) {
  .modal-form.fancybox__content .fancybox-close {
    height: 40px;
    width: 40px;
    min-width: 40px;
    top: 20px;
    right: 20px;
  }
}
.modal-form.fancybox__content.modal-help {
  max-width: 540px;
  padding: 36px 40px;
  border-radius: 70px 30px 70px 70px;
}
@media (max-width: 1271.98px) {
  .modal-form.fancybox__content.modal-help {
    padding: 30px 30px;
    border-radius: 60px 30px 60px 60px;
  }
}
@media (max-width: 1071.98px) {
  .modal-form.fancybox__content.modal-help {
    padding: 24px 20px;
    border-radius: 40px 30px 40px 40px;
  }
}
.modal-form.fancybox__content.modal-help .modal-form__heading {
  font-size: 28px;
  font-weight: bold;
  letter-spacing: -0.01em;
  line-height: 1.2;
  color: var(--color-text);
}
@media (max-width: 1271.98px) {
  .modal-form.fancybox__content.modal-help .modal-form__heading {
    font-size: 24px;
  }
}
@media (max-width: 1071.98px) {
  .modal-form.fancybox__content.modal-help .modal-form__heading {
    font-size: 22px;
  }
}
.modal-form.fancybox__content.modal-help .modal-form__subheading {
  font-size: 12px;
  font-weight: 500;
  margin: 20px 0;
}
@media (max-width: 1071.98px) {
  .modal-form.fancybox__content.modal-help .modal-form__subheading {
    margin: 15px 0;
  }
}
.modal-form.fancybox__content.modal-register .antispam, .modal-form.fancybox__content.modal-login .antispam, .modal-form.fancybox__content.modal-code .antispam, .modal-form.fancybox__content.modal-select-card .antispam, .modal-form.fancybox__content.modal-delete-card .antispam, .modal-form.fancybox__content.modal-delete-autopayment .antispam {
  display: none !important;
}
.modal-form.fancybox__content.modal-register button[type=submit], .modal-form.fancybox__content.modal-login button[type=submit], .modal-form.fancybox__content.modal-code button[type=submit], .modal-form.fancybox__content.modal-select-card button[type=submit], .modal-form.fancybox__content.modal-delete-card button[type=submit], .modal-form.fancybox__content.modal-delete-autopayment button[type=submit] {
  width: 100%;
}
.modal-form.fancybox__content.modal-register, .modal-form.fancybox__content.modal-login, .modal-form.fancybox__content.modal-code, .modal-form.fancybox__content.modal-select-card, .modal-form.fancybox__content.modal-delete-card, .modal-form.fancybox__content.modal-delete-autopayment {
  max-width: 460px;
  padding: 45px 60px;
}
@media (max-width: 1071.98px) {
  .modal-form.fancybox__content.modal-register, .modal-form.fancybox__content.modal-login, .modal-form.fancybox__content.modal-code, .modal-form.fancybox__content.modal-select-card, .modal-form.fancybox__content.modal-delete-card, .modal-form.fancybox__content.modal-delete-autopayment {
    padding: 35px 40px;
  }
}
@media (max-width: 767.98px) {
  .modal-form.fancybox__content.modal-register, .modal-form.fancybox__content.modal-login, .modal-form.fancybox__content.modal-code, .modal-form.fancybox__content.modal-select-card, .modal-form.fancybox__content.modal-delete-card, .modal-form.fancybox__content.modal-delete-autopayment {
    padding: 25px 30px;
  }
}
.modal-form.fancybox__content.modal-register .main-forms__policy, .modal-form.fancybox__content.modal-login .main-forms__policy, .modal-form.fancybox__content.modal-code .main-forms__policy, .modal-form.fancybox__content.modal-select-card .main-forms__policy, .modal-form.fancybox__content.modal-delete-card .main-forms__policy, .modal-form.fancybox__content.modal-delete-autopayment .main-forms__policy {
  margin: 20px 0;
}
.modal-form.fancybox__content.modal-register .modal-form__flex, .modal-form.fancybox__content.modal-login .modal-form__flex, .modal-form.fancybox__content.modal-code .modal-form__flex, .modal-form.fancybox__content.modal-select-card .modal-form__flex, .modal-form.fancybox__content.modal-delete-card .modal-form__flex, .modal-form.fancybox__content.modal-delete-autopayment .modal-form__flex {
  margin-top: 20px;
}
.modal-form.fancybox__content.modal-register .modal-form__flex form, .modal-form.fancybox__content.modal-login .modal-form__flex form, .modal-form.fancybox__content.modal-code .modal-form__flex form, .modal-form.fancybox__content.modal-select-card .modal-form__flex form, .modal-form.fancybox__content.modal-delete-card .modal-form__flex form, .modal-form.fancybox__content.modal-delete-autopayment .modal-form__flex form {
  width: 100%;
}
.modal-form.fancybox__content.modal-register button, .modal-form.fancybox__content.modal-login button, .modal-form.fancybox__content.modal-code button, .modal-form.fancybox__content.modal-select-card button, .modal-form.fancybox__content.modal-delete-card button, .modal-form.fancybox__content.modal-delete-autopayment button {
  margin-top: 0;
}
.modal-form.fancybox__content.modal-register .main-forms__bottom, .modal-form.fancybox__content.modal-login .main-forms__bottom, .modal-form.fancybox__content.modal-code .main-forms__bottom, .modal-form.fancybox__content.modal-select-card .main-forms__bottom, .modal-form.fancybox__content.modal-delete-card .main-forms__bottom, .modal-form.fancybox__content.modal-delete-autopayment .main-forms__bottom {
  margin-top: 0;
}
.modal-form.fancybox__content.modal-register .main-forms__input[name=code], .modal-form.fancybox__content.modal-register .profile__content-invite [name=code].profile__invite-ref-input, .profile__content-invite .modal-form.fancybox__content.modal-register [name=code].profile__invite-ref-input, .modal-form.fancybox__content.modal-login .main-forms__input[name=code], .modal-form.fancybox__content.modal-login .profile__content-invite [name=code].profile__invite-ref-input, .profile__content-invite .modal-form.fancybox__content.modal-login [name=code].profile__invite-ref-input, .modal-form.fancybox__content.modal-code .main-forms__input[name=code], .modal-form.fancybox__content.modal-code .profile__content-invite [name=code].profile__invite-ref-input, .profile__content-invite .modal-form.fancybox__content.modal-code [name=code].profile__invite-ref-input, .modal-form.fancybox__content.modal-select-card .main-forms__input[name=code], .modal-form.fancybox__content.modal-select-card .profile__content-invite [name=code].profile__invite-ref-input, .profile__content-invite .modal-form.fancybox__content.modal-select-card [name=code].profile__invite-ref-input, .modal-form.fancybox__content.modal-delete-card .main-forms__input[name=code], .modal-form.fancybox__content.modal-delete-card .profile__content-invite [name=code].profile__invite-ref-input, .profile__content-invite .modal-form.fancybox__content.modal-delete-card [name=code].profile__invite-ref-input, .modal-form.fancybox__content.modal-delete-autopayment .main-forms__input[name=code], .modal-form.fancybox__content.modal-delete-autopayment .profile__content-invite [name=code].profile__invite-ref-input, .profile__content-invite .modal-form.fancybox__content.modal-delete-autopayment [name=code].profile__invite-ref-input {
  padding: 15px 20px;
  letter-spacing: 1em;
  font-size: 22px;
}
.modal-form.fancybox__content.modal-register .modal-code__button, .modal-form.fancybox__content.modal-login .modal-code__button, .modal-form.fancybox__content.modal-code .modal-code__button, .modal-form.fancybox__content.modal-select-card .modal-code__button, .modal-form.fancybox__content.modal-delete-card .modal-code__button, .modal-form.fancybox__content.modal-delete-autopayment .modal-code__button {
  margin-top: 20px;
  width: 100%;
}
.modal-form.fancybox__content.modal-register .modal-code__button .js-timer, .modal-form.fancybox__content.modal-login .modal-code__button .js-timer, .modal-form.fancybox__content.modal-code .modal-code__button .js-timer, .modal-form.fancybox__content.modal-select-card .modal-code__button .js-timer, .modal-form.fancybox__content.modal-delete-card .modal-code__button .js-timer, .modal-form.fancybox__content.modal-delete-autopayment .modal-code__button .js-timer {
  margin-left: 0.2em;
}
.modal-form.fancybox__content.modal-register .modal-code__button:disabled, .modal-form.fancybox__content.modal-login .modal-code__button:disabled, .modal-form.fancybox__content.modal-code .modal-code__button:disabled, .modal-form.fancybox__content.modal-select-card .modal-code__button:disabled, .modal-form.fancybox__content.modal-delete-card .modal-code__button:disabled, .modal-form.fancybox__content.modal-delete-autopayment .modal-code__button:disabled {
  opacity: 1;
  background-color: #f5f5f5;
  color: #a1a6b2;
}
.modal-form__subtitle {
  margin-top: 13px;
  color: #a1a6b2;
}
.modal-form__subtitle .js-phone {
  color: var(--black);
}
.modal-form__subtitle .js-change-phone {
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}
.modal-form__heading, .modal-form__title {
  font-family: var(--ff-sec);
  font-size: clamp(22px, 3vw, 30px);
  font-weight: bold;
  line-height: 1.2;
  color: var(--black);
  letter-spacing: -0.02em;
}
.modal-form__heading:before, .modal-form__title:before {
  content: "";
  display: block;
  float: right;
  width: 25px;
  height: 25px;
}
.modal-form__heading:after, .modal-form__title:after {
  content: "";
  display: block;
  clear: both;
}

@media (min-width: 1072px) {
  div.section-wrapper {
    margin-left: -60px;
    margin-right: -60px;
    padding-left: 60px;
    padding-right: 60px;
    width: calc(100% + 120px);
    border-radius: var(--border-radius, inherit);
  }
}
@media (max-width: 1071.98px) {
  div.section-wrapper {
    margin-left: -15px;
    margin-right: -15px;
    padding-left: 15px;
    padding-right: 15px;
    width: calc(100% + 30px);
    border-radius: var(--border-radius, inherit);
  }
}

.link_to_edit {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 10;
  background-color: var(--color-background-button);
  color: var(--color-text-button);
  padding: 10px;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.link_to_edit svg {
  width: 100%;
  height: 100%;
}
.link_to_edit svg path {
  fill: currentColor;
}

.bg-loading {
  --bg-loading-1: #F5F8FD;
  --bg-loading-2: #fff;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  top: 0;
  background-image: linear-gradient(60deg, var(--bg-loading-1) 30%, var(--bg-loading-2) 45%, var(--bg-loading-1) 60%);
  background-size: 200% 100%;
  animation: 0.9s bgLoadingAnimation linear infinite;
}

.b-loaded + noscript + .bg-loading,
.b-loaded + .bg-loading {
  display: none;
}

@keyframes bgLoadingAnimation {
  0% {
    background-position-x: 0%;
  }
  100% {
    background-position-x: -200%;
  }
}
.follow-cursor {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 0px;
  height: 0px;
  border-radius: 50%;
  transform: translateY(-50%) translateX(-50%);
  position: absolute;
  z-index: 999;
  pointer-events: none;
  transition: width 0.64s, height 0.64s, border-radius 0.64s, background-color 0.64s;
}
.follow-cursor:before {
  content: "Перейти";
  visibility: hidden;
  opacity: 0;
  transition: all 0.3s ease;
}
.follow-cursor.follow-cursor_active {
  height: 128px;
  width: 128px;
  background: var(--color-background-button);
  color: var(--color-text-button);
}
.follow-cursor.follow-cursor_active:before {
  visibility: visible;
  opacity: 1;
}

.img-cover {
  position: absolute;
  inset: 0;
  z-index: 3;
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: center;
  user-select: none;
}

main {
  padding-top: var(--header-height);
}
main > section:not(.hero):not(.breadcrumbs) {
  padding-top: var(--section-paddings);
  padding-bottom: var(--section-paddings);
}
main > section.breadcrumbs {
  padding-bottom: 20px;
}
main > section.breadcrumbs + section:not(.hero) {
  padding-top: 0;
}

.breadcrumbs {
  color: var(--color-tr);
  font-size: 10px;
  font-weight: 500;
  letter-spacing: -0.02em;
  line-height: 1.2em;
}
.breadcrumbs .kama_breadcrumbs {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 7px;
}
.breadcrumbs {
  text-transform: lowercase;
}
.breadcrumbs svg {
  display: inline-block;
}
.breadcrumbs a {
  color: inherit;
  padding: 5px;
  margin: -5px;
  display: block;
}
.breadcrumbs a:hover {
  color: var(--color-text);
}

.form-response:empty {
  display: none;
}
.form-response--error {
  font-weight: 500;
  color: var(--color-error, #df3434);
  font-size: 12px;
  margin-top: 5px;
  line-height: 1.2em;
  display: block;
}
.form-response:not(:empty) {
  position: relative;
  padding: 6px 6px 6px 40px;
  background: linear-gradient(90deg, #ed4f4f 0, #df3434 50.19%);
  color: #fff;
  font-size: 14px;
  border-radius: 12px;
  min-height: 37px;
  margin-top: 10px;
}
.form-response:not(:empty) > div {
  margin-top: 0.2em;
}
.form-response:not(:empty):before {
  content: "";
  background-position: center;
  background-size: contain;
  margin-right: 15px;
  display: block;
  position: absolute;
  left: 6px;
  top: 6px;
  min-width: 24px;
  width: 24px;
  height: 24px;
  z-index: 2;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 22C17.5 22 22 17.5 22 12C22 6.5 17.5 2 12 2C6.5 2 2 6.5 2 12C2 17.5 6.5 22 12 22Z' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 8V13' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11.9961 16H12.0051' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.form-response:not(:empty).form-response--success {
  background: var(--color-gray);
  color: var(--color-text);
}
.form-response:not(:empty).form-response--success:before {
  background-color: #47A23F;
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
  background-image: none;
  mask-image: url("data:image/svg+xml,%3Csvg width='33' height='33' viewBox='0 0 33 33' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.5 30.25C24.0625 30.25 30.25 24.0625 30.25 16.5C30.25 8.9375 24.0625 2.75 16.5 2.75C8.9375 2.75 2.75 8.9375 2.75 16.5C2.75 24.0625 8.9375 30.25 16.5 30.25Z' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10.5 16.5L15.0741 21L22 13' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.form-response:not(:empty).form-response--edit {
  background: #30b72e;
  color: #fff;
}
.form-response:not(:empty).form-response--edit:before {
  background-color: currentColor;
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
  background-image: none;
  mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22.6999 19L13.5999 9.90001C14.4999 7.60001 13.9999 4.90001 12.0999 3.00001C10.0999 1.00001 7.09994 0.600012 4.69994 1.70001L8.99994 6.00001L5.99994 9.00001L1.59994 4.70001C0.399939 7.10001 0.899939 10.1 2.89994 12.1C4.79994 14 7.49994 14.5 9.79994 13.6L18.8999 22.7C19.2999 23.1 19.8999 23.1 20.2999 22.7L22.5999 20.4C23.0999 20 23.0999 19.3 22.6999 19Z' fill='black'%3E%3C/path%3E%3C/svg%3E");
}
.form-response__close {
  position: absolute;
  right: 6px;
  top: 6px;
  color: currentColor;
}

@media (max-width: 1071.98px) {
  .hide-md-md {
    display: none !important;
  }
}

@media (min-width: 1072px) {
  .hide-up-lg {
    display: none !important;
  }
}

.content-post-card {
  margin: 0;
}

.content-post-card .wp-block-post-featured-image {
  margin: 0;
}

.content-post-card .wp-block-post-featured-image a {
  display: block;
  border-radius: 20px;
  overflow: hidden;
}

.content-post-card .wp-block-post-featured-image img {
  width: 100%;
  height: 220px;
  object-fit: cover;
  display: block;
}

.content-post-card__meta {
  margin: 12px 0 8px;
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  color: #9aa0a9;
  line-height: 1.3;
}

.content-post-card__meta .wp-block-post-terms,
.content-post-card__meta .wp-block-post-date {
  margin: 0;
  font-size: inherit;
  color: inherit;
}

.content-post-card__title {
  margin: 0;
  font-size: clamp(28px, 2.4vw, 43px);
  font-weight: 700;
  line-height: 1.06;
  letter-spacing: -0.01em;
}

.content-post-card__title a {
  color: #202428;
  text-decoration: none;
}

@media (max-width: 1200px) {
  .content-post-card__title {
    font-size: clamp(28px, 2.2vw, 34px);
  }
}
@media (max-width: 767px) {
  .content-post-card .wp-block-post-featured-image img {
    height: 200px;
  }
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--font-family-headings);
}

h1,
.h1 {
  font-size: 40px;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 0.6em;
}
@media (max-width: 1271.98px) {
  h1,
  .h1 {
    font-size: 32px;
  }
}
@media (max-width: 1071.98px) {
  h1,
  .h1 {
    font-size: 24px;
  }
}
@media (max-width: 767.98px) {
  h1,
  .h1 {
    font-size: 22px;
  }
}

h2,
.h2 {
  font-size: 40px;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 0.6em;
}
@media (max-width: 1271.98px) {
  h2,
  .h2 {
    font-size: 32px;
  }
}
@media (max-width: 1071.98px) {
  h2,
  .h2 {
    font-size: 24px;
  }
}
@media (max-width: 767.98px) {
  h2,
  .h2 {
    font-size: 22px;
  }
}

h3,
.h3 {
  font-size: 24px;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 20px;
}
@media (max-width: 1271.98px) {
  h3,
  .h3 {
    font-size: 22px;
  }
}
@media (max-width: 1071.98px) {
  h3,
  .h3 {
    font-size: 20px;
  }
}

h4,
.h4 {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 20px;
}

h5,
.h5 {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 20px;
}

h6,
.h6 {
  font-size: 14px;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 20px;
}

.content-field p,
.content-field li {
  font-size: 16px;
  line-height: 1.4em;
  letter-spacing: 0.01em;
}
@media (max-width: 1071.98px) {
  .content-field p,
  .content-field li {
    font-size: 14px;
  }
}
.content-field p:not(:last-child),
.content-field li:not(:last-child) {
  margin-bottom: 1em;
}
.content-field ol,
.content-field ul {
  margin-bottom: 1em;
  padding-left: 1.8em;
}
.content-field ul li {
  list-style: disc;
}
.btn, a.wp-element-button {
  min-height: 64px;
  padding: 0 34px;
  font-family: var(--ff);
  letter-spacing: 0.01em;
  font-size: 16px;
  line-height: 1;
  font-weight: 600;
  text-align: center;
  color: #fff;
  border-radius: 32px;
  background: var(--gradient-site);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: color 0.2s ease, transform 0.2s ease, filter 0.2s ease, border-color 0.2s ease;
  position: relative;
}
@media (max-width: 1071.98px) {
  .btn, a.wp-element-button {
    min-height: 45px;
    padding: 0 24px;
    font-size: 18px;
  }
}
.btn--icon:after {
  content: "";
  margin-left: 1.2em;
  display: block;
  background: currentColor;
  height: 16px;
  width: 16px;
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  mask-image: url("data:image/svg+xml,%3Csvg width='16' height='18' viewBox='0 0 16 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.66666 16.3334L11.4033 10.2963C12.1989 9.58335 12.1989 8.41669 11.4033 7.70372L4.66666 1.66669' stroke='white' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.btn--icon.btn--icon-bottom:after {
  mask-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 3.4375V17.7768' stroke='white' stroke-width='1.5' stroke-linecap='square' stroke-linejoin='round'/%3E%3Cpath d='M4.8125 12.375L11 18.5625L17.1875 12.375' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.btn:hover, a.wp-element-button:hover, .btn:focus-visible, a.wp-element-button:focus-visible {
  filter: brightness(1.1);
}
.btn:active, a.wp-element-button:active {
  transform: translateY(3px);
}
@media (max-width: 1071.98px) {
  .btn, a.wp-element-button {
    font-size: 14px;
  }
}
.btn span:only-child, a.wp-element-button span:only-child {
  margin-top: -0.1em;
}
.btn:disabled, a.wp-element-button:disabled {
  opacity: 0.3;
  pointer-events: none;
}
.btn--tr {
  background: #f5f6f8;
  color: var(--black);
}
.btn--tr:hover, .btn--tr:focus-visible {
  background: #e3e4dc;
  color: var(--black);
}
.btn--outline, a.wp-element-button {
  color: var(--black);
  background: transparent;
  border-width: 1px;
  border-style: solid;
}
.btn--outline:hover, a.wp-element-button:hover, .btn--outline:focus-visible, a.wp-element-button:focus-visible {
  border-color: var(--primary-hover);
  background: var(--primary-hover);
  color: var(--white);
}
.btn--outline.btn--border, a.btn--border.wp-element-button {
  border-color: var(--color-border);
}
.btn--outline.btn--border:hover, a.btn--border.wp-element-button:hover, .btn--outline.btn--border:focus-visible, a.btn--border.wp-element-button:focus-visible {
  background-image: var(--primary);
  border-color: transparent;
}
.btn--outline.btn--light, a.btn--light.wp-element-button {
  border-color: rgba(35, 32, 46, 0.062745098);
}
.btn--outline.btn--tr, a.btn--tr.wp-element-button {
  border-color: var(--color-border);
  color: var(--black);
}
.btn--outline.btn--tr:hover, a.btn--tr.wp-element-button:hover, .btn--outline.btn--tr:focus-visible, a.btn--tr.wp-element-button:focus-visible {
  color: var(--white);
  border-color: var(--primary-hover);
}
.btn--white {
  background: var(--white);
  color: var(--black);
}
.btn--white:hover, .btn--white:focus-visible {
  background: #e3e4dc;
  color: var(--black);
}
.btn--black {
  background: var(--black);
  color: var(--white);
}
.btn--black:hover, .btn--black:focus-visible {
  background: #797979;
  color: var(--white);
}
.btn--sm, a.wp-element-button {
  min-height: 44px;
  border-radius: 24px;
  font-size: 14px;
  padding: 0 26px;
}
@media (max-width: 1071.98px) {
  .btn--sm, a.wp-element-button {
    font-size: 12px;
    padding: 0 22px;
    min-height: 44px;
  }
}
.btn > .svg-use, a.wp-element-button > .svg-use {
  margin-left: 14px;
  margin-right: -10px;
}
.btn--xs {
  font-size: 10px;
  min-height: 24px;
  padding: 0 12px;
  font-weight: 600;
}
@media (max-width: 1071.98px) {
  .btn--xs {
    font-size: 10px;
    padding: 0 12px;
    min-height: 24px;
  }
}
.btn--disabled {
  background: #c4c0b5;
  color: var(--white);
}

.is-layout-flex {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}

.has-medium-font-size {
  font-size: 22px;
}
@media (max-width: 1071.98px) {
  .has-medium-font-size {
    font-size: 18px;
  }
}

.wp-block-button__link {
  text-decoration: none;
}

.wp-block-button.is-style-outline .wp-block-button__link {
  border-color: var(--color-border);
}

.wp-block-button.is-style-outline .wp-block-button__link:hover {
  border-color: var(--color-text);
}

.wp-block-button__link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  border-radius: 12px;
  background-color: var(--color-background-button);
  color: var(--color-text-button);
  padding: 16px 20px;
  text-decoration: none !important;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.2;
}

.alignwide {
  max-width: 1400px;
  padding-right: 20px;
  padding-left: 20px;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 1071.98px) {
  .alignwide {
    max-width: 100%;
  }
}

.alignfull {
  max-width: 100%;
}
.alignfull > .container {
  width: 100%;
  max-width: 100%;
}

.alignleft,
.alignright,
.aligncenter {
  clear: both;
}

.alignleft {
  float: left;
  margin-right: 2em;
  margin-bottom: 1em;
}

.alignright {
  float: right;
  margin-left: 2em;
  margin-bottom: 1em;
}

.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1em;
}

a.wp-element-button {
  background-color: transparent;
  text-decoration: none;
  border-radius: 24px;
}
.header {
  position: absolute;
  width: 100%;
  left: 0;
  right: 0;
  background-color: #fff;
}
.header.fixed {
  position: fixed;
  top: var(--admin-bar-height, 0px);
  left: 0;
  right: 0;
  z-index: 1000;
  background-color: #fff;
  box-shadow: 4px 0px 44px 0px rgba(0, 0, 0, 0.0901960784);
  animation: HeaderAnim ease-in-out 0.4s alternate;
}
.header.fixed .header__top {
  display: none;
}
@media (min-width: 1072px) {
  .header.fixed .header__main-inner {
    padding: 10px 0;
  }
}
.header.fixed.hidden {
  transform: translateY(-100%);
}
.header__edit-btn {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 10;
  font-size: 12px;
  padding: 6px 12px;
  background: var(--color-primary, #47a23f);
  color: #fff !important;
  border-radius: 6px;
  text-decoration: none;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
  transition: opacity 0.2s;
}
.header__edit-btn:hover {
  opacity: 0.9;
  color: #fff !important;
}
.header__field-wrap {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 4px;
}
.header__field-wrap .link_to_edit {
  position: relative;
  top: auto;
  right: auto;
  width: 22px;
  height: 22px;
  padding: 4px;
  opacity: 0.7;
}
.header__field-wrap .link_to_edit:hover {
  opacity: 1;
}
.header__field-wrap .link_to_edit svg {
  width: 12px;
  height: 12px;
}
.header__top {
  background-color: var(--color-gray);
  font-weight: 500;
  line-height: 1.2em;
}
@media (max-width: 1071.98px) {
  .header__top {
    display: none;
  }
}
.header__top-inner {
  padding: 5px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}
@media (max-width: 1271.98px) {
  .header__top-inner {
    gap: 10px;
  }
}
@media (min-width: 1072px) {
  .header__top-inner > *:nth-child(2) {
    margin-right: auto;
  }
}
.header__time {
  color: var(--color-tr);
  font-size: 10px;
  line-height: 1.2em;
  font-weight: 500;
}
.header__address {
  display: flex;
  align-items: center;
  gap: 5px;
  font-weight: 500;
  font-size: 12px;
  line-height: 1.2em;
}
@media (max-width: 1271.98px) {
  .header__address {
    font-size: 10px;
  }
}
.header__address svg {
  min-width: 12px;
  display: block;
}
.header__email {
  font-size: 12px;
  line-height: 1.2em;
  font-weight: 500;
}
@media (max-width: 1271.98px) {
  .header__email {
    font-size: 10px;
  }
}
.header__email:hover {
  color: var(--color-primary);
}
.header__phone {
  display: flex;
  align-items: center;
  gap: 5px;
  letter-spacing: -0.02em;
  font-size: 14px;
  font-weight: bold;
  white-space: nowrap;
  line-height: 1.2em;
}
@media (max-width: 1271.98px) {
  .header__phone {
    font-size: 12px;
  }
}
.header__phone:hover {
  color: var(--color-primary);
}
.header__phone svg {
  display: block;
}
.header__socials {
  display: flex;
  align-items: center;
  gap: 10px;
}
@media (max-width: 1271.98px) {
  .header__socials {
    gap: 5px;
  }
}
.header__social {
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px 12px;
  border-radius: 22px;
  line-height: 1.2em;
}
@media (max-width: 1271.98px) {
  .header__social {
    padding: 6px 10px;
    border-radius: 18px;
  }
}
.header__social svg {
  display: block;
}
@media (max-width: 1271.98px) {
  .header__social svg {
    width: 14px;
    height: 14px;
  }
}
@media (max-width: 1071.98px) {
  .header__social svg {
    width: 12px;
    height: 12px;
  }
}
.header__social:hover {
  color: #fff;
  background-image: var(--gradient-site);
}
.header__main-inner {
  padding: 22px 0;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 20px;
}
@media (max-width: 1271.98px) {
  .header__main-inner {
    gap: 10px;
  }
}
@media (max-width: 1071.98px) {
  .header__main-inner {
    gap: 5px;
    padding: 10px 0;
  }
}
@media (max-width: 1071.98px) {
  .header__main-inner .header__actions {
    margin-left: auto;
  }
}
@media (max-width: 575.98px) {
  .header__main .container {
    padding-right: 15px;
    padding-left: 15px;
  }
}
.header__logo-wrap {
  position: relative;
}
.header__logo {
  display: block;
  height: 60px;
  width: auto;
  min-width: auto;
  object-fit: contain;
  object-position: left center;
  position: relative;
}
@media (max-width: 1271.98px) {
  .header__logo {
    height: 40px;
    width: auto;
  }
}
@media (max-width: 1071.98px) {
  .header__logo {
    min-width: auto;
    width: 100%;
    max-width: 120px;
  }
}
.header__logo img {
  width: auto;
  height: 100%;
  max-height: 100%;
  display: block;
  object-fit: contain;
  object-position: left center;
}
.header__logo .bg-loading {
  border-radius: 20px;
}
.header__slogan {
  font-size: 12px;
  font-weight: 500;
  line-height: 1.2em;
  letter-spacing: -0.02em;
  color: var(--color-text);
}
@media (max-width: 1271.98px) {
  .header__slogan {
    font-size: 10px;
  }
}
@media (max-width: 575.98px) {
  .header__slogan {
    font-size: 8px;
  }
}
.header__slogan p {
  margin-bottom: 0;
}
.header__nav {
  flex-grow: 1;
}
.header__menu {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 10px 26px;
}
@media (max-width: 1271.98px) {
  .header__menu {
    gap: 10px 16px;
  }
}
.header__menu li a {
  font-weight: 500;
  font-size: 16px;
  letter-spacing: -0.02em;
  line-height: 1.2em;
}
.header__menu li a:hover .menu-projects-count {
  -webkit-background-clip: unset;
  background-clip: unset;
  -webkit-text-fill-color: initial;
  color: #fff;
}
@media (max-width: 1271.98px) {
  .header__menu li a {
    font-size: 14px;
  }
}
@media (max-width: 1071.98px) {
  .header__menu li a {
    font-size: 12px;
  }
}
.header__menu li.menu-item-type-fund {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 6px;
}
.header__menu li.menu-item-type-fund:before {
  content: "";
  display: block;
  margin-right: 3px;
  width: 16px;
  min-width: 16px;
  height: 18px;
  mask-size: 16px 5.5px;
  mask-repeat: repeat-y;
  mask-position: top left;
  mask-image: url("data:image/svg+xml,%3Csvg width='16' height='2' viewBox='0 0 16 2' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.75 0.75H14.5' stroke='%231A1A1A' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-color: currentColor;
}
@media (max-width: 1071.98px) {
  .header__menu li.menu-item-type-fund:before {
    width: 14px;
    min-width: 14px;
    height: 13px;
    mask-size: 14px 4.5px;
  }
}
.header__menu li.menu-item-type-num .menu-projects-count {
  background: var(--gradient-site);
  padding: 3px 6px;
  border-radius: 24px;
  font-size: 12px;
  color: #fff;
  font-weight: 600;
  letter-spacing: 0.01em;
  line-height: 1em;
  min-width: 22px;
  text-align: center;
  display: inline-block;
}
@media (max-width: 1071.98px) {
  .header__menu li.menu-item-type-num .menu-projects-count {
    font-size: 12px;
    padding: 2px 4px;
    min-width: 18px;
  }
}
.header__menu li.menu-item-has-children {
  position: relative;
}
.header__menu li.menu-item-has-children > .sub-menu {
  visibility: hidden;
  opacity: 0;
  margin-top: 20px;
  position: absolute;
  width: max-content;
  min-width: 160px;
  top: 100%;
  left: 0;
  width: 100%;
  background: #fff;
  padding: 10px;
  border-radius: 24px;
  box-shadow: 0px 4px 34px rgba(26, 26, 26, 0.08);
  transition: visibility 0.2s, opacity 0.2s, margin-top 0.2s;
  z-index: 10;
}
.header__menu li.menu-item-has-children > .sub-menu:before {
  content: "";
  position: absolute;
  display: block;
  position: absolute;
  top: -10px;
  left: 0;
  right: 0;
  height: 10px;
  background: transparent;
}
.header__menu li.menu-item-has-children > .sub-menu li a {
  font-size: 12px;
  font-weight: 500;
  line-height: 1.2em;
  letter-spacing: normal;
  padding: 6px 16px;
  text-align: left;
  border-radius: 20px;
  display: block;
}
.header__menu li.menu-item-has-children > .sub-menu li a:hover {
  background-color: var(--color-gray);
}
.header__menu li.menu-item-has-children:hover:before {
  background: var(--gradient-site);
}
.header__menu li.menu-item-has-children:hover .menu-projects-count {
  -webkit-background-clip: unset;
  background-clip: unset;
  -webkit-text-fill-color: initial;
  color: #fff;
}
@media (min-width: 1072px) {
  .header__menu li.menu-item-has-children:hover > .sub-menu {
    visibility: visible;
    opacity: 1;
    margin-top: 10px;
  }
}
.header__actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
}
@media (max-width: 1271.98px) {
  .header__actions {
    gap: 5px;
  }
  .header__actions .btn {
    font-size: 12px;
    padding: 0 16px;
    height: 36px;
    min-height: 36px;
  }
}
@media (min-width: 1072px) {
  .header__mobile-trigger {
    display: none;
  }
}
@media (max-width: 1071.98px) {
  .header__mobile-trigger {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .header__mobile-trigger svg:last-child {
    display: none;
  }
  .header__mobile-trigger.toggled svg:first-child {
    display: none;
  }
  .header__mobile-trigger.toggled svg:last-child {
    display: block;
  }
}
@media (min-width: 1072px) {
  .header__dropdown {
    display: none !important;
  }
}
.header__dropdown {
  --header-bg: var(--white);
  --header-color: var(--black);
  --header-socials-border: var(--border);
  --header-logo-black-display: block;
  --header-logo-white-display: none;
  --header-socials-filter: none;
  --header-logo-after-color: none;
  z-index: 99;
  visibility: hidden;
  opacity: 0;
  transform: translateX(100%);
  position: absolute;
  height: calc(var(--vh, 1vh) * 100 - var(--header-height, 0px) - var(--admin-bar-height, 0px));
  background-color: #fff;
  top: var(--header-height, 0px);
  width: 0;
  overflow: auto;
  transition: visibility 0.2s ease, opacity 0.2s ease;
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  flex-direction: column;
}
.header__dropdown .container {
  flex-grow: 1;
}
.header__dropdown-flex {
  padding: 20px 0;
  padding-bottom: 50px;
  color: var(--black);
  height: 100%;
}
.header__dropdown-flex .header__menu {
  flex-direction: column;
  align-items: stretch;
  gap: 0;
  margin-bottom: 20px;
}
.header__dropdown-flex .header__menu > li {
  display: flex;
  align-items: center;
  border-bottom: 1px solid var(--color-border);
  padding: 10px 0;
}
.header__dropdown-flex .header__menu > li > a {
  font-size: 16px;
  flex-grow: 1;
}
.header__dropdown-flex .header__menu > li:last-child {
  border-bottom: none;
}
.header__dropdown-flex .header__address {
  font-size: 12px;
  margin-top: 15px;
}
.header__dropdown-flex .header__address svg {
  width: 14px;
  height: 14px;
  min-width: 14px;
  margin-right: 4px;
}
.header__dropdown-flex .header__address + .header__time {
  padding-left: 23px;
  margin-top: 5px;
}
.header__dropdown-flex .header__time {
  display: block;
}
.header__dropdown-flex .header__phone {
  margin-top: 15px;
  font-size: 14px;
}
.header__dropdown-flex .header__phone + .header__email {
  padding-left: 23px;
}
.header__dropdown-flex .header__socials {
  margin-top: 15px;
}
.header__dropdown-flex .header__socials .header__social {
  flex-grow: 1;
  flex-basis: 0;
  background-color: var(--color-gray);
  padding: 10px 14px;
}
.header__dropdown-flex .header__socials .header__social img,
.header__dropdown-flex .header__socials .header__social svg {
  width: 14px;
  height: 14px;
  min-width: 14px;
}
.header__dropdown-flex .header__actions {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 15px;
}
.header__dropdown-flex .header__actions > * {
  flex-grow: 1;
  flex-basis: 0;
}
.header__dropdown-flex .header__actions > * a {
  width: 100%;
}
.header__dropdown.toggled {
  visibility: visible;
  opacity: 1;
  transform: translate(0);
  pointer-events: all;
  width: 100%;
  transition: visibility 0.2s ease, opacity 0.2s ease, translate 0.2s ease;
}

@keyframes HeaderAnim {
  0% {
    transform: translate(0, -100%);
  }
  100% {
    transform: translate(0, 0%);
  }
}
.alert-wrapper {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  gap: 20px;
  position: fixed;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  pointer-events: none;
  z-index: 90;
}
.alert-wrapper .message {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
  padding: 12px 25px;
  padding-right: 40px;
  color: #fff;
  pointer-events: all;
  user-select: none;
  border-radius: 12px;
  font-size: 14px;
  font-weight: 400;
  max-width: 420px;
  position: relative;
  box-shadow: 0 8px 20px rgba(0, 51, 153, 0.08), 0 4px 8px rgba(0, 51, 153, 0.08);
}
@media (max-width: 1071.98px) {
  .alert-wrapper .message {
    max-width: 320px;
  }
}
.alert-wrapper .message .close {
  position: absolute;
  right: 10px;
  top: 10px;
  font-size: 16px;
}
.alert-wrapper .message .close:hover {
  opacity: 0.5;
}
.alert-wrapper .message:after {
  content: "";
  display: block;
  clear: both;
}
.alert-wrapper .message.show {
  opacity: 1;
  transform: translateY(0);
}
.alert-wrapper .message.removing {
  opacity: 0;
  transform: translateY(20px);
}
.alert-wrapper .success {
  background-color: #28a745;
}
.alert-wrapper .warning {
  background-color: #a79428;
}
.alert-wrapper .error {
  background-color: #cf000f;
}

.share {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-direction: row-reverse;
  gap: 17px;
}
@media (max-width: 1071.98px) {
  .share {
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 10px;
  }
}
.share__title {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -0.02em;
  line-height: 1.2em;
  color: #fff;
}
.share__socials {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
}
.share__socials a {
  padding: 9px;
  border-radius: 20px;
  background-color: #fff;
  color: var(--color-text);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.01em;
  line-height: 1.2em;
  transition: background-color 0.2s, color 0.2s;
}
.share__socials a:hover {
  background-image: var(--gradient-site);
  color: #fff;
}
.share__socials a:active {
  filter: brightness(0.9);
}
.share__socials-item-count:empty {
  display: none;
}

.footer {
  padding-bottom: var(--section-paddings);
  position: relative;
}
.footer__inner {
  border: 1px solid var(--color-border);
  padding-top: 50px;
  padding-bottom: 50px;
  border-radius: var(--main-br);
  --border-radius: var(--main-br);
  position: relative;
}
@media (max-width: 1071.98px) {
  .footer__inner {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}
.footer__grid {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  gap: 20px 60px;
}
@media (max-width: 1271.98px) {
  .footer__grid {
    gap: 20px;
  }
}
@media (max-width: 1071.98px) {
  .footer__grid {
    grid-template-columns: 1fr;
  }
}
.footer__contact + .footer__contact {
  margin-top: 24px;
}
@media (max-width: 1071.98px) {
  .footer__contact + .footer__contact {
    margin-top: 16px;
  }
}
.footer__contact-title {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.2em;
  color: var(--color-text);
}
.footer__contact-title a {
  color: inherit;
}
.footer__contact-title a:hover {
  color: var(--color-primary);
}
.footer__contact-title:has([href*="tel:"]) {
  font-size: 30px;
  font-weight: bold;
  letter-spacing: -0.01em;
  line-height: 1.2em;
  white-space: nowrap;
}
@media (max-width: 1071.98px) {
  .footer__contact-title:has([href*="tel:"]) {
    font-size: 20px;
  }
}
.footer__contact-text {
  font-size: 10px;
  font-weight: 500;
  line-height: 1.2em;
  color: var(--color-tr);
  margin-top: 2px;
}
.footer__socials {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  margin-top: 24px;
}
@media (max-width: 1071.98px) {
  .footer__socials {
    margin-top: 16px;
  }
}
.footer__socials-link {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 24px;
  padding: 12px 20px;
  font-weight: 600;
  font-size: 14px;
  line-height: 1.2em;
  letter-spacing: 0.01em;
}
.footer__socials-link:is(a):hover {
  background: var(--gradient-site) !important;
  color: #fff;
}
.footer__socials-link span {
  margin-right: 8px;
}
.footer__nav {
  flex-grow: 1;
}
.footer__nav > ul {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 80px;
}
@media (max-width: 1271.98px) {
  .footer__nav > ul {
    gap: 20px;
  }
}
@media (max-width: 1071.98px) {
  .footer__nav > ul {
    justify-content: space-between;
    flex-wrap: wrap;
  }
}
.footer__nav > ul > li > a {
  font-size: 23px;
  font-weight: bold;
  line-height: 1.2em;
  letter-spacing: -0.01em;
  margin-bottom: 22px;
  display: block;
}
@media (max-width: 1071.98px) {
  .footer__nav > ul > li > a {
    font-size: 18px;
    margin-bottom: 10px;
  }
}
.footer__nav > ul > li > a[href="#"] {
  pointer-events: none;
}
.footer__nav > ul > li > .sub-menu {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  gap: 14px;
}
@media (max-width: 1071.98px) {
  .footer__nav > ul > li > .sub-menu {
    gap: 10px;
  }
}
.footer__nav > ul > li > .sub-menu > li > a {
  font-weight: 500;
  font-size: 12px;
  line-height: 1.2em;
  padding: 5px;
  margin: -5px;
}
.footer__nav > ul > li > .sub-menu > li > a:hover {
  color: var(--color-primary);
}
.footer__copyright {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  gap: 12px;
}
.footer__copyright-item {
  font-size: 10px;
  font-weight: 500;
  line-height: 1.2em;
  color: var(--color-tr);
  display: block;
  padding: 5px;
  margin: -5px;
}
.footer__copyright-item:is(a):hover {
  color: var(--color-primary);
}

.hero-form button[type=submit]:disabled,
.simple-form button[type=submit]:disabled {
  background: var(--color-tr);
  color: var(--color-text);
}
.hero-form button[type=submit]:before,
.simple-form button[type=submit]:before {
  content: "";
  display: inline-block;
  margin-left: -28px;
  margin-right: 14px;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  border: 2px solid currentColor;
  border-top-color: transparent;
  animation: spin 1s linear infinite;
  opacity: 0;
  transition: opacity 0.2s ease;
}
.hero-form button[type=submit].loading:before,
.simple-form button[type=submit].loading:before {
  opacity: 1;
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
.hero-form {
  padding: 30px 40px;
  background: #FFFFFF;
  box-shadow: 0px 4px 34px rgba(26, 26, 26, 0.08);
  border-radius: 42px;
}
@media (max-width: 1071.98px) {
  .hero-form {
    padding: 20px 25px;
    border-radius: 20px;
  }
}
@media (max-width: 575.98px) {
  .hero-form {
    padding: 15px 18px;
  }
}
.hero-form__confirm-phone {
  position: absolute;
  top: 6px;
  right: 6px;
  color: var(--color-text);
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
  text-align: center;
  border: none;
  box-shadow: none;
  background: var(--color-gray);
  padding: 8px 14px;
  border-radius: 40px;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.hero-form__confirm-phone:hover {
  background-color: color-mix(in srgb, var(--color-gray) 80%, #000);
}
.hero-form__field-wrap--phone:has(.hero-form__confirm-phone) {
  position: relative;
}
.hero-form__field-wrap--phone:has(input.tel-valid) .hero-form__confirm-phone {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.hero-form__field-wrap--phone:has(input.tel-confirm) .hero-form__confirm-phone {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.hero-form__badge-profile {
  margin-bottom: 10px;
  position: relative;
}
.hero-form__badge-profile-flex {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
}
.hero-form__badge-profile:before {
  content: "";
  background-color: var(--color-border);
  height: 1px;
  width: 100%;
  display: block;
  margin-bottom: 10px;
}
.hero-form__badge-profile-content {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  gap: 3px;
  flex-grow: 1;
}
.hero-form__badge-profile-phone {
  font-size: 12px;
  font-weight: 500;
  color: var(--color-text);
}
.hero-form__badge-profile-button {
  background-color: var(--color-gray);
  color: var(--color-text);
  border: 0;
  border-radius: 22px;
  padding: 10px 15px;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
  transition: background-color 0.2s ease;
}
.hero-form__badge-profile-button:hover {
  background-color: var(--color-primary);
  color: #fff;
}
.hero-form__badge-profile-avatar {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  overflow: hidden;
  position: relative;
  border: 1px solid var(--color-border);
  background-color: #fff;
}
.hero-form__badge-profile-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.hero-form__badge-profile-name {
  font-size: 12px;
  font-weight: bold;
}
.hero-form__form {
  display: flex;
  flex-direction: column;
}
.hero-form__intro {
  margin: 0;
  margin-bottom: 28px;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: -0.02em;
  line-height: 1.3em;
}
@media (max-width: 1071.98px) {
  .hero-form__intro {
    margin-bottom: 15px;
  }
}
.hero-form__types {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 6px;
  margin-bottom: 15px;
}
@media (max-width: 1071.98px) {
  .hero-form__types {
    flex-wrap: wrap;
  }
}
.hero-form__form:has(.hero-form__types) .hero-form__period {
  visibility: hidden;
  opacity: 0;
  max-height: 0px;
  overflow: hidden;
  transition: visibility 0.2s, opacity 0.2s, max-height 0.2s;
}
@media (min-width: 1072px) {
  .hero-form__form:has(.hero-form__types) .hero-form__period {
    padding-left: 15px;
  }
}
.hero-form__form:has(.hero-form__types) .hero-form__period .hero-form__period-option {
  background-color: transparent;
  padding: 0;
  gap: 5px;
}
.hero-form__form:has(.hero-form__types) .hero-form__period .hero-form__period-option svg {
  display: block;
}
.hero-form__form:has(.hero-form__types) .hero-form__period .hero-form__period-option svg use {
  --icon-done-display: none;
}
.hero-form__form:has(.hero-form__types) .hero-form__period .hero-form__period-option svg use path {
  fill: var(--color-text);
  stroke: var(--color-text);
}
.hero-form__form:has(.hero-form__types) .hero-form__period .hero-form__period-option:has(input:checked), .hero-form__form:has(.hero-form__types) .hero-form__period .hero-form__period-option:hover {
  background-color: transparent;
  color: var(--color-text);
}
.hero-form__form:has(.hero-form__types) .hero-form__period .hero-form__period-option:has(input:checked) svg use {
  --icon-done-display: block;
  --icon-done-fill: black;
  --icon-done-stroke: black;
  --icon-done-stroke-done: #fff;
}
.hero-form__form:has(.hero-form__types input[value=subscription]:checked) .hero-form__period {
  visibility: visible;
  opacity: 1;
  max-height: 200px;
}
.hero-form__form:has(.hero-form__types input[value=subscription]:checked) .hero-form__field-wrap--phone.hide {
  max-height: 63px;
  margin-bottom: 10px;
}
.hero-form__type-option {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 13px;
  text-align: center;
  font-size: 14px;
  font-weight: 500;
  position: relative;
  cursor: pointer;
  background-color: var(--color-gray);
  border-radius: 22px;
}
@media (max-width: 575.98px) {
  .hero-form__type-option {
    padding: 8px;
    font-size: 12px;
  }
}
.hero-form__type-option input {
  position: absolute;
  max-width: 0px;
  max-height: 0px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
}
.hero-form__type-option:has(input:checked) {
  background-color: var(--color-text);
  color: #fff;
}
.hero-form__type-option > span {
  padding: 0 8px;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
}
.hero-form__type-option-hint {
  border-radius: 22px;
  font-size: 10px;
  padding: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  line-height: 1em;
  margin-left: 16px;
}
.hero-form__type-option-hint > span:empty {
  display: none;
}
.hero-form__type-option-hint > span {
  padding: 0 4px;
}
.hero-form__type-option-hint {
  background: var(--gradient-site);
  color: #fff;
}
.hero-form__period {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.hero-form__period-label {
  font-size: 0.875rem;
  font-weight: 600;
  color: #334155;
}
.hero-form__period-options {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-bottom: 20px;
}
@media (max-width: 1071.98px) {
  .hero-form__period-options {
    margin-bottom: 15px;
  }
}
.hero-form__period-option {
  display: inline-flex;
  align-items: center;
  padding: 9px 16px;
  font-size: 12px;
  font-weight: 500;
  border-radius: 22px;
  background: var(--color-gray);
  cursor: pointer;
  transition: border-color 0.2s, background 0.2s;
  position: relative;
}
.hero-form__period-option svg {
  display: none;
}
.hero-form__period-option input {
  position: absolute;
  max-width: 0px;
  max-height: 0px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
}
.hero-form__period-option:has(input:checked), .hero-form__period-option:hover {
  background-color: var(--color-text);
  color: #fff;
}
.hero-form__amounts {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  gap: 10px;
  border-radius: 22px;
  border: 1px solid var(--color-border);
  padding: 5px;
}
@media (max-width: 575.98px) {
  .hero-form__amounts {
    flex-wrap: wrap;
    gap: 5px;
    padding: 8px;
  }
}
.hero-form__amount {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 9px 15px;
  font-size: 14px;
  letter-spacing: -0.02em;
  line-height: 1.2em;
  font-weight: 500;
  border-radius: 24px;
  background: var(--color-gray);
  color: var(--color-text);
  cursor: pointer;
  transition: color 0.2s, background 0.2s;
  position: relative;
}
@media (max-width: 1271.98px) {
  .hero-form__amount {
    font-size: 11px;
    padding: 7px 11px;
    flex-grow: 1;
    flex-basis: 0;
  }
}
.hero-form__amount input {
  position: absolute;
  max-width: 0px;
  max-height: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
}
.hero-form__amount:has(input:checked) {
  background: var(--gradient-site);
  color: #fff;
}
.hero-form__amount:hover {
  color: var(--color-primary);
}
.hero-form__payment {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  gap: 10px;
  margin-bottom: 15px;
  margin-top: 15px;
}
@media (max-width: 1271.98px) {
  .hero-form__payment {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 6px;
  }
}
.hero-form__amounts-buttons {
  max-width: max-content;
  flex-grow: 1;
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  gap: 6px;
}
@media (max-width: 1271.98px) {
  .hero-form__amounts-buttons {
    flex-basis: 0;
    max-width: 100%;
    align-self: center;
  }
}
.hero-form__payment-option {
  flex-grow: 1;
  flex-basis: 0;
  display: flex;
  flex-direction: column;
  position: relative;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 12px 14px;
  cursor: pointer;
  transition: border-color 0.2s, background 0.2s;
  border-width: 1px;
  border-style: solid;
  border-color: var(--color-gray);
  background-color: var(--color-gray);
  border-radius: 14px;
  text-align: center;
  font-weight: 600;
  font-size: 10px;
  letter-spacing: -0.02em;
  line-height: 1.2em;
}
@media (max-width: 1271.98px) {
  .hero-form__payment-option {
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    padding: 6px 9px;
    text-align: left;
  }
}
.hero-form__payment-option input {
  margin: 0;
  position: absolute;
  top: 0;
  max-width: 0px;
  overflow: hidden;
  max-height: 0px;
  clip: rect(0, 0, 0, 0);
}
.hero-form__payment-option:has(input:checked), .hero-form__payment-option.hero-form__payment-option_active {
  background-color: transparent;
}
.hero-form__payment-option svg {
  fill: url(#svg-gradient);
  display: block;
}
.hero-form__field {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin-bottom: 10px;
}
.hero-form__field--name {
  position: relative;
}
.hero-form__field--name:has(.hero-form__anonymous input:checked) input {
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
}
.hero-form__field--name:has(.hero-form__anonymous input:checked):after {
  content: "Анонимно";
  position: absolute;
  border: 1px solid var(--color-border);
  border-radius: 22px;
  inset: 0;
  padding: 12px 14px;
  color: var(--color-tr);
  pointer-events: none;
}
.hero-form__field-wrap--consent {
  margin-top: 5px;
  margin-bottom: 15px;
}
.hero-form__field-wrap--error .hero-form__amounts,
.hero-form__field-wrap--error .hero-form__input {
  border-color: #dc2626;
}
.hero-form__field-wrap--error .hero-form__consent {
  color: #dc2626;
}
.hero-form__error {
  font-size: 12px;
  font-weight: 500;
  letter-spacing: -0.02em;
  color: #dc2626;
  line-height: 1.2em;
  min-height: 1.25em;
}
.hero-form__error:empty {
  display: none;
}
.hero-form__field:first-of-type {
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
}
.hero-form__sum {
  min-width: 140px;
  max-width: 100%;
  width: 100%;
  border: none;
  box-shadow: none;
  border-radius: 16px;
  background-color: transparent;
  font-size: 22px;
  font-weight: 500;
  border-width: 0px;
  letter-spacing: -0.03em;
  line-height: 1.3em;
  padding: 3px 5px 3px 15px;
  color: var(--color-text);
}
@media (max-width: 1271.98px) {
  .hero-form__sum {
    min-width: 102px;
    font-size: 18px;
    flex-grow: 1;
    flex-basis: 0;
    width: 100%;
    padding-left: 10px;
  }
}
.hero-form__sum::placeholder {
  opacity: 1;
  color: var(--color-text);
}
@media (max-width: 1271.98px) {
  .hero-form__sum::placeholder {
    line-height: 20px;
    font-size: 12px;
  }
}
.hero-form__input {
  width: 100%;
  padding: 12px 14px;
  border: 1px solid var(--color-border);
  border-radius: 22px;
  font-size: 14px;
  font-weight: 500;
}
.hero-form__input::placeholder {
  color: var(--color-text);
  opacity: 1;
}
.hero-form__anonymous {
  position: absolute;
  top: 50%;
  right: 16px;
  transform: translateY(-50%);
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 0.875rem;
  color: var(--color-tr);
  cursor: pointer;
}
.hero-form__anonymous:hover {
  color: var(--color-text);
}
.hero-form__anonymous input {
  position: absolute;
  max-width: 0px;
  max-height: 0px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
}
.hero-form__anonymous input:checked ~ svg use {
  --icon-done-display: block;
}
.hero-form__anonymous svg {
  min-width: 16px;
}
.hero-form__anonymous svg use {
  --icon-done-display: none;
}
.hero-form__consent {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  font-size: 11px;
  padding-left: 20px;
  color: var(--color-tr);
  cursor: pointer;
  position: relative;
}
@media (max-width: 1071.98px) {
  .hero-form__consent {
    padding-left: 0;
  }
}
.hero-form__consent a {
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
  color: inherit;
}
.hero-form__consent a:hover {
  text-decoration: none;
}
.hero-form__consent input {
  position: absolute;
  max-width: 0px;
  max-height: 0px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
}
.hero-form__consent input:checked ~ svg use {
  --icon-done-display: block;
}
.hero-form__consent svg {
  min-width: 16px;
}
.hero-form__consent svg use {
  --icon-done-display: none;
}
.main-pay-form .hero-form__field {
  transition: max-height 0.3s ease-in-out, margin-bottom 0.3s ease-in-out;
}
.main-pay-form .hero-form__field.hide {
  max-height: 0;
  overflow: hidden;
  margin-bottom: 0;
}
.main-pay-form .hero-form__payment {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 6px;
}
.main-pay-form .hero-form__payment-option {
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: 6px 9px;
  text-align: left;
}
.main-pay-form .hero-form__payment-option svg {
  width: 20px;
  height: 20px;
  min-width: 20px;
}
.main-pay-form .hero-form__payment-name {
  font-size: 10px;
}
@media (min-width: 1072px) {
  .main-pay-form .hero-form__sum {
    min-width: 125px;
  }
}
.main-pay-form .hero-form__sum::placeholder {
  line-height: 20px;
}
@media (min-width: 1072px) {
  .main-pay-form .hero-form__sum::placeholder {
    font-size: 14px;
  }
}

.simple-form {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.simple-form__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}
@media (max-width: 1071.98px) {
  .simple-form__grid {
    grid-template-columns: 1fr;
  }
}
.simple-form__grid + .simple-form__grid {
  margin-top: 0px;
}
.simple-form__grid-item {
  min-width: 0;
}
.simple-form__grid-item.simple-form__label--valid {
  --simple-form-label-color: var(--color-tr);
}
.simple-form__grid-item--cbprf-full {
  grid-column: 1/-1;
}
@media (min-width: 1072px) {
  .simple-form__grid-item--cbprf-half:has(textarea) {
    grid-column-end: span 1;
  }
}
@media (min-width: 1072px) {
  .simple-form__grid-item:has(textarea):not(.simple-form__grid-item--cbprf-half) {
    grid-column-end: span 2;
  }
}
.simple-form__grid-item--cbprf-checkbox label {
  display: flex;
  align-items: flex-start;
  flex-direction: row;
  gap: 8px;
  padding: 0;
  border-width: 0px;
}
.simple-form__grid-item--cbprf-checkbox label:has(input:checked) svg {
  --icon-done-fill: #111A1C;
  --icon-done-stroke: #111A1C;
  --icon-done-stroke-done: #fff;
}
.simple-form .hero-form__consent {
  padding-left: 0;
  font-size: 10px;
}
.simple-form .hero-form__consent > span {
  align-self: center;
}
.simple-form .hero-form__consent + .hero-form__error {
  display: none;
}
.simple-form__label {
  display: flex;
  flex-direction: column;
  gap: 6px;
  border-radius: 13px;
  border: 1px solid var(--color-border);
  padding: 9px 14px 5px 14px;
}
.simple-form__label:has(input:focus, textarea:focus) {
  border-color: var(--color-tr);
}
.simple-form__label-text {
  font-size: 12px;
  font-weight: 500;
  color: var(--simple-form-label-color, var(--color-text));
  line-height: 1.2em;
  letter-spacing: -0.01em;
  pointer-events: none;
}
.simple-form__hint {
  font-size: 10px;
  line-height: 1.3;
  color: var(--color-tr, rgba(0, 0, 0, 0.55));
  margin-top: -2px;
  pointer-events: none;
}
.simple-form__input, .simple-form__textarea {
  width: 100%;
  background: transparent;
  padding: 0;
  font-size: 0.9375rem;
  line-height: 1.4;
  box-shadow: none;
  color: var(--color-text);
  outline: none;
  transition: border-color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
}
.simple-form__input::placeholder, .simple-form__textarea::placeholder {
  color: var(--color-tr);
  opacity: 1;
}
.simple-form__textarea {
  min-height: 1.5em;
  max-height: 300px;
  resize: vertical;
}
.simple-form__error {
  min-height: 14px;
  margin-top: 2px;
  font-size: 11px;
  font-weight: 500;
  color: #ef4444;
}
.simple-form__error:empty {
  display: none;
}
.simple-form__label--error {
  border-color: #ef4444;
}
.simple-form button[type=submit] {
  white-space: nowrap;
}
.simple-form__bottom {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 20px;
}
@media (max-width: 1071.98px) {
  .simple-form__bottom {
    gap: 10px 20px;
    flex-wrap: wrap-reverse;
  }
}

/* Динамическая форма: поле файла (drag & drop + AJAX) */
.cbprf-file-field.simple-form__label {
  padding: 0px;
  border-color: transparent;
}
.cbprf-file-field.simple-form__label .simple-form__label-text {
  text-align: center;
}
.cbprf-file-field.simple-form__label .simple-form__hint {
  text-align: center;
  margin-top: 0;
}
.cbprf-file-field.simple-form__label.input--error .cbprf-file-field__drop {
  border-color: #ef4444;
}
.cbprf-file-field .cbprf-file-field__drop {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 112px;
  padding: 16px;
  border: 2px dashed var(--color-border, #c5c5c5);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.4);
  cursor: pointer;
  transition: border-color 0.2s ease, background 0.2s ease;
}
.cbprf-file-field .cbprf-file-field__drop:hover, .cbprf-file-field .cbprf-file-field__drop--active {
  border-color: var(--color-tr, #2271b1);
  background: rgba(34, 113, 177, 0.06);
}
.cbprf-file-field .cbprf-file-field__drop:focus {
  outline: 2px solid var(--color-tr, #2271b1);
  outline-offset: 2px;
}
.cbprf-file-field .cbprf-file-field__drop-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: var(--color-border, #2271b1) center/20px 20px no-repeat;
}
.cbprf-file-field .cbprf-file-field__drop-text {
  font-size: 0.8125rem;
  font-weight: 500;
  text-align: center;
  color: var(--color-text, #1a1a1a);
  line-height: 1.35;
  max-width: 22em;
}
.cbprf-file-field .cbprf-file-field__input {
  position: absolute;
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  z-index: -1;
}
.cbprf-file-field .cbprf-file-field__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.cbprf-file-field .cbprf-file-field__item {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  padding: 8px 10px;
  border-radius: 8px;
  background: rgba(0, 0, 0, 0.04);
  font-size: 0.8125rem;
}
.cbprf-file-field .cbprf-file-field__item.is-error {
  background: rgba(239, 68, 68, 0.08);
}
.cbprf-file-field .cbprf-file-field__item.is-uploaded {
  background: rgba(34, 197, 94, 0.08);
}
.cbprf-file-field .cbprf-file-field__item-main {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.cbprf-file-field .cbprf-file-field__item-name {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 500;
}
.cbprf-file-field .cbprf-file-field__item-meta {
  font-size: 11px;
  line-height: 1.3;
  color: #64748b;
}
.cbprf-file-field .cbprf-file-field__progress {
  width: 100%;
  height: 6px;
  border-radius: 999px;
  overflow: hidden;
  background: rgba(148, 163, 184, 0.2);
}
.cbprf-file-field .cbprf-file-field__progress-fill {
  width: 0;
  height: 100%;
  border-radius: inherit;
  background: var(--color-tr, #2271b1);
  transition: width 0.2s ease;
}
.cbprf-file-field .cbprf-file-field__item.is-uploaded .cbprf-file-field__progress-fill {
  background: #22c55e;
}
.cbprf-file-field .cbprf-file-field__item.is-error .cbprf-file-field__progress-fill {
  background: #ef4444;
}
.cbprf-file-field .cbprf-file-field__remove {
  flex-shrink: 0;
  width: 28px;
  height: 28px;
  padding: 0;
  border: none;
  border-radius: 6px;
  background: transparent;
  color: #64748b;
  font-size: 18px;
  line-height: 1;
  cursor: pointer;
  transition: background 0.15s ease, color 0.15s ease;
}
.cbprf-file-field .cbprf-file-field__remove:hover {
  background: rgba(239, 68, 68, 0.12);
  color: #b91c1c;
}

.section-404__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 100px;
}
@media (max-width: 1071.98px) {
  .section-404__grid {
    grid-template-columns: 1fr;
    gap: 30px;
  }
}
@media (max-width: 1071.98px) {
  .section-404__title {
    font-size: 22px;
  }
}
.section-404__content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
}
@media (max-width: 1071.98px) {
  .section-404__content {
    gap: 0px;
  }
}
.section-404__image svg {
  width: 100%;
  height: auto;
}

.list-items:not(.list-items--flex) {
  display: grid;
  grid-auto-flow: column;
  grid-template-rows: repeat(var(--list-items-rows, 1), auto);
  grid-template-columns: repeat(2, 1fr);
  gap: 0 10px;
}
@media (max-width: 1071.98px) {
  .list-items:not(.list-items--flex) {
    display: grid;
    grid-auto-flow: row;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }
}
.list-items--flex {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0 40px;
}
@media (max-width: 1071.98px) {
  .list-items--flex {
    gap: 0 10px;
  }
}

.list-item {
  border-bottom: 1px solid var(--list-item-border-color, var(--color-border));
  padding: 6px 0;
}
.list-item--white {
  --list-item-subtitle-color: rgba(255, 255, 255, 0.4);
  --list-item-title-color: #fff;
  --list-item-num-background: #fff;
  --list-item-num-color: #000;
  --list-item-border-color: rgba(255, 255, 255, 0.1);
}
.list-item--white .list-item__icon img[src*=placeholder] {
  background-color: transparent;
  border-color: transparent;
}
.list-item-spend {
  display: grid;
  grid-template-columns: 5fr 15% 15%;
  align-items: center;
}
@media (max-width: 1071.98px) {
  .list-item-spend {
    grid-template-columns: 1fr auto;
    gap: 5px 0;
  }
}
.list-item-spend .list-item__content {
  display: contents;
}
.list-item-spend .list-item__title {
  order: 1;
  align-items: flex-start;
}
@media (max-width: 1071.98px) {
  .list-item-spend .list-item__title {
    border-bottom-color: transparent;
  }
}
.list-item-spend .list-item__subtitle {
  order: 3;
}
@media (max-width: 1071.98px) {
  .list-item-spend .list-item__subtitle {
    order: 4;
  }
}
.list-item-spend .list-item__num {
  background: transparent;
  padding: 0;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 0.01em;
  line-height: 1.3em;
  color: var(--color-text);
  text-align: left;
  border-radius: 0px;
  order: 10;
}
@media (max-width: 1071.98px) {
  .list-item-spend .list-item__num {
    border-bottom-width: 0px;
    grid-column: 2/span 1;
    grid-row: 1/span 2;
  }
}
.list-item-donation .list-item__content {
  display: contents;
}
.list-item-donation .list-item__title {
  order: 1;
}
@media (max-width: 1071.98px) {
  .list-item-donation .list-item__title {
    border-bottom-color: transparent;
  }
}
.list-item-donation .list-item__project {
  order: 2;
}
@media (max-width: 1071.98px) {
  .list-item-donation .list-item__project {
    order: 3;
    font-size: 10px;
  }
}
.list-item-donation .list-item__subtitle {
  order: 3;
}
@media (max-width: 1071.98px) {
  .list-item-donation .list-item__subtitle {
    order: 4;
  }
}
.list-item-donation .list-item__num {
  order: 4;
  background: transparent;
  padding: 0;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 0.01em;
  line-height: 1.3em;
  color: var(--color-text);
  text-align: left;
  border-radius: 0px;
}
@media (max-width: 1071.98px) {
  .list-item-donation .list-item__num {
    order: 2;
    border-bottom-width: 0px;
  }
}
.list-item__project {
  line-clamp: 1;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  display: -webkit-box !important;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 500;
  font-size: 12px;
  line-height: 1.2em;
}
.list-item__project a {
  color: inherit;
  text-decoration: none;
}
.list-item__project a:hover {
  color: var(--color-primary);
}
.list-item--flex {
  display: flex;
  align-items: center;
  gap: 10px;
}
.list-item__content {
  flex-grow: 1;
}
.list-item__subtitle {
  font-size: 9px;
  font-weight: 600;
  line-height: 1.2em;
  letter-spacing: -0.02em;
  color: var(--list-item-subtitle-color, var(--color-tr));
  text-align: left;
  display: block;
}
.list-item__title {
  display: block;
  color: var(--list-item-title-color, var(--color-text));
  text-align: left;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.3em;
  letter-spacing: 0.01em;
}
.list-item__icon {
  width: var(--list-item-icon-size, 36px);
  height: var(--list-item-icon-size, 36px);
  min-width: var(--list-item-icon-size, 36px);
  display: block;
  position: relative;
}
.list-item__icon .bg-loading {
  border-radius: 50%;
}
.list-item__icon svg,
.list-item__icon img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  border-radius: 50%;
  background-color: #fff;
  border: 1px solid var(--color-border);
}
.list-item__num {
  display: block;
  font-size: 10px;
  font-weight: 600;
  line-height: 1.2em;
  border-radius: 24px;
  letter-spacing: 0.01em;
  text-align: center;
  background: var(--list-item-num-background, var(--gradient-site));
  color: var(--list-item-num-color, #fff);
  padding: 4px 7.5px;
}

.profile {
  margin-top: 25px;
  margin-bottom: 80px;
  --profile-sidebar-width: 240px;
  --profile-right-width: 129px;
}
@media (max-width: 1271.98px) {
  .profile {
    --profile-sidebar-width: 220px;
    --profile-right-width: 180px;
  }
}
@media (max-width: 1071.98px) {
  .profile {
    margin-bottom: 40px;
  }
}
@media (max-width: 1071.98px) {
  .profile__headings {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
  }
  .profile__headings:after {
    content: "";
    display: block;
    width: 36px;
  }
}
@media (min-width: 1072px) {
  .profile__back {
    display: none;
  }
}
.profile__back {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  border-radius: 10px;
  width: 36px;
  height: 36px;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.28 5.96667L8.9333 10.3133C8.41997 10.8267 7.57997 10.8267 7.06664 10.3133L2.71997 5.96667' stroke='%231A1A1A' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-size: 16px 16px;
  background-repeat: no-repeat;
  background-position: center;
  transform: rotate(90deg);
  order: -10;
}
@media (max-width: 1071.98px) {
  .profile:has(.profile__back) .profile__info {
    display: none;
  }
}
.profile__grid {
  display: grid;
  grid-template-columns: var(--profile-sidebar-width) 1fr var(--profile-right-width);
  gap: 70px;
}
@media (max-width: 1071.98px) {
  .profile__grid {
    grid-template-columns: 1fr;
    gap: 10px;
  }
}
@media (min-width: 1072px) {
  .profile__favorites {
    gap: 10px;
  }
}
@media (max-width: 1271.98px) {
  .profile__favorites {
    grid-template-columns: 1fr;
  }
}
.profile__tabs-mobile {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 1071.98px) {
  .profile__tabs-mobile {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 99;
    background-color: #fff;
    display: flex;
    align-items: stretch;
    justify-content: center;
    flex-direction: row;
    box-shadow: 4px 0px 44px 0px rgba(0, 0, 0, 0.0901960784);
    border-radius: 30px 30px 0 0;
    border: 1px solid var(--color-border);
    gap: 0;
  }
}
@media (max-width: 1071.98px) {
  .profile__tab-mobile {
    padding: 10px;
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
    justify-content: flex-end;
    font-size: 9px;
    gap: 5px;
    border-radius: 0;
    text-align: center;
    letter-spacing: -0.02em;
    color: #a1a6b2;
    flex-grow: 1;
  }
  .profile__tab-mobile.active {
    color: var(--color-primary);
    background-color: transparent;
  }
  .profile__tab-mobile.active .profile__tab-mobile-icon {
    mask-image: var(--icon);
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    background-color: var(--color-primary);
    background-image: none;
  }
  .profile__tab-mobile span {
    padding: 0 5px;
    max-width: 70px;
    flex-grow: 1;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .profile__tab-mobile-icon {
    width: 24px;
    height: 24px;
    background-image: var(--icon);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
  }
}
.profile__heading {
  margin-bottom: 14px;
}
.profile__subtitle {
  font-size: 18px;
  font-weight: 600;
  line-height: 1.2em;
  letter-spacing: 0.01em;
  color: #a1a6b2;
  margin-bottom: 10px;
}
@media (max-width: 1071.98px) {
  .profile__subtitle {
    font-size: 16px;
  }
}
.profile__loadmore {
  margin-top: 24px;
  cursor: pointer;
  touch-action: manipulation;
  user-select: none;
}
.profile__loadmore.loading {
  opacity: 0.5;
  pointer-events: none;
}
@media (max-width: 1071.98px) {
  .profile__content .profile__heading {
    order: -5;
  }
}
@media (max-width: 1071.98px) {
  .profile__content {
    display: contents;
  }
  .profile__content > div {
    display: contents;
  }
}
.profile__tabs {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  flex-direction: column;
}
.profile__my-help-tabs {
  margin-bottom: 10px;
  border-radius: 20px;
  background-color: #fff;
}
.profile__my-help-tab {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
  padding: 14px 18px;
  color: var(--color-text);
  font-size: 12px;
  font-weight: 600;
  line-height: 1.2em;
  letter-spacing: 0.01em;
}
.profile__my-help-tab span {
  flex-grow: 1;
}
.profile__my-help-tab-icon {
  min-width: 20px;
  width: 20px;
  height: 20px;
  object-fit: contain;
  mask-image: var(--icon);
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
  background-image: var(--gradient-site);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
}
.profile__my-help-tab:not(:last-child) {
  border-bottom: 1px solid var(--color-border);
}
.profile__achivments {
  background-color: var(--color-gray);
  border-radius: 26px;
  padding: 15px 18px;
  margin-bottom: 40px;
}
@media (max-width: 1071.98px) {
  .profile__achivments {
    margin-bottom: 0;
    overflow: hidden;
  }
}
.profile__achivments-headings {
  margin-bottom: 15px;
  gap: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.profile__achivments-heading {
  font-size: 18px;
  font-weight: 600;
  line-height: 1.2em;
  letter-spacing: 0.01em;
  color: var(--color-text);
}
@media (max-width: 1071.98px) {
  .profile__achivments-heading {
    font-size: 16px;
  }
}
.profile__achivments-button {
  color: #44a3f0;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.2em;
  letter-spacing: 0.01em;
}
.profile__achivments-button:hover {
  color: var(--color-primary);
}
.profile__achivments-swiper {
  overflow: hidden;
  position: relative;
  padding: 0 18px;
  margin: 0 -18px;
}
@media (max-width: 1071.98px) {
  .profile__achivments-flex {
    max-width: calc(var(--vw, 1vw) * 100 - 30px - 30px);
    width: 100%;
  }
}
.profile__achivments-item.swiper-slide {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  gap: 6px;
  cursor: pointer;
  touch-action: manipulation;
  width: auto;
}
.profile__achivments-item:hover .profile__achivments-item-image img {
  animation: profile_bounce 0.5s ease-in-out;
}
.profile__achivments-item:hover .profile__achivments-item-title {
  color: var(--color-primary);
}
.profile__achivments-item-image {
  width: var(--achivment-image-size, 70px);
  height: var(--achivment-image-size, 70px);
  object-fit: cover;
  background-color: var(--achivment-bg, #fff);
  filter: var(--achivment-filter, grayscale(1));
  opacity: var(--achivment-opacity, 0.6);
  border-radius: 22px;
  overflow: hidden;
}
.profile__achivments-item-image img {
  width: var(--achivment-image-size, 70px);
  height: var(--achivment-image-size, 70px);
  object-fit: cover;
  border-radius: 22px;
}
.profile__achivments-item-title {
  margin-top: 0px;
  margin-right: auto;
  margin-left: auto;
  max-width: 70px;
  font-size: 10px;
  font-weight: 600;
  line-height: 1.2em;
  letter-spacing: -0.02em;
  color: var(--achivment-color, #a1a6b2);
}
.profile__achivments-item--completed {
  --achivment-bg: var(--color-text);
  --achivment-color: var(--color-text);
  --achivment-filter: none;
  --achivment-opacity: 1;
}
.profile__tab {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.2em;
  padding: 14px 20px;
  border-radius: 30px;
  background-color: transparent;
  color: var(--color-text);
}
.profile__tab--logout {
  color: #a1a6b2;
}
.profile__tab img {
  width: 24px;
  height: 24px;
  min-width: 24px;
  object-fit: contain;
}
.profile__tab.active {
  background: var(--gradient-site);
  color: #fff;
}
.profile__tab.active img {
  filter: brightness(0) invert(1);
}
.profile-forms__flex {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 15px;
  margin-bottom: 20px;
}
.profile-forms__btns {
  margin-top: 20px;
}
.profile__content-subscriptions-list {
  width: 100%;
}
.profile__content-subscriptions-list--inactive {
  margin-top: 50px;
}
.profile__content-subscriptions-list-item {
  --gap: 18px;
}
@media (max-width: 1071.98px) {
  .profile__content-subscriptions-list-item {
    flex-wrap: wrap;
    --gap: 5px;
  }
}
.profile__content-subscriptions-list-item-info {
  background-color: var(--tr);
  border-radius: 26px;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 10px var(--gap);
  padding: 10px 16px;
  width: 100%;
  max-width: 50%;
  margin-left: auto;
  margin-right: 5px;
}
@media (max-width: 1071.98px) {
  .profile__content-subscriptions-list-item-info {
    margin-left: 0;
    width: 100%;
    max-width: 100%;
    margin-right: 0;
    gap: 10px 12px;
    margin-top: 10px;
    flex-wrap: wrap;
  }
  .profile__content-subscriptions-list-item-info:has(+ .profile__content-subscriptions-list-item-btns) {
    max-width: calc(100% - 52px - var(--gap));
  }
  .profile__content-subscriptions-list-item-info + .profile__content-subscriptions-list-item-btns {
    margin-top: 10px;
  }
}
.profile__content-subscriptions-list-item-info-icon {
  align-self: center;
  width: 20px;
  height: 20px;
  object-fit: contain;
}
.profile__content-subscriptions-list-item {
  line-height: 1.2em;
  background-color: #fff;
  border-radius: 26px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px;
}
@media (max-width: 1071.98px) {
  .profile__content-subscriptions-list-item {
    padding: 10px;
  }
}
.profile__content-subscriptions-list-item-title {
  display: block;
  font-size: 14px;
  font-weight: 600;
  color: var(--color-text);
}
@media (max-width: 1071.98px) {
  .profile__content-subscriptions-list-item-content {
    width: calc(100% - 52px - 15px);
  }
}
.profile__content-subscriptions-list-item-subtitle {
  font-size: 10px;
  font-weight: 600;
  color: #a1a6b2;
  letter-spacing: 0.01em;
  line-height: 1.2em;
}
.profile__content-subscriptions-list-item-project-image {
  width: 52px;
  height: 52px;
  min-width: 52px;
  position: relative;
  overflow: hidden;
  margin-right: 15px;
}
.profile__content-subscriptions-list-item-project-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 12px;
}
.profile__content-subscriptions-list-item-project-name {
  font-size: 14px;
  font-weight: 600;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  hyphens: auto;
  word-wrap: break-word;
  width: 260px;
  max-width: 260px;
}
@media (min-width: 1072px) {
  .profile__content-subscriptions-list-item-project-name {
    padding-right: 10px;
  }
}
@media (max-width: 1071.98px) {
  .profile__content-subscriptions-list-item-project-name {
    width: 100%;
    max-width: 100%;
  }
}
.profile__content-subscriptions-list-item-project-name a {
  color: inherit;
}
.profile__content-subscriptions-list-item-project-name a:hover {
  color: var(--color-primary);
}
.profile__content-subscriptions-list-item-card {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 6px;
  font-size: 10px;
  color: #a1a6b2;
  font-weight: 600;
  line-height: 1.2em;
  letter-spacing: 0.01em;
  margin-top: 4px;
}
.profile__content-subscriptions-list-item-btns {
  gap: 10px;
}
.profile__content-subscriptions-list-item-disable {
  width: 52px;
  height: 52px;
  border-radius: 50%;
  background-color: #f5f8fd;
}
.profile__content-subscriptions-list-item-disable:hover svg path {
  stroke: var(--color-error);
}
.profile__content-subscriptions-list-item-disable svg {
  width: 20px;
  height: 20px;
}
.profile__content-my-card-list {
  width: 100%;
}
.profile__content-my-card-item {
  --gap: 18px;
  display: flex;
  align-items: center;
  margin-bottom: 10px;
  justify-content: center;
  gap: 10px;
  background-color: #fff;
  padding: 14px;
  border-radius: 26px;
}
@media (max-width: 1071.98px) {
  .profile__content-my-card-item {
    --gap: 10px;
    flex-wrap: wrap;
    justify-content: flex-start;
  }
}
.profile__content-my-card-item-info {
  background-color: var(--tr);
  border-radius: 26px;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 10px var(--gap);
  padding: 10px 16px;
  width: 100%;
  max-width: 50%;
  margin-left: auto;
  margin-right: 5px;
}
@media (max-width: 1071.98px) {
  .profile__content-my-card-item-info {
    margin-left: 0;
    width: 100%;
    max-width: 100%;
    margin-right: 0;
    gap: 10px 12px;
    margin-top: 10px;
  }
  .profile__content-my-card-item-info:has(+ .profile__content-my-card-item-btns) {
    max-width: calc(100% - 52px - var(--gap));
  }
  .profile__content-my-card-item-info + .profile__content-my-card-item-btns {
    margin-top: 10px;
  }
}
.profile__content-my-card-item-title {
  font-size: 10px;
  font-weight: 500;
  color: #a1a6b2;
  margin-bottom: 0.4em;
  display: block;
}
.profile__content-my-card-item-subtitle {
  font-size: 14px;
  font-weight: 600;
  color: var(--color-text);
  line-height: 1.2em;
  letter-spacing: 0.01em;
}
.profile__content-my-card-item-disable {
  width: 52px;
  height: 52px;
  border-radius: 50%;
  background-color: #f5f8fd;
}
.profile__content-my-card-item-disable:hover svg path {
  stroke: var(--color-error);
}
.profile__content-my-card-item-disable svg {
  width: 20px;
  height: 20px;
}
.profile__content-my-card-item-number {
  width: 100%;
}
.profile__content-my-card-item-number-icon {
  min-width: 40px;
  max-width: 40px;
  display: flex;
  align-items: center;
  height: 40px;
  border-radius: 100%;
  position: relative;
  margin-right: 18px;
  overflow: hidden;
}
@media (max-width: 1071.98px) {
  .profile__content-my-card-item-number-icon {
    margin-right: 10px;
  }
}
.profile__content-my-card-item-number-icon img {
  height: 100%;
  width: 100%;
  object-fit: contain;
  border-radius: 100%;
  display: block;
}
.profile__content-my-card-item-number-number {
  font-size: 14px;
  font-weight: 500;
}
@media (max-width: 1071.98px) {
  .profile__content-my-card-item-number-content {
    width: calc(100% - 52px - 15px);
  }
}
.profile__badge {
  background-color: var(--bg);
  padding: 11px 10px;
  border-radius: var(--br) 0 0 var(--br);
  line-height: 1.2em;
  margin-bottom: 15px;
}
.profile__badge-name {
  font-size: 14px;
  font-weight: 600;
}
.profile__badge-icon {
  margin-right: 10px;
}
.profile__badge-icon svg {
  display: block;
}
.profile__badge-icon svg path {
  fill: var(--color-primary);
}
.profile__badge-desc {
  color: #a1a6b2;
  font-size: 12px;
  margin-top: 2px;
}
.profile__info {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  flex-direction: column;
}
@media (max-width: 1071.98px) {
  .profile__info {
    flex-direction: row;
    gap: 10px;
    order: -2;
  }
}
.profile__num-item {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column-reverse;
  --br: 26px;
  border-radius: var(--br);
  padding: 17px 10px;
  line-height: 1.2em;
  background-color: var(--color-gray);
  text-align: center;
}
@media (max-width: 1071.98px) {
  .profile__num-item {
    flex-grow: 1;
    flex-basis: 0;
  }
}
.profile__num-item-title {
  font-size: 10px;
  letter-spacing: 0.01em;
  line-height: 1.2em;
  color: #a1a6b2;
}
@media (min-width: 1072px) {
  .profile__num-item + .profile__num-item {
    margin-top: 10px;
  }
}
.profile__num-item-num {
  font-size: 18px;
  font-weight: 600;
  line-height: 1.2em;
  letter-spacing: -0.01em;
  margin-top: 0.4em;
}
@media (max-width: 767.98px) {
  .profile__num-item-num {
    font-size: 16px;
  }
}
.profile__num-item-icon svg {
  width: 24px;
  min-width: 24px;
}
.profile__content-invite .profile__invite-ref,
.profile__content-invite .profile__invite-payments {
  background-color: #fff;
  border-radius: 26px;
  padding: 16px 18px;
}
.profile__content-invite .profile__invite-ref {
  margin-top: 10px;
  margin-bottom: 16px;
}
.profile__content-invite .profile__invite-ref-label {
  font-size: 12px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: 0.01em;
  color: #a1a6b2;
  margin-bottom: 8px;
}
.profile__content-invite .profile__invite-ref-field {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 6px;
}
@media (max-width: 1071.98px) {
  .profile__content-invite .profile__invite-ref-field {
    flex-direction: column;
    align-items: stretch;
  }
}
.profile__content-invite .profile__invite-ref-input {
  padding: 10px 12px;
  font-size: 14px;
  line-height: 1.2;
  height: 40px;
}
@media (max-width: 1071.98px) {
  .profile__content-invite .profile__invite-ref-input {
    width: 100%;
  }
}
.profile__content-invite .profile__invite-ref-btn {
  white-space: nowrap;
}
@media (max-width: 1071.98px) {
  .profile__content-invite .profile__invite-ref-btn {
    width: 100%;
    text-align: center;
    justify-content: center;
  }
}
.profile__content-invite .profile__invite-ref-btn.is-copied {
  background-color: var(--color-primary);
  border-color: var(--color-primary);
  color: #fff;
}
.profile__content-invite .profile__invite-ref-hint {
  font-size: 11px;
  line-height: 1.4;
  color: #a1a6b2;
}
.profile__content-invite .profile__invite-payments-title {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: 0.01em;
  margin-bottom: 10px;
  color: var(--color-text);
}
.profile__content-invite .profile__invite-payments-empty {
  font-size: 13px;
  line-height: 1.4;
  color: #a1a6b2;
  margin: 0;
}
.profile__content-invite .profile__invite-payments .profile__content-my-help-list {
  margin: 0;
}
.profile__content-personal-data .main-forms__item-file.js-file-dropzone {
  position: relative;
  border-radius: 20px;
  background-color: #fff;
}
.profile__content-personal-data .main-forms__item-file.js-file-dropzone.hover {
  border-color: var(--color-primary);
  background-color: #f5f8fd;
}
.profile__content-personal-data .main-forms__item-file.js-file-dropzone.file-uploaded .js-file-dropzone-text {
  color: var(--color-primary);
}
.profile__content-personal-data .main-forms__item-file.js-file-dropzone .js-file-dropzone-text {
  font-size: 12px;
  font-weight: 600;
  color: #44a3f0;
}
.profile__content-personal-data .main-forms__item-file.js-file-dropzone .js-file-dropzone-preview {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background-color: #f5f8fd;
  background-image: var(--placeholder);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  overflow: hidden;
}
.profile__content-personal-data .main-forms__item-file.js-file-dropzone .js-file-dropzone-preview img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.profile__content-personal-data .main-forms__item-file.js-file-dropzone .js-file-dropzone-input {
  position: absolute;
  inset: 0;
  opacity: 0;
  cursor: pointer;
}

.main-forms__label {
  color: currentColor;
  position: relative;
  display: block;
}
.main-forms__input, .profile__content-invite .profile__invite-ref-input {
  box-shadow: none;
  border-radius: 18px;
  border: 1px solid var(--color-border);
  display: block;
  width: 100%;
  padding: 30px 15px 10px 15px;
  font-weight: 400;
  font-size: 16px;
  background-color: transparent;
  color: var(--color-text);
  transition: border-color 0.2s ease;
}
@media (max-width: 575.98px) {
  .main-forms__input, .profile__content-invite .profile__invite-ref-input {
    font-size: 15px;
  }
}
.main-forms__input:focus, .profile__content-invite .profile__invite-ref-input:focus, .main-forms__input:hover, .profile__content-invite .profile__invite-ref-input:hover, .main-forms__input.input--valid, .profile__content-invite .input--valid.profile__invite-ref-input {
  border-color: var(--color-border);
}
.main-forms__input::placeholder, .profile__content-invite .profile__invite-ref-input::placeholder {
  opacity: 1;
  font-weight: 400;
  color: var(--color-tr);
}
.main-forms__input.error, .profile__content-invite .error.profile__invite-ref-input, .main-forms__input.input--error, .profile__content-invite .input--error.profile__invite-ref-input {
  border-color: #e94848;
}
.main-forms__input:disabled, .profile__content-invite .profile__invite-ref-input:disabled {
  background-color: var(--bg);
  border-color: var(--bg);
  color: var(--tr);
}
.main-forms__input:read-only, .profile__content-invite .profile__invite-ref-input:read-only {
  background-color: var(--bg);
  border-color: var(--bg);
  color: #a1a6b2;
}
.main-forms__input:is(textarea), .profile__content-invite .profile__invite-ref-input:is(textarea) {
  resize: vertical;
  min-height: 5em;
  max-height: 20em;
}
.main-forms__span {
  position: absolute;
  top: 11px;
  left: 15px;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.2;
  color: var(--black);
}

.main-forms__item-select .main-forms__label {
  box-shadow: none;
  border-radius: 10px;
  border: 1px solid #f4e9f4;
  display: block;
  width: 100%;
  padding: 10px 15px;
  font-weight: 500;
  font-size: 16px;
  background-color: transparent;
  color: var(--black);
  transition: border-color 0.2s ease;
}
.main-forms__item-select .main-forms__span {
  position: static;
}
.main-forms__item-select .select2-container {
  width: 100%;
}
.main-forms__item-select .select2-container .select2-selection {
  border-radius: 10px;
  border-width: 0px;
  padding: 0px;
  font-weight: 500;
}
.main-forms__item-select .select2-container .select2-dropdown {
  border-radius: 0 0 10px 10px;
  margin-top: 9px;
  border: 1px solid var(--border);
}
.main-forms__item-select .select2-container .select2-search--dropdown {
  padding: 10px;
}
.main-forms__item-select .select2-container .select2-results {
  font-size: 12px;
}
.main-forms__item-select .select2-container .select2-results .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: var(--bg);
  color: var(--black);
}
.main-forms__item-select .select2-container .select2-results .select2-city-result {
  display: flex;
  align-items: center;
  gap: 6px;
}
.main-forms__item-select .select2-container .select2-results .select2-city-flag {
  flex-shrink: 0;
  border-radius: 2px;
  vertical-align: middle;
  object-fit: cover;
}
.main-forms__item-select .select2-container .select2-results .select2-city-meta {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--gray, #666);
  font-size: 11px;
}
.main-forms__item-select .select2-container .select2-search__field {
  border-radius: 8px;
  background-color: transparent;
  font-weight: 500;
  border-color: var(--border);
}
.main-forms__item-select .select2-container .select2-city-flag {
  vertical-align: middle;
  margin-right: 6px;
  border-radius: 2px;
  object-fit: cover;
}
.main-forms__item-select .select2-container .select2-city-meta {
  display: inline-flex;
  align-items: center;
  color: var(--gray, #6b7280);
  font-size: 0.9em;
}
.main-forms__item-select .select2-container .select2-city-region {
  white-space: nowrap;
}
.main-forms__item-select .select2-container .select2-selection--single .select2-selection__rendered {
  padding: 0px;
  line-height: 1.8;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.main-forms__item-select .select2-container .select2-selection--single .select2-selection__arrow {
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
  width: 24px;
  height: 24px;
  position: absolute;
  top: 0;
  right: 0;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.9201 8.94995L13.4001 15.47C12.6301 16.24 11.3701 16.24 10.6001 15.47L4.08008 8.94995' stroke='url(%23paint0_linear_15_4387)' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_15_4387' x1='3.53177' y1='8.64577' x2='18.2325' y2='7.35668' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%233EA6BA'/%3E%3Cstop offset='1' stop-color='%232D9691'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
}
.main-forms__item-select .select2-container .select2-selection--single .select2-selection__arrow b {
  display: none;
}

.modal-login__toggle-btn {
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px 20px;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.01em;
  color: var(--color-text);
  background-color: transparent;
  border: none;
  cursor: pointer;
  transition: color 0.2s ease;
  margin-right: auto;
  margin-left: auto;
  width: 100%;
  margin-bottom: -8px;
}
.modal-login__toggle-btn:hover {
  color: var(--color-primary);
}

.main-forms__file-delete {
  position: absolute;
  top: 2px;
  right: 2px;
  z-index: 9;
  width: 22px;
  height: 22px;
  border: 0;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 4px 14px rgba(26, 26, 26, 0.12);
  cursor: pointer;
  font-size: 20px;
  line-height: 1;
  color: #1a1a1a;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  transition: transform 0.2s ease;
}
.main-forms__file-delete[hidden] {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.main-forms__file-delete:hover {
  transform: scale(1.3);
}
.main-forms__label--password {
  margin-top: 10px;
  margin-bottom: 10px;
}
.main-forms__input, .profile__content-invite .profile__invite-ref-input {
  background-color: var(--white);
}
@media (max-width: 1071.98px) {
  .main-forms__item-file {
    grid-column-end: span 2;
    order: -1;
  }
}
.main-forms__item-file .main-forms__label {
  background-color: transparent;
  border-radius: 16px;
  border: 1px dotted var(--color-border);
  border-style: dashed;
  border-width: 1px;
  display: block;
  width: 100%;
  padding: 10px 15px 10px 15px;
}
.main-forms__item-file .main-forms__label:hover {
  border-color: var(--color-primary);
}
.main-forms__item-file input {
  clip: rect(0 0 0 0);
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  opacity: 0;
}
.main-forms__item-file .main-forms__span-after {
  color: #44a3f0;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.2;
  letter-spacing: 0.01em;
  margin-top: 26px;
  display: block;
}
.main-forms__item-file .main-forms__file-preview {
  position: absolute;
  top: 6px;
  right: 10px;
  z-index: 3;
  background-color: var(--white);
  border-radius: 100%;
  width: 48px;
  height: 48px;
  max-width: 48px;
  max-height: 48px;
  overflow: hidden;
}
.main-forms__item-file .main-forms__file-preview:not(:has(img)) {
  background: var(--placeholder, #f0f0f0);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  border: 1px solid var(--color-border);
}
.main-forms__item-file .main-forms__file-preview img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 100%;
  background-color: #fff;
}

.modal-achivments.fancybox__content {
  width: 95%;
  margin: 25px 0;
  padding: 0;
  border-radius: 40px;
  max-width: 460px;
  padding: 35px 45px;
}
@media (max-width: 1071.98px) {
  .modal-achivments.fancybox__content {
    padding: 25px 30px;
    border-radius: 40px;
  }
}
@media (max-width: 767.98px) {
  .modal-achivments.fancybox__content {
    padding: 15px 20px;
    border-radius: 40px;
  }
}
@media (max-width: 575.98px) {
  .modal-achivments.fancybox__content {
    border-radius: 30px;
  }
}
.modal-achivments.fancybox__content .modal-form__subheading {
  font-family: var(--ff-sec);
  font-size: clamp(22px, 3vw, 30px);
  font-weight: bold;
  line-height: 1.2;
  color: var(--black);
  letter-spacing: -0.02em;
  margin-bottom: 0.3em;
}
.modal-achivments.fancybox__content .modal-form__subheading:before {
  content: "";
  display: block;
  float: right;
  width: 25px;
  height: 25px;
}
.modal-achivments.fancybox__content .modal-form__subheading:after {
  content: "";
  display: block;
  clear: both;
}
.modal__achivments-list {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 15px;
}
.modal__achivments-list .modal__achivments-item {
  display: flex;
  gap: 15px;
  flex-direction: row;
  align-items: center;
  border-radius: 28px;
  padding: 10px;
  background-color: var(--color-gray);
}
.modal__achivments-list .modal__achivments-item.modal__achivments-item--completed {
  background-color: transparent;
  border: 1px solid var(--color-border);
}
.modal__achivments-list .modal__achivments-item.modal__achivments-item--completed .modal__achivments-item-image {
  background-color: var(--black);
}
.modal__achivments-list .modal__achivments-item-image {
  align-self: center;
  --achivment-image-size: 58px;
  background-color: #fff;
}
.modal__achivments-list .modal__achivments-item-content {
  flex-grow: 1;
  text-align: left;
}
.modal__achivments-list .modal__achivments-item-title {
  font-size: 14px;
  font-weight: 600;
  line-height: 1.2em;
  letter-spacing: 0.01em;
  color: var(--black);
}
.modal__achivments-list .modal__achivments-item-description {
  font-size: 12px;
  font-weight: 500;
  line-height: 1.2em;
  letter-spacing: 0.01em;
  color: #A1A6B2;
  margin-top: 2px;
}
.modal__achivments-list .modal__achivments-item-progress {
  font-size: 10px;
  font-weight: 600;
  line-height: 1.2em;
  letter-spacing: 0.01em;
  color: #A1A6B2;
  margin-bottom: 7px;
}
@keyframes profile_bounce {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.3);
  }
  100% {
    transform: scale(1);
  }
}
.achivment-popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
  overflow: auto;
}
.achivment-popup__overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
}
.achivment-popup__item-close {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 24px;
  height: 24px;
  cursor: pointer;
  z-index: 1;
}
.achivment-popup__item-heading {
  font-size: 20px;
  font-weight: 600;
  line-height: 1.2em;
  letter-spacing: -0.02em;
  color: #fff;
  margin-bottom: 10px;
  padding: 0 40px;
}
.achivment-popup__item-progress {
  font-size: 14px;
  font-weight: 600;
  line-height: 1.2em;
  letter-spacing: -0.02em;
  color: rgba(255, 255, 255, 0.5019607843);
  margin-top: 10px;
}
.achivment-popup__item {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  max-width: 300px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 10px;
  animation: achivment_popup_show 0.5s ease-in-out alternate;
  animation-iteration-count: 1;
}
.achivment-popup__item--completed {
  animation: achivment_popup_show_completed 1s ease-in-out alternate;
  animation-iteration-count: 1;
  --achivment-bg: var(--color-text);
  --achivment-filter: none;
  --achivment-opacity: 1;
}
.achivment-popup__item:hover .profile__achivments-item-image img {
  animation: profile_bounce 0.5s ease-in-out;
}
.achivment-popup__item:hover .profile__achivments-item-title {
  color: var(--color-primary);
}
.achivment-popup__item-image {
  border-radius: 22px;
  background-color: #fff;
}
.achivment-popup__item-image-wrap {
  width: 140px;
  height: 140px;
  object-fit: cover;
  background-color: var(--achivment-bg, #f5f8fd);
  filter: var(--achivment-filter, grayscale(1));
  opacity: var(--achivment-opacity, 0.6);
  border-radius: inherit;
  overflow: hidden;
}
.achivment-popup__item-title {
  margin-top: 0px;
  margin-right: auto;
  margin-left: auto;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.2em;
  letter-spacing: -0.02em;
  color: #fff;
}
.achivment-popup__item-description {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.2em;
  letter-spacing: -0.02em;
  color: #fff;
}

@keyframes achivment_popup_show {
  0% {
    opacity: 0;
    transform: translate(-50%, -100%) scale(0.1);
  }
  100% {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
  }
}
@keyframes achivment_popup_show_completed {
  0% {
    opacity: 0;
    transform: translate(-50%, -100%) scale(0.1);
  }
  30% {
    opacity: 0;
    transform: translate(-50%, -100%) scale(0.1);
  }
  100% {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
  }
}
@media screen and (max-width: 440px) {
  .profile__tabs {
    position: relative;
    inset: 0;
    flex-direction: column;
    background-color: transparent;
    box-shadow: none;
  }
  .profile__tab {
    flex-direction: row;
    justify-content: space-between;
    padding: 10px 20px;
    border-radius: var(--br);
    box-shadow: none;
    background-color: transparent;
  }
  .profile__tab span {
    display: block;
    max-width: 100%;
    font-size: 14px;
    text-align: left;
  }
}

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