/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[13].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[13].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[12].oneOf[13].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[12].oneOf[13].use[5]!./src/styles/style.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* Ruberoid - обычные варианты */
@font-face {
  font-family: "Ruberoid";
  src: url(/_next/static/media/Ruberoid-Regular.9ffa4f6a.woff2) format("woff2"), url(/_next/static/media/Ruberoid-Regular.7a9f7643.woff) format("woff");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Ruberoid";
  src: url(/_next/static/media/Ruberoid-Bold.07e2bd3f.woff2) format("woff2"), url(/_next/static/media/Ruberoid-Bold.6bd03513.woff) format("woff");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Ruberoid";
  src: url(/_next/static/media/Ruberoid-Light.7ee68f12.woff2) format("woff2"), url(/_next/static/media/Ruberoid-Light.21874558.woff) format("woff");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Ruberoid";
  src: url(/_next/static/media/Ruberoid-Medium.e619c812.woff2) format("woff2"), url(/_next/static/media/Ruberoid-Medium.68ba52b8.woff) format("woff");
  font-weight: 500;
  font-style: normal;
}
/* Ruberoid - курсив */
@font-face {
  font-family: "Ruberoid";
  src: url(/_next/static/media/Ruberoid-Oblique.e8a49172.woff2) format("woff2"), url(/_next/static/media/Ruberoid-Oblique.b6ae32bf.woff) format("woff");
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: "Ruberoid";
  src: url(/_next/static/media/Ruberoid-BoldOblique.73062139.woff2) format("woff2"), url(/_next/static/media/Ruberoid-BoldOblique.278bc9b2.woff) format("woff");
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: "Ruberoid";
  src: url(/_next/static/media/Ruberoid-LightOblique.6f621337.woff2) format("woff2"), url(/_next/static/media/Ruberoid-LightOblique.69c84e74.woff) format("woff");
  font-weight: 300;
  font-style: italic;
}
/* Ruberoid - Extra Light / Ultra Light */
@font-face {
  font-family: "Ruberoid";
  src: url(/_next/static/media/Ruberoid-ExtraLight.0576cda1.woff2) format("woff2"), url(/_next/static/media/Ruberoid-ExtraLight.3918d885.woff) format("woff");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: "Ruberoid";
  src: url(/_next/static/media/Ruberoid-ExtraLightOblique.55a6c3de.woff2) format("woff2"), url(/_next/static/media/Ruberoid-ExtraLightOblique.110b909a.woff) format("woff");
  font-weight: 200;
  font-style: italic;
}
/* Ruberoid - Extra Bold */
@font-face {
  font-family: "Ruberoid";
  src: url(/_next/static/media/Ruberoid-ExtraBold.35bc98cd.woff2) format("woff2"), url(/_next/static/media/Ruberoid-ExtraBold.6b841e0d.woff) format("woff");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "Ruberoid";
  src: url(/_next/static/media/Ruberoid-ExtraBoldOblique.f7ace2f5.woff2) format("woff2"), url(/_next/static/media/Ruberoid-ExtraBoldOblique.4ceae742.woff) format("woff");
  font-weight: 800;
  font-style: italic;
}
/* Ruberoid - Semi Bold */
@font-face {
  font-family: "Ruberoid";
  src: url(/_next/static/media/Ruberoid-SemiBold.ba2d1461.woff2) format("woff2"), url(/_next/static/media/Ruberoid-SemiBold.5f1a62cd.woff) format("woff");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "Ruberoid";
  src: url(/_next/static/media/Ruberoid-SemiBoldOblique.27280e37.woff2) format("woff2"), url(/_next/static/media/Ruberoid-SemiBoldOblique.b71af222.woff) format("woff");
  font-weight: 600;
  font-style: italic;
}
/* Ruberoid - Thin */
@font-face {
  font-family: "Ruberoid";
  src: url(/_next/static/media/Ruberoid-Thin.30a8ae1a.woff2) format("woff2"), url(/_next/static/media/Ruberoid-Thin.8a17222f.woff) format("woff");
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: "Ruberoid";
  src: url(/_next/static/media/Ruberoid-ThinOblique.77dd2d8c.woff2) format("woff2"), url(/_next/static/media/Ruberoid-ThinOblique.198415c8.woff) format("woff");
  font-weight: 100;
  font-style: italic;
}
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

body {
  margin: 0;
}

main {
  display: block;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: normal;
  margin: 0;
}

p {
  margin: 0;
}

a {
  background-color: transparent;
  text-decoration: none;
  color: inherit;
}

img {
  max-width: 100%;
  display: block;
}

button,
input,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

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

body {
  font-family: "Ruberoid";
  font-size: 16px;
  line-height: 1.5;
  color: #2A2A2A;
  background-color: #fff;
  padding-top: 98px;
}

header,
footer {
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.1);
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #2A2A2A;
  font-weight: 600;
  font-size: 40px;
  line-height: 48px;
  letter-spacing: 3%;
}

@media screen and (max-width: 768px) {
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-size: 20px;
    line-height: 28px;
  }
}
a {
  color: #2A2A2A;
  text-decoration: none;
  transition: all 0.2s;
}

a:hover {
  opacity: 0.7;
}

ul,
ol {
  padding: 0;
  margin: 0;
  list-style: none;
}

.container {
  width: 100%;
  margin: 0 auto;
  max-width: 1350px;
  padding: 0 15px;
}

input,
textarea {
  transition: all 0.2s;
}

input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
  display: none;
}

.btn {
  padding: 15px 26px;
  border-radius: 16px;
  display: flex;
  align-items: center;
  position: relative;
}
.btn:after {
  content: "";
  position: absolute;
  left: 2px;
  top: 2px;
  background: linear-gradient(84.19deg, #3D73EB 4.99%, #DE8FFF 97.91%);
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  border-radius: 15px;
  transition: all 0.2s;
  opacity: 0;
}
.btn:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 18px;
  border: 2px double rgba(255, 255, 255, 0);
  background: linear-gradient(84.19deg, #3D73EB 4.99%, #DE8FFF 97.91%) border-box;
  -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0) border-box;
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
  transition: all 0.3s;
}
.btn span {
  position: relative;
  z-index: 15;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  color: #3D73EB;
  transition: all 0.2s;
  white-space: nowrap;
}
.btn img {
  position: relative;
  z-index: 15;
  margin-right: 10px;
  transition: all 0.2s;
}
.btn:hover {
  opacity: 1;
}
.btn:hover:after {
  opacity: 1;
}
.btn:hover span {
  color: #fff;
}
.btn:hover img {
  filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(2%) hue-rotate(156deg) brightness(111%) contrast(101%);
}

.btn-fill {
  transition: all 0.2s;
}
.btn-fill:hover {
  opacity: 0.7;
}
.btn-fill:after {
  opacity: 1;
}
.btn-fill span {
  color: #fff;
}

.mask {
  overflow: hidden;
  -webkit-mask-image: url("/images/mask.svg");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-image: url("/images/mask.svg");
  mask-repeat: no-repeat;
  mask-size: 100% 100%;
  filter: drop-shadow(0 4px 17px rgba(0, 0, 0, 0.25));
}
.mask:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 15;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.4) 20.87%, rgba(0, 0, 0, 0) 91.22%);
}
.mask img, .mask video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.tabs-nav {
  display: flex;
  gap: 24px;
}

.tab-btn {
  cursor: pointer;
  background: none;
  border: none;
  outline: none;
  transition: all 0.3s;
  font-weight: 600;
  font-size: 20px;
  line-height: 34px;
  letter-spacing: 3%;
  color: #7B7B7B;
  position: relative;
}
.tab-btn:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  height: 2px;
  transition: all 0.3s;
  background: linear-gradient(84.19deg, #3D73EB 4.99%, #DE8FFF 97.91%);
}
.tab-btn.active {
  border-bottom-color: #3D73EB;
  color: #C277F1;
}
.tab-btn.active:before {
  width: 100%;
}

.tabs-content {
  margin-top: 20px;
  position: relative;
  height: 454px;
}

.tab-panel {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  opacity: 0;
  visibility: hidden;
  max-height: 0;
  transition: opacity 0.7s, max-height 0.4s, visibility 0.7s;
}
.tab-panel.active {
  opacity: 1;
  visibility: visible;
  max-height: 500px;
}

@media screen and (max-width: 700px) {
  .tabs-nav {
    padding: 0 15px;
  }
}
.section-breadcrumbs h1 {
  font-size: 48px;
  line-height: 48px;
  margin-top: 25px;
}

.section-breadcrumbs .container {
  padding: 25px 15px;
  position: relative;
}

.section-breadcrumbs .container .page-search {
  position: absolute;
  right: 15px;
  bottom: 25px;
}

.section-breadcrumbs .container .page-search input {
  width: 279px;
  padding: 11px 15px 11px 51px;
  border: 2px solid #DEDEDE;
  border-radius: 14px;
  outline: none;
  background: url("/images/p_search.svg") no-repeat 15px center;
}

.section-breadcrumbs .container .page-search input::placeholder {
  color: #DEDEDE;
}

.section-breadcrumbs .breadcrumbs {
  display: flex;
  align-items: center;
}

.section-breadcrumbs .breadcrumbs li {
  display: flex;
  align-items: center;
}

.section-breadcrumbs .breadcrumbs li a {
  font-weight: 400;
  font-size: 13px;
  line-height: 100%;
  letter-spacing: 0%;
  color: #7B7B7B;
}

.section-breadcrumbs .breadcrumbs li span {
  font-weight: 400;
  font-size: 13px;
  line-height: 100%;
  letter-spacing: 0%;
  color: #2A2A2A;
}

.section-breadcrumbs .breadcrumbs li .separator {
  color: #7B7B7B;
  margin: 0 5px;
}

@media screen and (max-width: 600px) {
  .page-search {
    display: none;
  }
  .section-breadcrumbs h1 {
    font-size: 28px;
    line-height: 28px;
  }
}
.navigation-page {
  grid-column: span 3/auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.navigation-page {
  display: flex;
  align-items: center;
  justify-content: space-between;
  grid-column: span 3/auto;
  margin-top: 25px;
}
.navigation-page ul {
  display: flex;
  align-items: center;
}
.navigation-page ul li {
  width: 30px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 5px;
}
.navigation-page ul li a {
  font-weight: 500;
  font-size: 16px;
  line-height: 140%;
  letter-spacing: 0px;
  color: #7B7B7B;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.navigation-page ul .current {
  pointer-events: none;
  cursor: default;
  border-bottom: 1px solid #C277F1;
}
.navigation-page ul .current a {
  color: #C277F1;
}
.navigation-page ul .prev {
  background: url("/images/prev.svg") no-repeat 40% center;
}
.navigation-page ul .next {
  background: url("/images/next.svg") no-repeat 60% center;
}
.navigation-page ul .prev, .navigation-page ul .next {
  background: linear-gradient(84.19deg, #3D73EB 4.99%, #DE8FFF 97.91%);
  border-radius: 100%;
  margin: 0;
  width: 40px;
  transition: all 0.2s;
  position: relative;
  cursor: pointer;
}
.navigation-page ul .prev:before, .navigation-page ul .next:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  z-index: 20;
  width: 28px;
  height: 28px;
  transition: all 0.2s;
}
.navigation-page ul .prev:after, .navigation-page ul .next:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  z-index: 19;
  background: #fff;
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  border-radius: 100%;
  transition: all 0.2s;
}
.navigation-page ul .prev:hover:after, .navigation-page ul .next:hover:after {
  opacity: 0;
}
.navigation-page ul .prev:hover:before, .navigation-page ul .next:hover:before {
  filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(144deg) brightness(102%) contrast(102%);
}
.navigation-page ul .prev:before {
  left: 50%;
  background: url("/images/prev.svg") no-repeat center center;
}
.navigation-page ul .next:before {
  left: 55%;
  background: url("/images/next.svg") no-repeat center center;
}
.navigation-page ul .prev.disabled, .navigation-page ul .next.disabled {
  border-color: #A5A5A5;
  pointer-events: none;
  cursor: default;
  opacity: 0.5;
}

@media screen and (max-width: 900px) {
  .navigation-page {
    grid-column: span 2/auto;
  }
}
@media screen and (max-width: 600px) {
  .navigation-page {
    grid-column: span 1/auto;
    flex-direction: column-reverse;
  }
}
.site-header {
  padding: 23px 0;
  background: #fff;
  border-radius: 0 0 14px 14px;
  z-index: 30;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
}
.site-header__logo {
  display: flex;
  align-items: center;
}
.site-header__logo span {
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 0%;
  color: #7B7B7B;
  margin-left: 10px;
}
.site-header__wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.site-header__navigation {
  display: flex;
  align-items: center;
}
.site-header__navigation li:not(:last-child) {
  margin-right: 30px;
}
.site-header__navigation li a {
  font-weight: 600;
  font-size: 18px;
  line-height: 20px;
  letter-spacing: 3%;
}
.site-header__right-elements {
  display: flex;
  align-items: center;
  gap: 30px;
  position: relative;
}
.site-header__search-wrapper {
  position: absolute;
  left: -15px;
  top: 0;
  z-index: 16;
  transition: all 0.2s;
  width: 0;
  visibility: hidden;
  overflow: hidden;
}
.site-header__search-wrapper input {
  width: 100%;
  padding: 11px 15px 11px 51px;
  border: 2px solid #7B7B7B;
  border-radius: 14px;
  outline: none;
}
.site-header__search-wrapper.active {
  width: calc(100% + 15px);
  visibility: visible;
}
.site-header__search {
  position: relative;
  z-index: 17;
}

.burger {
  display: none;
}

.m_icon {
  display: none;
}

.language-wrapper {
  position: relative;
}
.language-wrapper__list {
  position: absolute;
  top: 200%;
  right: 0;
  padding: 10px 15px;
  background: #fff;
  min-width: 80px;
  box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.0901960784);
  border-radius: 8px;
  opacity: 0;
  transition: all 0.2s;
  transform: translateX(-25px);
  visibility: hidden;
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 250px;
}
.language-wrapper__list a {
  display: flex;
  align-items: center;
}
.language-wrapper__list a span {
  margin-left: 5px;
  display: block;
  font-weight: 600;
  font-size: 18px;
  line-height: 20px;
}
.language-wrapper__list.active {
  opacity: 1;
  transform: translateX(0px);
  visibility: visible;
}

.overlay-menu {
  visibility: hidden;
  opacity: 0;
  transition: all 0.3s;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 99;
  background: rgba(217, 217, 217, 0.6);
}

.mobile-menu {
  visibility: hidden;
  opacity: 0;
  transition: all 0.3s;
  position: fixed;
  left: 0;
  top: 0;
  transform: translateX(-110%);
  width: 100%;
  height: 100%;
  z-index: 100;
  background: #fff;
  padding: 20px;
}
.mobile-menu__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #e8e8e8;
  padding-bottom: 20px;
  position: relative;
}
.mobile-menu__head span {
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  color: #7B7B7B;
}
.mobile-menu__head .close-menu {
  width: 15px;
  height: 15px;
  background: url("/images/close.svg") no-repeat center center;
}
.mobile-menu__language {
  position: absolute;
  left: 60px;
  top: 2px;
}
.mobile-menu__navigation {
  padding: 20px 0;
  border-bottom: 1px solid #e8e8e8;
  margin-bottom: 20px;
}
.mobile-menu__navigation li:not(:last-child) {
  margin-bottom: 15px;
}
.mobile-menu__navigation a {
  font-weight: 600;
  font-size: 18px;
  line-height: 100%;
}
.mobile-menu .btn {
  justify-content: center;
  isolation: isolate;
}
.mobile-menu__login {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #e8e8e8;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.mobile-menu__login .btn {
  width: 100%;
}
.mobile-menu__login p {
  font-weight: 400;
  font-size: 15px;
  line-height: 24px;
  display: block;
  margin: 10px 0;
}
.mobile-menu__login a:not(.btn) {
  font-weight: 400;
  font-size: 15px;
  line-height: 24px;
  display: block;
  color: #C277F1;
}
.mobile-menu__contacts {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #e8e8e8;
}
.mobile-menu__phone {
  font-weight: 700;
  font-size: 21px;
  line-height: 100%;
  margin-bottom: 10px;
}
.mobile-menu__mail {
  font-weight: 400;
  font-size: 17px;
  line-height: 100%;
  color: #C277F1;
}
.mobile-menu__social span {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #7B7B7B;
  display: block;
  margin-bottom: 10px;
}
.mobile-menu__social ul {
  display: flex;
  align-items: center;
}
.mobile-menu__social ul li {
  margin-right: 20px;
}
.mobile-menu__social ul li a {
  display: flex;
  align-items: center;
}
.mobile-menu__social ul li a span {
  color: #2A2A2A;
  margin-right: 5px;
  margin-bottom: 0;
}

.overlay-menu.active {
  visibility: visible;
  opacity: 1;
}

.mobile-menu.active {
  visibility: visible;
  opacity: 1;
  transform: translateX(0);
}

@media screen and (max-width: 1100px) {
  .burger {
    display: block;
  }
  .site-header__navigation {
    display: none;
  }
  .site-header__logo {
    margin-left: 20px;
    margin-right: auto;
  }
  .site-header__logo img {
    max-width: 121px;
  }
  .site-header .btn {
    background: none;
    padding: 0;
  }
  .site-header .btn:before {
    display: none;
  }
  .site-header .btn:after {
    display: none;
  }
  .site-header .btn:hover img {
    filter: none;
  }
  .site-header .btn span {
    display: none;
  }
  .site-header .btn img {
    width: 21px;
    height: auto;
  }
  .language-wrapper {
    display: none;
  }
  .mobile-menu__language .language-wrapper {
    display: block;
  }
  .site-header__right-elements {
    gap: 15px;
  }
  .d_icon {
    display: none;
  }
  .m_icon {
    display: block;
  }
  .site-header {
    padding: 20px 0;
  }
  .site-header__right-elements {
    position: initial;
  }
  .site-header__wrapper {
    position: relative;
  }
  .site-header__search-wrapper {
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
  }
  .site-header__search-wrapper input {
    width: 0;
  }
  .site-header__search-wrapper.active {
    width: 100%;
    z-index: 17;
  }
  .site-header__search-wrapper.active input {
    width: 100%;
    padding-left: 15px;
  }
}
@media screen and (max-width: 600px) {
  .site-header__logo span {
    display: none;
  }
  .site-header__logo img {
    height: 50px;
  }
}
.site-footer {
  padding: 60px 0;
  background: #fff;
  border-radius: 30px 30px 0 0;
}
.site-footer__wrapper {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  position: relative;
  padding-right: 60px;
}
.site-footer__bottom {
  position: absolute;
  right: 0;
  bottom: 0;
}
.site-footer__bottom ul {
  display: flex;
  align-items: center;
  gap: 22px;
}
.site-footer__column {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.site-footer__column span {
  font-weight: 600;
  font-size: 22px;
  line-height: 100%;
  letter-spacing: 0px;
  margin-bottom: 18px;
  display: block;
}
.site-footer__column ul li {
  margin-bottom: 18px;
}
.site-footer__column ul li a {
  font-weight: 500;
  font-size: 16px;
  line-height: 100%;
}
.site-footer__column:nth-child(2) {
  margin-left: 30px;
}
.site-footer__column:nth-child(2) ul {
  column-count: 2;
}
.site-footer__column:nth-child(2) ul li {
  margin-right: 30px;
}
.site-footer__logo {
  margin-bottom: 13px;
}
.site-footer__logo-desc {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 3%;
  max-width: 212px;
  margin-bottom: 34px;
}
.site-footer__phone {
  font-weight: 600;
  font-size: 21px;
  line-height: 100%;
  letter-spacing: 0px;
  margin-bottom: 12px;
}
.site-footer__mail {
  font-weight: 500;
  font-size: 17px;
  line-height: 100%;
  color: #C277F1;
  border-bottom: 1px solid #C277F1;
  margin-bottom: 34px;
}
.site-footer__mail:hover {
  border-bottom-color: transparent;
}
.site-footer__social ul {
  display: flex;
  align-items: center;
  gap: 20px;
}
.site-footer__social ul li {
  margin-bottom: 0;
}
.site-footer__social ul li a {
  display: flex;
  align-items: center;
  gap: 10px;
}
.site-footer__social ul li a p {
  font-weight: 500;
  font-size: 17px;
  line-height: 100%;
}
.site-footer__copyright {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 44px;
}
.site-footer__copyright p {
  display: flex;
  align-items: center;
  font-weight: 500;
  font-size: 12px;
  line-height: 20px;
  letter-spacing: 0%;
  color: #7B7B7B;
}
.site-footer__copyright p a {
  color: #7B7B7B;
  display: flex;
  align-items: center;
}
.site-footer__copyright p a img {
  margin: 0 5px;
}

@media screen and (max-width: 850px) {
  .site-footer__column:nth-child(2) ul {
    column-count: 1;
  }
  .site-footer__wrapper {
    padding-right: 0;
    padding-bottom: 60px;
  }
}
@media screen and (max-width: 600px) {
  .site-footer__wrapper {
    flex-direction: column;
    gap: 60px;
  }
  .site-footer__column:nth-child(2) ul {
    column-count: 2;
  }
  .site-footer__column:nth-child(2) {
    margin-left: 0;
  }
  .site-footer__bottom ul {
    flex-wrap: wrap;
  }
  .site-footer__wrapper {
    padding-bottom: 100px;
  }
  .site-footer__copyright {
    flex-direction: column;
    gap: 20px;
    align-items: flex-start;
  }
}
/*.popup {
	opacity: 0;
	visibility: hidden;
	transition: all 0.2s;

	&.popup--visible {
		opacity: 1;
		visibility: visible;
		background: transparent;
		margin: 0;
		display: flex;
	}

	&.popup--visible .popup__container_login {
		transform: translateX(0);
	}

	&.popup--visible .popup__container_registration {
		transform: translateX(100%);
	}

	&.popup--visible.popup--visible-reg {
		opacity: 1;
		visibility: visible;
	}

	&.popup--visible.popup--visible-reg .popup__container_login {
		transform: translateX(100%);
	}

	&.popup--visible.popup--visible-reg .popup__container_registration {
		transform: translateX(0);
	}

	& {
		position: fixed;
		inset: 0;
		display: flex;
		justify-content: flex-end;
		align-items: center;
		z-index: 1000;
		&__overlay {
		position: absolute;
		inset: 0;
		background: rgba(0, 0, 0, 0.5);
		}
		&__container {
		position: absolute;
		background: #fff;
		padding: 40px;
		width: 100%;
		max-width: 450px;
		height: 100vh;
		display: flex;
		align-items: center;
		flex-direction: column;
		border-radius: 0;
		box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
		transform: translateX(100%);
		transition: all 0.2s;
		overflow-y: auto;
		}
	}

	&__container form {
		width: 100%;
	}

	& {
		font-size: 1.5rem;
		font-weight: 600;
		margin-bottom: 0.5rem;
		text-align: center;
		&__subtext {
		font-size: 0.9rem;
		color: #666;
		margin-bottom: 1.5rem;
		text-align: center;
		}
		&__field {
		margin-bottom: 1rem;
		}
	}

	&__header {
		font-size: 1.5rem;
		font-weight: 600;
		margin-bottom: 0.5rem;
		text-align: center;
	}

	&__field input {
		outline: none;
	}

	&__field input:focus {
		border-color: #3D73EB;
	}

	& {
		display: block;
		margin-bottom: 0.3rem;
		font-weight: 500;
		font-size: 14px;
		&__input {
		width: 100%;
		padding: 0.6rem;
		border: 1px solid #ccc;
		border-radius: 6px;
		font-size: 1rem;
		}
		&__forgot {
		text-align: right;
		margin-bottom: 1rem;
		}
		&__link {
		color: #007bff;
		text-decoration: none;
		font-size: 0.9rem;
		}
		&__link:hover {
		text-decoration: underline;
		}
		&__button {
		width: 100%;
		background: none;
		border: none;
		font-size: 1rem;
		cursor: pointer;
		outline: none;
		justify-content: center;
		}
	}

	& .btn {
		width: 100%;
		background: none;
		border: none;
		font-size: 1rem;
		cursor: pointer;
		outline: none;
		justify-content: center;
	}

	& {
		text-align: center;
		margin: 1.5rem 0;
		font-weight: 500;
		color: #999;
		&__socials {
		display: flex;
		flex-direction: column;
		gap: 0.5rem;
		width: 100%;
		}
		&__close {
		width: 15px;
		height: 15px;
		position: absolute;
		right: 20px;
		top: 20px;
		background: url("/images/close.svg") no-repeat center center;
		}
		&__social {
		padding: 0.6rem;
		border-radius: 6px;
		background: none;
		border: 1px solid #d3d3d3;
		cursor: pointer;
		text-align: center;
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
		transition: all 0.2s;
		}
	}

	&__social img {
		margin-right: 10px;
	}

	& {
		color: #2A2A2A;
		&__social--google:hover {
		border-color: #db4437;
		}
		&__social--facebook {
		color: #2A2A2A;
		}
		&__social--facebook:hover {
		border-color: #4267B2;
		}
		&__social--yandex {
		color: #2A2A2A;
		}
		&__social--yandex:hover {
		border-color: #db4437;
		}
		&__social--vk {
		color: #2A2A2A;
		}
		&__social--vk:hover {
		border-color: #4a76a8;
		}
		&__footer {
		margin-top: 1.5rem;
		text-align: center;
		font-size: 0.9rem;
		}
		&__options {
		display: flex;
		flex-direction: column;
		gap: 1rem;
		margin: 1.5rem 0;
		}
		&__option {
		padding: 1rem;
		border: 2px solid #E6E6E6;
		border-radius: 8px;
		cursor: pointer;
		transition: border-color 0.3s, background 0.3s;
		}
	}

	&__option .popup__title {
		display: flex;
		align-items: center;
		font-size: 20px;
		line-height: 32px;
	}

	&__option .popup__title img {
		margin-right: 10px;
	}

	& {
		border-color: #007bff;
		background: #f0f8ff;
		box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.0901960784);
		&__title {
		font-weight: 600;
		margin-bottom: 0.5rem;
		}
		&__desc {
		color: #555;
		font-size: 14px;
		line-height: 20px;
		}
	}
}*/
.popup {
  opacity: 0;
  visibility: hidden;
  transition: all 0.2s;
}

.popup.popup--visible {
  opacity: 1;
  visibility: visible;
}

.popup.popup--visible .popup__container_login {
  transform: translateX(0);
}

.popup.popup--visible .popup__container_registration {
  transform: translateX(100%);
}

.popup.popup--visible.popup--visible-reg {
  opacity: 1;
  visibility: visible;
}

.popup.popup--visible.popup--visible-reg .popup__container_login {
  transform: translateX(100%);
}

.popup.popup--visible.popup--visible-reg .popup__container_registration {
  transform: translateX(0);
}

.popup--auth {
  position: fixed;
  inset: 0;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  z-index: 1000;
}

.popup__overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.5);
}

.popup__container {
  position: absolute;
  background: #fff;
  padding: 40px;
  width: 100%;
  max-width: 450px;
  height: 100vh;
  display: flex;
  align-items: center;
  flex-direction: column;
  border-radius: 0;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
  transform: translateX(100%);
  transition: all 0.2s;
  overflow-y: auto;
}

.popup__container form {
  width: 100%;
}

.popup__header {
  font-size: 1.5rem;
  font-weight: 600;
  margin-bottom: 0.5rem;
  text-align: center;
}

.popup__subtext {
  font-size: 0.9rem;
  color: #666;
  margin-bottom: 1.5rem;
  text-align: center;
}

.popup__field {
  margin-bottom: 1rem;
}

.popup__field input {
  outline: none;
}

.popup__field input:focus {
  border-color: #3D73EB;
}

.popup__label {
  display: block;
  margin-bottom: 0.3rem;
  font-weight: 500;
  font-size: 14px;
}

.popup__input {
  width: 100%;
  padding: 0.6rem;
  border: 1px solid #ccc;
  border-radius: 6px;
  font-size: 1rem;
}

.popup__forgot {
  text-align: right;
  margin-bottom: 1rem;
}

.popup__link {
  color: #007bff;
  text-decoration: none;
  font-size: 0.9rem;
}

.popup__link:hover {
  text-decoration: underline;
}

.popup__button {
  width: 100%;
  background: none;
  border: none;
  font-size: 1rem;
  cursor: pointer;
  outline: none;
  justify-content: center;
}

.popup .btn {
  width: 100%;
  background: none;
  border: none;
  font-size: 1rem;
  cursor: pointer;
  outline: none;
  justify-content: center;
}

.popup__divider {
  text-align: center;
  margin: 1.5rem 0;
  font-weight: 500;
  color: #999;
}

.popup__socials {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  width: 100%;
}

.popup__close {
  width: 15px;
  height: 15px;
  position: absolute;
  right: 20px;
  top: 20px;
  background: url("/images/close.svg") no-repeat center center;
}

.popup__social {
  padding: 0.6rem;
  border-radius: 6px;
  background: none;
  border: 1px solid #d3d3d3;
  cursor: pointer;
  text-align: center;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s;
}

.popup__social img {
  margin-right: 10px;
}

.popup__social--google {
  color: #2A2A2A;
}

.popup__social--google:hover {
  border-color: #db4437;
}

.popup__social--facebook {
  color: #2A2A2A;
}

.popup__social--facebook:hover {
  border-color: #4267B2;
}

.popup__social--yandex {
  color: #2A2A2A;
}

.popup__social--yandex:hover {
  border-color: #db4437;
}

.popup__social--vk {
  color: #2A2A2A;
}

.popup__social--vk:hover {
  border-color: #4a76a8;
}

.popup__footer {
  margin-top: 1.5rem;
  text-align: center;
  font-size: 0.9rem;
}

.popup__options {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin: 1.5rem 0;
}

.popup__option {
  padding: 1rem;
  border: 2px solid #E6E6E6;
  border-radius: 8px;
  cursor: pointer;
  transition: border-color 0.3s, background 0.3s;
}

.popup__option .popup__title {
  display: flex;
  align-items: center;
  font-size: 20px;
  line-height: 32px;
}

.popup__option .popup__title img {
  margin-right: 10px;
}

.popup__option.is-active {
  border-color: #007bff;
  background: #f0f8ff;
  box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.0901960784);
}

.popup__title {
  font-weight: 600;
  margin-bottom: 0.5rem;
}

.popup__desc {
  color: #555;
  font-size: 14px;
  line-height: 20px;
}

.section-banner {
  height: 577px;
  position: relative;
  margin-top: -12px;
}
.section-banner:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(33, 33, 33, 0.6) 0%, rgba(33, 33, 33, 0) 124.62%);
}
.section-banner__content {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
.section-banner__content .container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.section-banner__content .container h1 {
  font-weight: 600;
  font-size: 48px;
  line-height: 48px;
  margin-bottom: 20px;
  color: #fff;
  max-width: 687px;
  letter-spacing: 3%;
}
.section-banner__content .container p {
  max-width: 746px;
  color: #E5E5E5;
  font-weight: 400;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: 3%;
  margin-bottom: 26px;
}
.section-banner__content .container .btn span {
  color: #fff;
}
.section-banner video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media screen and (max-width: 768px) {
  .section-banner__content .container h1 {
    font-size: 38px;
    line-height: 38px;
    max-width: 550px;
  }
  .section-banner__content .container p {
    max-width: 650px;
    font-size: 16px;
    line-height: 24px;
  }
}
@media screen and (max-width: 650px) {
  .section-banner__content .container h1 {
    font-size: 24px;
    line-height: 26px;
    letter-spacing: 3%;
    max-width: 344px;
  }
  .section-banner__content .container p {
    font-size: 15px;
    line-height: 21px;
    max-width: 358px;
  }
}
.section-category {
  padding: 60px 0;
  background: linear-gradient(180deg, rgba(234, 204, 231, 0.2) 0%, rgba(234, 204, 231, 0.2) 100%);
  -webkit-backdrop-filter: blur(74px);
          backdrop-filter: blur(74px);
}
.section-category__wrapper {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 13px;
}
.section-category__item {
  height: 205px;
  position: relative;
}
.section-category__item:hover {
  opacity: 1;
}
.section-category__item:hover .section-category__more:before {
  opacity: 1;
}
.section-category__item:hover .section-category__more:after {
  opacity: 1;
}
.section-category__item:hover .section-category__more img {
  opacity: 0;
}
.section-category__item .mask {
  height: 205px;
  -webkit-mask-image: url("/images/mask-left-c.svg"), url("/images/mask-center-c.svg"), url("/images/mask-right-c.svg");
  -webkit-mask-repeat: no-repeat, no-repeat, no-repeat;
  -webkit-mask-position: left center, 60px center, right center;
  -webkit-mask-size: 60px 100%, calc(100% - 200px) 100%, 140px 100%;
  mask-image: url("/images/mask-left-c.svg"), url("/images/mask-center-c.svg"), url("/images/mask-right-c.svg");
  mask-repeat: no-repeat, no-repeat, no-repeat;
  mask-position: left center, 60px center, right center;
  mask-size: 60px 100%, calc(100% - 200px) 100%, 140px 100%;
  /* Объединяем */
  -webkit-mask-composite: source-over, source-over, source-over;
  mask-composite: add;
}
.section-category__content {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  padding: 13px 16px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  z-index: 17;
}
.section-category__title {
  font-weight: 600;
  font-size: 18px;
  line-height: 18px;
  letter-spacing: 3%;
  padding: 6px 12px;
  background: rgba(255, 255, 255, 0.6);
  border-radius: 20px;
  margin-bottom: 9px;
  color: #2A2A2A;
}
.section-category__desc {
  font-weight: 500;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: 3%;
  color: #fff;
}
.section-category__more {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 68px;
  height: 68px;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(158.72deg, rgba(61, 115, 235, 0.12) 3.01%, rgba(222, 143, 255, 0.12) 103.3%);
  -webkit-backdrop-filter: blur(92px);
          backdrop-filter: blur(92px);
  overflow: hidden;
  transition: all 0.2s;
}
.section-category__more:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateY(-50%) translateX(-50%);
  width: 68px;
  height: 68px;
  z-index: 17;
  background: linear-gradient(158.72deg, rgba(194, 119, 241, 0.43) 3.01%, rgba(194, 119, 241, 0.46) 103.3%);
  -webkit-backdrop-filter: blur(72px);
          backdrop-filter: blur(72px);
  border-radius: 100%;
  opacity: 0;
  transition: all 0.3s;
}
.section-category__more:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateY(-50%) translateX(-50%);
  width: 68px;
  height: 68px;
  z-index: 18;
  background: url("/images/arrow_d.svg") no-repeat center center;
  opacity: 0;
  transition: all 0.3s;
}
.section-category__more img {
  width: 36px;
  height: 36px;
  transition: all 0.3s;
}

@media screen and (max-width: 1200px) {
  .section-category__wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 700px) {
  .section-category__wrapper {
    grid-template-columns: repeat(1, 1fr);
  }
}
.section-people-list {
  padding: 40px 0 60px;
  background: #fff;
  overflow: hidden;
}
.section-people-list__head {
  display: flex;
  align-items: center;
}
.section-people-list__head h2 {
  margin-right: 60px;
}
.section-people-list__item {
  position: relative;
}
.section-people-list__item_status {
  position: absolute;
  right: -23px;
  bottom: 12px;
  background: rgba(61, 115, 235, 0.3);
  padding: 4px 40px;
  font-weight: 500;
  font-size: 20px;
  line-height: 20px;
  letter-spacing: 3%;
  color: #3D73EB;
  transform: rotate(-40deg);
}
.section-people-list__item:before {
  content: "";
  position: absolute;
  left: 3px;
  top: 5px;
  width: 60px;
  height: 60px;
  z-index: 17;
  background: url("/images/rounding.svg") no-repeat center center;
}
.section-people-list__item_head {
  display: flex;
  align-items: center;
  padding-left: 76px;
  padding-top: 14px;
  padding-bottom: 9px;
}
.section-people-list__item_avatar {
  position: absolute;
  left: 0;
  top: 0;
  width: 52px;
  height: 52px;
  border-radius: 100%;
  overflow: hidden;
}
.section-people-list__item_name {
  position: relative;
  max-width: 130px;
}
.section-people-list__item_name span {
  margin-bottom: 3px;
  position: relative;
  display: flex;
  align-items: center;
}
.section-people-list__item_name span p {
  font-weight: 600;
  font-size: 16px;
  line-height: 18px;
  letter-spacing: 3%;
  width: calc(100% - 21px);
  color: #2A2A2A;
}
.section-people-list__item_name p {
  font-weight: 400;
  font-size: 14px;
  line-height: 14px;
  letter-spacing: 3%;
  color: #7B7B7B;
}
.section-people-list__item_name .checkmark {
  width: 21px;
  height: 21px;
  background: url("/images/checkmark.svg") no-repeat center center;
  display: block;
}
.section-people-list__item_more {
  position: absolute;
  right: 14px;
  top: 14px;
  width: 34px;
  height: 34px;
  border-radius: 100%;
  background: #F4F4F4 url("/images/dots.svg") no-repeat center center;
}
.section-people-list__item_photo {
  position: relative;
  overflow-x: auto;
  scrollbar-width: none;
  cursor: -webkit-grab;
  cursor: grab;
  margin-bottom: 20px;
  margin-left: -14px;
  width: calc(100% + 28px);
  padding-right: 14px;
}
.section-people-list__item_photo img {
  width: 108px;
  height: 108px;
  border-radius: 20px;
  object-fit: cover;
  flex: 0 0 auto;
}
.section-people-list__item_photo img:last-child {
  margin-right: 14px;
}
.section-people-list__item_photo-wrapper {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 0 14px;
}
.section-people-list__item_content {
  margin-bottom: 26px;
}
.section-people-list__item_content p {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 3%;
  color: #7B7B7B;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -moz-box;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  line-clamp: 4;
  box-orient: vertical;
}
.section-people-list__item_info {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.section-people-list__item_left {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.section-people-list__item_price {
  color: #7B7B7B;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 3%;
  display: flex;
  align-items: center;
}
.section-people-list__item_price span {
  font-weight: 600;
  font-size: 20px;
  line-height: 20px;
  letter-spacing: 3%;
  color: #2A2A2A;
  display: block;
  margin-left: 5px;
}
.section-people-list__item_rating {
  display: flex;
  align-items: center;
  margin-top: 6px;
}
.section-people-list__item_rating ul {
  display: flex;
  align-items: center;
  list-style: none;
  padding: 0;
  margin: 0;
}
.section-people-list__item_rating ul li {
  width: 21px;
  height: 21px;
  background: url("/images/def_star.svg") no-repeat center center;
}
.section-people-list__item_rating ul li.filled {
  background: url("/images/fill_star.svg") no-repeat center center;
}
.section-people-list__item_rating span {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 3%;
  color: #7B7B7B;
}
.section-people-list__item_buttons {
  display: flex;
  align-items: center;
  gap: 10px;
}
.section-people-list__item_types {
  padding: 0 14px 14px;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 17;
}
.section-people-list__item_types ul {
  display: flex;
  align-items: center;
}
.section-people-list__item_types ul li {
  width: 48px;
  height: 48px;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0px 4px 22px 0px rgba(0, 0, 0, 0.0588235294);
  background: #fff;
  cursor: pointer;
  position: relative;
  transition: all 0.3s;
}
.section-people-list__item_types ul li p {
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  letter-spacing: 3%;
  color: #C277F1;
  transition: all 0.3s;
  z-index: 15;
}
.section-people-list__item_types ul li span {
  position: absolute;
  left: auto;
  top: 130%;
  transform: translateY(-50%);
  display: flex;
  padding: 9px 16px;
  font-weight: 400;
  font-size: 12px;
  line-height: 100%;
  letter-spacing: 0%;
  color: #2A2A2A;
  background: #F4F4F4;
  border-radius: 5px;
  z-index: 16;
  transition: all 0.3s;
  opacity: 0;
  visibility: hidden;
  white-space: nowrap;
}
.section-people-list__item_types ul li img {
  transition: all 0.2s;
  z-index: 15;
}
.section-people-list__item_types ul li:after {
  position: absolute;
  width: 100%;
  height: 100%;
  content: "";
  left: 0;
  top: 0;
  border-radius: 100%;
  background: linear-gradient(128.47deg, #3D73EB 14.81%, #DE8FFF 83.93%);
  transition: all 0.3s;
  opacity: 0;
}
.section-people-list__item_types ul li:not(:first-child) {
  margin-left: -15px;
}
.section-people-list__item_types ul li:hover span {
  opacity: 1;
  visibility: visible;
}
.section-people-list__item_types ul li:hover p {
  color: #fff;
}
.section-people-list__item_types ul li:hover:after {
  opacity: 1;
}
.section-people-list__item_types ul li:hover img {
  filter: brightness(0) saturate(100%) invert(100%) sepia(4%) saturate(0%) hue-rotate(338deg) brightness(105%) contrast(100%);
}
.section-people-list__item_wrapper {
  padding: 14px;
  z-index: 17;
  position: relative;
  overflow: hidden;
  padding-bottom: 82px;
}
.section-people-list__item_back {
  position: absolute;
  inset: 0;
  /* top:0; right:0; bottom:0; left:0 */
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.section-people-list__item_back::after {
  content: "";
  top: 0;
  right: 0;
  position: absolute;
  border-radius: 16px;
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.1);
  pointer-events: none;
  z-index: -1;
  width: 80%;
  height: 61px;
}
.section-people-list__item_back::before {
  content: "";
  bottom: 0;
  right: 0;
  position: absolute;
  border-radius: 16px;
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.1);
  pointer-events: none;
  z-index: -1;
  width: 100%;
  height: calc(100% - 61px);
}
.section-people-list__item_back-top {
  width: calc(100% - 62px);
  height: 61px;
  background: #fff;
  border-radius: 16px 16px 0 0;
}
.section-people-list__item_back-bottom {
  width: 100%;
  height: calc(100% - 61px);
  flex: 1 1;
  background: #fff;
  border-radius: 16px 0 16px 16px;
}
.section-people-list__item svg.masked {
  display: none;
}
.section-people-list {
  position: relative;
}
.section-people-list .swiper-pagination {
  display: block;
  top: auto;
  bottom: -40px !important;
}
.section-people-list .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
}
.section-people-list .swiper-pagination-bullet-active {
  background: linear-gradient(128.47deg, rgba(61, 115, 235, 0.6) 14.81%, rgba(222, 143, 255, 0.7) 83.93%);
}

@media screen and (max-width: 1070px) {
  .section-people-list__head {
    flex-direction: column;
    align-items: flex-start;
  }
  .section-people-list__head h2 {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 700px) {
  .section-people-list__head_nav {
    overflow-y: scroll;
    width: calc(100% + 30px);
    margin-left: -15px;
  }
}
.section-about {
  padding: 60px 0;
}
.section-about__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 30px;
}
.section-about__wrapper {
  display: flex;
  gap: 20px;
}
.section-about__images {
  width: 45%;
}
.section-about__images img {
  border-radius: 30px;
}
.section-about__images img:first-child {
  width: 100%;
  height: 508px;
  object-fit: cover;
}
.section-about__images img:last-child {
  width: 70%;
  height: 348px;
  object-fit: cover;
  margin: 0 auto;
  margin-top: -150px;
}
.section-about__content {
  width: 55%;
  display: grid;
  grid-gap: 20px;
}
.section-about__item {
  padding: 30px;
  background: #fff;
  border-radius: 30px;
}
.section-about__item_head {
  display: flex;
  align-items: center;
  margin-bottom: 16px;
}
.section-about__item_head img {
  width: 38px;
  height: 38px;
  margin-right: 9px;
}
.section-about__item_head span {
  font-weight: 600;
  font-size: 22px;
  line-height: 26px;
}
.section-about__item_text {
  font-weight: 400;
  font-size: 18px;
  line-height: 26px;
  color: #7B7B7B;
}

@media screen and (max-width: 950px) {
  .section-about__item_head span {
    font-size: 18px;
    line-height: 26px;
  }
  .section-about__item_text {
    font-size: 15px;
    line-height: 21px;
  }
  .section-about__images img:first-child {
    height: 408px;
  }
  .section-about__images img:last-child {
    height: 300px;
  }
  .section-about__item_head {
    margin-bottom: 14px;
  }
  .section-about__item_head img {
    width: 34px;
    height: 34px;
  }
  .section-about__item {
    padding: 24px 16px;
  }
}
@media screen and (max-width: 768px) {
  .section-about__wrapper {
    flex-direction: column-reverse;
  }
  .section-about__images {
    width: 100%;
  }
  .section-about__content {
    padding-bottom: 100px;
    width: 100%;
  }
  .section-about__images img:first-child {
    height: 313px;
  }
  .section-about__images img:last-child {
    height: 215px;
    margin-top: -100px;
  }
  .section-about {
    position: relative;
  }
  .section-about__head .btn {
    position: absolute;
    left: 50%;
    bottom: 520px;
    transform: translateX(-50%);
  }
}
.section-genre {
  padding-bottom: 60px;
  overflow: hidden;
  position: relative;
}
.section-genre__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 30px;
}
.section-genre__item {
  padding: 27px 20px;
  position: relative;
}
.section-genre__item:hover {
  opacity: 1;
}
.section-genre__item:hover .section-genre__item_detail:before {
  transform: translateY(-50%) translateX(-50%) rotate(45deg);
}
.section-genre__item:before {
  content: "";
  position: absolute;
  right: 36px;
  top: 20px;
  width: 60px;
  height: 60px;
  z-index: 17;
  transform: rotate(90deg);
  background: url("/images/rounding.svg") no-repeat center center;
}
.section-genre__item_back-top {
  width: calc(100% - 91px);
  height: 79px;
  background: #fff;
  border-radius: 16px 16px 0 0;
}
.section-genre__item_content {
  position: relative;
  z-index: 17;
}
.section-genre__item_back-bottom {
  width: 100%;
  height: calc(100% - 79px);
  flex: 1 1;
  background: #fff;
  border-radius: 0 16px 16px 16px;
}
.section-genre__item_back {
  position: absolute;
  inset: 0;
  /* top:0; right:0; bottom:0; left:0 */
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.section-genre__item_back::after {
  content: "";
  top: 0;
  left: 0;
  position: absolute;
  border-radius: 16px 16px 0 0;
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.1);
  pointer-events: none;
  z-index: -1;
  width: calc(100% - 91px);
  height: 79px;
}
.section-genre__item_back::before {
  content: "";
  bottom: 0;
  right: 0;
  position: absolute;
  border-radius: 16px;
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.1);
  pointer-events: none;
  z-index: -1;
  width: 100%;
  height: calc(100% - 79px);
}
.section-genre__item_content span {
  font-weight: 600;
  font-size: 18px;
  line-height: 48px;
  letter-spacing: 3%;
  display: block;
  margin-top: -20px;
  margin-bottom: 27px;
}
.section-genre__item_collage {
  display: grid;
  grid-template-columns: repeat(10, 1fr);
  grid-template-rows: repeat(9, 1fr);
  grid-gap: 10px;
  margin-top: -15px;
}
.section-genre__item_collage img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 20px;
}
.section-genre__item_collage img:first-child {
  grid-column: span 4/auto;
  grid-row: span 9/auto;
}
.section-genre__item_collage img:nth-child(2) {
  grid-column: span 3/auto;
  grid-row: span 4/auto;
  height: 114px;
}
.section-genre__item_collage img:nth-child(3) {
  grid-column: span 3/auto;
  grid-row: span 4/auto;
  height: 88px;
  margin-top: auto;
}
.section-genre__item_collage img:nth-child(4) {
  grid-column: span 6/auto;
  grid-row: span 5/auto;
}
.section-genre__item_detail {
  width: 76px;
  height: 66px;
  border-radius: 25px;
  background: linear-gradient(128.47deg, rgba(61, 115, 235, 0.6) 14.81%, rgba(222, 143, 255, 0.7) 83.93%);
  position: absolute;
  right: 0;
  top: 0;
}
.section-genre__item_detail:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  width: 22px;
  height: 22px;
  background: url("/images/arrow_d_2.svg") no-repeat center center;
  transition: all 0.3s;
}
.section-genre .swiper-button-next, .section-genre .swiper-button-prev, .section-genre .swiper-scrollbar {
  display: none;
}

@media screen and (max-width: 1100px) {
  .section-genre__item_content span {
    font-size: 16px;
  }
  .section-genre .swiper-button-next,
  .section-genre .swiper-button-prev,
  .section-genre .swiper-scrollbar {
    display: block;
  }
  .section-genre .swiper-button-prev,
  .section-genre .swiper-button-next {
    width: 34px;
    height: 34px;
    margin: 0;
    top: 0;
    right: 15px;
    left: auto;
    bottom: auto;
    transition: all 0.2s;
  }
  .section-genre .swiper-button-prev:after,
  .section-genre .swiper-button-next:after {
    display: none;
  }
  .section-genre .swiper-button-prev {
    background: url("/images/slider-prev.svg") no-repeat center center;
    right: 55px;
  }
  .section-genre .swiper-button-next {
    background: url("/images/slider-next.svg") no-repeat center center;
  }
  .section-genre .swiper-scrollbar {
    bottom: auto;
    top: 45px;
    width: calc(100% - 30px);
    left: 15px;
    height: 1px;
  }
  .section-genre .swiper-scrollbar .swiper-scrollbar-drag {
    background: linear-gradient(84.19deg, #3D73EB 4.99%, #DE8FFF 97.91%);
  }
  .section-genre .btn {
    display: none;
  }
  .section-genre__head {
    margin-bottom: 20px;
    padding-bottom: 20px;
  }
}
.section-genre.section-genre-page {
  padding-top: 20px;
}

.section-genre.section-genre-page .section-genre__wrapper {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 15px;
}

@media screen and (max-width: 900px) {
  .section-genre.section-genre-page .section-genre__wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 600px) {
  .section-genre.section-genre-page .section-genre__wrapper {
    grid-template-columns: repeat(1, 1fr);
  }
  .section-genre.section-genre-page .section-genre__wrapper .btn {
    display: flex;
    margin-bottom: 25px;
  }
}
.section-portfolio {
  overflow: hidden;
  position: relative;
  padding-bottom: 60px;
}
.section-portfolio__back {
  background: #fff;
  background-size: 100% 100%;
  position: absolute;
  width: 100%;
  height: calc(100% - 54px);
  top: 54px;
  left: 0;
  border-radius: 30px 0 30px 30px;
}
.section-portfolio__back:before {
  content: "";
  position: absolute;
  left: 50%;
  top: -23px;
  width: 50%;
  height: 23px;
  border-radius: 0 30px 0 0;
  background: #fff;
}
.section-portfolio__back:after {
  content: "";
  position: absolute;
  left: calc(50% - 79px);
  top: -23px;
  width: 79px;
  height: 23px;
  background: url("/images/top_el.svg") no-repeat center center;
}
.section-portfolio__head {
  margin-bottom: 60px;
  position: relative;
  z-index: 16;
}
.section-portfolio__item {
  width: 33%;
}
.section-portfolio__item:hover {
  opacity: 1;
}
.section-portfolio__item:hover .section-portfolio__item_image img {
  transform: scale(1.1);
}
.section-portfolio__item_image {
  width: 100%;
  height: 254px;
  border-radius: 30px;
  overflow: hidden;
}
.section-portfolio__item_image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.9s;
}
.section-portfolio__item_image video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.section-portfolio__item_content {
  position: absolute;
  left: 12px;
  bottom: 12px;
  display: flex;
  align-items: center;
  padding: 2px;
  border-radius: 20px;
  padding-right: 10px;
}
.section-portfolio__item_content img {
  width: 27px;
  height: 27px;
  border-radius: 100%;
  object-fit: cover;
  margin-right: 7px;
  position: relative;
  z-index: 16;
}
.section-portfolio__item_content span {
  font-weight: 600;
  font-size: 13px;
  line-height: 23px;
  letter-spacing: 3%;
  color: #fff;
  position: relative;
  z-index: 16;
}
.section-portfolio__item_content:before {
  content: "";
  position: absolute;
  right: -31px;
  top: 0;
  width: 31px;
  height: 31px;
  border-radius: 100%;
  background: url("/images/p-det.svg") no-repeat center center;
  -webkit-backdrop-filter: blur(42px);
          backdrop-filter: blur(42px);
}
.section-portfolio__item_content:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(158.72deg, rgba(255, 255, 255, 0.03) 3.01%, rgba(255, 255, 255, 0.13) 103.3%);
  border-radius: 20px;
  -webkit-backdrop-filter: blur(42px);
          backdrop-filter: blur(42px);
}
.section-portfolio .swiper-wrapper {
  transition-timing-function: linear !important;
}
.section-portfolio .swiper-slide {
  width: auto;
  border-radius: 6px;
  overflow: hidden;
}

.row-1 {
  margin-bottom: 15px;
}

@media screen and (max-width: 700px) {
  .section-portfolio__back:before {
    left: 83%;
    width: 17%;
  }
  .section-portfolio__back:after {
    left: calc(83% - 79px);
  }
  .section-portfolio__back {
    height: calc(100% - 36px);
    top: 36px;
  }
  .section-portfolio__head {
    margin-bottom: 40px;
  }
  .section-portfolio {
    padding-bottom: 40px;
  }
}
.section-catalog {
  padding: 50px 0 60px 0;
  overflow: hidden;
}
.section-catalog__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 30px;
}
.section-catalog__item {
  background: #fff;
  border-radius: 30px;
  overflow: hidden;
}
.section-catalog__item_mark {
  position: absolute;
  left: 12px;
  top: 12px;
  background: linear-gradient(158.72deg, rgba(255, 255, 255, 0.006) 3.01%, rgba(255, 255, 255, 0.008) 103.3%);
  -webkit-backdrop-filter: blur(42px);
          backdrop-filter: blur(42px);
  padding: 10px;
  border-radius: 20px;
  font-weight: 500;
  font-size: 14px;
  line-height: 14px;
  letter-spacing: 3%;
  color: #fff;
}
.section-catalog__item_detail {
  position: absolute;
  right: 12px;
  top: 12px;
  width: 34px;
  height: 34px;
  border-radius: 100%;
  background: #F4F4F4 url("/images/dots.svg") no-repeat center center;
}
.section-catalog__item_favorite {
  position: absolute;
  right: 12px;
  bottom: 12px;
  width: 34px;
  height: 34px;
  border-radius: 100%;
  background: #fff url("/images/c_fav.svg") no-repeat center center;
}
.section-catalog__item_favorite.in-favorite {
  background: #fff url("/images/c_fav_fill.svg") no-repeat center center;
}
.section-catalog__image {
  position: relative;
}
.section-catalog__content {
  padding: 16px 12px;
}
.section-catalog__content_top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
}
.section-catalog__content_city {
  font-weight: 500;
  font-size: 14px;
  line-height: 14px;
  letter-spacing: 3%;
  color: #7B7B7B;
}
.section-catalog__content_type {
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 3%;
  color: #C277F1;
}
.section-catalog__content_name {
  font-weight: 600;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: 3%;
  margin-bottom: 20px;
  display: block;
}
.section-catalog__content_price {
  display: flex;
  align-items: center;
  margin-bottom: 18px;
}
.section-catalog__content_price span:first-child {
  font-weight: 700;
  font-size: 22px;
  line-height: 24px;
  letter-spacing: 3%;
  margin-right: 8px;
}
.section-catalog__content_price span:last-child {
  font-weight: 500;
  font-size: 16px;
  line-height: 15px;
  letter-spacing: 3%;
  color: #828282;
  text-decoration: line-through;
}
.section-catalog__content_bottom {
  display: flex;
  align-items: center;
}
.section-catalog__content_avatar {
  width: 36px;
  height: 36px;
  border-radius: 100%;
  overflow: hidden;
  margin-right: 7px;
}
.section-catalog__content_avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.section-catalog__content_right span {
  font-weight: 600;
  font-size: 14px;
  line-height: 23px;
  letter-spacing: 3%;
  color: #7B7B7B;
  margin-bottom: 2px;
}
.section-catalog__content_rating {
  display: flex;
  align-items: center;
}
.section-catalog__content_rating ul {
  display: flex;
  align-items: center;
  list-style: none;
  padding: 0;
  margin: 0;
}
.section-catalog__content_rating ul li {
  width: 21px;
  height: 21px;
  background: url("/images/def_star.svg") no-repeat center center;
}
.section-catalog__content_rating ul li.filled {
  background: url("/images/fill_star.svg") no-repeat center center;
}
.section-catalog__content_rating span {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 3%;
  color: #7B7B7B;
}
.section-catalog__slider {
  position: relative;
  width: 100%;
  max-width: 600px;
  margin: auto;
  overflow: hidden;
  height: 480px;
  border-radius: 30px;
  overflow: hidden;
  display: block;
}
.section-catalog__slider:hover {
  opacity: 1;
}
.section-catalog__slider:hover img {
  transform: scale(1.05);
}

.slide {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  opacity: 0;
  transition: opacity 0.6s ease;
  pointer-events: none;
}
.slide.active {
  opacity: 1;
  pointer-events: auto;
}
.slide img {
  display: block;
  width: 100%;
  height: 480px;
  object-fit: cover;
  transition: all 1s;
}

.pagination {
  position: absolute;
  bottom: 15px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  gap: 8px;
}

.dot {
  width: 11px;
  height: 11px;
  background: #D9D9D9;
  border-radius: 50%;
  cursor: pointer;
  transition: background 0.3s;
}
.dot.active {
  background: #fff;
}

.section-catalog .swiper-button-prev,
.section-catalog .swiper-button-next {
  display: none;
}

@media screen and (max-width: 768px) {
  .section-catalog {
    position: relative;
    padding-bottom: 120px;
    padding-top: 40px;
  }
  .section-catalog .btn {
    position: absolute;
    left: 50%;
    bottom: 40px;
    transform: translateX(-50%);
  }
  .section-catalog .swiper-button-prev, .section-catalog .swiper-button-next {
    display: block;
  }
  .section-catalog .swiper-button-prev, .section-catalog .swiper-button-next {
    width: 34px;
    height: 34px;
    margin: 0;
    top: 37px;
    right: 15px;
    left: auto;
    bottom: auto;
    transition: all 0.2s;
  }
  .section-catalog .swiper-button-prev:after, .section-catalog .swiper-button-next:after {
    display: none;
  }
  .section-catalog .swiper-button-prev {
    background: url("/images/slider-prev.svg") no-repeat center center;
    right: 55px;
  }
  .section-catalog .swiper-button-next {
    background: url("/images/slider-next.svg") no-repeat center center;
  }
}
.section-directory {
  margin-bottom: 60px;
}
.section-directory__wrapper {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.section-directory__content {
  width: calc(100% - 64px);
}
.section-directory__letter {
  font-weight: 600;
  font-size: 24px;
  line-height: 68px;
  letter-spacing: 0%;
  color: #C277F1;
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  margin-bottom: 30px;
}
.section-directory__letter span {
  position: relative;
  z-index: 20;
  display: block;
}
.section-directory__letter:after {
  background: linear-gradient(84.19deg, #3D73EB 4.99%, #DE8FFF 97.91%);
  width: 100%;
  height: 100%;
  border-radius: 14px;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
}
.section-directory__letter:before {
  background: #f7f6f6;
  width: calc(100% - 5px);
  height: calc(100% - 5px);
  border-radius: 12px;
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  z-index: 1;
}
.section-directory__list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 40px;
}
.section-directory__group {
  margin-bottom: 40px;
}
.section-directory__nav {
  position: -webkit-sticky;
  position: sticky;
  top: 120px;
}
.section-directory__nav-list a {
  font-weight: 600;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: 0%;
  color: #7B7B7B;
  margin-bottom: 8px;
  display: block;
  transition: all 0.2s;
}
.section-directory__nav-list a.active {
  color: #C277F1;
}
.section-directory__item-image {
  display: flex;
  align-items: center;
  margin-bottom: 14px;
}
.section-directory__item-image:hover {
  opacity: 1;
}
.section-directory__item-image:hover .section-directory__item-title {
  color: #C277F1;
}
.section-directory__item-image img {
  width: 50px;
  height: 50px;
  border-radius: 100%;
  object-fit: cover;
  margin-right: 14px;
}
.section-directory__item-title {
  font-weight: 600;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0%;
  transition: all 0.2s;
}
.section-directory__item-tags {
  font-weight: 400;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0%;
  color: #7B7B7B;
}
.section-directory__item-tags a {
  font-weight: 400;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0%;
  color: #7B7B7B;
}
.section-directory__item-tags a:hover {
  color: #C277F1;
}
.section-directory__item-tags span {
  margin: 0 5px;
  display: inline-block;
}

@media screen and (max-width: 900px) {
  .section-directory__list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 600px) {
  .section-directory__wrapper {
    flex-direction: column;
  }
  .section-directory__nav {
    width: 100%;
    overflow-x: scroll;
    padding-bottom: 30px;
    margin-bottom: 30px;
    background: #f7f6f6;
    z-index: 25;
    top: 89px;
    width: calc(100% + 30px);
    padding-left: 15px;
    padding-right: 15px;
    margin-left: -15px;
    padding-top: 30px;
    margin-top: -25px;
  }
  .section-directory__nav::-webkit-scrollbar {
    width: 3px;
    height: 2px;
  }
  .section-directory__nav::-webkit-scrollbar-track {
    background: #f0f0f0;
    border-radius: 3px;
  }
  .section-directory__nav::-webkit-scrollbar-thumb {
    background-color: #B76FFF;
    border-radius: 6px;
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
  }
  .section-directory__nav::-webkit-scrollbar-thumb:hover {
    background-color: #B76FFF;
  }
  .section-directory__nav ul {
    display: flex;
    width: 600px;
  }
  .section-directory__nav-list a {
    margin-bottom: 0;
    margin-right: 20px;
  }
  .section-directory__content {
    width: 100%;
  }
  .section-directory__list {
    grid-template-columns: repeat(1, 1fr);
  }
}
.section-shourum-banner {
  margin-bottom: 30px;
}
.section-shourum-banner .ya-share2__container_size_m .ya-share2__popup_direction_bottom {
  z-index: 16 !important;
}
.section-shourum-banner .ya-share2__item_more.ya-share2__item_has-pretty-view .ya-share2__icon_more {
  background-color: transparent;
  background-image: url("/images/share_2.svg");
  background-size: 28px 28px;
  width: 28px;
  height: 28px;
}
.section-shourum-banner .ya-share2__container_size_m .ya-share2__item_more.ya-share2__item_has-pretty-view .ya-share2__link_more.ya-share2__link_more-button-type_short {
  background: none;
  padding: 0;
}
.section-shourum-banner .ya-share2__list.ya-share2__list_direction_horizontal > .ya-share2__item {
  margin-top: 0;
}
.section-shourum-banner__wrapper {
  height: 395px;
  position: relative;
  border-radius: 30px;
  overflow: hidden;
}
.section-shourum-banner__image {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.section-shourum-banner__image:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(173.72deg, rgba(0, 0, 0, 0) 4.86%, rgba(0, 0, 0, 0.55) 74.18%);
}
.section-shourum-banner__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.section-shourum-banner__content {
  position: relative;
  z-index: 20;
  padding: 34px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.section-shourum-banner__content_head {
  display: flex;
  align-items: center;
  margin-bottom: 16px;
}
.section-shourum-banner__content_head img {
  width: 100px;
  height: 100px;
  border-radius: 100%;
  object-fit: cover;
  margin-right: 16px;
}
.section-shourum-banner__content_head h1 {
  font-size: 30px;
  line-height: 48px;
  color: #fff;
}
.section-shourum-banner__content p {
  font-weight: 400;
  font-size: 15px;
  line-height: 100%;
  letter-spacing: 0%;
  max-width: 330px;
  color: #FFFFFF;
  opacity: 0.8;
  margin-bottom: 16px;
}
.section-shourum-banner__content_bottom {
  display: flex;
  max-width: 330px;
  width: 100%;
}
.section-shourum-banner__content_buttons {
  margin-left: auto;
  display: flex;
}
.section-shourum-banner__content_buttons .favorite {
  display: block;
  width: 28px;
  height: 28px;
  background: url("/images/favorite_2.svg") no-repeat center center;
}
.section-shourum-banner__content .btn {
  position: absolute;
  right: 34px;
  bottom: 34px;
}
.section-shourum-banner__content .btn span {
  color: #fff;
}
.section-shourum-banner__content .section-catalog__content_rating span {
  color: #fff;
  margin-left: 5px;
}

.section-head-category {
  margin: 30px 0;
}
.section-head-category .container {
  position: relative;
}
.section-head-category .swiper-container {
  overflow: hidden;
  width: calc(100% - 100px);
}
.section-head-category .swiper-buttons {
  background: #f7f6f6;
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  z-index: 20;
}
.section-head-category .swiper-buttons:before {
  content: "";
  position: absolute;
  left: -100px;
  width: 100px;
  height: 100%;
  background: linear-gradient(275deg, rgb(247, 246, 246) 0%, rgba(247, 246, 246, 0.5) 43%, rgba(247, 246, 246, 0) 100%);
}
.section-head-category .swiper-button-prev, .section-head-category .swiper-button-next {
  width: 34px;
  height: 34px;
  margin: 0;
  position: relative;
  top: auto;
  right: auto;
  left: auto;
  bottom: auto;
  transition: all 0.2s;
  margin-left: 15px;
}
.section-head-category .swiper-button-prev:after, .section-head-category .swiper-button-next:after {
  display: none;
}
.section-head-category .swiper-button-prev {
  background: url("/images/slider-prev.svg") no-repeat center center;
}
.section-head-category .swiper-button-next {
  background: url("/images/slider-next.svg") no-repeat center center;
}
.section-head-category .swiper-slide {
  width: auto;
  position: relative;
}
.section-head-category .swiper-slide:last-child {
  padding-right: 100px;
}
.section-head-category .swiper-slide a {
  font-weight: 600;
  font-size: 20px;
  line-height: 48px;
  letter-spacing: 3%;
  color: #7B7B7B;
}
.section-head-category .swiper-slide a:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background: linear-gradient(84.19deg, #3D73EB 4.99%, #DE8FFF 97.91%);
  opacity: 0;
  transition: all 0.2s;
}
.section-head-category .swiper-slide.active a {
  color: #C277F1;
}
.section-head-category .swiper-slide.active a:after {
  opacity: 1;
}

.section-shourum-list {
  margin: 30px 0 70px;
}
.section-shourum-list__wrapper {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 13px;
}

@media screen and (max-width: 1100px) {
  .section-shourum-list__wrapper {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (max-width: 900px) {
  .section-shourum-list__wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
  .section-shourum-list .navigation-page {
    flex-direction: column;
  }
  .section-shourum-list .navigation-page .btn {
    margin-top: 20px;
  }
}
@media screen and (max-width: 600px) {
  .section-shourum-list__wrapper {
    grid-template-columns: repeat(1, 1fr);
  }
  .section-shourum-banner__content {
    padding: 14px;
  }
  .section-shourum-banner__content .btn {
    position: relative;
    bottom: auto;
    margin-top: 16px;
    right: auto;
  }
  .section-shourum-banner__content {
    align-items: flex-start;
  }
  .section-shourum-banner__image:after {
    background: rgba(0, 0, 0, 0.5);
  }
  .section-shourum-banner__content p {
    max-width: none;
  }
  .section-shourum-banner__content_bottom {
    max-width: none;
  }
}
.product-card {
  overflow: hidden;
}
.product-card__wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 60px;
}
.product-card .product-gallery {
  width: 100%;
  max-width: 100%;
}
.product-card .swiper-container .swiper-slide {
  max-width: 100%;
}
.product-card__swiper {
  overflow: hidden;
  width: calc(100% - 159px);
}
.product-card__swiper .swiper-slide {
  width: 100% !important;
  height: 520px;
  border-radius: 30px;
  overflow: hidden;
}
.product-card__swiper .swiper-slide a {
  outline: none !important;
  box-shadow: none;
}
.product-card__swiper .swiper-slide a:hover {
  opacity: 1;
}
.product-card__swiper .swiper-slide a:hover img {
  transform: scale(1.1);
}
.product-card__swiper .swiper-slide img {
  transition: all 1s;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
}
.product-card__gallery {
  display: flex;
  position: relative;
}
.product-card__thumbs {
  height: 520px;
  width: 144px;
  margin-left: auto;
  overflow: hidden;
}
.product-card__thumbs .swiper-slide {
  height: 163px;
  border-radius: 20px;
  overflow: hidden;
  position: relative;
  cursor: pointer;
}
.product-card__thumbs .swiper-slide.swiper-slide-thumb-active:after {
  opacity: 0;
}
.product-card__thumbs .swiper-slide:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  transition: all 0.2s;
}
.product-card__thumbs .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.product-card .swiper-button-prev, .product-card .swiper-button-next {
  width: 34px;
  height: 34px;
  margin: 0;
  position: absolute;
  top: auto;
  right: 55px;
  left: auto;
  bottom: 20px;
  transition: all 0.2s;
  margin-left: 15px;
  transform: rotate(90deg);
}
.product-card .swiper-button-prev:after, .product-card .swiper-button-next:after {
  display: none;
}
.product-card .swiper-button-prev {
  background: url("/images/slider-prev.svg") no-repeat center center;
  bottom: 65px;
}
.product-card .swiper-button-next {
  background: url("/images/slider-next.svg") no-repeat center center;
}
.product-card__info {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.product-card__info h1 {
  font-weight: 600;
  font-size: 28px;
  line-height: 32px;
  letter-spacing: 3%;
  margin-bottom: 20px;
}
.product-card__price {
  font-weight: 600;
  font-size: 34px;
  line-height: 32px;
  letter-spacing: 3%;
  margin-bottom: 40px;
}
.product-card__detail_item {
  margin-bottom: 32px;
}
.product-card__detail_item span {
  display: flex;
  align-items: center;
  font-weight: 600;
  font-size: 16px;
  line-height: 16px;
  letter-spacing: 0%;
  margin-bottom: 5px;
}
.product-card__detail_item span img {
  margin-right: 6px;
}
.product-card__detail_item a, .product-card__detail_item p {
  font-weight: 500;
  font-size: 16px;
  line-height: 23px;
  letter-spacing: 0%;
}
.product-card__buttons {
  display: flex;
  align-items: center;
}
.product-card__favorite {
  width: 50px;
  height: 50px;
  margin-left: 15px;
}
.product-card__favorite {
  border-radius: 100%;
  background: #fff url("/images/c_fav.svg") no-repeat center center;
  background-size: 23px 23px;
}
.product-card__favorite.in-favorite {
  background: #fff url("/images/c_fav_fill.svg") no-repeat center center;
  background-size: 23px 23px;
}

.section-product-description {
  margin: 60px 0;
}
.section-product-description__wrapper {
  margin-bottom: 40px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.section-product-description__wrapper h2 {
  font-size: 28px;
  line-height: 32px;
  letter-spacing: 3%;
  position: relative;
  padding-bottom: 10px;
  margin-bottom: 20px;
}
.section-product-description__wrapper h2:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background: linear-gradient(84.19deg, #3D73EB 4.99%, #DE8FFF 97.91%);
}
.section-product-description__wrapper p {
  font-weight: 500;
  font-size: 16px;
  line-height: 26px;
  letter-spacing: 3%;
}

.product-card__nuances-list {
  list-style: none;
  padding: 0;
  margin: 0;
  overflow: hidden;
  transition: max-height 0.4s ease;
  max-height: 300px;
  width: 840px;
}

.product-card__nuance {
  display: flex;
  align-items: center;
  padding: 6px 0;
  position: relative;
  opacity: 1;
  transition: all 0.2s;
}

.product-card__nuance-label {
  white-space: nowrap;
  margin-right: 10px;
  font-weight: 600;
  font-style: Bold;
  font-size: 18px;
  line-height: 26px;
  letter-spacing: 3%;
}

.product-card__nuance-separator {
  flex-grow: 1;
  height: 1px;
  background: #E9E7E7;
  margin: 0 10px;
}

.product-card__nuance-value {
  white-space: nowrap;
  font-weight: 400;
  font-size: 18px;
  line-height: 26px;
  letter-spacing: 3%;
  color: #2A2A2A;
}

.product-card__nuance.is-hidden {
  opacity: 0;
  height: 0;
  overflow: hidden;
  transition: all 0.2s;
}

.product-card__nuances-toggle {
  margin-top: 10px;
  background: none;
  border: none;
  color: #C277F1;
  cursor: pointer;
  padding: 0;
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  letter-spacing: 3%;
  text-decoration: underline;
}

.section-people-list.section-people-list-more .section-people-list__head {
  margin-bottom: 30px;
}

@media screen and (max-width: 900px) {
  .product-card__nuances-list {
    width: 100%;
  }
  .product-card__wrapper {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 60px;
  }
  .product-card__details {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 30px;
    width: 100%;
  }
}
@media screen and (max-width: 600px) {
  .product-card__gallery {
    flex-direction: column;
  }
  .product-card__swiper {
    width: 100%;
  }
  .product-card__swiper .swiper-slide {
    height: 462px;
  }
  .product-card__thumbs {
    width: 100%;
    margin-top: 15px;
    height: 145px;
  }
  .product-card__thumbs .swiper-slide {
    width: calc((100% - 30px) / 3) !important;
    height: 145px;
  }
  .product-card .swiper-button-prev {
    left: -10px;
    bottom: 55px;
    right: auto;
    transform: none;
    margin: 0;
  }
  .product-card .swiper-button-next {
    right: -10px;
    bottom: 55px;
    left: auto;
    transform: none;
    margin: 0;
  }
  .product-card__swiper .swiper-slide img {
    object-position: center;
  }
  .section-breadcrumbs .breadcrumbs {
    gap: 5px;
  }
  .product-card__info h1 {
    font-size: 20px;
    line-height: 48px;
    margin-bottom: 7px;
  }
  .product-card__wrapper {
    grid-gap: 26px;
  }
  .product-card__price {
    font-size: 26px;
    line-height: 32px;
    margin-bottom: 26px;
  }
  .product-card__details {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 26px;
    width: 100%;
  }
  .product-card__details li {
    margin-bottom: 0;
  }
  .product-card__details li:last-child {
    margin-bottom: 26px;
  }
  .product-card__nuance-label {
    font-size: 15px;
    line-height: 21px;
    min-height: 41px;
  }
  .product-card__nuance-value {
    font-size: 14px;
    line-height: 21px;
    letter-spacing: 3%;
    text-align: right;
    white-space: wrap;
  }
  .product-card__nuance {
    align-items: flex-start;
    justify-content: space-between;
  }
  .product-card__nuance-separator {
    display: none;
  }
  .section-product-description__wrapper h2 {
    font-size: 20px;
    line-height: 32px;
  }
  .section-catalog.section-catalog-more h2 {
    max-width: 70%;
  }
}
.section-blog {
  padding: 0 0 60px;
  overflow: hidden;
}
.section-blog__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 30px;
}
.section-blog__item {
  position: relative;
  border-radius: 30px;
  overflow: hidden;
}
.section-blog__item:after {
  content: "";
  position: absolute;
  right: 20px;
  bottom: 20px;
  width: 24px;
  height: 24px;
  background: url("/images/d_blog.svg") no-repeat center center;
  transition: all 0.2s;
  z-index: 16;
}
.section-blog__item:hover:after {
  transform: rotate(-45deg);
}
.section-blog__item:hover:before {
  opacity: 1;
}
.section-blog__item:hover .section-blog__image img {
  transform: scale(1.1);
}
.section-blog__item:hover .section-blog__desc {
  max-height: 129px;
}
.section-blog__item:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  opacity: 0.6;
  transition: all 0.2s;
  z-index: 15;
}
.section-blog__image img {
  height: 500px;
  width: 100%;
  object-fit: cover;
  transition: all 1s;
}
.section-blog__content {
  position: absolute;
  z-index: 16;
  left: 0;
  top: 0;
  padding: 32px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 500px;
}
.section-blog__rating {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
.section-blog__rating ul {
  display: flex;
  align-items: center;
  list-style: none;
  padding: 0;
  margin: 0;
}
.section-blog__rating ul li {
  width: 21px;
  height: 21px;
  background: url("/images/def_star.svg") no-repeat center center;
}
.section-blog__rating ul li.filled {
  background: url("/images/fill_star.svg") no-repeat center center;
}
.section-blog__name {
  font-weight: 600;
  font-size: 24px;
  line-height: 32px;
  letter-spacing: 3%;
  color: #fff;
  height: 101px;
  overflow: hidden;
  margin-bottom: 16px;
  display: block;
}
.section-blog__desc {
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  letter-spacing: 3%;
  color: #fff;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -moz-box;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  line-clamp: 4;
  box-orient: vertical;
  transition: all 0.5s;
  max-height: 0;
}
.section-blog__bottom {
  display: flex;
  margin-top: 43px;
}
.section-blog__date {
  font-weight: 500;
  font-size: 18px;
  line-height: 20px;
  letter-spacing: 3%;
  color: #fff;
}
.section-blog__comment {
  font-weight: 500;
  font-size: 18px;
  line-height: 20px;
  letter-spacing: 3%;
  color: #fff;
  margin-left: auto;
  padding-left: 23px;
  margin-right: 18px;
  background: url("/images/comment_b.svg") no-repeat center left;
}
.section-blog__views {
  font-weight: 500;
  font-size: 18px;
  line-height: 20px;
  letter-spacing: 3%;
  color: #fff;
  padding-left: 23px;
  background: url("/images/view.svg") no-repeat center left;
}
.section-blog .swiper-button-next, .section-blog .swiper-button-prev, .section-blog .swiper-scrollbar {
  display: none;
}

@media screen and (max-width: 1100px) {
  .section-blog .swiper-button-next,
  .section-blog .swiper-button-prev,
  .section-blog .swiper-scrollbar {
    display: block;
  }
  .section-blog {
    position: relative;
    padding-bottom: 120px;
  }
  .section-blog__name {
    font-size: 20px;
    line-height: 28px;
    max-height: 86px;
  }
  .section-blog .swiper-button-prev, .section-blog .swiper-button-next {
    width: 34px;
    height: 34px;
    margin: 0;
    top: 0;
    right: 15px;
    left: auto;
    bottom: auto;
    transition: all 0.2s;
  }
  .section-blog .swiper-button-prev:after, .section-blog .swiper-button-next:after {
    display: none;
  }
  .section-blog .swiper-button-prev {
    background: url("/images/slider-prev.svg") no-repeat center center;
    right: 55px;
  }
  .section-blog .swiper-button-next {
    background: url("/images/slider-next.svg") no-repeat center center;
  }
  .section-blog .swiper-scrollbar {
    bottom: auto;
    top: 45px;
    width: calc(100% - 30px);
    left: 15px;
    height: 1px;
  }
  .section-blog .swiper-scrollbar .swiper-scrollbar-drag {
    background: linear-gradient(84.19deg, #3D73EB 4.99%, #DE8FFF 97.91%);
  }
  .section-blog .btn {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 40px;
  }
  .section-genre__head {
    margin-bottom: 20px;
    padding-bottom: 20px;
  }
}
.section-blog.section-blog-page .section-blog__wrapper {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 15px;
}

.section-blog.section-blog-page .section-blog__item:first-child {
  grid-column: span 2/auto;
}

.section-blog.section-blog-page .section-blog__item:last-child {
  grid-column: span 2/auto;
}

@media screen and (max-width: 800px) {
  .section-blog.section-blog-page .section-blog__wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
  .section-blog.section-blog-page .section-blog__item:last-child {
    grid-column: span 1/auto;
  }
  .navigation-page ul {
    margin: 0 auto;
  }
}
@media screen and (max-width: 600px) {
  .section-blog.section-blog-page .section-blog__wrapper {
    grid-template-columns: repeat(1, 1fr);
  }
  .section-blog.section-blog-page .section-blog__item:first-child {
    grid-column: span 1/auto;
  }
  .section-blog__item .section-blog__desc {
    max-height: 129px;
  }
}
.section-blog-page-item__head {
  max-width: 602px;
  display: flex;
  align-items: center;
  margin: 0 auto;
  margin-bottom: 40px;
}

.section-blog-page-item__head span {
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0%;
  margin-right: 12px;
  padding-right: 12px;
  border-right: 1px solid #7B7B7B;
}

.section-blog-page-item__head span:last-child {
  border-right: 0;
}

.section-blog-page-item__head .date {
  color: #C277F1;
}

.section-blog-page-item__head .read {
  padding-right: 40px;
  background: url("/images/time.svg") no-repeat 87% center;
}

.section-blog-page-item__head .views {
  padding-left: 28px;
  background: url("/images/views.svg") no-repeat left center;
}

.section-blog-page-item__head .rating {
  padding-left: 28px;
  background: url("/images/rating.svg") no-repeat left center;
}

.section-blog-page-item__description {
  margin-bottom: 40px;
}

.section-blog-page-item__description h1 {
  max-width: 602px;
  margin: 0 auto;
  font-style: Bold;
  font-size: 42px;
  line-height: 52px;
  letter-spacing: 0%;
  margin-bottom: 16px;
}

.section-blog-page-item__description p {
  max-width: 602px;
  margin: 0 auto;
  font-weight: 400;
  font-size: 20px;
  line-height: 32px;
  letter-spacing: 0%;
  color: #7B7B7B;
  margin-bottom: 40px;
}

.section-blog-page-item__description img {
  width: 100%;
  height: 445px;
  border-radius: 20px;
  object-fit: cover;
  margin-bottom: 40px;
}

.section-blog-page-item .section-blog-page-item__wrapper_navigation span {
  font-weight: 600;
  font-size: 18px;
  line-height: 18px;
  letter-spacing: 0%;
  margin-bottom: 20px;
  display: block;
}

.section-blog-page-item .blog-navigation__wrapper {
  position: -webkit-sticky;
  position: sticky;
  top: 120px;
}

.section-blog-page-item .section-blog-page-item__wrapper_navigation ul {
  max-height: 200px;
  /* ограничение по высоте */
  overflow-y: auto;
}

.section-blog-page-item .section-blog-page-item__wrapper_navigation ul li a {
  display: block;
  padding: 5px 0;
  text-decoration: none;
  color: #333;
  max-width: 200px;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0%;
}

.section-blog-page-item .section-blog-page-item__wrapper_navigation ul li a.active {
  color: #C277F1;
}

.section-blog-page-item .section-blog-page-item__wrapper {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 60px;
}

.section-blog-page-item__wrapper_content {
  grid-column: span 2/auto;
}

.section-blog-page-item__wrapper_content img {
  width: 100%;
  height: 445px;
  border-radius: 20px;
  object-fit: cover;
  margin: 20px 0;
}

.section-blog-page-item__wrapper_content p,
.section-blog-page-item__wrapper_content li {
  font-weight: 400;
  font-size: 20px;
  line-height: 32px;
  letter-spacing: 0%;
  color: #7B7B7B;
}

.section-blog-page-item__wrapper_content h2 {
  font-size: 32px;
  line-height: 42px;
  margin-bottom: 16px;
  margin-top: 40px;
}

.section-blog-page-item__bottom {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 60px;
}

.section-blog-page-item__author {
  grid-column: 2/span 2;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.section-blog-page-item__author_wrapper {
  display: flex;
  align-items: center;
}

.section-blog-page-item__author_wrapper span {
  font-weight: 600;
  font-size: 22px;
  line-height: 52px;
  letter-spacing: 0%;
  display: block;
  margin-left: 16px;
}

.blog-banner {
  box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.0901960784);
  background: #fff;
  position: -webkit-sticky;
  position: sticky;
  top: 120px;
  border-radius: 30px;
  max-width: 224px;
  margin-left: auto;
  overflow: hidden;
}
.blog-banner__content {
  padding: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  position: relative;
  z-index: 10;
}
.blog-banner__content > span {
  font-weight: 600;
  font-size: 15px;
  line-height: 18px;
  letter-spacing: 0%;
  vertical-align: middle;
  margin-bottom: 5px;
  display: block;
}
.blog-banner__content .btn {
  padding: 12px 22px;
}
.blog-banner__content .btn:before {
  border-radius: 16px;
}
.blog-banner__content .btn:after {
  border-radius: 12px;
}
.blog-banner__content .btn span {
  font-size: 12px;
}
.blog-banner__content p {
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0%;
  text-align: center;
  margin-bottom: 20px;
}
.blog-banner img {
  margin: 0 auto;
  position: relative;
  z-index: 10;
}
.blog-banner:after {
  z-index: 1;
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  width: 173px;
  height: 173px;
  border-radius: 100%;
  background: linear-gradient(128.47deg, #3D73EB 14.81%, #DE8FFF 83.93%);
  filter: blur(104px);
}

.section-blog-page-item__wrapper_navigation ul::-webkit-scrollbar {
  width: 3px;
}

.section-blog-page-item__wrapper_navigation ul::-webkit-scrollbar-track {
  background: #f0f0f0;
  border-radius: 3px;
}

.section-blog-page-item__wrapper_navigation ul::-webkit-scrollbar-thumb {
  background-color: #B76FFF;
  border-radius: 6px;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}

.section-blog-page-item__wrapper_navigation ul::-webkit-scrollbar-thumb:hover {
  background-color: #B76FFF;
}

.section-blog-page-item .ya-share2__container_size_m .ya-share2__popup_direction_bottom {
  z-index: 16 !important;
}

.section-blog-page-item .ya-share2__item_more.ya-share2__item_has-pretty-view .ya-share2__icon_more {
  background-color: transparent;
  background-image: url("/images/share.svg");
  background-size: 24px 24px;
}

.section-blog-page-item .ya-share2__container_size_m .ya-share2__item_more.ya-share2__item_has-pretty-view .ya-share2__link_more.ya-share2__link_more-button-type_short {
  background: none;
  padding: 0;
}

.section-blog-page-item .ya-share2__list.ya-share2__list_direction_horizontal > .ya-share2__item {
  margin-top: 0;
}

@media screen and (max-width: 900px) {
  .section-blog-page-item__wrapper_content {
    grid-column: span 3/auto;
  }
  .section-blog-page-item__author {
    display: none;
  }
  .section-blog-page-item__wrapper_banner {
    grid-column: span 4/auto;
  }
  .blog-banner {
    max-width: 100%;
    margin-bottom: 65px;
  }
  .section-blog-page-item__wrapper_content p,
  .section-blog-page-item__wrapper_content li,
  .section-blog-page-item__description p {
    font-size: 16px;
    line-height: 24px;
  }
  .section-blog-page-item__wrapper_content img {
    height: 335px;
  }
  .section-blog-page-item__wrapper_content h2 {
    font-size: 28px;
    line-height: 32px;
  }
  .section-blog-page-item__description h1 {
    font-size: 32px;
    line-height: 38px;
  }
  .section-blog-page-item .section-blog-page-item__wrapper {
    grid-column-gap: 20px;
  }
  .section-blog-page-item .section-blog-page-item__wrapper_navigation ul li a {
    font-size: 12px;
  }
}
@media screen and (max-width: 600px) {
  .section-breadcrumbs .breadcrumbs {
    flex-wrap: wrap;
  }
  .section-blog-page-item__head {
    flex-wrap: wrap;
    gap: 12px;
  }
  .section-blog-page-item__description h1 {
    font-size: 28px;
    line-height: 32px;
  }
  .section-blog-page-item__wrapper_navigation {
    grid-column: span 4/auto;
  }
  .section-blog-page-item .section-blog-page-item__wrapper_navigation ul li a {
    max-width: none;
    line-height: 18px;
  }
  .section-blog-page-item .section-blog-page-item__wrapper_navigation ul {
    max-height: none;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .section-blog-page-item .blog-navigation__wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .section-blog-page-item__wrapper_content {
    grid-column: span 4/auto;
  }
}
.section-question {
  padding-bottom: 60px;
  overflow: hidden;
  position: relative;
}
.section-question__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 30px;
}
.section-question__wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 20px;
}
.section-question__video {
  border-radius: 30px;
  overflow: hidden;
  height: 610px;
}
.section-question__video video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.accordion {
  margin-bottom: 14px;
  border-radius: 20px;
  background: #fff;
}
.accordion__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 3%;
  padding: 19px 20px;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  cursor: pointer;
  transition: background-color 0.2s ease-out;
}
.accordion__header::after {
  flex-shrink: 0;
  width: 26px;
  height: 26px;
  margin-left: auto;
  background-image: url("/images/plus.svg");
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  transition: transform 0.2s ease-out;
}
.accordion__item_show .accordion__header::after, .accordion__item_slidedown .accordion__header::after {
  transform: rotate(-45deg);
}
.accordion__item:not(.accordion__item_show) .accordion__header {
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
}
.accordion__content {
  padding: 0 19px 11px 19px;
  background: #fff;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
  font-weight: 500;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 3%;
  text-align: left;
  color: #2A2A2A;
}
.accordion__content p:first-child {
  margin-top: 0;
}
.accordion__content p:last-child {
  margin-bottom: 0;
}
.accordion__content ul, .accordion__content ol {
  padding-left: 25px;
  margin-left: 0;
}
.accordion__content .btn {
  display: inline-block;
}
.accordion__item:not(.accordion__item_show) .accordion__body {
  display: none;
}

@media screen and (max-width: 1150px) {
  .accordion__header {
    font-size: 14px;
    line-height: 20px;
  }
}
@media screen and (max-width: 1000px) {
  .section-question__wrapper {
    display: flex;
    flex-direction: column-reverse;
  }
  .section-question {
    padding-bottom: 120px;
  }
  .section-question .btn {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 40px;
  }
  .section-question__video {
    height: 358px;
  }
}
.section-reviews {
  padding-bottom: 60px;
  position: relative;
  overflow: hidden;
}
.section-reviews__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 30px;
}
.section-reviews .mask {
  height: 466px;
  -webkit-mask-image: url("/images/mask-left-r.svg"), url("/images/mask-left-r-c.svg"), url("/images/mask-center-r.svg"), url("/images/mask-right-r-c.svg"), url("/images/mask-right-r.svg");
  -webkit-mask-repeat: no-repeat, repeat-y, no-repeat, no-repeat, no-repeat;
  -webkit-mask-position: left center, 35px center, center center, calc(100% - 36px) center, right center;
  -webkit-mask-size: 45px 100%, 45% 100%, 90px 100%, 45% 100%, 40px 100%;
  mask-image: url("/images/mask-left-r.svg"), url("/images/mask-left-r-c.svg"), url("/images/mask-center-r.svg"), url("/images/mask-right-r-c.svg"), url("/images/mask-right-r.svg");
  mask-repeat: no-repeat, repeat-y, no-repeat, no-repeat, no-repeat;
  -webkit-mask-position: left center, 31px center, center center, calc(100% - 29px) center, right center;
  mask-position: left center, 31px center, center center, calc(100% - 29px) center, right center;
  -webkit-mask-size: 45px 100%, 44% 100%, 145px 100%, 44% 100%, 40px 100%;
  mask-size: 45px 100%, 44% 100%, 145px 100%, 44% 100%, 40px 100%;
  -webkit-mask-composite: source-over, source-over, source-over;
  mask-composite: add;
  position: relative;
  z-index: 17;
}
.section-reviews__wrapper {
  position: relative;
  overflow: hidden;
}
.section-reviews .swiper-wrapper {
  z-index: 18;
}
.section-reviews__list {
  position: absolute;
  right: 0;
  bottom: 0;
  width: calc(52% - 13px);
  padding-left: 22px;
  overflow: hidden;
  height: 247px;
}
.section-reviews__list .swiper-container {
  position: relative;
  height: 100%;
}
.section-reviews__list .swiper-button-prev, .section-reviews__list .swiper-button-next {
  width: 34px;
  height: 34px;
  margin: 0;
  top: 27px;
  right: 20px;
  left: auto;
  bottom: auto;
  transition: all 0.2s;
  z-index: 19;
}
.section-reviews__list .swiper-button-prev:after, .section-reviews__list .swiper-button-next:after {
  display: none;
}
.section-reviews__list .swiper-button-prev {
  background: url("/images/slider-prev.svg") no-repeat center center;
  right: 65px;
}
.section-reviews__list .swiper-button-next {
  background: url("/images/slider-next.svg") no-repeat center center;
}
.section-reviews__item {
  background: #fff;
  border-radius: 30px;
  padding: 20px;
  transition: all 0.3s;
  z-index: 18;
}
.section-reviews__item.swiper-slide {
  transform: scale(0);
  opacity: 0;
  transition: all 0.3s;
}
.section-reviews__item.swiper-slide-active {
  transform: scale(1);
  opacity: 1;
  z-index: 18;
}
.section-reviews__item.swiper-slide-prev {
  transform: scale(0);
  opacity: 1;
}
.section-reviews__item_head {
  display: flex;
  align-items: center;
  margin-bottom: 13px;
}
.section-reviews__item_head img {
  width: 52px;
  height: 52px;
  object-fit: cover;
  border-radius: 100%;
  margin-right: 13px;
}
.section-reviews__item_head span {
  font-weight: 600;
  font-size: 20px;
  line-height: 24px;
  letter-spacing: 3%;
}
.section-reviews__item_head p {
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 3%;
  color: #7B7B7B;
}
.section-reviews__content {
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: 3%;
  color: #7B7B7B;
  display: -webkit-box;
  -webkit-line-clamp: 6;
  /* максимум 6 строк */
  -webkit-box-orient: vertical;
  overflow: hidden;
  position: relative;
}
.section-reviews__more {
  display: inline-block;
  color: #C277F1;
  cursor: pointer;
  font-size: 16px;
  line-height: 24px;
  position: absolute;
  right: 0;
  bottom: -2px;
  border: none;
  background: #fff;
  z-index: 18;
}

.reviews-modal {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.6);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s;
}
.reviews-modal.active {
  opacity: 1;
  visibility: visible;
}
.reviews-modal__window {
  background: #fff;
  padding: 20px;
  max-width: 600px;
  max-height: 80vh;
  overflow-y: auto;
  border-radius: 10px;
  position: relative;
}
.reviews-modal__close {
  position: absolute;
  right: 15px;
  top: 10px;
  background: none;
  border: none;
  font-size: 24px;
  cursor: pointer;
}
.reviews-modal__content {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 3%;
  color: #7B7B7B;
}

@media screen and (max-width: 1100px) {
  .section-reviews .mask {
    -webkit-mask-position: left center, 31px center, 45% center, calc(100% - 29px) center, right center;
    mask-position: left center, 31px center, 45% center, calc(100% - 29px) center, right center;
    -webkit-mask-size: 45px 100%, 35% 100%, 145px 100%, 44% 100%, 40px 100%;
    mask-size: 45px 100%, 35% 100%, 145px 100%, 44% 100%, 40px 100%;
  }
  .section-reviews__list {
    width: calc(57% - 13px);
  }
}
@media screen and (max-width: 768px) {
  .section-reviews .mask {
    -webkit-mask-image: none;
    mask-image: none;
    border-radius: 30px;
    overflow: hidden;
  }
  .section-reviews {
    padding-bottom: 120px;
  }
  .section-reviews .btn {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 40px;
  }
  .section-reviews__wrapper {
    border-radius: 30px;
    overflow: hidden;
  }
  .section-reviews__list {
    width: calc(100% - 40px);
    padding: 0;
    left: 20px;
    bottom: 20px;
    right: 20px;
    height: 238px;
    overflow: visible;
  }
  .reviews-modal__window {
    margin: 0 15px;
  }
}
.section-join {
  position: relative;
  padding-bottom: 60px;
  overflow-x: hidden;
  overflow-y: visible;
}
.section-join__wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 100px;
}
.section-join__content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  height: 700px;
}
.section-join__content h2 {
  font-weight: 700;
  font-size: 56px;
  line-height: 66px;
  letter-spacing: 3%;
  margin-bottom: 16px;
}
.section-join__content p {
  font-weight: 500;
  font-size: 24px;
  line-height: 48px;
  letter-spacing: 3%;
  margin-bottom: 26px;
}
.section-join__collage {
  width: 100%;
  position: relative;
  z-index: 20;
}
.section-join__collage_wrapper {
  position: absolute;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 30px;
  gap: 30px;
  max-width: none;
}
.section-join__collage_wrapper img:first-child, .section-join__collage_wrapper video:first-child {
  grid-row: span 2/span 2;
  height: 208px;
  width: 376px;
  border-radius: 30px;
  object-fit: cover;
  max-width: none;
}
.section-join__collage_wrapper img:nth-child(2), .section-join__collage_wrapper video:nth-child(2) {
  grid-row: span 4/span 4;
  grid-column-start: 1;
  grid-row-start: 3;
  height: 377px;
  width: 376px;
  border-radius: 30px;
  object-fit: cover;
  max-width: none;
}
.section-join__collage_wrapper img:nth-child(3), .section-join__collage_wrapper video:nth-child(3) {
  grid-row: span 4/span 4;
  grid-column-start: 2;
  grid-row-start: 2;
  height: 412px;
  width: 412px;
  border-radius: 30px;
  object-fit: cover;
  max-width: none;
}

@media screen and (max-width: 1124px) {
  .section-join__content h2 {
    font-size: 40px;
    line-height: 48px;
  }
  .section-join__content p {
    font-size: 18px;
    line-height: 24px;
  }
  .section-join__content {
    height: 615px;
  }
}
@media screen and (max-width: 600px) {
  .section-join__wrapper {
    display: flex;
    flex-direction: column-reverse;
    grid-gap: 0;
  }
  .section-join__collage_wrapper {
    position: relative;
    width: calc(100% + 300px);
    grid-gap: 14px;
  }
  .section-join__collage_wrapper img:first-child,
  .section-join__collage_wrapper video:first-child {
    width: 100%;
    height: 220px;
  }
  .section-join__collage_wrapper img:nth-child(2),
  .section-join__collage_wrapper video:nth-child(2) {
    width: 100%;
    height: 320px;
  }
  .section-join__collage_wrapper img:nth-child(3),
  .section-join__collage_wrapper video:nth-child(3) {
    height: 380px;
  }
  .section-join__content {
    height: auto;
  }
  .section-join__content h2 {
    font-size: 20px;
    line-height: 38px;
  }
  .section-join__content p {
    font-size: 15px;
    line-height: 21px;
    max-width: 283px;
  }
  .section-join__content .btn {
    margin: 0 auto;
  }
}
.section-cityes {
  margin-bottom: 60px;
}
.section-cityes__head {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 40px;
}
.section-cityes__head_title {
  display: flex;
  align-items: center;
  padding: 14px 16px;
  overflow: hidden;
  position: relative;
  border-radius: 60px;
}
.section-cityes__head_title:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(128.47deg, #3D73EB 14.81%, #DE8FFF 83.93%);
  filter: blur(100px);
}
.section-cityes__head_title span {
  font-weight: 600;
  font-size: 36px;
  line-height: 36px;
  letter-spacing: 3%;
  position: relative;
  z-index: 20;
}
.section-cityes__head_title img {
  width: 35px;
  height: 25px;
  margin-left: 15px;
}
.section-cityes__wrapper:not(:last-child) {
  margin-bottom: 100px;
}
.section-cityes .city-list {
  column-count: 3;
}
.section-cityes .city-list li {
  display: flex;
  align-items: flex-end;
  margin-bottom: 20px;
  height: 24px;
}
.section-cityes .city-list li:first-child .city-name {
  font-size: 28px;
  line-height: 100%;
}
.section-cityes .city-list li:nth-child(2) .city-name {
  font-size: 28px;
  line-height: 100%;
}
.section-cityes .city-list li .city-name {
  font-weight: 600;
  font-size: 20px;
  line-height: 100%;
  letter-spacing: 0%;
  margin-right: 7px;
}
.section-cityes .city-list li .city-count {
  font-weight: 400;
  font-size: 13px;
  line-height: 100%;
  letter-spacing: 0%;
  color: #7B7B7B;
}

@media screen and (max-width: 1024px) {
  .section-cityes .city-list {
    column-count: 2;
  }
}
@media screen and (max-width: 768px) {
  .section-cityes .city-list li:nth-child(2) .city-name,
  .section-cityes .city-list li:first-child .city-name {
    font-size: 20px;
  }
  .section-cityes .city-list li .city-name {
    font-size: 16px;
  }
  .section-cityes__head_title span {
    font-size: 28px;
    line-height: 28px;
  }
  .section-cityes__head_title img {
    width: auto;
    height: 20px;
  }
  .section-cityes .city-list li {
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 600px) {
  .section-cityes .city-list {
    column-count: 1;
  }
  .section-cityes__wrapper:not(:last-child) {
    margin-bottom: 60px;
  }
  .section-cityes__head_title span {
    font-size: 22px;
    line-height: 22px;
  }
  .section-cityes__head_title img {
    height: 15px;
  }
  .section-cityes__head {
    margin-bottom: 20px;
  }
}
.section-specialists.section-genre {
  margin-top: 10px;
}

.section-specialists.section-genre .section-specialists__wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 20px;
}

.section-specialists.section-genre .section-specialists__item {
  height: 474px;
}

.section-specialists.section-genre .section-specialists__item img {
  transition: all 1s;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.section-specialists.section-genre .section-specialists__item:hover img {
  transform: scale(1.1);
}

.section-specialists.section-genre .section-specialists__item:before {
  display: none;
}

.section-specialists.section-genre .section-genre__item_image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.section-specialists.section-genre .section-genre__item_image:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
}

.section-specialists.section-genre .section-genre__item_content span {
  color: #fff;
}

.section-specialists.section-genre .mask {
  /* высота автоматически подстраивается под контент */
  height: 100%;
  display: block;
  /* --- WebKit mask (Safari / Chrome) --- */
  -webkit-mask-image: url(/images/mask-left-s.svg), url(/images/mask-center-s.svg), url(/images/mask-right-s.svg);
  -webkit-mask-repeat: no-repeat, no-repeat, no-repeat;
  /* Лево — 0, центр — после 70px, право — справа */
  -webkit-mask-position: left center, 70px center, right center;
  /* Лево = 70, центр = оставшееся, право = 115 */
  -webkit-mask-size: 70px 100%, calc(100% - 70px - 115px) 100%, 115px 100%;
  -webkit-mask-composite: source-over;
  mask-composite: add;
  /* --- Normal mask (Firefox) --- */
  mask-image: url(/images/mask-left-s.svg), url(/images/mask-center-s.svg), url(/images/mask-right-s.svg);
  mask-repeat: no-repeat, no-repeat, no-repeat;
  -webkit-mask-position: left center, 69px center, right center;
  mask-position: left center, 69px center, right center;
  -webkit-mask-size: 70px 100%, calc(100% - 70px - 113px) 100%, 115px 100%;
  mask-size: 70px 100%, calc(100% - 70px - 113px) 100%, 115px 100%;
  -webkit-mask-composite: source-over;
  mask-composite: add;
}

@media screen and (max-width: 900px) {
  .section-specialists.section-genre .section-specialists__item {
    height: 374px;
  }
  .section-specialists.section-genre .section-genre__item_detail {
    height: 50px;
    border-radius: 20px;
  }
}
@media screen and (max-width: 600px) {
  .section-specialists.section-genre .section-specialists__wrapper {
    grid-template-columns: repeat(1, 1fr);
  }
  .section-specialists.section-genre .section-specialists__wrapper .section-genre__item {
    border-radius: 30px 0 30px 30px;
    overflow: hidden;
  }
}
.section-specialists-catalog__wrapper {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 35px;
}

.section-specialists-catalog__filter {
  grid-column: span 1/auto;
}

.section-specialists-catalog__filter button {
  outline: none;
  box-shadow: none;
  border: none;
  background: none;
  width: 100%;
  justify-content: center;
  margin-top: 22px;
  cursor: pointer;
}

.section-specialists-catalog__filter button:last-child {
  margin-top: 12px;
}

.section-specialists-catalog__filter_wrapper {
  padding: 27px 17px;
  background: #fff;
  box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.0901960784);
  border-radius: 24px;
}

.section-specialists-catalog__filter_head {
  display: flex;
  align-items: center;
  margin-bottom: 37px;
}

.section-specialists-catalog__filter_head img {
  margin-right: 7px;
}

.section-specialists-catalog__filter_head span {
  font-weight: 600;
  font-size: 18px;
  line-height: 18px;
  letter-spacing: 0%;
}

.section-specialists-catalog .section-price-filter {
  max-width: 100%;
}

.section-specialists-catalog .filter-block {
  margin-bottom: 37px;
}

.section-specialists-catalog .filter-title {
  font-weight: 600;
  font-size: 18px;
  line-height: 18px;
  letter-spacing: 0%;
  display: block;
  margin-bottom: 20px;
}

.section-specialists-catalog .price-inputs {
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
}

.section-specialists-catalog .price-inputs input {
  width: 100%;
}

.section-specialists-catalog .price-inputs {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 10px;
}

.section-specialists-catalog .price-input {
  display: flex;
  align-items: center;
  padding: 11px 16px;
  width: 48%;
  border: 1px solid #7B7B7B;
  border-radius: 10px;
}

.section-specialists-catalog .input-label {
  font-size: 12px;
  color: #555;
  margin-right: 5px;
}

.section-specialists-catalog .price-input input {
  font-size: 12px;
  border: none;
  padding: 0;
  color: #7B7B7B;
  outline: none;
}

.section-specialists-catalog .irs--flat .irs-line {
  height: 3px;
  background: rgba(194, 119, 241, 0.2);
}

.section-specialists-catalog .irs--flat .irs-bar {
  height: 3px;
  background: linear-gradient(128.47deg, #3D73EB 14.81%, #DE8FFF 83.93%);
}

.section-specialists-catalog .irs--flat .irs-from,
.section-specialists-catalog .irs--flat .irs-to,
.section-specialists-catalog .irs--flat .irs-single,
.section-specialists-catalog .irs--flat .irs-min,
.section-specialists-catalog .irs--flat .irs-max {
  display: none;
}

.section-specialists-catalog .irs--flat {
  margin-top: -15px;
}

.section-specialists-catalog .irs--flat .irs-handle > i:first-child {
  width: 12px;
  height: 12px;
  top: -1.5px;
  border-radius: 100%;
  background: linear-gradient(128.47deg, #3D73EB 14.81%, #DE8FFF 83.93%);
  cursor: pointer;
}

.section-specialists-catalog .irs--flat .irs-handle > i:first-child:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 8px;
  height: 8px;
  border-radius: 100%;
  transform: translateY(-50%) translateX(-50%);
  background: #fff;
}

.section-specialists-catalog__list {
  grid-column: span 3/auto;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  grid-gap: 13px;
}

.section-specialists-catalog__list .section-people-list__item {
  width: calc((100% - 26px) / 3);
}

.section-specialists-catalog__list .navigation-page {
  width: 100%;
}

.section-catalog-description {
  margin: 65px 0;
}
.section-catalog-description h2, .section-catalog-description p, .section-catalog-description ol, .section-catalog-description ul {
  max-width: 662px;
  margin: 0 auto;
  margin-bottom: 25px;
}
.section-catalog-description h2 {
  font-size: 30px;
  line-height: 34px;
  letter-spacing: 3%;
}
.section-catalog-description p, .section-catalog-description li {
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 3%;
  color: #7B7B7B;
}
.section-catalog-description ul, .section-catalog-description ol {
  list-style: initial;
  padding-left: 25px;
}
.section-catalog-description ul li, .section-catalog-description ol li {
  margin-bottom: 15px;
}
.section-catalog-description img {
  max-width: 934px;
  width: 100%;
  margin: 0 auto;
  border-radius: 20px;
  object-fit: cover;
  margin-bottom: 25px;
  height: 445px;
}

.section-checkboxes-filter:not(:last-child) {
  margin-bottom: 37px;
}

.section-checkboxes-filter__title {
  font-weight: 600;
  font-size: 18px;
  line-height: 18px;
  letter-spacing: 0%;
  margin-bottom: 20px;
}

.section-checkboxes-filter__item input {
  display: none;
}

.section-checkboxes-filter__item input:checked ~ label:before {
  opacity: 0 !important;
}

.section-checkboxes-filter__item input:checked ~ label:after {
  opacity: 1 !important;
}

.section-checkboxes-filter__item input:checked ~ label {
  padding-left: 12px;
}

.section-checkboxes-filter__item input:checked ~ label span {
  color: #B76FFF;
}

.section-checkboxes-filter__item label {
  display: flex;
  align-items: center;
  margin-bottom: 18px;
  cursor: pointer;
  transition: all 0.2s;
  position: relative;
}

.section-checkboxes-filter__item label:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
  height: 8px;
  font-weight: 400;
  font-size: 14px;
  line-height: 10px;
  letter-spacing: 0%;
  color: #B76FFF;
  transition: all 0.2s;
  opacity: 0;
  background: url("/images/filter_add.svg") no-repeat center center;
}

.section-checkboxes-filter__item label:after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
  height: 8px;
  font-weight: 400;
  font-size: 14px;
  line-height: 10px;
  letter-spacing: 0%;
  color: #B76FFF;
  transition: all 0.2s;
  opacity: 0;
  background: url("/images/filter_remove.svg") no-repeat center center;
}

.section-checkboxes-filter__item label:hover {
  padding-left: 12px;
}

.section-checkboxes-filter__item label:hover:before {
  opacity: 1;
}

.section-checkboxes-filter__item label:hover span {
  color: #B76FFF;
}

.section-checkboxes-filter__item label img {
  width: 20px;
  height: 20px;
  border-radius: 100%;
  object-fit: cover;
  margin-right: 6px;
}

.section-checkboxes-filter__item label span {
  font-weight: 400;
  font-size: 14px;
  line-height: 14px;
  letter-spacing: 0%;
  color: #151515;
  transition: all 0.2s;
}

.section-checkboxes-filter__item label p {
  color: #7B7B7B;
  font-weight: 400;
  font-size: 14px;
  line-height: 14px;
  letter-spacing: 0%;
  margin-left: 5px;
}

.section-specialists-catalog__mobile {
  display: none;
}

.section-checkboxes-filter.section-checkboxes-filter-magazines .section-checkboxes-filter__list {
  max-height: 180px;
  overflow-y: scroll;
}

.section-checkboxes-filter.section-checkboxes-filter-magazines .section-checkboxes-filter__list .section-checkboxes-filter__item:last-child label {
  margin-bottom: 0;
}

.section-checkboxes-filter.section-checkboxes-filter-magazines .section-checkboxes-filter__list::-webkit-scrollbar {
  width: 3px;
}

.section-checkboxes-filter.section-checkboxes-filter-magazines .section-checkboxes-filter__list::-webkit-scrollbar-track {
  background: #f0f0f0;
  border-radius: 3px;
}

.section-checkboxes-filter.section-checkboxes-filter-magazines .section-checkboxes-filter__list::-webkit-scrollbar-thumb {
  background-color: #B76FFF;
  border-radius: 6px;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}

.section-checkboxes-filter.section-checkboxes-filter-magazines .section-checkboxes-filter__list::-webkit-scrollbar-thumb:hover {
  background-color: #B76FFF;
}

.section-specialists-catalog {
  margin-bottom: 60px;
}
.section-specialists-catalog .section-catalog__item {
  width: calc((100% - 26px) / 3);
}

@media screen and (max-width: 1200px) {
  .section-specialists-catalog .section-catalog__item {
    width: calc((100% - 13px) / 2);
  }
  .section-specialists-catalog__wrapper {
    grid-template-columns: repeat(8, 1fr);
  }
  .section-specialists-catalog__filter {
    grid-column: span 3/auto;
  }
  .section-specialists-catalog__list {
    grid-column: span 5/auto;
  }
  .section-specialists-catalog__list .section-people-list__item {
    width: calc((100% - 26px) / 2);
  }
}
@media screen and (max-width: 800px) {
  .section-specialists-catalog__mobile {
    display: flex;
    align-items: center;
    justify-content: space-between;
    grid-column: span 8/auto;
  }
  .section-specialists-catalog__mobile .section-specialists-catalog__filter_head {
    margin-bottom: 0;
  }
  .section-specialists-catalog__mobile_button {
    padding-left: 32px;
    font-weight: 600;
    font-size: 14px;
    line-height: 140%;
    letter-spacing: 0px;
    color: #C277F1;
    background: url("/images/filter.svg") no-repeat center left;
  }
  .section-specialists-catalog__filter {
    opacity: 0;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 40;
    visibility: hidden;
    transition: all 0.2s;
    overflow-y: scroll;
    padding: 15px 25px;
    background: #fff;
  }
  .section-specialists-catalog__filter.active {
    opacity: 1;
    visibility: visible;
  }
  .section-specialists-catalog__list {
    grid-column: span 8/auto;
  }
  .section-specialists-catalog__filter_wrapper .section-specialists-catalog__filter_head {
    display: none;
  }
  .section-specialists-catalog__filter_wrapper .section-specialists-catalog__filter_mobile-head {
    display: flex;
    align-items: center;
    margin-bottom: 36px;
    justify-content: space-between;
  }
  .section-specialists-catalog__filter_wrapper .section-specialists-catalog__filter_mobile-head .close-filter {
    width: 15px;
    height: 15px;
    background: url("/images/close.svg") no-repeat center center;
  }
  .section-specialists-catalog__filter_wrapper .section-specialists-catalog__filter_mobile-head span {
    font-weight: 600;
    font-size: 18px;
    line-height: 48px;
    letter-spacing: 0%;
  }
  .section-specialists-catalog__filter_wrapper {
    padding: 0;
    background: none;
    box-shadow: none;
  }
  .section-specialists-catalog__list .section-people-list__item {
    width: 100%;
  }
  .section-specialists-catalog__list .navigation-page .btn {
    margin-bottom: 25px;
  }
  .section-catalog-description h2 {
    font-size: 20px;
    line-height: 24px;
  }
}
@media screen and (max-width: 600px) {
  .section-specialists-catalog .section-catalog__item {
    width: 100%;
  }
}
.section-reg-form {
  margin: 60px 0;
}
.section-reg-form__wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 583px;
  margin: 0 auto;
}
.section-reg-form__title {
  font-weight: 600;
  font-size: 48px;
  line-height: 48px;
  letter-spacing: 3%;
  margin-bottom: 12px;
}
.section-reg-form__desc {
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  letter-spacing: 3%;
  margin-bottom: 60px;
}
.section-reg-form .form-group {
  margin-bottom: 1.5rem;
}
.section-reg-form .form-group__label {
  display: block;
  margin-bottom: 0.5rem;
  font-weight: 500;
}
.section-reg-form .form-group__input {
  width: 100%;
  padding: 16px;
  border-radius: 16px;
  font-size: 16px;
  border: none;
  background: none;
}
.section-reg-form .form-group__note {
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 3%;
  color: #2A2A2A;
  margin-top: 12px;
  margin-bottom: 30px;
}
.section-reg-form .form-group button {
  border: none;
  outline: none;
  margin: 0 auto;
  cursor: pointer;
}
.section-reg-form .form-group .form-group .btn {
  margin: 0 auto;
}
.section-reg-form .form-group__toggle {
  position: absolute;
  right: 16px;
  bottom: 16px;
  background: url("/images/eye.svg") no-repeat center center;
  width: 24px;
  height: 24px;
  z-index: 26;
  transition: all 0.2s;
}
.section-reg-form .form-group__toggle.is-active {
  background: url("/images/eye2.svg") no-repeat center center;
}
.section-reg-form .form-group__wrap {
  position: relative;
}
.section-reg-form .form-group__wrap input {
  position: relative;
  z-index: 20;
  outline: none;
  box-shadow: none;
}
.section-reg-form .form-group__wrap:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #A7A7A7;
  display: block;
  border-radius: 16px;
  transition: all 0.2s;
}
.section-reg-form .form-group__wrap:before {
  content: "";
  position: absolute;
  left: -2px;
  top: -2px;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  border: 1px solid transparent;
  display: block;
  border-radius: 16px;
  z-index: 19;
  background: linear-gradient(84.19deg, #3D73EB 4.99%, #DE8FFF 97.91%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
  padding: 2px;
  opacity: 0;
  transition: all 0.2s;
}
.section-reg-form .form-group__wrap:focus-within::before {
  opacity: 1;
}
.section-reg-form .form-group__wrap:focus-within::after {
  opacity: 0;
}
.section-reg-form .form-group .iti--inline-dropdown {
  width: 100%;
  position: relative;
  z-index: 25;
  border: 1px solid transparent;
}
.section-reg-form .form-group .iti--allow-dropdown .iti__flag-container {
  width: 87px;
  background: #ededed;
  border-radius: 16px 0 0 16px;
}
.section-reg-form .form-group .iti--allow-dropdown .iti__flag-container:hover {
  background: #ededed;
}
.section-reg-form .form-group .iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag {
  background: transparent;
}
.section-reg-form .form-group .iti--allow-dropdown input.iti__tel-input {
  padding-left: 100px;
}
.section-reg-form .form-group .iti__selected-flag {
  justify-content: center;
}
.section-reg-form .form-group .iti__flag {
  transform: scale(1.2);
  border-radius: 3px;
}
.section-reg-form .form-group .iti__arrow {
  border: none;
  width: 24px;
  height: 24px;
  background: url("/images/tel_arrow.svg") no-repeat center center;
}
.section-reg-form .form-group .iti--inline-dropdown .iti__dropdown-content {
  z-index: 30;
}
.section-reg-form .form-group__button {
  margin-top: 0.5rem;
  padding: 0.6rem 1rem;
  background: #007bff;
  color: #fff;
  border: none;
  border-radius: 6px;
  cursor: pointer;
}
.section-reg-form .form-group__button:hover {
  background: #0056b3;
}
.section-reg-form .form-actions {
  display: flex;
  justify-content: space-between;
  margin-top: 2rem;
  gap: 20px;
}
.section-reg-form .form-actions__back {
  filter: grayscale(100%);
}
.section-reg-form .form-actions__back, .section-reg-form .form-actions__next {
  cursor: pointer;
  justify-content: center;
  background: none;
  outline: none;
  border: none;
  box-shadow: none;
  width: calc(100% - 10px);
}

.section-account__wrapper {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 200px;
  margin-top: 25px;
}

.section-account__navigation li {
  margin-bottom: 24px;
}

.section-account__navigation li.active {
  color: #3D73EB;
}

.section-account__navigation li.active a {
  pointer-events: none;
}

.section-account__navigation li.active i {
  filter: brightness(0) saturate(100%) invert(60%) sepia(75%) saturate(5982%) hue-rotate(209deg) brightness(95%) contrast(94%);
}

.section-account__navigation li.active span {
  color: #3D73EB;
}

.section-account__navigation a {
  display: flex;
  align-items: center;
  font-weight: 500;
  font-size: 18px;
  line-height: 20px;
  letter-spacing: 0.03em;
  white-space: nowrap;
  color: #7B7B7B;
}

.section-account__navigation a .icon {
  width: 24px;
  height: 24px;
  margin-right: 18px;
}

.section-account__navigation a .icon i {
  width: 24px;
  height: 24px;
  display: block;
}

.section-account__navigation a .icon-profile {
  background: url("/images/profile.svg") no-repeat center center;
}

.section-account__navigation a .icon-messages {
  background: url("/images/messages.svg") no-repeat center center;
}

.section-account__navigation a .icon-orders {
  background: url("/images/orders.svg") no-repeat center center;
}

.section-account__navigation a .icon-favorites {
  background: url("/images/favorites.svg") no-repeat center center;
}

.section-account__navigation a .icon-reviews {
  background: url("/images/reviews.svg") no-repeat center center;
}

.section-account__navigation a .icon-settings {
  background: url("/images/settings.svg") no-repeat center center;
}

.section-account__navigation a .icon-support {
  background: url("/images/support.svg") no-repeat center center;
}

.section-account__client {
  grid-column: span 3/auto;
  margin-bottom: 60px;
}

.section-account__client_head h2 {
  font-weight: 600;
  font-size: 26px;
  line-height: 26px;
  letter-spacing: 0.03em;
  margin-bottom: 6px;
}

.section-account__client_head p {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #2A2A2A;
  margin-bottom: 20px;
}

.section-account__client_head a {
  font-weight: 600;
  font-size: 16px;
  line-height: 17px;
  text-decoration: underline;
  color: #3D73EB;
  margin-bottom: 60px;
  display: inline-block;
}

.section-account__client_wrapper {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 16px;
  margin-bottom: 60px;
}

.section-account__client_block-link {
  padding: 14px;
  background: #FFFFFF;
  box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.0509803922);
  border-radius: 20px;
}

.section-account__client .block-link {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.section-account__client .block-link p {
  margin-bottom: 18px;
  font-weight: 400;
  font-size: 14px;
  line-height: 19px;
  color: #2A2A2A;
}

.section-account__client .block-link__head {
  display: flex;
  align-items: center;
  margin-bottom: 18px;
}

.section-account__client .block-link__head_icon {
  width: 42px;
  height: 42px;
  border-radius: 100%;
  margin-right: 13px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(128.47deg, #3D73EB 14.81%, #DE8FFF 83.93%);
}

.section-account__client .block-link__head img {
  width: 24px;
  height: 24px;
  display: block;
  margin-top: 1px;
}

.section-account__client .block-link__head span {
  font-weight: 600;
  font-size: 16px;
  line-height: 19px;
}

.section-account__close-btn {
  width: 24px;
  height: 24px;
  background: url("/images/close.svg") no-repeat center center;
  border: none;
  outline: none;
  position: absolute;
  right: 20px;
  top: 20px;
}

.section-account__nav-toggle {
  display: none;
  border: none;
  background: none;
  transition: all 0.2s;
  outline: none;
  padding: 10px 12px;
  font-size: 14px;
}

.section-account__nav-toggle span {
  font-size: 14px;
}

.section-account__nav-toggle:before {
  border-radius: 12px;
}

.section-account__nav-toggle:after {
  border-radius: 12px;
}

@media (max-width: 600px) {
  .section-account__nav-toggle {
    display: block;
  }
}
li.section-account__close {
  position: absolute;
  opacity: 0;
}

@media screen and (max-width: 1050px) {
  .section-account__client_wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
  .section-account__wrapper {
    grid-gap: 50px;
  }
}
@media screen and (max-width: 600px) {
  .section-account__navigation {
    position: absolute;
    right: 15px;
    top: -80px;
  }
  .section-account {
    position: relative;
  }
  .section-account__navigation ul {
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s;
    position: fixed;
    left: 0;
    top: 0;
    padding: 20px;
    background: #fff;
    z-index: 35;
    width: 100%;
    height: 100%;
  }
  .section-account__navigation ul.is-open {
    opacity: 1;
    visibility: visible;
  }
  .section-account__wrapper {
    grid-gap: 0;
  }
  .section-account__client {
    grid-column: span 4/auto;
  }
  .section-account__client_wrapper {
    grid-template-columns: repeat(1, 1fr);
  }
}
.section-account__client_favorites .section-people-list__item_wrapper {
  padding-bottom: 20px;
}

.section-account__client_favorites {
  gap: 30px;
  display: flex;
  flex-direction: column;
  margin-top: 30px;
}

.section-account__client_favorites .section-people-list__item_blocks {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 15px;
  margin-bottom: 30px;
}

.section-account__client_favorites .section-people-list__item_block {
  padding: 12px 16px;
  background: rgba(61, 115, 235, 0.1019607843);
  -webkit-backdrop-filter: blur(42px);
          backdrop-filter: blur(42px);
  border-radius: 20px;
}

.section-account__client_favorites .section-people-list__item_block p {
  font-weight: 400;
  font-size: 14px;
  line-height: 14px;
  margin-bottom: 12px;
  color: #3D73EB;
}

.section-account__client_favorites .section-people-list__item_block span {
  font-weight: 600;
  font-size: 20px;
  line-height: 20px;
  color: #2A2A2A;
}

.section-account__client_favorites .section-people-list__item_name {
  max-width: none;
}

@media screen and (max-width: 600px) {
  .section-account__client_favorites .section-people-list__item_blocks {
    grid-template-columns: repeat(1, 1fr);
  }
  li.section-account__close {
    position: initial;
    opacity: 1;
  }
}
.main-info {
  margin-top: 30px;
}
.main-info__head h2 {
  padding-bottom: 10px;
  font-size: 18px;
  line-height: 26px;
  border-bottom: 1px solid #F1F1F1;
}
.main-info__head p {
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
  margin: 14px 0 25px;
  color: #7B7B7B;
}
.main-info__wrapper {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-column-gap: 100px;
  margin: 40px 0;
}
.main-info__block {
  grid-column: span 5/auto;
  margin: 50px 0 30px;
}
.main-info__phone {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  position: relative;
}
.main-info__phone span {
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.03em;
  vertical-align: middle;
}
.main-info__phone_field {
  font-weight: 600;
  font-size: 18px;
  line-height: 20px;
  letter-spacing: 0.03em;
}
.main-info__phone-value {
  font-size: 18px !important;
}
.main-info__checkbox {
  margin-top: 12px;
  width: 100%;
  /* Ползунок */
  /* Кружок */
  /* Активное состояние */
}
.main-info__checkbox input {
  display: none;
  opacity: 0;
  width: 0;
  height: 0;
  overflow: hidden;
}
.main-info__checkbox label {
  position: relative;
}
.main-info__checkbox .main-info__toggle {
  display: flex;
  align-items: center;
  gap: 12px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.main-info__checkbox .main-info__toggle-input {
  display: none;
}
.main-info__checkbox .main-info__toggle-slider {
  position: relative;
  width: 48px;
  height: 26px;
  background: #dcdcdc;
  border-radius: 20px;
  transition: 0.25s ease;
}
.main-info__checkbox .main-info__toggle-slider::before {
  content: "";
  position: absolute;
  top: 3px;
  left: 3px;
  width: 20px;
  height: 20px;
  background: #fff;
  border-radius: 50%;
  transition: 0.25s ease;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}
.main-info__checkbox .main-info__toggle-input:checked + .main-info__toggle-slider {
  background: linear-gradient(128.47deg, #3D73EB 14.81%, #DE8FFF 83.93%);
}
.main-info__checkbox .main-info__toggle-input:checked + .main-info__toggle-slider::before {
  transform: translateX(22px);
}
.main-info__checkbox .main-info__toggle-text {
  font-weight: 400;
  font-size: 12px;
  line-height: 17px;
  color: #7B7B7B;
}
.main-info .main-info__phone-field {
  width: calc(100% - 250px);
  justify-content: space-between;
}
.main-info .main-info__phone-field, .main-info .main-info__phone-editing {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}
.main-info .main-info__phone-field p, .main-info .main-info__phone-editing p {
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
  max-width: 290px;
  color: #7B7B7B;
}
.main-info .main-info__phone-editing {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 20;
  width: calc(100% - 250px);
  background: #fff;
  align-items: center;
}
.main-info__save {
  grid-column: span 5/auto;
}
.main-info__save .btn {
  background: none;
  outline: none;
  border: none;
  cursor: pointer;
}
.main-info .main-info__phone-edit, .main-info .main-info__phone-save, .main-info .main-info__phone-cancel {
  background: none;
  border: none;
  color: #3D73EB;
  cursor: pointer;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 3%;
  padding: 0;
}
.main-info .main-info__phone-edit {
  text-decoration: underline;
}
.main-info .main-info__phone-input {
  padding: 9px 19px;
  border: none;
  border-radius: 12px;
  font-size: 14px;
  width: 180px;
  background: none;
}
.main-info__fields {
  grid-column: span 3/auto;
}
.main-info .main-info__photo {
  width: 166px;
}
.main-info .main-info__photo .btn {
  padding: 15px;
  justify-content: center;
}
.main-info .main-info__photo-label {
  display: block;
  cursor: pointer;
}
.main-info .main-info__photo-preview {
  width: 166px;
  height: 166px;
  object-fit: cover;
  border-radius: 100%;
  margin-bottom: 15px;
}
.main-info .main-info__photo-input {
  display: none;
}
.main-info .main-info__fields {
  flex: 1 1;
  display: grid;
  grid-gap: 16px;
  gap: 16px;
}
.main-info .main-info__field {
  display: flex;
  align-items: center;
}
.main-info .main-info__label {
  display: block;
  margin-bottom: 4px;
  font-weight: 600;
  width: 180px;
  font-size: 18px;
  line-height: 26px;
}
.main-info .main-info__input {
  width: 100%;
  padding: 9px 19px;
  border: 1px solid #A7A7A7;
  border-radius: 12px;
  font-weight: 600;
  font-size: 16px;
  line-height: 26px;
  color: #2A2A2A;
}
.main-info .main-info__input::placeholder {
  color: #A7A7A7;
}
.main-info .main-info .main-info__phone-editing .main-info__phone-field[data-state=edit], .main-info .main-info__phone-editing[data-state=view] {
  display: none;
}
.main-info .form-group__wrap:before {
  content: "";
  position: absolute;
  left: -2px;
  top: -2px;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  border: 1px solid transparent;
  display: block;
  border-radius: 12px;
  z-index: 19;
  background: linear-gradient(84.19deg, #3D73EB 4.99%, #DE8FFF 97.91%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
  padding: 2px;
  opacity: 0;
  transition: all 0.2s;
}
.main-info .form-group__wrap:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #A7A7A7;
  display: block;
  border-radius: 12px;
  transition: all 0.2s;
}
.main-info .form-group__wrap input {
  position: relative;
  z-index: 20;
  outline: none;
  box-shadow: none;
}
.main-info .form-group__wrap textarea {
  position: relative;
  z-index: 20;
  outline: none;
  box-shadow: none;
  border: none;
  background: none;
  resize: none;
}
.main-info .form-group__wrap select {
  position: relative;
  z-index: 20;
  outline: none;
  box-shadow: none;
  border: none;
  background: none;
}
.main-info .form-group__wrap {
  position: relative;
}
.main-info .form-group__wrap:focus-within::after {
  opacity: 0;
}
.main-info .form-group__wrap:focus-within::before {
  opacity: 1;
}
.main-info .main-info__toggle-title {
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  width: 70px;
}
.main-info .main-info__text {
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
  color: #7B7B7B;
}
.main-info .main-info__text a {
  color: #3D73EB;
}

@media screen and (max-width: 600px) {
  .main-info__wrapper {
    grid-template-columns: repeat(1, 1fr);
  }
  .main-info__fields,
  .main-info__block {
    grid-column: span 1/auto;
  }
  .main-info__wrapper {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 30px;
  }
  .main-info__phone {
    flex-direction: column;
  }
  .main-info .main-info__phone-field {
    width: 100%;
    flex-direction: column;
  }
  .main-info .main-info__phone-editing {
    width: 100%;
    top: 45px;
  }
  .main-info__checkbox .main-info__toggle {
    flex-wrap: wrap;
  }
  .main-info__checkbox .main-info__toggle-text {
    width: calc(100% - 100px);
  }
  .main-info .main-info__toggle-title {
    width: 100%;
  }
}
.chat {
  display: flex;
  height: 80vh;
  max-height: 606px;
  background: #f5f5f5;
  margin-top: 30px;
}
.chat__sidebar {
  width: 280px;
  background: #fff;
  border-right: 1px solid #e5e5e5;
  overflow-y: auto;
  /* Скрыть скролл в Chrome, Safari, Edge */
  /* Скрыть скролл в Firefox */
  scrollbar-width: none;
  /* Скрыть скролл в IE/старых Edge */
  -ms-overflow-style: none;
}
.chat__sidebar::-webkit-scrollbar {
  width: 0;
  height: 0;
}
.chat__main {
  flex: 1 1;
  display: flex;
  flex-direction: column;
}
.chat__header {
  display: flex;
  align-items: center;
  padding: 20px;
  background: #fff;
  border-bottom: 1px solid #e5e5e5;
}
.chat__header-name {
  font-weight: 600;
  font-size: 20px;
  line-height: 28px;
  letter-spacing: 0.5px;
  vertical-align: middle;
  color: #1D2739;
}
.chat__messages {
  flex: 1 1;
  padding: 20px;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  gap: 12px;
  background: #fff;
  /* Скрыть скролл в Chrome, Safari, Edge */
  /* Скрыть скролл в Firefox */
  scrollbar-width: none;
  /* Скрыть скролл в IE/старых Edge */
  -ms-overflow-style: none;
}
.chat__messages::-webkit-scrollbar {
  width: 0;
  height: 0;
}
.chat__input {
  padding: 20px;
  background: #fff;
}
.chat__controls {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 15px 20px;
  background: #fff;
  box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.0588235294);
  border-radius: 200px;
  width: calc(100% - 64px);
}
.chat__controls input {
  border: none;
  background: none;
  outline: none;
}
.chat__controls button {
  background: none;
  border: none;
  outline: none;
  cursor: pointer;
}
.chat__controls i {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.chat__controls .icon-smile {
  background: url("/images/smile.svg") no-repeat center center;
}
.chat__controls .icon-face {
  background: url("/images/face.svg") no-repeat center center;
}
.chat__controls .icon-gif {
  background: url("/images/gif.svg") no-repeat center center;
}
.chat__controls .icon-image {
  background: url("/images/image.svg") no-repeat center center;
}
.chat {
  display: flex;
  align-items: center;
}
.chat__form {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.chat__send {
  width: 52px;
  height: 52px;
  background: #fff url("/images/send.svg") no-repeat center center;
  box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.0588235294);
  border-radius: 100%;
  border: none;
  outline: none;
  cursor: pointer;
  transition: all 0.2s;
}
.chat__send:hover {
  box-shadow: 0px 4px 24px 0px rgba(0, 39, 255, 0.26);
}

.contact {
  display: flex;
  padding: 12px 15px;
  padding-left: 0;
  cursor: pointer;
  transition: background 0.2s;
}
.contact--active {
  background: #eef3ff;
}
.contact:hover {
  background: #f2f2f2;
}
.contact__avatar img {
  max-width: 100%;
  max-height: 100%;
}
.contact {
  margin-left: 12px;
  width: calc(100% - 70px);
}
.contact__info_head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.contact__info_text {
  white-space: nowrap;
  /* Текст не переносится */
  overflow: hidden;
  /* Обрезаем всё за пределами блока */
  text-overflow: ellipsis;
  /* Добавляем многоточие */
}
.contact__name {
  font-weight: 600;
}
.contact__time {
  font-size: 12px;
  color: #999;
}
.contact__avatar {
  overflow: hidden;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.chat__contacts .contact:nth-child(1n) .contact__avatar {
  background: rgba(194, 119, 241, 0.4);
}

.chat__contacts .contact:nth-child(2n) .contact__avatar {
  background: rgba(119, 181, 241, 0.4);
}

.chat__contacts .contact:nth-child(3n) .contact__avatar {
  background: rgba(119, 241, 178, 0.4);
}

.chat__contacts .contact:nth-child(4n) .contact__avatar {
  background: rgba(241, 207, 119, 0.4);
}

.chat__contacts .contact:nth-child(5n) .contact__avatar {
  background: rgba(241, 119, 119, 0.4);
}

.message {
  max-width: 70%;
  align-self: flex-start;
}
.message--in {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.message--in__content {
  font-weight: 400;
  font-size: 12px;
  line-height: 28px;
  letter-spacing: 0.5px;
  vertical-align: middle;
  padding: 16px 20px;
  margin-bottom: 4px;
  background: #F7F2FA;
  border-radius: 4px 32px 32px 4px;
}
.message--in__content:first-child {
  border-radius: 32px 32px 32px 4px;
}
.message--in__content:last-child {
  border-radius: 4px 32px 32px 32px;
}
.message--out {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  align-self: flex-end;
}
.message--out__content {
  font-weight: 400;
  font-size: 12px;
  line-height: 28px;
  letter-spacing: 0.5px;
  vertical-align: middle;
  padding: 16px 20px;
  margin-bottom: 4px;
  background: #F1F0F1;
  border-radius: 32px 4px 4px 32px;
}
.message--out__content:first-child {
  border-radius: 32px 32px 4px 32px;
}
.message--out__content:last-child {
  border-radius: 32px 4px 32px 32px;
}
.message__time {
  margin-top: 4px;
  font-size: 11px;
  color: #888;
  text-align: right;
}

.chat__messages {
  padding-right: 0;
}

@media screen and (max-width: 600px) {
  .chat {
    max-height: none;
    height: auto;
  }
  .chat__sidebar {
    height: 600px;
  }
  .contact__info {
    display: none;
  }
  .chat {
    width: 70px;
  }
  .chat__main {
    width: calc(100% - 80px);
    height: 600px;
  }
  .contact--active {
    background: transparent;
  }
  .contact--active .contact__avatar {
    border: 2px solid #3D73EB;
  }
  .chat__header-name {
    font-size: 18px;
  }
  .message {
    line-height: 16px;
  }
  .message .message {
    max-width: 85%;
  }
  .chat {
    flex-wrap: wrap;
    position: relative;
  }
  .chat__input {
    padding-bottom: 0;
  }
  .chat__controls {
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    border-radius: 20px;
  }
  .chat__icons {
    margin-top: 15px;
  }
  .chat__send {
    position: absolute;
    right: 0;
    bottom: 0;
    background-color: transparent;
    box-shadow: none !important;
  }
}
.section-account__orders {
  margin-top: 30px;
  display: grid;
  grid-gap: 20px;
}

.section-account__orders_item {
  padding: 26px;
  background: #fff;
  border-radius: 30px;
  box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.0901960784);
}

.section-account__orders_head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
}

.section-account__orders_head span {
  font-weight: 600;
  font-size: 16px;
  line-height: 26px;
}

.section-account__orders_status {
  padding-left: 32px;
  font-weight: 600;
  font-size: 14px;
  line-height: 26px;
}

.section-account__orders_status.success {
  color: #7B7B7B;
  background: url("/images/success.svg") no-repeat center left;
}

.section-account__orders_info {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

.section-account__orders_image {
  width: 62px;
  height: 62px;
  border-radius: 100%;
  overflow: hidden;
}

.section-account__orders_image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.section-account__orders_content {
  width: calc(100% - 90px);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.section-account__orders_column {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
}

.section-account__orders_column p {
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: 0.03em;
  color: #7B7B7B;
  margin-bottom: 0;
}

.section-account__orders_column p b {
  color: #2A2A2A;
}

.section-account__orders_column a {
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.03em;
  text-decoration: underline;
  color: #3D73EB;
  margin-bottom: 10px;
}

.section-account__orders_line {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.section-account__orders_line span {
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 3%;
  color: #7B7B7B;
}

.section-account__orders_line p {
  font-weight: 600;
  font-size: 20px;
  line-height: 20px;
  letter-spacing: 0.03em;
  color: #2A2A2A;
}

.account-progress {
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: space-between;
  margin-bottom: 60px;
}
.account-progress span {
  font-weight: 400;
  font-size: 12px;
  line-height: 20px;
  letter-spacing: 0.03em;
  color: #2A2A2A;
}
.account-progress__wrapper {
  position: relative;
  width: calc(100% - 120px);
  background: #D9D9D9;
  border-radius: 5px;
  height: 6px;
  overflow: hidden;
}
.account-progress__current {
  background: #3D73EB;
  border-radius: 5px;
  height: 6px;
  position: absolute;
  left: 0;
  top: 0;
  transition: all 0.2s;
}

.percent-group {
  position: relative;
}

.form-group__percent {
  position: absolute;
  right: -60px;
  padding: 6px 8px;
  font-weight: 400;
  font-size: 12px;
  line-height: 20px;
  color: #5ED355;
  background: #DEFFDA;
  border-radius: 20px;
}

.main-info__buttons {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-top: 50px;
}

/* 3. Добавляем стили для скрытия/показа шагов */
.section-account__client_step {
  display: none;
}

.section-account__client_step.active {
  display: block;
  animation: fadeIn 0.3s ease;
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* Стили для кнопок навигации */
.main-info__buttons {
  display: flex;
  gap: 15px;
  margin-top: 30px;
}

.btn-prev {
  background-color: #f5f5f5;
  color: #333;
  filter: grayscale(100);
}
.btn-prev:hover {
  background-color: #e9e9e9;
}

.main-info__field_textarea {
  width: calc(100% - 300px);
}

.main-info__field_textarea .form-group__wrap {
  width: 100%;
}

.main-info__field_textarea textarea {
  width: 100%;
  resize: none;
  border: none !important;
  outline: none;
  background: none;
}

.section-account__client_step .main-info__phone > span {
  max-width: 156px;
}

.section-account__client_step .main-info__phone-field {
  width: calc(100% - 170px);
}

.section-account__client_step .main-info__phone-field .main-info__field_textarea {
  justify-content: space-between;
}

.section-account__client_step .main-info__phone-editing {
  width: calc(100% - 170px);
}

.main-info__phone-field_desc span {
  font-weight: 400;
  font-size: 12px;
  line-height: 20px;
  padding: 6px 8px;
  border-radius: 20px;
  color: #5ED355;
  background: #DEFFDA;
  margin-bottom: 10px;
  display: inline-block;
}

.main-info .main-info__phone-field p,
.main-info .main-info__phone-editing p {
  min-width: 290px;
}

/* Стили для прогресса портфолио */
.portfolio-progress {
  background: #f8f9fa;
  border-radius: 8px;
  padding: 20px;
  margin-bottom: 30px;
}
.portfolio-progress__info {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 15px;
}
.portfolio-progress__text {
  font-weight: 600;
  color: #333;
}
.portfolio-progress__bonus {
  background: #4CAF50;
  color: white;
  padding: 4px 12px;
  border-radius: 20px;
  font-size: 14px;
}
.portfolio-progress__stats {
  display: flex;
  gap: 30px;
}
.portfolio-progress__stat {
  display: flex;
  align-items: center;
  gap: 10px;
}
.portfolio-progress__stat span {
  background: #DEFFDA;
  color: #5ED355;
  padding: 4px 8px;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 600;
}
.portfolio-progress__stat p {
  margin: 0;
  font-size: 14px;
  color: #666;
}

.portfolio-add {
  margin-bottom: 30px;
}
.portfolio-add__btn {
  position: relative;
  display: inline-block;
  margin-right: 15px;
}
.portfolio-add__input {
  position: absolute;
  opacity: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.portfolio-add__counter {
  color: #666;
  font-size: 14px;
}

.portfolio-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
  grid-gap: 15px;
  gap: 15px;
  grid-column: span 5/auto;
  margin-bottom: 30px;
  min-height: 200px;
}

.portfolio-add {
  grid-column: span 5/auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.portfolio-grid__empty {
  grid-column: 1/-1;
  text-align: center;
  color: #999;
}

.portfolio-item {
  position: relative;
  border-radius: 8px;
  overflow: hidden;
  aspect-ratio: 1;
}
.portfolio-item__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.portfolio-item__remove {
  position: absolute;
  top: 5px;
  right: 5px;
  background: rgba(0, 0, 0, 0.7);
  color: white;
  border: none;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.portfolio-item__category {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
  color: white;
  padding: 5px;
  font-size: 12px;
  text-align: center;
}

.modal-overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1000;
  align-items: center;
  justify-content: center;
}
.modal-overlay.active {
  display: flex;
}

.portfolio-modal__content {
  background: white;
  border-radius: 30px;
  width: 90%;
  max-width: 500px;
  max-height: 90vh;
  overflow: auto;
}

.portfolio-modal__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px;
  position: relative;
  padding-bottom: 0;
  padding-top: 40px;
}

.portfolio-modal__header h3 {
  width: 100%;
  text-align: center;
  font-weight: 500;
  font-size: 20px;
  line-height: 26px;
  letter-spacing: 0.03em;
  vertical-align: middle;
  margin-bottom: 20px;
}

.portfolio-modal__close {
  background: none;
  border: none;
  font-size: 24px;
  cursor: pointer;
  color: #666;
  position: absolute;
  right: 10px;
  top: 10px;
}

.portfolio-modal__body {
  padding: 0 40px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.portfolio-modal__preview {
  width: 100%;
  aspect-ratio: 16/9;
  overflow: hidden;
  border-radius: 8px;
}

.portfolio-modal__preview img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 20px;
}

.portfolio-modal__footer {
  padding: 40px;
  padding-top: 30px;
  display: flex;
  justify-content: flex-end;
  gap: 10px;
}

.portfolio-modal__footer .btn {
  width: 100%;
  background: none;
  outline: none;
  border: none;
  transition: all 0.2s;
  cursor: pointer;
  justify-content: center;
}

.btn-secondary {
  background: #f5f5f5;
  color: #333;
}

#photo-category {
  /* Основные стили */
  width: 100%;
  padding: 9px 40px 9px 19px;
  /* Право больше для стрелки */
  font-size: 14px;
  line-height: 1.5;
  border: 1px solid #7B7B7B;
  border-radius: 12px;
  background-color: white;
  /* Убираем дефолтную стрелку */
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  /* Важно для мака */
  cursor: pointer;
  outline: none;
}

.form-group__wrap-select {
  position: relative;
}

/* Кастомная стрелка через псевдоэлемент */
.form-group__wrap-select::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 16px;
  transform: translateY(-50%);
  width: 12px;
  height: 12px;
  background-image: url("/images/select_arrow.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  pointer-events: none;
  /* Чтобы клик проходил сквозь на селект */
  /* Для лучшего отображения на маке */
  -webkit-font-smoothing: antialiased;
}

.main-info .portfolio-modal__form .form-group__wrap textarea {
  font-size: 14px;
  line-height: 1.5;
}

.portfolio-modal__form .form-group {
  margin-bottom: 20px;
}

.portfolio-modal__form label {
  font-size: 16px;
  margin-bottom: 8px;
  display: block;
}

/* Шаг 4: Категории каталога */
.catalog-categories__grid {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-gap: 52px;
  gap: 52px;
}

.card-category {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  cursor: pointer;
  transition: all 0.3s ease;
  position: relative;
}
.card-category:hover {
  transform: translateY(-2px);
}
.card-category__input {
  position: absolute;
  opacity: 0;
}

.catalog-category__input {
  display: none;
}

.catalog-category__input:checked + .catalog-category__content .catalog-category__icon img {
  border: 2px solid;
  border-color: #1976d2;
}

.card-category__content {
  padding: 10px;
  border-radius: 8px;
}

.catalog-category__icon img {
  width: 100px;
  height: 100px;
  margin: 0 auto 15px;
  background: #f5f5f5;
  border-radius: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  object-fit: cover;
  transition: all 0.2s;
}

.catalog-category__title {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 10px;
  color: #333;
}

.card-category__desc {
  font-size: 14px;
  color: #666;
  line-height: 1.4;
}

/* Шаг 5: Карусель фотографий */
.catalog-portfolio {
  margin-bottom: 30px;
}
.catalog-portfolio .btn {
  background: none;
  border: none;
  outline: none;
}
.catalog-portfolio h3 {
  font-weight: 600;
  font-size: 16px;
  line-height: 26px;
  padding: 16px;
  background: rgba(61, 115, 235, 0.05);
  width: calc(100% - 220px);
  border-radius: 12px;
}
.catalog-portfolio .catalog-portfolio__counter {
  display: none;
}
.catalog-portfolio__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}
.catalog-portfolio__counter {
  color: #666;
  font-size: 14px;
}

.btn-small {
  padding: 8px 16px;
  font-size: 14px;
}

.catalog-portfolio__carousel {
  display: flex;
  align-items: center;
  justify-content: center;
}

.catalog-portfolio__carousel.has-photos {
  border: none;
  padding: 0;
  display: block;
}

.carousel-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
  grid-gap: 15px;
  gap: 15px;
}

.carousel-photo {
  position: relative;
  border-radius: 8px;
  overflow: hidden;
  aspect-ratio: 1;
}
.carousel-photo__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.carousel-photo__remove {
  position: absolute;
  top: 5px;
  right: 5px;
  background: rgba(0, 0, 0, 0.7);
  color: white;
  border: none;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}

.catalog-settings {
  margin-bottom: 30px;
}
.catalog-settings__toggle {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 20px;
}
.catalog-settings__toggle span {
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  max-width: 255px;
}
.catalog-settings__toggle_right {
  display: flex;
  align-items: center;
}
.catalog-settings__toggle_right p {
  max-width: 365px;
  font-weight: 400;
  font-size: 12px;
  line-height: 17px;
}
.catalog-settings__header {
  padding: 13px;
  font-weight: 600;
  font-size: 16px;
  line-height: 26px;
  background: rgba(61, 115, 235, 0.05);
  border-radius: 12px;
  margin-bottom: 30px;
}
.catalog-settings__toggle p {
  margin: 5px 0 0 40px;
  color: #666;
  font-size: 14px;
}
.catalog-settings__grid {
  gap: 20px;
  margin-bottom: 25px;
}
.catalog-settings__grid .form-group {
  margin-bottom: 30px;
}
.catalog-settings__grid label {
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  width: 265px;
}
.catalog-settings__grid input {
  width: 362px !important;
  border: none !important;
  background: none !important;
}
.catalog-settings__duration {
  display: flex;
  align-items: flex-start;
}
.catalog-settings__duration h4 {
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  width: 265px;
}

.duration-options {
  display: flex;
  flex-wrap: wrap;
  margin-top: 10px;
  width: 362px;
}

.duration-option {
  cursor: pointer;
  transition: all 0.3s ease;
  width: 50%;
  margin-bottom: 20px;
}
.duration-option span {
  position: relative;
  padding-left: 28px;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  color: #2A2A2A;
}
.duration-option span:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  border: 1px solid #7B7B7B;
  border-radius: 4px;
}
.duration-option span:after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  border-radius: 4px;
  background: url("/images/check.svg") no-repeat center center;
  opacity: 0;
  transition: all 0.2s;
}
.duration-option:hover {
  opacity: 0.7;
}
.duration-option input:checked + span:after {
  opacity: 1;
}
.duration-option input {
  display: none;
}

.catalog-prices h3 {
  padding: 13px;
  font-weight: 600;
  font-size: 16px;
  line-height: 26px;
  background: rgba(61, 115, 235, 0.05);
  border-radius: 12px;
  margin-bottom: 12px;
}

.catalog-prices__header p {
  font-weight: 400;
  font-size: 12px;
  line-height: 17px;
  max-width: 700px;
  color: #7B7B7B;
}

.catalog-prices__table {
  overflow-x: auto;
  margin: 20px 0;
}

#price-table {
  width: 100%;
  border-collapse: collapse;
  background: white;
  border-radius: 8px;
  overflow: hidden;
}

#price-table th {
  font-size: 13px;
  line-height: 17px;
  color: #2A2A2A;
  text-align: left;
  font-weight: 600;
}

#price-table td {
  padding: 6px 0;
}

.price-row input,
.price-row select {
  width: 100%;
  padding: 8px 12px;
  border: 1px solid #A7A7A7;
  border-radius: 12px;
  font-size: 14px;
}

.price-row select {
  width: 199px;
}

.remove-row {
  border: none;
  cursor: pointer;
  background: url("/images/delete.svg") no-repeat center center;
  padding: 5px;
  width: 24px;
  height: 24px;
  padding-left: 40px;
}

.catalog-prices__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
  margin-top: 20px;
}

.catalog-prices__footer #add-price-row {
  font-weight: 500;
  font-size: 16px;
  line-height: 17px;
  color: #3D73EB;
  background: none;
  border: none;
  outline: none;
}

.catalog-prices__counter {
  color: #666;
  font-size: 14px;
}

/* Модальное окно выбора фото */
.modal-lg {
  width: 90%;
  max-width: 900px;
  max-height: 80vh;
}

.catalog-modal__tabs {
  display: flex;
  border-bottom: 1px solid #eee;
  margin-bottom: 20px;
}

.tab-btn {
  padding: 10px 20px;
  background: none;
  border: none;
  cursor: pointer;
  font-size: 16px;
  color: #666;
  border-bottom: 3px solid transparent;
}
.tab-btn.active {
  color: #1976d2;
  border-bottom-color: #1976d2;
}

.tab-content {
  display: none;
  min-height: 300px;
}
.tab-content.active {
  display: block;
}

.photos-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
  grid-gap: 15px;
  gap: 15px;
  max-height: 400px;
  overflow-y: auto;
}

.photo-select {
  position: relative;
  border-radius: 8px;
  overflow: hidden;
  aspect-ratio: 1;
  cursor: pointer;
}
.photo-select__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.photo-select__checkbox {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 20px;
  height: 20px;
  border: 2px solid white;
  border-radius: 4px;
  background: rgba(0, 0, 0, 0.3);
}
.photo-select.selected .photo-select__checkbox {
  background: #1976d2;
  border-color: #1976d2;
}
.photo-select.selected .photo-select__checkbox::after {
  content: "✓";
  color: white;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.directions-selection {
  margin: 30px 0;
}
.directions-selection h3 {
  font-weight: 500;
  font-size: 16px;
  line-height: 26px;
  color: #3D73EB;
}

.directions-info p {
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  color: #7B7B7B;
}

.directions-info p a {
  color: #3D73EB;
  text-decoration: underline;
}

.directions-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}

.directions-counter {
  background: #e3f2fd;
  padding: 8px 16px;
  border-radius: 20px;
  font-weight: 600;
  color: #1976d2;
  display: none;
}

.directions-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 20px;
  gap: 20px;
  margin-bottom: 20px;
}

.direction-checkbox {
  display: flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
  transition: color 0.3s ease;
}
.direction-checkbox input {
  display: none;
}
.direction-checkbox input:checked ~ span:after {
  opacity: 1;
}
.direction-checkbox span {
  font-weight: 400;
  font-size: 14px;
  line-height: 14px;
  padding-left: 28px;
  position: relative;
}
.direction-checkbox span:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  border: 1px solid #7B7B7B;
  border-radius: 4px;
}
.direction-checkbox span:after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  border-radius: 4px;
  background: url("/images/check.svg") no-repeat center center;
  opacity: 0;
  transition: all 0.2s;
}
.direction-checkbox:hover {
  color: #1976d2;
}

.switch {
  position: relative;
  display: inline-block;
  width: 50px;
  height: 24px;
}
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  width: 36px;
  height: 22px;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  transition: 0.4s;
  border-radius: 24px;
}
.slider:before {
  position: absolute;
  content: "";
  height: 18px;
  width: 18px;
  left: 2px;
  bottom: 2px;
  background-color: white;
  transition: 0.4s;
  border-radius: 50%;
}

input:checked + .slider {
  background: linear-gradient(128.47deg, #3D73EB 14.81%, #DE8FFF 83.93%);
}

input:checked + .slider:before {
  transform: translateX(14px);
}

.modal-overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1000;
  align-items: center;
  justify-content: center;
  padding: 20px;
}
.modal-overlay.active {
  display: flex;
}

.modal-content {
  background: white;
  border-radius: 12px;
  width: 100%;
  max-width: 800px;
  max-height: 80vh;
  overflow: hidden;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
}

.modal-lg {
  max-width: 600px;
}

.modal-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px;
  padding-bottom: 0;
}
.modal-header h3 {
  margin: 0;
  font-size: 20px;
  color: #333;
}

.modal-close,
.portfolio-modal__close {
  background: none;
  border: none;
  font-size: 24px;
  cursor: pointer;
  color: #666;
  padding: 0;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  line-height: 1;
}

.modal-close:hover,
.portfolio-modal__close:hover {
  background: #eee;
}

.modal-body,
.portfolio-modal__body {
  padding: 20px;
  max-height: 60vh;
  overflow-y: auto;
}

.modal-footer,
.portfolio-modal__footer {
  padding: 20px;
  padding-top: 0;
  display: flex;
  gap: 10px;
}

.modal-footer .btn,
.portfolio-modal__footer .btn {
  background: none;
  outline: none;
  border: none;
}

.modal-footer .btn-secondary,
.portfolio-modal__footer .btn-secondary {
  filter: grayscale(100);
}

/* Стили для модального окна каталога (шаг 5) */
.catalog-modal__tabs {
  display: flex;
  border-bottom: 1px solid #eee;
  margin-bottom: 20px;
}

.tab-btn {
  padding: 10px 20px;
  background: none;
  border: none;
  cursor: pointer;
  font-size: 16px;
  color: #666;
  border-bottom: 3px solid transparent;
  transition: all 0.3s ease;
}
.tab-btn:hover {
  color: #1976d2;
}
.tab-btn.active {
  color: #1976d2;
  border-bottom-color: #1976d2;
  font-weight: 600;
}

.tab-content {
  display: none;
  min-height: 300px;
}
.tab-content.active {
  display: block;
}

.photos-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
  grid-gap: 15px;
  gap: 15px;
}

.photo-select {
  height: 161px;
  width: 100%;
  object-fit: cover;
  position: relative;
  border-radius: 8px;
  overflow: hidden;
  aspect-ratio: 1;
  cursor: pointer;
  border: 2px solid transparent;
  transition: all 0.3s ease;
}
.photo-select.selected {
  border-color: #1976d2;
}
.photo-select__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.photo-select__checkbox {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 20px;
  height: 20px;
  border: 2px solid white;
  border-radius: 4px;
  background: rgba(0, 0, 0, 0.3);
  transition: all 0.3s ease;
}
.photo-select.selected .photo-select__checkbox {
  background: #1976d2;
  border-color: #1976d2;
}
.photo-select.selected .photo-select__checkbox::after {
  content: "✓";
  color: white;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 12px;
  font-weight: bold;
}

.add-album-btn span,
.add-photos-btn span {
  font-weight: 400;
  font-size: 15px;
  line-height: 26px;
  color: #3D73EB;
}

#catalog-photos-count-2 {
  margin-left: 10px;
}

/* Карусель фотографий для шага 5 */
.catalog-portfolio__carousel.has-photos {
  display: block;
}

.carousel-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
  grid-gap: 15px;
  gap: 15px;
}

.carousel-photo {
  position: relative;
  border-radius: 8px;
  overflow: hidden;
  aspect-ratio: 1;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
.carousel-photo__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.carousel-photo__remove {
  position: absolute;
  top: 5px;
  right: 5px;
  background: rgba(0, 0, 0, 0.7);
  color: white;
  border: none;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  transition: all 0.3s ease;
}
.carousel-photo__remove:hover {
  background: #f44336;
  transform: scale(1.1);
}

.modal-lg .section-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 9px;
  border-bottom: 1px solid #F1F1F1;
  margin-bottom: 18px;
}

.modal-lg .section-header h4 {
  font-weight: 600;
  font-size: 18px;
  line-height: 26px;
}

.albums-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 10px;
  margin-bottom: 40px;
}

.album-card {
  position: relative;
}
.album-card__info {
  position: absolute;
  left: 10px;
  bottom: 10px;
  font-weight: 400;
  font-size: 12px;
  line-height: 12px;
  color: #fff;
}
.album-card__image {
  width: 100%;
  height: 108px;
  overflow: hidden;
  border-radius: 16px;
  position: relative;
}
.album-card__image:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
}
.album-card__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 16px;
}

@media screen and (max-width: 600px) {
  .section-account__client_step .main-info__phone-field {
    width: 100%;
  }
  .main-info__block {
    width: 100%;
    margin-top: 0;
  }
  .main-info .main-info__field {
    width: 100%;
  }
  .section-account__client_step .main-info__phone > span {
    margin-bottom: 20px;
  }
  .section-account__client_step .main-info__phone > span {
    max-width: none;
  }
  .section-account__client_step .main-info__phone-editing {
    width: 100%;
    top: 30px;
  }
  .portfolio-progress__stats {
    flex-direction: column;
    gap: 10px;
  }
  .portfolio-add {
    width: 100%;
  }
  .portfolio-progress__stat p {
    font-size: 11px;
  }
  .portfolio-add {
    flex-direction: column;
    gap: 15px;
    margin-bottom: 0;
  }
  .portfolio-add__btn {
    margin-right: 0;
  }
  .main-info__buttons {
    width: 100%;
  }
  .main-info__buttons button {
    width: 100%;
    justify-content: space-between;
    display: flex;
    align-items: center;
  }
  .main-info__buttons button span {
    width: 100%;
    text-align: center;
    font-size: 14px;
  }
  .portfolio-tips {
    font-size: 14px;
  }
  .section-account__client_head p {
    font-size: 14px;
    line-height: 18px;
  }
  .main-info .main-info__phone-edit,
  .main-info .main-info__phone-save,
  .main-info .main-info__phone-cancel {
    font-size: 12px;
  }
  .main-info .main-info__field {
    flex-direction: column;
    align-items: flex-start;
  }
  .form-group__percent {
    top: 38px;
  }
  .section-account__client_head h2 {
    font-size: 20px;
  }
  .main-info .main-info__phone .main-info__field {
    flex-direction: row;
  }
  .main-info .main-info__phone-field p,
  .main-info .main-info__phone-editing p {
    max-width: 100%;
  }
  .directions-grid {
    grid-template-columns: repeat(1, 1fr);
  }
  .directions-header {
    flex-direction: column;
    gap: 20px;
    text-align: center;
  }
  .catalog-portfolio__header {
    flex-direction: column;
    gap: 15px;
  }
  .catalog-portfolio h3 {
    width: 100%;
  }
  .albums-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .modal-lg .section-header h4 {
    font-size: 12px;
  }
  .add-album-btn span,
  .add-photos-btn span {
    font-size: 10px;
  }
  .photos-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .photo-select {
    height: 120px;
  }
  .carousel-grid {
    grid-template-columns: repeat(3, 1fr);
  }
  .catalog-settings__header {
    font-size: 14px;
    line-height: 1.2;
  }
  .catalog-settings__toggle {
    flex-direction: column;
    align-items: flex-start;
  }
  .catalog-settings__grid input {
    width: 100% !important;
  }
  .catalog-settings__grid label {
    margin-bottom: 10px;
    display: block;
  }
  .catalog-settings__duration {
    flex-direction: column;
  }
  .catalog-categories__grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
.progress-circles {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  gap: 30px;
  margin-bottom: 40px;
}

.circle-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 1 1;
  min-width: 250px;
  max-width: 300px;
  cursor: pointer;
  transition: transform 0.3s ease;
}
.circle-container:hover {
  transform: translateY(-5px);
}

.circle-title {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 10px;
  color: #2c3e50;
}

.circle-wrapper {
  position: relative;
  width: 200px;
  height: 200px;
  margin: 15px 0;
}

.circle-bg {
  fill: none;
  stroke: #ecf0f1;
  stroke-width: 10;
}

.circle-progress {
  fill: none;
  stroke-width: 10;
  stroke-linecap: round;
  transform: rotate(-90deg);
  transform-origin: 50% 50%;
  stroke-dasharray: 565.48;
  stroke-dashoffset: 565.48;
  animation: none;
  transition: stroke 0.5s ease;
}

.circle-percent {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 36px;
  font-weight: 700;
  transition: color 0.5s ease;
}

.circle-label {
  font-size: 16px;
  color: #7f8c8d;
  margin-top: 5px;
  text-align: center;
  min-height: 40px;
}

.info-sections {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  grid-gap: 25px;
  gap: 25px;
  margin-top: 20px;
}

.info-card {
  background-color: #f8f9fa;
  border-radius: 10px;
  padding: 20px;
  border-left: 4px solid #3498db;
}
.info-card:nth-child(2) {
  border-left-color: #9b59b6;
}
.info-card h3 {
  color: #2c3e50;
  margin-bottom: 10px;
  font-size: 18px;
}
.info-card p {
  color: #555;
  font-size: 15px;
}

.legend {
  display: flex;
  justify-content: center;
  gap: 25px;
  margin-top: 30px;
  flex-wrap: wrap;
}

.legend-item {
  display: flex;
  align-items: center;
  gap: 8px;
}

.legend-color {
  width: 20px;
  height: 20px;
  border-radius: 50%;
}

.legend-text {
  font-size: 14px;
  color: #555;
}

.controls {
  display: flex;
  justify-content: center;
  gap: 15px;
  margin-top: 20px;
  flex-wrap: wrap;
}

.control-btn {
  background-color: #3498db;
  color: white;
  border: none;
  padding: 10px 20px;
  border-radius: 6px;
  cursor: pointer;
  font-size: 14px;
  transition: background-color 0.3s ease;
}
.control-btn:hover {
  background-color: #2980b9;
}

@media (max-width: 768px) {
  .progress-circles {
    flex-direction: column;
    align-items: center;
  }
}
/* Стили для круговых индикаторов прогресса */
.progress-circle-wrapper {
  display: flex;
  align-items: center;
  flex-direction: column;
  margin-bottom: 15px;
}

.progress-circle {
  position: relative;
  width: 277px;
  height: 277px;
  border-radius: 50%;
  background: conic-gradient(#007bff var(--progress, 0%), #e9ecef 0%);
}
.progress-circle__overlay {
  position: absolute;
  width: 240px;
  height: 240px;
  background: white;
  border-radius: 50%;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
}
.progress-circle__text {
  font-size: 54px;
  font-weight: 600;
  color: #333;
  position: absolute;
  z-index: 1;
  top: 58%;
  left: 50%;
  transform: translateY(-55%) translateX(-50%);
}
.progress-circle__small {
  font-size: 16px;
  font-weight: 600;
  color: #333;
  position: absolute;
  z-index: 1;
  top: 42%;
  left: 50%;
  transform: translateY(-55%) translateX(-50%);
}

.catalog-stat-title {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.catalog-stat-block:nth-child(3) {
  margin-top: 60px;
  border-top: 1px solid #F1F1F1;
  padding-top: 28px;
}

.catalog-stat-block:nth-child(3) h3 {
  color: #FF2E46;
}

.catalog-stat-block:nth-child(4) {
  margin-top: 28px;
  border-top: 1px solid #F1F1F1;
  padding-top: 28px;
}

.catalog-stat-block:nth-child(4) h3 {
  color: #FF962E;
}

.catalog-stat-block:nth-child(5) {
  margin-top: 28px;
  border-top: 1px solid #F1F1F1;
  padding-top: 28px;
}

.catalog-stat-block:nth-child(5) h3 {
  color: #FF962E;
}

#company .catalog-stat-block:not(:first-child) {
  margin-top: 28px;
  border-top: 1px solid #F1F1F1;
  padding-top: 28px;
}

#company .catalog-stat-block:not(:first-child) h3 {
  color: #FF962E;
}

.catalog-stat-title {
  flex: 1 1;
}
.catalog-stat-title h3 {
  font-size: 18px;
  font-weight: 600;
  color: #333;
  margin-bottom: 5px;
}

.catalog-stat-header h3 {
  font-weight: 600;
  font-size: 18px;
  line-height: 26px;
  letter-spacing: 3%;
  vertical-align: middle;
  margin-bottom: 2px;
}

.catalog-stat-header .catalog-stat-subtitle {
  font-weight: 500;
  font-size: 18px;
  line-height: 26px;
  margin-bottom: 22px;
}

.catalog-stat-text {
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  color: #2A2A2A;
  margin-bottom: 20px;
}

.catalog-stat-title .catalog-stat-subtitle {
  font-size: 14px;
  color: #666;
  margin: 0;
}

.catalog-stat-content button {
  border: none;
  background: none;
  outline: none;
  padding: 0;
  font-weight: 400;
  font-size: 15px;
  line-height: 26px;
  text-decoration: underline;
  color: #3D73EB;
}

.catalog-stat-content button:hover {
  opacity: 0.7;
  cursor: pointer;
}

/* Адаптивность для мобильных */
.catalog-stats {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 60px;
}

.catalog-stat-block:not(:first-child, :nth-child(2)) {
  grid-column: span 2/auto;
}

#company .catalog-stat-block:not(:first-child) {
  grid-column: span 2/auto;
}

/* Цвета для разных уровней заполненности */
.progress-circle.low {
  background: conic-gradient(#ff6b6b var(--progress, 0%), #e9ecef 0%);
}

.progress-circle.medium {
  background: conic-gradient(#ffa726 var(--progress, 0%), #e9ecef 0%);
}

.progress-circle.high {
  background: conic-gradient(#4caf50 var(--progress, 0%), #e9ecef 0%);
}

/* Цвет текста тоже меняется */
.progress-circle.low .progress-circle__text {
  color: #ff6b6b;
}

.progress-circle.medium .progress-circle__text {
  color: #ffa726;
}

.progress-circle.high .progress-circle__text {
  color: #4caf50;
}

.progress-circle.low .progress-circle__small {
  color: #ff6b6b;
}

.progress-circle.medium .progress-circle__small {
  color: #ffa726;
}

.progress-circle.high .progress-circle__small {
  color: #4caf50;
}

@media screen and (max-width: 600px) {
  .catalog-stat-block {
    grid-column: span 2/auto;
  }
}
#missing-fields-container {
  margin-top: 60px;
}

/* Стили для блоков незаполненных полей */
.catalog-stat-block--missing h3 {
  color: #c53030;
}

.catalog-stat-block--success h3 {
  color: #276749;
}

.catalog-stat-block--total h3 {
  color: #2b6cb0;
}

.missing-fields-summary {
  display: flex;
  justify-content: space-between;
  margin-top: 15px;
  padding-top: 15px;
  border-top: 1px solid #e2e8f0;
}
.missing-fields-summary span {
  font-size: 14px;
  color: #4a5568;
}
.missing-fields-summary strong {
  color: #2d3748;
  font-weight: 600;
}

@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(255, 107, 107, 0.7);
  }
  70% {
    box-shadow: 0 0 0 10px rgba(255, 107, 107, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(255, 107, 107, 0);
  }
}
@keyframes highlight {
  0% {
    background-color: rgb(255, 251, 235);
    transform: scale(1);
  }
  50% {
    background-color: rgba(255, 251, 235, 0.5);
    transform: scale(1.01);
  }
  100% {
    background-color: rgba(255, 251, 235, 0);
    transform: scale(1);
  }
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[13].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[13].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[12].oneOf[13].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[12].oneOf[13].use[5]!./src/styles/custom.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.page-404 {
  display: flex;
  align-items: center;
  min-height: calc(100vh - 98px - 200px);
  padding: 60px 0;
}
.page-404__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 20px;
}
.page-404__code {
  font-size: 160px;
  font-weight: 800;
  line-height: 1;
  background: linear-gradient(84.19deg, #3D73EB 4.99%, #DE8FFF 97.91%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
@media (max-width: 768px) {
  .page-404__code {
    font-size: 100px;
  }
}
.page-404__title {
  font-size: 32px;
  font-weight: 600;
  color: #2A2A2A;
}
@media (max-width: 768px) {
  .page-404__title {
    font-size: 24px;
  }
}
.page-404__desc {
  font-size: 16px;
  color: #7B7B7B;
  max-width: 400px;
}

.site-header {
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.1);
}

.section-people-list__item_avatar--empty {
  height: 52px;
  width: 52px;
  background-color: #f0f0f0;
  border-radius: 50px;
}

.section-people-list__wrapper {
  padding: 20px;
  margin: -20px;
}
.section-people-list__wrapper .swiper {
  overflow: visible !important;
}
.section-people-list__wrapper .swiper-slide:not(.swiper-slide-visible) {
  opacity: 0;
}

.section-people-list__item_back:before {
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
}