@import url("https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap");
.container {
  width: 1320px;
  max-width: 100%;
  margin: 0 auto;
  padding: 0 2rem;
}
html {
  font-size: 10px;
}
html.remodal-is-locked .header {
  width: calc(100% - 1.6rem);
}
body,
html {
  -webkit-overflow-scrolling: touch;
}
body.fixed,
html.fixed {
  -ms-touch-action: none;
  touch-action: none;
}
body {
  margin: 0;
  padding: 0;
  background-color: #fff;
  font-family:
    DM Sans,
    sans-serif;
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 1.5;
  color: #000;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow-x: hidden;
}
body.fixed {
  overflow: hidden;
  position: fixed;
  width: 100%;
  padding-right: 1.6rem !important;
}
body.main .footer {
  padding-top: 28rem;
}
@media (max-width: 992px) {
  body.main .footer {
    padding-top: 25rem;
  }
}
h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin: 0;
  padding: 0;
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
}
a,
a:focus,
a:hover {
  text-decoration: none;
}
a:focus {
  outline: 0;
}
p {
  margin: 0 0 0.5em;
}
ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
*,
:after,
:before {
  box-sizing: border-box;
}
::-webkit-scrollbar {
  width: 1.2rem;
  height: 1.2rem;
}
::-webkit-scrollbar-track {
  background-color: #e5e5e5;
}
::-webkit-scrollbar-thumb {
  border-radius: 1.2rem;
  border: 0.3rem solid #e5e5e5;
  background: #22c0d5;
  cursor: pointer;
}
::selection {
  background: #323232;
  color: #22c0d5;
}
.page {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: justify;
  justify-content: space-between;
  min-height: 100vh;
}
.page__wrapper {
  position: relative;
}
.mask {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 0;
  visibility: hidden;
  z-index: 100;
  transition: 0.3s;
}
.mask.active {
  opacity: 0.8;
  visibility: visible;
}
.slick-loading .slick-list {
  background: #fff "/images/ajax-loader.gif" 50% no-repeat;
}
.arrows {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 2rem;
}
.arrows.right {
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.slick-next,
.slick-prev {
  position: relative;
  display: block;
  height: 2rem;
  width: 2rem;
  padding: 0;
  border-radius: 0;
  border: none;
  background-color: transparent;
  line-height: 0;
  font-size: 0;
  cursor: pointer;
  transition: 0.3s;
}
.slick-next,
.slick-next:focus,
.slick-next:hover,
.slick-prev,
.slick-prev:focus,
.slick-prev:hover {
  color: transparent;
  outline: none;
}
.slick-next.slick-disabled:before,
.slick-prev.slick-disabled:before {
  opacity: 0.5;
}
.slick-next:before,
.slick-prev:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: contain;
}
.slick-prev:before {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='20' height='15' viewBox='0 0 20 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M6.53747 13.8663C6.60076 13.9422 6.67918 14.0041 6.76771 14.048C6.85625 14.0919 6.95297 14.1169 7.0517 14.1213C7.15042 14.1258 7.249 14.1096 7.34114 14.0739C7.43327 14.0381 7.51695 13.9836 7.58683 13.9137C7.65672 13.8438 7.71127 13.7601 7.74702 13.668C7.78277 13.5759 7.79893 13.4773 7.79447 13.3786C7.79001 13.2798 7.76503 13.1831 7.72111 13.0946C7.6772 13.0061 7.61532 12.9276 7.53942 12.8643L2.42745 7.74636L19.3244 7.74636C19.5068 7.73668 19.6786 7.65741 19.8042 7.52487C19.9299 7.39233 20 7.21663 20 7.03397C20 6.85131 19.9299 6.67561 19.8042 6.54307C19.6786 6.41053 19.5068 6.33126 19.3244 6.32158L2.42745 6.32158L7.54744 1.20961C7.6763 1.07465 7.74821 0.89523 7.74821 0.70863C7.74821 0.522031 7.6763 0.342607 7.54744 0.207653C7.48172 0.141731 7.40364 0.0894278 7.31767 0.0537394C7.2317 0.0180519 7.13954 -0.000319661 7.04646 -0.00031967C6.95338 -0.000319678 6.86121 0.0180519 6.77524 0.0537393C6.68928 0.0894277 6.6112 0.141731 6.54548 0.207653L0.21313 6.54C0.145732 6.60488 0.092118 6.68269 0.0554969 6.76877C0.0188738 6.85485 6.21791e-07 6.94743 6.13683e-07 7.04098C6.05576e-07 7.13453 0.0188738 7.22711 0.0554968 7.3132C0.0921179 7.39928 0.145732 7.47708 0.21313 7.54196L6.53747 13.8663Z' fill='%2322C0D5'/%3e%3c/svg%3e");
}
.slick-next:before {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='20' height='15' viewBox='0 0 20 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M13.4625 0.255776C13.3992 0.179875 13.3208 0.117996 13.2323 0.0740827C13.1437 0.0301696 13.047 0.00518613 12.9483 0.000725129C12.8496 -0.00373587 12.751 0.0124235 12.6589 0.0481729C12.5667 0.0839224 12.483 0.138478 12.4132 0.208361C12.3433 0.278244 12.2887 0.361921 12.253 0.454058C12.2172 0.546195 12.2011 0.64477 12.2055 0.743498C12.21 0.842227 12.235 0.938943 12.2789 1.02748C12.3228 1.11602 12.3847 1.19443 12.4606 1.25773L17.5726 6.37571H0.675595C0.493192 6.38539 0.321449 6.46466 0.195757 6.5972C0.0700649 6.72974 0 6.90544 0 7.0881C0 7.27076 0.0700649 7.44646 0.195757 7.579C0.321449 7.71154 0.493192 7.79081 0.675595 7.80049H17.5726L12.4526 12.9125C12.3237 13.0474 12.2518 13.2268 12.2518 13.4134C12.2518 13.6 12.3237 13.7795 12.4526 13.9144C12.5183 13.9803 12.5964 14.0326 12.6823 14.0683C12.7683 14.104 12.8605 14.1224 12.9535 14.1224C13.0466 14.1224 13.1388 14.104 13.2248 14.0683C13.3107 14.0326 13.3888 13.9803 13.4545 13.9144L19.7869 7.58206C19.8543 7.51719 19.9079 7.43938 19.9445 7.3533C19.9811 7.26722 20 7.17463 20 7.08109C20 6.98754 19.9811 6.89495 19.9445 6.80887C19.9079 6.72279 19.8543 6.64498 19.7869 6.58011L13.4625 0.255776Z' fill='%2322C0D5'/%3e%3c/svg%3e");
}
.slick-dots {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  gap: 1.6rem;
  margin-top: 3.5rem;
  padding: 0;
  list-style: none;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  padding: 0;
  cursor: pointer;
}
.slick-dots li button {
  display: block;
  width: 1.2rem;
  height: 1.3rem;
  border: 0;
  background-color: #e5e5e5;
  -webkit-clip-path: path(
    "M11.6753 2.95634C11.6753 2.95634 11.2894 1.11019 9.62174 0.461538C8.83767 0.162162 7.40643 0.012474 6.00007 0C4.59372 0.012474 3.16248 0.162162 2.37841 0.461538C0.710698 1.11019 0.324885 2.95634 0.324885 2.95634C0.0759728 4.00416 -0.0111464 5.06445 0.00129923 6C-0.0111464 6.93555 0.0635272 8.00832 0.324885 9.04366C0.324885 9.04366 0.710698 10.8898 2.37841 11.5385C3.16248 11.8378 4.59372 11.9875 6.00007 12C7.40643 11.9875 8.83767 11.8503 9.62174 11.5385C11.2894 10.8898 11.6753 9.04366 11.6753 9.04366C11.9242 7.99584 12.0113 6.93555 11.9988 6C12.0113 5.06445 11.9242 4.00416 11.6753 2.95634Z"
  );
  clip-path: path(
    "M11.6753 2.95634C11.6753 2.95634 11.2894 1.11019 9.62174 0.461538C8.83767 0.162162 7.40643 0.012474 6.00007 0C4.59372 0.012474 3.16248 0.162162 2.37841 0.461538C0.710698 1.11019 0.324885 2.95634 0.324885 2.95634C0.0759728 4.00416 -0.0111464 5.06445 0.00129923 6C-0.0111464 6.93555 0.0635272 8.00832 0.324885 9.04366C0.324885 9.04366 0.710698 10.8898 2.37841 11.5385C3.16248 11.8378 4.59372 11.9875 6.00007 12C7.40643 11.9875 8.83767 11.8503 9.62174 11.5385C11.2894 10.8898 11.6753 9.04366 11.6753 9.04366C11.9242 7.99584 12.0113 6.93555 11.9988 6C12.0113 5.06445 11.9242 4.00416 11.6753 2.95634Z"
  );
  outline: none;
  line-height: 0;
  padding: 0;
  font-size: 0;
  color: transparent;
  cursor: pointer;
  outline: 0;
  margin: 0;
  transition: 0.3s;
}
.slick-dots li.slick-active button,
.slick-dots li button:focus,
.slick-dots li button:hover {
  background-color: #22c0d5;
}
#js-slider-1 .slick-slide {
  padding: 0;
}
#js-slider-2 .slick-slide {
  padding: 0;
  text-align: center;
}
#js-slider-2 .slick-current .product__thumbs-item {
  border-color: #b46730;
}
.slick-slider {
  box-sizing: border-box;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.slick-list,
.slick-slider {
  position: relative;
  display: block;
}
.slick-list {
  overflow: hidden;
  margin: 0 -10px;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}
.slick-slider .slick-list,
.slick-slider .slick-track {
  transform: translateZ(0);
}
.slick-track {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  top: 0;
  left: 0;
}
.slick-track:after,
.slick-track:before {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}
.slick-slide {
  float: left;
  min-height: 1px;
  display: none;
  padding: 0 10px;
}
.slick-slide:focus {
  outline: 0;
}
.slick-slide img {
  display: block;
  max-width: 100%;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
  display: none;
}
html.remodal-is-locked,
html.remodal-is-locked body {
  overflow: hidden;
  -ms-touch-action: none;
  touch-action: none;
}
.remodal,
[data-remodal-id] {
  display: none;
}
.remodal-overlay {
  position: fixed;
  z-index: 9999;
  top: -5000px;
  right: -5000px;
  bottom: -5000px;
  left: -5000px;
}
.remodal-wrapper {
  position: fixed;
  z-index: 9999;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
  overflow: auto;
  text-align: center;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
}
.remodal-wrapper:after {
  display: inline-block;
  height: 100%;
  margin-left: -0.05em;
  content: "";
}
.remodal-overlay,
.remodal-wrapper {
  backface-visibility: hidden;
}
.remodal {
  position: relative;
  outline: none;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
}
.remodal-is-initialized {
  display: inline-block;
}
.remodal-bg.remodal-is-opened,
.remodal-bg.remodal-is-opening {
  filter: blur(3px);
}
.remodal-overlay {
  background: rgba(3, 3, 3, 0.9);
}
.remodal-overlay.remodal-is-closing,
.remodal-overlay.remodal-is-opening {
  animation-duration: 0.3s;
  animation-fill-mode: forwards;
}
.remodal-overlay.remodal-is-opening {
  animation-name: c;
}
.remodal-overlay.remodal-is-closing {
  animation-name: d;
}
.remodal-wrapper {
  padding: 1.5rem;
}
.remodal.remodal-is-closing,
.remodal.remodal-is-opening {
  animation-duration: 0.3s;
  animation-fill-mode: forwards;
}
.remodal.remodal-is-opening {
  animation-name: a;
}
.remodal.remodal-is-closing {
  animation-name: b;
}
.remodal,
.remodal-wrapper:after {
  vertical-align: middle;
}
@keyframes a {
  0% {
    transform: scale(1.05);
    opacity: 0;
  }
  to {
    transform: none;
    opacity: 1;
  }
}
@keyframes b {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  to {
    transform: scale(0.95);
    opacity: 0;
  }
}
@keyframes c {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes d {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@media only screen and (min-width: 641px) {
  .remodal:not(.remodal--sign) {
    max-width: 480px;
  }
}
.lt-ie9 .remodal-overlay {
  background: rgba(3, 3, 3, 0.9);
}
.lt-ie9 .remodal {
  width: 480px;
}
.remodal {
  width: 48rem;
  max-width: 100%;
  padding: 0;
  background-color: #fff;
  text-align: left;
  color: #fff;
  overflow: hidden;
  transform: translateZ(0);
}
.remodal .close {
  position: absolute;
  top: 2.5rem;
  right: 2.5rem;
  width: 2rem;
  height: 2rem;
}
.remodal .close:after,
.remodal .close:before {
  top: 0.9rem;
  background-color: #000;
}
.remodal__content {
  position: relative;
}
.remodal__body,
.remodal__content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
}
.remodal__body {
  -ms-flex-pack: center;
  justify-content: center;
  width: 36rem;
  max-width: 100%;
  height: 100%;
  margin: 0 auto;
  padding: 7rem 2rem 4.5rem;
}
@media (max-width: 768px) {
  .remodal__body {
    padding: 5rem 2rem 3rem;
  }
}
.remodal__body .block__title {
  margin-bottom: 3rem;
  font-size: 3rem;
  color: #000;
}
.remodal__footer {
  position: relative;
  width: 100%;
  height: 12.4rem;
  padding: 3.5rem 0;
}
@media (max-width: 768px) {
  .remodal__footer {
    height: 10rem;
    padding: 2rem 0;
  }
}
.remodal__footer .block__text {
  margin-bottom: 0;
  padding: 0 2rem;
  font-size: 1.6rem;
  text-align: center;
  color: #000;
}
.remodal__footer .block__text a {
  color: #22c0d5;
}
.remodal__line {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: -1;
}
.remodal__track {
  display: -ms-flexbox;
  display: flex;
  width: fit-content;
  animation: h 20s linear infinite;
}
.remodal__track img {
  width: 48rem;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.error__page {
  position: relative;
}
.error__page .section__bg {
  top: 4rem;
  left: 0;
}
.error__page .section__bg--second {
  top: 25rem;
  left: auto;
  right: 0;
}
.error__page .section__wrapper {
  padding: 5rem 3.5rem;
}
@media (max-width: 992px) {
  .error__page .section__wrapper {
    padding: 3rem 2rem;
  }
}
.error__page-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 10rem 0;
  text-align: right;
}
.error__page-wrapper .btn {
  min-width: 15rem;
}
.error__title {
  font-weight: 700;
  font-size: 20rem;
  line-height: 1;
  color: #8f8f8f;
}
.error__subtitle {
  margin-bottom: 3rem;
  font-weight: 700;
  font-size: 3.6rem;
  color: #000;
}
@media (max-width: 768px) {
  .error__title {
    font-size: 30vw;
  }
}
@media (max-width: 640px) {
  .error__subtitle {
    margin-bottom: 3rem;
    font-size: 2rem;
  }
}
.closed__page {
  height: 100vh;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-direction: column;
  flex-direction: column;
  perspective: 1000px;
}
.closed__container {
  width: 400px;
  height: 300px;
  margin: 0 auto;
  position: relative;
  transform: scale(1) rotate(7deg) rotateY(14deg);
  transform-origin: center 12px;
  animation:
    2s g,
    0.7s e 1s,
    3s f 1.7s infinite;
}
@keyframes e {
  0% {
    transform: scale(1);
  }
  to {
    transform: scale(1) rotate(7deg) rotateY(14deg);
  }
}
@keyframes f {
  0% {
    transform: rotate(7deg) rotateY(14deg);
  }
  50% {
    transform: rotate(-7deg) rotateY(-14deg);
  }
  to {
    transform: rotate(7deg) rotateY(14deg);
  }
}
.closed__box {
  font-size: 1.6em;
  font-weight: 700;
  text-align: center;
  background: #b46730;
  width: 100%;
  height: 200px;
  position: absolute;
  bottom: 0;
  border-radius: 20px;
  text-shadow: 0 2px #b46730;
  color: #fff;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
}
.rope {
  width: 150px;
  height: 150px;
  border: 5px solid #323232;
  border-bottom: none;
  border-right: none;
  top: 38px;
  left: 122px;
  transform: rotatez(45deg);
}
.pin,
.rope {
  position: absolute;
}
.pin {
  width: 25px;
  height: 25px;
  border-radius: 25px;
  background: #000;
}
.pin--first {
  top: 0;
  left: 187px;
}
.pin--second {
  top: 110px;
  left: 80px;
}
.pin--third {
  top: 110px;
  right: 80px;
}
@keyframes g {
  0% {
    transform: scale(0);
  }
  to {
    transform: scale(1);
  }
}
.sticker {
  position: relative;
  display: block;
  font-weight: 700;
  background-color: #fcf59b;
  border-radius: 0 10px 250px/0 200px 55px 250px;
  box-shadow: -3px 5px 12px 0 rgba(0, 0, 0, 0.3);
  margin-bottom: 1em;
}
.sticker:before {
  z-index: -1;
  width: 90%;
  height: 20px;
  box-shadow: 3px 17px 6px rgba(0, 0, 0, 0.3);
  bottom: 15px;
  right: 5px;
  transform: skew(-10deg, 2deg);
}
.sticker:after,
.sticker:before {
  content: "";
  display: block;
  position: absolute;
}
.sticker:after {
  width: 0;
  height: 0;
  right: 8px;
  bottom: 1px;
  border-top: 10px solid #9ca63d;
  border-right: 10px solid transparent;
  transform: skew(-55deg, 10deg);
}
.sticker__text {
  text-align: center;
  display: block;
  padding: 1em;
  font-size: 1.3em;
  color: #000;
}
.header {
  position: relative;
  width: 100%;
  background-color: #fff;
  border-bottom: 1px solid #e5e5e5;
  z-index: 1;
}
.header .btn {
  height: 40px;
  font-size:14px;
  padding: 0 16px;
  white-space:normal;
}
.header__wrapper {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  height: 7rem;
  padding: 0 3.5rem;
  box-shadow:
    inset 1px 0 0 0 #e5e5e5,
    inset -1px 0 0 0 #e5e5e5;
  transition: 0.3s;
}
@media (max-width: 992px) {
  .header__wrapper {
    padding: 0 2rem;
  }
}
.header__block {
  display: -ms-flexbox;
  display: flex;
}
.header__block.center {
  text-align:center;
}
.header__block.right {
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.logo {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}
.logo img {
  display: block;
}
.logo > img {
  height: 3.6rem;
}
.nav {
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
}
.nav__item {
  position: relative;
}
.nav__item.active > a {
  color: #22c0d5;
}
.nav__item a {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
  font-weight: 500;
  font-size: 1.6rem;
  color: #000;
  transition: 0.3s;
}
.nav__item.active > a,
.nav__item:hover > a {
  color: #22c0d5;
}
.header__actions {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  gap: 2rem;
}
@media (max-width: 992px) {
  .header__block {
    -ms-flex-align: center;
    align-items: center;
  }
  .menu__btn {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 2.1rem;
    height: 1.8rem;
  }
  .menu__btn:after,
  .menu__btn:before,
  .menu__btn i {
    content: "";
    width: 100%;
    display: block;
    height: 2px;
    border-radius: 2px;
    background-color: #000;
    transition: 0.3s;
  }
  .menu {
    width: 40rem;
    max-width: 100vw;
    position: fixed;
    top: 0;
    right: 0;
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    background-color: #fff;
    border-left: 1px solid #323232;
    overflow-y: auto;
    transition: 0.3s;
    transform: translateX(100%);
    z-index: 1001;
  }
  .menu.opened {
    transform: translateX(0);
  }
  .menu .nav {
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
  }
  .menu .btn {
    height: 4.4rem;
    padding: 0 2.3rem;
  }
  .menu__wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    height: 100dvh;
  }
  .menu__wrapper::-webkit-scrollbar {
    width: 0;
    height: 0;
  }
  .menu__header {
    border-bottom: 1px solid #e5e5e5;
  }
  .menu__header-wrapper {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: end;
    justify-content: flex-end;
    min-height: 7rem;
    padding: 0 2rem;
    border-left: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
  }
  .menu__header-wrapper:after {
    left: 0;
    transform: translate(-1rem, 1rem);
  }
  .menu__header-wrapper:after,
  .menu__header-wrapper:before {
    content: "";
    position: absolute;
    bottom: 0;
    width: 2.1rem;
    height: 2.1rem;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='21' height='21' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3crect x='10' width='1' height='21' fill='black'/%3e%3crect x='21' y='10' width='1' height='21' transform='rotate(90 21 10)' fill='black'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain;
    pointer-events: none;
    z-index: 2;
  }
  .menu__header-wrapper:before {
    right: 0;
    transform: translate(1rem, 1rem);
  }
  .menu__body {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .menu__body,
  .menu__body .container {
    -ms-flex: 1;
    flex: 1;
  }
  .menu__content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    gap: 3rem;
    padding: 3rem 2rem;
    border-left: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
  }
  .menu__footer {
    border-top: 1px solid #e5e5e5;
  }
  .menu__footer-wrapper {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 7rem;
    padding: 0 2rem;
    border-left: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
  }
  .menu__footer-wrapper:after {
    left: 0;
    transform: translate(-1rem, -1.1rem);
  }
  .menu__footer-wrapper:after,
  .menu__footer-wrapper:before {
    content: "";
    position: absolute;
    top: 0;
    width: 2.1rem;
    height: 2.1rem;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='21' height='21' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3crect x='10' width='1' height='21' fill='black'/%3e%3crect x='21' y='10' width='1' height='21' transform='rotate(90 21 10)' fill='black'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain;
    pointer-events: none;
    z-index: 2;
  }
  .menu__footer-wrapper:before {
    right: 0;
    transform: translate(1rem, -1.1rem);
  }
}
.checkbox {
  margin-bottom: 1rem;
  display: block;
  line-height: 1;
  position: relative;
}
.checkbox--inline {
  display: inline-block;
  vertical-align: top;
  margin-right: 5px;
}
.checkbox__input {
  position: absolute;
  opacity: 0;
}
.checkbox__input:checked + .checkbox__label--not-active {
  -webkit-user-select: auto;
  -ms-user-select: auto;
  user-select: auto;
  color: #323232;
}
.checkbox__input:checked + .checkbox__label--not-active:before {
  border-color: #585858;
}
.checkbox__input:checked + .checkbox__label--not-active:after {
  opacity: 0;
}
.checkbox__input:checked + .checkbox__label--not-active:hover {
  cursor: pointer;
}
.checkbox__input:checked + .checkbox__label:after {
  opacity: 1;
}
.checkbox__input.error + .checkbox__label {
  color: #ea4335;
}
.checkbox__input.error + .checkbox__label:before {
  border-color: #ea4335;
}
.checkbox__input:disabled + .checkbox__label {
  cursor: text;
  -webkit-user-select: unset;
  -ms-user-select: unset;
  user-select: unset;
}
.checkbox__label {
  display: inline-block;
  -ms-flex-align: center;
  align-items: center;
  min-height: 3rem;
  padding-left: 4rem;
  color: #000;
  cursor: pointer;
  font-family: inherit;
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 1.25;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-align: left;
  position: relative;
}
.checkbox__label:before {
  top: 0;
  left: 0;
  width: 3rem;
  height: 3rem;
  border-radius: 0.6rem;
  background-color: #e5e5e5;
}
.checkbox__label:after,
.checkbox__label:before {
  content: "";
  position: absolute;
  z-index: 1;
  transition: 0.3s;
}
.checkbox__label:after {
  top: 0.8rem;
  left: 0.8rem;
  width: 1.4rem;
  height: 1.4rem;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='14' height='10' viewBox='0 0 14 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.0627 0.000827589C11.7893 0.00950986 11.5301 0.124393 11.3401 0.32108C8.76548 2.90126 6.81609 5.04177 4.39341 7.50586L1.73298 5.25599C1.62785 5.16648 1.50611 5.09855 1.37472 5.05609C1.24334 5.01363 1.10487 4.99747 0.967238 5.00852C0.829604 5.01957 0.695494 5.05763 0.572568 5.12051C0.449641 5.18339 0.340304 5.26987 0.250801 5.37501C0.161297 5.48015 0.0933802 5.6019 0.0509275 5.73329C0.00847469 5.86468 -0.00768215 6.00313 0.00337928 6.14077C0.0144407 6.2784 0.0525037 6.41251 0.115395 6.53543C0.178287 6.65836 0.264775 6.76768 0.369921 6.85718L3.78578 9.74752C3.98726 9.91993 4.24647 10.0098 4.51143 9.99915C4.7764 9.98849 5.02754 9.87808 5.21453 9.69004C8.039 6.85953 10.0535 4.59436 12.8345 1.80729C12.9878 1.65932 13.0924 1.46829 13.1346 1.2595C13.1769 1.05071 13.1547 0.834027 13.071 0.638142C12.9873 0.442257 12.846 0.276425 12.666 0.162614C12.4859 0.0488026 12.2755 -0.00762268 12.0627 0.000827589Z' fill='%2322C0D5'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: contain;
  opacity: 0;
}
.checkbox__label a {
  font-weight: 500;
  color: #22c0d5;
  transition: 0.3s;
}
.checkbox__label a:hover {
  opacity: 0.7;
}
.radio__wrapper {
  display: -ms-flexbox;
  display: flex;
}
.radio__wrapper .radio {
  margin-right: 4rem;
}
.radio__wrapper .radio:last-child {
  margin-right: 0;
}
.radio {
  display: block;
  margin-bottom: 5px;
  position: relative;
}
.radio--delivery {
  margin-bottom: 2rem;
}
.radio--delivery:last-child {
  margin-bottom: 0;
}
.radio--delivery .radio__input:checked + .radio__label {
  border-color: #22c0d5;
}
.radio--delivery .radio__input:checked + .radio__label span {
  background: linear-gradient(0deg, #be8c47 23.15%, #be8c47 60.3%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.radio--delivery .radio__input:checked + .radio__label:before {
  border: 1px solid #d9d9d9;
}
.radio--delivery .radio__input:checked + .radio__label:after {
  background: none;
}
.radio--delivery .radio__label {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid #d9d9d9;
  height: 10rem;
  border-radius: 1rem;
  padding-left: 2.5rem;
  color: #fff;
  font-weight: 700;
}
.radio--delivery .radio__label:before {
  width: 3rem;
  height: 3rem;
  left: auto;
  right: 2.5rem;
  border-radius: 0.7rem;
  border-color: #eaeaea;
  top: 50%;
  transform: translateY(-50%);
}
.radio--delivery .radio__label:after {
  left: auto;
  right: 3.5rem;
  top: calc(50% - 0.2rem);
  transform: translateY(-50%) rotate(45deg);
  background: none;
  width: 0.8rem;
  height: 1.4rem;
  border-width: 0 2px 2px 0;
  border-style: solid;
  border-color: #22c0d5;
  border-radius: 0;
}
.radio--delivery .radio__label-img {
  width: 12rem;
  margin-right: 7rem;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}
.radio--delivery .radio__label-img img {
  width: 12rem;
  height: auto;
  display: block;
}
.radio__input {
  position: absolute;
  opacity: 0;
}
.radio__input:checked + .radio__label {
  color: #000;
}
.radio__input:checked + .radio__label--disabled {
  color: #323232;
}
.radio__input:checked + .radio__label svg path {
  fill: #22c0d5;
}
.radio__input:checked + .radio__label:after {
  opacity: 1;
  background-color: #22c0d5;
}
.radio__input:checked + .radio__label:hover:after {
  opacity: 1;
}
.radio__input:checked + .radio__label--not-active {
  -webkit-user-select: auto;
  -ms-user-select: auto;
  user-select: auto;
  color: #323232;
}
.radio__input:checked + .radio__label--not-active:before {
  border-color: #585858;
}
.radio__input:checked + .radio__label--not-active:after {
  opacity: 1;
  background-color: #323232;
}
.radio__input:checked + .radio__label--not-active:hover {
  cursor: auto;
}
.radio__label {
  position: relative;
  display: inline-block;
  vertical-align: top;
  padding-left: 4.5rem;
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 3rem;
  color: #fff;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  transition: color 0.1s linear;
}
.radio__label:before {
  width: 3rem;
  height: 3rem;
  background: linear-gradient(0deg, #be8c47 23.15%, #be8c47 60.3%);
  top: 0;
  left: 0;
  transition: border-color 0.1s linear;
}
.radio__label:after,
.radio__label:before {
  content: "";
  display: block;
  border-radius: 50%;
  position: absolute;
  z-index: 1;
}
.radio__label:after {
  width: 1.4rem;
  height: 1.4rem;
  background-color: #323232;
  top: 8px;
  left: 8px;
  transition:
    background-color 0.1s linear,
    opacity 0.1s linear;
}
.radio__label:hover:not(.radio__label--disabled):after {
  opacity: 0.5;
}
.radio__label--error {
  color: #ea4335;
}
.radio__label--error:before {
  border-color: #ea4335;
}
.radio__label--disabled {
  color: #323232;
}
.radio__label--disabled:before {
  border-color: #585858;
}
.radio__label--disabled:hover {
  cursor: not-allowed;
}
.radio__label--not-active {
  -webkit-user-select: auto;
  -ms-user-select: auto;
  user-select: auto;
  color: #323232;
}
.radio__label--not-active:before {
  border-color: #585858;
}
.radio__label--not-active:after {
  opacity: 0;
}
.radio__label--not-active:hover {
  cursor: pointer;
}
.radio__label svg path {
  fill: #92a3ad;
}
.radio__span {
  display: block;
  width: inherit;
  height: 100%;
  position: relative;
  z-index: 3;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: cover;
}
.radio__span--text {
  background-color: #fff;
  color: #fff;
}
a.btn,
button.btn {
  transition: 0.3s;
}
.btn {
  position: relative;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 5.4rem;
  gap: 1.6rem;
  padding: 0 3rem;
  border-radius: 0.6rem;
  border: 0;
  background-color: transparent;
  font-family: inherit;
  font-weight: 600;
  font-size: 1.6rem;
  line-height: 1;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  color: #000;
  cursor: pointer;
}
.btn img,
.btn svg {
  height: 1.7rem;
}
.btn:focus,
.btn:hover {
  text-decoration: none;
}
.btn:focus {
  outline: 0;
}
.btn--black {
  background-color: #000;
  color: #fff;
}
.btn--black:hover {
  color: #22c0d5;
}
.btn--o-white {
  border: 1px solid #fff;
  color: #fff;
}
.btn--o-white:hover {
  background-color: #fff;
  color: #000;
}
.btn--o-light {
  border: 1px solid #e5e5e5;
  color: #000;
}
.btn--o-light:hover {
  background-color: #e5e5e5;
  color: #22c0d5;
}
.btn--o-black {
  border: 1px solid #000;
  color: #000;
}
.btn--o-black:hover {
  background-color: #000;
  color: #22c0d5;
}
.btn--main {
  background-color: #22c0d5;
}
.btn--main:hover {
  background-color: #e5e5e5;
}
.form__row {
  margin-bottom: 2.5rem;
}
.form__actions {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center;
  gap: 1rem 2rem;
}
.form__actions .btn {
  min-width: 13rem;
}
.form__title {
  margin-bottom: 3rem;
  font-weight: 800;
  font-size: 3rem;
}
.form__title.center {
  text-align: center;
}
.form__group {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.5rem;
  padding-left: 2rem;
  border-radius: 0.6rem;
  background-color: #e5e5e5;
  overflow: hidden;
}
.form__group .label {
  width: auto;
  margin-bottom: 0;
  font-size: 1.4rem;
  white-space: nowrap;
  color: #595b61;
  cursor: pointer;
}
@media (max-width: 768px) {
  .form__group .label {
    display: none;
  }
}
.form__group .input {
  width: auto;
  -ms-flex: 1;
  flex: 1;
  padding-left: 0;
  border-radius: 0;
  background-color: #e5e5e5;
}
@media (max-width: 768px) {
  .form__group .input {
    padding-left: 2rem;
    font-size: 1.2rem;
  }
}
@media (max-width: 768px) {
  .form__group {
    padding-left: 0;
  }
}
.link {
  font-weight: 600;
  font-size: 1.6rem;
  color: #22c0d5;
  transition: 0.3s;
}
.link:hover {
  opacity: 0.7;
}
.input {
  width: 100%;
  height: 5.4rem;
  padding: 0.5rem 2rem;
  border-radius: 0.6rem;
  border: none;
  vertical-align: middle;
  background-color: #e5e5e5;
  font-family: inherit;
  font-weight: 500;
  font-size: 1.4rem;
  color: #000;
  transition: 0.3s;
}
.input:focus {
  outline: 0;
}
.input::-webkit-input-placeholder {
  color: #8f8f8f;
}
.input::-moz-placeholder {
  color: #8f8f8f;
}
.input:-ms-input-placeholder,
.input::-ms-input-placeholder {
  color: #8f8f8f;
}
.input::placeholder {
  color: #8f8f8f;
}
.input:-webkit-autofill {
  -webkit-box-shadow: inset 0 0 0 5.4rem #e5e5e5;
  -webkit-text-fill-color: #000;
}
.input--error {
  background-color: rgba(234, 67, 53, 0.2);
}
.input--success,
.input.error,
.input.success {
  background-color: rgba(42, 170, 76, 0.2);
}
.input__wrapper--search {
  border-radius: 0.6rem;
  background-color: #e5e5e5;
  overflow: hidden;
}
.input__wrapper--search,
.input__wrapper--search .input__wrapper-btn {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}
.input__wrapper--search .input__wrapper-btn {
  -ms-flex-pack: center;
  justify-content: center;
  width: 6rem;
  height: 5.4rem;
  margin: 0;
  padding: 0.5rem;
  border: none;
  background-color: transparent;
  cursor: pointer;
}
.input__wrapper--search .input__wrapper-btn svg {
  display: block;
  width: 2rem;
}
.input__wrapper--search .input__wrapper-btn path {
  transition: 0.3s;
}
.input__wrapper--search .input__wrapper-btn:hover path {
  fill: #000;
}
.input__wrapper--search .input {
  padding: 0.5rem 2rem 0.5rem 0;
  border-radius: 0;
}
.textarea {
  display: block;
  width: 100%;
  height: 14rem;
  padding: 2rem;
  border-radius: 0.6rem;
  border: none;
  vertical-align: middle;
  background-color: #e5e5e5;
  font-family: inherit;
  font-weight: 500;
  font-size: 1.6rem;
  color: #000;
  transition: 0.3s;
  resize: none;
}
.textarea:focus {
  outline: 0;
}
.textarea::-webkit-input-placeholder {
  color: #8f8f8f;
}
.textarea::-moz-placeholder {
  color: #8f8f8f;
}
.textarea:-ms-input-placeholder,
.textarea::-ms-input-placeholder {
  color: #8f8f8f;
}
.textarea::placeholder {
  color: #8f8f8f;
}
.textarea--error {
  background-color: rgba(234, 67, 53, 0.2);
}
.textarea--success,
.textarea.error,
.textarea.success {
  background-color: rgba(42, 170, 76, 0.2);
}
.label {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  margin-bottom: 1rem;
  vertical-align: baseline;
  font-weight: 400;
  font-size: 2rem;
  color: #fff;
  z-index: 1;
}
.label .required {
  color: #ea4335;
}
label.cabinet__title {
  margin-right: 1.5rem;
  margin-bottom: 0;
  font-size: 2.4rem;
}
.select {
  position: relative;
  font-family: inherit;
}
.select:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 2rem;
  width: 1.1rem;
  height: 0.7rem;
  transform: translateY(-50%);
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='11' height='7' viewBox='0 0 11 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M5.5 7L0 0L11 8.35108e-07L5.5 7Z' fill='%2322C0D5'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: contain;
  pointer-events: none;
}
.select select {
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 100%;
  height: 5.4rem;
  padding: 0.5rem 4.1rem 0.5rem 2rem;
  border-radius: 0.6rem;
  vertical-align: middle;
  background-color: #e5e5e5;
  border: none;
  font-family: inherit;
  font-weight: 500;
  font-size: 1.6rem;
  color: #000;
  transition: 0.3s;
}
.select select::-ms-expand {
  display: none;
}
.select select:focus {
  outline: 0;
}
.select select:hover {
  cursor: pointer;
}
.hero__wrapper {
  position: relative;
}
.hero__video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: -1;
}
.hero__video video {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  outline: none;
  z-index: 1;
}
.hero__video img {
  position: absolute;
  bottom: 0;
  left: 57%;
  width: 18rem;
  z-index: 2;
}
@media (max-width: 992px) {
  .hero__video img {
    left: 65%;
  }
}
@media (max-width: 560px) {
  .hero__video img {
    left: 75%;
  }
}
.hero__content {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: end;
  align-items: flex-end;
  -ms-flex-pack: justify;
  justify-content: space-between;
  min-height: 60rem;
  gap: 3rem;
  padding: 6rem 3.5rem;
  z-index: 1;
}
@media (max-width: 992px) {
  .hero__content {
    padding: 6rem 2rem;
  }
}
.hero__header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: end;
  align-items: flex-end;
  gap: 2.8rem;
  text-align: right;
  color: #fff;
}
.hero__subtitle {
  font-weight: 700;
  font-size: 1.4rem;
  letter-spacing: 0.3em;
  line-height: 0.8;
  text-transform: uppercase;
}
.hero__title {
  max-width: 44rem;
  font-weight: 700;
  font-size: 7rem;
  line-height: 1.1;
}
@media (max-width: 992px) {
  .hero__title {
    font-size: 6rem;
  }
}
.hero__text {
  max-width: 27rem;
  font-weight: 500;
  font-size: 1.8rem;
}
.users .block__title {
  margin-bottom: 2rem;
}
.users__wrapper {
  position: relative;
  padding: 7rem 3.5rem;
}
@media (max-width: 992px) {
  .users__wrapper {
    padding: 5rem 2rem;
  }
}
.users__animate {
  position: absolute;
  top: 1px;
  bottom: 1px;
  left: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  overflow: hidden;
  z-index: -1;
}
.users__animate img {
  display: block;
  width: 100%;
  animation: l 20s linear infinite;
  transform-origin: center center;
}
@media (max-width: 460px) {
  .users__animate img {
    width: 170%;
  }
}
.users__list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.user__circle {
  width: 8.4rem;
  height: 8.4rem;
  border-radius: 50%;
  border: 2px solid #fff;
  overflow: hidden;
}
@media (max-width: 992px) {
  .user__circle {
    width: 6.4rem;
    height: 6.4rem;
  }
}
@media (max-width: 374px) {
  .user__circle {
    width: 5.4rem;
    height: 5.4rem;
  }
}
.user__circle:not(:first-child) {
  margin-left: -2.4rem;
}
.user__circle img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.screen {
  position: relative;
}
.screen .section__wrapper {
  background-color: #f8f8f8;
  padding: 5rem;
}
@media (max-width: 992px) {
  .screen .section__wrapper {
    padding: 5rem 2rem;
  }
}
.screen__animate {
  position: absolute;
  bottom: 2rem;
  left: 0;
  width: 100vw;
  height: 49rem;
  overflow: hidden;
}
.screen__animate-track {
  display: -ms-flexbox;
  display: flex;
  width: fit-content;
  animation: h 40s linear infinite;
}
.screen__animate-track img {
  height: 100%;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
@keyframes h {
  0% {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}
.screen__wrapper {
  width: 100%;
  height: 70rem;
  margin: 0 auto;
  border-radius: 0.6rem;
  background-color: #fff;
  overflow: hidden;
}
.screen__block {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.screen__sidebar {
  width: 18rem;
  padding: 2.5rem;
  background-color: #000;
}
.screen__sidebar .logo {
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 3.5rem;
}
.screen__sidebar .logo img {
  height: 2.5rem;
}
.screen__sidebar-img img {
  display: block;
  width: 100%;
}
.screen__main {
  width: calc(100% - 18rem);
  padding: 2.4rem 4rem 1.5rem;
  overflow-y: auto;
}
.screen__title {
  margin-bottom: 1.7rem;
  font-weight: 700;
  font-size: 2rem;
  color: #000;
}
.screen__list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 2rem 0;
  margin: 0 -1rem;
}
.screen__item {
  width: 25%;
  padding: 0 1rem;
}
.screen__item-wrapper {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: end;
  justify-content: flex-end;
  width: 100%;
  height: 18.6rem;
  border-radius: 0.6rem;
  overflow: hidden;
}
.screen__item-wrapper:hover .screen__item-img {
  transform: scale(1.1);
}
.screen__item-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  will-change: transform;
  transition: 0.6s;
}
.screen__item-img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
}
.screen__item-title {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  min-height: 3.3rem;
  padding: 1rem 5rem 1rem 1.5rem;
  border-radius: 0 0 0.6rem 0.6rem;
  background-color: rgba(0, 0, 0, 0.3);
  -webkit-backdrop-filter: blur(2.5rem);
  backdrop-filter: blur(2.5rem);
  overflow: hidden;
  font-weight: 700;
  font-size: 1.4rem;
  color: #fff;
}
.screen__item-title:before {
  content: "";
  position: absolute;
  top: 50%;
  right: 1.5rem;
  transform: translateY(-50%);
  width: 2rem;
  height: 2rem;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M19.4588 4.92724C19.4588 4.92724 18.8158 1.85031 16.0362 0.769231C14.7294 0.27027 12.344 0.02079 10.0001 0C7.6562 0.02079 5.2708 0.27027 3.96401 0.769231C1.1845 1.85031 0.541474 4.92724 0.541474 4.92724C0.126621 6.6736 -0.0185773 8.44075 0.00216538 10C-0.0185773 11.5593 0.105879 13.3472 0.541474 15.0728C0.541474 15.0728 1.1845 18.1497 3.96401 19.2308C5.2708 19.7297 7.6562 19.9792 10.0001 20C12.344 19.9792 14.7294 19.7505 16.0362 19.2308C18.8158 18.1497 19.4588 15.0728 19.4588 15.0728C19.8736 13.3264 20.0188 11.5593 19.9981 10C20.0188 8.44075 19.8736 6.6736 19.4588 4.92724ZM13.7753 10.6029L8.90076 13.7422C8.75556 13.8462 8.58962 13.8877 8.40294 13.8877C8.25774 13.8877 8.11254 13.8462 7.96734 13.7838C7.67695 13.6175 7.49026 13.3264 7.49026 12.9938V6.71518C7.49026 6.38254 7.67695 6.07069 7.96734 5.92516C8.25774 5.75884 8.61037 5.77963 8.88002 5.96674L13.7545 9.10603C14.0242 9.27235 14.1694 9.56341 14.1694 9.87526C14.1694 10.1871 14.0449 10.4366 13.7753 10.6029Z' fill='%2322C0D5'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: contain;
}
@media (max-width: 1100px) {
  .screen__sidebar {
    width: 16rem;
    padding: 2rem;
  }
  .screen__main {
    width: calc(100% - 16rem);
    padding: 2rem;
  }
  .screen__item {
    width: 33.33333%;
  }
}
@media (max-width: 768px) {
  .screen__sidebar {
    width: 14rem;
    padding: 1.5rem;
  }
  .screen__main {
    width: calc(100% - 14rem);
    padding: 1.5rem;
  }
  .screen__item {
    width: 50%;
  }
}
@media (max-width: 540px) {
  .screen__title {
    margin-bottom: 1rem;
    font-size: 1.2rem;
  }
  .screen__item {
    width: 100%;
  }
}
@media (max-width: 460px) {
  .screen__sidebar {
    width: 4rem;
    padding: 1.5rem 0.5rem;
  }
  .screen__sidebar .logo img {
    height: 1.8rem;
  }
  .screen__sidebar-img {
    width: 2.2rem;
    height: 29rem;
    margin-left: 1px;
    overflow: hidden;
  }
  .screen__sidebar-img img {
    width: auto;
  }
  .screen__main {
    width: calc(100% - 4rem);
    padding: 1rem;
  }
  .screen__item-title {
    min-height: 3rem;
    padding: 0.5rem 1rem;
    font-size: 1rem;
  }
}
.blocks2 {
  position: relative;
}
.blocks2 .section__wrapper {
  padding: 9rem 0 7rem;
}
.blocks2--second .blocks2__item:last-child .blocks2__header:before {
  display: none;
}
.blocks2 .section__bg {
  top: 14rem;
  left: 0;
}
.blocks2 .section__bg img {
  height: 56rem;
}
.blocks2__wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 5rem 0;
  margin: 0 -2.5rem;
  padding: 0 5rem;
}
.blocks2__item {
  width: 50%;
  padding: 0 2.5rem;
  z-index: 1;
}
.blocks2__item,
.blocks2__item:last-child .blocks2__header {
  position: relative;
}
.blocks2__item:last-child .blocks2__header:before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 2px;
  height: 100%;
  background: linear-gradient(
    180deg,
    transparent,
    hsla(0, 0%, 100%, 0.2) 50%,
    transparent
  );
}
.blocks2__item-wrapper {
  position: relative;
  border-radius: 1rem;
  background-color: #000;
  overflow: hidden;
}
.blocks2__top {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 3rem;
  background-color: #323232;
}
.blocks2__top i {
  top: 1rem;
  left: 1.8rem;
  margin: 0 1.7rem;
}
.blocks2__top i,
.blocks2__top i:after,
.blocks2__top i:before {
  position: absolute;
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  background-color: #000;
}
.blocks2__top i:after,
.blocks2__top i:before {
  content: "";
  top: 0;
}
.blocks2__top i:before {
  left: -1.7rem;
}
.blocks2__top i:after {
  right: -1.7rem;
}
.blocks2__header {
  height: 46.6rem;
  padding-top: 3rem;
}
.blocks2__content {
  text-align: center;
  padding-top: 1.6rem;
}
.blocks2__title {
  margin-bottom: 1rem;
  font-weight: 700;
  font-size: 2.4rem;
}
.blocks2__title img {
  display: block;
  height: 4.4rem;
}
.blocks2__text {
  max-width: 50rem;
  margin: 0 auto;
  font-size: 1.8rem;
  line-height: 1.33;
}
.blocks2__select {
  position: relative;
  margin: 3rem 0 1.4rem;
  padding: 0 7rem 0 3.5rem;
}
.blocks2__select:before {
  content: "";
  position: absolute;
  top: 0;
  right: 3.5rem;
  width: 3rem;
  height: 2rem;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='11' height='7' viewBox='0 0 11 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M5.5 7L0 0L11 8.35108e-07L5.5 7Z' fill='%2322C0D5'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 1.1rem;
}
.blocks2__select-title {
  font-weight: 600;
  font-size: 2.4rem;
  line-height: 1;
  color: #fff;
}
@media (max-width: 992px) {
  .blocks2__select-title {
    font-size: 2rem;
  }
}
.blocks2__select-text {
  font-weight: 400;
  font-size: 1.4rem;
  color: #8f8f8f;
}
.blocks2__list {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  z-index: 1;
}
.blocks2__list:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 8.1rem;
  background-color: #1c1c1c;
  z-index: -1;
  animation: i 3s ease-out infinite;
}
@keyframes i {
  0% {
    transform: translateY(0);
  }
  12.5% {
    transform: translateY(0);
  }
  25% {
    transform: translateY(100%);
  }
  37.5% {
    transform: translateY(100%);
  }
  50% {
    transform: translateY(200%);
  }
  62.5% {
    transform: translateY(200%);
  }
  75% {
    transform: translateY(300%);
  }
  87.5% {
    transform: translateY(300%);
  }
  to {
    transform: translateY(0);
  }
}
.blocks2__list-item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
  height: 8.1rem;
  gap: 2rem;
  padding: 1.5rem 3.5rem;
}
.blocks2__list-title {
  font-weight: 600;
  font-size: 2rem;
  color: #fff;
}
.blocks2__list-text {
  gap: 0.7rem;
}
.blocks2__list-text,
.blocks2__list-text li {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}
.blocks2__list-text li {
  position: relative;
  font-size: 1.4rem;
  color: #8f8f8f;
}
.blocks2__list-text li:not(:last-child):after {
  content: "/";
  display: block;
  margin-left: 0.7rem;
  color: #22c0d5;
}
.blocks2__list-icon img {
  display: block;
  width: 3rem;
}
.blocks2__animates {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 100%;
  z-index: 1;
}
.blocks2__animate {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 100%;
  height: 11.7rem;
  overflow: hidden;
  z-index: -1;
}
.blocks2__animate img {
  display: block;
  height: 100%;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.blocks2__animate-track {
  display: -ms-flexbox;
  display: flex;
  width: fit-content;
  animation: j 8s linear infinite;
}
@keyframes j {
  0% {
    transform: translateX(0);
  }
  to {
    transform: translateX(-56.5rem);
  }
}
.blocks2__animate-circle {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 22.4rem;
  height: 22.4rem;
}
.blocks2__animate-circle:after,
.blocks2__animate-circle:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  transform: translate(-50%, -50%);
  transform-origin: center;
  animation: k 1.5s ease-in-out infinite;
}
.blocks2__animate-circle:before {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='224' height='224' viewBox='0 0 224 224' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath opacity='0.3' d='M112.001 0.5C138.243 0.733027 164.879 3.52709 179.425 9.08008V9.08105C194.847 15.0793 204.353 26.6186 210.01 36.6855C212.837 41.7176 214.7 46.3749 215.854 49.7725C216.43 51.4706 216.83 52.8533 217.085 53.8096C217.213 54.2877 217.304 54.6592 217.363 54.9102C217.393 55.0356 217.415 55.1309 217.429 55.1943C217.436 55.226 217.441 55.2501 217.444 55.2656C217.446 55.2731 217.447 55.2786 217.448 55.2822V55.2871L217.452 55.3008C221.943 74.2037 223.606 93.3296 223.495 110.353L223.479 111.993V112.007C223.71 129.436 222.087 149.187 217.452 168.699L217.938 168.815L217.451 168.699L217.449 168.713L217.448 168.714C217.448 168.715 217.449 168.716 217.448 168.718C217.447 168.721 217.446 168.727 217.444 168.734C217.441 168.75 217.436 168.774 217.429 168.806C217.415 168.869 217.393 168.964 217.363 169.09C217.304 169.341 217.213 169.712 217.085 170.19C216.83 171.147 216.43 172.529 215.854 174.228C214.7 177.625 212.837 182.282 210.01 187.314C204.441 197.224 195.143 208.56 180.144 214.634L179.425 214.919L179.421 214.92C164.881 220.703 138.251 223.266 112.001 223.499C86.1668 223.27 59.9526 220.558 45.2656 215.176L44.5752 214.918C29.1549 208.919 19.6489 197.381 13.9922 187.314C11.1645 182.282 9.30338 177.625 8.14941 174.228C7.57263 172.529 7.17311 171.147 6.91797 170.19C6.7904 169.712 6.69895 169.341 6.63965 169.09C6.61001 168.964 6.58832 168.869 6.57422 168.806C6.56717 168.774 6.56195 168.75 6.55859 168.734C6.55698 168.727 6.55546 168.721 6.55469 168.718C6.55434 168.716 6.55388 168.715 6.55371 168.714V168.713L6.55176 168.702L6.54883 168.692L6.10352 166.884C1.74445 148.778 0.386241 130.14 0.506836 113.648L0.524414 112.007V111.993C0.299809 95.1084 1.81588 76.0457 6.125 57.1309L6.55078 55.3008L6.55371 55.2871V55.2861C6.55388 55.2853 6.55434 55.2839 6.55469 55.2822C6.55546 55.2786 6.55698 55.2731 6.55859 55.2656C6.56195 55.2501 6.56717 55.226 6.57422 55.1943C6.58832 55.1309 6.61001 55.0356 6.63965 54.9102C6.69895 54.6592 6.7904 54.2877 6.91797 53.8096C7.17311 52.8533 7.57263 51.4707 8.14941 49.7725C9.30338 46.375 11.1645 41.7176 13.9922 36.6855C19.6492 26.6185 29.1562 15.0793 44.5781 9.08105L44.5771 9.08008C59.123 3.52697 85.7583 0.73308 112.001 0.5Z' stroke='%2322C0D5'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: contain;
  animation-delay: 0s;
}
.blocks2__animate-circle:after {
  width: 28.8rem;
  height: 28.8rem;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='288' height='288' viewBox='0 0 288 288' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath opacity='0.2' d='M144.001 0.5C177.744 0.799529 212.012 4.39238 230.74 11.542V11.543C250.609 19.271 262.854 34.1367 270.138 47.0977C273.778 53.5765 276.175 59.5717 277.661 63.9463C278.404 66.1331 278.918 67.9142 279.247 69.1465C279.411 69.7623 279.529 70.2415 279.605 70.5654C279.644 70.7274 279.672 70.8514 279.69 70.9336C279.7 70.9745 279.707 71.0051 279.711 71.0254C279.713 71.0355 279.715 71.043 279.716 71.0479C279.716 71.05 279.717 71.0516 279.717 71.0527V71.0547L279.72 71.0674C285.496 95.3841 287.636 119.987 287.493 141.883L287.473 143.993V144.007C287.762 165.725 285.811 190.246 280.268 214.578L279.72 216.933L279.717 216.945V216.947C279.717 216.948 279.716 216.95 279.716 216.952C279.715 216.957 279.713 216.964 279.711 216.975C279.707 216.995 279.7 217.026 279.69 217.067C279.672 217.15 279.644 217.273 279.605 217.435C279.529 217.758 279.411 218.238 279.247 218.854C278.918 220.086 278.404 221.867 277.661 224.054C276.175 228.428 273.778 234.424 270.138 240.902C262.968 253.661 250.991 268.265 231.666 276.09L230.74 276.457L230.737 276.458C212.016 283.904 177.752 287.199 144.001 287.499C110.784 287.204 77.058 283.717 58.1494 276.788L57.2598 276.456C37.3925 268.728 25.1491 253.863 17.8662 240.902C14.2255 234.423 11.8286 228.428 10.3428 224.054C9.60005 221.867 9.08564 220.086 8.75684 218.854C8.5925 218.238 8.47401 217.758 8.39746 217.435C8.35927 217.273 8.33175 217.15 8.31348 217.067C8.30434 217.026 8.29735 216.995 8.29297 216.975C8.29079 216.964 8.28912 216.957 8.28809 216.952C8.28764 216.95 8.28734 216.948 8.28711 216.947V216.945L8.28418 216.936L8.28223 216.926L7.70801 214.599C2.09997 191.305 0.354643 167.329 0.509766 146.118L0.53125 144.007V143.993C0.242342 122.275 2.19304 97.7539 7.73633 73.4219L8.28418 71.0674L8.28711 71.0547V71.0527C8.28734 71.0516 8.28764 71.0499 8.28809 71.0479C8.28912 71.043 8.29079 71.0355 8.29297 71.0254C8.29734 71.0051 8.30438 70.9745 8.31348 70.9336C8.33175 70.8514 8.35919 70.7274 8.39746 70.5654C8.47401 70.2415 8.5925 69.7624 8.75684 69.1465C9.08564 67.9142 9.60006 66.133 10.3428 63.9463C11.8286 59.5717 14.2255 53.5765 17.8662 47.0977C25.1494 34.1367 37.3937 19.271 57.2627 11.543L57.2617 11.542C75.9891 4.39214 110.258 0.799635 144.001 0.5Z' stroke='%2322C0D5'/%3e%3c/svg%3e");
  animation-delay: 0.5s;
}
.blocks2__animate-circle span {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 35.3rem;
  height: 35.3rem;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='353' height='353' viewBox='0 0 353 353' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath opacity='0.1' d='M176.502 0.5C217.863 0.867136 259.884 5.27071 282.858 14.042V14.043C307.244 23.5278 322.269 41.7717 331.204 57.6719C335.671 65.6205 338.611 72.9757 340.434 78.3428C341.345 81.0259 341.977 83.211 342.381 84.7236C342.583 85.4797 342.727 86.0678 342.821 86.4658C342.868 86.6648 342.902 86.8167 342.925 86.918C342.936 86.9683 342.945 87.0061 342.95 87.0312C342.953 87.0438 342.955 87.0535 342.956 87.0596C342.957 87.0626 342.957 87.065 342.957 87.0664L342.958 87.0674C342.961 87.067 342.996 87.0601 343.447 86.9658L342.958 87.0684L342.961 87.0811C350.044 116.896 352.668 147.06 352.492 173.906L352.466 176.493V176.507C352.82 203.135 350.429 233.199 343.633 263.032L342.961 265.919L342.958 265.932L343.447 266.034C342.996 265.94 342.961 265.933 342.958 265.933L342.957 265.934C342.957 265.935 342.957 265.937 342.956 265.94C342.955 265.947 342.953 265.956 342.95 265.969C342.945 265.994 342.936 266.032 342.925 266.082C342.902 266.183 342.868 266.335 342.821 266.534C342.727 266.932 342.583 267.52 342.381 268.276C341.977 269.789 341.345 271.974 340.434 274.657C338.611 280.024 335.671 287.38 331.204 295.328C322.409 310.98 307.712 328.903 283.994 338.506L282.858 338.957L282.854 338.958C259.886 348.093 217.871 352.132 176.502 352.499C135.786 352.138 94.4308 347.865 71.2344 339.364L70.1436 338.956C45.7592 329.471 30.7344 311.228 21.7998 295.328C17.3332 287.38 14.3932 280.024 12.5703 274.657C11.659 271.974 11.0276 269.789 10.624 268.276C10.4223 267.52 10.2767 266.932 10.1826 266.534C10.1356 266.335 10.1016 266.183 10.0791 266.082C10.0679 266.032 10.0601 265.994 10.0547 265.969C10.052 265.956 10.0491 265.947 10.0479 265.94C10.0472 265.937 10.0472 265.935 10.0469 265.934V265.933C10.0468 265.932 10.0461 265.932 9.55664 266.034L10.0469 265.932L10.0439 265.922L10.042 265.912L9.68652 264.486C2.53423 235.478 0.318389 205.534 0.511719 179.096L0.538086 176.507V176.493C0.183871 149.865 2.57541 119.801 9.37207 89.9678L10.0439 87.0811L10.0469 87.0684L9.55664 86.9658C10.0461 87.0681 10.0468 87.0676 10.0469 87.0674V87.0664C10.0472 87.065 10.0472 87.0626 10.0479 87.0596C10.0491 87.0535 10.052 87.0438 10.0547 87.0312C10.0601 87.0061 10.0679 86.9682 10.0791 86.918C10.1016 86.8167 10.1356 86.6648 10.1826 86.4658C10.2767 86.0678 10.4223 85.4798 10.624 84.7236C11.0276 83.211 11.659 81.0258 12.5703 78.3428C14.3932 72.9758 17.3332 65.6205 21.7998 57.6719C30.7347 41.7717 45.7606 23.5277 70.1465 14.043L70.1455 14.042C93.1202 5.27065 135.141 0.867162 176.502 0.5Z' stroke='%2322C0D5'/%3e%3c/svg%3e");
  transform: translate(-50%, -50%);
  transform-origin: center;
  animation: k 1.5s ease-in-out infinite;
  animation-delay: 1s;
  pointer-events: none;
}
@keyframes k {
  0% {
    transform: translate(-50%, -50%) scale(1);
  }
  50% {
    transform: translate(-50%, -50%) scale(1.05);
  }
  to {
    transform: translate(-50%, -50%) scale(1);
  }
}
.blocks2__animate-img {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 16rem;
  height: 16rem;
  background-color: #22c0d5;
  -webkit-clip-path: path(
    "M155.67 39.4179C155.67 39.4179 150.526 14.8025 128.29 6.15385C117.836 2.16216 98.7523 0.16632 80.001 0C61.2496 0.16632 42.1664 2.16216 31.7121 6.15385C9.47597 14.8025 4.33179 39.4179 4.33179 39.4179C1.01297 53.3888 -0.148618 67.526 0.017323 80C-0.148618 92.474 0.847029 106.778 4.33179 120.582C4.33179 120.582 9.47597 145.198 31.7121 153.846C42.1664 157.838 61.2496 159.834 80.001 160C98.7523 159.834 117.836 158.004 128.29 153.846C150.526 145.198 155.67 120.582 155.67 120.582C158.989 106.611 160.151 92.474 159.985 80C160.151 67.526 158.989 53.3888 155.67 39.4179Z"
  );
  clip-path: path(
    "M155.67 39.4179C155.67 39.4179 150.526 14.8025 128.29 6.15385C117.836 2.16216 98.7523 0.16632 80.001 0C61.2496 0.16632 42.1664 2.16216 31.7121 6.15385C9.47597 14.8025 4.33179 39.4179 4.33179 39.4179C1.01297 53.3888 -0.148618 67.526 0.017323 80C-0.148618 92.474 0.847029 106.778 4.33179 120.582C4.33179 120.582 9.47597 145.198 31.7121 153.846C42.1664 157.838 61.2496 159.834 80.001 160C98.7523 159.834 117.836 158.004 128.29 153.846C150.526 145.198 155.67 120.582 155.67 120.582C158.989 106.611 160.151 92.474 159.985 80C160.151 67.526 158.989 53.3888 155.67 39.4179Z"
  );
}
.blocks2__animate-img img {
  display: block;
  width: 4.6rem;
  animation: o 3s ease-in-out infinite;
}
.blocks2__create {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: justify;
  justify-content: space-between;
  height: 100%;
  padding: 3rem 3.5rem 3.5rem;
}
.blocks2__create .blocks2__select-title {
  margin-bottom: 3rem;
}
.blocks2__create .blocks2__create-list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 3rem;
  margin-bottom: 3rem;
}
.blocks2__create .btn {
  width: 100%;
  transition:
    transform 0.3s ease,
    background 0.3s ease;
}
.blocks2__create-item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  min-height: 9.2rem;
  padding: 1.5rem 2.6rem 3.3rem 2rem;
  border-radius: 1rem;
  background-color: #1c1c1c;
}
.blocks2__create-text {
  max-width: 42rem;
  font-weight: 400;
  font-size: 1.4rem;
  color: #fff;
}
.blocks2__create-label {
  margin-bottom: 2.5rem;
  font-weight: 700;
  font-size: 1.6rem;
  color: #fff;
}
.blocks2__create-line {
  position: relative;
  width: 100%;
  height: 0.8rem;
  border-radius: 0.8rem;
  background-color: #000;
}
.blocks2__create-line:after,
.blocks2__create-line:before {
  content: "";
  position: absolute;
  top: 50%;
  width: 0.6rem;
  height: 1.6rem;
  border-radius: 0.3rem;
  background-color: #fff;
  z-index: 1;
}
.blocks2__create-line:before {
  left: 0;
  transform: translateY(-50%);
}
.blocks2__create-line:after {
  left: 55%;
  transform: translate(-100%, -50%);
}
.blocks2__create-line span {
  position: absolute;
  top: 0;
  left: 0;
  width: 55%;
  height: 100%;
  background-color: #22c0d5;
}
.blocks2__create-animate {
  white-space: pre-wrap;
  overflow: hidden;
  display: inline-block;
}
@media (max-width: 1200px) {
  .blocks2__create .blocks2__select-title {
    margin-bottom: 2rem;
  }
  .blocks2__create .blocks2__create-list {
    gap: 2rem;
    margin-bottom: 2rem;
  }
}
@media (max-width: 992px) {
  .blocks2 .section__wrapper {
    padding: 5rem 0;
  }
  .blocks2__wrapper {
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    margin: 0;
    padding: 0 2rem;
  }
  .blocks2__item {
    width: 56.5rem;
    max-width: 100%;
    padding: 0;
  }
}
@media (max-width: 560px) {
  .blocks2__title {
    font-size: 2rem;
  }
}
@media (max-width: 460px) {
  .blocks2__title {
    gap: 1rem;
  }
  .blocks2__title img {
    height: 4rem;
  }
  .blocks2__list-title {
    font-size: 1.4rem;
    line-height: 1.2;
  }
  .blocks2__animate-circle {
    transform: translate(-50%, -50%) scale(0.7);
  }
  .blocks2__animate-img {
    transform: scale(0.7);
  }
  .blocks2__select {
    padding: 0 5rem 0 2rem;
  }
  .blocks2__select:before {
    right: 2rem;
  }
  .blocks2__list-item {
    padding: 1.5rem 2rem;
  }
  .blocks2__create {
    padding: 3rem 2rem 3.5rem;
  }
  .blocks2__create-text {
    font-size: 1.2rem;
  }
}
.level_up .section__wrapper {
  padding-top: 9rem;
}
@media (max-width: 992px) {
  .level_up .section__wrapper {
    padding-top: 5rem;
  }
}
.level_up__media {
  position: relative;
  padding: 0 7.5rem;
}
@media (max-width: 1100px) {
  .level_up__media {
    padding: 0 3.5rem;
  }
}
@media (max-width: 992px) {
  .level_up__media {
    padding: 0 2rem;
  }
}
@media (max-width: 640px) {
  .level_up__media {
    padding: 0;
    margin: 0 -2rem;
  }
}
.level_up__media:after,
.level_up__media:before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: 100dvw;
  height: 100%;
  transform: translateX(-50%);
  background-repeat: no-repeat;
  background-size: contain;
  z-index: -1;
}
@media (max-width: 1460px) {
  .level_up__media:after,
  .level_up__media:before {
    display: none;
  }
}
.level_up__media:before {
  background-image: url(../../userfiles/level_up-bg-1.png);
  background-position: 0;
}
@media (max-width: 1560px) {
  .level_up__media:before {
    background-position: -5%;
  }
}
.level_up__media:after {
  background-image: url(../../userfiles/level_up-bg-2.png);
  background-position: 100%;
}
@media (max-width: 1560px) {
  .level_up__media:after {
    background-position: 105%;
  }
}
.level_up__video {
  position: relative;
  height: 40rem;
  border-radius: 20rem;
  overflow: hidden;
}
@media (max-width: 992px) {
  .level_up__video {
    height: 30rem;
  }
}
@media (max-width: 640px) {
  .level_up__video {
    height: 24rem;
    border-radius: 0;
  }
}
.level_up__video video {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  outline: none;
}
.level_up__wrapper {
  position: relative;
  padding: 4.5rem 0 9rem;
}
@media (max-width: 992px) {
  .level_up__wrapper {
    padding-bottom: 5rem;
  }
}
.level_up__wrapper .actions {
  margin-top: 3rem;
}
.level_up__wrapper:before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: 1px;
  height: 100%;
  background-color: #e5e5e5;
  z-index: -1;
}
@media (max-width: 992px) {
  .level_up__wrapper:before {
    display: none;
  }
}
.level_up__wrapper:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 2.1rem;
  height: 2.1rem;
  transform: translate(-1rem, 1rem);
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='21' height='21' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3crect x='10' width='1' height='21' fill='black'/%3e%3crect x='21' y='10' width='1' height='21' transform='rotate(90 21 10)' fill='black'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: contain;
  pointer-events: none;
  z-index: 2;
  left: 50%;
  transform: translate(-1rem, 1.1rem);
}
@media (max-width: 992px) {
  .level_up__wrapper:after {
    display: none;
  }
}
.level_up__list {
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 992px) {
  .level_up__list {
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 4rem;
  }
}
.level_up__block {
  position: relative;
  width: 50%;
  padding: 0 3.5rem;
}
@media (max-width: 992px) {
  .level_up__block {
    width: 100%;
    padding: 0 2rem;
  }
}
@media (max-width: 992px) {
  .level_up__block:first-child {
    padding-bottom: 4rem;
    border-bottom: 1px solid #e5e5e5;
  }
  .level_up__block:first-child:before {
    left: 0;
    transform: translate(-1rem, 1rem);
    transform: translate(-1rem, 1.1rem);
  }
  .level_up__block:first-child:after,
  .level_up__block:first-child:before {
    content: "";
    position: absolute;
    bottom: 0;
    width: 2.1rem;
    height: 2.1rem;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='21' height='21' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3crect x='10' width='1' height='21' fill='black'/%3e%3crect x='21' y='10' width='1' height='21' transform='rotate(90 21 10)' fill='black'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain;
    pointer-events: none;
    z-index: 2;
  }
  .level_up__block:first-child:after {
    right: 0;
    transform: translate(1rem, 1rem);
    transform: translate(1rem, 1.1rem);
  }
}
.level_up__block-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center;
  width: 41.4rem;
  max-width: 100%;
  gap: 1.5rem;
  margin: 0 auto;
  text-align: center;
}
@media (max-width: 768px) {
  .level_up__block-wrapper {
    gap: 0.5rem;
  }
}
.level_up__title {
  font-weight: 700;
  font-size: 2.4rem;
  line-height: 1.375;
}
@media (max-width: 768px) {
  .level_up__title {
    font-size: 2rem;
  }
}
.boost {
  padding: 2rem 0;
}
.boost__wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  align-items: center;
  gap: 4rem 0;
}
.boost__content {
  width: 54rem;
  padding-right: 8rem;
}
.boost__list {
  gap: 2.5rem;
  margin-bottom: 3.5rem;
}
.boost__item,
.boost__list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
}
.boost__item {
  -ms-flex-align: start;
  align-items: flex-start;
}
.boost__item-img {
  margin-bottom: 1.5rem;
}
.boost__item-img img {
  display: block;
  height: 6.4rem;
}
.boost__item-title {
  margin-bottom: 0.5rem;
  font-weight: 700;
  font-size: 2.1rem;
  line-height: 1.57;
  text-transform: uppercase;
}
.boost__item-text {
  width: 44rem;
  max-width: 100%;
  font-size: 1.6rem;
}
.boost__animate {
  width: calc(100% - 54rem);
}
.boost__animate-wrapper {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 77.7%;
}
.boost__base {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 100%;
}
.boost__base img {
  display: block;
  width: 100%;
}
.boost__circle {
  position: absolute;
  top: 50%;
  left: 2.8%;
  transform: translateY(-50%);
  width: 74.246%;
  height: 0;
  padding-top: 100%;
}
.boost__circle-img {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-37%);
  width: 100%;
  height: 100%;
}
.boost__circle-img img {
  display: block;
  width: 100%;
  transform-origin: center;
  will-change: transform;
  animation: l 8s linear infinite;
}
@keyframes l {
  0% {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(1turn);
  }
}
@media (max-width: 1360px) {
  .boost__wrapper {
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .boost__content {
    width: 100%;
    padding-right: 0;
  }
  .boost__list {
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .boost__item {
    -ms-flex: 1;
    flex: 1;
  }
  .boost__animate {
    width: 100%;
  }
}
@media (max-width: 1100px) {
  .boost__item-title {
    font-size: 1.8rem;
  }
}
@media (max-width: 992px) {
  .boost__list {
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.prices .section__wrapper {
  padding-top: 9rem;
}
@media (max-width: 992px) {
  .prices .section__wrapper {
    padding-top: 5rem;
  }
}
.prices .section__bg {
  top: -20rem;
  right: 0;
}
.prices .section__bg img {
  height: 56rem;
}
.prices__wrapper {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.prices__wrapper:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 2.1rem;
  height: 2.1rem;
  transform: translate(-1rem, -1.1rem);
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='21' height='21' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3crect x='10' width='1' height='21' fill='black'/%3e%3crect x='21' y='10' width='1' height='21' transform='rotate(90 21 10)' fill='black'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: contain;
  pointer-events: none;
  z-index: 2;
  transform: translate(-1rem, -1rem);
}
.prices__block {
  position: relative;
  -ms-flex: 1 0 20%;
  flex: 1 0 20%;
  box-shadow:
    inset 1px 0 0 0 #e5e5e5,
    inset 0 1px 0 0 #e5e5e5;
}
.prices__block:before {
  top: 0;
  transform: translate(1rem, -1.1rem);
  transform: translate(1.1rem, -1rem);
}
.prices__block:after,
.prices__block:before {
  content: "";
  position: absolute;
  right: 0;
  width: 2.1rem;
  height: 2.1rem;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='21' height='21' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3crect x='10' width='1' height='21' fill='black'/%3e%3crect x='21' y='10' width='1' height='21' transform='rotate(90 21 10)' fill='black'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: contain;
  pointer-events: none;
  z-index: 2;
}
.prices__block:after {
  bottom: 0;
  transform: translate(1rem, 1rem);
  transform: translate(1.1rem, 1.1rem);
}
.prices__block.best {
  margin-bottom: -1px;
  box-shadow:
    inset 1px 0 0 0 #000,
    inset 0 1px 0 0 #000,
    inset 0 -1px 0 0 #000;
  color: #fff;
}
.prices__block.best + .prices__block {
  box-shadow:
    inset 1px 0 0 0 #000,
    inset 0 1px 0 0 #e5e5e5;
}
.prices__block.best:after {
  transform: translate(1.1rem, 1rem);
}
.prices__block.best .prices__block-wrapper {
  background-color: #000;
}
.prices__block.best .prices__header:before {
  content: "Best choise";
  position: absolute;
  top: 2.8rem;
  right: 2.5rem;
  font-weight: 700;
  font-size: 1rem;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #22c0d5;
}
.prices__block.best .prices__text {
  color: #fff;
}
.prices__block:last-child:before {
  transform: translate(1rem, -1rem);
}
.prices__block:last-child:after {
  display: none;
}
@media (max-width: 1200px) {
  .prices__block {
    -ms-flex: 1 0 33.33333%;
    flex: 1 0 33.33333%;
  }
  .prices__block.best:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 2.1rem;
    height: 2.1rem;
    transform: translate(-1rem, -1.1rem);
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='21' height='21' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3crect x='10' width='1' height='21' fill='black'/%3e%3crect x='21' y='10' width='1' height='21' transform='rotate(90 21 10)' fill='black'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain;
    pointer-events: none;
    z-index: 2;
    transform: translate(-1rem, -1rem);
  }
  .prices__block:nth-child(3):before {
    transform: translate(1rem, -1rem);
  }
  .prices__block:nth-child(3):after {
    transform: translate(1rem, 1.1rem);
  }
  .prices__block:last-child:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 2.1rem;
    height: 2.1rem;
    transform: translate(-1rem, -1.1rem);
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='21' height='21' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3crect x='10' width='1' height='21' fill='black'/%3e%3crect x='21' y='10' width='1' height='21' transform='rotate(90 21 10)' fill='black'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain;
    pointer-events: none;
    z-index: 2;
    transform: translate(-1rem, -1rem);
  }
}
@media (max-width: 768px) {
  .prices__block {
    -ms-flex: 1 0 50%;
    flex: 1 0 50%;
  }
  .prices__block:nth-child(2):before {
    transform: translate(1rem, -1rem);
  }
  .prices__block:nth-child(2):after {
    transform: translate(1rem, 1.1rem);
  }
  .prices__block:nth-child(3):before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 2.1rem;
    height: 2.1rem;
    transform: translate(-1rem, -1.1rem);
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='21' height='21' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3crect x='10' width='1' height='21' fill='black'/%3e%3crect x='21' y='10' width='1' height='21' transform='rotate(90 21 10)' fill='black'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain;
    pointer-events: none;
    z-index: 2;
    transform: translate(-1rem, -1rem);
  }
  .prices__block:nth-child(3):after {
    transform: translate(1.1rem, 1.1rem);
  }
  .prices__block.best {
    box-shadow: inset 0 0 0 1px #000;
    z-index: 1;
  }
  .prices__block.best:after {
    transform: translate(1rem, 1rem);
  }
  .prices__block.best + .prices__block {
    box-shadow:
      inset 1px 0 0 0 #e5e5e5,
      inset 0 1px 0 0 #e5e5e5;
  }
  .prices__block:last-child:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 2.1rem;
    height: 2.1rem;
    transform: translate(-1rem, -1.1rem);
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='21' height='21' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3crect x='10' width='1' height='21' fill='black'/%3e%3crect x='21' y='10' width='1' height='21' transform='rotate(90 21 10)' fill='black'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain;
    pointer-events: none;
    z-index: 2;
    transform: translate(-1rem, -1rem);
  }
}
@media (max-width: 520px) {
  .prices__block {
    -ms-flex: 1 0 100%;
    flex: 1 0 100%;
  }
  .prices__block:first-child:before {
    transform: translate(1rem, -1rem);
  }
  .prices__block:first-child:after {
    transform: translate(1rem, 1.1rem);
  }
  .prices__block:nth-child(2):before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 2.1rem;
    height: 2.1rem;
    transform: translate(-1rem, -1.1rem);
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='21' height='21' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3crect x='10' width='1' height='21' fill='black'/%3e%3crect x='21' y='10' width='1' height='21' transform='rotate(90 21 10)' fill='black'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain;
    pointer-events: none;
    z-index: 2;
    transform: translate(-1rem, -1rem);
  }
  .prices__block:nth-child(2):after,
  .prices__block:nth-child(3):after {
    transform: translate(1rem, 1.1rem);
  }
}
.prices__block-container {
  position: relative;
  width: 100%;
  height: 100%;
}
.prices__block-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  height: 100%;
  transition: 0.3s;
}
.prices__block-wrapper .btn {
  width: 100%;
}
.prices__header {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 14rem;
  padding: 1.7rem 2.5rem 0;
}
.prices__title {
  font-weight: 700;
  font-size: 2.8rem;
}
.prices__text {
  font-size: 2rem;
  line-height: 1.1;
  color: #000;
}
.prices__slider {
  margin-top: 2.4rem;
}
.prices__body {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex: 1;
  flex: 1;
  gap: 3rem;
  padding: 0 2.5rem 2.5rem;
}
.prices__subtitle {
  margin-bottom: 1.6rem;
  font-weight: 600;
  font-size: 1.8rem;
}
.prices__checkbox-list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 1.8rem;
}
.prices__checkbox-item {
  position: relative;
  padding-left: 2.2rem;
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 1.3;
}
.prices__checkbox-item:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 1.4rem;
  height: 1.4rem;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M13.2474 3.00574C13.1251 3.02341 13.0122 3.08139 12.9266 3.17048C10.0739 6.02936 7.47591 8.85629 4.66452 11.6927L0.901911 8.68434C0.786945 8.59237 0.640152 8.54982 0.493824 8.56608C0.347496 8.58234 0.21362 8.65607 0.121647 8.77104C0.0296746 8.886 -0.0128615 9.03279 0.00339719 9.17912C0.0196558 9.32545 0.0933774 9.45933 0.208343 9.5513L4.36975 12.8804C4.47652 12.9648 4.61059 13.007 4.74646 12.999C4.88233 12.991 5.01053 12.9334 5.10667 12.8371C8.0773 9.86005 10.7591 6.91358 13.7069 3.95939C13.793 3.87858 13.851 3.77242 13.8726 3.65636C13.8942 3.54031 13.8782 3.42038 13.8269 3.31403C13.7757 3.20769 13.6919 3.12047 13.5876 3.06502C13.4834 3.00958 13.3642 2.98881 13.2474 3.00574Z' fill='%2322C0D5'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-size: contain;
}
.prices__checkbox-item.disabled {
  color: #8f8f8f;
}
.prices__checkbox-item.disabled:before {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M13.2474 3.00574C13.1251 3.02341 13.0122 3.08139 12.9266 3.17048C10.0739 6.02936 7.47591 8.85629 4.66452 11.6927L0.901911 8.68434C0.786945 8.59237 0.640152 8.54982 0.493824 8.56608C0.347496 8.58234 0.21362 8.65607 0.121647 8.77104C0.0296746 8.886 -0.0128615 9.03279 0.00339719 9.17912C0.0196558 9.32545 0.0933774 9.45933 0.208343 9.5513L4.36975 12.8804C4.47652 12.9648 4.61059 13.007 4.74646 12.999C4.88233 12.991 5.01053 12.9334 5.10667 12.8371C8.0773 9.86005 10.7591 6.91358 13.7069 3.95939C13.793 3.87858 13.851 3.77242 13.8726 3.65636C13.8942 3.54031 13.8782 3.42038 13.8269 3.31403C13.7757 3.20769 13.6919 3.12047 13.5876 3.06502C13.4834 3.00958 13.3642 2.98881 13.2474 3.00574Z' fill='%238F8F8F'/%3e%3c/svg%3e");
}
.prices__price {
  margin-bottom: 1.5rem;
  font-weight: 700;
  font-size: 2.1rem;
}
.reviews .section__wrapper {
  padding: 9rem 0;
}
@media (max-width: 992px) {
  .reviews .section__wrapper {
    padding: 5rem 0;
  }
}
.js-reviews-carousel {
  position: relative;
}
.js-reviews-carousel:before {
  left: 0;
  transform: translate(-1rem, -1.1rem);
  transform: translate(-1rem);
}
.js-reviews-carousel:after,
.js-reviews-carousel:before {
  content: "";
  position: absolute;
  top: 0;
  width: 2.1rem;
  height: 2.1rem;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='21' height='21' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3crect x='10' width='1' height='21' fill='black'/%3e%3crect x='21' y='10' width='1' height='21' transform='rotate(90 21 10)' fill='black'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: contain;
  pointer-events: none;
  z-index: 2;
}
.js-reviews-carousel:after {
  right: 0;
  transform: translate(1rem, -1.1rem);
  transform: translate(1rem);
}
.js-reviews-carousel .slick-list {
  margin: -1rem;
}
.js-reviews-carousel .slick-list:before {
  content: "";
  position: absolute;
  bottom: 1rem;
  left: 1rem;
  right: 1rem;
  height: 1px;
  background-color: #e5e5e5;
}
.js-reviews-carousel .slick-slide {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 1rem;
}
.js-reviews-carousel .slick-slide > div {
  position: relative;
  display: -ms-flexbox;
  display: flex;
}
.js-reviews-carousel .slick-slide > div:last-child {
  margin-top: -1px;
}
.js-reviews-carousel .slick-slide > div:last-child:before {
  left: 0;
  transform: translate(-1rem, -1.1rem);
  transform: translate(-1rem, -1rem);
}
.js-reviews-carousel .slick-slide > div:last-child:after,
.js-reviews-carousel .slick-slide > div:last-child:before {
  content: "";
  position: absolute;
  top: 0;
  width: 2.1rem;
  height: 2.1rem;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='21' height='21' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3crect x='10' width='1' height='21' fill='black'/%3e%3crect x='21' y='10' width='1' height='21' transform='rotate(90 21 10)' fill='black'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: contain;
  pointer-events: none;
  z-index: 2;
}
.js-reviews-carousel .slick-slide > div:last-child:after {
  right: 0;
  transform: translate(1rem, -1.1rem);
  transform: translate(1rem, -1rem);
}
.js-reviews-carousel .slick-slide:before {
  left: 0;
  transform: translate(-1rem, 1rem);
  transform: translate(0);
}
.js-reviews-carousel .slick-slide:after,
.js-reviews-carousel .slick-slide:before {
  content: "";
  position: absolute;
  bottom: 0;
  width: 2.1rem;
  height: 2.1rem;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='21' height='21' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3crect x='10' width='1' height='21' fill='black'/%3e%3crect x='21' y='10' width='1' height='21' transform='rotate(90 21 10)' fill='black'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: contain;
  pointer-events: none;
  z-index: 2;
}
.js-reviews-carousel .slick-slide:after {
  right: 0;
  transform: translate(1rem, 1rem);
  transform: translate(0);
}
.reviews__item {
  position: relative;
  padding: 4rem 4rem 5.5rem;
  box-shadow:
    inset 0 1px 0 0 #e5e5e5,
    inset 1px 0 0 0 #e5e5e5;
}
.reviews__item .block__text {
  margin-bottom: 0;
  font-size: 1.6rem;
  line-height: 1.56;
}
.reviews__item:first-child:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 2.1rem;
  height: 2.1rem;
  transform: translate(1rem, -1.1rem);
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='21' height='21' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3crect x='10' width='1' height='21' fill='black'/%3e%3crect x='21' y='10' width='1' height='21' transform='rotate(90 21 10)' fill='black'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: contain;
  pointer-events: none;
  z-index: 2;
  transform: translate(1.1rem, -1rem);
}
@media (max-width: 992px) {
  .reviews__item:first-child:before {
    display: none;
  }
}
.reviews__item:first-child:after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 2.1rem;
  height: 2.1rem;
  transform: translate(1rem, 1rem);
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='21' height='21' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3crect x='10' width='1' height='21' fill='black'/%3e%3crect x='21' y='10' width='1' height='21' transform='rotate(90 21 10)' fill='black'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: contain;
  pointer-events: none;
  z-index: 2;
  transform: translate(1.1rem, 1rem);
}
@media (max-width: 992px) {
  .reviews__item:first-child:after {
    display: none;
  }
}
@media (max-width: 992px) {
  .reviews__item {
    padding: 3rem 2rem;
  }
}
.reviews__header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 2rem;
  margin-bottom: 2rem;
}
.reviews__name {
  font-weight: 700;
  font-size: 2rem;
}
.reviews__position {
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 1.1;
  color: #8f8f8f;
}
.reviews__img img {
  display: block;
  height: 3.6rem;
}
.promo {
  position: relative;
  margin-bottom: -20rem;
  z-index: 3;
}
.promo__wrapper {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  padding: 0 4rem 7rem;
  background-color: #fff;
}
.promo__wrapper:after,
.promo__wrapper:before {
  content: "";
  position: absolute;
  top: 0;
  width: 1px;
  height: calc(100% - 29rem);
  background-color: #e5e5e5;
}
@media (max-width: 992px) {
  .promo__wrapper:after,
  .promo__wrapper:before {
    height: calc(100% - 25rem);
  }
}
.promo__wrapper:before {
  left: 0;
}
.promo__wrapper:after {
  right: 0;
}
@media (max-width: 992px) {
  .promo__wrapper {
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 3rem;
    padding: 0 2rem 5rem;
  }
}
.promo__block {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  width: 50%;
}
.promo__block:last-child {
  -ms-flex-pack: end;
  justify-content: flex-end;
  text-align: right;
}
@media (max-width: 992px) {
  .promo__block:last-child {
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
  }
}
@media (max-width: 992px) {
  .promo__block {
    width: 100%;
  }
}
.promo__content {
  width: 55rem;
  max-width: 100%;
}
.promo__content .block__title {
  margin-bottom: 2rem;
}
.promo__content .block__text {
  max-width: 45rem;
  margin-left: auto;
  margin-bottom: 2rem;
}
@media (max-width: 992px) {
  .promo__content .block__text {
    font-size: 1.6rem;
  }
}
.promo__img {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.promo__img img {
  display: block;
  width: 49rem;
  max-width: 100%;
}
.breadcrumbs {
  position: relative;
  margin: 3rem 0 1rem;
}
.breadcrumbs__wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  align-items: center;
  overflow-y: auto;
}
.breadcrumbs__wrapper::-webkit-scrollbar {
  width: 0;
  height: 0;
}
.breadcrumbs__item {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
  align-items: center;
  font-weight: 700;
  font-size: 1.3rem;
  text-transform: uppercase;
  color: #22c0d5;
  transition: 0.3s;
}
.breadcrumbs__item:not(:last-child) {
  margin-right: 1.8rem;
}
.breadcrumbs__item:not(:last-child):after {
  content: "";
  width: 0.6rem;
  height: 0.6rem;
  margin-top: -0.2rem;
  margin-left: 1.8rem;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='3' height='6' viewBox='0 0 3 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M3 3L0 6L1.51421e-07 0L3 3Z' fill='%23FD6069'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: contain;
}
.breadcrumbs__item:hover:not(:last-child) {
  text-decoration: none;
  opacity: 0.7;
}
.breadcrumbs__item:last-child {
  color: #595b61;
  pointer-events: none;
}
.breadcrumbs__item:last-child:after {
  display: none;
}
.pagination {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 1rem;
  padding: 5rem 3.5rem;
  text-align: center;
}
@media (max-width: 992px) {
  .pagination {
    padding: 3rem 2rem;
  }
}
.pagination__item {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 4.4rem;
  height: 4.4rem;
  background-color: transparent;
  font-weight: 500;
  font-size: 1.6rem;
  white-space: nowrap;
  color: #22c0d5;
  transition: 0.3s;
}
.pagination__item,
.pagination__item:focus {
  text-decoration: none;
}
.pagination__item:hover {
  text-decoration: none;
  color: #000;
}
.pagination__item--disabled {
  color: #8f8f8f;
  pointer-events: none;
}
.pagination__item--current {
  color: #000;
  pointer-events: none;
}
.pagination__item--left,
.pagination__item--right {
  width: auto;
}
.alert {
  padding: 1em 1.5em;
  margin-bottom: 1rem;
  font-size: 0.9em;
  line-height: 1.2;
  position: relative;
  background-color: #fff;
  color: #000;
  font-family:
    Open Sans,
    sans-serif;
}
.alert p:last-of-type {
  margin-bottom: 0;
}
.alert p.alert__text {
  margin-bottom: 20px;
}
.alert--dark-blue {
  background-color: #1437cc;
  color: #fff;
}
.alert--red {
  background-color: #ea4335;
  color: #fff;
}
.alert--rblack {
  background-color: #000;
  color: #fff;
}
.alert--white {
  background-color: #fff;
  color: #000;
}
.alert--pink {
  background-color: #ebdddd;
  color: #000;
}
.alert--deep-pink {
  background-color: #dcc9c3;
  color: #000;
}
.alert--purple {
  background-color: #b445b4;
  color: #fff;
}
.alert--deep-purple {
  background-color: #673ab7;
  color: #fff;
}
.alert--dark-pink {
  background-color: #bc9999;
  color: #000;
}
.alert--blue {
  background-color: #237edc;
  color: #fff;
}
.alert--cyan {
  background-color: #00aeed;
  color: #fff;
}
.alert--green {
  background-color: #2aaa4c;
  color: #fff;
}
.alert--yellow {
  background-color: #dcad52;
  color: #fff;
}
.alert--main {
  background-color: #22c0d5;
  color: #fff;
}
.alert--moicvet,
.alert--secondary {
  background-color: #000;
  color: #fff;
}
.alert--brown {
  background-color: #94816c;
  color: #fff;
}
.alert--black {
  background-color: #000;
  color: #fff;
}
.alert--gray {
  background-color: #323232;
  color: #fff;
}
.alert--peach {
  background-color: #916868;
  color: #fff;
}
.alert--o-dark-blue {
  background: transparent;
  color: #1437cc;
  border: 1px solid #1437cc;
}
.alert--o-red {
  background: transparent;
  color: #ea4335;
  border: 1px solid #ea4335;
}
.alert--o-rblack {
  background: transparent;
  color: #000;
  border: 1px solid #000;
}
.alert--o-white {
  background: transparent;
  color: #fff;
  border: 1px solid #fff;
}
.alert--o-pink {
  background: transparent;
  color: #ebdddd;
  border: 1px solid #ebdddd;
}
.alert--o-deep-pink {
  background: transparent;
  color: #dcc9c3;
  border: 1px solid #dcc9c3;
}
.alert--o-purple {
  background: transparent;
  color: #b445b4;
  border: 1px solid #b445b4;
}
.alert--o-deep-purple {
  background: transparent;
  color: #673ab7;
  border: 1px solid #673ab7;
}
.alert--o-dark-pink {
  background: transparent;
  color: #bc9999;
  border: 1px solid #bc9999;
}
.alert--o-blue {
  background: transparent;
  color: #237edc;
  border: 1px solid #237edc;
}
.alert--o-cyan {
  background: transparent;
  color: #00aeed;
  border: 1px solid #00aeed;
}
.alert--o-green {
  background: transparent;
  color: #2aaa4c;
  border: 1px solid #2aaa4c;
}
.alert--o-yellow {
  background: transparent;
  color: #dcad52;
  border: 1px solid #dcad52;
}
.alert--o-main {
  background: transparent;
  color: #22c0d5;
  border: 1px solid #22c0d5;
}
.alert--o-moicvet,
.alert--o-secondary {
  background: transparent;
  color: #000;
  border: 1px solid #000;
}
.alert--o-brown {
  background: transparent;
  color: #94816c;
  border: 1px solid #94816c;
}
.alert--o-black {
  background: transparent;
  color: #000;
  border: 1px solid #000;
}
.alert--o-gray {
  background: transparent;
  color: #323232;
  border: 1px solid #323232;
}
.alert--o-peach {
  background: transparent;
  color: #916868;
  border: 1px solid #916868;
}
.alert--rounded {
  border-radius: 0.3em;
}
.alert--shadow {
  box-shadow: 0 0 0.3em currentColor;
}
.alert__button {
  padding: 0;
  background: none;
  border: 0;
  color: inherit;
  line-height: 1;
  font-size: 1em;
  position: absolute;
  top: 0.3em;
  right: 0.5em;
  z-index: 1;
}
.alert__button:focus {
  outline: 0;
}
.content__wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -1rem;
}
.content__wrapper.quad .content__block {
  width: 25%;
}
.content__wrapper.half .content__block {
  width: 50%;
}
.content__block {
  width: 33.33333%;
  padding: 0 1rem;
  margin-bottom: 2rem;
}
.content__item {
  display: block;
  color: #000;
}
.content__item:hover {
  text-decoration: none;
}
.content__item:hover .content__img {
  transform: scale(1.2);
}
.content__img-wrapper {
  height: 19rem;
  margin-bottom: 1rem;
  border-radius: 10px;
  overflow: hidden;
}
.content__img {
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50%;
  transition: all 0.2s ease;
}
.content__block-title {
  margin-bottom: 1rem;
  font-size: 1.6rem;
  color: inherit;
}
.content__block-text {
  margin-bottom: 1rem;
  font-size: 1rem;
}
.content__block-link {
  color: #ea4335;
  font-size: 1.2rem;
}
.content__slider {
  height: 36rem;
  overflow: hidden;
}
.content__slider .slick-dots {
  bottom: 2rem;
  z-index: 2;
}
.content__slide {
  height: 36rem;
  padding: 6rem;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
  overflow: hidden;
  border-radius: 10px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: end;
  align-items: flex-end;
}
.content__slide:after {
  background: linear-gradient(
    200.86deg,
    hsla(0, 0%, 77%, 0) 35.86%,
    rgba(0, 0, 0, 0.54) 80.41%
  );
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.content__slide:hover {
  text-decoration: none;
}
.content__slide-item {
  position: relative;
  z-index: 2;
}
.content__slide-item .title {
  margin-bottom: 1rem;
  font-size: 1.6rem;
  color: #fff;
}
.content__slide-item .text {
  font-size: 1rem;
  color: #fff;
}
.blog {
  position: relative;
}
.blog .section__bg {
  top: 4rem;
  left: 0;
}
.blog .section__bg--second {
  top: 34rem;
  left: auto;
  right: 0;
}
.blog__wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
}
.blog__item {
  position: relative;
  width: 100%;
}
.blog__item:not(:last-child) {
  border-bottom: 1px solid #e5e5e5;
}
.blog__item:not(:last-child):before {
  left: 0;
  transform: translate(-1rem, 1rem);
  transform: translate(-1rem, 1.1rem);
}
.blog__item:not(:last-child):after,
.blog__item:not(:last-child):before {
  content: "";
  position: absolute;
  bottom: 0;
  width: 2.1rem;
  height: 2.1rem;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='21' height='21' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3crect x='10' width='1' height='21' fill='black'/%3e%3crect x='21' y='10' width='1' height='21' transform='rotate(90 21 10)' fill='black'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: contain;
  pointer-events: none;
  z-index: 2;
}
.blog__item:not(:last-child):after {
  right: 0;
  transform: translate(1rem, 1rem);
  transform: translate(1rem, 1.1rem);
}
.blog__item-wrapper {
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  padding: 4rem;
  color: #000;
}
.blog__item-wrapper:hover .blog__img img {
  transform: scale(1.1);
}
.blog__item-wrapper:hover .blog__title {
  color: #22c0d5;
}
.blog__header {
  position: relative;
  width: 48rem;
  max-width: 50%;
}
.blog__img {
  position: relative;
  height: 0;
  padding-top: 56.252%;
  border-radius: 1rem;
  overflow: hidden;
}
.blog__img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform-origin: center;
  will-change: transform;
  transition: 0.6s;
}
.blog__body {
  -ms-flex: 1;
  flex: 1;
  max-width: 62rem;
  padding: 1.5rem 0 0 3rem;
}
.blog__title {
  margin-bottom: 1.5rem;
  font-weight: 700;
  font-size: 2.4rem;
  line-height: 1.375;
  transition: 0.3s;
}
.blog__excerpt {
  font-weight: 500;
  font-size: 1.6rem;
}
.date {
  margin-bottom: 1rem;
  font-weight: 500;
  font-size: 1.4rem;
  color: #8f8f8f;
}
.share .section__wrapper {
  padding: 5rem 3.5rem;
}
@media (max-width: 992px) {
  .share .section__wrapper {
    padding: 3rem 2rem;
  }
}
.blog__footer {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 84.6rem;
  max-width: 100%;
  margin: 0 auto;
  gap: 2rem;
}
.blog__footer-text {
  font-weight: 700;
  font-size: 1.6rem;
}
.share__list {
  display: -ms-flexbox;
  display: flex;
  gap: 1.5rem;
}
.share__item {
  display: block;
  height: 3.6rem;
  transition: 0.3s;
}
.share__item:hover {
  opacity: 0.7;
}
.share__item img {
  display: block;
  width: 100%;
}
@media (max-width: 992px) {
  .blog__item-wrapper {
    padding: 2rem;
  }
  .blog__body {
    padding: 0 0 0 2rem;
  }
  .blog__title {
    margin-bottom: 1rem;
    font-size: 2rem;
    line-height: 1.3;
  }
}
@media (max-width: 768px) {
  .blog__item-wrapper {
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .blog__header {
    width: 100%;
    max-width: 100%;
  }
  .blog__body {
    padding: 2rem 0 0;
  }
}
.table__wrapper {
  min-height: 0.01%;
  overflow-x: auto;
  padding-bottom: 1rem;
}
.table__wrapper--header {
  padding-top: 10px;
  background-color: #fff;
}
.table {
  width: 100%;
  margin-bottom: 5rem;
  border-collapse: collapse;
  font-size: 1.4rem;
  line-height: 1.45;
  color: #fff;
}
.table--affiliate tr td:last-child {
  padding-right: 0;
  text-align: right;
}
.table thead tr {
  border-bottom: 4px solid hsla(0, 0%, 100%, 0.05);
}
.table th {
  padding: 0.7rem 0;
  font-size: 1.6rem;
  font-weight: 400;
  color: #f8f8f8;
  text-transform: uppercase;
  text-align: left;
}
.table th:last-child {
  text-align: right;
}
.table tbody tr {
  border-bottom: 1px solid hsla(0, 0%, 100%, 0.05);
}
.table td {
  position: relative;
  padding: 3rem 3rem 3rem 0;
  font-family:
    Roboto Condensed,
    sans-serif;
  font-weight: 400;
  font-size: 1.8rem;
  color: #fff;
}
.table td:last-child {
  padding-right: 0;
}
.table td .name {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  font-weight: 700;
}
.table td .name img {
  display: block;
  width: 5rem;
  margin-right: 2rem;
}
.table td .type {
  font-weight: 600;
}
.table td.date {
  color: #f8f8f8;
}
.table td a {
  color: #fff;
}
.table td a:hover {
  color: #d1b082;
}
.table__actions {
  -ms-flex-pack: end;
  justify-content: flex-end;
  gap: 4rem;
}
.table__action,
.table__actions {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}
.table__action {
  -ms-flex-pack: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  border: 0;
  background: none;
  cursor: pointer;
  outline: 0;
}
.table__dots-menu {
  position: absolute;
  top: calc(100% + 0.5rem);
  right: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 15.6rem;
  padding: 0;
  border-radius: 0;
  background-color: #191919;
  box-shadow: 0 0 0.5rem #000;
  opacity: 0;
  visibility: hidden;
}
.table__dots-menu.opened {
  opacity: 1;
  visibility: visible;
  z-index: 1;
}
.table__dots-menu a {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 4.4rem;
  padding: 0 1rem;
  font-family:
    Bebas Neue,
    sans-serif;
  font-weight: 400;
  font-size: 1.8rem;
  text-align: center;
  color: #fff;
  transition: 0.3s;
}
.table__dots-menu a:not(.text-red):hover {
  color: #d1b082;
}
.table__dots-link {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 0.4rem;
  gap: 0.4rem;
}
.table__dots-link:after,
.table__dots-link:before,
.table__dots-link i {
  content: "";
  width: 0.4rem;
  height: 0.4rem;
  border-radius: 50%;
  background-color: #fff;
}
.tabs__item:not(.active) {
  display: none;
}
.tabs__nav,
.tabs__nav-item {
  position: relative;
  display: -ms-flexbox;
  display: flex;
}
.tabs__nav-item {
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex: 1;
  flex: 1;
  height: 5rem;
  border-radius: 5rem;
  border: 2px solid hsla(0, 0%, 100%, 0);
  background-color: transparent;
  font-size: 1.8rem;
  font-weight: 500;
  color: #f8f8f8;
  line-height: 1.3;
  text-align: center;
  transition: 0.3s;
}
.tabs__nav-item:focus {
  text-decoration: none;
}
.tabs__nav-item:hover {
  text-decoration: none;
  color: #fff;
}
.tabs__nav-item.active {
  border: 2px solid hsla(0, 0%, 100%, 0.05);
  background-color: #000;
  color: #fff;
}
.tabs__content {
  padding-top: 4rem;
}
.tabs__content p:last-of-type {
  margin-bottom: 0;
}
.tabs__content-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.tabs__content-block {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
}
.tabs__content-block:first-child {
  -ms-flex-align: start;
  align-items: flex-start;
  width: 40%;
  max-width: 46rem;
}
.tabs__content-block:first-child .block__title {
  margin-bottom: 0.7rem;
  font-size: 3rem;
  font-weight: 700;
}
.tabs__content-block:first-child .block__text {
  font-weight: 500;
  line-height: 1.66;
}
.tabs__content-block:last-child {
  -ms-flex-align: end;
  align-items: flex-end;
  width: 60%;
}
.tabs__img {
  width: 100%;
  max-width: 80rem;
  padding-left: 2rem;
}
.tabs__img img {
  display: block;
  width: 100%;
}
.accordion {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
}
.accordion--faq {
  gap: 3.5rem;
}
.accordion--faq .accordion__item {
  position: relative;
  padding-bottom: 2.5rem;
  border-radius: 0;
  border-bottom: 1px solid #e5e5e5;
  background-color: transparent;
}
.accordion--faq .accordion__item.active .accordion__title a:after {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='20' height='2' viewBox='0 0 20 2' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3crect x='20' width='2' height='20' transform='rotate(90 20 0)' fill='%2322C0D5'/%3e%3c/svg%3e");
  transform: translateY(-50%);
}
.accordion--faq .accordion__item:before {
  left: 0;
  transform: translate(-1rem, 1rem);
  transform: translate(-1rem 1.1rem);
}
.accordion--faq .accordion__item:after,
.accordion--faq .accordion__item:before {
  content: "";
  position: absolute;
  bottom: 0;
  width: 2.1rem;
  height: 2.1rem;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='21' height='21' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3crect x='10' width='1' height='21' fill='black'/%3e%3crect x='21' y='10' width='1' height='21' transform='rotate(90 21 10)' fill='black'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: contain;
  pointer-events: none;
  z-index: 2;
}
.accordion--faq .accordion__item:after {
  right: 0;
  transform: translate(1rem, 1rem);
  transform: translate(1rem 1.1rem);
}
.accordion--faq .accordion__title {
  font-size: 2rem;
  font-weight: 700;
}
.accordion--faq .accordion__title a {
  min-height: 4.4rem;
  padding: 0 6.4rem 0 0;
}
.accordion--faq .accordion__title a:after {
  top: 50%;
  right: 0;
  width: 4.4rem;
  height: 4.4rem;
  border-radius: 0.6rem;
  background-color: #000;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg clip-path='url(%23clip0_2053_524)'%3e%3crect x='9' width='2' height='20' fill='%2322C0D5'/%3e%3crect x='20' y='9' width='2' height='20' transform='rotate(90 20 9)' fill='%2322C0D5'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='clip0_2053_524'%3e%3crect width='20' height='20' fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 2rem;
  transform: translateY(-50%);
  z-index: 2;
  pointer-events: none;
  transition: 0.3s;
}
.accordion--faq .accordion__title a:focus,
.accordion--faq .accordion__title a:hover {
  text-decoration: none;
}
.accordion--faq .accordion__content {
  position: relative;
  padding: 1rem 0 0;
  font-size: 1.6rem;
}
.accordion__item {
  border-radius: 0.6rem;
  background-color: #f8f8f8;
  transition: 0.3s;
}
.accordion__item.active .accordion__title a:after {
  transform: translateY(-50%) rotate(0deg);
}
.accordion__item:hover .accordion__title a {
  color: #22c0d5;
}
.accordion__title {
  position: relative;
  font-size: 2.4rem;
  font-weight: 600;
  color: #000;
}
.accordion__title a {
  min-height: 6rem;
  padding: 2.5rem 3rem;
  color: inherit;
}
.accordion__title a,
.accordion__title a:after {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  transition: 0.3s;
}
.accordion__title a:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 3rem;
  -ms-flex-pack: center;
  justify-content: center;
  width: 1.1rem;
  height: 1.1rem;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='11' height='7' viewBox='0 0 11 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M5.5 -4.80825e-07L11 7L0 7L5.5 -4.80825e-07Z' fill='%2322C0D5'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: contain;
  transform: translateY(-50%) rotate(180deg);
  z-index: 2;
  pointer-events: none;
}
.accordion__title a:focus,
.accordion__title a:hover {
  text-decoration: none;
}
.accordion__content {
  position: relative;
  padding: 1rem 3rem 3.5rem;
  font-size: 1.4rem;
  font-weight: 500;
}
.accordion__content p:last-of-type {
  margin-bottom: 0;
}
.footer {
  position: relative;
  padding: 8rem 0 9rem;
  background-color: #000;
  color: #fff;
  z-index: 2;
}
@media (max-width: 1100px) {
  .footer {
    padding: 5rem 0;
  }
}
.footer .nav {
  -ms-flex-direction: column;
  flex-direction: column;
}
@media (max-width: 1100px) {
  .footer .nav {
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
  }
}
@media (max-width: 768px) {
  .footer .nav {
    gap: 1.5rem;
  }
}
.footer .nav__item a {
  color: #fff;
}
.footer .nav__item.active a,
.footer .nav__item a.active,
.footer .nav__item a:hover {
  color: #22c0d5;
}
.footer__wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 3rem 0;
  padding-bottom: 9rem;
}
@media (max-width: 1100px) {
  .footer__wrapper {
    padding-bottom: 5rem;
  }
}
@media (max-width: 768px) {
  .footer__wrapper {
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.footer__block {
  width: 33.33333%;
  gap: 3rem 0;
}
@media (max-width: 1100px) {
  .footer__block {
    width: 100%;
  }
}
@media (max-width: 768px) {
  .footer__block {
    width: 100%;
  }
}
.footer__block.right {
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.footer__title {
  margin-bottom: 2.8rem;
  font-weight: 700;
  font-size: 2rem;
}
@media (max-width: 1100px) {
  .footer__title {
    text-align: center;
  }
}
@media (max-width: 768px) {
  .footer__title {
    margin-bottom: 1.5rem;
  }
}
.footer__row {
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 62rem;
  max-width: 100%;
}
.footer__logos,
.footer__row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  gap: 4rem;
}
.footer__logos {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media (max-width: 768px) {
  .footer__logos {
    -ms-flex-pack: center;
    justify-content: center;
    gap: 3rem;
  }
}
.footer__logo {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.footer__logo img {
  display: block;
  height: auto;
  max-height: 2.8rem;
}
@media (max-width: 768px) {
  .footer__logo img {
    max-height: 2rem;
  }
}
.footer__line {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 3rem 0;
  padding: 8rem 0;
  border-top: 1px solid #323232;
}
@media (max-width: 1100px) {
  .footer__line {
    padding: 5rem 0;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.footer__line:after {
  left: 0;
  transform: translate(-1rem, -1.1rem);
}
.footer__line:after,
.footer__line:before {
  content: "";
  position: absolute;
  top: 0;
  width: 2.1rem;
  height: 2.1rem;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='21' height='21' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3crect x='10' width='1' height='21' fill='black'/%3e%3crect x='21' y='10' width='1' height='21' transform='rotate(90 21 10)' fill='black'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: contain;
  pointer-events: none;
  z-index: 2;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='21' height='21' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3crect x='10' width='1' height='21' fill='white'/%3e%3crect x='21' y='10' width='1' height='21' transform='rotate(90 21 10)' fill='white'/%3e%3c/svg%3e");
}
.footer__line:before {
  right: 0;
  transform: translate(1rem, -1.1rem);
}
.footer__text {
  font-weight: 700;
  font-size: 5rem;
  line-height: 1.16;
}
@media (max-width: 1100px) {
  .footer__text {
    font-size: 4rem;
    text-align: center;
  }
}
@media (max-width: 768px) {
  .footer__text {
    font-size: 3rem;
  }
}
.footer__text span {
  color: #22c0d5;
  white-space: nowrap;
}
.copyright {
  font-size: 1.4rem;
  color: #898989;
}
@media (max-width: 1100px) {
  .copyright {
    text-align: center;
  }
}
.catalog__wrapper {
  display: -ms-flexbox;
  display: flex;
  margin: 0 -2.4rem;
}
.catalog__nav-block {
  width: 32.7rem;
  -ms-flex: 0 0 32.7rem;
  flex: 0 0 32.7rem;
  padding: 0 2.4rem;
}
.catalog__block {
  -ms-flex: 1;
  flex: 1;
  padding: 0 2.4rem;
}
.catalog__nav {
  margin-bottom: 4rem;
}
.catalog__nav-link {
  height: 6.4rem;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  padding: 0.7rem 1.2rem;
  border-bottom: 1px solid #c7c7c7;
  text-transform: uppercase;
  font-weight: 900;
  letter-spacing: 0.22px;
}
.catalog__nav-link:hover {
  text-decoration: none;
}
.catalog__nav-link:last-child {
  border-bottom: 0;
}
.catalog__nav-link .icon {
  min-width: 3.4rem;
  height: 100%;
  margin-right: 2.2rem;
}
.catalog__nav-link.dosa {
  color: #007bff;
}
.catalog__nav-link.dosa svg path {
  fill: #007bff;
}
.catalog__nav-link.dosa:hover {
  color: #fff;
  background-color: #007bff;
}
.catalog__nav-link.dosa:hover svg path {
  fill: #fff;
}
.catalog__nav-link.cleansing {
  color: #00a86d;
}
.catalog__nav-link.cleansing svg path {
  fill: #00a86d;
}
.catalog__nav-link.cleansing:hover {
  color: #fff;
  background-color: #00a86d;
}
.catalog__nav-link.cleansing:hover svg path {
  fill: #fff;
}
.catalog__nav-link.antiseptics {
  color: #00aeed;
}
.catalog__nav-link.antiseptics svg path {
  fill: #00aeed;
}
.catalog__nav-link.antiseptics:hover {
  color: #fff;
  background-color: #00aeed;
}
.catalog__nav-link.antiseptics:hover svg path {
  fill: #fff;
}
.catalog__nav-link.care {
  color: #ec9bab;
}
.catalog__nav-link.care svg path {
  fill: #ec9bab;
}
.catalog__nav-link.care:hover {
  color: #fff;
  background-color: #ec9bab;
}
.catalog__nav-link.care:hover svg path {
  fill: #fff;
}
.catalog__nav-link.disinfection {
  color: #964088;
}
.catalog__nav-link.disinfection svg path {
  fill: #964088;
}
.catalog__nav-link.disinfection:hover {
  color: #fff;
  background-color: #964088;
}
.catalog__nav-link.disinfection:hover svg path {
  fill: #fff;
}
.catalog__nav-link.agents {
  color: #0099a2;
}
.catalog__nav-link.agents svg path {
  fill: #0099a2;
}
.catalog__nav-link.agents:hover {
  color: #fff;
  background-color: #0099a2;
}
.catalog__nav-link.agents:hover svg path {
  fill: #fff;
}
.catalog__nav-link.instruments {
  color: #e26048;
}
.catalog__nav-link.instruments svg path {
  fill: #e26048;
}
.catalog__nav-link.instruments:hover {
  color: #fff;
  background-color: #e26048;
}
.catalog__nav-link.instruments:hover svg path {
  fill: #fff;
}
.catalog__nav-link.systems {
  color: #606060;
}
.catalog__nav-link.systems svg path {
  stroke: #606060;
}
.catalog__nav-link.systems:hover {
  color: #fff;
  background-color: #606060;
}
.catalog__nav-link.systems:hover svg path {
  stroke: #fff;
}
.catalog__search {
  position: relative;
}
.catalog__search .input {
  padding-right: 3rem;
}
.catalog__search-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  height: 100%;
  right: 0;
  border: 0;
  outline: 0;
  cursor: pointer;
  padding: 0 1.6rem;
  background: none;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.catalog__brands {
  margin: 3.2rem 0 4.8rem;
}
.catalog__brands .title {
  font-weight: 700;
  margin-bottom: 0.8rem;
  letter-spacing: 0.22px;
  text-transform: uppercase;
}
.catalog__brands-actions {
  display: -ms-flexbox;
  display: flex;
}
.catalog__brands-actions .btn {
  -ms-flex: 1;
  flex: 1;
  margin-right: 1.6rem;
  padding: 0 1rem;
}
.catalog__brands-actions .btn:last-child {
  margin-right: 0;
}
.product {
  margin-bottom: 10rem;
}
.product__wrapper {
  display: -ms-flexbox;
  display: flex;
  margin: 0 -3.5rem 5rem;
}
.product__block,
.product__info {
  width: 50%;
  padding: 0 3.5rem;
}
.product__title {
  font-size: 2rem;
  font-weight: 700;
  margin-bottom: 3rem;
}
.product__info-row {
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 2rem;
}
.product__info-row:last-child {
  margin-bottom: 0;
}
.product__info-row .title {
  margin-right: 2rem;
  font-weight: 800;
  min-width: 35rem;
}
.product__info-row .text {
  font-weight: 700;
  text-align: left;
}
.product__slider .slick-list {
  margin: 0;
}
.product__slider .slick-slide {
  padding: 0;
}
.product__img {
  height: 42rem;
  width: 100%;
  object-fit: cover;
}
.product__thumbs .slick-list {
  margin: 0;
}
.product__thumbs .slick-slide {
  padding: 0;
}
.product__thumb {
  height: 7.5rem;
  object-fit: cover;
}
.product__row {
  max-width: 51rem;
  margin-bottom: 2rem;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  font-weight: 700;
}
.product__row .title {
  font-weight: 800;
}
@media (max-width: 992px) {
  .product__wrapper {
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .product__block,
  .product__info {
    width: 100%;
  }
  .product__info .btn img {
    display: none;
  }
}
@media (max-width: 768px) {
  .product__info {
    margin-top: 2rem;
  }
  .product__info-row {
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .product__info-row .title {
    margin-bottom: 0.5rem;
  }
}
.cart__page {
  padding-bottom: 10rem;
}
.cart__steps {
  margin-bottom: 4rem;
  padding: 0.6rem;
  background-color: #f4f7fb;
}
.cart__step,
.cart__steps {
  display: -ms-flexbox;
  display: flex;
  border-radius: 1rem;
}
.cart__step {
  -ms-flex: 1;
  flex: 1;
  height: 4.8rem;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #848b8f;
  font-weight: 800;
}
.cart__step:hover {
  text-decoration: none;
}
.cart__step.active {
  color: #000;
  background-color: #fff;
}
.cart__step.completed {
  color: #2aaa4c;
}
.cart__step.completed:before {
  content: "";
  width: 2.4rem;
  height: 2.4rem;
  margin-right: 1rem;
  background: url(/src/assets/images/checkmark.svg) no-repeat 50%;
  background-size: cover;
}
.cart__wrapper {
  display: -ms-flexbox;
  display: flex;
  margin: 0 -1rem;
}
.cart__block {
  width: 60%;
  padding: 0 1rem;
}
.cart__block:last-child {
  width: 40%;
}
.cart__item {
  padding-bottom: 3rem;
  margin-bottom: 2rem;
  border-bottom: 1px solid #d9d9d9;
}
.cart__item:last-of-type {
  border-bottom: 0;
  margin-bottom: 4rem;
  padding-bottom: 0;
}
.cart__title {
  margin-bottom: 3rem;
  font-size: 2rem;
  font-weight: 700;
}
.cart__info {
  padding: 2.5rem;
  border-radius: 1rem;
  border: 1px solid #edeeef;
}
.count__wrapper {
  display: -ms-flexbox;
  display: flex;
}
.count__wrapper .input {
  width: 3.5rem;
  height: 3rem;
  text-align: center;
  border: 0;
  padding: 0 0.5rem;
}
.count__btn {
  width: 3rem;
  height: 3rem;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 1rem;
  background-color: #92a3ad;
  color: #fff;
  position: relative;
}
.count__btn:before {
  width: 1.2rem;
  height: 0.2rem;
}
.count__btn.plus:after,
.count__btn:before {
  content: "";
  position: absolute;
  background-color: #fff;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.count__btn.plus:after {
  width: 0.2rem;
  height: 1.2rem;
}
.cart__summary {
  padding: 2.5rem;
  margin: 0 -2.5rem -2.5rem;
  background-color: #f9f9f9;
}
.summary__row {
  margin-bottom: 2rem;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.summary__row:last-of-type {
  margin-bottom: 0;
}
.summary__row .title {
  color: #848b8f;
  font-size: 1.3rem;
  font-weight: 700;
}
.summary__row .data {
  font-weight: 700;
}
.summary__row.total .title {
  font-size: 2rem;
  color: #000;
}
.summary__row.total .data {
  font-size: 2rem;
}
@media (max-width: 992px) {
  .cart__wrapper {
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .cart__block {
    width: 100%;
  }
  .cart__block:last-child {
    margin-top: 4rem;
    width: 100%;
  }
  .radio--delivery .radio__label {
    padding-left: 2rem;
  }
  .radio--delivery .radio__label-img {
    width: 8rem;
    margin-right: 1rem;
  }
  .radio--delivery .radio__label-img img {
    width: 8rem;
  }
}
@media (max-width: 560px) {
  .radio__name {
    max-width: 10rem;
  }
  .radio__wrapper {
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .radio__wrapper .radio {
    margin-bottom: 2rem;
  }
  .radio__wrapper .radio:last-child {
    margin-bottom: 0;
  }
  .table--cart .price {
    white-space: nowrap;
  }
}
.intro {
  position: relative;
  width: 100%;
  height: 100vh;
  min-height: 90rem;
  padding: 7rem 0 12.5rem;
  overflow: hidden;
}
.intro .block__text {
  max-width: 66rem;
  margin-bottom: 5rem;
  font-size: 2rem;
}
.intro--page {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 7rem 0;
}
.intro--page .intro__wrapper {
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-align: center;
  align-items: center;
  gap: 3rem 0;
  margin: 0 -1rem;
}
.intro--page .intro__block {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 0 1rem;
}
.intro--page .intro__block:first-child {
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 59rem;
  max-width: 100%;
  padding-left: 1rem;
}
.intro--page .intro__block:last-child {
  -ms-flex-align: end;
  align-items: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -ms-flex: 1;
  flex: 1;
  width: auto;
  max-width: 100%;
}
.intro--page .subtitle {
  margin-bottom: 0.5rem;
}
.intro--page .intro__title {
  margin-bottom: 1rem;
  font-size: 10rem;
}
.intro--page .block__text {
  max-width: 40rem;
}
.intro--page .intro__img {
  border-radius: 1rem;
}
.intro__video {
  position: absolute;
  top: 8rem;
  left: 0;
  width: 100%;
  height: calc(100% - 8rem);
  z-index: 1;
}
.intro__video video {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  transform: translateX(-5%);
}
.intro__wrapper {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
  padding: 5rem 0;
  z-index: 2;
}
.intro__block:first-child {
  width: 55%;
  padding-left: calc((100vw - 1400px + 23px) / 2);
}
.intro__block:last-child {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
  justify-content: flex-end;
  width: 45%;
}
.intro__block:last-child img {
  display: block;
  max-width: 100%;
}
.intro__subtitle {
  display: inline-block;
  font-size: 5rem;
  text-transform: uppercase;
  line-height: 1.2;
  letter-spacing: 0.2em;
}
.intro__title {
  font-size: 14.8rem;
  line-height: 1.2;
  color: #d9d9d9;
  text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
}
.intro__title span {
  color: transparent;
  -webkit-text-stroke: 3px #fff;
}
.intro__footer {
  position: relative;
  -ms-flex-align: end;
  align-items: flex-end;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  gap: 3rem;
  z-index: 2;
}
.intro__actions,
.intro__footer {
  display: -ms-flexbox;
  display: flex;
}
.intro__actions {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 4rem;
}
.intro__img {
  border-radius: 1rem 0 0 1rem;
  background: rgba(15, 16, 16, 0.8);
  -webkit-backdrop-filter: blur(7.5px);
  backdrop-filter: blur(7.5px);
  overflow: hidden;
}
.cabinet .page {
  padding-top: 0;
}
.cabinet__page {
  display: -ms-flexbox;
  display: flex;
  padding-left: 26rem;
  background-color: #fff;
  transition: 0.3s;
}
.cabinet__page.large {
  padding-left: 7rem;
}
.cabinet__page .container {
  width: 100%;
  padding: 0 4rem;
}
@media (max-width: 992px) {
  .cabinet__page .container {
    padding: 0 2rem;
  }
}
.sidebar {
  position: fixed;
  top: 0;
  left: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 26rem;
  height: 100vh;
  gap: 4rem;
  padding: 4rem 3rem 2.5rem;
  background-color: #000;
  overflow-y: auto;
  transition: 0.3s;
}
.sidebar::-webkit-scrollbar {
  width: 0;
  height: 0;
}
.sidebar .copyright {
  font-size: 1.4rem;
  color: #8f8f8f;
}
.sidebar__head {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 4.5rem;
}
.sidebar__list {
  padding-bottom: 6.5rem;
}
.sidebar__list a {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  height: 3.6rem;
  color: #8f8f8f;
  font-size: 1.6rem;
  font-weight: 700;
  transition: 0.3s;
}
.sidebar__list .icon {
  width: 3.6rem;
  height: 3.6rem;
  margin-right: 0.5rem;
}
.sidebar__list-title {
  width: 100%;
  height: 3.6rem;
  color: #8f8f8f;
  font-size: 1.6rem;
  font-weight: 700;
  transition: 0.3s;
}
.sidebar__list-item,
.sidebar__list-title {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}
.sidebar__list-item {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.sidebar__list-item:not(:last-child) {
  margin-bottom: 1.5rem;
}
.sidebar__list-item:has(.sidebar__sublist-item.active) .sidebar__list-title {
  color: #fff;
}
.sidebar__list-item:has(.sidebar__sublist-item.active) path {
  fill: #22c0d5;
}
.sidebar__list-item.active a,
.sidebar__list-item a:hover {
  color: #fff;
}
.sidebar__list-item.active .icon {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-right: 0.7rem;
  width: 3.6rem;
  height: 3.6rem;
}
.sidebar__list-item.active path {
  fill: #22c0d5;
}
.sidebar__sublist-item a {
  font-size: 1.4rem;
}
.sidebar__sublist-item.active a {
  color: #fff;
}
.sidebar__sublist {
  padding-left: 4.3rem;
}
.credit__progress .progress {
  position: relative;
  bottom: auto;
  left: auto;
  width: 100%;
  height: 0.8rem;
  margin-bottom: 1.1rem;
  border: none;
  background-color: #373737;
  overflow: hidden;
}
.credit__progress .progress .line {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background-color: #22c0d5;
}
.credit__progress .title {
  font-size: 1.4rem;
  font-weight: 400;
  color: #fff;
}
.cabinet__content {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  min-height: 100vh;
  padding-bottom: 12rem;
}
.cabinet__content .prices__wrapper {
  margin-top: 1rem;
  border-bottom: 1px solid #e5e5e5;
  box-shadow: inset -1px 0 0 0 #e5e5e5;
}
.cabinet__content .prices__wrapper:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 2.1rem;
  height: 2.1rem;
  transform: translate(-1rem, 1rem);
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='21' height='21' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3crect x='10' width='1' height='21' fill='black'/%3e%3crect x='21' y='10' width='1' height='21' transform='rotate(90 21 10)' fill='black'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: contain;
  pointer-events: none;
  z-index: 2;
  transform: translate(-1rem, 1.1rem);
}
.cabinet__content .prices__block:last-child:after {
  display: block;
  transform: translate(1rem, 1.1rem);
}
@media (max-width: 1480px) {
  .cabinet__content .prices__block {
    -ms-flex: 1 0 33.33333%;
    flex: 1 0 33.33333%;
  }
  .cabinet__content .prices__block.best:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 2.1rem;
    height: 2.1rem;
    transform: translate(-1rem, -1.1rem);
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='21' height='21' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3crect x='10' width='1' height='21' fill='black'/%3e%3crect x='21' y='10' width='1' height='21' transform='rotate(90 21 10)' fill='black'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain;
    pointer-events: none;
    z-index: 2;
    transform: translate(-1rem, -1rem);
  }
  .cabinet__content .prices__block:nth-child(3):before {
    transform: translate(1rem, -1rem);
  }
  .cabinet__content .prices__block:nth-child(3):after {
    transform: translate(1rem, 1.1rem);
  }
  .cabinet__content .prices__block:last-child:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 2.1rem;
    height: 2.1rem;
    transform: translate(-1rem, -1.1rem);
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='21' height='21' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3crect x='10' width='1' height='21' fill='black'/%3e%3crect x='21' y='10' width='1' height='21' transform='rotate(90 21 10)' fill='black'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain;
    pointer-events: none;
    z-index: 2;
    transform: translate(-1rem, -1rem);
  }
}
@media (max-width: 768px) {
  .cabinet__content .prices__block {
    -ms-flex: 1 0 50%;
    flex: 1 0 50%;
  }
  .cabinet__content .prices__block:before {
    transform: translate(1rem, -1rem);
  }
  .cabinet__content .prices__block:after {
    transform: translate(1rem, 1.1rem);
  }
  .cabinet__content .prices__block.best:after {
    transform: translate(1rem, 1rem);
  }
  .cabinet__content .prices__block:nth-child(2):before {
    left: 0;
    right: auto;
    transform: translate(-1rem, -1rem);
  }
  .cabinet__content .prices__block:nth-child(3):before {
    transform: translate(-1rem, -1rem);
  }
}
@media (max-width: 640px) {
  .cabinet__content .prices__block {
    -ms-flex: 1 0 100%;
    flex: 1 0 100%;
  }
}
.cabinet__header {
  position: sticky;
  top: 0;
  left: 0;
  background-color: #fff;
  z-index: 10;
}
.cabinet__header .block__title {
  margin-bottom: 0;
  font-size: 3rem;
}
@media (max-width: 768px) {
  .cabinet__header .dropdown__wrapper {
    width: 20rem;
    border-radius: 0.6rem 0 0.6rem 0.6rem;
  }
}
.cabinet__header .dropdown__item:last-child a {
  color: #ea4335;
}
.cabinet__header-wrapper {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
  height: 9.5rem;
  gap: 2rem;
  padding: 1rem 0;
  border-bottom: 1px solid #e5e5e5;
}
.cabinet__header-wrapper:before {
  left: 0;
  transform: translate(-1rem, 1rem);
  transform: translate(-1rem, 1.1rem);
}
.cabinet__header-wrapper:after,
.cabinet__header-wrapper:before {
  content: "";
  position: absolute;
  bottom: 0;
  width: 2.1rem;
  height: 2.1rem;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='21' height='21' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3crect x='10' width='1' height='21' fill='black'/%3e%3crect x='21' y='10' width='1' height='21' transform='rotate(90 21 10)' fill='black'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: contain;
  pointer-events: none;
  z-index: 2;
}
.cabinet__header-wrapper:after {
  right: 0;
  transform: translate(1rem, 1rem);
  transform: translate(1rem, 1.1rem);
}
.cabinet__header-block {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  gap: 2rem;
}
.cabinet__profile-wrapper,
.dropdown {
  position: relative;
}
.dropdown {
  z-index: 10;
}
.cabinet__profile {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
  min-width: 15.6rem;
  gap: 1.5rem;
  height: 4.4rem;
  padding: 0.2rem 0.2rem 0.2rem 1rem;
  border-radius: 0.6rem;
  background-color: rgba(0, 0, 0, 0.7);
  font-weight: 600;
  font-size: 1.4rem;
  color: #fff;
  transition: 0.3s;
}
@media (max-width: 768px) {
  .cabinet__profile {
    min-width: 0;
    width: 4.4rem;
    gap: 0;
    padding: 0.2rem;
  }
  .cabinet__profile span {
    display: none;
  }
}
.cabinet__icon {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 4rem;
  height: 4rem;
  border-radius: 0.4rem;
  background-color: #22c0d5;
  text-transform: uppercase;
  color: #000;
}
.cabinet__icon img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.dropdown__wrapper {
  position: absolute;
  top: 100%;
  right: 0;
  width: 100%;
  padding: 0.8rem 1rem 1.3rem;
  border-radius: 0 0 0.6rem 0.6rem;
  background-color: rgba(0, 0, 0, 0.7);
  transform: translateY(-2.2rem);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  z-index: -1;
  transition: 0.3s;
}
.dropdown__list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 0.3rem;
}
.dropdown__item a {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  height: 3rem;
  font-weight: 600;
  font-size: 1.4rem;
  color: #fff;
  transition: 0.3s;
}
.dropdown__item.active a,
.dropdown__item a:hover {
  color: #22c0d5;
}
@media (min-width: 993px) {
  .dropdown:hover .cabinet__profile {
    border-radius: 0.6rem 0.6rem 0 0;
  }
  .dropdown:hover .dropdown__wrapper {
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
  }
}
@media (max-width: 992px) {
  .dropdown .cabinet__profile.active {
    border-radius: 0.6rem 0.6rem 0 0;
  }
  .dropdown .cabinet__profile.active + .dropdown__wrapper {
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
  }
}
.cabinet__head {
  padding: 3rem 0;
  background-color: hsla(0, 0%, 100%, 0.1);
  border-bottom: 1px solid #000;
}
.cabinet__head--filter .cabinet__head-wrapper {
  -ms-flex-align: start;
  align-items: flex-start;
}
.cabinet__head--filter .cabinet__head-wrapper + .cabinet__head-wrapper {
  -ms-flex-align: center;
  align-items: center;
  margin-top: 1.6rem;
}
.cabinet__head .btn {
  height: 4.4rem;
  padding: 0 2.5rem;
}
.cabinet__head .block__subtitle {
  display: block;
  margin-bottom: 0.3rem;
  font-weight: 400;
  font-size: 1.8rem;
  letter-spacing: normal;
  color: #d1b082;
}
.cabinet__head a.block__subtitle {
  transition: 0.3s;
}
.cabinet__head a.block__subtitle:hover {
  color: #22c0d5;
}
.cabinet__head .block__title {
  margin-bottom: 0;
  font-weight: 400;
  font-size: 4rem;
  line-height: 1.16;
}
.cabinet__head-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.cabinet__header-actions {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 2rem;
}
.cabinet__sort {
  -ms-flex-align: center;
  align-items: center;
}
.cabinet__sort,
.sort__title {
  display: -ms-flexbox;
  display: flex;
}
.sort__title {
  position: relative;
  font-weight: 400;
  font-size: 1.8rem;
  white-space: nowrap;
}
.sort__title > a {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  width: 1.2rem;
  margin-left: 1.6rem;
  margin-right: 0.7rem;
}
.sort__title > a img {
  display: block;
  width: 100%;
}
.sort__items {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 0.5rem 0;
}
.sort__items,
.sort__items a {
  display: -ms-flexbox;
  display: flex;
}
.sort__items a {
  -ms-flex-align: center;
  align-items: center;
  height: 2.6rem;
  padding: 0 1.3rem;
  border-radius: 0;
  font-size: 1.8rem;
  font-weight: 400;
  color: #fff;
  transition: 0.3s;
}
.sort__items a:hover {
  opacity: 0.7;
}
.sort__items a.active {
  background-color: #323232;
  color: #fff;
}
.cabinet__head-sort {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: end;
  justify-content: flex-end;
  gap: 1.5rem;
}
.cabinet__head-sort a {
  display: block;
  transition: 0.3s;
}
.cabinet__head-sort a:hover {
  opacity: 0.7;
}
.cabinet__head-sort img {
  display: block;
  width: 1.2rem;
}
.sort__menu {
  position: absolute;
  top: calc(100% + 1.5rem);
  left: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 14rem;
  padding: 2rem 0;
  border-radius: 0;
  background-color: #000;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: 0.3s;
}
.sort__menu.opened {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  z-index: 1;
}
.sort__menu a {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  height: 4.8rem;
  padding: 0 3.5rem;
  font-size: 1.8rem;
  font-weight: 400;
  color: #fff;
  transition: 0.3s;
}
.sort__menu a:hover {
  color: #22c0d5;
}
.block__header-cabiet {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 1rem 2rem;
  margin-bottom: 2rem;
}
.block__header-cabiet .cabinet__title {
  margin-bottom: 0;
}
.cabinet__title {
  margin-bottom: 1.5rem;
  font-weight: 700;
  font-size: 3rem;
  color: #000;
}
.cabinet__text {
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 1.2;
  color: #8f8f8f;
}
.cabinet__container {
  -ms-flex: 1;
  flex: 1;
}
.cabinet__wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
  padding-top: 4rem;
}
.cabinet__wrapper form {
  height: 100%;
}
.cabinet__section:not(:last-child) {
  margin-bottom: 4rem;
}
@media (max-width: 768px) {
  .cabinet__section:not(:last-child) {
    margin-bottom: 2rem;
  }
}
.cabinet__section .voices__search,
.cabinet__section .voices__tags {
  margin-bottom: 0;
}
@media (max-width: 1680px) {
  .cabinet__section .prices__block {
    width: 33.33333%;
  }
}
@media (max-width: 1240px) {
  .cabinet__section .prices__block {
    width: 50%;
  }
}
@media (max-width: 640px) {
  .cabinet__section .prices__block {
    width: 100%;
  }
}
.cabinet__section .remodal__settings-form {
  gap: 3.5rem;
}
.cabinet__section .remodal__settings-form .actions {
  padding-top: 1rem;
}
.banner {
  margin-top: -4rem;
  margin-bottom: 3rem;
  background-color: #22c0d5;
  overflow: hidden;
}
.banner .cabinet__header {
  position: absolute;
  left: 0;
  width: 100%;
  border-bottom-color: transparent;
  background-color: transparent;
}
.banner .cabinet__header-wrapper {
  border-bottom: none;
}
.banner .cabinet__header-wrapper:after,
.banner .cabinet__header-wrapper:before {
  display: none;
}
.banner .menu__btn:after,
.banner .menu__btn:before,
.banner .menu__btn i {
  background-color: #fff;
}
.banner__wrapper {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -1rem;
  z-index: 1;
}
.banner__block {
  width: 50%;
  padding: 0 1rem;
}
.banner__content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-pack: center;
  justify-content: center;
  height: 100%;
  min-height: 37rem;
  padding: 9.5rem 0 8rem;
}
.banner__title {
  margin-bottom: 2.5rem;
  font-weight: 700;
  font-size: 5rem;
  line-height: 1.12;
  color: #fff;
}
.banner__img {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: end;
  align-items: flex-end;
  -ms-flex-pack: center;
  justify-content: center;
  height: 100%;
  background-repeat: no-repeat;
  background-position: 0;
}
.banner__img img {
  display: block;
  height: 34rem;
}
.voices__wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 2rem 0;
  margin: 0 -1rem;
}
@media (max-width: 1360px) {
  .voices__wrapper .voices__item {
    width: 25%;
  }
}
@media (max-width: 1100px) {
  .voices__wrapper .voices__item {
    width: 33.33333%;
  }
}
@media (max-width: 860px) {
  .voices__wrapper .voices__item {
    width: 50%;
  }
}
@media (max-width: 380px) {
  .voices__wrapper .voices__item {
    width: 100%;
    max-width: 26rem;
    margin-left: auto;
    margin-right: auto;
  }
}
.voices__item {
  width: 20%;
  padding: 0 1rem;
}
.voices__item-wrapper {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: end;
  justify-content: flex-end;
  width: 100%;
  height: 29rem;
  border-radius: 0.6rem;
  overflow: hidden;
}
.voices__item-wrapper:hover .voices__item-img img {
  transform: scale(1.1);
}
@media (max-width: 768px) {
  .voices__item-wrapper {
    height: 20rem;
  }
}
.voices__item-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  will-change: transform;
}
.voices__item-img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
  transition: 0.6s;
}
.add-to-favorite {
  position: absolute;
  top: 2rem;
  right: 2rem;
  width: 2.1rem;
  height: 1.8rem;
  margin: 0;
  padding: 0;
  border-radius: 0;
  border: none;
  background-color: transparent;
  outline: none;
  overflow: visible;
  cursor: pointer;
  z-index: 1;
  transition: 0.3s;
}
.add-to-favorite img,
.add-to-favorite svg {
  display: block;
  width: 100%;
}
.add-to-favorite img path,
.add-to-favorite svg path {
  transition: 0.3s;
}
.add-to-favorite img path.favorite-added,
.add-to-favorite svg path.favorite-added {
  display: none;
}
.add-to-favorite.added path,
.add-to-favorite:hover path {
  fill: #22c0d5;
}
.add-to-favorite.added path.favorite-added {
  display: block;
}
.voices__item-footer {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  height: 6rem;
  padding: 1.5rem 6rem 1.5rem 2.4rem;
  background-color: rgba(0, 0, 0, 0.7);
  -webkit-backdrop-filter: blur(2.5rem);
  backdrop-filter: blur(2.5rem);
}
.voices__item-footer:before {
  content: "";
  position: absolute;
  top: 1.5rem;
  right: 2.4rem;
  width: 3rem;
  height: 3rem;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M29.1882 7.39085C29.1882 7.39085 28.2236 2.77547 24.0544 1.15385C22.0942 0.405405 18.5161 0.031185 15.0002 0C11.4843 0.031185 7.9062 0.405405 5.94602 1.15385C1.77674 2.77547 0.812211 7.39085 0.812211 7.39085C0.189932 10.0104 -0.0278659 12.6611 0.00324807 15C-0.0278659 17.3389 0.158818 20.0208 0.812211 22.6091C0.812211 22.6091 1.77674 27.2245 5.94602 28.8462C7.9062 29.5946 11.4843 29.9688 15.0002 30C18.5161 29.9688 22.0942 29.6258 24.0544 28.8462C28.2236 27.2245 29.1882 22.6091 29.1882 22.6091C29.8104 19.9896 30.0282 17.3389 29.9971 15C30.0282 12.6611 29.8104 10.0104 29.1882 7.39085ZM20.6629 15.9044L13.3511 20.6133C13.1333 20.7692 12.8844 20.8316 12.6044 20.8316C12.3866 20.8316 12.1688 20.7692 11.951 20.6757C11.5154 20.4262 11.2354 19.9896 11.2354 19.4906V10.0728C11.2354 9.5738 11.5154 9.10603 11.951 8.88773C12.3866 8.63825 12.9155 8.66944 13.32 8.9501L20.6318 13.659C21.0363 13.9085 21.2541 14.3451 21.2541 14.8129C21.2541 15.2807 21.0674 15.6549 20.6629 15.9044Z' fill='%2322C0D5'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-size: contain;
}
@media (max-width: 768px) {
  .voices__item-footer:before {
    top: 1.3rem;
    right: 1rem;
    width: 2.4rem;
    height: 2.4rem;
  }
}
@media (max-width: 768px) {
  .voices__item-footer {
    height: 5rem;
    padding: 1rem 4.5rem 1rem 1rem;
  }
}
.voices__item-title {
  width: 100%;
  overflow: hidden;
  font-weight: 500;
  font-size: 1.4rem;
  color: #fff;
  white-space: nowrap;
}
.voices-carousel .voices__item {
  width: 100%;
  height: 100%;
  padding: 0;
}
.btn--generate {
  width: 32.6rem;
  max-width: 100%;
}
.choose_voice {
  position: relative;
  margin-top: -4rem;
  padding-top: 4rem;
  overflow: hidden;
}
@media (max-width: 768px) {
  .choose_voice {
    margin-top: -2rem;
    padding-top: 2rem;
  }
}
.choose_voice--selected {
  margin-top: 0;
  padding-top: 0;
}
.choose_voice--selected .choose_voice__container {
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: cover;
}
.choose_voice--selected .choose_voice__container:before {
  display: none;
}
.choose_voice--selected .choose_voice__wrapper {
  background-color: var(--bg-color);
  -webkit-backdrop-filter: blur(9rem);
  backdrop-filter: blur(9rem);
}
@media (max-width: 600px) {
  .choose_voice--selected .choose_voice__wrapper {
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}
.choose_voice--selected .choose_voice__content .cabinet__title {
  margin-bottom: 0.5rem;
  color: #fff;
}
.choose_voice--selected .choose_voice__img {
  position: relative;
  bottom: auto;
  right: auto;
  width: 15rem;
  height: 15rem;
  border-radius: 0.6rem;
  overflow: hidden;
}
.choose_voice--selected .choose_voice__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.choose_voice--selected .choose_voice__img:before {
  content: "";
  position: absolute;
  bottom: 1.5rem;
  left: auto;
  right: 1.5rem;
  transform: translateX(0);
  width: 2rem;
  height: 2rem;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M19.4588 4.92724C19.4588 4.92724 18.8157 1.85031 16.0362 0.769231C14.7294 0.27027 12.344 0.02079 10.0001 0C7.6562 0.02079 5.2708 0.27027 3.96401 0.769231C1.1845 1.85031 0.541474 4.92724 0.541474 4.92724C0.126621 6.6736 -0.0185773 8.44075 0.00216538 10C-0.0185773 11.5593 0.105879 13.3472 0.541474 15.0728C0.541474 15.0728 1.1845 18.1497 3.96401 19.2308C5.2708 19.7297 7.6562 19.9792 10.0001 20C12.344 19.9792 14.7294 19.7505 16.0362 19.2308C18.8157 18.1497 19.4588 15.0728 19.4588 15.0728C19.8736 13.3264 20.0188 11.5593 19.9981 10C20.0188 8.44075 19.8736 6.6736 19.4588 4.92724ZM13.7753 10.6029L8.90076 13.7422C8.75556 13.8462 8.58962 13.8877 8.40294 13.8877C8.25774 13.8877 8.11254 13.8462 7.96734 13.7838C7.67695 13.6175 7.49026 13.3264 7.49026 12.9938V6.71518C7.49026 6.38254 7.67695 6.07069 7.96734 5.92516C8.25774 5.75884 8.61037 5.77963 8.88002 5.96674L13.7545 9.10603C14.0242 9.27235 14.1694 9.56341 14.1694 9.87526C14.1694 10.1871 14.0449 10.4366 13.7753 10.6029Z' fill='%2322C0D5'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: contain;
  z-index: 1;
}
@media (max-width: 1160px) {
  .choose_voice--selected .choose_voice__img {
    transform: translateX(0);
  }
}
@media (max-width: 768px) {
  .choose_voice--selected .choose_voice__img {
    display: block;
  }
}
.choose_voice--text .choose_voice__block {
  width: 100%;
}
.choose_voice--text .choose_voice__content {
  width: 50rem;
  max-width: 100%;
}
.choose_voice--text .choose_voice__img {
  height: 22rem;
  z-index: 1;
}
.choose_voice--wallet .choose_voice__content .cabinet__title {
  margin-bottom: 1.5rem;
}
.choose_voice__container {
  position: relative;
  border-radius: 0.6rem;
}
.choose_voice__wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
  min-height: 21rem;
  gap: 2rem;
  padding: 3rem;
  border-radius: 0.6rem;
  background-color: #f8f8f8;
}
@media (max-width: 768px) {
  .choose_voice__wrapper {
    min-height: 0;
    padding: 2rem;
  }
}
.choose_voice__block {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  gap: 3rem;
}
@media (max-width: 768px) {
  .choose_voice__block {
    gap: 2rem;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}
.choose_voice__block-btn {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 15rem;
  height: 15rem;
  padding: 3.5rem;
  border-radius: 0.6rem;
  border: 1px dashed #8f8f8f;
  background-color: #fff;
  transition: 0.3s;
}
.choose_voice__block-btn:hover {
  background-color: #000;
}
@media (max-width: 768px) {
  .choose_voice__block-btn {
    width: 12rem;
    height: 12rem;
    padding: 2.5rem;
  }
}
.choose_voice__content .cabinet__title {
  max-width: 43rem;
  margin-bottom: 0;
  font-size: 3.6rem;
  line-height: 1.1;
}
.choose_voice__img {
  position: absolute;
  bottom: 0;
  right: 4.4rem;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: end;
  align-items: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  width: 50%;
  height: 24rem;
  z-index: 1;
}
.choose_voice__img img {
  display: block;
  max-height: 100%;
}
.choose_voice__img:before {
  content: "";
  position: absolute;
  bottom: 4.7rem;
  left: 50%;
  transform: translateX(-40%);
  width: 16.6rem;
  height: 11.1rem;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='167' height='111' viewBox='0 0 167 111' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M13.875 41.625H0V55.5H13.875V41.625Z' fill='%23DDDBDB'/%3e%3cpath d='M27.75 55.5H13.875V69.375H27.75V55.5Z' fill='%23DDDBDB'/%3e%3cpath d='M41.625 27.75H27.75V55.5H41.625V27.75Z' fill='%23DDDBDB'/%3e%3cpath d='M55.5 0H41.625V27.75H55.5V0Z' fill='%23DDDBDB'/%3e%3cpath d='M83.25 27.75H55.5V53.7656V55.5V63.6255C53.332 62.8624 50.9993 62.4375 48.5625 62.4375C37.0723 62.4375 27.75 71.7598 27.75 83.25C27.75 94.7402 37.0723 104.062 48.5625 104.062C60.0527 104.062 69.375 94.7402 69.375 83.25V55.5H83.25V27.75Z' fill='%23DDDBDB'/%3e%3cpath d='M152.625 69.375H166.5V55.5H152.625V69.375Z' fill='%23DDDBDB'/%3e%3cpath d='M138.75 55.5H152.625V41.625H138.75V55.5Z' fill='%23DDDBDB'/%3e%3cpath d='M124.875 83.25H138.75V55.5H124.875V83.25Z' fill='%23DDDBDB'/%3e%3cpath d='M111 111H124.875V83.25H111V111Z' fill='%23DDDBDB'/%3e%3cpath d='M83.25 83.25H111V57.2344V55.5V47.3744C113.168 48.1376 115.501 48.5625 117.937 48.5625C129.428 48.5625 138.75 39.2402 138.75 27.75C138.75 16.2598 129.428 6.9375 117.937 6.9375C106.447 6.9375 97.125 16.2598 97.125 27.75V55.5H83.25V83.25Z' fill='%23DDDBDB'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: contain;
  z-index: -1;
}
@media (max-width: 1260px) {
  .choose_voice__img {
    transform: translateX(20%);
  }
}
@media (max-width: 1160px) {
  .choose_voice__img {
    transform: translateX(30%);
  }
}
@media (max-width: 768px) {
  .choose_voice__img {
    display: none;
  }
}
.choose_upload .dropzone {
  position: relative;
  height: 100%;
  border: none;
}
.choose_upload .dropzone .choose_upload__block-wrapper {
  border: 2px dashed #22c0d5;
  background-color: #f8f8f8;
}
.choose_upload .cabinet__title {
  margin-bottom: 0;
}
.choose_upload__wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 2rem 0;
  margin: 0 -1rem;
}
.choose_upload__block {
  width: 50%;
  padding: 0 1rem;
}
@media (max-width: 1360px) {
  .choose_upload__block {
    width: 100%;
  }
}
.choose_upload__block-container {
  height: 100%;
  border-radius: 0.6rem;
  overflow: hidden;
}
.choose_upload__block-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
  gap: 3.5rem;
  padding: 2rem 3rem 3rem;
  border-radius: 0.6rem;
  background-color: #f8f8f8;
}
@media (max-width: 768px) {
  .choose_upload__block-wrapper {
    gap: 2rem;
    padding: 2rem;
  }
}
.choose_upload__block-row {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 2rem;
}
.choose_upload__block-row:not(:last-child) {
  padding-bottom: 2.5rem;
  border-bottom: 1px solid #e5e5e5;
}
.choose_upload__block-row:not(:last-child):before {
  left: 0;
  transform: translate(-1rem, 1rem);
  transform: translate(-1rem, 1.1rem);
}
.choose_upload__block-row:not(:last-child):after,
.choose_upload__block-row:not(:last-child):before {
  content: "";
  position: absolute;
  bottom: 0;
  width: 2.1rem;
  height: 2.1rem;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='21' height='21' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3crect x='10' width='1' height='21' fill='black'/%3e%3crect x='21' y='10' width='1' height='21' transform='rotate(90 21 10)' fill='black'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: contain;
  pointer-events: none;
  z-index: 2;
}
.choose_upload__block-row:not(:last-child):after {
  right: 0;
  transform: translate(1rem, 1rem);
  transform: translate(1rem, 1.1rem);
}
@media (max-width: 768px) {
  .choose_upload__block-row:not(:last-child) {
    padding-bottom: 2rem;
  }
}
.choose_upload__block-content {
  -ms-flex: 1;
  flex: 1;
}
.choose_upload__block-icon {
  width: 4.4rem;
  height: 4.4rem;
}
.choose_upload__block-icon img {
  display: block;
  width: 100%;
}
.choose_upload__block-plus {
  position: relative;
  display: block;
  width: 5.4rem;
  height: 5.4rem;
  border-radius: 0.6rem;
  background-color: #000;
}
.choose_upload__block-plus:after,
.choose_upload__block-plus:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #22c0d5;
}
.choose_upload__block-plus:before {
  width: 1.8rem;
  height: 0.2rem;
}
.choose_upload__block-plus:after {
  height: 1.8rem;
  width: 0.2rem;
}
.choose_checkbox .checkbox {
  height: 100%;
  margin-bottom: 0;
}
.choose_checkbox .checkbox__input:checked + .checkbox__label {
  border-color: #22c0d5;
}
.choose_checkbox
  .checkbox__input:checked
  + .checkbox__label
  path.chechbox-active-stroke {
  stroke: #22c0d5;
}
.choose_checkbox
  .checkbox__input:checked
  + .checkbox__label
  path.chechbox-active-fill {
  fill: #22c0d5;
}
.choose_checkbox .checkbox__label {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  gap: 1.3rem;
  padding: 1.6rem;
  border-radius: 0.6rem;
  border: 2px solid transparent;
  background-color: #f8f8f8;
  font-weight: 700;
  font-size: 1.6rem;
  transition: 0.3s;
}
.choose_checkbox .checkbox__label:after,
.choose_checkbox .checkbox__label:before {
  display: none;
}
.choose_checkbox .checkbox__label path {
  transition: 0.3s;
}
.choose_checkbox .checkbox__label:hover path.chechbox-active-stroke {
  stroke: #22c0d5;
}
.choose_checkbox .checkbox__label:hover path.chechbox-active-fill {
  fill: #22c0d5;
}
.choose_checkbox__wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 2rem 0;
  margin: 0 -1rem;
}
.choose_checkbox__block {
  width: 50%;
  padding: 0 1rem;
}
@media (max-width: 768px) {
  .choose_checkbox__block {
    width: 100%;
  }
}
.choose_checkbox__block-wrapper {
  height: 100%;
}
.choose_select__btn {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  height: 8rem;
  padding: 0 5rem;
  border-radius: 3rem;
  background-color: #2d2d2d;
  font-size: 1.4rem;
  color: #fff;
}
.choose_select__btn:before {
  content: "";
  position: absolute;
  top: 50%;
  right: 2.8rem;
  transform: translateY(-50%);
  width: 1.3rem;
  height: 1.3rem;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='14' height='7' viewBox='0 0 14 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M7.54454 6.99474C7.80096 6.97002 8.04342 6.86673 8.23866 6.69904L13.4797 2.2168C13.6102 2.11241 13.7183 1.98292 13.7977 1.836C13.8771 1.68908 13.926 1.52773 13.9417 1.36156C13.9573 1.19539 13.9393 1.02778 13.8887 0.868687C13.8381 0.709596 13.756 0.56228 13.6472 0.435483C13.5385 0.308686 13.4053 0.204993 13.2555 0.130585C13.1058 0.0561776 12.9426 0.0125668 12.7756 0.00234003C12.6087 -0.00788674 12.4413 0.0154778 12.2836 0.0710526C12.1259 0.126627 11.9809 0.213287 11.8574 0.325856L7.42754 4.11553L2.99765 0.325856C2.87415 0.213287 2.72922 0.126627 2.57149 0.0710526C2.41376 0.0154778 2.24644 -0.00788674 2.07947 0.00234003C1.91251 0.0125668 1.74931 0.0561776 1.59958 0.130585C1.44984 0.204993 1.31663 0.308686 1.20785 0.435483C1.09907 0.56228 1.01695 0.709596 0.966375 0.868687C0.915796 1.02778 0.897788 1.19539 0.913421 1.36156C0.929055 1.52773 0.97801 1.68908 1.05738 1.836C1.13675 1.98292 1.24491 2.11241 1.37544 2.2168L6.61644 6.69904C6.74336 6.80791 6.89093 6.89019 7.05037 6.94099C7.20982 6.99179 7.37787 7.01007 7.54454 6.99474Z' fill='%23FD6069'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: contain;
}
@media (max-width: 768px) {
  .choose_select__btn:before {
    right: 2rem;
  }
}
@media (max-width: 768px) {
  .choose_select__btn {
    padding: 0 4rem;
  }
}
.remodal-wrapper:has(.remodal--voice) {
  padding: 0;
  overflow: hidden;
}
.remodal--voice {
  max-width: none;
  width: 100vw;
  height: 100vh;
  border-radius: 0;
  background-color: #fff;
  overflow-y: auto;
}
@media only screen and (min-width: 641px) {
  .remodal--voice {
    max-width: none !important;
  }
}
.remodal--voice .remodal__content {
  width: 100%;
  height: 100%;
  padding: 0 2rem;
}
.remodal--voice .remodal__body {
  width: 1520px;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
  padding: 7rem 0 8rem;
}
.remodal--voice .close {
  top: 2rem;
  right: 2rem;
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
  border: 1px solid #242424;
}
.remodal--voice .close:after,
.remodal--voice .close:before {
  top: 1.7rem;
  left: 1.1rem;
  width: 1.6rem;
  height: 1.6rem;
  height: 0.2rem;
}
.remodal__settings {
  width: 1280px;
  max-width: 100%;
  margin: 0 auto;
  padding: 20rem 0;
}
.remodal__settings .btn {
  min-width: 12.6rem;
}
@media (max-width: 992px) {
  .remodal__settings {
    padding: 10rem 0;
  }
}
.remodal__title {
  margin-bottom: 1.5rem;
  font-weight: 700;
  font-size: 2rem;
  line-height: 3;
  text-transform: uppercase;
}
.remodal__settings-form {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 4rem;
}
.remodal__settings-row {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  align-items: center;
  height: 2.6rem;
  gap: 1rem;
}
@media (max-width: 768px) {
  .remodal__settings-row {
    height: auto;
  }
}
.remodal__label {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  width: 14rem;
  gap: 1.4rem;
  font-size: 1.6rem;
}
.remodal__label span {
  white-space: nowrap;
}
.remodal__label:hover .tooltip__wrapper {
  transform: translateY(0);
  visibility: visible;
  opacity: 1;
}
@media (max-width: 768px) {
  .remodal__label {
    width: 100%;
  }
}
.remodal__slider-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -ms-flex: 1;
  flex: 1;
  gap: 2rem;
}
.remodal__slider-wrapper span {
  display: block;
  width: 2.5rem;
  font-weight: 700;
  font-size: 1.6rem;
}
.remodal__slider-wrapper span#slider-1-after,
.remodal__slider-wrapper span#slider-2-after {
  text-align: right;
}
@media (max-width: 768px) {
  .remodal__slider-wrapper span:empty {
    display: none;
  }
}
.remodal__slider-wrapper .remodal__slider {
  -ms-flex: 1;
  flex: 1;
  border-radius: 0;
}
.remodal__slider-wrapper .noUi-target {
  background: #a4a4a4;
}
.remodal__slider-wrapper .noUi-connect,
.remodal__slider-wrapper .noUi-connects,
.remodal__slider-wrapper .noUi-target {
  border-radius: 0;
}
.remodal__slider-wrapper .noUi-horizontal .noUi-handle {
  width: 1rem;
  height: 2rem;
  right: -0.5rem;
  top: -0.6rem;
}
.remodal__slider-wrapper .noUi-handle {
  border-radius: 0.3rem;
}
.remodal__tooltip-icon {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 2.6rem;
  height: 2.6rem;
  border-radius: 50%;
  background-color: #22c0d5;
  font-weight: 600;
  font-size: 1.8rem;
  color: #fff;
}
.tooltip__wrapper {
  position: absolute;
  top: calc(100% + 1.6rem);
  left: 0;
  width: 23.5rem;
  padding: 1rem 1.5rem;
  border-radius: 0.6rem;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 10;
  transform: translateY(0.5rem);
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  transition: 0.3s;
}
.tooltip__text {
  font-size: 1.2rem;
  line-height: 1.33;
  color: #fff;
}
.voices__categories {
  margin-bottom: 4rem;
}
.voices__categories-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 2.5rem 0;
  margin: 0 -1rem;
}
.voices__categories-item {
  width: 33.33333%;
  padding: 0 1rem;
}
@media (max-width: 1200px) {
  .voices__categories-item {
    width: 100%;
  }
}
.voices__categories-item--wrapper {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
  height: 13rem;
  padding: 0 3rem;
  border-radius: 0.6rem;
  background-color: #f8f8f8;
  transition: 0.3s;
}
.voices__categories-item--wrapper.active,
.voices__categories-item--wrapper:hover {
  background-color: #22c0d5;
}
@media (max-width: 1368px) {
  .voices__categories-item--wrapper {
    padding: 0 2rem;
  }
}
@media (max-width: 768px) {
  .voices__categories-item--wrapper {
    height: 8rem;
  }
}
.voices__categories-title {
  position: relative;
  font-weight: 700;
  font-size: 3rem;
  color: #000;
  z-index: 2;
}
@media (max-width: 1368px) {
  .voices__categories-title {
    font-size: 2.4rem;
  }
}
@media (max-width: 460px) {
  .voices__categories-title {
    font-size: 2rem;
  }
}
.voices__categories-img {
  position: absolute;
  top: -2.5rem;
  right: 3rem;
  width: 21rem;
  height: 15.5rem;
  z-index: 1;
}
@media (max-width: 1368px) {
  .voices__categories-img {
    right: 1.5rem;
  }
}
@media (max-width: 768px) {
  .voices__categories-img {
    top: -2rem;
    height: 10rem;
  }
}
.voices__categories-img img {
  display: block;
  height: 100%;
  margin-left: auto;
}
.voices__search {
  margin-bottom: 2.5rem;
}
@media (max-width: 768px) {
  .voices__search {
    margin-bottom: 2rem;
  }
}
.voices__actions {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 2rem;
  margin-bottom: 2.5rem;
}
@media (max-width: 768px) {
  .voices__actions {
    margin-bottom: 2rem;
  }
}
.voices__action {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 2rem 3.5rem;
}
.voices__action .select select {
  min-width: 24rem;
}
@media (max-width: 768px) {
  .voices__action {
    width: 100%;
    gap: 2rem;
  }
  .voices__action .select {
    -ms-flex: 1;
    flex: 1;
  }
}
.voices__tags {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 1.5rem;
  margin-bottom: 4rem;
}
@media (max-width: 768px) {
  .voices__tags {
    margin-bottom: 2rem;
    gap: 1rem;
  }
}
.voices__tags-item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 3.6rem;
  padding: 0.5rem 1.9rem;
  border-radius: 2rem;
  border: 1px solid #e5e5e5;
  background-color: #f8f8f8;
  font-weight: 500;
  font-size: 1.6rem;
  color: #000;
  transition: 0.3s;
}
.voices__tags-item.active,
.voices__tags-item:hover {
  border-color: #22c0d5;
  background-color: #22c0d5;
  color: #fff;
}
.custom-alert {
  position: fixed;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  padding: 1rem 2rem;
  border-radius: 0.6rem;
  background-color: #22c0d5;
  font-size: 1.4rem;
  color: #fff;
  z-index: 9999;
}
.custom-alert__content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  gap: 2rem;
}
.custom-alert__close {
  display: block;
  width: 1.4rem;
  height: 1.4rem;
  margin: 0;
  padding: 0;
  border: none;
  background-color: transparent;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M11.7805 0.219436C11.4879 -0.0731455 11.0186 -0.0731455 10.726 0.219436L6 4.94491L1.27398 0.219436C0.981367 -0.0731455 0.512077 -0.0731455 0.219462 0.219436C-0.0731539 0.512018 -0.0731539 0.981254 0.219462 1.27384L4.94548 5.99931L0.219462 10.7248C-0.0731539 11.0174 -0.0731539 11.4866 0.219462 11.7792C0.363009 11.9227 0.556246 12 0.743961 12C0.931677 12 1.12491 11.9282 1.26846 11.7792L5.99448 7.05371L10.7205 11.7792C10.864 11.9227 11.0573 12 11.245 12C11.4382 12 11.6259 11.9282 11.7695 11.7792C12.0621 11.4866 12.0621 11.0174 11.7695 10.7248L7.05452 5.99931L11.7805 1.27384C12.0732 0.981254 12.0732 0.512018 11.7805 0.219436Z' fill='white'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: contain;
  cursor: pointer;
  transition: 0.3s;
}
.custom-alert__close:hover {
  opacity: 0.5;
}
.choose_file .choose_upload__block-content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  gap: 2.5rem;
}
.choose_file .choose_upload__block-content .cabinet__title {
  -ms-flex: 1;
  flex: 1;
}
.choose_file__wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center;
  gap: 3rem;
  padding: 3rem;
  border-radius: 0.6rem;
  background-color: #f8f8f8;
  -webkit-backdrop-filter: blur(28px);
  backdrop-filter: blur(28px);
}
@media (max-width: 768px) {
  .choose_file__wrapper {
    padding: 2rem;
  }
}
.choose_file__wrapper .cabinet__title {
  margin-bottom: 0;
}
.choose_file__item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  height: 8.6rem;
  gap: 3rem 0;
  padding: 2.5rem 3.5rem 2.5rem 2.5rem;
  border-radius: 0.6rem;
  background-color: #e5e5e5;
}
@media (max-width: 768px) {
  .choose_file__item {
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: start;
    align-items: flex-start;
    height: auto;
    padding: 2rem;
  }
}
.choose_file__item-block {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  gap: 2.5rem;
}
.choose_file__item-block:first-child {
  max-width: calc(100% - 9.2rem);
  gap: 2rem;
  overflow: hidden;
}
@media (max-width: 768px) {
  .choose_file__item-block:first-child {
    max-width: 100%;
  }
}
.choose_file__item-block:last-child {
  -ms-flex-pack: end;
  justify-content: flex-end;
}
@media (max-width: 768px) {
  .choose_file__item-block {
    width: 100%;
  }
}
.choose_file__item-play {
  display: block;
  margin: 0;
  padding: 0;
  border: none;
  background-color: transparent;
  cursor: pointer;
}
.choose_file__item-play path {
  transition: 0.3s;
}
.choose_file__item-play .paused {
  opacity: 0;
}
.choose_file__item-play.active .paused {
  opacity: 1;
}
.choose_file__item-play.active .play {
  opacity: 0;
}
.choose_file__item-name {
  font-size: 1.6rem;
}
.status {
  display: block;
  width: 2rem;
  height: 2rem;
}
.status img,
.status svg {
  display: block;
  width: 100%;
}
.remove {
  display: block;
  width: 2rem;
  height: 2rem;
  margin: 0;
  padding: 0;
  border: none;
  background-color: transparent;
  cursor: pointer;
  transition: 0.3s;
}
.remove img,
.remove svg {
  display: block;
  width: 100%;
}
.remove path {
  transition: 0.3s;
}
.remove:hover path {
  fill: #22c0d5;
}
.progress {
  position: fixed;
  bottom: 0;
  left: 26rem;
  width: calc(100% - 26rem);
  border-top: 1px solid #151515;
  background-color: #000;
  z-index: 10;
}
@media (max-width: 992px) {
  .progress {
    left: 0;
    width: 100%;
  }
}
.progress__wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
  height: 9rem;
  gap: 1rem 0;
  padding: 2rem 0;
}
@media (max-width: 680px) {
  .progress__wrapper {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: auto;
  }
}
.progress__title {
  width: 16rem;
  font-size: 1.6rem;
  color: #fff;
}
@media (max-width: 680px) {
  .progress__title {
    width: 100%;
  }
}
.progress__line {
  position: relative;
  -ms-flex: 1;
  flex: 1;
  height: 0.8rem;
  background-color: #373737;
}
.progress__line span {
  display: block;
  height: 100%;
  background-color: #2aaa4c;
  transition: 0.3s;
}
@media (max-width: 680px) {
  .progress__line {
    width: calc(100% - 6rem);
    -ms-flex: initial;
    flex: initial;
  }
}
.progress__percent {
  width: 7.5rem;
  font-size: 1.6rem;
  text-align: right;
  color: #fff;
}
@media (max-width: 680px) {
  .progress__percent {
    width: 6rem;
    font-size: 1.2rem;
  }
}
.player__wrapper {
  position: fixed;
  bottom: 0;
  left: 26rem;
  width: calc(100% - 26rem);
  border-top: 1px solid #151515;
  background-color: #000;
  z-index: 10;
}
@media (max-width: 992px) {
  .player__wrapper {
    left: 0;
    width: 100%;
  }
}
.player__container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
  height: 9rem;
  gap: 1rem 0;
  padding: 2rem 0;
}
@media (max-width: 680px) {
  .player__container {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: auto;
  }
}
.player__title {
  width: 20rem;
  overflow: hidden;
}
.player__title .name {
  font-weight: 700;
  font-size: 1.6rem;
  color: #fff;
}
.player__title .text {
  font-size: 1.2rem;
  color: #8f8f8f;
}
@media (max-width: 680px) {
  .player__title {
    width: 100%;
  }
}
.player__icon {
  width: 9rem;
}
.player__icon a {
  display: block;
  width: 3.8rem;
  height: 3.8rem;
  margin-left: auto;
  transition: 0.3s;
}
.player__icon a:hover {
  opacity: 0.5;
}
@media (max-width: 680px) {
  .player__icon a {
    width: 3rem;
    height: 3rem;
  }
}
.player__icon img,
.player__icon svg {
  display: block;
  width: 100%;
  height: 100%;
}
@media (max-width: 680px) {
  .player__icon {
    width: 6rem;
  }
}
.player {
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex: 1;
  flex: 1;
  gap: 1.4rem;
}
.player,
.player__row {
  display: -ms-flexbox;
  display: flex;
}
.player__row {
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.player__time {
  width: 6rem;
  font-weight: 700;
  font-size: 1.6rem;
  color: #fff;
}
.player__time:last-child {
  text-align: right;
}
.player__controls {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 2rem;
}
.player__controls img,
.player__controls svg {
  display: block;
  width: 100%;
  height: 100%;
}
.player__btn-next,
.player__btn-prev {
  display: block;
  width: 1.9rem;
  height: 1.4rem;
  transition: 0.3s;
}
.player__btn-next:hover,
.player__btn-prev:hover {
  opacity: 0.5;
}
.player__btn-play_pause {
  display: block;
  width: 3.6rem;
  height: 3.6rem;
  transition: 0.3s;
}
.player__btn-play_pause:hover {
  opacity: 0.5;
}
.player__line {
  position: relative;
  width: 100%;
  height: 0.4rem;
  background-color: #373737;
}
.player__line-progress {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background-color: #22c0d5;
}
.player__line-thumb {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate(50%, -50%);
  width: 1rem;
  height: 2rem;
  border-radius: 0.3rem;
  background-color: #fff;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.25);
  cursor: pointer;
}
.choose_textarea {
  padding: 3rem;
  border-radius: 0.6rem;
  background-color: #f8f8f8;
}
.choose_textarea .textarea {
  height: 13rem;
}
@media (max-width: 768px) {
  .choose_textarea {
    padding: 2rem;
  }
}
.suggestions .cabinet__title {
  font-weight: 600;
  font-size: 2.4rem;
}
.suggestions__wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 2rem 0;
  margin: 0 -1rem;
}
.suggestions__item {
  width: 25%;
  padding: 0 1rem;
}
@media (max-width: 1240px) {
  .suggestions__item {
    width: 50%;
  }
}
@media (max-width: 560px) {
  .suggestions__item {
    width: 100%;
  }
}
.suggestions__item-wrapper {
  height: 100%;
  padding: 2rem;
  font-size: 1.4rem;
  line-height: 1.3;
}
.choose_length,
.suggestions__item-wrapper {
  border-radius: 0.6rem;
  background-color: #f8f8f8;
}
.choose_length {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 3rem;
  gap: 1rem 2rem;
}
.choose_length .remodal__label {
  width: auto;
}
.choose_length .player__line {
  height: 0.8rem;
  background-color: #a4a4a4;
}
@media (max-width: 560px) {
  .choose_length .player__line {
    width: calc(100% - 7rem);
  }
}
@media (max-width: 560px) {
  .choose_length {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: auto;
    padding: 2rem;
  }
}
@media (max-width: 560px) {
  .choose_length__title {
    width: 100%;
  }
}
.choose_length__time {
  font-size: 1.4rem;
}
@media (max-width: 560px) {
  .choose_length__time {
    width: 4rem;
    text-align: right;
    font-size: 1.2rem;
  }
}
.labrary__player {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 3rem;
  padding: 3rem;
  border-radius: 0.6rem;
  background-color: #f8f8f8;
}
.labrary__player .player__line {
  background-color: #373737;
}
.labrary__player .player__btn-play_pause {
  width: 4.4rem;
  height: 4.4rem;
}
@media (max-width: 768px) {
  .labrary__player {
    padding: 2rem;
  }
}
.labrary__player-row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 2.6rem;
}
.labrary__player-block {
  display: -ms-flexbox;
  display: flex;
  width: calc(100% - 7.7rem);
  gap: 1.5rem;
}
@media (max-width: 560px) {
  .labrary__player-block {
    overflow: hidden;
  }
}
.labrary__player-content {
  width: 100%;
  overflow-x: auto;
}
.labrary__player-content::-webkit-scrollbar {
  width: 0;
  height: 0;
}
.labrary__player-name {
  margin-bottom: 1rem;
  font-size: 1.4rem;
}
.labrary__player-labels {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  gap: 0.5rem;
}
.labrary__player-label {
  -ms-flex-pack: center;
  justify-content: center;
  height: 3rem;
  padding: 0.5rem 1.5rem;
  border-radius: 3rem;
  font-size: 1.4rem;
  color: #000;
}
.labrary__player-actions,
.labrary__player-label {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}
.labrary__player-actions {
  position: relative;
  width: 5.1rem;
  gap: 2.6rem;
}
.labrary__player-actions .add-to-favorite {
  position: relative;
  top: auto;
  right: auto;
}
.labrary__player-actions .add-to-favorite.added path {
  fill: #fff;
}
.labrary__player-btn {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 0.4rem;
  height: 1.8rem;
}
.labrary__player-btn:after,
.labrary__player-btn:before,
.labrary__player-btn i {
  content: "";
  display: block;
  width: 0.4rem;
  height: 0.4rem;
  border-radius: 50%;
  background-color: #000;
}
.labrary__player-menu {
  position: absolute;
  top: 100%;
  right: 0;
  padding-top: 2.7rem;
  z-index: 1;
  transform: translateY(0.5rem);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: 0.3s;
}
.labrary__player-menu.opened {
  transform: translateY(0);
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.labrary__player-menu ul {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 20rem;
  gap: 1.5rem;
  padding: 2rem 2.5rem;
  border-radius: 0.6rem;
  border: 2px solid #22c0d5;
  background-color: #f8f8f8;
}
.labrary__player-menu ul a {
  font-size: 1.6rem;
  color: #000;
  transition: 0.3s;
}
.labrary__player-menu ul li:last-child a {
  color: #ea4335;
}
.cabinet__actions {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 2rem;
}
.cabinet__actions .remodal__label {
  width: auto;
  min-height: 3.6rem;
  gap: 1.1rem;
  padding: 0.5rem 2.4rem 0.5rem 1.5rem;
  border-radius: 0.6rem;
  background-color: #f8f8f8;
  font-weight: 600;
  font-size: 1.2rem;
}
.cabinet__actions .remodal__label span {
  white-space: normal;
}
.table__title {
  margin-bottom: 1.5rem;
  font-weight: 700;
  font-size: 1.6rem;
  text-transform: uppercase;
}
.cabinet__table {
  padding: 3rem 3rem 2rem;
  border-radius: 0.6rem;
  background-color: #f8f8f8;
}
.cabinet__table table {
  width: 100%;
  border-collapse: collapse;
}
.cabinet__table thead {
  border-bottom: 4px solid #22c0d5;
}
.cabinet__table th {
  width: 25%;
  height: 3.5rem;
  font-size: 1.6rem;
  text-align: left;
  font-weight: 500;
  color: #666;
}
.cabinet__table th:last-child {
  text-align: right;
}
.cabinet__table td {
  width: 25%;
  height: 5.4rem;
  padding-top: 1.2rem;
  font-size: 1.6rem;
}
.cabinet__table td:last-child {
  padding-right: 1rem;
  text-align: right;
}
.cabinet__table tr:not(:last-child) td {
  border-bottom: 1px solid #e5e5e5;
}
.cabinet__table--orders th {
  width: auto;
}
@media (min-width: 1261px) {
  .cabinet__table--orders td {
    width: auto;
  }
  .cabinet__table--orders td:not(:last-child) {
    padding-right: 2rem;
  }
}
@media (max-width: 1260px) {
  .cabinet__table--orders thead {
    display: none;
  }
  .cabinet__table--orders tr {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .cabinet__table--orders tr:not(:last-child) {
    margin-bottom: 2rem;
    padding-bottom: 2rem;
    border-bottom: 1px solid #e5e5e5;
  }
  .cabinet__table--orders tr:not(:last-child) td {
    border-bottom: none;
  }
  .cabinet__table--orders td {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    height: auto;
    gap: 4rem;
    padding: 1rem 0;
    text-align: right;
  }
  .cabinet__table--orders td:before {
    content: attr(data-title);
    font-size: 1.6rem;
    text-align: left;
    color: #666;
  }
}
@media (max-width: 768px) {
  .cabinet__table {
    padding: 2rem;
  }
  .cabinet__table thead {
    display: none;
  }
  .cabinet__table tr {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .cabinet__table tr:not(:last-child) {
    margin-bottom: 2rem;
    padding-bottom: 2rem;
    border-bottom: 1px solid #e5e5e5;
  }
  .cabinet__table tr:not(:last-child) td {
    border-bottom: none;
  }
  .cabinet__table td {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    height: auto;
    gap: 4rem;
    padding: 1rem 0;
    text-align: right;
  }
  .cabinet__table td:before {
    content: attr(data-title);
    font-size: 1.6rem;
    text-align: left;
    color: #666;
  }
}
.checkout {
  margin-top: 1rem;
}
.checkout .checkbox {
  margin-bottom: 4rem;
}
.checkout .checkbox__label {
  min-height: 0;
  padding-left: 4.8rem;
  font-size: 1.6rem;
  line-height: 2.1;
}
.checkout .checkbox__label:before {
  width: 3.4rem;
  height: 3.4rem;
  border-radius: 1rem;
  border: 2px solid #22c0d5;
  background-color: transparent;
}
.checkout .checkbox__label:after {
  top: 1rem;
  left: 1rem;
}
.checkout__item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 5.5rem;
}
.checkout__block {
  position: relative;
}
.checkout__block:first-child {
  box-shadow:
    inset 1px 0 0 0 #e5e5e5,
    inset 0 1px 0 0 #e5e5e5,
    inset 0 -1px 0 0 #e5e5e5,
    inset -1px 0 0 0 #e5e5e5;
}
.checkout__block:first-child:before {
  left: 0;
  transform: translate(-1rem, -1.1rem);
  transform: translate(-1rem, -1rem);
}
.checkout__block:first-child:after,
.checkout__block:first-child:before {
  content: "";
  position: absolute;
  top: 0;
  width: 2.1rem;
  height: 2.1rem;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='21' height='21' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3crect x='10' width='1' height='21' fill='black'/%3e%3crect x='21' y='10' width='1' height='21' transform='rotate(90 21 10)' fill='black'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: contain;
  pointer-events: none;
  z-index: 2;
}
.checkout__block:first-child:after {
  right: 0;
  transform: translate(1rem, -1.1rem);
  transform: translate(1rem, -1rem);
}
.checkout__item-wrapper {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 27rem;
  padding: 2rem 2.5rem;
}
.checkout__item-wrapper:before {
  left: 0;
  transform: translate(-1rem, 1rem);
}
.checkout__item-wrapper:after,
.checkout__item-wrapper:before {
  content: "";
  position: absolute;
  bottom: 0;
  width: 2.1rem;
  height: 2.1rem;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='21' height='21' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3crect x='10' width='1' height='21' fill='black'/%3e%3crect x='21' y='10' width='1' height='21' transform='rotate(90 21 10)' fill='black'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: contain;
  pointer-events: none;
  z-index: 2;
}
.checkout__item-wrapper:after {
  right: 0;
  transform: translate(1rem, 1rem);
}
.checkout__item-name {
  font-weight: 700;
  font-size: 2.8rem;
}
.checkout__item-subtitle {
  margin-bottom: 3.5rem;
  font-weight: 500;
  font-size: 2rem;
}
.checkout__item-price {
  font-weight: 700;
  font-size: 2.1rem;
}
.radio__list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 2rem 6rem;
  margin-bottom: 3rem;
}
.radio__list .radio__input:checked + .radio__label {
  color: #000;
}
.radio__list .radio__input:checked + .radio__label:before {
  border-color: #22c0d5;
}
.radio__list .radio__label {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  min-height: 3.4rem;
  padding-left: 4.8rem;
  font-weight: 500;
  font-size: 1.6rem;
  line-height: normal;
  color: #000;
}
.radio__list .radio__label:before {
  width: 3.4rem;
  height: 3.4rem;
  background: #fff;
  border: 2px solid #8f8f8f;
  transition: 0.3s;
}
.radio__list .radio__label:after {
  width: 1.6rem;
  height: 1.6rem;
  background-color: transparent;
  top: 0.9rem;
  left: 0.9rem;
  transition: 0.3s;
}
.dashboard__wrapper {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -1rem;
  overflow: hidden;
  z-index: 1;
}
.dashboard__block {
  width: 50%;
  padding: 0 1rem;
}
.dashboard__block .btn {
  min-width: 14rem;
}
.tokens__balance {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.overview__wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: end;
  align-items: flex-end;
}
.overview__block {
  width: 50%;
  padding: 0 1rem;
}
.overview__block:last-child {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.overview__block .credit__progress {
  display: -ms-flexbox;
  display: flex;
  gap: 2rem;
}
.overview__block .credit__progress .credit__progress-item {
  -ms-flex: 1;
  flex: 1;
}
.overview__block .credit__progress .title {
  margin-top: 2.4rem;
  margin-bottom: 0;
  font-size: 2rem;
}
.overview__block .credit__progress .progress {
  height: 1.8rem;
  background-color: #121212;
}
.overview__block .credit__progress .progress .line {
  background-color: #d1b082;
}
.overview__items {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
  justify-content: flex-start;
  gap: 3rem;
}
.overview__item {
  -ms-flex: 1;
  flex: 1;
}
.overview__item .title {
  font-weight: 400;
  font-size: 7.6rem;
  line-height: 1;
  color: #fff;
}
.overview__item .text {
  font-family:
    Roboto Condensed,
    sans-serif;
  font-weight: 400;
  font-size: 2rem;
  color: #fff;
}
.documents__list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 3rem;
}
.documents__list .documents__item:last-child {
  border-bottom: 0;
}
.documents__list-row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -1rem;
}
.documents__item {
  width: 50%;
  padding: 0 1rem;
}
.documents__item-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 1.6rem;
  padding-bottom: 2.2rem;
  border-bottom: 1px solid hsla(0, 0%, 100%, 0.1);
  font-family:
    Roboto Condensed,
    sans-serif;
  font-size: 1.8rem;
  font-weight: 400;
  color: #f8f8f8;
}
.documents__item-wrapper img {
  display: block;
  width: 5rem;
}
.documents__item-wrapper > div {
  -ms-flex: 1;
  flex: 1;
}
.documents__title {
  font-weight: 700;
  font-size: 2rem;
  color: #fff;
}
.documents__date,
.documents__text {
  color: #f8f8f8;
}
.documents__date a {
  color: #22c0d5;
  transition: 0.3s;
}
.documents__date a:hover {
  color: #d1b082;
}
.folders {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 2rem 0;
  margin: 0 -1rem;
  padding: 3.5rem 0;
}
.folder__item {
  width: 50%;
  padding: 0 1rem;
}
.folder__item-wrapper {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
  height: 13rem;
  padding: 3.5rem;
  border-radius: 0.5rem;
  background-color: #191919;
  font-family:
    Roboto Condensed,
    sans-serif;
}
.folder__item-wrapper img {
  display: block;
  height: 5rem;
  margin-right: 3rem;
}
.folder__item-wrapper .title {
  font-weight: 700;
  font-size: 2rem;
}
.folder__item-wrapper .text {
  font-weight: 400;
  font-size: 1.8rem;
  color: #f8f8f8;
}
.folder__content {
  -ms-flex-align: center;
  align-items: center;
}
.folder__content,
.folder__dots {
  display: -ms-flexbox;
  display: flex;
}
.folder__dots {
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 0.4rem;
}
.folder__dots:after,
.folder__dots:before,
.folder__dots i {
  content: "";
  width: 0.4rem;
  height: 0.4rem;
  border-radius: 50%;
  background-color: #fff;
}
.cards {
  padding-bottom: 5rem;
}
.cards__wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 2rem 0;
  margin: 0 -1rem;
}
.cards__item {
  width: 25%;
  padding: 0 1rem;
}
.cards__item-wrapper {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: justify;
  justify-content: space-between;
  height: 100%;
  padding: 2.5rem 3.5rem;
  border-radius: 0;
  background-color: #191919;
  font-family:
    Roboto Condensed,
    sans-serif;
  font-size: 1.8rem;
}
.cards__title {
  margin-bottom: 1rem;
  font-weight: 600;
  font-size: 1.8rem;
}
.cards__text {
  max-width: 24rem;
  font-weight: 400;
  font-size: 1.8rem;
  color: #fff;
}
.cards__footer {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-top: 2rem;
}
.cards__footer .date {
  font-weight: 400;
  font-size: 1.8rem;
  color: #f8f8f8;
}
.cards__footer-row {
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 3.5rem;
  margin-top: 1rem;
  padding-top: 2.5rem;
  border-top: 1px solid hsla(0, 0%, 100%, 0.1);
}
.cards__actions,
.cards__footer-row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}
.cards__actions {
  gap: 2.5rem;
}
.cards__action a svg {
  display: block;
  width: auto;
  height: 1.8rem;
}
.writer__wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.writer__item {
  width: 25%;
  overflow: hidden;
}
.writer__item-wrapper {
  min-height: 30rem;
  height: calc(100% + 1px);
  margin: -1px 0 0 -1px;
  padding: 3.5rem;
  border-radius: 0;
  border: 1px solid hsla(0, 0%, 100%, 0.1);
  background-color: #000;
}
.writer__item-wrapper:hover {
  text-decoration: none;
}
.writer__head {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 2.5rem;
}
.writer__head > img {
  display: block;
  width: 5rem;
}
.writer__title {
  margin-bottom: 1rem;
  font-size: 2.4rem;
  font-weight: 400;
}
.writer__text {
  font-weight: 400;
  font-size: 1.8rem;
}
.writer_form__wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  height: 100%;
}
.writer_form__wrapper .label {
  margin-bottom: 1rem;
}
.writer_form__wrapper .input__wrapper .btn {
  position: absolute;
  top: 0;
  right: 0;
  min-width: 16rem;
  border-radius: 0;
}
.writer_form__block {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 50%;
}
.writer_form__block.full {
  width: 100%;
}
.writer_form__block .btn {
  min-width: 15rem;
}
.writer_form__block .block__text {
  max-width: 586px;
  margin-bottom: 4rem;
  font-size: 1.8rem;
}
.writer_form__block .block__text h2 {
  font-size: 2.4rem;
}
.writer_form__block .block__text h3 {
  font-size: 2.2rem;
}
.writer_form__block-wrapper {
  height: 100%;
  padding: 3rem 3.5rem;
  border-radius: 0;
  background-color: #191919;
  border-right: 1px solid #000;
}
.writer_form__block-wrapper .cabinet__title {
  margin-bottom: 2rem;
}
.writer_form__block-wrapper .credit__progress-item:not(:last-child) {
  margin-bottom: 1.1rem;
}
.writer_form__block-wrapper .input,
.writer_form__block-wrapper .progress,
.writer_form__block-wrapper .select select,
.writer_form__block-wrapper .textarea {
  background-color: #0f1010;
}
.writer_form__block-item {
  margin-bottom: 3rem;
  padding-bottom: 3rem;
  border-bottom: 1px solid hsla(0, 0%, 100%, 0.1);
}
.writer_form__block-item .credit__progress {
  display: -ms-flexbox;
  display: flex;
  gap: 2rem;
}
.writer_form__block-item .credit__progress .title {
  margin-top: 1.2rem;
  margin-bottom: 0;
  font-size: 2rem;
}
.writer_form__block-item .credit__progress .progress {
  height: 1.4rem;
  background-color: #121212;
}
.writer_form__block-item .credit__progress .progress .line {
  background-color: #d1b082;
}
.writer_form__block-item .credit__progress-item {
  -ms-flex: 1;
  flex: 1;
}
.ai__container {
  padding: 3rem 0 4rem;
}
.ai__gen {
  padding: 3.5rem 4rem 4rem;
  background-color: #323232;
}
.ai__gen .cabinet__title {
  margin-bottom: 1.8rem;
  font-weight: 700;
}
.ai__head {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 3rem;
  margin-bottom: 0.5rem;
}
.ai__head + .cabinet__title {
  margin-bottom: 1.7rem;
}
.ai__actions {
  gap: 1.2rem;
}
.ai__actions,
.ai__nav {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}
.ai__nav {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 1.5rem;
}
.ai__nav a {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-weight: 400;
  font-size: 1.8rem;
  color: #fff;
  transition: 0.3s;
}
.ai__nav a:hover {
  color: #f8f8f8;
}
.ai__nav a.active {
  padding: 0.2rem 1rem;
  background-color: #121212;
  color: #f8f8f8;
}
.ai__credits {
  display: -ms-flexbox;
  display: flex;
  gap: 2rem;
}
.ai__credits .credit__progress {
  width: 25rem;
}
.ai__credits .title {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 0.6rem;
  font-size: 1.6rem;
}
.ai__credits .progress {
  height: 0.6rem;
  background-color: #1c1c1c;
}
.ai__form {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  border-radius: 0;
  background-color: #0f1010;
}
.ai__form .input {
  width: auto;
  -ms-flex: 1;
  flex: 1;
  background-color: #0f1010;
}
.ai__form .btn {
  min-width: 21.5rem;
  border-radius: 0;
}
.ai__form .js-input-error-msg {
  position: absolute;
  top: 100%;
  left: 0;
  color: #ea4335;
  white-space: nowrap;
}
.ai__wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 2rem 0;
  margin: 0 -1rem;
}
.ai__block {
  width: 25%;
  padding: 0 1rem;
}
.ai__generate {
  border-bottom: none;
}
.ai__generate,
.ai__item {
  background-color: #191919;
}
.ai__item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
  border-radius: 0;
}
.ai__item-img {
  overflow: hidden;
  aspect-ratio: 3/2;
  border-radius: 0;
}
.ai__item-img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.ai__item-content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex: 1;
  flex: 1;
  padding: 3rem 3.5rem;
  font-family:
    Roboto Condensed,
    sans-serif;
}
.ai__item-title {
  margin-bottom: 3rem;
  font-weight: 400;
  font-size: 1.8rem;
}
.ai__item-footer {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
}
.ai__item-footer .ai__actions {
  gap: 3.5rem;
}
.ai__item-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 2rem;
  padding-top: 2.5rem;
  border-top: 1px solid hsla(0, 0%, 100%, 0.1);
}
.ai__item-date {
  font-weight: 400;
  font-size: 1.8rem;
  color: #f8f8f8;
}
.ai__steps {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 7.5rem;
}
.ai__steps:after {
  top: 100%;
  height: 0.6rem;
  background-color: #000;
}
.ai__steps:after,
.ai__steps:before {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
}
.ai__steps:before {
  bottom: -4.5rem;
  height: 0.1rem;
  background-color: hsla(0, 0%, 100%, 0.1);
}
.ai__step {
  position: relative;
  width: 25%;
  padding-bottom: 0.9rem;
  font-weight: 400;
  font-size: 2rem;
  line-height: 1.3;
  text-align: center;
  color: #f8f8f8;
}
.ai__step.active {
  color: #fff;
}
.ai__step.active:after {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 0.6rem;
  background: #22c0d5;
  z-index: 2;
}
.ai__step.completed {
  color: #f8f8f8;
}
.ai__step-head {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
  min-height: 10rem;
  margin-bottom: 2.5rem;
  padding: 1rem 3.5rem;
  border-radius: 0;
  background-color: #191919;
}
.ai__step-head .cabinet__title {
  margin-bottom: 0;
  font-weight: 400;
  font-size: 2rem;
}
.writer_form__block-container {
  padding-bottom: 5rem;
}
.tags {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 2rem;
  margin-top: 2.5rem;
  margin-bottom: 5rem;
}
.tags .checkbox {
  margin-bottom: 0;
}
.tags .checkbox__input:not(:checked) + .checkbox__label {
  background-color: #000;
}
.tags .checkbox__input:not(:checked) + .checkbox__label:hover {
  border-color: #22c0d5;
}
.tags .checkbox__input:checked + .checkbox__label:before {
  opacity: 0;
}
.tags .checkbox__input:checked + .checkbox__label span {
  color: #fff;
}
.tags .checkbox__label {
  padding: 1.1rem 1.8rem;
  font-weight: 400;
  font-size: 1.8rem;
  border-radius: 0;
  border: 2px solid #22c0d5;
  background-color: #22c0d5;
  transition: 0.3s;
}
.tags .checkbox__label:after,
.tags .checkbox__label:before {
  display: none;
}
.tags .checkbox__label span {
  position: relative;
  z-index: 1;
}
.ai__radios {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 2rem;
  margin-top: 3.5rem;
  margin-bottom: 3rem;
}
.ai__radios .radio {
  margin-bottom: 0;
}
.ai__radios .radio__input:checked + .radio__label {
  border-color: #22c0d5;
  background: #22c0d5;
}
.ai__radios .radio__input:checked + .radio__label span,
.ai__radios .radio__input:checked + .radio__label ul {
  color: #000;
}
.ai__radios .radio__input:checked + .radio__label:before {
  background: #000;
}
.ai__radios .radio__input:checked + .radio__label:after {
  background-color: transparent;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='21' height='18' viewBox='0 0 21 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M17.2247 3L16.4974 3.74948C13.959 6.40034 11.2416 9.43788 8.70578 12.1189L5.08564 9.0128L4.30255 8.32985L3 9.9786L3.79113 10.6532L8.13855 14.3838L8.84976 15L9.51298 14.317C12.2617 11.4467 15.2451 8.08331 17.9522 5.25671L18.6714 4.49886L17.2247 3Z' fill='%23be8c47' stroke='%23be8c47' stroke-width='3'/%3e%3c/svg%3e");
}
.ai__radios .radio__label {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  min-height: 12rem;
  padding: 2rem 2rem 2rem 12rem;
  border-radius: 0;
  border: 2px solid #191919;
  background-color: transparent;
  font-family:
    Roboto Condensed,
    sans-serif;
  font-weight: 400;
  font-size: 2rem;
  transition: 0.3s;
}
.ai__radios .radio__label:before {
  background: #191919;
}
.ai__radios .radio__label:after,
.ai__radios .radio__label:before {
  top: 50%;
  transform: translateY(-50%);
  left: 4rem;
  width: 4.4rem;
  height: 4.4rem;
}
.ai__radios .radio__label:after {
  position: absolute;
  background-color: #191919;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 1.6rem;
}
.ai__radios .radio__label ul {
  margin-left: 1em;
  list-style: disc;
  font-weight: 400;
  font-size: 1.9rem;
  color: #fff;
}
.ai__image {
  width: 100%;
  aspect-ratio: 1.7/1;
  margin-top: 3.5rem;
  margin-bottom: 2.5rem;
  border-radius: 0;
  overflow: hidden;
}
.ai__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.step--5 {
  margin-top: 3.5rem;
  padding-bottom: 5rem;
}
.generator__success {
  padding: 2.5rem 0;
  text-align: center;
}
.generator__success img {
  display: block;
  width: 13rem;
  margin: 0 auto 3rem;
}
.generator__success .title {
  margin-bottom: 0.5rem;
  font-weight: 400;
  font-size: 2.7rem;
}
.generator__success .text {
  font-family:
    Roboto Condensed,
    sans-serif;
  font-weight: 400;
  font-size: 1.8rem;
  color: #f8f8f8;
}
.chat__wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.chat__item {
  width: 25%;
  overflow: hidden;
}
.chat__item-wrapper {
  height: calc(100% + 1px);
  min-height: 25rem;
  padding: 3.5rem;
  border-radius: 0;
  margin: -1px 0 0 -1px;
  border: 1px solid hsla(0, 0%, 100%, 0.1);
  background-color: #000;
}
.chat__head {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 5rem;
  height: 5rem;
  margin-bottom: 3rem;
  border-radius: 0;
  background: #d1b082;
  font-size: 2rem;
  font-weight: 400;
  text-align: center;
  color: #000;
}
.chat__head img {
  display: block;
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 100%;
}
.chat__title {
  margin-bottom: 1rem;
  font-size: 2.4rem;
}
.chat__text,
.chat__title {
  font-weight: 400;
  color: #fff;
}
.chat__text {
  font-family:
    Roboto Condensed,
    sans-serif;
  font-size: 1.8rem;
}
.message {
  overflow: hidden;
}
.message,
.message__nav {
  display: -ms-flexbox;
  display: flex;
}
.message__nav {
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 46rem;
  border-right: 1px solid #000;
  background-color: #191919;
}
.message__nav-block {
  padding: 3.5rem;
  border-bottom: 1px solid hsla(0, 0%, 100%, 0.1);
}
.message__nav-block .input {
  background-color: #0f1010;
}
.message__nav-block .btn__search {
  width: 2rem;
}
.message__nav-block .btn__search img {
  display: block;
  width: 100%;
}
.message__search {
  position: relative;
}
.btn__search {
  position: absolute;
  top: 50%;
  right: 2rem;
  transform: translateY(-50%);
  background: none;
  outline: 0;
  padding: 0;
  border: 0;
  cursor: pointer;
}
.message__nav-footer {
  padding: 3.5rem;
}
.message__nav-footer .btn {
  width: 100%;
}
.message__nav-item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  gap: 1rem;
  padding: 2.5rem 3.5rem;
  border-bottom: 1px solid hsla(0, 0%, 100%, 0.05);
  font-family:
    Roboto Condensed,
    sans-serif;
  color: #fff;
}
.message__nav-item:hover {
  text-decoration: none;
}
.message__nav-item img {
  display: block;
  width: 3.8rem;
}
.message__nav-item .title {
  margin-bottom: 0.3rem;
  font-weight: 700;
  font-size: 2rem;
}
.message__nav-item .text {
  font-weight: 400;
  font-size: 1.8rem;
  color: #f8f8f8;
}
.message__nav-actions {
  display: -ms-flexbox;
  display: flex;
  gap: 3rem;
  margin-left: auto;
}
.message__nav-actions .table__action {
  width: 1.8rem;
  height: 1.8rem;
  padding: 0;
}
.messages {
  -ms-flex: 1;
  flex: 1;
}
.messages__content {
  height: 56.3rem;
  margin-bottom: 4rem;
  padding: 3.5rem 3.5rem 0;
  overflow-y: auto;
}
.message__item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-bottom: 3rem;
}
.message__item:last-child {
  margin-bottom: 0;
}
.message__item .author {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 4.4rem;
  height: 4.4rem;
  margin-right: 2rem;
  overflow: hidden;
  font-weight: 400;
  font-size: 1.8rem;
}
.message__item .author img {
  display: block;
  width: 4.4rem;
  height: 4.4rem;
  object-fit: cover;
}
.message__item.my {
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.message__item.my .author {
  margin-right: 0;
  margin-left: 2rem;
}
.message__item.my .message__text {
  max-width: 62.5rem;
  padding: 1.6rem;
  background-color: #191919;
}
.message__text {
  -ms-flex: 1;
  flex: 1;
  max-width: 73rem;
  min-height: 4.4rem;
  padding-top: 0.8rem;
  font-family:
    Roboto Condensed,
    sans-serif;
  font-weight: 400;
  font-size: 1.8rem;
}
.message__form {
  position: relative;
  padding: 3.5rem;
  background-color: #191919;
}
.message__form .form__group {
  position: relative;
  margin-bottom: 0;
}
.message__form .textarea {
  height: 6rem;
  padding: 1.8rem 6rem 1.8rem 2rem;
  background-color: #0f1010;
  overflow: hidden;
}
.message__send {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 2rem;
  background: none;
  outline: 0;
  cursor: pointer;
  padding: 0;
  border: 0;
}
.message__send img {
  display: block;
  width: 2rem;
}
.writer_form__block-header {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  height: 7rem;
  gap: 2rem;
  margin-bottom: 3.5rem;
  padding: 2.2rem 4rem;
  border-radius: 0;
  background-color: #191919;
}
.writer_form__block-textarea {
  -ms-flex: 1;
  flex: 1;
  padding: 0 3.5rem 5rem;
}
.writer__icon {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.writer__icon:hover img {
  opacity: 0.7;
}
.writer__icon img {
  display: block;
  height: 1.4rem;
  transition: 0.3s;
}
.speech-form .label {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: start;
  align-items: flex-start;
}
.speech-form .label span {
  font-size: 1.8rem;
  color: #f8f8f8;
}
.speech__wrap,
.speech__wrap-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: start;
  align-items: flex-start;
  height: 100%;
}
.speech__wrap-container {
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.speech__voice {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  height: 10rem;
  margin-bottom: 3.5rem;
  gap: 1.6rem;
  padding: 2.7rem 3.5rem;
  border-radius: 0;
  background-color: #191919;
}
.speech__voice span {
  position: relative;
  display: block;
  -ms-flex: 1;
  flex: 1;
  padding: 1rem 0;
}
.speech__voice span img {
  display: block;
  width: 100%;
}
.speech__btn {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 5.6rem;
  height: 4rem;
  border-radius: 50%;
}
.speech__btn img {
  display: block;
  width: 100%;
  height: 100%;
  transform-origin: center;
  transition: 0.3s;
}
.speech__btn:hover img {
  transform: scale(1.05);
}
.speech__title {
  margin-bottom: 0.5rem;
  font-size: 3rem;
  font-weight: 400;
}
.speech__text {
  max-width: 56.5rem;
  margin-bottom: 5rem;
  font-family:
    Roboto Condensed,
    sans-serif;
  font-size: 1.8rem;
  font-weight: 400;
}
.voiceover__form {
  margin-bottom: 4.5rem;
  padding: 3.5rem;
  border-radius: 0;
  background-color: #191919;
}
.voiceover__form .textarea {
  height: 15rem;
  background-color: #0f1010;
}
.voiceover__form .select select {
  background-color: #0f1010;
}
.voiceover__form .btn {
  min-width: 15rem;
}
.voiceover__line {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}
.voiceover__line .label {
  width: auto;
  margin-right: 1.5rem;
  margin-bottom: 0;
  white-space: nowrap;
}
.voiceover__line .label .big {
  font-weight: 700;
  font-size: 1.8rem;
}
.voiceover__line .select select {
  min-width: 28rem;
}
.voiceover__table {
  padding-bottom: 3rem;
}
.voiceover__table .speech__voice {
  max-width: 43rem;
  height: 6rem;
  gap: 1.5rem;
  margin-bottom: 0;
  padding: 1.4rem 1.5rem;
}
.voiceover__table .speech__btn {
  width: 4.4rem;
  height: 4.4rem;
}
.voiceover__table .speech__btn img {
  width: 100%;
  height: 100%;
}
.voiceover__table .speech__time {
  display: block;
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 1.5;
  color: #fff;
}
.voiceover__table .table td {
  padding-top: 2.2rem;
  padding-bottom: 2.2rem;
}
.voiceover__table table {
  margin-bottom: 0;
}
.voiceover__table .table__actions {
  gap: 3rem;
}
.voiceover__table .cards__action {
  margin-left: 0.5rem;
}
.earn {
  position: relative;
  margin-bottom: 3.5rem;
  border-bottom: 1px solid hsla(0, 0%, 100%, 0.1);
  z-index: 1;
}
.earn__wrapper {
  display: -ms-flexbox;
  display: flex;
  margin: 0 -1rem;
}
.earn__block {
  width: 50%;
  padding: 3.5rem 1rem 5rem;
  background-repeat: no-repeat;
  background-position: bottom;
  background-size: contain;
}
.earn__block:last-child {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.earn__block:last-child > div {
  transform: translateX(3%);
}
.earn__gift {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  max-width: 53rem;
  margin-bottom: 9rem;
  font-family:
    Roboto Condensed,
    sans-serif;
  font-weight: 400;
  font-size: 1.8rem;
  color: #fff;
}
.earn__gift img {
  display: block;
  height: 6.4rem;
  margin-right: 3rem;
}
.earn__gift span {
  display: block;
  margin-bottom: -1.5rem;
}
.earn__copy {
  width: 63rem;
  max-width: 100%;
  height: 6rem;
  padding: 2px;
  background-color: #22c0d5;
  border-radius: 0;
  font-family:
    Roboto Condensed,
    sans-serif;
  font-weight: 400;
  font-size: 1.8rem;
  color: #fff;
}
.earn__copy-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  padding: 0 2rem;
  border-radius: 0;
  background-color: #0f1010;
}
.earn__copy-wrapper span {
  -ms-flex: 1;
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
}
.earn__copy-wrapper a {
  display: block;
  width: 1.8rem;
  margin-left: 2rem;
  line-height: 1;
}
.earn__title {
  margin-bottom: 1rem;
  font-size: 2.2rem;
}
.earn__sum,
.earn__title {
  font-weight: 400;
  color: #fff;
}
.earn__sum {
  margin-bottom: 0;
  font-size: 5.8rem;
}
.earn__text {
  font-family:
    Roboto Condensed,
    sans-serif;
  font-weight: 400;
  font-size: 1.8rem;
  color: #fff;
}
.affiliate__wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 2rem 0;
  margin: 0 -1rem 3rem;
}
.affiliate__block {
  width: 50%;
  padding: 0 1rem;
}
.affiliate__block .cabinet__title {
  margin-bottom: 2.2rem;
}
.affiliate__block-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: justify;
  justify-content: space-between;
  height: 100%;
  padding: 3rem 3.5rem 4.5rem;
  border-radius: 0;
  background-color: #191919;
}
.affiliate__item {
  margin-bottom: 2rem;
}
.affiliate__item,
.affiliate__item span {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  font-size: 2rem;
  font-weight: 400;
}
.affiliate__item span {
  -ms-flex-pack: center;
  justify-content: center;
  width: 5rem;
  height: 5rem;
  margin-right: 1.8rem;
  border-radius: 50%;
  background-color: #d1b082;
  font-family:
    Roboto Condensed,
    sans-serif;
  color: #000;
}
.affiliate__item .block__text {
  -ms-flex: 1;
  flex: 1;
  margin-bottom: 0;
  font-size: 1.8rem;
}
.affiliate__subscribe {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
.affiliate__subscribe,
.affiliate__subscribe .input {
  background-color: #0f1010;
}
.affiliate__subscribe .btn {
  min-width: 16rem;
}
.affiliate__header .input {
  background-color: #0f1010;
}
.affiliate__footer {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.earn__table {
  padding-bottom: 5rem;
}
.earn__table .cabinet__title {
  margin-bottom: 1rem;
}
.earn__table .table {
  margin-bottom: 0;
}
.earn__table .table td {
  padding: 3rem 3rem 3rem 0;
}
.earn__table--support {
  margin-top: 3.5rem;
  padding-bottom: 3.5rem;
}
.support {
  width: 84.5rem;
  max-width: 100%;
  padding-bottom: 5rem;
}
.support .block__text {
  margin-bottom: 0;
  font-weight: 400;
  font-size: 1.6rem;
}
.support .block__text h3 {
  margin-top: 1em;
  font-weight: 400;
  font-size: 1.6rem;
}
.support__wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  height: 100%;
}
.support__block {
  width: 50%;
}
.support_request {
  -ms-flex: 1;
  flex: 1;
  width: 100%;
  height: 100%;
  padding: 3rem 3.5rem;
  border-radius: 0;
  background-color: #191919;
}
.support_request .input,
.support_request .select select,
.support_request .textarea {
  background-color: #0f1010;
}
.support_request .btn {
  min-width: 18rem;
}
.order__table {
  margin-top: 3.5rem;
}
.settings__wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 2rem 0;
  margin-top: 1rem;
}
.settings__block {
  width: 100%;
}
@media (max-width: 1340px) {
  .settings__block {
    width: 100%;
  }
}
.settings__block-wrapper {
  padding: 2rem 3rem 3rem;
  border-radius: 0.6rem;
  background-color: #f8f8f8;
}
.settings__block-wrapper .cabinet__title {
  margin-bottom: 2rem;
}
.settings__block-wrapper .btn {
  min-width: 13rem;
}
@media (max-width: 768px) {
  .settings__block-wrapper {
    padding: 4rem 2rem;
  }
}
.settings__form {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
}
.settings__form .form__list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 2rem 0;
  margin: 0 -1rem 2.5rem;
}
.settings__form .form__list .form__row {
  width: 33.33333%;
  margin-bottom: 0;
  padding: 0 1rem;
}
@media (max-width: 1280px) {
  .settings__form .form__list .form__row {
    width: 100%;
  }
}
.settings__form .btn {
  width: 12rem;
}
.settings__form-wrapper {
  display: -ms-flexbox;
  display: flex;
  gap: 2rem;
  -ms-flex: 1;
  flex: 1;
}
.settings__form-wrapper .form__group {
  -ms-flex: 1;
  flex: 1;
  margin-bottom: 0;
}
.topup {
  margin-bottom: 3.5rem;
}
@media (max-width: 1540px) {
  .overview__items {
    gap: 2.5rem;
  }
  .overview__item .title {
    font-size: 5rem;
  }
  .ai__block,
  .cards__item,
  .chat__item,
  .writer__item {
    width: 33.33333%;
  }
  .cabinet__container .plans__block {
    width: 25%;
  }
  .ai__credits {
    gap: 2rem;
  }
}
@media (max-width: 1360px) {
  .banner__title {
    font-size: 3.4rem;
  }
  .ai__head,
  .overview__block .credit__progress {
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .ai__head {
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .ai__credits,
  .ai__credits .credit__progress {
    width: 100%;
  }
  .ai__radios .radio__label {
    padding-left: 10rem;
  }
  .ai__radios .radio__label:after,
  .ai__radios .radio__label:before {
    left: 3rem;
  }
}
@media (max-width: 1110px) {
  .banner__title {
    font-size: 3rem;
  }
}
@media (min-width: 993px) {
  .sidebar.small {
    -ms-flex-align: center;
    align-items: center;
    width: 7rem;
  }
  .sidebar.small .sidebar__header {
    padding: 4rem 1.3rem;
  }
  .sidebar.small .sidebar__footer {
    padding: 4rem 1.3rem 8rem;
  }
  .sidebar.small .sidebar__large {
    display: none;
  }
  .sidebar.small .sidebar__list a {
    font-size: 0;
  }
  .sidebar.small .sidebar__list a .icon {
    margin-right: 0;
  }
  .sidebar.small .sidebar__sublist {
    background-color: transparent;
  }
  .sidebar.small .sidebar__links a {
    font-size: 0;
  }
  .sidebar.small .sidebar__links a img {
    margin-right: 0;
  }
  .sidebar.small .sidebar__nav-title,
  .sidebar.small .sidebar__progress {
    display: none;
  }
  .sidebar.small .invite {
    margin: 0;
    padding: 0;
    background-color: transparent;
  }
  .sidebar.small .invite img {
    margin-left: auto;
    margin-right: auto;
  }
  .cabinet__toggle-menu,
  .sidebar.small .copyright,
  .sidebar.small .invite .block__text,
  .sidebar:not(.small) .sidebar__small {
    display: none;
  }
}
@media (max-width: 992px) {
  .banner .cabinet__header {
    left: 0;
    width: 100%;
  }
  .banner__img {
    -ms-flex-pack: center;
    justify-content: center;
  }
  .cabinet__page,
  .cabinet__page.large {
    padding-left: 0;
  }
  .cabinet__page.large .cabinet__content {
    transform: translateX(26rem);
  }
  .cabinet__page.large .menu__btn:after {
    width: 2rem;
  }
  .sidebar {
    transform: translateX(-100%);
    transition: 0.3s;
  }
  .sidebar.small {
    transform: translateX(0);
  }
  .cabinet__content {
    transition: 0.3s;
  }
  .logo .sidebar__small {
    display: none;
  }
  .dashboard__wrapper {
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 2.5rem;
  }
  .dashboard__block {
    width: 100%;
    padding: 0;
  }
  .overview__wrapper {
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 2.5rem;
  }
  .overview__block {
    width: 100%;
    padding: 0;
  }
  .overview__block .credit__progress {
    margin-bottom: 0;
  }
  .documents__list-row {
    gap: 2.5rem;
  }
  .documents__item {
    width: 100%;
  }
}
@media (max-width: 992px) {
  .cabinet__head--filter .cabinet__head-wrapper + .cabinet__head-wrapper,
  .cabinet__head-wrapper {
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .cabinet__head-wrapper {
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 2.5rem;
  }
  .cards__item {
    width: 50%;
  }
  .folder__item {
    width: 100%;
  }
  .folder__item-wrapper {
    height: auto;
    min-height: 7rem;
    padding: 3rem;
  }
  .folder__item-wrapper img {
    margin-right: 2.5rem;
  }
  .writer__item {
    width: 50%;
  }
  .writer__item-wrapper {
    padding: 3rem;
  }
  .ai__block,
  .chat__item {
    width: 50%;
  }
  .table thead {
    display: none;
  }
  .table tbody,
  .table tbody tr {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 2.5rem;
  }
  .table tbody tr {
    padding: 3rem;
    border-radius: 0;
    background-color: #191919;
    border-bottom: none;
  }
  .table tbody td {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1rem;
    padding: 0;
  }
  .table tbody td:before {
    content: attr(data-label);
    font-family:
      Bebas Neue,
      sans-serif;
    font-size: 1.8rem;
    font-weight: 400;
    color: #f8f8f8;
    text-transform: uppercase;
  }
  .table tbody td:last-child:before {
    display: none;
  }
  .writer_form__wrapper {
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .writer_form__block {
    width: 100%;
  }
  .writer_form__block-wrapper {
    border-right: none;
    border-bottom: 1px solid #000;
  }
  .message__nav {
    width: 34rem;
  }
  .message__nav-block,
  .message__nav-footer,
  .message__nav-item {
    padding: 2rem;
  }
  .messages__content {
    margin-bottom: 4rem;
    padding: 2rem 2rem 0;
  }
  .message__item {
    margin-bottom: 2rem;
  }
  .message__item .author {
    margin-right: 2rem;
  }
  .message__item.my .author {
    margin-left: 2rem;
  }
  .message__text {
    padding: 1.5rem 3rem;
  }
  .message__form {
    padding: 2rem;
  }
  .voiceover__line .label {
    margin-bottom: 1rem;
  }
  .voiceover__line .select {
    width: 100%;
  }
  .voiceover__line .select select {
    min-width: auto;
  }
  .voiceover__table table tbody tr {
    padding: 0;
    border-radius: 0;
    border-bottom: 1px solid hsla(0, 0%, 100%, 0.1);
    background-color: transparent;
  }
  .voiceover__table .table td {
    padding: 0;
  }
  .voiceover__table .table td:last-child {
    padding-bottom: 2rem;
  }
  .earn__wrapper {
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .earn__block {
    width: 100%;
  }
  .affiliate__block-wrapper {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .earn__gift {
    margin: 0 auto 2rem;
  }
  .earn__copy {
    margin: 0 auto;
  }
  .affiliate__wrapper {
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .affiliate__block {
    width: 100%;
  }
  .earn__table .table td {
    padding: 0;
  }
  .support__block {
    width: 100%;
  }
  .support_request {
    padding: 3rem;
  }
  .cabinet__container .plans__block {
    width: 33.33333%;
  }
  .banner__content {
    padding: 8rem 0;
  }
}
@media (max-width: 768px) {
  .banner__wrapper {
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .banner__block {
    width: 100%;
  }
  .banner__content {
    min-height: 0;
    padding: 9rem 0 4rem;
  }
  .banner__circles {
    top: 70%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .banner__circle--1,
  .banner__circles {
    width: 54rem;
    height: 54rem;
  }
  .banner__circle--2 {
    width: 44rem;
    height: 44rem;
  }
  .banner__circle--3 {
    width: 34rem;
    height: 34rem;
  }
  .banner__circle--4 {
    width: 24rem;
    height: 24rem;
  }
  .banner__circle--4 .logo__icon {
    width: 24rem;
    height: 14rem;
  }
  .banner__img {
    margin: 0 -2rem;
    background-position: 50%;
  }
  .cabinet .cabinet__container .plans__block {
    width: 50%;
  }
  .cabinet__head {
    padding: 3rem 0;
  }
  .cabinet__sort {
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 2.5rem;
  }
  .writer_form__block .block__text {
    font-size: 1.6rem;
  }
  .dashboard__wrapper {
    margin: 0;
  }
  .overview__items {
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .overview__item .text {
    margin-bottom: 0;
  }
  .overview__item .title {
    font-size: 4rem;
  }
  .cards__item-wrapper {
    padding: 3rem;
  }
  .writer_form__block-wrapper {
    padding: 3rem 1.5rem;
  }
  .writer_form__block-header {
    padding: 2.2rem 1.5rem;
  }
  .writer_form__block-textarea {
    padding: 0 1.5rem 5rem;
  }
  .ai__step-head {
    padding: 1rem 3rem;
  }
  .tags {
    margin-bottom: 4rem;
  }
  .ai__gen {
    margin-bottom: 3rem;
    padding: 3rem;
  }
  .ai__actions {
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .ai__actions,
  .ai__credits {
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .ai__item-footer .ai__actions {
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center;
    gap: 2.5rem;
  }
  .chat__item-wrapper {
    padding: 3rem;
  }
  .generator__success {
    padding-top: 0;
  }
  .message {
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .message__nav {
    width: 100%;
  }
  .message__item:not(.my) .author {
    width: 4rem;
    height: 4rem;
    font-size: 1.6rem;
  }
  .message__item .author img {
    width: 4rem;
    height: 4rem;
  }
  .message__text {
    padding: 2rem;
  }
  .voiceover__form {
    margin: 3rem 0;
    padding: 3.5rem 1.5rem;
  }
  .voiceover__line {
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .checkout__wrapper,
  .voiceover__line {
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .checkout__wrapper {
    margin-bottom: 3rem;
    padding: 3rem;
  }
  .checkout__img {
    width: 14rem;
    height: 10rem;
  }
  .checkout__block:first-child {
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
  }
  .plans__block {
    width: 50%;
  }
  .speech__voice {
    padding: 2.7rem 1.5rem;
  }
}
@media (max-width: 600px) {
  .banner__title {
    font-size: 2.4rem;
  }
  .cabinet__title {
    font-size: 2rem;
  }
  .cards__item,
  .writer__item {
    width: 100%;
  }
  .writer__item-wrapper {
    min-height: 30rem;
  }
  .ai__block,
  .chat__item {
    width: 100%;
  }
  .folder {
    -ms-flex-align: end;
    align-items: flex-end;
  }
  .folder__wrapper {
    gap: 2.5rem;
  }
  .ai__form,
  .folder__wrapper {
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .ai__form {
    gap: 1rem;
    border-radius: 0;
    background-color: transparent;
  }
  .ai__form .input {
    -ms-flex: inherit;
    flex: inherit;
    width: 100%;
    height: 5.4rem;
  }
  .ai__item-content {
    padding: 2rem;
  }
  .ai__radios .radio__label {
    padding: 7rem 3rem 2rem;
  }
  .ai__radios .radio__label:after,
  .ai__radios .radio__label:before {
    top: 2rem;
    transform: translateY(0);
    left: 2rem;
  }
  .earn__gift {
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
  }
  .earn__gift img {
    margin-right: 0;
    margin-bottom: 2rem;
  }
  .affiliate__subscribe {
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 2rem 0;
    background-color: transparent;
  }
  .affiliate__subscribe,
  .writer_form__block-item .credit__progress {
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
@media (max-width: 460px) {
  .cabinet .cabinet__container .plans__block {
    width: 100%;
  }
}
@media (max-width: 380px) {
  .documents__item-wrapper {
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .plans__block {
    width: 100%;
  }
}
.cookie-window-block {
  position: fixed;
  bottom: 2rem;
  right: 2rem;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 40rem;
  max-width: calc(100% - 4rem);
  gap: 3rem;
  padding: 3rem;
  border: 1px solid #e5e5e5;
  background-color: #fff;
  z-index: 200;
}
.cookie-window-block.closed {
  display: none;
}
.cookie-window-block .block__text {
  margin-bottom: 0;
  font-size: 1.4rem;
  color: #000;
}
.cookie-window-block .block__text a {
  font-weight: 700;
  color: #22c0d5;
}
.cookie-window-block .btn {
  min-width: 19rem;
}
.page__text-wrapper {
  margin: 0 -1rem;
  font-size: 1rem;
}
.page__text-wrapper:after,
.page__text-wrapper:before {
  content: "";
  display: table;
}
.page__text-wrapper:after {
  clear: both;
}
.page__text-wrapper ul {
  list-style: disc;
  margin-left: 1em;
  margin-bottom: 0.5em;
}
.page__text-wrapper h2 {
  font-size: 1.6rem;
  margin-bottom: 0.5em;
}
.page__text-wrapper h3 {
  font-size: 1.4rem;
  margin-bottom: 0.5em;
}
.page__text-wrapper h4 {
  font-size: 1.2rem;
  margin-bottom: 0.5em;
}
.page__text-wrapper p {
  margin-bottom: 0.5em;
}
.page__text-title {
  font-size: 2rem;
  margin-bottom: 2rem;
  font-weight: 700;
}
.page__text-block {
  width: 50%;
  padding: 0 1rem;
}
.page__text-block.full {
  width: 100%;
}
.page__text-date {
  margin-bottom: 1rem;
}
.text__img {
  width: 20rem;
  height: 20rem;
  margin-bottom: 0;
  margin-right: 1rem;
  float: left;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50%;
}
.features {
  position: relative;
  padding: 3.5rem 0 12rem;
  z-index: 2;
}
.features--page {
  padding: 4rem 0 13.5rem;
}
.features__block {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 2rem 0;
  margin: 0 -1rem;
}
.features__block .features__item {
  width: 50%;
  padding: 0 1rem;
}
.features__block .features__item-wrapper {
  display: -ms-flexbox;
  display: flex;
  min-height: 14rem;
  background: rgba(17, 18, 18, 0.9);
  -webkit-backdrop-filter: blur(15px);
  backdrop-filter: blur(15px);
}
.features__item-wrapper {
  height: 100%;
}
.features__item-wrapper .block__text {
  max-width: 42.5rem;
  margin-bottom: 0;
}
.features__img {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 14rem;
  height: 100%;
  padding: 3rem;
  background-color: #1b1d1d;
  border: 1px dashed #313131;
}
.features__img img {
  display: block;
  max-width: 100%;
  max-height: 100%;
}
.features__dotts {
  position: absolute;
  top: -2px;
  left: -2px;
  right: -2px;
  bottom: -2px;
}
.features__dotts i {
  position: absolute;
  width: 5px;
  height: 5px;
  background-color: #313131;
}
.features__dotts i:first-child {
  top: 0;
  left: 0;
}
.features__dotts i:nth-child(2) {
  top: 0;
  right: 0;
}
.features__dotts i:nth-child(3) {
  bottom: 0;
  right: 0;
}
.features__dotts i:last-child {
  bottom: 0;
  left: 0;
}
.features__content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex: 1;
  flex: 1;
  padding-left: 3.8rem;
  padding-right: 2rem;
}
.features__title {
  margin-bottom: 0.2rem;
  font-size: 2.8rem;
  line-height: 1.2;
}
.features__list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 2.5rem;
}
.features__list-item {
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 2.5rem;
  border-bottom: 1px solid hsla(0, 0%, 100%, 0.07);
}
.features__list-block:first-child {
  width: 41%;
  padding-right: 8rem;
}
.features__list-block:last-child {
  width: 59%;
}
.features__list-block .block__title {
  font-size: 4rem;
}
.features__list-block .block__text {
  max-width: 76rem;
  margin-bottom: 0;
  font-size: 2rem;
}
.gallery__slider {
  margin-bottom: 1px;
  overflow: hidden;
}
.gallery__slider-item {
  display: block;
}
.gallery__slider-item img {
  display: block;
  width: 100%;
  height: 43rem;
  object-fit: cover;
}
.gallery__nav-item {
  cursor: pointer;
}
.gallery__nav-item img {
  display: block;
  width: 100%;
  height: 7rem;
  object-fit: cover;
}
.gallery__nav .slick-list {
  margin: 0 -1px 0 0;
}
.gallery__nav .slick-slide {
  padding: 0 1px 0 0;
}
.gallery__nav .slick-slide:hover .gallery__nav-item:before {
  opacity: 0.4;
}
.gallery__nav .slick-arrow {
  display: none;
}
.gallery__nav .slick-current .gallery__nav-item:before {
  opacity: 0.4;
}
.gallery__nav-item {
  position: relative;
}
.gallery__nav-item:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  opacity: 0;
  transition: 0.3s;
}
.lg-actions .lg-prev {
  transform: rotate(180deg);
}
@keyframes m {
  0% {
    opacity: 0;
    transform: translateY(40px);
  }
  30%,
  70% {
    opacity: 1;
    transform: translateY(0);
  }
  to {
    opacity: 0;
    transform: translateY(-40px);
  }
}
@keyframes n {
  0% {
    opacity: 0;
    transform: translateY(40px);
  }
  30% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes o {
  0% {
    transform: scale(1);
  }
  10% {
    transform: scale(1.1);
  }
  20% {
    transform: scale(1);
  }
}
.dropzone {
  cursor: pointer;
}
.dropzone,
.dropzone * {
  box-sizing: border-box;
}
.dropzone.dz-clickable {
  cursor: pointer;
}
.dropzone.dz-clickable * {
  cursor: default;
}
.dropzone.dz-clickable .dz-message,
.dropzone.dz-clickable .dz-message * {
  cursor: pointer;
}
.dropzone.dz-started .dz-message {
  display: none;
}
.dropzone.dz-drag-hover {
  border-style: solid;
}
.dropzone.dz-drag-hover .dz-message {
  opacity: 0.5;
}
.dropzone .dz-message {
  text-align: center;
  color: #cacaca;
  font-size: 0.8rem;
  font-weight: 600;
}
.dropzone .dz-preview {
  position: relative;
  display: inline-block;
  vertical-align: top;
  margin: 16px;
  min-height: 100px;
}
.dropzone .dz-preview:hover {
  z-index: 1000;
}
.dropzone .dz-preview.dz-file-preview .dz-image {
  border-radius: 20px;
  background: #999;
  background: linear-gradient(180deg, #eee, #ddd);
}
.dropzone .dz-preview.dz-file-preview .dz-details {
  opacity: 1;
}
.dropzone .dz-preview.dz-image-preview {
  background: #fff;
}
.dropzone .dz-preview.dz-image-preview .dz-details {
  transition: opacity 0.2s linear;
}
.dropzone .dz-preview .dz-remove {
  font-size: 14px;
  text-align: center;
  display: block;
  cursor: pointer;
  border: none;
  position: absolute;
  top: 105%;
  pointer-events: auto;
}
.dropzone .dz-preview .dz-remove:hover {
  text-decoration: underline;
}
.dropzone .dz-preview:hover .dz-details {
  opacity: 1;
}
.dropzone .dz-preview .dz-details {
  z-index: 20;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  font-size: 13px;
  min-width: 100%;
  max-width: 100%;
  padding: 2em 1em;
  text-align: center;
  color: rgba(0, 0, 0, 0.9);
  line-height: 150%;
}
.dropzone .dz-preview .dz-details .dz-size {
  margin-bottom: 1em;
  font-size: 16px;
}
.dropzone .dz-preview .dz-details .dz-filename {
  white-space: nowrap;
}
.dropzone .dz-preview .dz-details .dz-filename:hover span {
  border: 1px solid hsla(0, 0%, 78%, 0.8);
  background-color: hsla(0, 0%, 100%, 0.8);
}
.dropzone .dz-preview .dz-details .dz-filename:not(:hover) {
  overflow: hidden;
  text-overflow: ellipsis;
}
.dropzone .dz-preview .dz-details .dz-filename:not(:hover) span {
  border: 1px solid transparent;
}
.dropzone .dz-preview .dz-details .dz-filename span,
.dropzone .dz-preview .dz-details .dz-size span {
  background-color: hsla(0, 0%, 100%, 0.4);
  padding: 0 0.4em;
  border-radius: 3px;
}
.dropzone .dz-preview:hover .dz-image img {
  transform: scale(1.05);
  filter: blur(8px);
}
.dropzone .dz-preview .dz-image {
  border-radius: 20px;
  overflow: hidden;
  width: 120px;
  height: 120px;
  position: relative;
  display: block;
  z-index: 10;
}
.dropzone .dz-preview .dz-image img {
  display: block;
}
.dropzone .dz-preview.dz-success .dz-success-mark {
  animation: m 3s cubic-bezier(0.77, 0, 0.175, 1);
}
.dropzone .dz-preview.dz-error .dz-error-mark {
  opacity: 1;
  animation: n 3s cubic-bezier(0.77, 0, 0.175, 1);
}
.dropzone .dz-preview .dz-error-mark,
.dropzone .dz-preview .dz-success-mark {
  pointer-events: none;
  opacity: 0;
  z-index: 500;
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  margin-left: -27px;
  margin-top: -27px;
}
.dropzone .dz-preview .dz-error-mark svg,
.dropzone .dz-preview .dz-success-mark svg {
  display: block;
  width: 54px;
  height: 54px;
}
.dropzone .dz-preview.dz-processing .dz-progress {
  opacity: 1;
  transition: all 0.2s linear;
}
.dropzone .dz-preview.dz-complete .dz-progress {
  opacity: 0;
  transition: opacity 0.4s ease-in;
}
.dropzone .dz-preview:not(.dz-processing) .dz-progress {
  animation: o 6s ease infinite;
}
.dropzone .dz-preview .dz-progress {
  opacity: 1;
  z-index: 1000;
  pointer-events: none;
  position: absolute;
  height: 16px;
  left: 50%;
  top: 50%;
  margin-top: -8px;
  width: 80px;
  margin-left: -40px;
  background: hsla(0, 0%, 100%, 0.9);
  -webkit-transform: scale(1);
  border-radius: 8px;
  overflow: hidden;
}
.dropzone .dz-preview .dz-progress .dz-upload {
  background: #333;
  background: linear-gradient(180deg, #666, #444);
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 0;
  transition: width 0.3s ease-in-out;
}
.dropzone .dz-preview.dz-error .dz-error-message {
  display: block;
}
.dropzone .dz-preview.dz-error:hover .dz-error-message {
  opacity: 1;
  pointer-events: auto;
}
.dropzone .dz-preview .dz-error-message {
  pointer-events: none;
  z-index: 1000;
  position: absolute;
  display: none;
  opacity: 0;
  transition: opacity 0.3s ease;
  border-radius: 8px;
  font-size: 13px;
  top: 130px;
  left: -10px;
  width: 140px;
  background: #be2626;
  background: linear-gradient(180deg, #be2626, #a92222);
  padding: 0.5em 1.2em;
  color: #fff;
}
.dropzone .dz-preview .dz-error-message:after {
  content: "";
  position: absolute;
  top: -6px;
  left: 64px;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #be2626;
}
.dz-preview-image {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50%;
}
.noUi-target,
.noUi-target * {
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-user-select: none;
  -ms-touch-action: none;
  touch-action: none;
  -ms-user-select: none;
  user-select: none;
  box-sizing: border-box;
}
.noUi-target {
  position: relative;
}
.noUi-base,
.noUi-connects {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
}
.noUi-connects {
  overflow: hidden;
  z-index: 0;
}
.noUi-connect,
.noUi-origin {
  will-change: transform;
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  height: 100%;
  width: 100%;
  -ms-transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
  -webkit-transform-style: preserve-3d;
  transform-origin: 0 0;
  transform-style: flat;
}
.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin {
  left: 0;
  right: auto;
}
.noUi-vertical .noUi-origin {
  top: -100%;
  width: 0;
}
.noUi-horizontal .noUi-origin {
  height: 0;
}
.noUi-handle {
  backface-visibility: hidden;
  position: absolute;
}
.noUi-touch-area {
  height: 100%;
  width: 100%;
}
.noUi-state-tap .noUi-connect,
.noUi-state-tap .noUi-origin {
  transition: transform 0.3s;
}
.noUi-state-drag * {
  cursor: inherit !important;
}
.noUi-horizontal {
  height: 0.8rem;
}
.noUi-horizontal .noUi-handle {
  width: 0.8rem;
  height: 1.6rem;
  right: -0.4rem;
  top: -0.4rem;
}
.noUi-vertical {
  width: 20px;
}
.noUi-vertical .noUi-handle {
  width: 28px;
  height: 34px;
  right: -6px;
  bottom: -17px;
}
.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle {
  left: -17px;
  right: auto;
}
.noUi-target {
  background: #e5e5e5;
}
.noUi-connect,
.noUi-connects,
.noUi-target {
  border-radius: 0.8rem;
}
.noUi-connect {
  background: #22c0d5;
}
.noUi-draggable {
  cursor: ew-resize;
}
.noUi-vertical .noUi-draggable {
  cursor: ns-resize;
}
.noUi-handle {
  border-radius: 0.4rem;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.25);
  background: #fff;
  cursor: pointer;
}
.noUi-active {
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.35);
}
[disabled] .noUi-connect {
  background: #b8b8b8;
}
[disabled].noUi-handle,
[disabled] .noUi-handle,
[disabled].noUi-target {
  cursor: not-allowed;
}
.noUi-pips,
.noUi-pips * {
  box-sizing: border-box;
}
.noUi-pips {
  position: absolute;
  color: #999;
}
.noUi-value {
  position: absolute;
  white-space: nowrap;
  text-align: center;
}
.noUi-value-sub {
  color: #ccc;
  font-size: 10px;
}
.noUi-marker {
  position: absolute;
  background: #ccc;
}
.noUi-marker-large,
.noUi-marker-sub {
  background: #aaa;
}
.noUi-pips-horizontal {
  padding: 10px 0;
  height: 80px;
  top: 100%;
  left: 0;
  width: 100%;
}
.noUi-value-horizontal {
  transform: translate(-50%, 50%);
}
.noUi-rtl .noUi-value-horizontal {
  transform: translate(50%, 50%);
}
.noUi-marker-horizontal.noUi-marker {
  margin-left: -1px;
  width: 2px;
  height: 5px;
}
.noUi-marker-horizontal.noUi-marker-sub {
  height: 10px;
}
.noUi-marker-horizontal.noUi-marker-large {
  height: 15px;
}
.noUi-pips-vertical {
  padding: 0 10px;
  height: 100%;
  top: 0;
  left: 100%;
}
.noUi-value-vertical {
  transform: translateY(-50%);
  padding-left: 25px;
}
.noUi-rtl .noUi-value-vertical {
  transform: translateY(50%);
}
.noUi-marker-vertical.noUi-marker {
  width: 5px;
  height: 2px;
  margin-top: -1px;
}
.noUi-marker-vertical.noUi-marker-sub {
  width: 10px;
}
.noUi-marker-vertical.noUi-marker-large {
  width: 15px;
}
.noUi-tooltip {
  display: block;
  position: absolute;
  border: 1px solid #d9d9d9;
  border-radius: 3px;
  background: #fff;
  color: #000;
  padding: 5px;
  text-align: center;
  white-space: nowrap;
}
.noUi-horizontal .noUi-tooltip {
  transform: translate(-50%);
  left: 50%;
  bottom: 120%;
}
.noUi-vertical .noUi-tooltip {
  transform: translateY(-50%);
  top: 50%;
  right: 120%;
}
.noUi-horizontal .noUi-origin > .noUi-tooltip {
  transform: translate(50%);
  left: auto;
  bottom: 10px;
}
.noUi-vertical .noUi-origin > .noUi-tooltip {
  transform: translateY(-18px);
  top: auto;
  right: 28px;
}
.section {
  position: relative;
  z-index: 2;
}
.section.hero {
  margin-top: -1px;
}
.section.hero .section__wrapper {
  border-bottom: none;
  box-shadow: none;
}
.section.hero .section__wrapper:after {
  transform: translate(-1rem, -1rem);
}
.section.hero .section__wrapper:before {
  transform: translate(1rem, -1rem);
}
.section.users .section__wrapper {
  padding-top: 1px;
}
.section.reviews .section__wrapper {
  border-bottom: none;
}
.section__wrapper {
  position: relative;
  border-bottom: 1px solid #e5e5e5;
  box-shadow:
    inset 1px 0 0 0 #e5e5e5,
    inset -1px 0 0 0 #e5e5e5;
}
.section__wrapper:after {
  left: 0;
  transform: translate(-1rem, -1.1rem);
}
.section__wrapper:after,
.section__wrapper:before {
  content: "";
  position: absolute;
  top: 0;
  width: 2.1rem;
  height: 2.1rem;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='21' height='21' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3crect x='10' width='1' height='21' fill='black'/%3e%3crect x='21' y='10' width='1' height='21' transform='rotate(90 21 10)' fill='black'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: contain;
  pointer-events: none;
  z-index: 2;
}
.section__wrapper:before {
  right: 0;
  transform: translate(1rem, -1.1rem);
}
.section__bg {
  position: absolute;
  pointer-events: none;
  z-index: 1;
}
.section__bg img {
  display: block;
}
@media (max-width: 1400px) {
  .section__bg {
    display: none;
  }
}
.page__header {
  padding: 4.5rem 3.5rem;
}
.page__header .block__title {
  margin-bottom: 0;
}
@media (max-width: 992px) {
  .page__header {
    padding: 3rem 2rem;
  }
}
.block__header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 1.5rem;
  margin-bottom: 3rem;
  padding: 0 3.5rem;
}
.block__header .block__title {
  max-width: 79rem;
  margin-bottom: 0;
}
.block__header .block__text {
  margin-bottom: 0;
}
.block__subtitle {
  margin-bottom: 0.5rem;
  font-size: 2.4rem;
  line-height: 1.2;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: #22c0d5;
}
.block__subtitle.center {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
.block__subtitle.right {
  margin-left: auto;
  text-align: right;
}
.block__title {
  margin-bottom: 1.5rem;
  font-weight: 700;
  font-size: 5rem;
  line-height: 1.1;
}
.block__title span {
  color: #22c0d5;
}
.block__title.center {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
.block__title.right {
  margin-left: auto;
  text-align: right;
}
.block__text {
  margin-bottom: 2rem;
  font-size: 1.8rem;
}
.block__text.center {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
.block__text ul {
  list-style: disc;
  margin-left: 1.5em;
  margin-bottom: 0.5em;
}
.block__text li {
  margin-bottom: 1rem;
}
.block__text h2 {
  font-size: 3rem;
}
.block__text h2,
.block__text h3 {
  font-weight: 700;
  margin-bottom: 0.5em;
}
.block__text h3 {
  font-size: 2.8rem;
}
.block__text h4 {
  font-size: 2.6rem;
}
.block__text h4,
.block__text h5 {
  font-weight: 700;
  margin-bottom: 0.5em;
}
.block__text h5 {
  font-size: 2.4rem;
}
.block__text h6 {
  font-weight: 700;
  font-size: 2.2rem;
}
.block__text h6,
.block__text p {
  margin-bottom: 0.5em;
}
.block__text a {
  font-weight: 700;
  color: #fff;
  transition: 0.3s;
}
.block__text a:hover {
  opacity: 0.7;
}
.close {
  position: relative;
  display: block;
  width: 1.6rem;
  height: 1.6rem;
  z-index: 10;
}
.close:after,
.close:before {
  content: "";
  background-color: #000;
  height: 1px;
  width: 100%;
  position: absolute;
  top: 7px;
  left: 0;
  transform: rotate(45deg);
  border-radius: 2px;
  transition: 0.3s;
}
.close:after {
  transform: rotate(-45deg);
}
.close:hover:before {
  transform: rotate(0);
}
.close:hover:after {
  opacity: 0;
}
.actions {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  align-items: center;
  gap: 2rem;
}
.actions.center {
  -ms-flex-pack: center;
  justify-content: center;
}
.bg {
  position: absolute;
  left: 0;
  width: 100%;
  height: 108rem;
  z-index: -1;
}
.bg img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: left top;
}
.sign_in .section__wrapper {
  padding: 5rem 3.5rem;
}
@media (max-width: 992px) {
  .sign_in .section__wrapper {
    padding: 3rem 2rem;
  }
}
@media (max-width: 768px) {
  .sign_in .section__wrapper {
    padding-bottom: 0;
  }
}
@media (max-width: 768px) {
  .sign_in .sign_in__wrapper {
    border: none;
  }
  .sign_in .remodal__body {
    padding: 0;
  }
}
.sign_in__wrapper {
  width: 53rem;
  max-width: 100%;
  margin: 0 auto;
  border: 1px solid #e5e5e5;
  overflow: hidden;
}
.text__page .section__bg {
  top: 4rem;
  left: 0;
}
.text__page .section__bg--second {
  top: 34rem;
  left: auto;
  right: 0;
}
.text__page .section__wrapper {
  padding: 5rem 3.5rem;
}
@media (max-width: 992px) {
  .text__page .section__wrapper {
    padding: 3rem 2rem;
  }
}
.text__page .block__title {
  max-width: 110rem;
}
.text__page .date {
  margin-bottom: 3rem;
}
.text__page-wrapper {
  width: 84.6rem;
  max-width: 100%;
  margin: 0 auto;
}
.text__page-wrapper .block__text {
  font-size: 1.6rem;
  line-height: 1.75;
}
.img {
  overflow: hidden;
  margin-bottom: 5rem;
  border-radius: 1rem;
}
@media (max-width: 992px) {
  .img {
    margin-bottom: 3rem;
  }
}
.img img {
  display: block;
  width: 100%;
  height: 46rem;
  object-fit: cover;
  object-position: center;
}
@media (max-width: 992px) {
  .img img {
    height: 34rem;
  }
}
@media (max-width: 480px) {
  .img img {
    height: 26rem;
  }
}
.contacts {
  position: relative;
}
.contacts .block__text {
  margin-bottom: 0;
  font-size: 2rem;
}
.contacts .block__text a {
  font-weight: 700;
  color: #22c0d5;
}
@media (max-width: 992px) {
  .contacts .block__text {
    font-size: 1.6rem;
  }
}
.contacts__wrapper {
  padding: 5rem 2rem 3rem;
}
.contacts-form {
  position: relative;
}
.contacts-form .section__bg {
  top: 6rem;
  right: 0;
}
.contacts__form {
  padding: 9rem 0;
}
@media (max-width: 992px) {
  .contacts__form {
    padding: 5rem 0;
  }
}
.contacts__form-wrapper {
  width: 36rem;
  max-width: 100%;
  margin: 0 auto;
  padding: 0 2rem;
}
.category {
  margin-bottom: 8.2rem;
}
.category__wrapper {
  margin: 0 -2.4rem;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.category__block {
  width: 33.33%;
  padding: 0 2.4rem;
  margin-bottom: 6.8rem;
}
.category__item {
  border: 1px solid transparent;
  min-height: 23rem;
  font-weight: 900;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  text-transform: uppercase;
  transition: all 0.2s ease;
}
.category__item:hover {
  border-color: #c7c7c7;
  text-decoration: none;
}
.category__img {
  height: 13.6rem;
  width: 9.5rem;
  display: block;
  margin: 0 auto 2rem;
}
.category__title {
  color: inherit;
  max-width: 28rem;
  font-size: 2.4rem;
  line-height: 1.2;
}
.login-page {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  min-height: calc(100vh - 8rem);
  padding: 7rem 0 12rem;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: cover;
  z-index: 1;
}
.login-page:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 0.3;
  z-index: -1;
}
.login-page__wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.login-page__remodal {
  width: 42rem;
  max-width: 100%;
  padding: 5rem 5rem 4rem;
  background-color: #fff;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.25);
  border-radius: 3rem;
}
.hidden,
.hide {
  display: none;
}
.ghost {
  opacity: 0;
}
.unvisible {
  visibility: hidden;
}
.visible {
  visibility: visible;
}
.block {
  padding: 20px;
}
.block .text {
  font-size: 20px;
}
.text-dark-blue {
  color: #1437cc !important;
}
.text-red {
  color: #ea4335 !important;
}
.text-rblack {
  color: #000 !important;
}
.text-white {
  color: #fff !important;
}
.text-pink {
  color: #ebdddd !important;
}
.text-deep-pink {
  color: #dcc9c3 !important;
}
.text-purple {
  color: #b445b4 !important;
}
.text-deep-purple {
  color: #673ab7 !important;
}
.text-dark-pink {
  color: #bc9999 !important;
}
.text-blue {
  color: #237edc !important;
}
.text-cyan {
  color: #00aeed !important;
}
.text-green {
  color: #2aaa4c !important;
}
.text-yellow {
  color: #dcad52 !important;
}
.text-main {
  color: #22c0d5 !important;
}
.text-moicvet,
.text-secondary {
  color: #000 !important;
}
.text-brown {
  color: #94816c !important;
}
.text-black {
  color: #000 !important;
}
.text-gray {
  color: #323232 !important;
}
.text-peach {
  color: #916868 !important;
}
.static {
  position: static;
}
.text-xs {
  font-size: 0.7em;
}
.text-s {
  font-size: 0.8em;
}
.text-m {
  font-size: 1.2em;
}
.text-l {
  font-size: 1.4em;
}
.text-xl {
  font-size: 1.6em;
}
.text-xxl {
  font-size: 1.8em;
}
.text-thin {
  font-weight: 100;
}
.text-xlight {
  font-weight: 200;
}
.text-light {
  font-weight: 300;
}
.text-normal {
  font-weight: 400;
}
.text-medium {
  font-weight: 500;
}
.text-sbold {
  font-weight: 600;
}
.text-bold {
  font-weight: 700;
}
.text-xbold {
  font-weight: 800;
}
.text-hbold {
  font-weight: 900;
}
.text-italic {
  font-style: italic;
}
.text-oblique {
  font-style: oblique;
}
.text-normal {
  font-style: normal;
}
.text-upper {
  text-transform: uppercase;
}
.text-lower {
  text-transform: lowercase;
}
.text-no-transform {
  text-transform: none;
}
.text-left {
  text-align: left;
}
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}
.text-justify {
  text-align: justify;
}
.text-decor-under {
  text-decoration: underline;
}
.text-decor-over {
  text-decoration: overline;
}
.text-decor-lt {
  text-decoration: line-through;
}
.text-decor-none {
  text-decoration: none;
}
.float-right,
.to-right {
  float: right;
}
.float-left,
.to-left {
  float: left;
}
.center-block {
  display: block;
  margin: 0 auto;
}
.img {
  display: block;
  max-width: 100%;
  height: auto;
}
.img--text {
  height: 320px;
}
.va-middle {
  vertical-align: middle;
}
.va-top {
  vertical-align: top;
}
.va-bottom {
  vertical-align: bottom;
}
.full-width {
  width: 100%;
}
.half-width {
  width: 50%;
}
.display-inline {
  display: inline;
}
.display-block {
  display: block;
}
.display-inline-block {
  display: inline-block;
}
.mb-0 {
  margin-bottom: 0;
}
.mb-10 {
  margin-bottom: 10px;
}
.mb-20 {
  margin-bottom: 20px;
}
.pt-10 {
  padding-top: 10px;
}
.pt-20 {
  padding-top: 20px;
}
.pb-10 {
  padding-bottom: 10px;
}
.pb-20 {
  padding-bottom: 20px;
}
.pt-50 {
  padding-top: 50px;
}
.relative {
  position: relative;
}
.flex-wrap {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.alert.error {
  background-color: #ea4335;
  display: block;
  color: #fff;
}
.alert.success,
.alert.visible-success {
  background-color: #2aaa4c;
  display: block;
  color: #fff;
}
.ui-datepicker .ui-datepicker-title select {
  background: #fff;
  padding: 5px;
  color: #3e3e3e;
  font-weight: 600;
}
html .ui-widget-content .ui-state-default {
  border: 0;
  background: #fff;
  transition: all 0.2s ease;
  text-align: center;
}
html .ui-widget-content .ui-state-default.ui-state-hover {
  border: 0;
  color: #fff;
  background: #c87335;
}
html .ui-widget-content .ui-state-default.ui-state-highlight {
  background: #b46730;
  border-color: #b46730;
  color: #fff;
}
html .ui-widget-content .ui-state-default.ui-state-active {
  background: #a05b2b;
}
@media (max-width: 1240px) {
  .block__title {
    font-size: 4rem;
  }
}
@media (max-width: 1100px) {
  .block__title {
    font-size: 3.4rem;
  }
}
@media (min-width: 993px) {
  .hide-desktop {
    display: none;
  }
}
@media (max-width: 992px) {
  body {
    font-size: 1.6rem;
  }
  .hide-mobile {
    display: none;
  }
  .container {
    padding: 0 2rem;
  }
  .block__header {
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 0 2rem;
  }
  .block__header .block__title {
    width: 100%;
  }
  .block__header .block__text {
    max-width: 100%;
  }
}
@media (max-width: 460px) {
  .block__title {
    font-size: 3rem;
  }
}
@media (max-width: 420px) {
  .block__title {
    font-size: 2.6rem;
  }
}