/*!******************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/modern-normalize/modern-normalize.css ***!
  \******************************************************************************************************/
/*! modern-normalize v2.0.0 | MIT License | https://github.com/sindresorhus/modern-normalize */

/*
Document
========
*/

/**
Use a better box model (opinionated).
*/

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

html {
	/* Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3) */
	font-family:
		system-ui,
		'Segoe UI',
		Roboto,
		Helvetica,
		Arial,
		sans-serif,
		'Apple Color Emoji',
		'Segoe UI Emoji';
	line-height: 1.15; /* 1. Correct the line height in all browsers. */
	-webkit-text-size-adjust: 100%; /* 2. Prevent adjustments of font size after orientation changes in iOS. */
	-moz-tab-size: 4; /* 3. Use a more readable tab size (opinionated). */
	tab-size: 4; /* 3 */
}

/*
Sections
========
*/

body {
	margin: 0; /* Remove the margin in all browsers. */
}

/*
Grouping content
================
*/

/**
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
*/

hr {
	height: 0; /* 1 */
	color: inherit; /* 2 */
}

/*
Text-level semantics
====================
*/

/**
Add the correct text decoration in Chrome, Edge, and Safari.
*/

abbr[title] {
	text-decoration: underline dotted;
}

/**
Add the correct font weight in Edge and Safari.
*/

b,
strong {
	font-weight: bolder;
}

/**
1. Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)
2. Correct the odd 'em' font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
	font-family:
		ui-monospace,
		SFMono-Regular,
		Consolas,
		'Liberation Mono',
		Menlo,
		monospace; /* 1 */
	font-size: 1em; /* 2 */
}

/**
Add the correct font size in all browsers.
*/

small {
	font-size: 80%;
}

/**
Prevent 'sub' and 'sup' elements from affecting the line height in all browsers.
*/

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

/*
Tabular data
============
*/

/**
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
*/

table {
	text-indent: 0; /* 1 */
	border-color: inherit; /* 2 */
}

/*
Forms
=====
*/

/**
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
*/

button,
input,
optgroup,
select,
textarea {
	font-family: inherit; /* 1 */
	font-size: 100%; /* 1 */
	line-height: 1.15; /* 1 */
	margin: 0; /* 2 */
}

/**
Remove the inheritance of text transform in Edge and Firefox.
*/

button,
select {
	text-transform: none;
}

/**
Correct the inability to style clickable types in iOS and Safari.
*/

button,
[type='button'],
[type='reset'],
[type='submit'] {
	-webkit-appearance: button;
}

/**
Remove the inner border and padding in Firefox.
*/

::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

/**
Restore the focus styles unset by the previous rule.
*/

:-moz-focusring {
	outline: 1px dotted ButtonText;
}

/**
Remove the additional ':invalid' styles in Firefox.
See: https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737
*/

:-moz-ui-invalid {
	box-shadow: none;
}

/**
Remove the padding so developers are not caught out when they zero out 'fieldset' elements in all browsers.
*/

legend {
	padding: 0;
}

/**
Add the correct vertical alignment in Chrome and Firefox.
*/

progress {
	vertical-align: baseline;
}

/**
Correct the cursor style of increment and decrement buttons in Safari.
*/

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
	height: auto;
}

/**
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/

[type='search'] {
	-webkit-appearance: textfield; /* 1 */
	outline-offset: -2px; /* 2 */
}

/**
Remove the inner padding in Chrome and Safari on macOS.
*/

::-webkit-search-decoration {
	-webkit-appearance: none;
}

/**
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to 'inherit' in Safari.
*/

::-webkit-file-upload-button {
	-webkit-appearance: button; /* 1 */
	font: inherit; /* 2 */
}

/*
Interactive
===========
*/

/*
Add the correct display in Chrome and Safari.
*/

summary {
	display: list-item;
}

/*!***************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./src/styles/main.scss ***!
  \***************************************************************************************************************************************/
@charset "UTF-8";
.page-404, .center-wrap, .content-empty {
  padding-left: 80px;
  padding-right: 80px;
  margin-left: auto;
  margin-right: auto;
  max-width: 1320px;
  width: 100%;
}
@media (max-width: 1400px) {
  .page-404, .center-wrap, .content-empty {
    padding-left: 25px;
    padding-right: 25px;
  }
}

.page-footer .content, .center-wrap-wide {
  padding-left: 80px;
  padding-right: 80px;
  margin-left: auto;
  margin-right: auto;
  max-width: 1440px;
  width: 100%;
}
@media (max-width: 1400px) {
  .page-footer .content, .center-wrap-wide {
    padding-left: 25px;
    padding-right: 25px;
  }
}

.page-404 .page-404-button, .button {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  padding-left: 20px;
  padding-right: 20px;
  height: 50px;
  background: #9387D1;
  color: #fff;
  text-decoration: none;
  font-size: 18px;
  border: none;
  border-radius: 10px;
  padding-top: 2px;
  cursor: pointer;
  transition: background-color 0.3s;
}
body.non-touch-device .page-404 .page-404-button:hover, .page-404 body.non-touch-device .page-404-button:hover, body.non-touch-device .button:hover {
  background: #72CBCD;
  color: #fff;
}
.page-404 .page-404-button .icon, .button .icon {
  margin-right: 10px;
}

.outline-button {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  padding-left: 20px;
  padding-right: 20px;
  height: 50px;
  background: transparent;
  border: 1px solid #9387D1;
  color: #9387D1;
  text-decoration: none;
  font-size: 18px;
  border-radius: 10px;
  padding-top: 2px;
  cursor: pointer;
  transition: background-color 0.3s, color 0.3s, border-color 0.3s;
}
body.non-touch-device .outline-button:hover {
  background: #72CBCD;
  border-color: #72CBCD;
  color: #fff;
}
.outline-button .icon {
  margin-right: 10px;
}

@font-face {
  font-family: "Lato";
  src: url(assets/Lato-Black.6d20cff5b3255dd0078f.woff2) format("woff2"), url(assets/Lato-Black.6cfa65c63939188f33ef.woff) format("woff");
  font-style: normal;
  font-weight: 900;
  text-rendering: optimizeLegibility;
}
@font-face {
  font-family: "Lato";
  src: url(assets/Lato-BlackItalic.b9c017a718cdeb8538b8.woff2) format("woff2"), url(assets/Lato-BlackItalic.0d0882bc6997a213dace.woff) format("woff");
  font-style: italic;
  font-weight: 900;
  text-rendering: optimizeLegibility;
}
@font-face {
  font-family: "Lato";
  src: url(assets/Lato-Bold.21b3848a32fce5b0f501.woff2) format("woff2"), url(assets/Lato-Bold.89b618086a797a8be0f4.woff) format("woff");
  font-style: normal;
  font-weight: 700;
  text-rendering: optimizeLegibility;
}
@font-face {
  font-family: "Lato";
  src: url(assets/Lato-BoldItalic.e48918f9c91871c0ce3e.woff2) format("woff2"), url(assets/Lato-BoldItalic.3e6b99809852a8290c42.woff) format("woff");
  font-style: italic;
  font-weight: 700;
  text-rendering: optimizeLegibility;
}
@font-face {
  font-family: "Lato";
  src: url(assets/Lato-Hairline.73d2c04510d153b6da52.woff2) format("woff2"), url(assets/Lato-Hairline.7d1b926dcecd9fd7425e.woff) format("woff");
  font-style: normal;
  font-weight: 100;
  text-rendering: optimizeLegibility;
}
@font-face {
  font-family: "Lato";
  src: url(assets/Lato-HairlineItalic.863985d67436f8342e2d.woff2) format("woff2"), url(assets/Lato-HairlineItalic.598d09137818c7135a24.woff) format("woff");
  font-style: italic;
  font-weight: 100;
  text-rendering: optimizeLegibility;
}
@font-face {
  font-family: "Lato";
  src: url(assets/Lato-Heavy.75f024ce11d1fb961e8c.woff2) format("woff2"), url(assets/Lato-Heavy.5b824a726edcf6642539.woff) format("woff");
  font-style: normal;
  font-weight: 800;
  text-rendering: optimizeLegibility;
}
@font-face {
  font-family: "Lato";
  src: url(assets/Lato-HeavyItalic.353a3bb93ba34c9b0476.woff2) format("woff2"), url(assets/Lato-HeavyItalic.e014213d2c1456d5f1af.woff) format("woff");
  font-style: italic;
  font-weight: 800;
  text-rendering: optimizeLegibility;
}
@font-face {
  font-family: "Lato";
  src: url(assets/Lato-Italic.bb5de40edffdbd3ab519.woff2) format("woff2"), url(assets/Lato-Italic.62a9c838c99d073c7ba6.woff) format("woff");
  font-style: italic;
  font-weight: 400;
  text-rendering: optimizeLegibility;
}
@font-face {
  font-family: "Lato";
  src: url(assets/Lato-Light.e244488c8cc2f5337153.woff2) format("woff2"), url(assets/Lato-Light.848f3a6e80058194c450.woff) format("woff");
  font-style: normal;
  font-weight: 300;
  text-rendering: optimizeLegibility;
}
@font-face {
  font-family: "Lato";
  src: url(assets/Lato-LightItalic.dcb1947bf381a2824c71.woff2) format("woff2"), url(assets/Lato-LightItalic.ed49088eb627c1c0155d.woff) format("woff");
  font-style: italic;
  font-weight: 300;
  text-rendering: optimizeLegibility;
}
@font-face {
  font-family: "Lato";
  src: url(assets/Lato-Medium.a071abba7e9bd90947f7.woff2) format("woff2"), url(assets/Lato-Medium.08eb0932dc2145b3f6b2.woff) format("woff");
  font-style: normal;
  font-weight: 500;
  text-rendering: optimizeLegibility;
}
@font-face {
  font-family: "Lato";
  src: url(assets/Lato-MediumItalic.3e22a5367c2e68d6e4ba.woff2) format("woff2"), url(assets/Lato-MediumItalic.9ba7233345056c919454.woff) format("woff");
  font-style: italic;
  font-weight: 500;
  text-rendering: optimizeLegibility;
}
@font-face {
  font-family: "Lato";
  src: url(assets/Lato-Regular.75614cfcfedd509b1f7a.woff2) format("woff2"), url(assets/Lato-Regular.1d2ca94dfba6f8d87cfd.woff) format("woff");
  font-style: normal;
  font-weight: 400;
  text-rendering: optimizeLegibility;
}
@font-face {
  font-family: "Lato";
  src: url(assets/Lato-Semibold.a6069540692725c247f1.woff2) format("woff2"), url(assets/Lato-Semibold.c66465590541129e82d3.woff) format("woff");
  font-style: normal;
  font-weight: 600;
  text-rendering: optimizeLegibility;
}
@font-face {
  font-family: "Lato";
  src: url(assets/Lato-SemiboldItalic.34b49f334f41cea8e365.woff2) format("woff2"), url(assets/Lato-SemiboldItalic.3fdee263fe69b843601f.woff) format("woff");
  font-style: italic;
  font-weight: 600;
  text-rendering: optimizeLegibility;
}
@font-face {
  font-family: "Lato";
  src: url(assets/Lato-Thin.6ae7abff1b20614e4a70.woff2) format("woff2"), url(assets/Lato-Thin.1fd1d41f8c400da7af75.woff) format("woff");
  font-style: normal;
  font-weight: 200;
  text-rendering: optimizeLegibility;
}
@font-face {
  font-family: "Lato";
  src: url(assets/Lato-ThinItalic.46957bf0a71db5883313.woff2) format("woff2"), url(assets/Lato-ThinItalic.546b4809e90728a64a4f.woff) format("woff");
  font-style: italic;
  font-weight: 200;
  text-rendering: optimizeLegibility;
}
html,
body {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.4;
  color: #272829;
  height: 100%;
  scroll-behavior: smooth;
}

body.no-scroll {
  overflow: hidden;
  padding-right: var(--scrollbar-width);
}

a {
  color: #9387D1;
  text-decoration: none;
  transition: color 0.3s;
}
body.non-touch-device a:hover {
  color: #E9AABE;
}

.content-empty {
  font-size: 24px;
  padding: 30px;
  background: #ECE5DB;
  text-align: center;
  border-radius: 20px;
  margin-top: 40px;
}

input, textarea, button, select,
input:focus-visible, textarea:focus-visible, button:focus-visible, select:focus-visible {
  outline: none;
}

.menu-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

img:-moz-broken {
  opacity: 0;
}

/* ----------------------------------------- Заголовки ----------------------------------------- */
h6, h5, h4, h3, h2, .content-title, h1 {
  line-height: 1.3;
  margin: 0;
}

h1 {
  font-weight: 700;
  font-size: 40px;
  margin-bottom: 25px;
}
@media (max-width: 800px) {
  h1 {
    font-size: 28px;
  }
}

h2, .content-title {
  font-weight: 700;
  font-size: 30px;
  margin-bottom: 25px;
}
@media (max-width: 800px) {
  h2, .content-title {
    font-size: 24px;
  }
}

h3 {
  font-weight: 700;
  font-size: 22px;
  margin-bottom: 20px;
}
@media (max-width: 800px) {
  h3 {
    font-size: 20px;
  }
}

h4 {
  font-weight: 700;
  font-size: 20px;
  margin-bottom: 15px;
}
@media (max-width: 800px) {
  h4 {
    font-size: 18px;
  }
}

h5 {
  font-weight: 700;
  font-size: 18px;
  margin-bottom: 15px;
}
@media (max-width: 800px) {
  h5 {
    font-size: 18px;
  }
}

h6 {
  font-weight: 700;
  font-size: 16px;
  margin-bottom: 15px;
}

article, p, li, td {
  font-size: 18px;
}
@media (max-width: 640px) {
  article, p, li, td {
    font-size: 16px;
  }
}

p, ul, ol {
  margin: 0 0 15px 0;
}
p:last-child, ul:last-child, ol:last-child {
  margin-bottom: 0;
}

ul {
  padding-left: 25px;
}

.content-lead {
  font-weight: 700;
  font-size: 22px;
  line-height: 1.3;
}
@media (max-width: 640px) {
  .content-lead {
    font-size: 18px;
  }
}

.floating-label-input {
  position: relative;
  background: #FFFFFF;
  border-radius: 10px;
  border: 1px solid #CED2D6;
  transition: opacity 0.3s, border-color 0.3s;
}
.floating-label-input:focus-within {
  border: 1px solid #9387D1;
}
.floating-label-input.disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.floating-label-input.disabled * {
  cursor: not-allowed;
}
.floating-label-input.field-error {
  border-color: #E32222;
}
.floating-label-input input:focus ~ .input-label,
.floating-label-input input:not(:focus):not(:placeholder-shown) ~ .input-label,
.floating-label-input textarea:focus ~ .input-label,
.floating-label-input textarea:not(:focus):not(:placeholder-shown) ~ .input-label {
  color: #73717E;
  transform: scale(0.777777778) translate3d(0, -11px, 0.1px);
}
.floating-label-input .input-field {
  background: transparent;
  border-radius: 10px;
  border: none;
  box-sizing: border-box;
  font-size: 18px;
  font-weight: 400;
  min-height: 50px;
  height: 0;
  padding: 20px 10px 0 10px;
  width: 100%;
}
.floating-label-input textarea.input-field {
  display: block;
  padding-top: 0;
  margin-top: 25px;
  border-radius: 0 0 10px 10px;
  padding-bottom: 8px;
  resize: none;
  height: calc(100% - 25px);
}
.floating-label-input .input-label {
  font-size: 18px;
  font-weight: 400;
  color: #272829;
  left: 10px;
  pointer-events: none;
  position: absolute;
  top: 14px;
  transform: translateZ(0.1px);
  transform-origin: top left;
  transition: transform 0.3s ease, color 0.3s ease;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 100%;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.popup-overlay {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  position: fixed;
  z-index: 200;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.5s, visibility 0.5s;
}
.popup-overlay.visible {
  opacity: 1;
  visibility: visible;
}
.popup-overlay .popup-window {
  position: relative;
  width: calc(100% - 20px);
  max-width: 460px;
  box-sizing: border-box;
  background: #FFFFFF;
  box-shadow: 5px 10px 30px rgba(81, 61, 73, 0.2);
  border-radius: 3px;
  overflow: auto;
  max-height: calc(100% - 20px);
}
.popup-overlay .popup-close-button {
  border: none;
  padding: 0;
  background: none;
  padding: 0;
  position: absolute;
  z-index: 5;
  right: 10px;
  top: 10px;
  color: #272829;
  transition: color 0.3s;
  cursor: pointer;
}
body.non-touch-device .popup-overlay .popup-close-button:hover {
  color: #9387D1;
}
.popup-overlay .popup-close-button svg {
  display: block;
}
.popup-overlay .popup-content {
  padding: 40px 60px 40px 60px;
}
@media (max-width: 400px) {
  .popup-overlay .popup-content {
    padding: 25px;
  }
}
.popup-overlay .popup-message h1 {
  font-weight: 700;
  font-size: 22px;
  line-height: 1.3;
  text-align: center;
  margin: 0 0 10px 0;
}
.popup-overlay .popup-message h1:last-child {
  margin-bottom: 0;
}
.popup-overlay .popup-message p {
  color: #73717E;
  margin: 0 0 10px 0;
  text-align: center;
}
.popup-overlay .popup-message p:last-child {
  margin-bottom: 0;
}
.popup-overlay .popup-message li {
  color: #73717E;
  margin: 0 0 10px 0;
}
.popup-overlay .popup-message li:last-child {
  margin-bottom: 0;
}
.popup-overlay.message .popup-window {
  max-width: 520px;
}

.page-wrap {
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  justify-content: flex-start;
  min-height: 100%;
}

.page-header {
  width: 100%;
}

.page-content {
  flex-grow: 1;
  width: 100%;
}

.page-footer {
  width: 100%;
}

html,
body {
  background: #F9F5F4;
}

.page-header,
.page-footer {
  background: #433C64;
}

.page-header {
  padding-bottom: 40px;
  /*margin-bottom: 20px;*/
}
.template-main .page-header {
  margin-bottom: 40px;
}
@media (max-width: 1000px) {
  .page-header {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    padding-bottom: 0;
    margin-bottom: 0 !important;
    z-index: 50;
  }
}
.page-header .logo-link {
  flex-grow: 0;
  flex-shrink: 0;
}
.page-header .logo {
  display: block;
  width: 160px;
  margin-right: 40px;
}
@media (max-width: 1400px) {
  .page-header .logo {
    width: 120px;
    margin-right: 25px;
  }
}
@media (max-width: 1000px) {
  .page-header .logo {
    width: 80px;
  }
}
.page-header .top {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-end;
  padding-top: 13px;
  padding-bottom: 13px;
}
@media (max-width: 1000px) {
  .page-header .top {
    display: none;
  }
}
.page-header .personal-account-link {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  color: #ECE5DB;
  margin-left: 75px;
}
body.non-touch-device .page-header .personal-account-link:hover {
  color: #E9AABE;
}
.page-header .personal-account-link .icon {
  margin-right: 10px;
}
.page-header .langs-block {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
}
.page-header .lang-link {
  margin-right: 20px;
  color: #ECE5DB;
}
.page-header .lang-link:last-child {
  margin-right: 0;
}
body.non-touch-device .page-header .lang-link:not(.current):hover {
  color: #E9AABE;
}
.page-header .lang-link.current {
  color: #CCCCCC;
  cursor: default;
}
.page-header .bottom {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  position: relative;
  border: 1px solid #AAAAD5;
  border-radius: 20px;
  padding: 28px 30px 28px 65px;
}
@media (max-width: 1400px) {
  .page-header .bottom {
    padding-left: 80px;
  }
}
@media (max-width: 1000px) {
  .page-header .bottom {
    border: none;
    padding: 0;
    height: 75px;
  }
}
.page-header .menu-button {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  position: absolute;
  width: 50px;
  height: 50px;
  left: 0;
  top: 50%;
  margin: -25px;
  padding: 0;
  border: 1px solid #AAAAD5;
  border-radius: 50%;
  background: #433C64;
  color: #AAAAD5;
  cursor: pointer;
  transition: color 0.3s, border-color 0.3s;
}
.page-header .menu-button .icon-open, .page-header .menu-button.open .icon-close {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
}
.page-header .menu-button.open .icon-open,
.page-header .menu-button .icon-close {
  display: none;
}
body.non-touch-device .page-header .menu-button:hover {
  color: #E9AABE;
  border-color: #E9AABE;
}
@media (max-width: 1400px) {
  .page-header .menu-button {
    left: 40px;
  }
}
@media (max-width: 1000px) {
  .page-header .menu-button {
    position: static;
    margin: 0 25px 0 0;
    border-radius: 0;
    border: none;
  }
  .page-header .menu-button .icon {
    width: 40px;
    height: 40px;
  }
}
.page-header .bottom-right {
  flex-grow: 1;
  flex-shrink: 1;
}
@media (max-width: 1000px) {
  .page-header .bottom-right {
    display: none;
  }
}
.page-header .bottom-right-mobile {
  display: none;
  flex-grow: 1;
  flex-shrink: 1;
}
@media (max-width: 1000px) {
  .page-header .bottom-right-mobile {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: flex-end;
  }
}
.page-header .bottom-right-mobile .personal-account-link {
  margin-left: 25px;
}
.page-header .bottom-right-mobile .lang-link {
  margin-right: 15px;
}
.page-header .bottom-right-mobile .lang-link:last-child {
  margin-right: 0;
}
@media (max-width: 640px) {
  .page-header .bottom-right-mobile .personal-account-link {
    font-size: 0;
  }
  .page-header .bottom-right-mobile .icon {
    margin-right: 0;
    width: 30px;
    height: 30px;
  }
  .page-header .bottom-right-mobile .lang-link {
    margin-right: 0;
  }
  .page-header .bottom-right-mobile .lang-link.current {
    display: none;
  }
}
.page-header .menu-list {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: flex-start;
  list-style: none;
}
.page-header .menu-item {
  margin-right: 20px;
}
.page-header .menu-item:last-child {
  margin-right: 0;
}
.page-header .menu-top-1 {
  margin-bottom: 10px;
}
.page-header .menu-top-1 .menu-link {
  color: #ECE5DB;
}
body.non-touch-device .page-header .menu-top-1 .menu-link:hover {
  color: #E9AABE;
}
.page-header .menu-top-1 .menu-text {
  font-size: 16px;
}
.page-header .menu-top-2 .menu-link {
  color: #fff;
}
body.non-touch-device .page-header .menu-top-2 .menu-link:hover {
  color: #E9AABE;
}
.page-header .menu-top-2 .menu-text {
  font-size: 20px;
  font-weight: 400;
}

.page-footer {
  margin-top: 70px;
  padding-top: 80px;
  padding-bottom: 60px;
  color: #fff;
}
@media (max-width: 1000px) {
  .page-footer {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
@media (max-width: 800px) {
  .page-footer {
    margin-top: 40px;
  }
}
.page-footer .content {
  display: grid;
  grid-template-columns: auto 1fr auto;
  grid-template-rows: auto 30px auto 40px auto;
  /*
  .phone-icon {
      grid-column-start: 1;
      grid-column-end: 2;
      grid-row-start: 1;
      grid-row-end: 4;
  }
  */
}
@media (max-width: 1000px) {
  .page-footer .content {
    grid-template-columns: auto 1fr;
    grid-template-rows: auto 20px auto 20px auto 20px auto;
  }
}
@media (max-width: 500px) {
  .page-footer .content {
    grid-template-rows: auto 20px auto 20px auto 20px auto 20px auto;
  }
}
.page-footer .content .left {
  grid-column-start: 1;
  grid-column-end: 2;
  grid-row-start: 1;
  grid-row-end: 3;
  margin-right: 30px;
}
.page-footer .content .phones {
  margin-bottom: 17px;
}
.page-footer .content .phone {
  font-weight: 700;
  font-size: 22px;
  line-height: 1.3;
}
.page-footer .content .phone a {
  color: #fff;
}
.page-footer .content .email-wrap {
  /*
  grid-column-start: 1;
  grid-column-end: 2;
  grid-row-start: 3;
  grid-row-end: 4;
  */
  font-size: 18px;
}
@media (max-width: 500px) {
  .page-footer .content .email-wrap {
    grid-column-start: 1;
    grid-column-end: 4;
    grid-row-start: 3;
    grid-row-end: 4;
  }
}
.page-footer .content .address {
  position: relative;
  grid-column-start: 2;
  grid-column-end: 3;
  grid-row-start: 1;
  grid-row-end: 3;
  align-self: flex-start;
  max-width: 420px;
  font-size: 18px;
  white-space: pre-wrap;
  padding-left: 33px;
  cursor: pointer;
  transition: color 0.3s;
}
.page-footer .content .address:hover {
  color: #E9AABE;
}
.page-footer .content .address::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: -5px;
  bottom: -5px;
  width: 3px;
  background: #AAAAD5;
  border-radius: 2px;
}
@media (max-width: 1000px) {
  .page-footer .content .address {
    max-width: none;
    font-size: 16px;
  }
}
@media (max-width: 500px) {
  .page-footer .content .address {
    grid-column-start: 1;
    grid-column-end: 4;
    grid-row-start: 5;
    grid-row-end: 6;
    padding-left: 0;
  }
  .page-footer .content .address::before {
    display: none;
  }
}
.page-footer .content .bottom {
  display: flex;
  flex-flow: row nowrap;
  align-items: flex-start;
  justify-content: flex-start;
  grid-column-start: 1;
  grid-column-end: 4;
  grid-row-start: 5;
  grid-row-end: 6;
  gap: 40px;
  background: url("data:image/svg+xml,<svg width=\"1280\" height=\"1\" viewBox=\"0 0 1280 1\" xmlns=\"http://www.w3.org/2000/svg\"><line y1=\"0.5\" x2=\"1280\" y2=\"0.5\" stroke=\"%23AAAAD5\" stroke-dasharray=\"5 5\"/></svg>") center top repeat-x;
  padding-top: 40px;
}
@media (max-width: 1000px) {
  .page-footer .content .bottom {
    grid-column-start: 1;
    grid-column-end: 4;
    grid-row-start: 7;
    grid-row-end: 8;
    flex-direction: column;
    gap: 20px;
  }
}
@media (max-width: 500px) {
  .page-footer .content .bottom {
    grid-row-start: 9;
    grid-row-end: 10;
    padding-top: 20px;
  }
}
.page-footer .content .bottom .column {
  width: 33.33%;
  flex-grow: 1;
  flex-shrink: 1;
  font-size: 14px;
}
@media (max-width: 1000px) {
  .page-footer .content .bottom .column {
    width: auto;
    font-size: 14px;
  }
}
.page-footer .social-links {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  grid-column-start: 3;
  grid-column-end: 4;
  grid-row-start: 1;
  grid-row-end: 3;
  align-self: flex-start;
  /*margin-bottom: 30px;*/
}
@media (max-width: 1000px) {
  .page-footer .social-links {
    grid-column-start: 1;
    grid-column-end: 4;
    grid-row-start: 5;
    grid-row-end: 6;
    margin-bottom: 20px;
  }
}
@media (max-width: 500px) {
  .page-footer .social-links {
    grid-row-start: 7;
    grid-row-end: 8;
    margin-bottom: 0;
  }
}
.page-footer .social-links .link {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  width: 70px;
  height: 70px;
  border: 1px solid #fff;
  border-radius: 50%;
  color: #fff;
  margin-right: 10px;
  background: transparent;
  transition: background-color 0.3s, border-color 0.3s, color 0.3s;
}
@media (max-width: 500px) {
  .page-footer .social-links .link {
    width: 50px;
    height: 50px;
  }
}
body.non-touch-device .page-footer .social-links .link:hover {
  background: #72CBCD;
  border: 1px solid #72CBCD;
}
.page-footer .social-links .link:last-child {
  margin-right: 0;
}
.page-footer .social-links .link .image {
  max-width: 25px;
  max-height: 25px;
  width: auto;
  height: auto;
}
@media (max-width: 500px) {
  .page-footer .social-links .link .image,
  .page-footer .social-links .link svg {
    transform: scale(0.75);
  }
}
.page-footer .copyrights {
  font-size: 14px;
  grid-column-start: 3;
  grid-column-end: 4;
  grid-row-start: 3;
  grid-row-end: 4;
  text-align: right;
}
.page-footer .copyrights a {
  color: #fff;
}
body.non-touch-device .page-footer .copyrights a:hover {
  color: #E9AABE;
}
@media (max-width: 1000px) {
  .page-footer .copyrights {
    grid-column-start: 1;
    grid-column-end: 4;
    grid-row-start: 9;
    grid-row-end: 10;
    text-align: left;
  }
}
@media (max-width: 500px) {
  .page-footer .copyrights {
    grid-row-start: 10;
    grid-row-end: 11;
  }
}

.page-content {
  padding-top: 20px;
}
body.page-beige-background .page-content {
  background: #F9F5F4 linear-gradient(180deg, #ECE5DB 0%, #FFF 100%) 0 0 no-repeat;
  background-size: 100% 460px;
}
@media (max-width: 1000px) {
  body.page-beige-background .page-content {
    background: #F9F5F4;
  }
}

@media (max-width: 1000px) {
  .page-content {
    padding-top: 100px;
  }
}
.menu-main {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 100;
  background: rgba(67, 60, 100, 0.9);
  backdrop-filter: blur(5px);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.5s, visibility 0.5s;
  padding-right: var(--scrollbar-width);
  overflow: auto;
}
@media (max-width: 1000px) {
  .menu-main {
    position: fixed;
    top: 75px;
  }
}
.menu-main.open {
  opacity: 1;
  visibility: visible;
}
.menu-main.has-scrollbar {
  padding-right: 0;
}
.menu-main .top {
  display: flex;
  flex-flow: row nowrap;
  align-items: flex-start;
  justify-content: space-between;
  padding: 79px 66px 65px 66px;
}
@media (max-width: 1000px) {
  .menu-main .top {
    display: none;
  }
}
.menu-main .logo {
  width: 160px;
}
.menu-main .close {
  border: none;
  background: none;
  padding: 0;
  cursor: pointer;
  color: #fff;
  transition: color 0.3s;
}
.menu-main .close .icon {
  display: block;
}
body.non-touch-device .menu-main .close:hover {
  color: #E9AABE;
}
.menu-main .columns {
  display: flex;
  flex-flow: row nowrap;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0 66px 65px 66px;
  width: 100%;
  transform: translateY(50px);
  transition: transform 0.5s;
}
.menu-main .columns > .column {
  width: 33.33%;
  flex-grow: 1;
  flex-shrink: 1;
  margin-right: 20px;
}
@media (max-width: 1000px) {
  .menu-main .columns > .column {
    margin-right: 0;
  }
}
@media (max-width: 1000px) {
  .menu-main .columns {
    display: grid;
    gap: 20px;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto;
    padding: 25px 0 25px 0;
  }
  .menu-main .columns > .column {
    width: 100%;
  }
  .menu-main .columns > .column:nth-child(2) {
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 1;
    grid-row-end: 2;
  }
  .menu-main .columns > .column:nth-child(3) {
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 2;
    grid-row-end: 3;
  }
  .menu-main .columns > .column:nth-child(4) {
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 1;
    grid-row-end: 3;
  }
}
@media (max-width: 500px) {
  .menu-main .columns {
    display: block;
  }
}
.menu-main.open .columns {
  transform: translateY(0);
}
.menu-main .menu-list {
  padding-top: 10px;
}
.menu-main .menu-list > .menu-item {
  margin-bottom: 10px;
}
.menu-main .menu-list > .menu-item > .menu-link {
  color: #ECE5DB;
}
body.non-touch-device .menu-main .menu-list > .menu-item > .menu-link:hover {
  color: #E9AABE;
}
.menu-main .menu-list-level-1 {
  padding-top: 0;
}
.menu-main .menu-list-level-1 > .menu-item {
  margin-bottom: 20px;
}
.menu-main .menu-list-level-1 > .menu-item > .menu-link {
  font-weight: 700;
  color: #fff;
}
body.non-touch-device .menu-main .menu-list-level-1 > .menu-item > .menu-link:hover {
  color: #E9AABE;
}

.slider-block {
  position: relative;
  margin-bottom: 80px;
}
.slider-block .slide-wrap {
  position: relative;
  border-radius: 20px;
  overflow: hidden;
}
.slider-block .slide-wrap .slide-image {
  width: 100%;
  height: auto;
  display: block;
}
@media (max-width: 800px) {
  .slider-block .slide-wrap .slide-image {
    width: 150vw;
    margin-left: -25vw;
    margin-right: -25vw;
  }
}
@media (max-width: 640px) {
  .slider-block .slide-wrap .slide-image {
    width: 250vw;
    margin-left: -75vw;
    margin-right: -75vw;
  }
}
.slider-block .slide-wrap .slide-grid {
  display: grid;
  gap: 40px;
  grid-template-columns: 56fr 52fr;
  grid-template-rows: auto;
  padding: 20px 80px 20px 80px;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: linear-gradient(90deg, rgba(61, 53, 105, 0.77) 0%, rgba(65, 51, 136, 0.16) 87.5%);
}
@media (max-width: 1200px) {
  .slider-block .slide-wrap .slide-grid {
    grid-template-columns: 2fr 1fr;
    padding: 25px;
  }
}
@media (max-width: 800px) {
  .slider-block .slide-wrap .slide-grid {
    display: flex;
    flex-flow: column nowrap;
    align-items: flex-start;
    justify-content: center;
    gap: 0;
    background: linear-gradient(0, rgba(61, 53, 105, 0.77) 50%, rgba(65, 51, 136, 0.16) 100%);
  }
}
.slider-block .slide-wrap .slide-text {
  display: flex;
  flex-flow: column nowrap;
  align-items: flex-start;
  justify-content: center;
  grid-column-start: 1;
  grid-column-end: 2;
  grid-row-start: 1;
  grid-row-end: 2;
  flex-grow: 1;
}
@media (max-width: 800px) {
  .slider-block .slide-wrap .slide-text {
    width: 100%;
    margin-top: 20px;
    justify-content: space-between;
  }
}
.slider-block .slide-wrap picture {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  grid-column-start: 2;
  grid-column-end: 3;
  grid-row-start: 1;
  grid-row-end: 2;
}
@media (max-width: 800px) {
  .slider-block .slide-wrap picture {
    margin-left: auto;
    margin-right: auto;
  }
}
.slider-block .slide-wrap .slide-logo {
  max-width: 480px;
  max-height: 400px;
  width: auto;
  height: auto;
}
@media (max-width: 1200px) {
  .slider-block .slide-wrap .slide-logo {
    max-width: 240px;
    max-height: 200px;
  }
}
@media (max-width: 640px) {
  .slider-block .slide-wrap .slide-logo {
    max-width: 200px;
    max-height: 180px;
  }
}
.slider-block .slide-wrap .slide-title {
  font-weight: 700;
  font-size: 40px;
  line-height: 1.3;
  color: #fff;
  max-width: 560px;
  margin-bottom: 14px;
}
@media (max-width: 1400px) {
  .slider-block .slide-wrap .slide-title {
    font-size: 2.857vw;
  }
}
@media (max-width: 1200px) {
  .slider-block .slide-wrap .slide-title {
    max-width: none;
  }
}
@media (max-width: 800px) {
  .slider-block .slide-wrap .slide-title {
    font-size: 5vw;
    text-align: center;
    width: 100%;
    margin-bottom: 0;
  }
}
@media (max-width: 640px) {
  .slider-block .slide-wrap .slide-title {
    font-size: 6vw;
  }
}
.slider-block .slide-wrap .slide-content {
  font-weight: 500;
  font-size: 24px;
  line-height: 1.3;
  color: #fff;
  max-width: 490px;
  margin-bottom: 25px;
}
@media (max-width: 1400px) {
  .slider-block .slide-wrap .slide-content {
    font-size: 1.714vw;
  }
}
@media (max-width: 1200px) {
  .slider-block .slide-wrap .slide-content {
    max-width: none;
  }
}
@media (max-width: 800px) {
  .slider-block .slide-wrap .slide-content {
    font-size: 3vw;
    text-align: center;
    width: 100%;
    margin-bottom: 0;
  }
}
@media (max-width: 640px) {
  .slider-block .slide-wrap .slide-content {
    font-size: 4vw;
  }
}
@media (max-width: 1000px) {
  .slider-block .slide-wrap .slide-button {
    height: 35px;
    font-size: 14px;
  }
}
@media (max-width: 800px) {
  .slider-block .slide-wrap .slide-button {
    margin-left: auto;
    margin-right: auto;
  }
}
.slider-block .swiper-button-prev,
.slider-block .swiper-button-next {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 50%;
  width: 80px;
  height: 80px;
  margin: -40px;
  z-index: 10;
  border-radius: 50%;
  border: none;
  background: #F9F5F4;
  cursor: pointer;
  transition: color 0.3s;
}
body.non-touch-device .slider-block .swiper-button-prev:hover,
body.non-touch-device .slider-block .swiper-button-next:hover {
  color: #9387D1;
}
@media (max-width: 1400px) {
  .slider-block .swiper-button-prev,
  .slider-block .swiper-button-next {
    display: none;
  }
}
.slider-block .swiper-button-prev {
  left: 80px;
}
.slider-block .swiper-button-next {
  right: 80px;
}
.slider-block .swiper-pagination {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-end;
  position: absolute;
  z-index: 10;
  right: 125px;
  bottom: 45px;
}
@media (max-width: 1000px) {
  .slider-block .swiper-pagination {
    left: 0;
    right: 0;
    bottom: -30px;
    justify-content: center;
  }
}
.slider-block .swiper-pagination-bullet {
  display: block;
  width: 15px;
  height: 15px;
  margin-right: 20px;
  background: #272829;
  border-radius: 50%;
  transition: background-color 0.3s;
  cursor: pointer;
}
.slider-block .swiper-pagination-bullet:last-child {
  margin-right: 0;
}
.slider-block .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #9387D1;
  cursor: default;
}

.platform-block {
  margin-bottom: 80px;
  display: grid;
  grid-template-columns: 1fr auto 35px auto 80px auto;
  grid-template-rows: 40px 1fr 86px auto 40px;
}
@media (max-width: 1100px) {
  .platform-block {
    grid-template-columns: auto 80px auto;
    grid-template-rows: auto auto auto auto auto auto auto auto auto auto auto;
  }
}
@media (max-width: 800px) {
  .platform-block {
    margin-bottom: 40px;
  }
}
.platform-block .content {
  grid-column-start: 1;
  grid-column-end: 3;
  grid-row-start: 2;
  grid-row-end: 4;
}
@media (max-width: 1100px) {
  .platform-block .content {
    grid-column-start: 1;
    grid-column-end: 4;
    grid-row-start: 2;
    grid-row-end: 3;
    margin-bottom: 25px;
    text-align: center;
  }
}
.platform-block .apps {
  display: flex;
  flex-flow: column nowrap;
  align-items: flex-end;
  justify-content: flex-end;
  grid-column-start: 2;
  grid-column-end: 4;
  grid-row-start: 4;
  grid-row-end: 6;
  text-align: right;
  margin-right: 20px;
}
@media (max-width: 1100px) {
  .platform-block .apps {
    grid-column-start: 1;
    grid-column-end: 4;
    grid-row-start: 3;
    grid-row-end: 4;
    margin-right: 0;
    align-items: flex-start;
    text-align: center;
  }
}
.platform-block .qr-wrap {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  grid-column-start: 4;
  grid-column-end: 6;
  grid-row-start: 3;
  grid-row-end: 5;
  width: 200px;
  height: 200px;
  background: #fff;
  border-radius: 20px;
}
@media (max-width: 1100px) {
  .platform-block .qr-wrap {
    grid-column-start: 1;
    grid-column-end: 3;
    grid-row-start: 1;
    grid-row-end: 2;
    justify-self: end;
    align-self: end;
    margin-bottom: 25px;
  }
}
@media (max-width: 500px) {
  .platform-block .qr-wrap {
    width: 100px;
    height: 100px;
    border-radius: 10px;
  }
  .platform-block .qr-wrap img {
    width: 80px;
    height: 80px;
  }
}
.platform-block .screenshot-wrap {
  grid-column-start: 5;
  grid-column-end: 7;
  grid-row-start: 1;
  grid-row-end: 6;
}
@media (max-width: 1100px) {
  .platform-block .screenshot-wrap {
    grid-column-start: 2;
    grid-column-end: 4;
    grid-row-start: 1;
    grid-row-end: 2;
    margin-bottom: 25px;
  }
}
@media (max-width: 640px) {
  .platform-block .screenshot-wrap img {
    display: block;
    width: calc(100vw - 50px - 120px);
  }
}
@media (max-width: 500px) {
  .platform-block .screenshot-wrap img {
    display: block;
    width: calc(100vw - 50px - 20px);
  }
}
.platform-block .title {
  font-weight: 700;
  font-size: 30px;
  line-height: 1.3;
  margin: 0 0 20px 0;
}
@media (max-width: 1100px) {
  .platform-block .title {
    text-align: center;
  }
}
@media (max-width: 800px) {
  .platform-block .title {
    font-size: 24px;
  }
}
.platform-block .text {
  font-weight: 500;
  font-size: 24px;
  line-height: 1.3;
  margin: 0 0 25px 0;
}
@media (max-width: 1100px) {
  .platform-block .text {
    text-align: center;
  }
}
@media (max-width: 800px) {
  .platform-block .text {
    font-size: 16px;
  }
}
.platform-block .buttons {
  display: flex;
  gap: 10px;
}
@media (max-width: 1100px) {
  .platform-block .buttons {
    justify-content: center;
  }
}
@media (max-width: 640px) {
  .platform-block .buttons {
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
    flex-direction: column;
  }
}
.platform-block .apps-text {
  font-weight: 400;
  font-size: 18px;
  line-height: 1.4;
  color: #73717E;
  margin: 0 0 7px 0;
}
@media (max-width: 1100px) {
  .platform-block .apps-text {
    margin-left: auto;
    margin-right: auto;
  }
}
@media (max-width: 800px) {
  .platform-block .apps-text {
    font-size: 14px;
  }
}
.platform-block .apps-list {
  display: flex;
  flex-flow: row nowrap;
  align-items: flex-start;
  justify-content: flex-end;
}
.platform-block .apps-list .app {
  color: #272829;
}
body.non-touch-device .platform-block .apps-list .app:hover {
  color: #9387D1;
}
.platform-block .apps-list .icon {
  display: block;
}
@media (max-width: 1100px) {
  .platform-block .apps-list {
    margin-left: auto;
    margin-right: auto;
  }
}

.services-block {
  display: flex;
  flex-flow: row wrap;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 40px;
  padding-top: 20px;
  margin-bottom: 80px;
}
@media (max-width: 900px) {
  .services-block {
    gap: 10px;
  }
}
@media (max-width: 800px) {
  .services-block {
    margin-bottom: 40px;
  }
}
@media (max-width: 750px) {
  .services-block {
    flex-direction: column;
    gap: 25px;
  }
}
.services-block .tile {
  position: relative;
  width: calc((100% - 80px) / 3);
  border-radius: 20px;
  overflow: hidden;
  color: #fff;
  transform: translateY(0);
  transition: transform 0.3s;
}
@media (max-width: 900px) {
  .services-block .tile {
    width: calc((100% - 20px) / 3);
  }
}
@media (max-width: 750px) {
  .services-block .tile {
    width: 100%;
  }
}
body.non-touch-device .services-block .tile:hover {
  transform: translateY(-40px);
}
body.non-touch-device .services-block .tile:hover .text {
  background: rgba(147, 135, 209, 0.8);
}
.services-block .text {
  display: flex;
  flex-flow: column nowrap;
  align-items: flex-start;
  justify-content: flex-end;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  padding: 40px 60px 40px 60px;
  background: rgba(147, 135, 209, 0.3);
  color: #fff;
  transition: background-color 0.3s;
}
@media (max-width: 1100px) {
  .services-block .text {
    padding: 25px;
  }
}
.services-block .image {
  display: block;
  width: 100%;
}
@media (max-width: 750px) {
  .services-block .image {
    margin-top: -40vw;
    margin-bottom: -40vw;
  }
}
@media (max-width: 600px) {
  .services-block .image {
    margin-top: -25vw;
    margin-bottom: -25vw;
  }
}
.services-block .title {
  font-weight: 700;
  font-size: 30px;
  line-height: 1.3;
}
@media (max-width: 900px) {
  .services-block .title {
    font-size: 24px;
  }
}
.services-block .description-wrap {
  transition: height 0.3s, opacity 0.3s, visibility 0.3s;
}
.services-block .description-wrap.hidden {
  opacity: 0;
  visibility: hidden;
}
.services-block .description {
  margin-top: 20px;
  font-weight: 500;
  font-size: 18px;
  line-height: 1.4;
}
@media (max-width: 900px) {
  .services-block .description {
    font-size: 14px;
    margin-top: 10px;
  }
}

.advantages-block {
  display: flex;
  flex-flow: row nowrap;
  align-items: flex-start;
  justify-content: center;
  text-align: center;
  gap: 40px;
  margin-bottom: 40px;
}
@media (max-width: 900px) {
  .advantages-block {
    flex-wrap: wrap;
    gap: 0;
    margin-bottom: 0;
  }
}
.advantages-block .tile {
  width: 260px;
}
@media (max-width: 900px) {
  .advantages-block .tile {
    margin-bottom: 40px;
  }
}
.advantages-block .image-wrap {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  height: 110px;
}
@media (max-width: 900px) {
  .advantages-block .image-wrap {
    height: auto;
    margin-bottom: 15px;
  }
}
.advantages-block .title {
  font-size: 18px;
  height: 70px;
}
@media (max-width: 900px) {
  .advantages-block .title {
    height: auto;
  }
}

.achievements-and-awards {
  background-image: url(assets/achievements-and-awards-background.a44b065071f201141a21.png);
  background-size: 100% 100%;
  padding: 80px 0 80px 0;
  margin-bottom: 80px;
  /*
  .tiles {
      @include flex($align: stretch, $justify: flex-start, $wrap: wrap);

      gap: 40px;
      text-align: center;
  }
  */
}
@media (max-width: 1100px) {
  .achievements-and-awards {
    padding: 30px 0 30px 0;
  }
}
@media (max-width: 800px) {
  .achievements-and-awards {
    margin-bottom: 40px;
  }
}
body.webp-supported .achievements-and-awards {
  background-image: url(assets/achievements-and-awards-background.dfd4e9716e49e2031c91.webp);
}
body.avif-supported .achievements-and-awards {
  background-image: url(assets/achievements-and-awards-background.168539a6f02fb0aceed4.avif);
}
.achievements-and-awards .block-title {
  font-weight: 700;
  font-size: 30px;
  line-height: 1.3;
  margin-bottom: 40px;
}
@media (max-width: 800px) {
  .achievements-and-awards .block-title {
    font-size: 24px;
    margin-bottom: 20px;
  }
}
.achievements-and-awards .awards-tile {
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  justify-content: flex-start;
  width: 360px;
  height: 280px;
  background: #fff;
  border-radius: 5px;
  padding: 40px 40px 0 40px;
  text-align: center;
}
@media (max-width: 1400px) {
  .achievements-and-awards .awards-tile {
    padding-left: 60px;
    padding-right: 60px;
  }
}
.achievements-and-awards .awards-tile .year {
  margin-bottom: 18px;
  font-weight: 400;
  font-size: 16px;
  color: #73717E;
}
.achievements-and-awards .awards-tile .title {
  margin-bottom: 15px;
  font-weight: 700;
  font-size: 18px;
}
.achievements-and-awards .awards-tile .description {
  font-weight: 400;
  font-size: 18px;
  line-height: 140%;
}
.achievements-and-awards .awards-tile .button {
  align-self: center;
  margin-top: auto;
  height: 40px;
  border-radius: 5px 5px 0px 0px;
}
.achievements-and-awards .swiper-button-prev,
.achievements-and-awards .swiper-button-next {
  position: absolute;
  z-index: 2;
  padding: 0;
  border: none;
  background: none;
  margin: -25px;
  top: 50%;
  cursor: pointer;
}
.achievements-and-awards .swiper-button-prev.swiper-button-disabled,
.achievements-and-awards .swiper-button-next.swiper-button-disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.achievements-and-awards .swiper-button-prev .icon,
.achievements-and-awards .swiper-button-next .icon {
  display: block;
}
.achievements-and-awards .tiles {
  position: relative;
}
.achievements-and-awards .swiper-button-prev {
  left: -90px;
}
@media (max-width: 1400px) {
  .achievements-and-awards .swiper-button-prev {
    left: 20px;
  }
}
.achievements-and-awards .swiper-button-next {
  right: -90px;
}
@media (max-width: 1400px) {
  .achievements-and-awards .swiper-button-next {
    right: 20px;
  }
}

.fancybox__container.no-paddings .fancybox__content {
  padding: 0;
}

.news-block {
  margin-bottom: 80px;
}
@media (max-width: 800px) {
  .news-block {
    margin-bottom: 40px;
  }
}
.news-block:last-child {
  margin-bottom: 0;
}
.news-block .news-row {
  max-width: 700px;
}
.news-block .news-row:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: none;
}

.switch-scroll-wrap {
  position: relative;
}
.switch-scroll-wrap::before, .switch-scroll-wrap::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 7px;
  width: 50px;
  background: red;
  pointer-events: none;
  transition: opacity 0.3s;
  display: none;
}
.switch-scroll-wrap.has-scroll::before, .switch-scroll-wrap.has-scroll::after {
  display: block;
}
.switch-scroll-wrap::before {
  left: 0;
  background: linear-gradient(90deg, #f9f5f4 0%, rgba(249, 245, 244, 0) 100%);
}
.switch-scroll-wrap::after {
  right: 0;
  background: linear-gradient(90deg, rgba(249, 245, 244, 0) 0%, #f9f5f4 100%);
}
.switch-scroll-wrap.scroll-begin::before {
  opacity: 0;
}
.switch-scroll-wrap.scroll-end::after {
  opacity: 0;
}
.switch-scroll-wrap .switch-scroll {
  padding-bottom: 20px;
  margin-bottom: 25px;
  overflow: auto;
  display: flex;
}
@media (max-width: 800px) {
  .switch-scroll-wrap .switch-scroll {
    padding-bottom: 12px;
    margin-bottom: 13px;
  }
}
.switch-scroll-wrap .switch-tabs {
  display: flex;
  flex-flow: row nowrap;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
}
.switch-scroll-wrap .switch-tabs .switch-tab {
  border: none;
  background: none;
  padding: 0;
  margin-right: 35px;
  font-weight: 400;
  font-size: 18px;
  height: 35px;
  padding-bottom: 10px;
  color: #272829;
  border-bottom: 2px solid #272829;
  cursor: pointer;
  transition: color 0.3s, border-bottom 0.3s;
  white-space: nowrap;
}
.switch-scroll-wrap .switch-tabs .switch-tab:last-child {
  margin-right: 0;
}
@media (max-width: 640px) {
  .switch-scroll-wrap .switch-tabs .switch-tab {
    font-size: 16px;
    padding-bottom: 5px;
  }
}
body.non-touch-device .switch-scroll-wrap .switch-tabs .switch-tab:hover {
  color: #9387D1;
  border-bottom: 2px solid #9387D1;
}
.switch-scroll-wrap .switch-tabs .switch-tab.current {
  color: #72CBCD;
  border-bottom: 2px solid #72CBCD;
  cursor: default;
}

.news-row {
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #CED2D6;
}
.news-row .news-row-title {
  display: block;
  font-weight: 700;
  font-size: 22px;
  line-height: 1.3;
  color: #272829;
  margin-bottom: 11px;
}
@media (max-width: 640px) {
  .news-row .news-row-title {
    font-size: 18px;
  }
}
body.non-touch-device .news-row .news-row-title:hover {
  color: #9387D1;
}
.news-row .news-row-description {
  margin-bottom: 11px;
  color: #73717E;
  font-size: 18px;
}
@media (max-width: 640px) {
  .news-row .news-row-description {
    font-size: 16px;
  }
}
.news-row .news-row-bottom {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
}
.news-row .news-row-date {
  font-weight: 400;
  font-size: 18px;
  margin-right: 40px;
}
@media (max-width: 640px) {
  .news-row .news-row-date {
    font-size: 16px;
  }
}
.news-row .news-download-button {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  position: relative;
}
.news-row .news-download-button .tooltip {
  position: absolute;
  left: 0;
  bottom: 40px;
  padding: 5px 10px 5px 10px;
  background: #272829;
  white-space: nowrap;
  color: #fff;
  font-size: 14px;
  border-radius: 3px;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.3s, transform 0.3s;
  pointer-events: none;
}
.news-row .news-download-button .tooltip::before {
  content: "";
  display: block;
  position: absolute;
  width: 11px;
  height: 11px;
  margin: -5px;
  left: 17px;
  bottom: 0;
  background: #272829;
  transform: rotate(45deg);
  mix-blend-mode: darken;
}
body.non-touch-device .news-row .news-download-button:hover .tooltip {
  opacity: 1;
  transform: translateY(0);
}
.news-row .news-download-button .icon {
  margin-right: 10px;
}

.scroll-top {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  position: fixed;
  width: 50px;
  height: 50px;
  right: 30px;
  bottom: 30px;
  cursor: pointer;
  border: 1px solid #9387D1;
  background: none;
  padding: 0;
  color: #9387D1;
  border-radius: 50%;
  opacity: 0;
  visibility: hidden;
  transition: color 0.3s, border-color 0.3s, opacity 0.3s, visibility 0.3s;
}
.scroll-top svg {
  margin-bottom: 2px;
}
body.non-touch-device .scroll-top:hover {
  color: #72CBCD;
  border-color: #72CBCD;
}
.scroll-top.visible {
  opacity: 1;
  visibility: visible;
}

.page-404 {
  display: flex;
  flex-flow: row nowrap;
  padding-top: 100px;
  padding-bottom: 100px;
  margin-top: auto;
  margin-bottom: auto;
}
.page-404 .page-404-image {
  margin: 0 80px 0 0;
}
.page-404 .page-404-title {
  font-weight: 600;
  font-size: 30px;
  margin: 0 0 13px 0;
}
.page-404 .page-404-text {
  margin: 0 0 22px 0;
}
.page-404 .page-404-button {
  display: inline-flex;
}

.bread-crumbs {
  font-size: 16px;
  color: #73717E;
}
@media (max-width: 800px) {
  .bread-crumbs {
    font-size: 12px;
  }
}
.bread-crumbs .bread-crumbs-link {
  color: #73717E;
}
body.non-touch-device .bread-crumbs .bread-crumbs-link:hover {
  color: #9387D1;
}
.bread-crumbs .separator {
  font-style: normal;
  line-height: 10px;
  /*font-weight: 700;*/
  margin: 0 8px 0 8px;
}
@media (max-width: 800px) {
  .bread-crumbs .separator {
    font-size: 16px;
    margin: 0 5px 0 5px;
  }
}

.page-title {
  margin-top: 12px;
  margin-bottom: 40px;
  font-style: normal;
  font-weight: 700;
  font-size: 48px;
}
@media (max-width: 800px) {
  .page-title {
    font-size: 24px;
    margin-bottom: 25px;
  }
}

.pagination {
  display: flex;
  flex-flow: row nowrap;
  align-items: baseline;
  justify-content: flex-start;
  margin-top: 60px;
}
@media (max-width: 640px) {
  .pagination {
    font-size: 13px;
    margin-top: 20px;
  }
}
.pagination .pagination-prev,
.pagination .pagination-next,
.pagination .pagination-item,
.pagination .pagination-current {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  margin-left: 10px;
  margin-right: 10px;
  box-sizing: border-box;
  border-radius: 25px;
  color: #272829;
}
.pagination .pagination-prev:first-child,
.pagination .pagination-next:first-child,
.pagination .pagination-item:first-child,
.pagination .pagination-current:first-child {
  margin-left: 0;
}
.pagination .pagination-prev:last-child,
.pagination .pagination-next:last-child,
.pagination .pagination-item:last-child,
.pagination .pagination-current:last-child {
  margin-right: 0;
}
@media (max-width: 640px) {
  .pagination .pagination-prev,
  .pagination .pagination-next,
  .pagination .pagination-item,
  .pagination .pagination-current {
    width: 30px;
    height: 30px;
    margin-left: 5px;
    margin-right: 5px;
  }
}
.pagination .pagination-dots {
  margin-left: 10px;
  margin-right: 10px;
}
.pagination .pagination-prev,
.pagination .pagination-next,
.pagination .pagination-item {
  border: 1px solid #CED2D6;
  transition: color 0.3s, border-color 0.3s, background-color 0.3s;
}
body.non-touch-device .pagination .pagination-prev:hover,
body.non-touch-device .pagination .pagination-next:hover,
body.non-touch-device .pagination .pagination-item:hover {
  color: #fff;
  border-color: #72CBCD;
  background-color: #72CBCD;
}
.pagination .pagination-current {
  color: #fff;
  border-color: #9387D1;
  background-color: #9387D1;
}
.pagination .pagination-prev,
.pagination .pagination-next {
  align-self: center;
}
@media (max-width: 640px) {
  .pagination .pagination-prev svg,
  .pagination .pagination-next svg {
    transform: scale(0.75);
  }
}

.article-page-wrap {
  display: flex;
  flex-flow: row nowrap;
  align-items: stretch;
  justify-content: flex-start;
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto;
  max-width: 1000px;
  padding-right: 120px;
}
@media (max-width: 1200px) {
  .article-page-wrap {
    padding-right: 0;
    max-width: none;
    padding-left: 25px;
    padding-right: 25px;
  }
}
@media (max-width: 800px) {
  .article-page-wrap {
    flex-flow: column-reverse;
    margin-top: 0;
  }
}
.article-page-wrap .article-page-back-wrap {
  width: 180px;
}
@media (max-width: 1200px) {
  .article-page-wrap .article-page-back-wrap {
    margin-right: 25px;
  }
}
@media (max-width: 800px) {
  .article-page-wrap .article-page-back-wrap {
    width: auto;
    margin-right: 0;
    margin-top: 25px;
  }
}
.article-page-wrap .article-page-back {
  display: inline-flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  position: sticky;
  top: 25px;
  border: 1px solid #73717E;
  color: #73717E;
  border-radius: 10px;
  height: 50px;
  padding: 0 15px 0 15px;
  transition: border-color 0.3s, background-color 0.3s, color 0.3s;
  background: transparent;
  cursor: pointer;
}
body.non-touch-device .article-page-wrap .article-page-back:hover {
  border: 1px solid #9387D1;
  background: #9387D1;
  color: #fff;
}
.article-page-wrap .article-page-back .icon {
  margin-right: 10px;
}
.article-page-wrap .article-page {
  max-width: 700px;
}
@media (max-width: 1200px) {
  .article-page-wrap .article-page {
    max-width: none;
  }
}
.article-page-wrap .article-page .article-page-title {
  font-weight: 700;
  font-size: 22px;
  line-height: 1.3;
  margin: 0 0 20px 0;
}
.article-page-wrap .article-page .article-page-info {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 40px;
}
@media (max-width: 1200px) {
  .article-page-wrap .article-page .article-page-info {
    margin-bottom: 20px;
  }
}
.article-page-wrap .article-page .article-page-info .news-row-date {
  font-weight: 400;
  font-size: 18px;
  margin-right: 40px;
  color: #73717E;
}
.article-page-wrap .article-page .article-page-info .news-download-button {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  position: relative;
}
.article-page-wrap .article-page .article-page-info .news-download-button .tooltip {
  position: absolute;
  left: 0;
  bottom: 40px;
  padding: 5px 10px 5px 10px;
  background: #272829;
  white-space: nowrap;
  color: #fff;
  font-size: 14px;
  border-radius: 3px;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.3s, transform 0.3s;
  pointer-events: none;
}
.article-page-wrap .article-page .article-page-info .news-download-button .tooltip::before {
  content: "";
  display: block;
  position: absolute;
  width: 11px;
  height: 11px;
  margin: -5px;
  left: 17px;
  bottom: 0;
  background: #272829;
  transform: rotate(45deg);
  mix-blend-mode: darken;
}
body.non-touch-device .article-page-wrap .article-page .article-page-info .news-download-button:hover .tooltip {
  opacity: 1;
  transform: translateY(0);
}
.article-page-wrap .article-page .article-page-info .news-download-button .icon {
  margin-right: 10px;
}
.article-page-wrap .article-page .article-image {
  margin-bottom: 40px;
}
.article-page-wrap .article-page .image {
  display: block;
  border-radius: 20px;
}

.mobile-filter-button {
  margin-bottom: 25px;
  display: none;
}
@media (max-width: 1000px) {
  .mobile-filter-button {
    display: inline-flex;
  }
}

.filters .mobile-filter-close-button {
  display: none;
  position: absolute;
  right: 25px;
  top: 18px;
  background: none;
  border: none;
  padding: 0;
}
.filters .mobile-filter-close-button .icon {
  display: block;
  width: 40px;
  height: 40px;
}
@media (max-width: 1000px) {
  .filters {
    position: fixed;
    z-index: 100;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: 0 !important;
    background: #F9F5F4;
    width: auto !important;
    padding: 75px 25px 25px 25px;
    overflow: auto;
    visibility: hidden;
    opacity: 0;
    transition: visibility 0.5s, opacity 0.5s;
  }
  .filters .mobile-filter-close-button {
    display: block;
  }
  .filters.open {
    visibility: visible;
    opacity: 1;
  }
  .filters .filters-content {
    position: static !important;
  }
}

.news-list-page .news-list-columns {
  display: flex;
  flex-flow: row nowrap;
  align-items: stretch;
  justify-content: space-between;
}
.news-list-page .news-list-lead {
  margin-bottom: 50px;
}
.news-list-page .news-list-content {
  max-width: 700px;
  flex-grow: 1;
  flex-shrink: 1;
}
@media (max-width: 1000px) {
  .news-list-page .news-list-content {
    max-width: none;
  }
}
.news-list-page .news-list-content .content-empty {
  margin-top: 0;
}
.news-list-page .filters {
  flex-grow: 0;
  flex-shrink: 0;
  width: 360px;
  margin-left: 40px;
}
.news-list-page .filters .mobile-filter-close-button {
  display: none;
  position: absolute;
  right: 25px;
  top: 18px;
  background: none;
  border: none;
  padding: 0;
}
.news-list-page .filters .mobile-filter-close-button .icon {
  display: block;
  width: 40px;
  height: 40px;
}
@media (max-width: 1000px) {
  .news-list-page .filters {
    position: fixed;
    z-index: 100;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: 0;
    background: #F9F5F4;
    width: auto;
    padding: 75px 25px 25px 25px;
    visibility: hidden;
    opacity: 0;
    transition: visibility 0.5s, opacity 0.5s;
  }
  .news-list-page .filters .mobile-filter-close-button {
    display: block;
  }
  .news-list-page .filters.open {
    visibility: visible;
    opacity: 1;
  }
}
.news-list-page .filters-content {
  position: sticky;
  top: 25px;
}

.filters .filter {
  border-top: 1px solid #CED2D6;
  margin-bottom: 20px;
}
.filters .filter .filter-title {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  border: none;
  background: none;
  padding: 0;
  font-weight: 700;
  font-size: 18px;
  line-height: 1.4;
  height: 50px;
  margin-bottom: 10px;
  cursor: pointer;
}
.filters .filter .filter-title .icon {
  transition: transform 0.3s;
  transform: rotate(180deg);
}
.filters .filter.collapse-open .filter-title .icon {
  transform: rotate(0deg);
}
.filters .filter .search-field-wrap {
  margin-bottom: 20px;
  background: #F9F5F4 url("data:image/svg+xml,<svg version=\"1.1\" viewBox=\"0 0 512 512\" xml:space=\"preserve\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\"><path d=\"M344.5,298c15-23.6,23.8-51.6,23.8-81.7c0-84.1-68.1-152.3-152.1-152.3C132.1,64,64,132.2,64,216.3  c0,84.1,68.1,152.3,152.1,152.3c30.5,0,58.9-9,82.7-24.4l6.9-4.8L414.3,448l33.7-34.3L339.5,305.1L344.5,298z M301.4,131.2  c22.7,22.7,35.2,52.9,35.2,85c0,32.1-12.5,62.3-35.2,85c-22.7,22.7-52.9,35.2-85,35.2c-32.1,0-62.3-12.5-85-35.2  c-22.7-22.7-35.2-52.9-35.2-85c0-32.1,12.5-62.3,35.2-85c22.7-22.7,52.9-35.2,85-35.2C248.5,96,278.7,108.5,301.4,131.2z\" fill=\"%23272829\"/></svg>") right 8px center no-repeat;
  background-size: 30px 30px;
}
.filters .filter .search-field-wrap .input-field {
  padding-right: 50px;
}
.filters .filter .date-field-wrap {
  margin-bottom: 20px;
  background: #F9F5F4 url("data:image/svg+xml,<svg viewBox=\"0 0 30 30\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M9.5625 17.6875C9.20833 17.6875 8.91146 17.5677 8.67188 17.3281C8.43229 17.0885 8.3125 16.7917 8.3125 16.4375C8.3125 16.0833 8.43229 15.7865 8.67188 15.5469C8.91146 15.3073 9.20833 15.1875 9.5625 15.1875C9.91667 15.1875 10.2135 15.3073 10.4531 15.5469C10.6927 15.7865 10.8125 16.0833 10.8125 16.4375C10.8125 16.7917 10.6927 17.0885 10.4531 17.3281C10.2135 17.5677 9.91667 17.6875 9.5625 17.6875ZM15.0938 17.6875C14.7396 17.6875 14.4427 17.5677 14.2031 17.3281C13.9635 17.0885 13.8438 16.7917 13.8438 16.4375C13.8438 16.0833 13.9635 15.7865 14.2031 15.5469C14.4427 15.3073 14.7396 15.1875 15.0938 15.1875C15.4479 15.1875 15.7448 15.3073 15.9844 15.5469C16.224 15.7865 16.3438 16.0833 16.3438 16.4375C16.3438 16.7917 16.224 17.0885 15.9844 17.3281C15.7448 17.5677 15.4479 17.6875 15.0938 17.6875ZM20.4062 17.6875C20.0521 17.6875 19.7552 17.5677 19.5156 17.3281C19.276 17.0885 19.1562 16.7917 19.1562 16.4375C19.1562 16.0833 19.276 15.7865 19.5156 15.5469C19.7552 15.3073 20.0521 15.1875 20.4062 15.1875C20.7604 15.1875 21.0573 15.3073 21.2969 15.5469C21.5365 15.7865 21.6562 16.0833 21.6562 16.4375C21.6562 16.7917 21.5365 17.0885 21.2969 17.3281C21.0573 17.5677 20.7604 17.6875 20.4062 17.6875ZM5.625 27.5C5.125 27.5 4.6875 27.3125 4.3125 26.9375C3.9375 26.5625 3.75 26.125 3.75 25.625V6.25C3.75 5.75 3.9375 5.3125 4.3125 4.9375C4.6875 4.5625 5.125 4.375 5.625 4.375H7.65625V3.46875C7.65625 3.19792 7.75 2.96875 7.9375 2.78125C8.125 2.59375 8.36458 2.5 8.65625 2.5C8.94792 2.5 9.19271 2.59375 9.39062 2.78125C9.58854 2.96875 9.6875 3.20833 9.6875 3.5V4.375H20.3125V3.46875C20.3125 3.19792 20.4062 2.96875 20.5938 2.78125C20.7812 2.59375 21.0208 2.5 21.3125 2.5C21.6042 2.5 21.849 2.59375 22.0469 2.78125C22.2448 2.96875 22.3438 3.20833 22.3438 3.5V4.375H24.375C24.875 4.375 25.3125 4.5625 25.6875 4.9375C26.0625 5.3125 26.25 5.75 26.25 6.25V25.625C26.25 26.125 26.0625 26.5625 25.6875 26.9375C25.3125 27.3125 24.875 27.5 24.375 27.5H5.625ZM5.625 25.625H24.375V12.1875H5.625V25.625ZM5.625 10.3125H24.375V6.25H5.625V10.3125ZM5.625 10.3125V6.25V10.3125Z\" fill=\"%23272829\"/></svg>") right 8px center no-repeat;
  background-size: 30px 30px;
}
.filters .filter .date-field-wrap .input-field {
  padding-right: 50px;
}
.filters .filter .filter-checkboxes-list {
  display: flex;
  flex-flow: column nowrap;
  align-items: flex-start;
  justify-content: flex-start;
}
.filters .filter .filter-checkbox,
.filters .filter .date-checkbox {
  display: block;
  position: relative;
  padding: 0 0 0 34px;
  font-size: 18px;
  line-height: 26px;
  text-align: left;
  margin-bottom: 7px;
  color: #272829;
  background: none;
  border: none;
  cursor: pointer;
  transition: color 0.3s;
  /*
  body.non-touch-device &:hover {
      color: $color-dark;
  }
  */
}
.filters .filter .filter-checkbox::before, .filters .filter .filter-checkbox::after,
.filters .filter .date-checkbox::before,
.filters .filter .date-checkbox::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 24px;
  height: 24px;
  border-radius: 3px;
}
.filters .filter .filter-checkbox::before,
.filters .filter .date-checkbox::before {
  border: 1px solid #CED2D6;
  transition: border-color 0.3s;
}
.filters .filter .filter-checkbox::after,
.filters .filter .date-checkbox::after {
  opacity: 0;
  background: #9387D1 url("data:image/svg+xml,%3Csvg width=%2716%27 height=%2712%27 viewBox=%270 0 16 12%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M5.45078 11.5499C5.35078 11.5499 5.25911 11.5332 5.17578 11.4999C5.09245 11.4666 5.00911 11.4082 4.92578 11.3249L0.400781 6.7999C0.250781 6.6499 0.175781 6.46657 0.175781 6.2499C0.175781 6.03324 0.250781 5.8499 0.400781 5.6999C0.550781 5.5499 0.725781 5.4749 0.925781 5.4749C1.12578 5.4749 1.30078 5.5499 1.45078 5.6999L5.45078 9.6999L14.5258 0.624902C14.6758 0.474902 14.8549 0.399902 15.0633 0.399902C15.2716 0.399902 15.4508 0.474902 15.6008 0.624902C15.7508 0.774902 15.8258 0.954069 15.8258 1.1624C15.8258 1.37074 15.7508 1.5499 15.6008 1.6999L5.97578 11.3249C5.89245 11.4082 5.80911 11.4666 5.72578 11.4999C5.64245 11.5332 5.55078 11.5499 5.45078 11.5499Z%27 fill=%27white%27/%3E%3C/svg%3E") center center no-repeat;
  transition: opacity 0.3s, background-color 0.3s;
}
.filters .filter .filter-checkbox:hover,
.filters .filter .date-checkbox:hover {
  color: #72CBCD;
}
.filters .filter .filter-checkbox:hover::before,
.filters .filter .date-checkbox:hover::before {
  border: 1px solid #72CBCD;
}
.filters .filter .filter-checkbox:hover::after,
.filters .filter .date-checkbox:hover::after {
  background-color: #72CBCD;
}
.filters .filter .filter-checkbox.checked::after,
.filters .filter .date-checkbox.checked::after {
  opacity: 1;
}
.filters .filter-actions {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  margin-top: 35px;
}
body.non-touch-device .filters .filter-actions a:hover {
  color: #72CBCD;
}
.filters .button {
  margin-right: 20px;
}

.collapse .collapse-wrap {
  overflow: hidden;
  transition: height 0.3s linear;
}

.folder .folder-wrap {
  overflow: hidden;
  transition: height 0.3s linear;
}
.folder .folder-open,
.folder .folder-close {
  color: #73717E;
  border: none;
  padding: 0;
  background: none;
  font-weight: 700;
  font-size: 18px;
  margin-top: 13px;
  cursor: pointer;
  left: 0;
  transition: color 0.3s, visibility 0.3s, opacity 0.3s;
}
.folder .folder-open .icon,
.folder .folder-close .icon {
  margin-right: 10px;
}
body.non-touch-device .folder .folder-open:hover,
body.non-touch-device .folder .folder-close:hover {
  color: #9387D1;
}

.text-columns-460-660 {
  display: flex;
  flex-flow: row nowrap;
  align-items: stretch;
  justify-content: flex-start;
  margin-bottom: 80px;
}
@media (max-width: 1000px) {
  .text-columns-460-660 {
    display: block;
  }
}
@media (max-width: 800px) {
  .text-columns-460-660 {
    margin-bottom: 40px;
  }
}
.text-columns-460-660 .left-column {
  width: 460px;
  margin-right: 40px;
  flex-grow: 1;
  flex-shrink: 1;
}
@media (max-width: 1000px) {
  .text-columns-460-660 .left-column {
    width: auto;
    margin-right: 0;
    margin-bottom: 20px;
  }
}
.text-columns-460-660 .right-column {
  width: 660px;
  flex-grow: 1;
  flex-shrink: 1;
}
@media (max-width: 1000px) {
  .text-columns-460-660 .right-column {
    width: auto;
  }
}
.text-columns-460-660 .right-column .outline-button {
  display: inline-flex;
  margin-top: 15px;
}
.text-columns-460-660 .logo {
  display: block;
  width: 300px;
  margin-top: 45px;
}
.text-columns-460-660 .logo2 {
  display: block;
  width: 209px;
  margin-bottom: 40px;
}

.text-columns-equal {
  display: flex;
  flex-flow: row nowrap;
  align-items: stretch;
  justify-content: flex-start;
  margin-bottom: 80px;
}
@media (max-width: 800px) {
  .text-columns-equal {
    margin-bottom: 40px;
    display: block;
  }
}
.text-columns-equal .left-column {
  width: 560px;
  margin-right: 40px;
  flex-grow: 1;
  flex-shrink: 1;
}
@media (max-width: 800px) {
  .text-columns-equal .left-column {
    width: auto;
    margin-right: 0;
    margin-bottom: 25px;
  }
}
.text-columns-equal .right-column {
  width: 560px;
  flex-grow: 1;
  flex-shrink: 1;
}
.text-columns-equal .right-column .outline-button {
  display: inline-flex;
  margin-top: 15px;
}
@media (max-width: 800px) {
  .text-columns-equal .right-column {
    width: auto;
    margin-right: 0;
  }
}
.text-columns-equal .logo {
  display: block;
  width: 300px;
  margin-top: 45px;
}

.block-about-documents {
  max-width: 760px;
}

.documents-tile {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
  border: 1px solid #CED2D6;
  border-radius: 20px;
  padding: 26px 20px 26px 20px;
  font-size: 18px;
  color: #272829;
  transition: color 0.3s, border-color 0.3s, background-color 0.3s;
}
.documents-tile:last-child {
  margin-bottom: 0;
}
.documents-tile .icon {
  flex-shrink: 0;
  flex-grow: 0;
  width: 40px;
  height: 40px;
  margin: -20px 0 -20px 40px;
}
@media (max-width: 640px) {
  .documents-tile .icon {
    display: none;
  }
}
.documents-tile.small {
  padding: 18px 20px 18px 20px;
  font-size: 16px;
  border-radius: 10px;
}
.documents-tile.small .icon {
  width: 26px;
  height: 26px;
}
body.non-touch-device .documents-tile:hover {
  color: #fff;
  background: #9387D1;
  border-color: #9387D1;
}

.people-block {
  margin-bottom: 60px;
}
@media (max-width: 800px) {
  .people-block {
    margin-bottom: 40px;
  }
}
.people-block:last-child {
  margin-bottom: 0;
}
.people-block .block-title {
  font-weight: 700;
  font-size: 30px;
  line-height: 1.3;
  margin-bottom: 40px;
}
@media (max-width: 800px) {
  .people-block .block-title {
    font-size: 24px;
  }
}
@media (max-width: 690px) {
  .people-block .block-title {
    text-align: center;
  }
}
.people-block .people-tiles {
  display: flex;
  flex-flow: row wrap;
  align-items: flex-start;
  justify-content: center;
  gap: 40px;
}
.people-block .people-tile {
  max-width: 360px;
  flex-grow: 1;
  flex-shrink: 1;
  text-align: center;
  font-size: 18px;
}
.people-block .people-tile .image {
  display: block;
  border-radius: 50%;
  margin: 0 auto 20px auto;
  width: 100%;
  max-width: 300px;
  height: auto;
}
.people-block .people-tile .name {
  font-weight: 700;
}
.people-block .people-tile .post {
  color: #73717E;
}

.documents-view .documents-view-columns {
  display: flex;
  flex-flow: row nowrap;
  align-items: stretch;
  justify-content: space-between;
}
.documents-view .documents-view-content {
  max-width: 700px;
  flex-grow: 1;
  flex-shrink: 1;
}
.documents-view .content-empty {
  margin-top: 0;
}
.documents-view .filters {
  flex-grow: 0;
  flex-shrink: 0;
  width: 360px;
  margin-left: 40px;
}
.documents-view .filters-content {
  position: sticky;
  top: 25px;
}
.documents-view .documents-tile {
  padding-top: 26.4px;
  padding-bottom: 26.4px;
}

.contacts-page-block .map {
  height: 520px;
  margin-bottom: -70px;
}
@media (max-width: 1000px) {
  .contacts-page-block .map {
    margin-bottom: 0;
    margin-right: 25px;
    margin-left: 25px;
  }
}

.contacts-page-block .contacts-info {
  display: flex;
  flex-flow: row nowrap;
  align-items: flex-start;
  justify-content: flex-start;
  margin-bottom: 50px;
}
@media (max-width: 1000px) {
  .contacts-page-block .contacts-info {
    display: block;
    margin-bottom: 30px;
  }
}
.contacts-page-block .contacts-info .phones {
  margin-right: 70px;
  font-weight: 700;
  font-size: 22px;
  line-height: 1.3;
}
@media (max-width: 1000px) {
  .contacts-page-block .contacts-info .phones {
    margin-right: 0;
    margin-bottom: 30px;
  }
}
.contacts-page-block .contacts-info .phones a {
  color: #272829;
}
.contacts-page-block .contacts-info .emails {
  font-size: 18px;
  margin-right: 50px;
}
@media (max-width: 1000px) {
  .contacts-page-block .contacts-info .emails {
    margin-right: 0;
    margin-bottom: 30px;
  }
}
.contacts-page-block .contacts-info .address {
  max-width: 420px;
  font-size: 18px;
  line-height: 1.4;
  color: #73717E;
  white-space: pre-wrap;
}
@media (max-width: 1000px) {
  .contacts-page-block .contacts-info .address {
    max-width: none;
    font-size: 16px;
  }
}

.text-image-block {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 80px;
}
@media (max-width: 1000px) {
  .text-image-block {
    flex-direction: column;
    gap: 25px;
    align-items: stretch !important;
  }
}
@media (max-width: 800px) {
  .text-image-block {
    margin-bottom: 40px;
  }
}
.text-image-block .text-column,
.text-image-block .image-column {
  width: calc((100% - 40px) / 2);
}
@media (max-width: 1000px) {
  .text-image-block .text-column,
  .text-image-block .image-column {
    width: auto;
  }
}
.text-image-block.ratio-60-40 {
  margin-bottom: 40px;
}
.text-image-block.ratio-60-40 .text-column {
  width: calc((100% - 20px) * 0.6);
}
.text-image-block.ratio-60-40 .text-column .content-title {
  font-size: 40px;
}
@media (max-width: 1000px) {
  .text-image-block.ratio-60-40 .text-column {
    width: auto;
  }
  .text-image-block.ratio-60-40 .text-column .content-title {
    font-size: 22px;
    text-align: center;
  }
}
.text-image-block.ratio-60-40 .image-column {
  width: calc((100% - 20px) * 0.4);
}
@media (max-width: 1000px) {
  .text-image-block.ratio-60-40 .image-column {
    width: auto;
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
  }
}
.text-image-block .image {
  display: block;
  border-radius: 20px;
  width: 100%;
}
.text-image-block.alignment-top {
  align-items: flex-start;
}
.text-image-block.alignment-center {
  align-items: center;
}
.text-image-block.alignment-bottom {
  align-items: flex-end;
}
.text-image-block.orientation-left .text-column {
  order: 2;
}
.text-image-block.orientation-left .image-column {
  order: 1;
}
.text-image-block.orientation-right .text-column {
  order: 1;
}
.text-image-block.orientation-right .image-column {
  order: 2;
}

.teasers-block {
  position: relative;
}
.teasers-block.margin-bottom {
  margin-bottom: 80px;
}
@media (max-width: 800px) {
  .teasers-block.margin-bottom {
    margin-bottom: 40px;
  }
}
.teasers-block .background {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.teasers-block .center-wrap {
  position: relative;
  padding-top: 80px;
  padding-bottom: 80px;
}
@media (max-width: 800px) {
  .teasers-block .center-wrap {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
.teasers-block .block-title {
  font-weight: 700;
  font-size: 30px;
  line-height: 1.3;
  margin-bottom: 40px;
}
.teasers-block .block-title.alignment-left {
  text-align: left;
}
.teasers-block .block-title.alignment-center {
  text-align: center;
}
.teasers-block .block-title.alignment-right {
  text-align: right;
}
@media (max-width: 800px) {
  .teasers-block .block-title {
    font-size: 24px;
    text-align: center !important;
  }
}
.teasers-block .teasers-list {
  display: flex;
  flex-flow: row nowrap;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 40px;
  text-align: center;
}
@media (max-width: 800px) {
  .teasers-block .teasers-list {
    flex-direction: column;
  }
}
.teasers-block .teasers-list.icon-size-100-100 .image-wrap {
  width: 100px;
  height: 100px;
}
.teasers-block .teasers-list.icon-size-70-70 .image-wrap {
  width: 70px;
  height: 70px;
}
.teasers-block .teaser {
  width: 10%;
  flex-grow: 1;
  flex-shrink: 1;
}
@media (max-width: 800px) {
  .teasers-block .teaser {
    width: 100%;
  }
}
.teasers-block .teaser .image-wrap {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border: 1px solid #272829;
  margin: 0 auto 20px auto;
}
.teasers-block .teaser .image {
  display: block;
}
.teasers-block .teaser .title {
  font-weight: 700;
  font-size: 22px;
  line-height: 1.3;
  margin-bottom: 20px;
  padding: 0 10px 0 10px;
}
.teasers-block .teaser .title:last-child {
  margin-bottom: 0;
}
.teasers-block .teaser .description {
  font-size: 18px;
}

.processing-block {
  background: #fff;
  padding: 80px 0 80px 0;
  margin-bottom: 80px;
}
@media (max-width: 800px) {
  .processing-block {
    padding: 40px 0 40px 0;
    margin-bottom: 40px;
  }
}
.processing-block .switch-scroll-wrap::before {
  background: linear-gradient(90deg, white 0%, rgba(255, 255, 255, 0) 100%);
}
.processing-block .switch-scroll-wrap::after {
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, white 100%);
}
.processing-block .tab-description {
  margin-bottom: 50px;
}
@media (max-width: 1000px) {
  .processing-block .tab-description {
    margin-bottom: 30px;
  }
}
.processing-block .tab-step {
  display: flex;
  flex-flow: row nowrap;
  align-items: flex-start;
  justify-content: flex-start;
  padding-bottom: 85px;
  margin-bottom: 80px;
  /*border-bottom: 5px dashed #9387D1;*/
  background: url("data:image/svg+xml,<svg width=\"1160\" height=\"5\" viewBox=\"0 0 1160 5\" xmlns=\"http://www.w3.org/2000/svg\"><line x1=\"2.5\" y1=\"2.5\" x2=\"1157.5\" y2=\"2.5\" stroke=\"%239387D1\" stroke-width=\"5\" stroke-linecap=\"round\" stroke-dasharray=\"2 20\"/></svg>") center bottom no-repeat;
}
@media (max-width: 1000px) {
  .processing-block .tab-step {
    display: block;
    padding-bottom: 45px;
    margin-bottom: 40px;
  }
}
.processing-block .tab-step:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
  background: none;
}
.processing-block .tab-step .left-column {
  width: 360px;
  margin-right: 40px;
  flex-shrink: 0;
  flex-grow: 0;
  font-weight: 700;
  font-size: 22px;
  line-height: 1.3;
}
@media (max-width: 1000px) {
  .processing-block .tab-step .left-column {
    width: auto;
    margin-right: 0;
    margin-bottom: 30px;
  }
}
.processing-block .tab-step .right-column {
  width: 760px;
}
@media (max-width: 1000px) {
  .processing-block .tab-step .right-column {
    width: auto;
  }
}
.processing-block .tab-step .step-description {
  margin-bottom: 25px;
}

.faq-item {
  border-bottom: 1px solid #CED2D6;
}
.faq-item .faq-item-question-icon {
  position: absolute;
  top: 50%;
  right: 20px;
  width: 40px;
  height: 40px;
  margin: -20px;
  transition: transform 0.3s;
}
.faq-item.collapse-open .faq-item-question-icon {
  transform: rotate(45deg);
}
.faq-item .faq-item-question {
  position: relative;
  width: 100%;
  font-size: 18px;
  text-align: left;
  min-height: 80px;
  padding: 10px 50px 10px 0;
  border: none;
  background: none;
  cursor: pointer;
  transition: color 0.3s;
}
body.non-touch-device .faq-item .faq-item-question:hover {
  color: #9387D1;
}
.faq-item .faq-item-answer {
  padding-top: 0;
  padding-bottom: 35px;
}
.faq-item .faq-item-answer p,
.faq-item .faq-item-answer li,
.faq-item .faq-item-answer td {
  font-size: 16px;
  color: #73717E;
}

.block-documents-wrap {
  margin-bottom: 70px;
}
.block-documents-wrap .block-title {
  font-size: 30px;
  font-weight: 700;
  margin-bottom: 40px;
}
@media (max-width: 800px) {
  .block-documents-wrap .block-title {
    font-size: 22px;
    margin-bottom: 20px;
  }
}
.block-documents-wrap .block-documents {
  margin-bottom: 0;
}

.block-documents {
  margin-bottom: 80px;
}
@media (max-width: 800px) {
  .block-documents {
    margin-bottom: 40px;
  }
}
.block-documents:last-child {
  margin-bottom: 0;
}
.block-documents .block-title {
  font-weight: 400;
  font-size: 18px;
  color: #73717E;
  margin-bottom: 15px;
}
.block-documents .documents-tile {
  max-width: 760px;
}
.block-documents .block-category-title {
  font-size: 18px;
  font-weight: 700;
  margin-top: 30px;
  margin-bottom: 25px;
}
.block-documents .link-button {
  padding: 0;
  border: none;
  background: none;
  color: #9387D1;
  font-size: 18px;
  margin-top: 20px;
  cursor: pointer;
  transition: color 0.3s;
}
.block-documents .link-button:hover {
  color: #E9AABE;
}
.block-documents .pages {
  display: flex;
  flex-flow: column nowrap;
  align-items: flex-start;
  justify-content: flex-start;
  margin-bottom: 30px;
}
.block-documents .page {
  margin-bottom: 10px;
  border-radius: 10px;
  background: #ECE5DB;
  border: none;
  padding: 0 20px 0 20px;
  height: 40px;
  cursor: pointer;
  transition: color 0.3s, background-color 0.3s;
}
.block-documents .page:hover {
  background: #E9AABE;
}
.block-documents .page.current {
  background: #9387D1;
  color: #fff;
}
.block-documents .filters {
  display: flex;
  flex-flow: row nowrap;
  align-items: flex-start;
  justify-content: flex-start;
  margin-bottom: 30px;
}
.block-documents .filters .filter-column {
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  justify-content: flex-start;
}
.block-documents .filters .filter-column:not(:last-child) {
  margin-right: 20px;
}
.block-documents .filters .filter-column .caption {
  color: #73717E;
  margin-bottom: 15px;
}
.block-documents .filters .filter-column .select {
  height: 50px;
  border-radius: 10px;
  border: 1px solid #CED2D6;
  background: #fff url("data:image/svg+xml,<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M16.293 9.29303L12 13.586L7.70697 9.29303L6.29297 10.707L12 16.414L17.707 10.707L16.293 9.29303Z\" fill=\"%23272829\"/></svg>") right 10px center no-repeat;
  appearance: none;
  padding: 0 40px 0 10px;
}

.form {
  position: relative;
}
.form::before, .form::after {
  content: "";
  display: block;
  position: absolute;
  z-index: 10;
  opacity: 0;
  visibility: hidden;
  transition: visibility 0.3s, opacity 0.3s;
}
.form::before {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: #fff;
  border-radius: 20px;
}
.form::after {
  left: 50%;
  top: 50%;
  width: 70px;
  height: 70px;
  margin: -35px;
  border: 6px solid #9387D1;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-radius: 50%;
  animation: spin 1s infinite linear;
}
.form.loading::before {
  opacity: 0.75;
  visibility: visible;
}
.form.loading::after {
  opacity: 1;
  visibility: visible;
}

.consultation-form-block .form-content {
  display: grid;
  gap: 10px;
  grid-template-columns: 39.39fr 30.3fr 30.3fr;
  grid-template-rows: auto auto auto auto;
  border-radius: 20px;
  padding: 80px 90px 70px 60px;
  background: url(assets/consultation-form-background.73310f489604c9b2b8d8.png);
  background-size: 100% 100%;
  /*
  @media (max-width: 600px) {
      display: block;
  }
  */
}
@media (max-width: 1000px) {
  .consultation-form-block .form-content {
    padding: 25px;
  }
}
@media (max-width: 800px) {
  .consultation-form-block .form-content {
    grid-template-columns: 50fr 50fr;
    grid-template-rows: auto auto auto auto auto;
  }
}
@media (max-width: 600px) {
  .consultation-form-block .form-content {
    grid-template-columns: auto;
    grid-template-rows: auto auto auto auto auto auto;
  }
}
body.webp-supported .consultation-form-block .form-content {
  background-image: url(assets/consultation-form-background.1d068f7b8464dcf689f9.webp);
}
body.avif-supported .consultation-form-block .form-content {
  background-image: url(assets/consultation-form-background.86a76362e2e7d0836fab.avif);
}
.consultation-form-block .form-content .text {
  grid-column-start: 1;
  grid-column-end: 2;
  grid-row-start: 1;
  grid-row-end: 5;
  margin-right: 50px;
}
.consultation-form-block .form-content .text .title {
  font-weight: 700;
  font-size: 30px;
  line-height: 1.3;
  margin-bottom: 20px;
}
@media (max-width: 800px) {
  .consultation-form-block .form-content .text .title {
    margin-bottom: 0;
    font-size: 24px;
  }
}
@media (max-width: 600px) {
  .consultation-form-block .form-content .text .title {
    text-align: center;
  }
}
.consultation-form-block .form-content .text .description {
  font-size: 20px;
  line-height: 1.3;
  color: #73717E;
}
@media (max-width: 800px) {
  .consultation-form-block .form-content .text .description {
    font-size: 16px;
  }
}
@media (max-width: 600px) {
  .consultation-form-block .form-content .text .description {
    text-align: center;
  }
}
.consultation-form-block .form-content .name-wrap {
  grid-column-start: 2;
  grid-column-end: 3;
  grid-row-start: 1;
  grid-row-end: 2;
}
.consultation-form-block .form-content .tel-wrap {
  grid-column-start: 2;
  grid-column-end: 3;
  grid-row-start: 2;
  grid-row-end: 3;
}
.consultation-form-block .form-content .email-wrap {
  grid-column-start: 2;
  grid-column-end: 3;
  grid-row-start: 3;
  grid-row-end: 4;
}
.consultation-form-block .form-content .message-wrap {
  grid-column-start: 3;
  grid-column-end: 4;
  grid-row-start: 1;
  grid-row-end: 4;
}
.consultation-form-block .form-content .submit-button {
  grid-column-start: 2;
  grid-column-end: 4;
  grid-row-start: 4;
  grid-row-end: 5;
  margin-top: 10px;
  font-size: 22px;
  font-weight: 600;
  height: 60px;
}
@media (max-width: 800px) {
  .consultation-form-block .form-content .text {
    grid-column-start: 1;
    grid-column-end: 3;
    grid-row-start: 1;
    grid-row-end: 2;
    margin-right: 0;
    margin-bottom: 15px;
  }
  .consultation-form-block .form-content .name-wrap {
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 2;
    grid-row-end: 3;
  }
  .consultation-form-block .form-content .tel-wrap {
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 3;
    grid-row-end: 4;
  }
  .consultation-form-block .form-content .email-wrap {
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 4;
    grid-row-end: 5;
  }
  .consultation-form-block .form-content .message-wrap {
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 2;
    grid-row-end: 5;
  }
  .consultation-form-block .form-content .submit-button {
    grid-column-start: 1;
    grid-column-end: 3;
    grid-row-start: 5;
    grid-row-end: 6;
  }
}
@media (max-width: 600px) {
  .consultation-form-block .form-content .text {
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 1;
    grid-row-end: 2;
  }
  .consultation-form-block .form-content .name-wrap {
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 2;
    grid-row-end: 3;
  }
  .consultation-form-block .form-content .tel-wrap {
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 3;
    grid-row-end: 4;
  }
  .consultation-form-block .form-content .email-wrap {
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 4;
    grid-row-end: 5;
  }
  .consultation-form-block .form-content .message-wrap {
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 5;
    grid-row-end: 6;
  }
  .consultation-form-block .form-content .submit-button {
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 6;
    grid-row-end: 7;
  }
}

.service-tiles-block {
  margin-bottom: 80px;
}
@media (max-width: 800px) {
  .service-tiles-block {
    margin-bottom: 40px;
  }
}
.service-tiles-block .grey-text,
.service-tiles-block .big-text {
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
.service-tiles-block .grey-text {
  font-size: 22px;
  color: #73717E;
  margin-bottom: 20px;
}
@media (max-width: 800px) {
  .service-tiles-block .grey-text {
    font-size: 18px;
  }
}
.service-tiles-block .big-text {
  font-weight: 700;
  font-size: 30px;
  line-height: 1.3;
  margin-bottom: 40px;
}
@media (max-width: 800px) {
  .service-tiles-block .big-text {
    font-size: 24px;
  }
}
.service-tiles-block .service-tiles {
  display: flex;
  flex-flow: row wrap;
  align-items: flex-start;
  justify-content: center;
  gap: 40px;
  text-align: center;
}
.service-tiles-block .service-tile {
  width: calc((100% - 80px) / 3);
}
@media (max-width: 800px) {
  .service-tiles-block .service-tile {
    width: calc((100% - 80px) / 2);
  }
}
@media (max-width: 600px) {
  .service-tiles-block .service-tile {
    width: 100%;
  }
}
.service-tiles-block .service-tile .title {
  font-weight: 700;
  font-size: 22px;
  line-height: 1.3;
  color: #272829;
  transition: 0.3s;
  min-height: 57px;
}
@media (max-width: 600px) {
  .service-tiles-block .service-tile .title {
    font-size: 18px;
  }
}
@media (max-width: 600px) {
  .service-tiles-block .service-tile .title {
    min-height: 0;
  }
}
body.non-touch-device .service-tiles-block .service-tile:hover .title {
  color: #9387D1;
}
.service-tiles-block .image {
  width: 100%;
  border-radius: 20px;
  display: block;
  margin-bottom: 20px;
}

.text-columns {
  position: relative;
  margin-bottom: 80px;
}
@media (max-width: 800px) {
  .text-columns {
    margin-bottom: 40px;
  }
}
.text-columns .background {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.text-columns .center-wrap {
  position: relative;
  padding-top: 80px;
  padding-bottom: 80px;
}
@media (max-width: 800px) {
  .text-columns .center-wrap {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
.text-columns .block-title {
  font-weight: 700;
  font-size: 30px;
  line-height: 1.3;
  margin-bottom: 40px;
}
.text-columns .columns {
  display: flex;
  flex-flow: row nowrap;
  align-items: flex-start;
  justify-content: flex-start;
}
@media (max-width: 800px) {
  .text-columns .columns {
    flex-direction: column;
  }
}
.text-columns .left-column {
  width: 360px;
  margin-right: 40px;
  flex-grow: 1;
  flex-shrink: 1;
}
@media (max-width: 800px) {
  .text-columns .left-column {
    width: auto;
    margin-right: 0;
    margin-bottom: 25px;
  }
}
.text-columns .right-column {
  width: 760px;
  flex-grow: 1;
  flex-shrink: 1;
}
@media (max-width: 800px) {
  .text-columns .right-column {
    width: auto;
  }
}

.text-three-columns {
  margin-bottom: 80px;
}
@media (max-width: 800px) {
  .text-three-columns {
    margin-bottom: 40px;
  }
}
.text-three-columns .block-title {
  font-weight: 700;
  font-size: 30px;
  line-height: 1.3;
  text-align: center;
  margin-bottom: 40px;
}
.text-three-columns .columns {
  display: flex;
  flex-flow: row wrap;
  align-items: flex-start;
  justify-content: center;
  gap: 40px;
}
@media (max-width: 800px) {
  .text-three-columns .columns {
    flex-direction: column;
    gap: 25px;
  }
}
.text-three-columns .column {
  position: relative;
  padding-top: 40px;
  width: calc((100% - 80px) / 3);
  flex-grow: 0;
  flex-shrink: 0;
}
@media (max-width: 800px) {
  .text-three-columns .column {
    width: auto;
  }
}
.text-three-columns .column::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 60px;
  height: 2px;
  background: #9387D1;
  border-radius: 1px;
}
.text-three-columns .column .column-title {
  font-weight: 700;
  font-size: 22px;
  line-height: 1.3;
  margin-bottom: 30px;
}
.text-three-columns .column .column-text {
  font-size: 18px;
  color: #73717E;
}

.info-columns-block {
  display: flex;
  flex-flow: row wrap;
  align-items: flex-start;
  justify-content: center;
  text-align: center;
  gap: 40px;
  margin-bottom: 80px;
}
.info-columns-block .column {
  width: calc((100% - 120px) / 4);
  flex-grow: 0;
  flex-shrink: 0;
}
@media (max-width: 800px) {
  .info-columns-block .column {
    width: calc((100% - 120px) / 2);
  }
}
@media (max-width: 550px) {
  .info-columns-block .column {
    width: 100%;
  }
}
.info-columns-block .column-big {
  font-weight: 700;
  font-size: 40px;
  line-height: 1.3;
  margin-bottom: 23px;
}
.info-columns-block .column-big b {
  font-weight: inherit;
}
.info-columns-block .column-small {
  white-space: pre-wrap;
  color: #73717E;
}

.pie-diagram-block {
  display: flex;
  flex-flow: row nowrap;
  align-items: flex-start;
  justify-content: flex-start;
  margin-bottom: 80px;
}
@media (max-width: 1000px) {
  .pie-diagram-block {
    display: block;
  }
}
@media (max-width: 800px) {
  .pie-diagram-block {
    margin-bottom: 40px;
  }
}
.pie-diagram-block .column-left {
  flex-grow: 1;
  flex-shrink: 1;
  width: 360px;
  margin-right: 40px;
}
@media (max-width: 1000px) {
  .pie-diagram-block .column-left {
    width: auto;
    margin-right: 0;
    margin-bottom: 25px;
  }
}
.pie-diagram-block .column-right {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-around;
  flex-grow: 0;
  flex-shrink: 0;
  width: 760px;
  height: 400px;
  border: 1px solid #CED2D6;
  border-radius: 20px;
  padding-right: 80px;
}
@media (max-width: 1000px) {
  .pie-diagram-block .column-right {
    width: auto;
  }
}
@media (max-width: 800px) {
  .pie-diagram-block .column-right {
    padding-right: 40px;
  }
}
@media (max-width: 640px) {
  .pie-diagram-block .column-right {
    flex-direction: column;
    height: auto;
    padding-right: 0;
    padding-bottom: 30px;
  }
  .pie-diagram-block .column-right .pie-chart {
    margin-bottom: 30px;
  }
}
@media (max-width: 400px) {
  .pie-diagram-block .column-right .pie-chart,
  .pie-diagram-block .column-right .pie-chart svg {
    width: 280px !important;
    height: 280px !important;
  }
}
.pie-diagram-block .block-title {
  font-weight: 700;
  font-size: 30px;
  line-height: 1.3;
  margin-bottom: 20px;
}
@media (max-width: 1000px) {
  .pie-diagram-block .block-title {
    margin-bottom: 0;
  }
}
@media (max-width: 800px) {
  .pie-diagram-block .block-title {
    font-size: 24px;
  }
}
.pie-diagram-block .block-subtitle {
  color: #73717E;
}
.pie-diagram-block .legend .legend-row {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 10px;
}
.pie-diagram-block .legend .legend-row:last-child {
  margin-bottom: 0;
}
.pie-diagram-block .legend .legend-color {
  width: 60px;
  height: 20px;
  margin-right: 10px;
  border-radius: 3px;
  flex-shrink: 0;
}
.pie-diagram-block .legend .legend-title {
  font-size: 18px;
}
@media (max-width: 640px) {
  .pie-diagram-block .legend .legend-title {
    font-size: 14px;
  }
}

.pie-chart {
  position: relative;
}
.pie-chart .pie-chart-handle-hover {
  transition: transform 0.3s;
}
.pie-chart .pie-chart-tooltip {
  position: absolute;
  transform: translate(-50%, -50%);
  background: #73717E;
  color: #fff;
  border-radius: 3px;
  padding: 10px 15px 10px 15px;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.5s;
}
.pie-chart .pie-chart-tooltip.pie-chart-hover {
  opacity: 1;
}
.pie-chart.pension .pie-chart-tooltip {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  position: absolute;
  transform: translate(-50%, -50%);
  color: #fff;
  padding: 0;
  opacity: 1;
  pointer-events: none;
  transition: left 0.3s, top 0.3s;
  width: 60px;
  height: 60px;
  background: linear-gradient(180deg, #FFF 0%, #E0E9F2 100%), #FFF;
  box-shadow: 0 5px 10px 0 rgba(147, 135, 209, 0.4);
  border-radius: 50%;
  color: #433C64;
  font-size: 14px;
  font-weight: 700;
}
.pie-chart.pension .pie-chart-tooltip.pie-chart-hover {
  opacity: 1;
}

.dynamic-diagram-block {
  background: #fff;
  padding: 80px 0 55px 0;
  margin-bottom: 80px;
}
@media (max-width: 800px) {
  .dynamic-diagram-block {
    padding: 40px 0 40px 0;
    margin-bottom: 40px;
  }
}
.dynamic-diagram-block .block-title {
  font-weight: 700;
  font-size: 30px;
  line-height: 1.3;
  margin-bottom: 40px;
}
@media (max-width: 800px) {
  .dynamic-diagram-block .block-title {
    font-size: 24px;
    text-align: center;
  }
}
.dynamic-diagram-block .dynamic-diagram {
  margin-bottom: 15px;
  padding-bottom: 15px;
}
.dynamic-diagram-block .chart-canvas-wrap {
  min-width: 800px;
}
@media (max-width: 850px) {
  .dynamic-diagram-block .chart-canvas-wrap {
    pointer-events: none;
  }
}
@media (max-width: 850px) {
  .dynamic-diagram-block .diagram-scroll {
    overflow: auto;
  }
}
.dynamic-diagram-block .diagram-scroll-wrap {
  position: relative;
}
.dynamic-diagram-block .diagram-scroll-wrap::before, .dynamic-diagram-block .diagram-scroll-wrap::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 7px;
  width: 50px;
  background: red;
  pointer-events: none;
  transition: opacity 0.3s;
  display: none;
}
.dynamic-diagram-block .diagram-scroll-wrap.has-scroll::before, .dynamic-diagram-block .diagram-scroll-wrap.has-scroll::after {
  display: block;
}
.dynamic-diagram-block .diagram-scroll-wrap::before {
  left: 0;
  background: linear-gradient(90deg, white 0%, rgba(255, 255, 255, 0) 100%);
}
.dynamic-diagram-block .diagram-scroll-wrap::after {
  right: 0;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, white 100%);
}
.dynamic-diagram-block .diagram-scroll-wrap.scroll-begin::before {
  opacity: 0;
}
.dynamic-diagram-block .diagram-scroll-wrap.scroll-end::after {
  opacity: 0;
}
.dynamic-diagram-block .block-hint {
  font-size: 18px;
  color: #73717E;
  text-align: center;
}
.dynamic-diagram-block .period-panel {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 40px;
}
@media (max-width: 800px) {
  .dynamic-diagram-block .period-panel {
    flex-direction: column;
    margin-bottom: 30px;
  }
}
.dynamic-diagram-block .period-switch {
  display: flex;
  flex-flow: row nowrap;
  align-items: stretch;
  justify-content: flex-start;
}
@media (max-width: 800px) {
  .dynamic-diagram-block .period-switch {
    margin-bottom: 15px;
  }
}
.dynamic-diagram-block .period-switch-btn {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  background: #ECE5DB;
  color: #272829;
  border: none;
  border-radius: 3px;
  font-size: 16px;
  padding: 5px 10px 5px 10px;
  margin-right: 10px;
  cursor: pointer;
  transition: color 0.3s, background-color 0.3s;
}
.dynamic-diagram-block .period-switch-btn.current {
  background-color: #9387D1;
  color: #fff;
}
@media (max-width: 800px) {
  .dynamic-diagram-block .period-switch-btn:last-child {
    margin-right: 0;
  }
}
.dynamic-diagram-block .period-dynamic {
  margin-right: 10px;
}
@media (max-width: 800px) {
  .dynamic-diagram-block .period-dynamic {
    margin-right: 0;
    margin-bottom: 15px;
  }
}
.dynamic-diagram-block .period-dynamic .value {
  display: inline-block;
  background: #ECE5DB;
  padding: 3px 8px 3px 8px;
  color: #9387D1;
  border-radius: 3px;
  font-weight: 600;
  margin-left: 5px;
}
.dynamic-diagram-block .period-dates {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  color: #272829;
  font-size: 14px;
}
.dynamic-diagram-block .period-dates .separator {
  margin-left: 10px;
  margin-right: 10px;
}
.dynamic-diagram-block .period-button-wrap {
  position: relative;
  height: 28px;
}
.dynamic-diagram-block .period-button-expander {
  font-size: 16px;
  font-weight: 400;
  color: transparent;
  padding-right: 25px;
}
.dynamic-diagram-block .period-button {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  display: block;
  border: none;
  font-size: 16px;
  cursor: pointer;
  color: #272829;
  padding: 0;
  transition: color 0.3s;
  height: 28px;
  text-align: right;
  padding-right: 25px;
  background: url("data:image/svg+xml,<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M6.375 11.7915C6.13889 11.7915 5.94097 11.7116 5.78125 11.5519C5.62153 11.3922 5.54167 11.1943 5.54167 10.9582C5.54167 10.7221 5.62153 10.5241 5.78125 10.3644C5.94097 10.2047 6.13889 10.1248 6.375 10.1248C6.61111 10.1248 6.80903 10.2047 6.96875 10.3644C7.12847 10.5241 7.20833 10.7221 7.20833 10.9582C7.20833 11.1943 7.12847 11.3922 6.96875 11.5519C6.80903 11.7116 6.61111 11.7915 6.375 11.7915ZM10.0625 11.7915C9.82639 11.7915 9.62847 11.7116 9.46875 11.5519C9.30903 11.3922 9.22917 11.1943 9.22917 10.9582C9.22917 10.7221 9.30903 10.5241 9.46875 10.3644C9.62847 10.2047 9.82639 10.1248 10.0625 10.1248C10.2986 10.1248 10.4965 10.2047 10.6563 10.3644C10.816 10.5241 10.8958 10.7221 10.8958 10.9582C10.8958 11.1943 10.816 11.3922 10.6563 11.5519C10.4965 11.7116 10.2986 11.7915 10.0625 11.7915ZM13.6042 11.7915C13.3681 11.7915 13.1701 11.7116 13.0104 11.5519C12.8507 11.3922 12.7708 11.1943 12.7708 10.9582C12.7708 10.7221 12.8507 10.5241 13.0104 10.3644C13.1701 10.2047 13.3681 10.1248 13.6042 10.1248C13.8403 10.1248 14.0382 10.2047 14.1979 10.3644C14.3576 10.5241 14.4375 10.7221 14.4375 10.9582C14.4375 11.1943 14.3576 11.3922 14.1979 11.5519C14.0382 11.7116 13.8403 11.7915 13.6042 11.7915ZM3.75 18.3332C3.41667 18.3332 3.125 18.2082 2.875 17.9582C2.625 17.7082 2.5 17.4165 2.5 17.0832V4.1665C2.5 3.83317 2.625 3.5415 2.875 3.2915C3.125 3.0415 3.41667 2.9165 3.75 2.9165H5.10417V2.31234C5.10417 2.13178 5.16667 1.979 5.29167 1.854C5.41667 1.729 5.57639 1.6665 5.77083 1.6665C5.96528 1.6665 6.12847 1.729 6.26042 1.854C6.39236 1.979 6.45833 2.13873 6.45833 2.33317V2.9165H13.5417V2.31234C13.5417 2.13178 13.6042 1.979 13.7292 1.854C13.8542 1.729 14.0139 1.6665 14.2083 1.6665C14.4028 1.6665 14.566 1.729 14.6979 1.854C14.8299 1.979 14.8958 2.13873 14.8958 2.33317V2.9165H16.25C16.5833 2.9165 16.875 3.0415 17.125 3.2915C17.375 3.5415 17.5 3.83317 17.5 4.1665V17.0832C17.5 17.4165 17.375 17.7082 17.125 17.9582C16.875 18.2082 16.5833 18.3332 16.25 18.3332H3.75ZM3.75 17.0832H16.25V8.12484H3.75V17.0832ZM3.75 6.87484H16.25V4.1665H3.75V6.87484ZM3.75 6.87484V4.1665V6.87484Z\" fill=\"%23272829\"/></svg>") right 2px no-repeat;
}

.text-block {
  margin-bottom: 80px;
}
@media (max-width: 800px) {
  .text-block {
    margin-bottom: 40px;
  }
}
.text-block .block-title {
  font-weight: 700;
  font-size: 30px;
  line-height: 1.3;
  margin-bottom: 40px;
}
@media (max-width: 800px) {
  .text-block .block-title {
    font-size: 24px;
    margin-bottom: 20px;
  }
}

.mif-header-block {
  display: flex;
  flex-flow: row nowrap;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 80px;
}
@media (max-width: 800px) {
  .mif-header-block {
    margin-bottom: 40px;
    flex-direction: column;
  }
}
.mif-header-block .characteristics-column,
.mif-header-block .image-column {
  width: calc((100% - 40px) / 2);
}
@media (max-width: 800px) {
  .mif-header-block .characteristics-column,
  .mif-header-block .image-column {
    width: 100%;
  }
}
@media (max-width: 800px) {
  .mif-header-block .image-column {
    margin-bottom: 30px;
  }
}
.mif-header-block .image-wrap {
  position: relative;
  margin-bottom: 20px;
}
.mif-header-block .image-wrap .image {
  width: 100%;
}
.mif-header-block .image-wrap .text {
  display: flex;
  flex-flow: column nowrap;
  align-items: flex-start;
  justify-content: flex-end;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  border-radius: 20px;
  background: linear-gradient(180deg, rgba(147, 135, 209, 0) 0%, #9387D1 100%);
  padding: 35px 60px 35px 60px;
  color: #fff;
}
.mif-header-block .image {
  display: block;
  border-radius: 20px;
}
.mif-header-block .profitability-title {
  font-size: 18px;
}
.mif-header-block .profitability-value {
  font-weight: 700;
  font-size: 48px;
  line-height: 1.3;
}
.mif-header-block .characteristics-row {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between;
  min-height: 60px;
  padding-top: 7px;
  padding-bottom: 7px;
  background: url("data:image/svg+xml,<svg width=\"560\" height=\"1\" viewBox=\"0 0 560 1\" xmlns=\"http://www.w3.org/2000/svg\"><line x1=\"0.5\" y1=\"0.5\" x2=\"559.5\" y2=\"0.5\" stroke=\"%2373717E\" stroke-linecap=\"round\" stroke-dasharray=\"5 10\"/></svg>") center bottom repeat-x;
}
.mif-header-block .characteristics-name {
  color: #73717E;
  font-size: 18px;
  width: 50%;
  flex-grow: 0;
  flex-shrink: 0;
  padding-right: 20px;
}
.mif-header-block .characteristics-value {
  color: #272829;
  font-size: 18px;
  width: 50%;
  text-align: right;
  flex-grow: 0;
  flex-shrink: 0;
  padding-left: 20px;
}

.text-title-columns {
  display: flex;
  flex-flow: row nowrap;
  align-items: flex-start;
  justify-content: flex-start;
  font-size: 18px;
  padding-top: 40px;
  padding-bottom: 40px;
  margin-bottom: 80px;
}
@media (max-width: 800px) {
  .text-title-columns {
    margin-bottom: 40px;
    flex-direction: column;
  }
}
.text-title-columns .block-title,
.text-title-columns .left-column,
.text-title-columns .right-column {
  width: 360px;
  margin-right: 40px;
}
.text-title-columns .block-title:last-child,
.text-title-columns .left-column:last-child,
.text-title-columns .right-column:last-child {
  margin-right: 0;
}
@media (max-width: 800px) {
  .text-title-columns .block-title,
  .text-title-columns .left-column,
  .text-title-columns .right-column {
    width: 100%;
    margin-bottom: 25px;
  }
  .text-title-columns .block-title:last-child,
  .text-title-columns .left-column:last-child,
  .text-title-columns .right-column:last-child {
    margin-bottom: 0;
  }
}
.text-title-columns .block-title {
  font-weight: 700;
  font-size: 30px;
  line-height: 1.3;
}

.table-scroll-wrap {
  position: relative;
}
.table-scroll-wrap::before, .table-scroll-wrap::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 7px;
  width: 50px;
  background: red;
  pointer-events: none;
  transition: opacity 0.3s;
  display: none;
}
.table-scroll-wrap.has-scroll::before, .table-scroll-wrap.has-scroll::after {
  display: block;
}
.table-scroll-wrap::before {
  left: 0;
  background: linear-gradient(90deg, #f9f5f4 0%, rgba(249, 245, 244, 0) 100%);
}
.table-scroll-wrap::after {
  right: 0;
  background: linear-gradient(90deg, rgba(249, 245, 244, 0) 0%, #f9f5f4 100%);
}
.table-scroll-wrap.scroll-begin::before {
  opacity: 0;
}
.table-scroll-wrap.scroll-end::after {
  opacity: 0;
}
.table-scroll-wrap .table-scroll {
  padding-bottom: 10px;
  overflow: auto;
  display: flex;
}

.table-block {
  display: flex;
  flex-flow: row nowrap;
  align-items: flex-start;
  justify-content: flex-start;
  margin-bottom: 70px;
}
@media (max-width: 1100px) {
  .table-block {
    display: block;
  }
}
@media (max-width: 800px) {
  .table-block {
    margin-bottom: 30px;
  }
}
.table-block .column-left {
  flex-grow: 1;
  flex-shrink: 1;
  width: 360px;
  margin-right: 40px;
}
@media (max-width: 1100px) {
  .table-block .column-left {
    width: auto;
    margin-right: 0;
    margin-bottom: 25px;
  }
}
.table-block .block-title {
  font-weight: 700;
  font-size: 30px;
  line-height: 1.3;
  margin-bottom: 20px;
}
@media (max-width: 800px) {
  .table-block .block-title {
    margin-bottom: 0;
  }
}
.table-block .block-subtitle {
  color: #73717E;
}
.table-block .column-right {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-around;
  flex-grow: 0;
  flex-shrink: 0;
  width: 760px;
}
@media (max-width: 1100px) {
  .table-block .column-right {
    display: block;
    width: 100%;
  }
}
.table-block .table {
  border-collapse: collapse;
  width: 100%;
  min-width: 650px;
}
.table-block .table .table-cell {
  font-size: 18px;
  height: 80px;
  border-bottom: 1px solid #CED2D6;
  padding: 0 20px 0 20px;
}
@media (max-width: 800px) {
  .table-block .table .table-cell {
    font-size: 16px;
  }
}
.table-block .table .table-cell:first-child {
  padding-left: 0;
}
.table-block .table .table-cell:last-child {
  padding-right: 0;
}
.table-block .table .table-row.header .table-cell {
  font-weight: 700;
  color: #73717E;
}

.corporate-finance-block {
  display: flex;
  flex-flow: row nowrap;
  align-items: stretch;
  justify-content: space-between;
  margin-bottom: 60px;
}
@media (max-width: 900px) {
  .corporate-finance-block {
    flex-wrap: wrap;
    margin-bottom: 0;
  }
}
@media (max-width: 600px) {
  .corporate-finance-block {
    padding-bottom: 15px;
  }
}
.corporate-finance-block .tile {
  width: calc((100% - 120px) / 4);
  flex-grow: 0;
  flex-shrink: 0;
  padding: 30px 30px 50px 30px;
  border: none;
  background: #fff;
  border-radius: 10px;
  position: relative;
  cursor: pointer;
}
@media (max-width: 900px) {
  .corporate-finance-block .tile {
    width: calc((100% - 40px) / 2);
    margin-bottom: 40px;
  }
}
@media (max-width: 600px) {
  .corporate-finance-block .tile {
    width: 100%;
    margin-bottom: 25px;
  }
}
.corporate-finance-block .tile .image-wrap {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  width: 70px;
  height: 70px;
  border: 1px solid #9387D1;
  border-radius: 50%;
  margin: 0 auto 20px auto;
}
.corporate-finance-block .tile .title {
  font-size: 18px;
  line-height: 1.4;
  transition: color 0.3s;
  color: #272829;
}
.corporate-finance-block .tile .plus {
  position: absolute;
  right: 10px;
  bottom: 10px;
  color: #9387D1;
  transition: color 0.3s;
}
body.non-touch-device .corporate-finance-block .tile:hover .title,
body.non-touch-device .corporate-finance-block .tile:hover .plus {
  color: #72CBCD;
}

.popup-overlay.corporate-finance-message .popup-window {
  border-radius: 20px;
  max-width: 640px;
}
.popup-overlay.corporate-finance-message .popup-content {
  padding-top: 90px;
  padding-bottom: 60px;
}
.popup-overlay.corporate-finance-message .popup-content::before {
  content: "";
  display: block;
  position: absolute;
  left: 60px;
  top: 59px;
  background: #9387D1;
  width: 100px;
  height: 2px;
  border-radius: 1px;
}
.popup-overlay.corporate-finance-message .popup-close-button {
  top: 20px;
  right: 20px;
}
.popup-overlay.corporate-finance-message .title {
  font-weight: 700;
  font-size: 30px;
  line-height: 1.3;
  margin-bottom: 20px;
}
@media (max-width: 800px) {
  .popup-overlay.corporate-finance-message .title {
    font-size: 24px;
  }
}
.popup-overlay.corporate-finance-message .title br {
  display: none;
}
.popup-overlay.corporate-finance-message p,
.popup-overlay.corporate-finance-message li,
.popup-overlay.corporate-finance-message td {
  color: #272829;
}

.corporate-finance-carousel-block {
  margin-bottom: 80px;
  --swiper-scrollbar-size: 2px;
  --swiper-scrollbar-sides-offset: 0px;
  --swiper-scrollbar-bg-color: #CED2D6;
  --swiper-scrollbar-drag-bg-color: #9387D1;
  --swiper-scrollbar-bottom: 19px;
}
@media (max-width: 800px) {
  .corporate-finance-carousel-block {
    margin-bottom: 40px;
  }
}
.corporate-finance-carousel-block .block-title {
  font-weight: 700;
  font-size: 30px;
  line-height: 1.3;
  margin-bottom: 40px;
}
@media (max-width: 800px) {
  .corporate-finance-carousel-block .block-title {
    font-size: 24px;
    margin-bottom: 25px;
  }
}
.corporate-finance-carousel-block .tiles {
  align-items: stretch;
}
.corporate-finance-carousel-block .tile {
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  justify-content: flex-start;
  width: 260px;
  height: auto;
  background: #fff;
  border-radius: 20px;
  padding: 25px 30px 25px 30px;
  text-align: center;
  color: #272829;
}
.corporate-finance-carousel-block .tile .top-text {
  font-size: 16px;
  min-height: 45px;
  color: #73717E;
}
.corporate-finance-carousel-block .tile .image-wrap {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  margin-bottom: auto;
  height: 105px;
}
.corporate-finance-carousel-block .tile .image {
  width: auto;
  height: auto;
  max-width: 200px;
  max-height: 100px;
}
.corporate-finance-carousel-block .tile .title {
  margin-top: 40px;
  margin-bottom: 13px;
  font-size: 16px;
}
.corporate-finance-carousel-block .tile .year {
  font-size: 16px;
}
.corporate-finance-carousel-block .corporate-finance-carousel .swiper {
  padding-bottom: 80px;
}
.corporate-finance-carousel-block .corporate-finance-carousel .swiper.no-navigation {
  padding-bottom: 0;
}
@media (max-width: 800px) {
  .corporate-finance-carousel-block .corporate-finance-carousel .swiper {
    padding-bottom: 50px;
  }
}
.corporate-finance-carousel-block .navigation {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
}
.corporate-finance-carousel-block .swiper-scrollbar {
  position: static !important;
  flex-grow: 1;
  flex-shrink: 1;
}
.corporate-finance-carousel-block .swiper-button-prev,
.corporate-finance-carousel-block .swiper-button-next {
  margin-left: 10px;
  width: 40px;
  height: 40px;
  padding: 0;
  border: none;
  background: none;
  cursor: pointer;
  color: #272829;
  transition: color 0.3s;
}
body.non-touch-device .corporate-finance-carousel-block .swiper-button-prev:hover,
body.non-touch-device .corporate-finance-carousel-block .swiper-button-next:hover {
  color: #9387D1;
}
.corporate-finance-carousel-block .swiper-button-prev.swiper-button-disabled,
.corporate-finance-carousel-block .swiper-button-next.swiper-button-disabled {
  color: #73717E;
  cursor: not-allowed;
}
.corporate-finance-carousel-block .swiper-button-prev .icon,
.corporate-finance-carousel-block .swiper-button-next .icon {
  width: 40px;
  height: 40px;
}
.corporate-finance-carousel-block .years {
  display: flex;
  flex-flow: row wrap;
  align-items: flex-start;
  justify-content: flex-start;
  margin-bottom: 30px;
  gap: 10px;
}
@media screen and (max-width: 768px) {
  .corporate-finance-carousel-block .years {
    overflow: auto;
    flex-wrap: nowrap;
    margin-bottom: 20px;
    padding-bottom: 10px;
  }
}
.corporate-finance-carousel-block .year-button {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  padding: 10px 20px 8px 20px;
  background: #ECE5DB;
  border-radius: 10px;
  font-weight: 700;
  font-size: 18px;
  color: #272829;
  border: none;
  cursor: pointer;
  height: 40px;
}
.corporate-finance-carousel-block .year-button.current {
  background: #9387D1;
  color: #ffffff;
}

.subscription-form-block {
  margin-top: 80px;
}
@media (max-width: 800px) {
  .subscription-form-block {
    margin-top: 30px;
  }
}
.subscription-form-block .form-content {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  border-radius: 20px;
  padding: 43px 90px 42px 60px;
  background: url(assets/subscription-form-background.8ad0b74212c5745993b1.png);
  background-size: 100% 100%;
}
@media (max-width: 1000px) {
  .subscription-form-block .form-content {
    display: block;
    text-align: center;
    padding: 40px;
  }
}
@media (max-width: 500px) {
  .subscription-form-block .form-content {
    padding: 25px;
  }
}
body.webp-supported .subscription-form-block .form-content {
  background-image: url(assets/subscription-form-background.388a5ab972be4e0c7932.webp);
}
body.avif-supported .subscription-form-block .form-content {
  background-image: url(assets/subscription-form-background.07f5f4ee0f23e304b3a2.avif);
}
.subscription-form-block .text {
  margin-right: 80px;
}
@media (max-width: 1000px) {
  .subscription-form-block .text {
    margin-right: 0;
    margin-bottom: 30px;
  }
}
.subscription-form-block .title {
  font-weight: 700;
  font-size: 30px;
  line-height: 1.3;
}
@media (max-width: 800px) {
  .subscription-form-block .title {
    font-size: 24px;
  }
}
.subscription-form-block .description {
  font-size: 18px;
  color: #73717E;
}
@media (max-width: 800px) {
  .subscription-form-block .description {
    font-size: 16px;
  }
}
.subscription-form-block .email-wrap {
  width: 300px;
  margin-right: 10px;
}
@media (max-width: 1000px) {
  .subscription-form-block .email-wrap {
    margin: 0 auto 20px auto;
    width: 100%;
    max-width: 500px;
  }
}
@media (max-width: 1000px) {
  .subscription-form-block .submit-button {
    margin: 0 auto 0 auto;
    width: 100%;
    max-width: 500px;
  }
}

.centras500-list-page .centras500-item {
  display: flex;
  flex-flow: row nowrap;
  align-items: flex-start;
  justify-content: flex-start;
  margin-bottom: 40px;
  background: #ECE5DB;
  border-radius: 20px;
  padding: 80px 100px 60px 100px;
}
@media (max-width: 1000px) {
  .centras500-list-page .centras500-item {
    padding: 40px;
  }
}
@media (max-width: 800px) {
  .centras500-list-page .centras500-item {
    display: block;
  }
}
@media (max-width: 640px) {
  .centras500-list-page .centras500-item {
    padding: 25px;
  }
}
.centras500-list-page .centras500-item:last-child {
  margin-bottom: 0;
}
.centras500-list-page .centras500-item .centras500-left {
  position: relative;
  flex-shrink: 0;
  width: 300px;
  margin-right: 60px;
  padding-top: 40px;
}
@media (max-width: 800px) {
  .centras500-list-page .centras500-item .centras500-left {
    width: auto;
    margin-right: 0;
    padding-top: 20px;
  }
}
.centras500-list-page .centras500-item .centras500-left::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 2px;
  width: 100px;
  border-radius: 1px;
  background: #9387D1;
}
.centras500-list-page .centras500-item .centras500-right .button {
  display: inline-flex;
}
.centras500-list-page .centras500-item .title {
  font-weight: 700;
  font-size: 30px;
  line-height: 1.3;
}
@media (max-width: 800px) {
  .centras500-list-page .centras500-item .title {
    font-size: 24px;
  }
}
.centras500-list-page .centras500-item .description {
  margin-bottom: 30px;
}
.centras500-list-page .centras500-item .subtitle {
  font-weight: 300;
  font-size: 30px;
  line-height: 1.3;
}
@media (max-width: 800px) {
  .centras500-list-page .centras500-item .subtitle {
    font-size: 24px;
    margin-bottom: 25px;
  }
}

.centras500-page .centras500-block-1,
.centras500-page .centras500-block-2,
.centras500-page .centras500-block-3 {
  display: flex;
  flex-flow: row nowrap;
  align-items: flex-start;
  justify-content: space-between;
  padding-top: 80px;
  padding-bottom: 80px;
}
@media (max-width: 1000px) {
  .centras500-page .centras500-block-1,
  .centras500-page .centras500-block-2,
  .centras500-page .centras500-block-3 {
    flex-direction: column;
  }
}
@media (max-width: 800px) {
  .centras500-page .centras500-block-1,
  .centras500-page .centras500-block-2,
  .centras500-page .centras500-block-3 {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
@media (max-width: 1000px) {
  .centras500-page .column-left {
    margin-bottom: 25px;
  }
}
.centras500-page .centras500-block-1:first-child {
  padding-top: 0;
}
.centras500-page .centras500-block-1:last-child {
  padding-bottom: 0;
}
.centras500-page .centras500-block-1 .column-left,
.centras500-page .centras500-block-1 .column-right {
  flex-shrink: 0;
  flex-grow: 0;
  width: calc((100% - 40px) / 2);
}
@media (max-width: 1000px) {
  .centras500-page .centras500-block-1 .column-left,
  .centras500-page .centras500-block-1 .column-right {
    width: 100%;
  }
}
.centras500-page .centras500-block-1 .download-selectbox {
  display: flex;
  flex-flow: row nowrap;
  align-items: stretch;
  justify-content: flex-start;
  margin-top: 50px;
}
@media (max-width: 1000px) {
  .centras500-page .centras500-block-1 .download-selectbox {
    margin-top: 25px;
  }
}
@media (max-width: 500px) {
  .centras500-page .centras500-block-1 .download-selectbox {
    display: block;
  }
}
.centras500-page .centras500-block-1 .download-selectbox .selectbox {
  border: 1px solid #CED2D6;
  border-radius: 10px;
  font-size: 18px;
  padding: 2px 40px 0 10px;
  appearance: none;
  height: 50px;
  background: #fff url("data:image/svg+xml,<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M16.293 9.29297L12 13.586L7.70697 9.29297L6.29297 10.707L12 16.414L17.707 10.707L16.293 9.29297Z\" fill=\"%23272829\"/></svg>") right 10px center no-repeat;
}
.centras500-page .centras500-block-1 .download-selectbox .selectbox option {
  padding: 0;
}
@media (max-width: 500px) {
  .centras500-page .centras500-block-1 .download-selectbox .selectbox {
    font-size: 16px;
    width: 100%;
    margin-bottom: 10px;
  }
}
.centras500-page .centras500-block-1 .download-selectbox .button {
  margin-left: 10px;
}
@media (max-width: 500px) {
  .centras500-page .centras500-block-1 .download-selectbox .button {
    width: 100%;
    margin-left: 0;
  }
}
.centras500-page .centras500-block-2 .title-column,
.centras500-page .centras500-block-3 .title-column {
  flex-shrink: 0;
  flex-grow: 0;
  width: calc((100% - 40px) * 0.321428);
}
@media (max-width: 1000px) {
  .centras500-page .centras500-block-2 .title-column,
  .centras500-page .centras500-block-3 .title-column {
    width: 100%;
    margin-bottom: 25px;
  }
}
.centras500-page .centras500-block-2 .text-column,
.centras500-page .centras500-block-3 .text-column {
  flex-shrink: 0;
  flex-grow: 0;
  width: calc((100% - 40px) * 0.678571);
}
@media (max-width: 1000px) {
  .centras500-page .centras500-block-2 .text-column,
  .centras500-page .centras500-block-3 .text-column {
    width: 100%;
  }
}
.centras500-page .centras500-block-2-wrap {
  background: url(assets/centras500-background.27dd44e53a05d2019763.png);
  background-size: 100% 100%;
}
body.webp-supported .centras500-page .centras500-block-2-wrap {
  background-image: url(assets/centras500-background.b820fcbc450a64c3a718.webp);
}
body.avif-supported .centras500-page .centras500-block-2-wrap {
  background-image: url(assets/centras500-background.e74cb5c4a18c9d23a38b.avif);
}
.centras500-page .centras500-block-2 .button {
  display: inline-flex;
  margin-top: 15px;
}
.centras500-page .centras500-block-2 .title-column,
.centras500-page .centras500-block-3 .title-column {
  font-weight: 700;
  font-size: 30px;
  line-height: 1.3;
}
@media (max-width: 800px) {
  .centras500-page .centras500-block-2 .title-column,
  .centras500-page .centras500-block-3 .title-column {
    font-size: 24px;
  }
}
.centras500-page .block-documents:last-child {
  margin-bottom: 0;
}

.faq-list-page .faq-list {
  max-width: 760px;
}

.easepick-wrapper {
  z-index: 1;
}

.popup-map {
  width: 800px;
  height: 600px;
  max-width: calc(100vw - 50px);
  max-height: calc(100vh - 80px);
}

.popup-map-wrapper .fancybox__content {
  padding: 0;
}
.popup-map-wrapper .dg-control-round {
  background: transparent;
  box-shadow: none;
  padding: 0;
  margin: 0;
}
.popup-map-wrapper .dg-zoom__out {
  margin-left: 3px;
}
.popup-map-wrapper .dg-zoom__out::after {
  display: none;
}

.pension-assets-advantages {
  background: #F9F5F4;
  padding-top: 80px;
  padding-bottom: 60px;
}
@media (max-width: 1000px) {
  .pension-assets-advantages {
    padding-top: 0;
  }
}
.pension-assets-advantages .tiles {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-auto-rows: auto;
  gap: 40px;
}
@media (max-width: 1000px) {
  .pension-assets-advantages .tiles {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 550px) {
  .pension-assets-advantages .tiles {
    grid-template-columns: 1fr;
  }
}
.pension-assets-advantages .horizontal-rule {
  border-bottom: 1px solid #D0BDB5;
  margin-top: 75px;
  margin-bottom: 80px;
}
.pension-assets-advantages .icon-wrapper {
  margin-bottom: 20px;
}
.pension-assets-advantages .icon-wrapper > * {
  display: block;
}
.pension-assets-advantages .title {
  margin-bottom: 40px;
  color: #73717E;
  font-weight: 700;
  font-size: 30px;
}
.pension-assets-advantages .description {
  font-size: 18px;
}
.pension-assets-advantages .footnote {
  margin-top: 40px;
  color: #73717E;
  font-size: 16px;
}

.pension-assets-instructions {
  background: #F9F5F4 url(assets/pension-assets-instructions-background.107fc0f7a65d7e60d7e1.webp) center top no-repeat;
  background-size: 100% auto;
  padding: 88px 0 80px 0;
  overflow: hidden;
}
@media (max-width: 1000px) {
  .pension-assets-instructions {
    padding: 40px 0 40px 0;
  }
}
.pension-assets-instructions .center-wrap::after {
  content: "";
  display: block;
  border-bottom: 1px solid #D0BDB5;
  padding-bottom: 80px;
}
@media (max-width: 800px) {
  .pension-assets-instructions .center-wrap::after {
    padding-bottom: 40px;
  }
}
.pension-assets-instructions .block-title {
  position: relative;
  margin: 0 auto 0 auto;
  max-width: 1100px;
}
.pension-assets-instructions .block-title:before {
  content: "";
  position: absolute;
  display: block;
  border-bottom: 1px solid #D0BDB5;
  bottom: -88px;
  left: calc(50% - 130px);
  width: 260px;
}
@media (max-width: 1000px) {
  .pension-assets-instructions .block-title:before {
    display: none;
  }
}
.pension-assets-instructions .block-title p {
  font-size: 40px;
  margin-bottom: 160px;
  font-weight: 300;
  line-height: 1.3;
  text-align: center;
}
@media (max-width: 1000px) {
  .pension-assets-instructions .block-title p {
    font-size: 22px;
    margin-bottom: 40px;
  }
}
.pension-assets-instructions .block-title p strong {
  font-weight: 700;
}
.pension-assets-instructions .tabs-switch-line {
  display: flex;
  flex-flow: row nowrap;
  margin-bottom: 40px;
  border-bottom: 1px solid #D0BDB5;
  padding-bottom: 20px;
}
@media (max-width: 1000px) {
  .pension-assets-instructions .tabs-switch-line {
    flex-flow: column-reverse nowrap;
  }
}
.pension-assets-instructions .tabs-switch-line .hint {
  text-align: right;
  font-size: 18px;
  font-weight: 700;
  max-width: 400px;
  margin-left: auto;
}
@media (max-width: 1000px) {
  .pension-assets-instructions .tabs-switch-line .hint {
    margin-left: 0;
    margin-bottom: 30px;
    text-align: center;
  }
}
.pension-assets-instructions .tabs-switch-line .tabs-switch {
  display: flex;
  flex-flow: row nowrap;
  align-self: stretch;
  gap: 30px;
}
.pension-assets-instructions .tabs-switch-line .tabs-switch-button {
  position: relative;
  top: 12px;
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-size: 22px;
  color: #73717E;
}
@media (max-width: 1000px) {
  .pension-assets-instructions .tabs-switch-line .tabs-switch-button {
    font-size: 16px;
  }
}
.pension-assets-instructions .tabs-switch-line .tabs-switch-button:before {
  content: "";
  position: absolute;
  display: block;
  border-bottom: 3px solid #433C64;
  bottom: -9px;
  left: 0;
  right: 0;
  opacity: 0;
  transition: opacity 0.3s;
}
.pension-assets-instructions .tabs-switch-line .tabs-switch-button.current {
  color: #433C64;
  font-weight: bold;
}
.pension-assets-instructions .tabs-switch-line .tabs-switch-button.current:before {
  opacity: 1;
}
.pension-assets-instructions .carouser {
  margin-bottom: 55px;
}
@media (max-width: 1000px) {
  .pension-assets-instructions .carouser {
    margin-bottom: 30px;
  }
}
.pension-assets-instructions .slide-image {
  border-radius: 20px;
  border: 1px solid #CED2D6;
  display: block;
  margin-bottom: 20px;
}
.pension-assets-instructions .slide-description {
  max-width: 460px;
  font-size: 18px;
}
.pension-assets-instructions .step {
  display: flex;
  flex-flow: row nowrap;
  align-self: center;
  align-items: center;
  gap: 20px;
  font-weight: 700;
  margin-bottom: 60px;
}
@media (max-width: 1000px) {
  .pension-assets-instructions .step {
    align-self: flex-start;
  }
}
.pension-assets-instructions .step .number {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  width: 60px;
  height: 60px;
  background: #433C64;
  color: #fff;
  border-radius: 50%;
}
.pension-assets-instructions .step .title {
  font-size: 20px;
}
@media (max-width: 1000px) {
  .pension-assets-instructions .slide {
    max-width: calc(100vw - 50px);
  }
  .pension-assets-instructions .slide .slide-image {
    max-width: calc(100vw - 50px);
  }
}
.pension-assets-instructions .link-button {
  width: fit-content;
  /*margin: 0 auto 0 auto;*/
  text-align: center;
}
.pension-assets-instructions .dark-button {
  height: 80px;
  padding-left: 40px;
  padding-right: 40px;
  font-weight: 700;
  background-color: #433C64;
}
.pension-assets-instructions .buttons {
  display: flex;
  justify-content: center;
  gap: 20px;
}
@media (max-width: 550px) {
  .pension-assets-instructions .buttons {
    flex-flow: column nowrap;
    align-items: center;
  }
}
.pension-assets-instructions .instruction {
  margin-bottom: 80px;
}
@media (max-width: 1000px) {
  .pension-assets-instructions .instruction {
    margin-bottom: 40px;
  }
}
@media (max-width: 1000px) {
  .pension-assets-instructions .instructions {
    margin-bottom: 40px;
  }
}
.pension-assets-instructions .swiper {
  overflow: visible;
}
.pension-assets-instructions .navigation {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  gap: 20px;
  margin-top: 30px;
}
.pension-assets-instructions .navigation .swiper-pagination {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
.pension-assets-instructions .navigation .swiper-pagination-bullet {
  display: block;
  width: 15px;
  height: 15px;
  background: #272829;
  border-radius: 50%;
  cursor: pointer;
}
.pension-assets-instructions .navigation .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #9387D1;
}
.pension-assets-instructions .navigation .swiper-button-prev,
.pension-assets-instructions .navigation .swiper-button-next {
  cursor: pointer;
  color: #272829;
  transition: color 0.3s;
}
.pension-assets-instructions .navigation .swiper-button-prev .icon,
.pension-assets-instructions .navigation .swiper-button-next .icon {
  display: block;
}
.pension-assets-instructions .navigation .swiper-button-prev:hover,
.pension-assets-instructions .navigation .swiper-button-next:hover {
  color: #9387D1;
}
.pension-assets-instructions .video-hint {
  background: #ECE5DB url(assets/pension-assets-instructions-hint.4e32834145fc6ffeb733.svg) 20px center no-repeat;
  border-radius: 10px;
  padding: 28px 20px 28px 80px;
  margin-bottom: 20px;
}
@media (max-width: 800px) {
  .pension-assets-instructions .video-hint {
    background: #ECE5DB;
    padding: 20px;
  }
}
.pension-assets-instructions .video-wrapper {
  position: relative;
  cursor: pointer;
}
.pension-assets-instructions .video-wrapper:before {
  content: "";
  position: absolute;
  display: block;
  z-index: 2;
  left: 50%;
  top: 50%;
  background: rgba(255, 255, 255, 0.2) url(assets/pension-assets-play-video.760ed43cc1df871b2401.svg) center center no-repeat;
  width: 100px;
  height: 100px;
  margin: -50px;
  border-radius: 50%;
  backdrop-filter: blur(10px);
  pointer-events: none;
}
.pension-assets-instructions .video-wrapper .video-title {
  position: absolute;
  left: 40px;
  bottom: 40px;
  color: #fff;
  font-size: 40px;
  line-height: 1.3;
  z-index: 2;
}
@media (max-width: 800px) {
  .pension-assets-instructions .video-wrapper .video-title {
    display: none;
  }
}
.pension-assets-instructions .video-wrapper .video-cover {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
  border-radius: 20px;
}
.pension-assets-instructions .video-wrapper.started:before {
  display: none;
}
.pension-assets-instructions .video-wrapper.started .video-title {
  display: none;
}
.pension-assets-instructions .video-wrapper.started .video-cover {
  display: none;
}
.pension-assets-instructions .video-aspect {
  position: relative;
  width: 100%;
  padding-bottom: 37.9310344828%;
}
@media (max-width: 1000px) {
  .pension-assets-instructions .video-aspect {
    padding-bottom: 57%;
  }
}
.pension-assets-instructions .video {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 20px;
  display: block;
}

.pension-assets-table {
  margin-bottom: 75px;
}
@media (max-width: 1000px) {
  .pension-assets-table {
    margin-bottom: 40px;
  }
}
.pension-assets-table .block-title {
  font-size: 30px;
  font-weight: 700;
  line-height: 1.3;
  margin-bottom: 40px;
}
@media (max-width: 1000px) {
  .pension-assets-table .block-title {
    font-size: 22px;
    margin-bottom: 30px;
  }
}
.pension-assets-table .table-scroller {
  overflow: auto;
  padding-bottom: 10px;
}
.pension-assets-table .table {
  width: 100%;
  border-collapse: collapse;
  border: none;
}
.pension-assets-table .table td {
  border: none;
}
.pension-assets-table .table td:not(:first-child) {
  text-align: center;
}
.pension-assets-table .table tr:first-child td {
  color: #73717E;
  font-size: 16px;
  font-weight: 400;
  padding-bottom: 25px;
}
.pension-assets-table .table tr:first-child .cell {
  padding: 0 20px 0 20px;
  white-space: nowrap;
}
.pension-assets-table .table tr:not(:first-child) {
  /*
  td:not(:first-child) {
      box-shadow: -3px 0 0 #fff;
  }
      */
}
.pension-assets-table .table tr:not(:first-child) .cell {
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  justify-content: center;
  background: #fff;
  margin-bottom: 3px;
  height: 80px;
  padding: 0 20px 0 20px;
}
.pension-assets-table .table tr:not(:first-child) td:not(:last-child) .cell {
  box-shadow: 3px 0 0 #fff;
}
.pension-assets-table .table tr:not(:first-child) td:first-child .cell {
  border-radius: 10px 0 0 10px;
}
.pension-assets-table .table tr:not(:first-child) td:last-child .cell {
  border-radius: 0 10px 10px 0;
}

.pension-pie-diagram-block {
  display: grid;
  grid-template-columns: 350px 1fr 350px;
  grid-template-rows: auto auto;
  grid-template-areas: "title title title" "left . right";
  margin-bottom: 90px;
  max-width: 1160px;
}
@media (max-width: 960px) {
  .pension-pie-diagram-block {
    grid-template-columns: 1fr;
    grid-template-rows: auto auto auto;
    grid-template-areas: "title" "left" "right";
    margin-bottom: 0;
  }
}
.pension-pie-diagram-block .block-title {
  grid-area: title;
  font-size: 30px;
  font-weight: 700;
  line-height: 1.3;
  margin-bottom: 40px;
  text-align: center;
}
@media (max-width: 1000px) {
  .pension-pie-diagram-block .block-title {
    font-size: 22px;
  }
}
.pension-pie-diagram-block .column-left,
.pension-pie-diagram-block .column-righ {
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  width: 400px;
}
@media (max-width: 960px) {
  .pension-pie-diagram-block .column-left,
  .pension-pie-diagram-block .column-righ {
    width: auto;
    margin-bottom: 50px;
  }
}
.pension-pie-diagram-block .column-left {
  grid-area: left;
}
.pension-pie-diagram-block .column-righ {
  grid-area: right;
}
.pension-pie-diagram-block .column-title,
.pension-pie-diagram-block .column-subtitle {
  font-size: 18px;
  font-weight: 700;
  text-align: center;
}
.pension-pie-diagram-block .legend {
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  gap: 10px;
  width: fit-content;
}
.pension-pie-diagram-block .legend-row {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
}
.pension-pie-diagram-block .legend-color {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  flex-shrink: 0;
}
.pension-pie-diagram-block .legend-title {
  color: #73717E;
  flex-shrink: 1;
}

.pension-faq-list {
  margin-bottom: 70px;
}
.pension-faq-list .block-title {
  font-size: 30px;
  font-weight: 700;
  line-height: 1.3;
  margin-bottom: 40px;
}
.pension-faq-list .faq-item {
  max-width: 760px;
}
.pension-faq-list .faq-item-question-icon {
  width: 24px;
  height: 24px;
  margin: -12px;
}
.pension-faq-list .faq-item-answer {
  font-size: 16px;
  color: #73717E;
}

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