/*!************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-1.use[2]!./node_modules/modern-normalize/modern-normalize.css ***!
  \************************************************************************************************************************************************************************/
/*! modern-normalize v3.0.1 | 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,-apple-system,Segoe UI,Ubuntu,Cantarell,Noto Sans,
		'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;
	  -o-tab-size: 4;
	     tab-size: 4; /* 3. Use a more readable tab size (opinionated). */
}

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

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

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

/**
Add the correct font weight in Chrome 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
============
*/

/**
Correct table border color inheritance in Chrome and Safari. (https://issues.chromium.org/issues/40615503, https://bugs.webkit.org/show_bug.cgi?id=195016)
*/

table {
	border-color: currentcolor;
}

/*
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 */
}

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

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

/**
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/postcss-loader/dist/cjs.js??clonedRuleSet-1.use[2]!./node_modules/@fontsource-variable/manrope/wght.css ***!
  \************************************************************************************************************************************************************************/
/* manrope-cyrillic-ext-wght-normal */
@font-face {
  font-family: 'Manrope Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 200 800;
  src: url(assets/manrope-cyrillic-ext-wght-normal.b554147c082021e7450d.woff2) format('woff2-variations');
  unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
}

/* manrope-cyrillic-wght-normal */
@font-face {
  font-family: 'Manrope Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 200 800;
  src: url(assets/manrope-cyrillic-wght-normal.26b5a940f00e7e312270.woff2) format('woff2-variations');
  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}

/* manrope-greek-wght-normal */
@font-face {
  font-family: 'Manrope Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 200 800;
  src: url(assets/manrope-greek-wght-normal.539fb8477d7d315017b0.woff2) format('woff2-variations');
  unicode-range: U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF;
}

/* manrope-vietnamese-wght-normal */
@font-face {
  font-family: 'Manrope Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 200 800;
  src: url(assets/manrope-vietnamese-wght-normal.4b711f5bb527c664e5be.woff2) format('woff2-variations');
  unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;
}

/* manrope-latin-ext-wght-normal */
@font-face {
  font-family: 'Manrope Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 200 800;
  src: url(assets/manrope-latin-ext-wght-normal.e46c8aa413216025354a.woff2) format('woff2-variations');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

/* manrope-latin-wght-normal */
@font-face {
  font-family: 'Manrope Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 200 800;
  src: url(assets/manrope-latin-wght-normal.c5d858e9b56ba827c16c.woff2) format('woff2-variations');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
/*!***************************************************************************************************************************************!*\
  !*** 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 {
  padding-left: 20px;
  padding-right: 20px;
  margin-left: auto;
  margin-right: auto;
}

/*
%button {
    @include flex($align: center, $justify: center);

    padding-left: 20px;
    padding-right: 20px;
    height: 50px;
    background: $color-primary;
    color: #fff;
    text-decoration: none;
    font-size: 18px;
    border-radius: 10px;
    padding-top: 2px;
    cursor: pointer;
    transition: background-color 0.3s;

    &:hover {
        background: $color-secondary;
        color: #fff;
    }
}

%outlined-button {
    @include flex($align: center, $justify: center);

    padding-left: var(--button-padding);
    padding-right: var(--button-padding);
    height: var(--button-height);
    background: none;
    color: var(--outline-button-text-color);
    border: 1px solid var(--outlined-button-border-color);
    text-decoration: none;
    font-size: var(--button-font-size);
    border-radius: var(--button-border-radius);
    cursor: pointer;
    transition: background-color 0.3s, color 0.3s, box-shadow 0.3s, opacity 0.3s;
    box-shadow: 0 0 0 -0.1px var(--button-focus-color);

    &:hover {
        text-decoration: none;
        background: #fff;
        color: $color-dark;
    }

    @media screen and (max-width: 650px) {
        height: 45px;
        font-size: 18px;
    }
}
*/
:root {
  --color-brand-1: #008466;
  --color-brand-2: #fbb12f;
  --color-brand-3: #006152;
  --color-brand-4: #e7f2ef;
  --color-brand-5: #ffefd2;
  --color-brand-1-10: rgba(0, 132, 102, 0.1);
  --color-brand-1-20: rgba(0, 132, 102, 0.2);
  --color-brand-1-30: rgba(0, 132, 102, 0.3);
  --color-brand-1-40: rgba(0, 132, 102, 0.4);
  --color-brand-1-50: rgba(0, 132, 102, 0.5);
  --color-brand-1-60: rgba(0, 132, 102, 0.6);
  --color-brand-1-70: rgba(0, 132, 102, 0.7);
  --color-brand-1-80: rgba(0, 132, 102, 0.8);
  --color-brand-1-90: rgba(0, 132, 102, 0.9);
  --color-brand-4-50: rgba(231, 242, 239, 0.75);
  --color-error: #ff1e1e;
  --color-warning: #fecc00;
  --color-success: #067d58;
  --color-dark: #27292c;
  --color-gray-text: #797d8b;
  --color-gray-text-20: rgba(121, 125, 139, 0.2);
  --color-gray-border: #ced1d9;
  --color-gray-background: #eff3f6;
  --color-beige-background: #f8f7f3;
  --color-white: #ffffff;
  --page-margin: 20px;
  --page-extended-margin: 60px;
  --layout-width: 1290px;
  --layout-margin: max(
      var(--page-margin),
      calc((100vw - var(--layout-width)) / 2)
  );
  --layout-actual-width: calc(
      100vw - var(--layout-margin) - var(--layout-margin)
  );
  --wide-layout-width: min(1420px, calc(100vw - (var(--page-margin) * 2)));
  --wide-layout-margin: max(
      var(--page-margin),
      calc((100vw - var(--wide-layout-width)) / 2)
  );
  --page-background-color: var(--color-white);
  --text-color: var(--color-dark);
  --text-size: 16px;
  --text-line-height: 1.4;
  --button-height: 60px;
  --button-padding: 30px;
  --button-border-radius: 5px;
  --button-font-size: 16px;
  --button-background-color: var(--color-brand-1);
  --button-text-color: var(--color-white);
  --button-hover-background-color: var(--color-brand-3);
  --button-hover-color: var(--color-white);
  --button-focus-background-color: var(--color-brand-3);
  --button-focus-color: var(--color-white);
  --button-gold-background-color: var(--color-brand-2);
  --button-gold-text-color: var(--color-dark);
  --button-gold-hover-background-color: #ee9903;
  --button-gold-hover-color: var(--color-dark);
  --button-gold-focus-background-color: #ee9903;
  --button-gold-focus-color: var(--color-dark);
  --icon-button-background: transparent;
  --icon-button-color: var(--color-brand-1);
  --icon-button-hover-color: var(--color-brand-3);
  --icon-button-hover-background: transparent;
  --icon-button-focus-color: var(--color-brand-3);
  --icon-button-focus-background: transparent;
  --icon-button-width: 40px;
  --icon-button-height: 40px;
}

@media screen and (max-width: 960px) {
  :root {
    --text-size: 14px;
    --page-margin: 10px;
    --button-height: 40px;
    --button-font-size: 14px;
  }
}
.margin-top-0 {
  margin-top: 0px;
}

.margin-top-1 {
  margin-top: 1px;
}

.margin-top-2 {
  margin-top: 2px;
}

.margin-top-3 {
  margin-top: 3px;
}

.margin-top-4 {
  margin-top: 4px;
}

.margin-top-5 {
  margin-top: 5px;
}

.margin-top-6 {
  margin-top: 6px;
}

.margin-top-7 {
  margin-top: 7px;
}

.margin-top-8 {
  margin-top: 8px;
}

.margin-top-9 {
  margin-top: 9px;
}

.margin-top-10 {
  margin-top: 10px;
}

.margin-top-12 {
  margin-top: 12px;
}

.margin-top-14 {
  margin-top: 14px;
}

.margin-top-16 {
  margin-top: 16px;
}

.margin-top-18 {
  margin-top: 18px;
}

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

.margin-top-25 {
  margin-top: 25px;
}

.margin-top-30 {
  margin-top: 30px;
}

.margin-top-35 {
  margin-top: 35px;
}

.margin-top-40 {
  margin-top: 40px;
}

.margin-top-45 {
  margin-top: 45px;
}

.margin-top-50 {
  margin-top: 50px;
}

.margin-top-60 {
  margin-top: 60px;
}

.margin-top-70 {
  margin-top: 70px;
}

.margin-top-80 {
  margin-top: 80px;
}

.margin-top-90 {
  margin-top: 90px;
}

.margin-top-100 {
  margin-top: 100px;
}

.margin-top-120 {
  margin-top: 120px;
}

.margin-top-140 {
  margin-top: 140px;
}

.margin-top-160 {
  margin-top: 160px;
}

.margin-top-180 {
  margin-top: 180px;
}

.margin-top-200 {
  margin-top: 200px;
}

.margin-bottom-0 {
  margin-bottom: 0px;
}

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

.margin-bottom-2 {
  margin-bottom: 2px;
}

.margin-bottom-3 {
  margin-bottom: 3px;
}

.margin-bottom-4 {
  margin-bottom: 4px;
}

.margin-bottom-5 {
  margin-bottom: 5px;
}

.margin-bottom-6 {
  margin-bottom: 6px;
}

.margin-bottom-7 {
  margin-bottom: 7px;
}

.margin-bottom-8 {
  margin-bottom: 8px;
}

.margin-bottom-9 {
  margin-bottom: 9px;
}

.margin-bottom-10 {
  margin-bottom: 10px;
}

.margin-bottom-12 {
  margin-bottom: 12px;
}

.margin-bottom-14 {
  margin-bottom: 14px;
}

.margin-bottom-16 {
  margin-bottom: 16px;
}

.margin-bottom-18 {
  margin-bottom: 18px;
}

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

.margin-bottom-25 {
  margin-bottom: 25px;
}

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

.margin-bottom-35 {
  margin-bottom: 35px;
}

.margin-bottom-40 {
  margin-bottom: 40px;
}

.margin-bottom-45 {
  margin-bottom: 45px;
}

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

.margin-bottom-60 {
  margin-bottom: 60px;
}

.margin-bottom-70 {
  margin-bottom: 70px;
}

.margin-bottom-80 {
  margin-bottom: 80px;
}

.margin-bottom-90 {
  margin-bottom: 90px;
}

.margin-bottom-100 {
  margin-bottom: 100px;
}

.margin-bottom-120 {
  margin-bottom: 120px;
}

.margin-bottom-140 {
  margin-bottom: 140px;
}

.margin-bottom-160 {
  margin-bottom: 160px;
}

.margin-bottom-180 {
  margin-bottom: 180px;
}

.margin-bottom-200 {
  margin-bottom: 200px;
}

.padding-top-0 {
  padding-top: 0px;
}

.padding-top-1 {
  padding-top: 1px;
}

.padding-top-2 {
  padding-top: 2px;
}

.padding-top-3 {
  padding-top: 3px;
}

.padding-top-4 {
  padding-top: 4px;
}

.padding-top-5 {
  padding-top: 5px;
}

.padding-top-6 {
  padding-top: 6px;
}

.padding-top-7 {
  padding-top: 7px;
}

.padding-top-8 {
  padding-top: 8px;
}

.padding-top-9 {
  padding-top: 9px;
}

.padding-top-10 {
  padding-top: 10px;
}

.padding-top-12 {
  padding-top: 12px;
}

.padding-top-14 {
  padding-top: 14px;
}

.padding-top-16 {
  padding-top: 16px;
}

.padding-top-18 {
  padding-top: 18px;
}

.padding-top-20 {
  padding-top: 20px;
}

.padding-top-25 {
  padding-top: 25px;
}

.padding-top-30 {
  padding-top: 30px;
}

.padding-top-35 {
  padding-top: 35px;
}

.padding-top-40 {
  padding-top: 40px;
}

.padding-top-45 {
  padding-top: 45px;
}

.padding-top-50 {
  padding-top: 50px;
}

.padding-top-60 {
  padding-top: 60px;
}

.padding-top-70 {
  padding-top: 70px;
}

.padding-top-80 {
  padding-top: 80px;
}

.padding-top-90 {
  padding-top: 90px;
}

.padding-top-100 {
  padding-top: 100px;
}

.padding-top-120 {
  padding-top: 120px;
}

.padding-top-140 {
  padding-top: 140px;
}

.padding-top-160 {
  padding-top: 160px;
}

.padding-top-180 {
  padding-top: 180px;
}

.padding-top-200 {
  padding-top: 200px;
}

.padding-bottom-0 {
  padding-bottom: 0px;
}

.padding-bottom-1 {
  padding-bottom: 1px;
}

.padding-bottom-2 {
  padding-bottom: 2px;
}

.padding-bottom-3 {
  padding-bottom: 3px;
}

.padding-bottom-4 {
  padding-bottom: 4px;
}

.padding-bottom-5 {
  padding-bottom: 5px;
}

.padding-bottom-6 {
  padding-bottom: 6px;
}

.padding-bottom-7 {
  padding-bottom: 7px;
}

.padding-bottom-8 {
  padding-bottom: 8px;
}

.padding-bottom-9 {
  padding-bottom: 9px;
}

.padding-bottom-10 {
  padding-bottom: 10px;
}

.padding-bottom-12 {
  padding-bottom: 12px;
}

.padding-bottom-14 {
  padding-bottom: 14px;
}

.padding-bottom-16 {
  padding-bottom: 16px;
}

.padding-bottom-18 {
  padding-bottom: 18px;
}

.padding-bottom-20 {
  padding-bottom: 20px;
}

.padding-bottom-25 {
  padding-bottom: 25px;
}

.padding-bottom-30 {
  padding-bottom: 30px;
}

.padding-bottom-35 {
  padding-bottom: 35px;
}

.padding-bottom-40 {
  padding-bottom: 40px;
}

.padding-bottom-45 {
  padding-bottom: 45px;
}

.padding-bottom-50 {
  padding-bottom: 50px;
}

.padding-bottom-60 {
  padding-bottom: 60px;
}

.padding-bottom-70 {
  padding-bottom: 70px;
}

.padding-bottom-80 {
  padding-bottom: 80px;
}

.padding-bottom-90 {
  padding-bottom: 90px;
}

.padding-bottom-100 {
  padding-bottom: 100px;
}

.padding-bottom-120 {
  padding-bottom: 120px;
}

.padding-bottom-140 {
  padding-bottom: 140px;
}

.padding-bottom-160 {
  padding-bottom: 160px;
}

.padding-bottom-180 {
  padding-bottom: 180px;
}

.padding-bottom-200 {
  padding-bottom: 200px;
}

@media screen and (max-width: 960px) {
  .margin-top-45 {
    margin-top: 40px;
  }
  .margin-top-50 {
    margin-top: 40px;
  }
  .margin-top-60 {
    margin-top: 40px;
  }
  .margin-top-70 {
    margin-top: 40px;
  }
  .margin-top-80 {
    margin-top: 40px;
  }
  .margin-top-90 {
    margin-top: 40px;
  }
  .margin-top-100 {
    margin-top: 40px;
  }
  .margin-top-120 {
    margin-top: 40px;
  }
  .margin-top-140 {
    margin-top: 40px;
  }
  .margin-top-160 {
    margin-top: 40px;
  }
  .margin-top-180 {
    margin-top: 40px;
  }
  .margin-top-200 {
    margin-top: 40px;
  }
  .margin-bottom-45 {
    margin-bottom: 40px;
  }
  .margin-bottom-50 {
    margin-bottom: 40px;
  }
  .margin-bottom-60 {
    margin-bottom: 40px;
  }
  .margin-bottom-70 {
    margin-bottom: 40px;
  }
  .margin-bottom-80 {
    margin-bottom: 40px;
  }
  .margin-bottom-90 {
    margin-bottom: 40px;
  }
  .margin-bottom-100 {
    margin-bottom: 40px;
  }
  .margin-bottom-120 {
    margin-bottom: 40px;
  }
  .margin-bottom-140 {
    margin-bottom: 40px;
  }
  .margin-bottom-160 {
    margin-bottom: 40px;
  }
  .margin-bottom-180 {
    margin-bottom: 40px;
  }
  .margin-bottom-200 {
    margin-bottom: 40px;
  }
  .padding-top-45 {
    padding-top: 40px;
  }
  .padding-top-50 {
    padding-top: 40px;
  }
  .padding-top-60 {
    padding-top: 40px;
  }
  .padding-top-70 {
    padding-top: 40px;
  }
  .padding-top-80 {
    padding-top: 40px;
  }
  .padding-top-90 {
    padding-top: 40px;
  }
  .padding-top-100 {
    padding-top: 40px;
  }
  .padding-top-120 {
    padding-top: 40px;
  }
  .padding-top-140 {
    padding-top: 40px;
  }
  .padding-top-160 {
    padding-top: 40px;
  }
  .padding-top-180 {
    padding-top: 40px;
  }
  .padding-top-200 {
    padding-top: 40px;
  }
  .padding-bottom-45 {
    padding-bottom: 40px;
  }
  .padding-bottom-50 {
    padding-bottom: 40px;
  }
  .padding-bottom-60 {
    padding-bottom: 40px;
  }
  .padding-bottom-70 {
    padding-bottom: 40px;
  }
  .padding-bottom-80 {
    padding-bottom: 40px;
  }
  .padding-bottom-90 {
    padding-bottom: 40px;
  }
  .padding-bottom-100 {
    padding-bottom: 40px;
  }
  .padding-bottom-120 {
    padding-bottom: 40px;
  }
  .padding-bottom-140 {
    padding-bottom: 40px;
  }
  .padding-bottom-160 {
    padding-bottom: 40px;
  }
  .padding-bottom-180 {
    padding-bottom: 40px;
  }
  .padding-bottom-200 {
    padding-bottom: 40px;
  }
}
.top-dividing-line {
  position: relative;
}
.top-dividing-line:before {
  content: "";
  display: block;
  position: absolute;
  left: var(--page-margin);
  right: var(--page-margin);
  top: 0;
  height: 1px;
  background: linear-gradient(90deg, rgb(0, 132, 102) 0%, rgb(251, 177, 47) 100%);
}

.bottom-dividing-line {
  position: relative;
}
.bottom-dividing-line:after {
  content: "";
  display: block;
  position: absolute;
  left: var(--page-margin);
  right: var(--page-margin);
  bottom: 0;
  height: 1px;
  background: linear-gradient(90deg, rgb(0, 132, 102) 0%, rgb(251, 177, 47) 100%);
}

.font-size-14px {
  font-size: 14px;
}

.font-size-18px {
  font-size: 18px;
}

@keyframes rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
html,
body {
  font-family: "Manrope Variable", Arial;
  font-weight: 400;
  font-size: var(--text-size);
  line-height: var(--text-line-height);
  color: var(--text-color);
  height: 100%;
  scroll-behavior: smooth;
}

:focus {
  outline: none;
}

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

html.no-scroll {
  overflow: hidden;
}

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

a {
  color: #008466;
  text-decoration: none;
  transition: color 0.3s;
}
a:hover {
  color: #006152;
}

a[data-href] {
  cursor: pointer;
}

.space-left {
  margin-left: auto;
}

.space-right {
  margin-right: auto;
}

.button {
  display: inline-flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  height: var(--button-height);
  border: none;
  border-radius: var(--button-border-radius);
  padding: 0 var(--button-padding) 0 var(--button-padding);
  font-size: var(--button-font-size);
  background: var(--button-background-color);
  color: var(--button-text-color);
  transition: background-color 0.3s, color 0.3s;
  cursor: pointer;
}
.button:hover {
  background: var(--button-hover-background-color);
  color: var(--button-hover-color);
}
.button:focus {
  background: var(--button-focus-background-color);
  color: var(--button-focus-color);
}
.button.beige {
  --button-background-color: var(--color-brand-5);
  --button-text-color: var(--color-dark);
  --button-hover-background-color: #ee9903;
  --button-hover-color: var(--color-dark);
  --button-focus-background-color: #ee9903;
  --button-focus-color: var(--color-dark);
}
.button.gold, .button.menu-highlighted {
  --button-background-color: var(--button-gold-background-color);
  --button-text-color: var(--button-gold-text-color);
  --button-hover-background-color: var(
      --button-gold-hover-background-color
  );
  --button-hover-color: var(--button-gold-hover-color);
  --button-focus-background-color: var(
      --button-gold-focus-background-color
  );
  --button-focus-color: var(--button-gold-focus-color);
}
.button.dark {
  --button-background-color: var(--color-dark);
  --button-text-color: var(--color-white);
  /*
  --button-hover-background-color: var(--button-gold-hover-background-color);
  --button-hover-color: var(--button-gold-hover-color);
  --button-focus-background-color: var(--button-gold-focus-background-color);
  --button-focus-color: var(--button-gold-focus-color);
  */
}
.button.outlined {
  --button-background-color: var(--color-white);
  --button-border-color: var(--color-brand-1);
  --button-text-color: var(--color-brand-1);
  border: 1px solid var(--button-border-color);
}
.button .icon-left {
  margin-right: var(--button-icon-gap, 5px);
}

.icon-button {
  display: flex;
  flex-flow: row nowrap;
  place-items: center stretch;
  place-content: normal center;
  gap: 0;
  border: none;
  background: var(--icon-button-background);
  padding: 0;
  width: var(--icon-button-width);
  height: var(--icon-button-height);
  color: var(--icon-button-color);
  cursor: pointer;
  transition: color 0.3s, background-color 0.3s;
}
.icon-button:hover {
  color: var(--icon-button-hover-color);
  background: var(--icon-button-hover-background);
}
.icon-button:focus {
  color: var(--icon-button-focus-color);
  background: var(--icon-button-focus-background);
}
.icon-button .icon {
  display: block;
}

.floating-label-input {
  display: block;
  position: relative;
  background: var(--color-white);
  border: 1px solid var(--color-gray-border);
  transition: opacity 0.3s, border-color 0.3s;
  height: var(--field-height, 60px);
  border-radius: 5px;
}
@media screen and (max-width: 960px) {
  .floating-label-input {
    height: 40px;
  }
}
.floating-label-input:focus-within {
  border-color: 1px solid #FBB12F;
}
.floating-label-input.disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.floating-label-input.disabled * {
  cursor: not-allowed;
}
.floating-label-input.field-error {
  border-color: #FF1E1E;
}
.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,
.floating-label-input select.not-empty ~ .input-label {
  color: var(--field-lifted-label-color, #797D8B);
  transform: scale(0.777777778) translate3d(0, -13px, 0.1px);
}
@media screen and (max-width: 960px) {
  .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,
  .floating-label-input select.not-empty ~ .input-label {
    transform: scale(0.777777778) translate3d(0, -9px, 0.1px);
  }
}
.floating-label-input .input-field {
  background: transparent;
  border: none;
  box-sizing: border-box;
  font-size: 16px;
  font-weight: 400;
  min-height: 60px;
  height: 0;
  padding: 16px 20px 0 20px;
  width: 100%;
}
@media screen and (max-width: 960px) {
  .floating-label-input .input-field {
    font-size: 16px;
    padding-top: 12px;
    padding-left: 10px;
    min-height: 40px;
  }
}
.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: 16px;
  font-weight: 400;
  color: #27292C;
  left: 20px;
  pointer-events: none;
  position: absolute;
  top: 17px;
  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%;
}
@media screen and (max-width: 960px) {
  .floating-label-input .input-label {
    top: 8px;
    left: 10px;
  }
}
.floating-label-input select.input-field {
  appearance: none;
  padding-right: 50px;
  background: url(assets/big-dropdown-arrow.acb19222cae7b9386079.svg) right 10px center no-repeat;
}

ul, ol {
  padding-left: 25px;
}
ul li, ol li {
  padding: 5px 0 5px 0;
}

.content-empty {
  font-size: 24px;
  padding: 30px;
  background: rgb(41.3963855422, 43.5192771084, 46.7036144578);
  text-align: center;
  border-radius: 30px;
}

/*
.centered-block {
    @extend %centered-block;
}

.extended-block {
    @extend %extended-block;
}
*/
.menu-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

img:not([src]) {
  visibility: hidden;
}

button {
  cursor: pointer;
}
button:disabled {
  cursor: not-allowed;
}

.link-button {
  display: inline;
  border: none;
  background: none;
  padding: 0;
  color: #FBB12F;
  transition: color 0.3s;
}
.link-button:hover {
  color: #008466;
}

article .content-title {
  font-size: 18px;
  font-weight: 600;
}
article .content-lead {
  font-size: 20px;
  font-weight: 600;
}
article img {
  vertical-align: top;
  max-width: 100%;
  width: auto;
  height: auto;
}

.pagination {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  padding: 0;
  list-style: none;
  gap: 10px;
  margin: 0 0 90px 0;
}
@media (max-width: 960px) {
  .pagination {
    margin-bottom: 40px;
  }
}
@media (max-width: 1050px) {
  .pagination {
    gap: 5px;
    font-size: 14px;
  }
}
.pagination .pager-prev svg,
.pagination .pager-next svg,
.pagination .pager-item:not(.pager-ellipsis) svg {
  width: 40px;
  height: 40px;
}
.pagination .pager-prev > *,
.pagination .pager-next > *,
.pagination .pager-item:not(.pager-ellipsis) > * {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--color-gray-border);
  width: 60px;
  height: 60px;
  border-radius: 50%;
}
@media (max-width: 1050px) {
  .pagination .pager-prev > *,
  .pagination .pager-next > *,
  .pagination .pager-item:not(.pager-ellipsis) > * {
    width: 40px;
    height: 40px;
  }
}
.pagination .pager-prev a,
.pagination .pager-next a,
.pagination .pager-item:not(.pager-ellipsis) a {
  color: #27292C;
  transition: color 0.3s, border-color 0.3s, background-color 0.3s;
}
.pagination .pager-prev a:hover,
.pagination .pager-next a:hover,
.pagination .pager-item:not(.pager-ellipsis) a:hover {
  color: #fff;
  background: var(--color-brand-2);
  border-color: var(--color-brand-2);
}
.pagination .pager-prev.pager-current span,
.pagination .pager-next.pager-current span,
.pagination .pager-item:not(.pager-ellipsis).pager-current span {
  color: #fff;
  background: var(--color-brand-1);
  border-color: var(--color-brand-1);
}
@media (max-width: 660px) {
  .pagination .pager-distance-from-current-6,
  .pagination .pager-distance-from-current-5,
  .pagination .pager-distance-from-current-4,
  .pagination .pager-distance-from-current-3,
  .pagination .pager-distance-from-current-2 {
    display: none;
  }
  .pagination .pager-distance-from-end-0 {
    display: block;
  }
}
@media (max-width: 390px) {
  .pagination .pager-prev,
  .pagination .pager-next {
    display: none;
  }
}

h6, h5, h4, h3, h2, h1 {
  line-height: 1.3;
  margin: 0;
}

h1 {
  font-weight: 700;
  font-size: 40px;
  margin-bottom: 25px;
}

h2 {
  font-weight: 700;
  font-size: 30px;
  margin-bottom: 25px;
}

h3 {
  font-weight: 700;
  font-size: 22px;
  margin-bottom: 20px;
}

h4 {
  font-weight: 700;
  font-size: 20px;
  margin-bottom: 15px;
}

h5 {
  font-weight: 700;
  font-size: 18px;
  margin-bottom: 15px;
}

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

p {
  margin: 0 0 20px 0;
}

.page-404 {
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  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 {
  width: fit-content;
}
@media (max-width: 800px) {
  .page-404 {
    flex-flow: column nowrap;
    align-items: center;
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .page-404 .page-404-image {
    margin: 0 0 40px 0;
  }
  .page-404 .page-404-block {
    text-align: center;
  }
}

.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.2);
  backdrop-filter: blur(10px);
  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;
  overflow: auto;
  max-height: calc(100% - 20px);
  border-radius: 5px;
}
.popup-overlay .popup-close-button {
  border: none;
  padding: 0;
  background: none;
  padding: 0;
  position: absolute;
  z-index: 5;
  right: 10px;
  top: 10px;
  color: #27292C;
  transition: color 0.3s;
  cursor: pointer;
}
body.non-touch-device .popup-overlay .popup-close-button:hover {
  color: #008466;
}
.popup-overlay .popup-close-button svg {
  display: block;
}
.popup-overlay .popup-content {
  padding: 40px 60px 40px 60px;
}
@media (max-width: 500px) {
  .popup-overlay .popup-content {
    padding: 35px;
  }
}
@media (max-width: 400px) {
  .popup-overlay .popup-content {
    padding: 25px;
  }
}
.popup-overlay .popup-message h1 {
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  margin: 0 0 10px 0;
  text-align: center;
}
.popup-overlay .popup-message h1:last-child {
  margin-bottom: 0;
}
.popup-overlay .popup-message p {
  margin: 0 0 10px 0;
  text-align: center;
  font-size: 16px;
}
.popup-overlay .popup-message p:last-child {
  margin-bottom: 0;
}
.popup-overlay .popup-message li {
  margin: 0 0 10px 0;
}
.popup-overlay .popup-message li:last-child {
  margin-bottom: 0;
}
.popup-overlay.message .popup-window {
  max-width: 520px;
}

.collapse .collapse-wrap {
  overflow: hidden;
  transition: height 0.3s ease-in-out;
}

.folder .folder-wrap {
  overflow: hidden;
  transition: height 0.3s ease-in-out;
}

.scroll-watcher-decorations.has-scroll {
  position: relative;
}
.scroll-watcher-decorations.has-scroll::before, .scroll-watcher-decorations.has-scroll::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 10px;
  width: 30px;
  pointer-events: none;
  opacity: 1;
  transition: opacity 0.5s;
}
.scroll-watcher-decorations.has-scroll::before {
  left: 0;
  background: linear-gradient(90deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
}
.scroll-watcher-decorations.has-scroll::after {
  right: 0;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
}
.scroll-watcher-decorations.has-scroll.scroll-begin::before {
  opacity: 0;
}
.scroll-watcher-decorations.has-scroll.scroll-end::after {
  opacity: 0;
}

article .table-default {
  border-collapse: collapse;
  border: none;
}
article .table-default td,
article .table-default th {
  border: 1px solid var(--color-gray-border);
  padding: 5px 10px 5px 10px;
}

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

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

.page-header {
  display: flex;
  flex-flow: column nowrap;
  place-items: stretch stretch;
  place-content: normal flex-start;
  gap: 5px;
  padding: 10px var(--page-margin) 5px var(--page-margin);
}
.page-header .info-line {
  display: flex;
  flex-flow: row nowrap;
  place-items: center stretch;
  place-content: normal flex-start;
  gap: 5px;
}
.page-header .info-line .button svg {
  display: block;
}
.page-header .logo-link {
  margin-right: 60px;
}
@media screen and (max-width: 960px) {
  .page-header {
    display: none;
  }
}
.page-header .lang-switch {
  position: relative;
  z-index: 101;
}
.page-header .lang-switch .current {
  padding: 0 25px 0 0;
  background: url(assets/dropdowm-arrow.92326ddc63870cbea4f7.svg) right center no-repeat;
  border: none;
  cursor: pointer;
}
.page-header .lang-switch .popup {
  position: absolute;
  top: 32px;
  left: 0;
  padding: 13px 20px 13px 20px;
  border-radius: 5px;
  background: var(--page-background-color);
  box-shadow: 3px 3px 10px 0 rgba(50, 61, 60, 0.2);
  opacity: 0;
  transform: translateY(-20px);
  visibility: hidden;
  transition: opacity 0.3s, transform 0.3s, visibility 0.3s;
}
.page-header .lang-switch .popup.open {
  opacity: 1;
  transform: translateY(0);
  visibility: visible;
}
.page-header .lang-switch .item {
  padding: 5px 0 5px 0;
}
.page-header .lang-switch .link {
  color: var(--color-text);
  text-decoration: none;
}

.menu-line {
  display: flex;
  flex-flow: row nowrap;
  place-items: center stretch;
  place-content: normal flex-start;
  gap: 30px;
  position: sticky;
  top: 0;
  z-index: 100;
  height: 60px;
  margin: 0 var(--page-margin) 5px var(--page-margin);
  padding: 0 20px;
  border-radius: 5px;
  background: var(--color-brand-1);
  transition: margin 0.3s ease, padding 0.3s ease, border-radius 0.3s ease;
}
.menu-line.is-stuck {
  margin: 0;
  padding-left: calc(20px + var(--page-margin));
  padding-right: calc(20px + var(--page-margin));
  border-radius: 0;
}
.menu-line .menu-button,
.menu-line .search-button {
  --icon-button-color: var(--color-white);
  --icon-button-hover-color: var(--color-brand-2);
  --icon-button-focus-color: var(--color-brand-2);
}
@media screen and (max-width: 960px) {
  .menu-line {
    display: none;
  }
}

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

.menu-top {
  color: var(--color-white);
}
.menu-top .menu-list {
  display: flex;
  flex-flow: row nowrap;
  place-items: center stretch;
  place-content: normal flex-start;
  gap: 30px;
}
.menu-top .menu-list .menu-list {
  flex-direction: column;
  align-items: flex-start;
  gap: 0;
  position: absolute;
  z-index: 2;
  left: 0;
  top: 70px;
  background: var(--color-brand-3);
  border-radius: 5px;
  box-shadow: 5px 5px 50px rgba(121, 125, 139, 0.3);
  padding: 20px;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-30px);
  transition: opacity 0.3s, visibility 0.3s, transform 0.3s;
}
.menu-top .menu-list .menu-list:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: -10px;
  height: 10px;
}
.menu-top .menu-list .menu-list .menu-link {
  height: auto;
  padding: 9px 0 9px 0;
}
.menu-top .menu-list .menu-list .menu-text {
  font-size: 16px;
  font-weight: 400;
}
.menu-top .menu-item {
  position: relative;
  padding: 0;
  white-space: nowrap;
}
.menu-top .menu-item:hover .menu-list {
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateY(0) !important;
}
.menu-top .menu-link {
  display: flex;
  flex-flow: row nowrap;
  place-items: center stretch;
  place-content: normal flex-start;
  gap: 0;
  color: inherit;
  height: 60px;
}
.menu-top .menu-link:hover {
  color: var(--color-brand-2);
}
.menu-top .menu-link .dropdown-arrow {
  display: block;
  margin-left: 5px;
}
.menu-top .menu-text {
  font-size: 18px;
  font-weight: 500;
}

.page-footer {
  --footer-side-margins: 40px;
  display: grid;
  grid-template-columns: 4fr 3fr;
  grid-auto-rows: auto;
  grid-template-areas: "logo social" "contacts links";
  gap: 4px;
  margin: 0 var(--page-margin) var(--page-margin) var(--page-margin);
}
@media screen and (max-width: 960px) {
  .page-footer {
    grid-template-columns: 1fr;
    grid-template-areas: "logo" "contacts" "social" "links";
    gap: 0;
  }
}
.page-footer .logo-cell,
.page-footer .social-links-cell,
.page-footer .contacts-cell,
.page-footer .links-cell {
  background: var(--color-gray-background);
  border-radius: 5px;
  min-width: 0;
}
.page-footer .logo-cell {
  display: flex;
  flex-flow: row nowrap;
  place-items: center stretch;
  place-content: normal flex-start;
  gap: 0;
  grid-area: logo;
  padding: 30px 30px 30px var(--footer-side-margins);
}
@media screen and (max-width: 960px) {
  .page-footer .logo-cell {
    margin-bottom: 5px;
    padding: 20px;
  }
}
.page-footer .logo-cell .logo {
  display: block;
  width: 158px;
}
@media screen and (max-width: 960px) {
  .page-footer .logo-cell .logo {
    width: 95px;
  }
}
.page-footer .social-links-cell {
  grid-area: social;
  padding: 30px var(--footer-side-margins) 30px 30px;
}
.page-footer .contacts-cell {
  display: flex;
  flex-flow: column nowrap;
  place-items: flex-start stretch;
  place-content: normal flex-start;
  gap: 0;
  grid-area: contacts;
  padding: 30px 30px 55px var(--footer-side-margins);
}
@media screen and (max-width: 960px) {
  .page-footer .contacts-cell {
    padding: 20px 20px 0 20px;
    border-radius: 5px 5px 0 0;
  }
}
.page-footer .contacts-cell .contacts {
  display: flex;
  flex-flow: row nowrap;
  place-items: center stretch;
  place-content: normal flex-start;
  gap: 30px;
  margin-bottom: 20px;
}
@media screen and (max-width: 960px) {
  .page-footer .contacts-cell .contacts {
    align-items: flex-start;
    flex-direction: column;
    gap: 10px;
  }
}
.page-footer .contacts-cell .phones {
  display: flex;
  flex-flow: column nowrap;
  place-items: flex-start stretch;
  place-content: normal flex-start;
  gap: 0;
  font-size: 20px;
  font-weight: 700;
}
@media screen and (max-width: 960px) {
  .page-footer .contacts-cell .phones {
    font-size: 18px;
  }
}
.page-footer .contacts-cell .phone-link {
  color: var(--color-text);
}
.page-footer .contacts-cell .text {
  margin-top: auto;
  font-size: 14px;
  margin-right: 170px;
}
@media screen and (max-width: 1200px) {
  .page-footer .contacts-cell .text {
    margin-right: 0;
  }
}
@media screen and (max-width: 960px) {
  .page-footer .contacts-cell .text {
    font-size: 12px;
  }
}
.page-footer .contacts-cell .text p:first-child {
  margin-top: 0;
}
.page-footer .contacts-cell .text p:last-child {
  margin-bottom: 0;
}
.page-footer .social-links {
  display: flex;
  flex-flow: row nowrap;
  place-items: center stretch;
  place-content: normal flex-end;
  gap: 10px;
}
.page-footer .social-link {
  display: flex;
  flex-flow: row nowrap;
  place-items: center stretch;
  place-content: normal center;
  gap: 0;
  width: 50px;
  height: 50px;
  background: var(--social-link-color, var(--color-brand-1));
  color: var(--color-white);
  border-radius: 50%;
  cursor: pointer;
  transition: background-color 0.3s;
}
.page-footer .social-link:hover {
  background: var(--color-brand-2);
}
.page-footer .links-cell {
  display: flex;
  flex-flow: column nowrap;
  place-items: flex-end stretch;
  place-content: normal space-between;
  gap: 0;
  grid-area: links;
  padding: 63px var(--footer-side-margins) 55px 30px;
  text-align: right;
}
@media screen and (max-width: 960px) {
  .page-footer .links-cell {
    padding: 10px 20px 20px 20px;
    align-items: flex-start;
    border-radius: 0 0 5px 5px;
  }
}
.page-footer .links-cell .stores {
  display: flex;
  flex-flow: row nowrap;
  place-items: center stretch;
  place-content: normal center;
  gap: 5px;
  background: var(--color-white);
  margin-bottom: auto;
  padding: 10px;
  border-radius: 5px;
  /*margin-bottom: 18px;*/
}
.page-footer .links-cell .stores img {
  display: block;
}
@media screen and (max-width: 960px) {
  .page-footer .links-cell .stores {
    width: 100%;
    max-width: 400px;
    margin-bottom: 10px;
  }
  .page-footer .links-cell .stores * {
    flex-grow: 1;
  }
}
.page-footer .links-cell .privacy-link {
  font-size: 14px;
  margin-bottom: 18px;
}
@media screen and (max-width: 960px) {
  .page-footer .links-cell .privacy-link {
    font-size: 12px;
    margin-bottom: 10px;
  }
}
.page-footer .links-cell .copyright {
  font-size: 12px;
  color: var(--color-gray-text);
}
.page-footer .links-cell .copyright a {
  color: inherit;
}
.page-footer .links-cell .copyright a:hover {
  color: var(--color-brand-3);
}
.page-footer .links-cell .disclaimer {
  font-size: 12px;
  color: var(--color-gray-text);
  margin-top: 10px;
  max-width: 370px;
}

.slider-block {
  margin-left: var(--page-margin);
  margin-right: var(--page-margin);
}
@media screen and (max-width: 960px) {
  .slider-block {
    margin-bottom: 4px;
  }
}
.slider-block .swiper {
  background: var(--color-beige-background);
  border-radius: 5px;
  --swiper-theme-color: var(--color-brand-1);
  --swiper-pagination-bullet-inactive-color: var(--color-gray-border);
}
.slider-block .swiper-slide {
  position: relative;
  padding-bottom: 37%;
}
@media screen and (max-width: 960px) {
  .slider-block .swiper-slide {
    padding-bottom: 0;
    min-height: 60vw;
  }
}
.slider-block .slide-inner {
  display: flex;
  flex-flow: row nowrap;
  place-items: flex-end stretch;
  place-content: normal flex-start;
  gap: 0;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
@media screen and (max-width: 960px) {
  .slider-block .slide-inner {
    flex-direction: column;
    align-items: stretch;
  }
}
.slider-block .slide-picture {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.slider-block .slide-image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.slider-block .text-column {
  position: relative;
  margin-left: 6.8vw;
  margin-bottom: 4.5vw;
  color: var(--slide-text-color, var(--color-dark));
}
@media screen and (max-width: 960px) {
  .slider-block .text-column {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: auto;
    text-align: center;
    margin: 0;
    padding: 20px 10px 40px 10px;
    min-height: 100%;
    /*
    .button {
        margin-top: auto;
    }
    */
  }
}
.slider-block .slide-title {
  font-size: 64px;
  line-height: 1.2;
  margin-bottom: 20px;
}
@media screen and (max-width: 960px) {
  .slider-block .slide-title {
    font-size: 22px;
    margin-bottom: 10px;
  }
  .slider-block .slide-title br {
    display: none;
  }
}
.slider-block .slide-title strong {
  font-weight: 800;
}
.slider-block .slide-description {
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 30px;
  white-space: pre-wrap;
}
@media screen and (max-width: 960px) {
  .slider-block .slide-description {
    font-size: 14px;
    margin-bottom: 20px;
  }
  .slider-block .slide-description br {
    display: none;
  }
  .slider-block .slide-description {
    white-space: normal;
  }
}
.slider-block .swiper-button-prev,
.slider-block .swiper-button-next {
  position: absolute;
  z-index: 2;
  top: 50%;
  margin-top: -30px;
  border-radius: 50%;
  --icon-button-width: 60px;
  --icon-button-height: 60px;
  --icon-button-color: var(--color-white);
  --icon-button-background: rgba(255, 255, 255, 0.2);
  --icon-button-hover-color: var(--color-white);
  --icon-button-hover-background: var(--color-brand-1);
  --icon-button-focus-color: var(--color-white);
  --icon-button-focus-background: var(--color-brand-1-50);
}
@media screen and (max-width: 1450px) {
  .slider-block .swiper-button-prev,
  .slider-block .swiper-button-next {
    --icon-button-width: 40px;
    --icon-button-height: 40px;
  }
  .slider-block .swiper-button-prev svg,
  .slider-block .swiper-button-next svg {
    width: 24px;
    height: 24px;
  }
}
@media screen and (max-width: 960px) {
  .slider-block .swiper-button-prev,
  .slider-block .swiper-button-next {
    display: none;
  }
}
.slider-block .swiper-button-prev {
  left: 20px;
}
@media screen and (max-width: 1450px) {
  .slider-block .swiper-button-prev {
    left: 10px;
  }
}
.slider-block .swiper-button-next {
  right: 20px;
}
@media screen and (max-width: 1450px) {
  .slider-block .swiper-button-next {
    right: 10px;
  }
}
.slider-block .swiper-pagination {
  --swiper-theme-color: #fff;
  --swiper-pagination-bullet-inactive-color: #fff;
  --swiper-pagination-bullet-inactive-opacity: 0.5;
  --swiper-pagination-bottom: 30px;
  --swiper-pagination-bullet-size: 10px;
  --swiper-pagination-bullet-horizontal-gap: 5px;
}
@media screen and (max-width: 960px) {
  .slider-block .swiper-pagination {
    --swiper-pagination-bottom: 10px;
  }
}

.company-achievements-block {
  width: var(--layout-actual-width);
  margin-left: auto;
  margin-right: auto;
}
.company-achievements-block .block-title {
  font-size: 28px;
  font-weight: 200;
  margin-bottom: 40px;
}
@media screen and (max-width: 960px) {
  .company-achievements-block .block-title {
    font-size: 22px;
  }
}
.company-achievements-block .block-title strong {
  font-weight: 800;
}
.company-achievements-block .tiles {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-template-rows: 210px;
  gap: 30px;
}
@media screen and (max-width: 1200px) {
  .company-achievements-block .tiles {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 210px 210px;
  }
}
@media screen and (max-width: 960px) {
  .company-achievements-block .tiles {
    gap: 5px;
  }
}
@media screen and (max-width: 640px) {
  .company-achievements-block .tiles {
    grid-template-columns: 1fr;
    grid-template-rows: 210px 210px 210px 210px;
  }
}
.company-achievements-block.brokerage .tiles {
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 240px;
}
@media screen and (max-width: 960px) {
  .company-achievements-block.brokerage .tiles {
    grid-template-columns: 1fr;
    grid-template-rows: 240px 240px 240px;
  }
}
.company-achievements-block.brokerage .tile-title {
  font-size: 28px;
  font-weight: 700;
}
@media screen and (max-width: 960px) {
  .company-achievements-block.brokerage .tile-title {
    font-size: 22px;
  }
}
.company-achievements-block.brokerage .tile-description {
  font-size: 16px;
}
.company-achievements-block.brokerage .tile-description strong {
  font-size: 18px;
}
.company-achievements-block.pension .tiles {
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 240px;
}
@media screen and (max-width: 960px) {
  .company-achievements-block.pension .tiles {
    grid-template-columns: 1fr;
    grid-template-rows: 240px 240px 240px;
  }
}
.company-achievements-block.pension .tile-title {
  font-size: 48px;
  font-weight: 800;
}
.company-achievements-block.pension .tile-description {
  font-size: 16px;
}
.company-achievements-block.pension .tile-description strong {
  font-size: 18px;
}
@media screen and (max-width: 960px) {
  .company-achievements-block {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    gap: 5px;
    margin: 0 auto 20px auto;
  }
}
.company-achievements-block .tile {
  display: flex;
  flex-flow: column nowrap;
  place-items: flex-start stretch;
  place-content: normal space-between;
  gap: 0;
  background: var(--color-gray-background);
  border-radius: 5px;
  padding: 25px 30px 30px 30px;
}
.company-achievements-block .tile * {
  cursor: default;
}
@media screen and (max-width: 960px) {
  .company-achievements-block .tile {
    padding: 20px;
  }
}
.company-achievements-block .tile-title {
  display: flex;
  flex-flow: row nowrap;
  place-items: center stretch;
  place-content: normal flex-start;
  gap: 0;
  gap: 20px;
  font-size: 20px;
  font-weight: 600;
}
.company-achievements-block .tile-title strong {
  font-size: 48px;
  font-weight: 800;
}
@media screen and (max-width: 960px) {
  .company-achievements-block .tile-title {
    font-size: 32px;
    margin-bottom: 15px;
  }
}
.company-achievements-block .tile-description {
  font-size: 16px;
  font-weight: 400;
}
@media screen and (max-width: 960px) {
  .company-achievements-block .tile-description {
    font-size: 12px;
  }
}

.company-info-block-wrapper .company-info-block {
  display: grid;
  grid-template-columns: 520px 1fr 3fr;
  grid-template-areas: "title . text";
  align-items: center;
  max-width: var(--layout-actual-width);
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 960px) {
  .company-info-block-wrapper .company-info-block {
    display: block;
    margin-bottom: 30px;
  }
}
.company-info-block-wrapper .company-info-block .title-column {
  grid-area: title;
  font-size: 36px;
  width: 520px;
  font-weight: 300;
  flex-shrink: 0;
}
@media screen and (max-width: 960px) {
  .company-info-block-wrapper .company-info-block .title-column {
    width: auto;
    font-size: 22px;
    margin-bottom: 10px;
  }
  .company-info-block-wrapper .company-info-block .title-column br {
    display: none;
  }
}
.company-info-block-wrapper .company-info-block .title-column strong {
  font-weight: 800;
}
.company-info-block-wrapper .company-info-block .text-column {
  grid-area: text;
}
@media screen and (max-width: 960px) {
  .company-info-block-wrapper .company-info-block .text-column {
    font-size: 14px;
  }
}
.company-info-block-wrapper.info-title-sm .company-info-block .title-column {
  width: auto;
  font-size: 28px;
}
@media screen and (max-width: 960px) {
  .company-info-block-wrapper.info-title-sm .company-info-block .title-column {
    font-size: 22px;
  }
}
.company-info-block-wrapper.info-align-top .company-info-block {
  align-items: start;
}
.company-info-block-wrapper.info-align-top-offset .company-info-block {
  align-items: start;
}
.company-info-block-wrapper.info-align-top-offset .company-info-block .text-column {
  margin-top: 30px;
}
.company-info-block-wrapper.info-cols-equal .company-info-block {
  grid-template-columns: 1fr 30px 1fr;
}
.company-info-block-wrapper.info-cols-equal .company-info-block .title-column {
  width: auto;
}
.company-info-block-wrapper.info-cols-text-wide .company-info-block {
  grid-template-columns: 1fr 30px 2fr;
}
.company-info-block-wrapper.info-cols-text-wide .company-info-block .title-column {
  width: auto;
}

/*
.block-break-line {
    margin-left: var(--page-margin);
    margin-right: var(--page-margin);
    height: 1px;
    background: linear-gradient(
        90deg,
        rgba(0, 132, 102, 1) 0%,
        rgba(251, 177, 47, 1) 100%
    );
    margin-bottom: 90px;

    @media screen and (max-width: 960px) {
        margin-bottom: 20px;
        margin-left: 0;
        margin-right: 0;
    }
}
*/
.services-cards-block {
  padding-left: var(--page-margin);
  padding-right: var(--page-margin);
  /*
  @media screen and (max-width: 960px) {
      margin-bottom: 30px;
  }
  */
}
.services-cards-block .navigation {
  position: sticky;
  top: 0;
  z-index: 2;
  height: 60px;
  /*
  padding-left: calc(var(--layout-margin) - var(--page-margin));
  padding-right: calc(var(--layout-margin) - var(--page-margin));
  */
  background: var(--color-gray-background);
  border-radius: 5px;
}
@media screen and (max-width: 960px) {
  .services-cards-block .navigation {
    overflow: auto;
  }
}
.services-cards-block .navigation-links {
  display: flex;
  flex-flow: row nowrap;
  place-items: flex-start stretch;
  place-content: normal flex-start;
  gap: 0;
  width: var(--layout-actual-width);
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 960px) {
  .services-cards-block .navigation-links {
    overflow: auto;
  }
}
.services-cards-block .navigation-link {
  display: flex;
  flex-flow: row nowrap;
  place-items: center stretch;
  place-content: normal center;
  gap: 0;
  overflow: hidden;
  position: relative;
  width: 20%;
  height: 60px;
  background: transparent;
  transition: background-color 0.3s;
  border-radius: 5px;
}
@media screen and (max-width: 960px) {
  .services-cards-block .navigation-link {
    width: 160px;
    flex-shrink: 0;
  }
}
.services-cards-block .navigation-link::before, .services-cards-block .navigation-link::after {
  content: "";
  display: block;
  position: absolute;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  margin: -4.5px;
  top: 50%;
  background: var(--color-brand-1);
  opacity: 0;
  transition: opacity 0.3s;
}
.services-cards-block .navigation-link::before {
  left: 0;
}
.services-cards-block .navigation-link::after {
  right: 0;
}
.services-cards-block .navigation-link.active {
  background: #dae2e8;
}
.services-cards-block .navigation-link.active::before, .services-cards-block .navigation-link.active::after {
  opacity: 1;
}
.services-cards-block .navigation-link-text {
  display: block;
  max-width: 150px;
  text-align: center;
  font-weight: 600;
}
@media screen and (max-width: 960px) {
  .services-cards-block .navigation-link-text {
    width: 130px;
    flex-shrink: 0;
  }
}
.services-cards-block .cards {
  display: grid;
  grid-template-columns: 1fr;
  grid-auto-rows: 1fr;
  row-gap: 30px;
  max-width: 1067px;
  margin: 30px auto 0 auto;
}
.services-cards-block .placeholder {
  min-height: 100vh;
}
.services-cards-block .card {
  position: relative;
  --card-column-gap: 120px;
  --card-row-gap: 30px;
  transform-origin: top center;
  background: var(--card-color);
  border-radius: 5px;
  padding: 60px;
  display: grid;
  grid-template-columns: 1.0831fr 1fr;
  grid-template-rows: 1fr auto;
  grid-template-areas: "title text" "hint text";
  column-gap: var(--card-column-gap);
  row-gap: var(--card-row-gap);
  color: var(--color-white);
}
@media screen and (max-width: 960px) {
  .services-cards-block .card {
    grid-template-columns: 1fr;
    grid-template-rows: auto auto auto;
    grid-template-areas: "title" "text" "hint";
    column-gap: 0;
    row-gap: 0;
    padding: 20px;
  }
}
.services-cards-block .card-sticky {
  position: sticky;
  top: var(--card-sticky-pos);
  /*
  @media screen and (max-width: 960px) {
      top: 70px;
      transform: none !important;
  }
  */
}
.services-cards-block .card-anchor {
  position: absolute;
  top: calc(var(--card-sticky-pos) * -1);
}
.services-cards-block .card-image-wrap {
  position: relative;
  grid-area: title;
  height: fit-contents;
  align-self: start;
}
.services-cards-block .card-image {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 5px;
}
.services-cards-block .card-title {
  display: flex;
  flex-flow: column nowrap;
  place-items: flex-start stretch;
  place-content: normal flex-end;
  gap: 0;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  padding: 30px;
  leading-trim: both;
  text-edge: cap;
  font-size: 32px;
  font-weight: 700;
  line-height: 1.3;
  white-space: pre-wrap;
  color: #fff;
}
@media screen and (max-width: 960px) {
  .services-cards-block .card-title {
    font-size: 22px;
  }
}
.services-cards-block .card-hint {
  position: relative;
  font-size: 14px;
  grid-area: hint;
}
@media screen and (max-width: 960px) {
  .services-cards-block .card-hint {
    margin-top: 20px;
  }
}
.services-cards-block .card-text {
  display: flex;
  flex-flow: column nowrap;
  place-items: stretch stretch;
  place-content: normal space-between;
  gap: 0;
  position: relative;
  font-size: 20px;
  font-weight: 600;
  grid-area: text;
}
@media screen and (max-width: 960px) {
  .services-cards-block .card-text {
    font-size: 16px;
  }
}
.services-cards-block .card-text:before {
  content: "";
  display: block;
  position: absolute;
  left: calc(var(--card-column-gap) * -0.5);
  top: 0;
  bottom: 0;
  border-left: 1px solid rgba(255, 255, 255, 0.3);
}
.services-cards-block .card-button {
  margin-top: 30px;
  align-self: flex-end;
  font-size: 16px;
  font-weight: 400;
}
@media screen and (max-width: 960px) {
  .services-cards-block .card-button {
    display: none;
  }
}
.services-cards-block .mobile-card-button {
  display: none;
  margin-top: 10px;
  justify-self: start;
}
@media screen and (max-width: 960px) {
  .services-cards-block .mobile-card-button {
    display: inline-flex;
  }
}

.articles-block .articles-block-inner {
  width: var(--layout-actual-width);
  margin-left: auto;
  margin-right: auto;
  display: grid;
  grid-template-columns: 1fr auto;
  grid-template-rows: auto auto;
  grid-template-areas: "head-left head-right" "content content";
  column-gap: 20px;
  row-gap: 40px;
}
@media screen and (max-width: 1200px) {
  .articles-block .articles-block-inner {
    grid-template-columns: 1fr;
    grid-template-rows: auto auto auto;
    grid-template-areas: "head-left" "head-right" "content";
  }
}
.articles-block .block-title {
  display: flex;
  flex-flow: row nowrap;
  place-items: center stretch;
  place-content: normal flex-start;
  gap: 10px;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 30px;
}
@media screen and (max-width: 960px) {
  .articles-block .block-title {
    font-size: 14px;
    margin-bottom: 7px;
  }
}
.articles-block .block-description {
  font-size: 28px;
  font-weight: 300;
}
@media screen and (max-width: 960px) {
  .articles-block .block-description {
    font-size: 22px;
  }
}
.articles-block .block-description strong {
  font-weight: 800;
}
@media screen and (max-width: 960px) {
  .articles-block .block-description {
    font-size: 22px;
    margin-bottom: 0;
  }
}
.articles-block .block-head-left {
  grid-area: head-left;
  align-self: start;
}
.articles-block .block-head-right {
  display: flex;
  flex-flow: row nowrap;
  place-items: center stretch;
  place-content: normal flex-end;
  gap: 10px;
  grid-area: head-right;
  align-self: start;
}
@media screen and (max-width: 1200px) {
  .articles-block .block-head-right {
    justify-content: flex-start;
  }
}
.articles-block .telegram-button {
  --button-icon-gap: 20px;
  --button-text-color: #1b92d1;
  --button-border-color: #1b92d1;
  --button-hover-background-color: #1b92d1;
}
.articles-block .article-title {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 20px;
}
.articles-block .article-title a {
  color: var(--color-text);
}
.articles-block .article-title a:hover {
  color: var(--color-brand-1);
}
.articles-block .article-info {
  display: flex;
  flex-flow: row nowrap;
  place-items: baseline stretch;
  place-content: normal flex-start;
  gap: 10px;
}
.articles-block .article-date {
  color: var(--color-gray-text);
  font-size: 16px;
}
.articles-block .block-content {
  grid-area: content;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 1fr 1fr auto;
  grid-template-areas: "big-image small-tile-1" "big-image small-tile-2" "big-image small-tile-3" "big-data .";
  gap: 30px;
}
@media screen and (max-width: 1200px) {
  .articles-block .block-content {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr 1fr;
    grid-template-areas: "big-image small-tile-1" "big-image small-tile-2" "big-data small-tile-3";
  }
}
@media screen and (max-width: 1000px) {
  .articles-block .block-content {
    grid-template-columns: 1fr;
    grid-template-rows: auto auto auto auto auto;
    grid-template-areas: "big-image" "big-data" "small-tile-1" "small-tile-2" "small-tile-3";
    gap: 20px;
  }
}
.articles-block .big-picture {
  grid-area: big-image;
}
.articles-block .big-image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 5px;
}
.articles-block .big-article-data {
  grid-area: big-data;
  margin-top: -10px;
}
@media screen and (max-width: 640px) {
  .articles-block .big-article-data {
    margin-bottom: 20px;
  }
}
.articles-block .small-article-tile {
  display: grid;
  grid-template-columns: 285fr 650fr;
  grid-template-rows: auto;
  gap: 40px;
}
@media screen and (max-width: 640px) {
  .articles-block .small-article-tile {
    grid-template-columns: 1fr;
    grid-template-rows: auto auto;
    gap: 20px;
  }
}
.articles-block .small-image {
  display: block;
  width: 100%;
  min-width: 0;
  height: auto;
  border-radius: 5px;
}
.articles-block .small-article-tile .article-title {
  margin-bottom: 10px;
}
.articles-block .small-article-data {
  display: flex;
  flex-flow: column nowrap;
  place-items: flex-start stretch;
  place-content: normal space-between;
  gap: 0;
}
@media screen and (max-width: 640px) {
  .articles-block .small-article-data {
    margin-bottom: 20px;
  }
}

.awards-block {
  margin-left: 50px;
}
@media screen and (max-width: 960px) {
  .awards-block {
    margin-left: 0;
  }
}
.awards-block .block-title {
  display: flex;
  flex-flow: row nowrap;
  place-items: center stretch;
  place-content: normal flex-start;
  gap: 10px;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 20px;
}
@media screen and (max-width: 960px) {
  .awards-block .block-title {
    font-size: 14px;
    margin-bottom: 7px;
    margin-left: var(--page-margin);
  }
}
.awards-block .block-description {
  font-size: 28px;
  font-weight: 300;
  margin-bottom: 25px;
}
.awards-block .block-description strong {
  font-weight: 800;
}
@media screen and (max-width: 960px) {
  .awards-block .block-description {
    font-size: 22px;
    margin-bottom: 20px;
    margin-left: var(--page-margin);
  }
}
.awards-block .sliders {
  display: flex;
  flex-flow: row nowrap;
  place-items: center stretch;
  place-content: normal flex-start;
  gap: 60px;
}
@media screen and (max-width: 960px) {
  .awards-block .sliders {
    display: block;
  }
}
.awards-block .years-slider {
  position: relative;
  width: 50px;
  padding-top: 30px;
  padding-bottom: 30px;
}
@media screen and (max-width: 960px) {
  .awards-block .years-slider {
    width: auto;
    padding-top: 0;
    padding-bottom: 6px;
    margin-bottom: 6px;
    margin-left: var(--page-margin);
  }
}
.awards-block .years-slider .swiper {
  height: 200px;
}
@media screen and (max-width: 960px) {
  .awards-block .years-slider .swiper {
    height: 30px;
    overflow: auto;
  }
}
@media screen and (max-width: 960px) {
  .awards-block .years-slider .swiper-wrapper {
    gap: 25px;
    width: fit-content;
  }
}
.awards-block .years-slider .swiper-slide {
  display: flex;
  flex-flow: row nowrap;
  place-items: center stretch;
  place-content: normal center;
  gap: 0;
  transition: color 0.5s, font-size 0.5s, font-weight 0.5s;
  cursor: pointer;
}
@media screen and (max-width: 960px) {
  .awards-block .years-slider .swiper-slide {
    width: auto;
  }
}
.awards-block .years-slider .swiper-slide.swiper-slide-active {
  color: var(--color-brand-1);
  font-size: 20px;
  font-weight: 600;
  cursor: default;
}
.awards-block .years-slider .swiper-button-prev,
.awards-block .years-slider .swiper-button-next {
  position: absolute;
  left: 50%;
  margin: 0 -12px 0 -12px;
  cursor: pointer;
}
@media screen and (max-width: 960px) {
  .awards-block .years-slider .swiper-button-prev,
  .awards-block .years-slider .swiper-button-next {
    display: none;
  }
}
.awards-block .years-slider .swiper-button-prev {
  top: 0;
}
.awards-block .years-slider .swiper-button-next {
  bottom: 0;
}
.awards-block .awards-scroller-wrapper {
  position: relative;
  height: 181px;
  flex-grow: 1;
}
.awards-block .awards-scroller {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  pointer-events: none;
  opacity: 0;
}
.awards-block .awards-scroller.active {
  pointer-events: auto;
  opacity: 1;
}
.awards-block .awards-scroller .scroller,
.awards-block .awards-scroller .scroller-block,
.awards-block .awards-scroller .scroller-chunk {
  display: flex;
  flex-flow: row nowrap;
  place-items: stretch stretch;
  place-content: normal flex-start;
  gap: 0;
}
.awards-block .awards-scroller .scroller {
  overflow: hidden;
}
.awards-block .awards-scroller .tile {
  display: flex;
  flex-flow: column nowrap;
  place-items: center stretch;
  place-content: normal center;
  gap: 0;
  width: 300px;
  height: 180px;
  margin-right: 10px;
  margin-top: 1px;
  margin-bottom: 1px;
  border-radius: 5px;
  border: 1px solid var(--color-gray-border);
  padding: 0 20px 15px 20px;
}
.awards-block .awards-scroller .tile-logo {
  margin-top: auto;
  margin-bottom: auto;
}
.awards-block .awards-scroller .tile-title {
  display: flex;
  flex-flow: column nowrap;
  place-items: center stretch;
  place-content: normal center;
  gap: 0;
  position: relative;
  width: 260px;
  height: 73px;
  text-align: center;
  font-size: 14px;
}
.awards-block .awards-scroller .tile-title::before {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: -1px;
  width: 80px;
  margin-left: -40px;
  height: 1px;
  background: linear-gradient(90deg, rgb(0, 132, 102) 0%, rgb(251, 177, 47) 100%);
}

.desktop-menu {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 110;
  background: rgba(0, 0, 0, 0.2);
  backdrop-filter: blur(10px);
  visibility: hidden;
  opacity: 0;
  transition: visibility 0.5s, opacity 0.5s;
}
.desktop-menu.open {
  visibility: visible;
  opacity: 1;
}
.desktop-menu.open .desktop-menu-window {
  transform: translateX(0);
}
.desktop-menu .desktop-menu-window {
  position: absolute;
  left: 20px;
  top: 20px;
  bottom: 20px;
  width: calc(100vw - 40px);
  max-width: 750px;
  background: #fff;
  border-radius: 5px;
  transform: translateX(-50px);
  transition: transform 0.5s;
  overflow: auto;
}
.desktop-menu .desktop-menu-content {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr;
  grid-template-areas: "left right";
  min-height: 100%;
}
.desktop-menu .menu-list {
  list-style: none;
  padding: 0;
  margin: 0 0 0 20px;
}
.desktop-menu .menu-item {
  padding: 0;
}
.desktop-menu .menu-link {
  display: block;
  margin-bottom: 10px;
  color: var(--color-dark);
}
.desktop-menu .menu-link:hover {
  color: var(--color-brand-1);
}
.desktop-menu .menu-text {
  font-size: 16px;
}
.desktop-menu .left-column {
  display: flex;
  flex-flow: column nowrap;
  place-items: stretch stretch;
  place-content: normal flex-start;
  gap: 0;
  grid-area: left;
  padding: 40px 40px 60px 40px;
}
.desktop-menu .left-column .menu-list.menu-level-1 {
  margin-bottom: 30px;
}
.desktop-menu .left-column .menu-list.menu-level-1,
.desktop-menu .left-column .menu-list.menu-level-2 {
  margin-left: 0;
}
.desktop-menu .left-column .menu-item.menu-level-1 {
  margin-bottom: 0;
}
.desktop-menu .left-column .menu-item.menu-level-1:not(:last-child) {
  margin-bottom: 30px;
}
.desktop-menu .left-column .menu-item.menu-level-1 > .menu-link {
  display: block;
}
.desktop-menu .left-column .menu-item.menu-level-1 > .menu-link:not(:last-child) {
  margin-bottom: 10px;
}
.desktop-menu .left-column .menu-item.menu-level-1 > .menu-link > .menu-text {
  font-size: 20px;
  font-weight: 600;
}
.desktop-menu .right-column {
  display: flex;
  flex-flow: column nowrap;
  place-items: stretch stretch;
  place-content: normal flex-start;
  gap: 0;
  grid-area: right;
  background: var(--color-gray-background);
  border-radius: 5px;
  padding: 130px 40px 60px 40px;
}
.desktop-menu .right-column .menu-list.menu-level-1 {
  margin-left: 0;
}
.desktop-menu .menu-item.menu-separator {
  height: 1px;
  background: linear-gradient(90deg, #008466 0%, #fbb12f 100%);
  margin: 40px 0 40px 0;
}
.desktop-menu .menu-item.menu-separator * {
  display: none;
}
.desktop-menu .menu-logo {
  margin-bottom: 50px;
}
.desktop-menu .logo {
  display: block;
}
.desktop-menu .button {
  margin-top: auto;
}
.desktop-menu .close-button {
  position: absolute;
  right: 10px;
  top: 10px;
  padding: 0;
  border: none;
  background: none;
  cursor: pointer;
  color: var(--color-dark);
  transition: color 0.3s;
}
.desktop-menu .close-button:hover {
  color: var(--color-brand-1);
}
.desktop-menu .close-button .icon-svg-element {
  display: block;
}
.desktop-menu {
  /*
  .logo {
      display: block;
      margin-bottom: 50px;
  }

  .close-button {
      position: absolute;
      right: 20px;
      top: 20px;
      background: none;
      border: none;
      padding: 0;
      cursor: pointer;
      transition: color 0.3s;

      &:hover {
          color: var(--color-brand-3);
      }
  }

  .menu {
      @include row($align-items: stretch, $justify-content: flex-start);

      padding: 0 40px 90px 40px;
      margin: 0 -40px 30px -40px;
      border-bottom: 1px solid var(--color-gray-border);
  }

  .column {
      flex-grow: 1;

      &:not(:last-child) {
          border-right: 1px solid var(--color-gray-border);
          margin-right: 60px;
          padding-right: 60px;
      }
  }

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

  .title-link {
      color: inherit;

      &:hover {
          color: var(--color-brand-3);
      }
  }

  .title+.title {
      padding-top: 10px;
  }

  .menu-list {
      margin-bottom: 30px;
  }

  .menu-item {
      font-size: 16px;
      font-weight: 400;

      &:not(:last-child) {
          margin-bottom: 15px;
      }
  }

  .menu-link {
      color: inherit;

      &:hover {
          color: var(--color-brand-3);
      }
  }
  */
}

.mobile-header-sentinel {
  display: none;
}
@media screen and (max-width: 960px) {
  .mobile-header-sentinel {
    display: block;
    height: var(--page-margin);
    flex-shrink: 0;
  }
}

.mobile-header {
  display: flex;
  flex-flow: row nowrap;
  place-items: center stretch;
  place-content: normal space-between;
  gap: 0;
  display: none;
  position: sticky;
  top: 0;
  z-index: 100;
  margin: 0 var(--page-margin) 5px var(--page-margin);
  background: var(--color-brand-1);
  border-radius: 5px;
  height: 60px;
  padding: 0 8px 0 8px;
  transition: transform 0.3s ease, margin 0.3s ease, padding 0.3s ease, border-radius 0.3s ease;
}
.mobile-header.is-hidden {
  transform: translateY(calc(-100% - var(--page-margin)));
}
.mobile-header.is-stuck {
  margin-left: 0;
  margin-right: 0;
  padding-left: calc(8px + var(--page-margin));
  padding-right: calc(8px + var(--page-margin));
  border-radius: 0;
}
@media screen and (max-width: 960px) {
  .mobile-header {
    display: flex;
  }
}
.mobile-header .logo {
  display: block;
}
.mobile-header .menu-button {
  --icon-button-background: #fff;
  --icon-button-width: 40px;
  --icon-button-height: 40px;
  --icon-button-hover-background: #fff;
  --icon-button-color: var(--color-brand-1);
  border-radius: 50%;
}
.mobile-header .menu-button .icon {
  width: 24px;
  height: 24px;
}

.mobile-menu {
  display: none;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 100;
  background: var(--color-brand-4-50);
  backdrop-filter: blur(10px);
  overflow: auto;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0.5s, opacity 0.5s;
}
.mobile-menu.open {
  visibility: visible;
  opacity: 1;
}
@media screen and (max-width: 960px) {
  .mobile-menu {
    display: block;
  }
}
.mobile-menu .mobile-menu-content {
  display: flex;
  flex-flow: column nowrap;
  place-items: stretch stretch;
  place-content: normal flex-start;
  gap: 0;
  padding: 10px;
  min-height: 100%;
}
.mobile-menu .mobile-menu-header {
  display: flex;
  flex-flow: row nowrap;
  place-items: center stretch;
  place-content: normal flex-start;
  gap: 0;
  background: #fff;
  border-radius: 5px;
  padding: 0 0 0 10px;
  height: 60px;
  margin-bottom: 10px;
}
.mobile-menu .mobile-search {
  display: flex;
  flex-flow: row nowrap;
  place-items: stretch stretch;
  place-content: normal flex-start;
  gap: 0;
  background: #fff;
  border-radius: 5px;
  overflow: hidden;
  max-height: 0;
  padding: 0 5px;
  margin-bottom: 0;
  opacity: 0;
  transition: max-height 0.3s, padding 0.3s, margin-bottom 0.3s, opacity 0.3s;
}
.mobile-menu .mobile-search.open {
  max-height: 60px;
  padding-top: 5px;
  padding-bottom: 5px;
  margin-bottom: 10px;
  opacity: 1;
}
.mobile-menu .mobile-search .field {
  flex-grow: 1;
  min-width: 0;
  border: 1px solid var(--color-gray-border);
  border-right: none;
  border-radius: 5px 0 0 5px;
  background: #fff;
  padding-left: 15px;
  padding-right: 55px;
  margin-right: -55px;
  font-size: 16px;
  font-weight: 400;
}
.mobile-menu .mobile-search ::placeholder {
  color: var(--color-text);
  opacity: 1;
}
.mobile-menu .mobile-search .clear-button {
  --icon-button-width: 50px;
  --icon-button-height: 50px;
  --icon-button-color: var(--color-gray-text);
}
.mobile-menu .mobile-search .clear-button .icon-svg-element {
  width: 24px;
  height: 24px;
}
.mobile-menu .mobile-search .submit-button {
  --button-height: 50px;
  --button-padding: 0;
  width: var(--button-height);
}
.mobile-menu .mobile-search .submit-button .icon-svg-element {
  width: 24px;
  height: 24px;
}
.mobile-menu .lang-switch {
  display: flex;
  flex-flow: row nowrap;
  place-items: center stretch;
  place-content: normal flex-start;
  gap: 10px;
  margin-right: auto;
}
.mobile-menu .lang-switch .item .link {
  display: flex;
  flex-flow: row nowrap;
  place-items: center stretch;
  place-content: normal center;
  gap: 0;
  background: var(--color-gray-background);
  width: 40px;
  height: 40px;
  color: var(--color-brand-1);
  font-size: 12px;
  border-radius: 50%;
}
.mobile-menu .lang-switch .item.current .link {
  background: var(--color-brand-1);
  color: var(--color-white);
}
.mobile-menu .icon-button {
  --icon-button-color: var(--color-dark);
}
.mobile-menu .menu .section {
  border-bottom: 1px solid var(--color-gray-border);
}
.mobile-menu .menu .section .menu-list {
  border-top: 1px solid var(--color-gray-border);
  padding-top: 10px;
  padding-bottom: 10px;
}
.mobile-menu .menu .section.collapse-open .collapse-button .icon {
  transform: rotate(180deg);
}
.mobile-menu .menu .setction-title {
  display: flex;
  flex-flow: row nowrap;
  place-items: center stretch;
  place-content: normal flex-start;
  gap: 0;
  min-height: 40px;
}
.mobile-menu .menu .setction-title .text {
  flex-grow: 1;
  color: var(--unnamed, #27292c);
  font-size: 16px;
  font-weight: 700;
}
.mobile-menu .menu .setction-title .text a {
  color: inherit;
}
.mobile-menu .menu .setction-title .collapse-button {
  width: 40px;
  height: 40px;
  border: none;
  padding: none;
  background: none;
}
.mobile-menu .menu .setction-title .collapse-button .icon {
  transition: transform 0.3s;
}
.mobile-menu .menu .menu-list {
  padding-top: 20px;
  padding-bottom: 20px;
}
.mobile-menu .menu .menu-link {
  display: inline-block;
  color: inherit;
  padding-top: 3px;
  padding-bottom: 4px;
}
.mobile-menu .links {
  display: flex;
  flex-flow: row nowrap;
  place-items: center stretch;
  place-content: normal flex-start;
  gap: 5px;
  margin-bottom: auto;
}
.mobile-menu .links .button {
  padding-left: 20px;
  padding-right: 20px;
  --button-background-color: var(--color-brand-1-30);
  --button-text-color: var(--color-dark);
  font-weight: 600;
  white-space: nowrap;
}
.mobile-menu .button-consult {
  --button-height: 60px;
  width: 100%;
  max-width: 500px;
  margin-top: 10px;
}

.desktop-search-position {
  position: relative;
}

.desktop-search {
  display: flex;
  flex-flow: row nowrap;
  place-items: stretch stretch;
  place-content: normal flex-start;
  gap: 0;
  position: absolute;
  z-index: 10;
  left: var(--page-margin);
  right: var(--page-margin);
  border-radius: 5px;
  padding: 5px;
  background: var(--color-gray-background);
  height: 60px;
  padding-right: 5px;
  opacity: 0;
  transform: translateY(-20px);
  visibility: hidden;
  transition: opacity 0.3s, transform 0.3s, visibility 0.3s;
}
.desktop-search.open {
  opacity: 1;
  transform: translateY(0);
  visibility: visible;
}
.desktop-search .field {
  flex-grow: 1;
  background: none;
  border: none;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 16px;
  font-weight: 400;
  border: 1px solid var(--color-gray-border);
  border-radius: 5px;
  background: #fff;
  margin-right: -55px;
}
.desktop-search ::placeholder {
  color: var(--color-text);
  opacity: 1;
}
.desktop-search :-ms-input-placeholder {
  color: var(--color-text);
}
.desktop-search ::-ms-input-placeholder {
  color: var(--color-text);
}
.desktop-search .clear-button {
  --icon-button-width: 50px;
  --icon-button-height: 50px;
  --icon-button-color: var(--color-gray-text);
}
.desktop-search .clear-button .icon-svg-element {
  width: 30px;
  height: 30px;
}
.desktop-search .submit-button {
  --button-height: 50px;
  --button-padding: 0;
  width: var(--button-height);
}
.desktop-search .submit-button .icon-svg-element {
  width: 30px;
  height: 30px;
}

.page-title-block {
  border-radius: 5px;
  margin-left: var(--page-margin);
  margin-right: var(--page-margin);
  /*
  @media screen and (max-width: 960px) {
      padding: 20px;
  }
  */
}
.page-title-block.with-image {
  position: relative;
  color: #fff;
  margin-bottom: 90px;
}
.page-title-block.with-image .page-title-text {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 60px;
}
@media screen and (max-width: 640px) {
  .page-title-block.with-image .page-title-text {
    position: static;
    padding-left: 0;
    padding-right: 0;
  }
}
.page-title-block.with-image .page-description {
  font-weight: 500;
}
.page-title-block.with-image .page-crumbs {
  color: var(--color-gray-border);
}
@media screen and (max-width: 640px) {
  .page-title-block.with-image {
    color: inherit;
    margin-bottom: 30px;
  }
  .page-title-block.with-image .page-description {
    font-weight: inherit;
  }
  .page-title-block.with-image .page-crumbs {
    color: var(--color-gray-text);
  }
}
.page-title-block.without-image {
  margin-bottom: 30px;
}
.page-title-block .page-title-text {
  padding: 40px 0 40px 0;
}
@media screen and (max-width: 640px) {
  .page-title-block .page-title-text {
    padding-top: 10px;
    padding-bottom: 0;
  }
}
.page-title-block .page-title-text-inner {
  display: flex;
  flex-flow: column nowrap;
  place-items: flex-start stretch;
  place-content: normal flex-end;
  gap: 0;
  width: var(--layout-actual-width);
  margin: 0 auto 0 auto;
  min-height: 100%;
}
.page-title-block .page-title-picture {
  display: block;
}
.page-title-block .page-title-image {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 5px;
  object-fit: cover;
}
.page-title-block .page-title {
  font-size: 48px;
  line-height: 1.1;
  font-weight: 700;
  margin: 0 0 10px 0;
}
@media screen and (max-width: 960px) {
  .page-title-block .page-title {
    font-size: 22px;
  }
}
body.article-page .page-title-block .page-title {
  font-size: 36px;
}
.page-title-block .page-description {
  font-size: 20px;
}
.page-title-block .page-crumbs {
  display: flex;
  flex-flow: row nowrap;
  place-items: center stretch;
  place-content: normal flex-start;
  gap: 0;
  overflow: auto;
  padding-bottom: 5px;
  color: var(--color-gray-text);
  font-size: 14px;
}
.page-title-block .page-crumbs * {
  white-space: nowrap;
}
.page-title-block .page-crumbs a {
  color: inherit;
}
.page-title-block .page-crumbs a:hover {
  color: var(--color-brand-2);
}
.page-title-block .page-crumbs .separator {
  flex-shrink: 0;
  margin: 0 5px 0 5px;
}

.funds-columns-text {
  display: flex;
  flex-flow: row nowrap;
  place-items: flex-end stretch;
  place-content: normal flex-start;
  gap: 90px;
  margin: 90px var(--layout-margin) 85px var(--layout-margin);
}
@media screen and (max-width: 960px) {
  .funds-columns-text {
    display: block;
    margin-top: 30px;
    margin-bottom: 30px;
  }
}
.funds-columns-text .left-column {
  font-size: 28px;
  font-weight: 300;
  flex-grow: 0;
  flex-shrink: 0;
  width: 350px;
}
.funds-columns-text .left-column strong {
  font-weight: 700;
}
@media screen and (max-width: 960px) {
  .funds-columns-text .left-column {
    font-size: 22px;
    margin-bottom: 10px;
  }
}
.funds-columns-text .right-column ul {
  padding: 0;
  list-style: none;
  margin: 0;
}
.funds-columns-text .right-column ul li {
  padding-left: 30px;
  background: url(assets/bullet.475c6ad7ad83a64ef24f.svg) left 5px no-repeat;
  margin-bottom: 10px;
}

.footer-form-block {
  margin-left: var(--page-margin);
  margin-right: var(--page-margin);
  padding: 60px var(--page-margin) 60px var(--page-margin);
  background: var(--color-brand-1) url(assets/form-bg.e412b1f4fe97bdfd5f93.svg) left 75% center no-repeat;
  margin-bottom: 5px;
  border-radius: 5px;
  position: relative;
}
@media screen and (max-width: 960px) {
  .footer-form-block {
    padding: 20px;
  }
}
.footer-form-block:before, .footer-form-block:after {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
}
.footer-form-block:before {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  border-radius: 5px;
  background: var(--color-brand-1-50);
  visibility: hidden;
  opacity: 0;
  transition: visibility 0.3s, opacity 0.3s;
  backdrop-filter: blur(10px);
}
.footer-form-block:after {
  left: 50%;
  top: 50%;
  width: 70px;
  height: 70px;
  border: 5px solid var(--color-brand-2);
  border-left: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-radius: 50%;
  margin: -35px;
  animation: rotate 1s linear infinite;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0.3s, opacity 0.3s;
}
.footer-form-block.loading:before, .footer-form-block.loading:after {
  visibility: visible;
  opacity: 1;
}
.footer-form-block .footer-form-block-content {
  display: grid;
  grid-template-columns: 630px 1fr 410px 1fr;
  grid-template-areas: "text . fields .";
  max-width: var(--layout-actual-width);
  margin-left: auto;
  margin-right: auto;
  align-items: center;
}
@media screen and (max-width: 960px) {
  .footer-form-block .footer-form-block-content {
    grid-template-columns: 1fr;
    grid-auto-rows: auto;
    grid-template-areas: "text" "fields";
  }
}
.footer-form-block .form-title {
  position: relative;
  color: var(--color-white);
  font-size: 36px;
  font-weight: 700;
  padding-bottom: 20px;
  margin-bottom: 20px;
}
@media screen and (max-width: 960px) {
  .footer-form-block .form-title {
    font-size: 22px;
  }
}
.footer-form-block .form-title:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 1px;
  background: linear-gradient(90deg, rgb(0, 132, 102) 0%, rgb(251, 177, 47) 100%);
}
.footer-form-block .form-description {
  color: var(--color-white);
  font-size: 16px;
}
@media screen and (max-width: 960px) {
  .footer-form-block .form-description {
    margin-bottom: 20px;
  }
}
.footer-form-block .text {
  grid-area: text;
}
.footer-form-block .fields {
  grid-area: fields;
}
.footer-form-block .fields-row:not(:last-child) {
  margin-bottom: 10px;
}
.footer-form-block .button {
  width: 100%;
}

.funds-block {
  display: flex;
  flex-flow: row nowrap;
  place-items: flex-start stretch;
  place-content: normal flex-start;
  gap: 90px;
  margin: 0 var(--layout-margin) 100px var(--layout-margin);
}
@media screen and (max-width: 960px) {
  .funds-block {
    display: block;
    margin-bottom: 30px;
  }
}
.funds-block .funds-switch {
  display: flex;
  flex-flow: column nowrap;
  place-items: stretch stretch;
  place-content: normal flex-start;
  gap: 0;
  flex-grow: 0;
  flex-shrink: 0;
  border-left: 1px solid var(--color-brand-1);
  width: 350px;
}
@media screen and (max-width: 960px) {
  .funds-block .funds-switch {
    max-width: 500px;
    width: auto;
    margin-bottom: 20px;
  }
}
.funds-block .funds-switch-button {
  text-align: left;
  border: none;
  background: none;
  height: 60px;
  padding: 0 20px 0 20px;
  cursor: pointer;
  color: var(--color-brand-1);
  border-left: 1px solid transparent;
  transition: background-color 0.3s, border-color 0.3s, font-weight 0.3s;
}
.funds-block .funds-switch-button.current {
  border-left: 1px solid var(--color-brand-1);
  background: var(--color-brand-4);
  font-weight: 600;
}
.funds-block .funds-switch-button:hover {
  border-left: 1px solid var(--color-brand-1);
  background: var(--color-brand-4);
}
.funds-block .funds-contents {
  flex-grow: 1;
}
.funds-block .funds-content {
  display: none;
}
.funds-block .funds-content.current {
  display: block;
}
.funds-block .funds-content-switch {
  display: flex;
  flex-flow: row nowrap;
  place-items: stretch stretch;
  place-content: normal flex-start;
  gap: 5px;
  padding-bottom: 10px;
  margin-bottom: 10px;
  overflow: auto;
  margin-left: -10px;
  margin-right: -10px;
}
.funds-block .funds-content-switch-button:first-child {
  margin-left: 10px;
}
.funds-block .funds-content-switch-button:last-child {
  margin-right: 10px;
}
.funds-block .funds-content-switch-button {
  background: none;
  border: 1px solid var(--color-gray-border);
  border-radius: 5px;
  cursor: pointer;
  color: var(--color-brand-1);
  height: 40px;
  padding: 0 20px 0 20px;
  white-space: nowrap;
  transition: border-width 0.3s, border-color 0.3s, font-weight 0.3s;
}
.funds-block .funds-content-switch-button.current {
  border: 2px solid var(--color-brand-1);
  font-weight: 600;
}
.funds-block .funds-content-switch-button:hover {
  border: 1px solid var(--color-brand-1);
}
.funds-block .funds-content-content {
  display: none;
}
.funds-block .funds-content-content.current {
  display: block;
}
.funds-block .content-lead {
  font-size: 20px;
  font-weight: 600;
  margin: 0 0 34px 0;
}
@media screen and (max-width: 960px) {
  .funds-block .content-lead {
    font-size: 16px;
    margin-bottom: 10px;
  }
}
.funds-block .value-block {
  display: grid;
  grid-template-columns: 1fr auto;
  grid-template-rows: 1fr 1fr;
  grid-template-areas: "date label" "date value";
  background: var(--color-brand-1);
  border-radius: 10px;
  color: #fff;
  align-items: center;
  padding: 20px 20px 20px 30px;
}
.funds-block .value-block .date {
  grid-area: date;
}
.funds-block .value-block .label {
  grid-area: label;
  text-align: right;
  line-height: 1.2;
}
.funds-block .value-block .value {
  grid-area: value;
  font-size: 20px;
  font-weight: 600;
  text-align: right;
  line-height: 1.25;
}
.funds-block .name-value-block {
  display: grid;
  grid-template-columns: 1fr auto;
  grid-auto-rows: 90px;
}
.funds-block .name-value-block .name {
  display: flex;
  flex-flow: column nowrap;
  place-items: flex-start stretch;
  place-content: normal center;
  gap: 0;
  border-bottom: 1px solid var(--color-gray-border);
  height: 90px;
  padding-right: 5px;
}
.funds-block .name-value-block .value {
  display: flex;
  flex-flow: column nowrap;
  place-items: flex-end stretch;
  place-content: normal center;
  gap: 0;
  border-bottom: 1px solid var(--color-gray-border);
  height: 90px;
  color: var(--color-brand-1);
  text-align: right;
  font-size: 28px;
  font-weight: 600;
  padding-left: 5px;
}
@media screen and (max-width: 960px) {
  .funds-block .name-value-block .value {
    font-size: 18px;
  }
}
.funds-block .chart-filters-panel {
  display: flex;
  flex-flow: row nowrap;
  place-items: stretch stretch;
  place-content: normal flex-start;
  gap: 10px;
}
@media screen and (max-width: 960px) {
  .funds-block .chart-filters-panel {
    flex-direction: column;
  }
}
.funds-block .chart-filters-panel {
  padding: 10px;
  margin-bottom: 40px;
  border-radius: 5px;
  background: var(--color-gray-background);
}
.funds-block .chart-filters-panel .filter-selectbox {
  appearance: none;
  padding: 0 50px 0 20px;
  border: none;
  background: var(--color-white) url(assets/big-dropdown-arrow.acb19222cae7b9386079.svg) right 10px center no-repeat;
  border-radius: 5px;
  height: 60px;
}
@media screen and (max-width: 960px) {
  .funds-block .chart-filters-panel .filter-selectbox {
    height: 40px;
    background: var(--color-white) url(assets/dropdowm-arrow.92326ddc63870cbea4f7.svg) right 10px center no-repeat;
  }
}
.funds-block .chart-filters-panel .button {
  margin-left: auto;
  padding: 0 10px 0 20px;
}
.funds-block .chart-filters-panel .button .icon {
  margin-left: 30px;
}
.funds-block .chart-placeholder {
  width: 100%;
}

.block-brokerage-logos {
  position: relative;
}
.block-brokerage-logos .scroller {
  overflow: hidden;
}
.block-brokerage-logos .scroller,
.block-brokerage-logos .scroller-block,
.block-brokerage-logos .scroller-chunk {
  display: flex;
  flex-flow: row nowrap;
  place-items: center stretch;
  place-content: normal flex-start;
  gap: 0;
  height: 90px;
}
.block-brokerage-logos .logo-wrapper {
  padding-right: 90px;
}
@media screen and (max-width: 960px) {
  .block-brokerage-logos .logo-wrapper {
    padding-right: 50px;
  }
}
.block-brokerage-logos .logo-wrapper img {
  max-height: 70px;
}
@media screen and (max-width: 960px) {
  .block-brokerage-logos {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}

.text-tiles-block {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 30px;
  margin: 0 var(--layout-margin) 90px var(--layout-margin);
}
@media screen and (max-width: 960px) {
  .text-tiles-block {
    grid-template-columns: 1fr;
    grid-auto-rows: 1fr;
    gap: 10px;
    margin-bottom: 30px;
  }
}
.text-tiles-block .tile {
  display: flex;
  flex-flow: row nowrap;
  place-items: center stretch;
  place-content: normal center;
  gap: 0;
  background: var(--color-beige-background);
  border-bottom: 1px solid var(--color-brand-1);
  border-radius: 5px;
  padding: 10px;
  min-height: 150px;
}
@media screen and (max-width: 960px) {
  .text-tiles-block .tile {
    min-height: 100px;
  }
}
.text-tiles-block .tile-inner {
  max-width: 310px;
  text-align: center;
}

.platforms-block {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 35px;
  width: var(--layout-actual-width);
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 960px) {
  .platforms-block {
    grid-template-columns: 1fr;
    grid-auto-rows: auto;
    margin-bottom: 40px;
  }
}
.platforms-block .column {
  display: flex;
  flex-flow: column nowrap;
  place-items: flex-start stretch;
  place-content: normal flex-start;
  gap: 0;
}
.platforms-block .column-title {
  font-size: 28px;
  font-weight: 600;
  margin-bottom: 10px;
}
@media screen and (max-width: 960px) {
  .platforms-block .column-title {
    font-size: 22px;
  }
}
.platforms-block .column-text {
  max-width: 520px;
  margin-bottom: 45px;
}
@media screen and (max-width: 960px) {
  .platforms-block .column-text {
    max-width: none;
  }
}
.platforms-block .button.logo {
  padding-left: 20px;
  padding-right: 20px;
}
.platforms-block .column-buttons {
  display: flex;
  flex-flow: row nowrap;
  place-items: center stretch;
  place-content: normal flex-start;
  gap: 0;
  gap: 10px;
  margin-top: auto;
}
@media screen and (max-width: 400px) {
  .platforms-block .column-buttons {
    flex-direction: column;
    align-items: flex-start;
  }
}

.video-block {
  width: var(--layout-actual-width);
  max-width: 740px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 960px) {
  .video-block {
    margin-bottom: 40px;
  }
}
.video-block .video-wrapper {
  position: relative;
  padding-bottom: 56.25%;
}
.video-block .video-wrapper2 {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.video-block .video {
  width: 100%;
  height: 100%;
}
.video-block .cover-wrap {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  cursor: pointer;
  opacity: 1;
  visibility: visible;
  transition: opacity 0.3s, visibility 0.3s;
}
.video-block .cover-wrap.hidden {
  opacity: 0;
  visibility: hidden;
}
.video-block .cover-wrap:hover .play-icon {
  transform: scale(1.5);
}
.video-block .cover {
  display: block;
  width: 100%;
  height: 100%;
}
.video-block .play-icon {
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -30px;
  transition: transform 0.5s;
}

.block-brokerage-tiles {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  column-gap: 20px;
  grid-auto-rows: 150px;
  margin: 0 var(--page-margin) 90px var(--page-margin);
  padding: 60px 40px 60px 40px;
  background: var(--color-brand-3);
  border-radius: 5px;
  color: #fff;
}
@media screen and (max-width: 1300px) {
  .block-brokerage-tiles {
    grid-template-columns: 1fr 1fr;
    grid-auto-rows: 1fr;
    row-gap: 20px;
  }
}
@media screen and (max-width: 960px) {
  .block-brokerage-tiles {
    grid-template-columns: 1fr;
    grid-auto-rows: 1fr;
    row-gap: 20px;
    padding: 20px;
    margin-bottom: 30px;
  }
}
.block-brokerage-tiles .tile {
  display: grid;
  grid-template-columns: 80px 1fr;
  gap: 25px;
  align-items: center;
}
.block-brokerage-tiles .icon-wrapper {
  display: flex;
  flex-flow: row nowrap;
  place-items: center stretch;
  place-content: normal center;
  gap: 0;
  width: 80px;
  height: 80px;
  background: url(assets/brokerage-tiles-start.2c1a209d8d7de6db7b54.svg) center center no-repeat;
}

.block-offers-tiles {
  position: relative;
  padding-top: 90px;
  padding-bottom: 90px;
}
@media screen and (max-width: 640px) {
  .block-offers-tiles {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
.block-offers-tiles:before, .block-offers-tiles:after {
  content: "";
  display: block;
  position: absolute;
  left: var(--page-margin);
  right: var(--page-margin);
  height: 1px;
  background: linear-gradient(90deg, rgb(0, 132, 102) 0%, rgb(251, 177, 47) 100%);
}
.block-offers-tiles:before {
  top: 0;
}
.block-offers-tiles:after {
  bottom: 0;
}
@media screen and (max-width: 960px) {
  .block-offers-tiles {
    margin-bottom: 30px;
  }
}
.block-offers-tiles .block-title {
  display: flex;
  flex-flow: row nowrap;
  place-items: center stretch;
  place-content: normal flex-start;
  gap: 10px;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 20px;
  margin-left: var(--layout-margin);
}
@media screen and (max-width: 960px) {
  .block-offers-tiles .block-title {
    font-size: 14px;
    margin-bottom: 7px;
  }
}
.block-offers-tiles .block-description {
  max-width: 740px;
  font-size: 28px;
  font-weight: 300;
  margin-bottom: 55px;
  margin-left: var(--layout-margin);
}
.block-offers-tiles .block-description strong {
  font-weight: 800;
}
@media screen and (max-width: 960px) {
  .block-offers-tiles .block-description {
    font-size: 22px;
    margin-bottom: 20px;
  }
}
.block-offers-tiles .swiper-slide {
  padding-right: 20px;
}
@media screen and (max-width: 960px) {
  .block-offers-tiles .swiper-slide {
    width: 250px;
  }
}
.block-offers-tiles .swiper-slide.prepend {
  width: var(--layout-margin);
  padding-right: 0;
}
.block-offers-tiles .swiper-slide.append {
  width: 0;
  padding-right: 0;
}

.offers-tiles .swiper-slide {
  width: 430px;
}
@media screen and (max-width: 640px) {
  .offers-tiles .swiper-slide {
    width: 300px;
  }
}
@media screen and (max-width: 960px) {
  .offers-tiles .swiper-slide .tile-logo-wrapper {
    padding: 10px;
    height: 150px;
    width: 230px;
  }
  .offers-tiles .swiper-slide .tile-logo-wrapper .logo {
    scale: 0.75;
  }
}
.offers-tiles .tile-logo-wrapper {
  display: flex;
  flex-flow: row nowrap;
  place-items: flex-end stretch;
  place-content: normal flex-start;
  gap: 0;
  border: 1px solid var(--color-gray-border);
  border-radius: 5px;
  width: 100%;
  aspect-ratio: 410/240;
  padding: 40px;
  margin-bottom: 20px;
}
.offers-tiles .tile-logo-wrapper .logo {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
}
.offers-tiles .tile-logo-wrapper {
  /*
  @media screen and (max-width: 960px) {
      padding: 10px;
      height: 150px;
      width: 230px;

      .logo {
          scale: 0.75;
      }
  }
  */
}
.offers-tiles .tile-title {
  display: block;
  width: fit-content;
  margin-bottom: 5px;
  font-size: 20px;
  font-weight: 600;
  color: var(--color-text);
}
.offers-tiles .tile-title:hover {
  color: var(--color-brand-1);
}
@media screen and (max-width: 960px) {
  .offers-tiles .tile-title {
    font-size: 18px;
  }
}
.offers-tiles .tile-type {
  color: var(--color-gray-text);
  font-size: 14px;
  margin-bottom: 20px;
}

.offers-list-page {
  width: var(--layout-actual-width);
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 90px;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  column-gap: 30px;
  row-gap: 60px;
}
@media screen and (max-width: 800px) {
  .offers-list-page {
    grid-template-columns: 1fr 1fr;
    row-gap: 40px;
  }
}
@media screen and (max-width: 550px) {
  .offers-list-page {
    grid-template-columns: 1fr;
  }
}

.offer-page {
  width: var(--layout-actual-width);
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 90px;
  display: grid;
  grid-template-columns: 1fr 520px;
  gap: 30px;
}
@media screen and (max-width: 960px) {
  .offer-page {
    grid-template-columns: 1fr 450px;
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 760px) {
  .offer-page {
    grid-template-columns: 1fr;
  }
}
.offer-page .logo-wrapper {
  display: flex;
  flex-flow: row nowrap;
  place-items: flex-end stretch;
  place-content: normal flex-start;
  gap: 0;
  border: 1px solid var(--color-gray-border);
  border-radius: 5px;
  max-width: 410px;
  aspect-ratio: 410/240;
  padding: 40px;
  margin-bottom: 30px;
  /*
  @media screen and (max-width: 960px) {
      padding: 10px;
      height: 150px;
      width: 230px;

      .logo {
          scale: 0.75;
      }
  }
  */
}
.offer-page .offer-form {
  background: var(--color-gray-background);
  border-radius: 5px;
  padding: 60px 55px 70px 55px;
  height: fit-content;
  position: relative;
}
@media screen and (max-width: 760px) {
  .offer-page .offer-form {
    padding: 30px;
  }
}
.offer-page .offer-form:before, .offer-page .offer-form:after {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
}
.offer-page .offer-form:before {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  border-radius: 5px;
  background: rgba(239, 243, 246, 0.5);
  visibility: hidden;
  opacity: 0;
  transition: visibility 0.3s, opacity 0.3s;
  backdrop-filter: blur(10px);
}
.offer-page .offer-form:after {
  left: 50%;
  top: 50%;
  width: 70px;
  height: 70px;
  border: 5px solid var(--color-brand-2);
  border-left: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-radius: 50%;
  margin: -35px;
  animation: rotate 1s linear infinite;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0.3s, opacity 0.3s;
}
.offer-page .offer-form.loading:before, .offer-page .offer-form.loading:after {
  visibility: visible;
  opacity: 1;
}
.offer-page .offer-form .text {
  margin-bottom: 30px;
}
.offer-page .form-title {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 10px;
}
.offer-page .form-description {
  color: var(--color-gray-text);
  font-size: 14px;
}
.offer-page .fields-row:not(:last-child) {
  margin-bottom: 10px;
}
.offer-page .upload-files .files-upload-button {
  color: var(--color-brand-1);
}
.offer-page .upload-files .files-upload-button:hover {
  color: var(--color-brand-3);
}
.offer-page .upload-files .files-upload-button .files-input {
  cursor: pointer;
}
.offer-page .upload-files .files-list-entry {
  margin-bottom: 10px;
}
.offer-page .upload-files .files-list-entry-text {
  display: inline;
  font-size: 14px;
}
.offer-page .upload-files .files-list-entry-text {
  display: inline;
  font-size: 16px;
}
.offer-page .upload-files .files-list-entry-remove {
  display: inline-flex;
  border: none;
  padding: 0;
  background: none;
  color: var(--color-error);
  margin-left: 10px;
  cursor: pointer;
  vertical-align: top;
}
.offer-page .button-row {
  padding-top: 20px;
}
.offer-page .button {
  display: block;
  width: 100%;
}

.documents-folder {
  margin-bottom: 30px;
}
.documents-folder .downloads {
  margin-bottom: 0;
}
.documents-folder .folder-open,
.documents-folder .folder-close {
  margin-top: 30px;
}
.documents-folder .folder-close {
  display: none;
}

.downloads {
  margin-bottom: 30px;
}
.downloads .row {
  display: grid;
  grid-template-columns: 1fr auto;
  grid-template-rows: auto auto;
  grid-template-areas: "title       download" "description download";
  gap: 5px;
  min-height: 90px;
  border-bottom: 1px solid var(--color-gray-border);
  padding-top: 25px;
  padding-bottom: 25px;
}
@media screen and (max-width: 960px) {
  .downloads .row {
    grid-template-rows: auto auto;
    min-height: 0;
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
.downloads .row .icon-svg-element {
  display: block;
}
.downloads .row-title {
  grid-area: title;
  align-self: end;
  color: var(--color-text);
  text-decoration: none;
  transition: color 0.2s;
  width: fit-content;
}
.downloads .row-title:hover {
  color: var(--color-brand-1);
}
.downloads .row-description {
  grid-area: description;
  align-self: start;
  font-size: 14px;
  color: var(--color-gray-text);
}
.downloads .row-download {
  grid-area: download;
  align-self: center;
}

.documents-block {
  width: var(--layout-actual-width);
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 960px) {
  .documents-block {
    margin-bottom: 30px;
  }
}
.documents-block .block-title {
  display: flex;
  flex-flow: row nowrap;
  place-items: center stretch;
  place-content: normal flex-start;
  gap: 10px;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 30px;
}
@media screen and (max-width: 960px) {
  .documents-block .block-title {
    font-size: 14px;
    margin-bottom: 7px;
  }
}
.documents-block .downloads {
  max-width: 850px;
}

.pinned-menu {
  position: fixed;
  z-index: 20;
  bottom: 10px;
  left: 50%;
  transform: translateX(-50%);
  background: var(--color-gray-text-20);
  padding: 10px;
  border-radius: 5px;
  backdrop-filter: blur(5px);
}
@media screen and (max-width: 640px) {
  .pinned-menu {
    bottom: 0;
    left: 0;
    right: 0;
    padding: 0;
    backdrop-filter: none;
    border-radius: 0;
    transform: none;
    transition: transform 0.3s ease;
  }
  .pinned-menu.is-hidden {
    transform: translateY(100%);
  }
}
.pinned-menu .content {
  display: flex;
  flex-flow: row nowrap;
  place-items: center stretch;
  place-content: normal center;
  gap: 3px;
  background: var(--color-gray-text);
  border-radius: 5px;
}
@media screen and (max-width: 640px) {
  .pinned-menu .content {
    border-radius: 0;
    border-radius: 0;
  }
}
.pinned-menu .scroll {
  display: flex;
  flex-flow: row nowrap;
  place-items: center stretch;
  place-content: normal flex-start;
  gap: 3px;
  overflow: auto;
  width: fit-content;
  max-width: 100%;
  padding: 10px;
}
.pinned-menu .link {
  display: flex;
  flex-flow: row nowrap;
  place-items: center stretch;
  place-content: normal center;
  gap: 0;
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.2);
  padding: 0 20px 0 20px;
  border-radius: 5px;
  height: 40px;
  white-space: nowrap;
}
@media screen and (max-width: 450px) {
  .pinned-menu .link {
    padding: 0 10px 0 10px;
  }
}

.taxation-articles-block {
  position: relative;
}
.taxation-articles-block:after {
  content: "";
  display: block;
  position: absolute;
  left: var(--page-margin);
  right: var(--page-margin);
  bottom: 0;
  height: 1px;
  background: linear-gradient(90deg, rgb(0, 132, 102) 0%, rgb(251, 177, 47) 100%);
}

.taxation-articles-block-inner {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 30px;
  width: var(--layout-actual-width);
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 100px;
}
@media screen and (max-width: 960px) {
  .taxation-articles-block-inner {
    grid-template-columns: 1fr;
    grid-template-rows: auto auto auto;
    gap: 20px;
    padding-bottom: 40px;
  }
}
.taxation-articles-block-inner .text-column {
  font-size: 28px;
}
@media screen and (max-width: 960px) {
  .taxation-articles-block-inner .text-column {
    font-size: 22px;
  }
}
.taxation-articles-block-inner .text-column strong {
  font-weight: 800;
}
.taxation-articles-block-inner .tile {
  display: block;
  color: var(--color-dark);
}
.taxation-articles-block-inner .tile:hover {
  color: var(--color-brand-1);
}
@media screen and (max-width: 960px) {
  .taxation-articles-block-inner .tile {
    margin-bottom: 20px;
  }
}
.taxation-articles-block-inner .tile-image {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 5px;
}
.taxation-articles-block-inner .tile-picture {
  display: block;
  margin-bottom: 20px;
}
.taxation-articles-block-inner .tile-title {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 10px;
}
.taxation-articles-block-inner .tile-description {
  color: var(--color-gray-text);
  font-size: 14px;
}

.taxation-partners-block {
  margin-left: var(--layout-margin);
  margin-right: var(--page-extended-margin);
  display: grid;
  grid-template-columns: calc((var(--layout-actual-width) - 60px) / 3) 1fr;
  gap: 30px;
}
@media screen and (max-width: 960px) {
  .taxation-partners-block {
    margin-bottom: 20px;
  }
}
.taxation-partners-block .block-title {
  font-size: 20px;
  font-weight: 800;
}
.taxation-partners-block .block-text {
  font-size: 20px;
  font-weight: 300;
}
.taxation-partners-block .tiles-column {
  display: flex;
  flex-flow: row nowrap;
  place-items: stretch stretch;
  place-content: normal flex-start;
  gap: 20px;
}
.taxation-partners-block .tile {
  display: flex;
  flex-flow: row nowrap;
  place-items: center stretch;
  place-content: normal center;
  gap: 20px;
  width: 220px;
  height: 120px;
  border: 1px solid var(--color-gray-border);
  border-radius: 5px;
  transition: border-color 0.3s;
}
.taxation-partners-block .tile:hover {
  border-color: var(--color-brand-1);
}

.block-assets-managment-tiles {
  padding-top: 90px;
  position: relative;
}
@media screen and (max-width: 960px) {
  .block-assets-managment-tiles {
    padding-top: 40px;
  }
}
.block-assets-managment-tiles:after {
  content: "";
  display: block;
  position: absolute;
  left: var(--page-margin);
  right: var(--page-margin);
  top: 0;
  height: 1px;
  background: linear-gradient(90deg, rgb(0, 132, 102) 0%, rgb(251, 177, 47) 100%);
}
.block-assets-managment-tiles .assets-managment-tiles-inner {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-rows: 1fr;
  gap: 30px;
  align-items: stretch;
  width: var(--layout-actual-width);
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1200px) {
  .block-assets-managment-tiles .assets-managment-tiles-inner {
    grid-template-columns: 1fr 1fr;
  }
}
@media screen and (max-width: 760px) {
  .block-assets-managment-tiles .assets-managment-tiles-inner {
    grid-template-columns: 1fr;
  }
}
.block-assets-managment-tiles .tile {
  display: flex;
  flex-flow: column nowrap;
  place-items: stretch stretch;
  place-content: normal flex-start;
  gap: 0;
}
.block-assets-managment-tiles .tile-description {
  display: flex;
  flex-flow: row nowrap;
  place-items: center stretch;
  place-content: normal flex-start;
  gap: 25px;
  flex-grow: 1;
  border-radius: 5px 5px 0 0;
  background: var(--color-gray-background);
  padding: 60px 30px 60px 30px;
  color: var(--color-gray-text);
  leading-trim: both;
  text-edge: cap;
  font-size: 16px;
  font-weight: 600;
}
.block-assets-managment-tiles .tile-description .icon-svg-element {
  flex-shrink: 0;
}
.block-assets-managment-tiles .tile-title {
  border-radius: 0 0 5px 5px;
  border: 1px solid var(--color-gray-border);
  border-top: none;
  padding: 16px 30px 16px 30px;
  color: var(--color-brand-1);
  font-size: 20px;
  font-weight: 600;
  text-align: center;
}

.investment-funds-tiles-block {
  position: relative;
}
.investment-funds-tiles-block:after {
  content: "";
  display: block;
  position: absolute;
  left: var(--page-margin);
  right: var(--page-margin);
  top: 0;
  height: 1px;
  background: linear-gradient(90deg, rgb(0, 132, 102) 0%, rgb(251, 177, 47) 100%);
}
.investment-funds-tiles-block .investment-funds-tiles-inner {
  width: var(--layout-actual-width);
  margin-left: auto;
  margin-right: auto;
  padding-top: 90px;
}
@media screen and (max-width: 960px) {
  .investment-funds-tiles-block .investment-funds-tiles-inner {
    padding-top: 40px;
  }
}
.investment-funds-tiles-block .block-head {
  display: grid;
  grid-template-columns: 1fr auto;
  margin-bottom: 70px;
  align-items: center;
  gap: 30px;
}
@media screen and (max-width: 960px) {
  .investment-funds-tiles-block .block-head {
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 700px) {
  .investment-funds-tiles-block .block-head {
    grid-template-columns: 1fr;
  }
}
.investment-funds-tiles-block .block-description {
  font-size: 28px;
}
@media screen and (max-width: 960px) {
  .investment-funds-tiles-block .block-description {
    font-size: 22px;
  }
}
@media screen and (max-width: 640px) {
  .investment-funds-tiles-block .block-description br {
    display: none;
  }
}
.investment-funds-tiles-block .block-description strong {
  font-weight: 800;
}
.investment-funds-tiles-block .block-view-switch {
  font-size: 16px;
  font-weight: 600;
}
@media screen and (max-width: 800px) {
  .investment-funds-tiles-block .block-view-switch {
    display: none;
  }
}
.investment-funds-tiles-block .tiles {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-rows: auto;
  column-gap: 30px;
  row-gap: 75px;
}
@media screen and (max-width: 1100px) {
  .investment-funds-tiles-block .tiles {
    grid-template-columns: 1fr 1fr;
  }
}
@media screen and (max-width: 640px) {
  .investment-funds-tiles-block .tiles {
    grid-template-columns: 1fr;
    row-gap: 30px;
  }
}
.investment-funds-tiles-block .tiles.list {
  grid-template-columns: 1fr;
  row-gap: 20px;
}
.investment-funds-tiles-block .tiles.list .tile {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: auto auto;
  grid-template-areas: "head head head" "row1 row2 terms";
  align-items: center;
  row-gap: 10px;
  column-gap: 20px;
  padding: 20px;
}
@media screen and (max-width: 960px) {
  .investment-funds-tiles-block .tiles.list .tile {
    grid-template-columns: 1fr 1fr;
    grid-template-areas: "head head" "row1 row2" "terms terms";
  }
}
@media screen and (max-width: 800px) {
  .investment-funds-tiles-block .tiles.list .tile {
    grid-template-columns: 1fr;
    grid-template-areas: "head" "row1" "row2" "terms";
  }
}
.investment-funds-tiles-block .tiles.list .tile-head {
  display: flex;
  grid-area: head;
  align-items: center;
  gap: 30px;
}
@media screen and (max-width: 800px) {
  .investment-funds-tiles-block .tiles.list .tile-head {
    display: block;
  }
}
.investment-funds-tiles-block .tiles.list .tile-title {
  margin-bottom: 0;
}
@media screen and (max-width: 960px) {
  .investment-funds-tiles-block .tiles.list .tile-title {
    /*white-space: nowrap;*/
    width: 300px;
    flex-shrink: 0;
    flex-grow: 0;
  }
}
@media screen and (max-width: 800px) {
  .investment-funds-tiles-block .tiles.list .tile-title {
    width: auto;
    margin-bottom: 5px;
  }
}
.investment-funds-tiles-block .tiles.list .tile-description {
  margin-bottom: 0;
}
.investment-funds-tiles-block .tiles.list .tile-terms {
  margin-top: 0;
}
.investment-funds-tiles-block .tile {
  background: var(--color-gray-background);
  border-top: 2px solid var(--color-brand-1);
  border-radius: 5px;
  padding: 40px 30px 40px 30px;
  color: var(--color-dart);
}
.investment-funds-tiles-block .tile-title {
  color: var(--color-brand-1);
  font-size: 26px;
  font-weight: 700;
  margin-bottom: 10px;
}
.investment-funds-tiles-block .tile-description {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 20px;
}
.investment-funds-tiles-block .tile-row {
  display: flex;
  flex-flow: row nowrap;
  place-items: center stretch;
  place-content: normal space-between;
  gap: 0;
  background: #fff;
  border-radius: 5px;
  margin-bottom: 5px;
  padding: 0 20px 0 20px;
  height: 80px;
}
.investment-funds-tiles-block .tile-row-title {
  font-size: 14px;
  font-weight: 600;
}
.investment-funds-tiles-block .tile-row-right {
  text-align: right;
}
.investment-funds-tiles-block .tile-row-value {
  color: var(--color-brand-1);
  font-size: 26px;
  font-weight: 800;
}
.investment-funds-tiles-block .tile-row-unit {
  color: var(--color-gray-text);
  font-size: 14px;
  white-space: nowrap;
}
.investment-funds-tiles-block .tile-terms {
  margin-top: 20px;
  color: var(--color-gray-text);
  font-size: 14px;
  font-weight: 400;
}

.filters-panel {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  background: var(--color-gray-background);
  padding: 10px;
  border-radius: 5px;
  margin-bottom: 40px;
  position: relative;
}
@media screen and (max-width: 760px) {
  .filters-panel * {
    margin-left: 0 !important;
  }
}
.filters-panel .filter-dropdown-switch {
  position: relative;
  z-index: 2;
  background: #fff;
  height: 60px;
  border-radius: 5px;
}
@media screen and (max-width: 960px) {
  .filters-panel .filter-dropdown-switch {
    height: 40px;
  }
}
.filters-panel .filter-dropdown-switch .current {
  padding: 0 55px 0 20px;
  background: url(assets/big-dropdown-arrow.acb19222cae7b9386079.svg) right 10px center no-repeat;
  border: none;
  cursor: pointer;
  font: inherit;
  color: inherit;
  height: 60px;
  transition: color 0.3s;
}
@media screen and (max-width: 960px) {
  .filters-panel .filter-dropdown-switch .current {
    height: 40px;
  }
}
.filters-panel .filter-dropdown-switch .current:hover {
  color: var(--color-brand-1);
}
.filters-panel .filter-dropdown-switch .popup {
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  min-width: 100%;
  z-index: 3;
  display: flex;
  flex-direction: column;
  padding: 13px 20px;
  border-radius: 5px;
  background: var(--page-background-color);
  box-shadow: 3px 3px 10px 0 rgba(50, 61, 60, 0.2);
  white-space: nowrap;
  opacity: 0;
  transform: translateY(-20px);
  visibility: hidden;
  transition: opacity 0.3s, transform 0.3s, visibility 0.3s;
}
.filters-panel .filter-dropdown-switch .popup.open {
  opacity: 1;
  transform: translateY(0);
  visibility: visible;
}
.filters-panel .filter-dropdown-switch .item {
  padding: 5px 0;
  background: none;
  border: none;
  cursor: pointer;
  font: inherit;
  color: inherit;
  text-align: left;
}
.filters-panel .filter-dropdown-switch .item:hover {
  color: var(--color-brand-1);
}
.filters-panel .publications-filter-reset {
  display: flex;
  flex-flow: row nowrap;
  place-items: center stretch;
  place-content: normal flex-start;
  gap: 0;
  margin-left: 10px;
}
.filters-panel .publications-filter-reset .icon-svg-element {
  margin-left: 5px;
}
.filters-panel .search-button {
  padding: 0;
  width: 60px;
  margin-left: auto;
}
@media screen and (max-width: 960px) {
  .filters-panel .search-button {
    width: 40px;
  }
  .filters-panel .search-button .icon-svg-element {
    width: 24px;
    height: 24px;
  }
}
.filters-panel .filters-search {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  background: var(--color-gray-background);
  padding: 10px;
  border-radius: 5px;
  position: absolute;
  z-index: 3;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0.3s, opacity 0.3s;
}
.filters-panel .filters-search.open {
  visibility: visible;
  opacity: 1;
}
.filters-panel .filters-search .field {
  flex-grow: 1;
  flex-shrink: 1;
  border: none;
  background: #fff;
  height: 60px;
  border-radius: 5px;
  padding: 0 45px 0 20px;
  margin-right: -55px;
}
@media screen and (max-width: 960px) {
  .filters-panel .filters-search .field {
    height: 40px;
  }
}
.filters-panel .filters-search .clear-button {
  --icon-button-color: var(--color-gray-text);
  position: relative;
  z-index: 1;
  margin-right: 10px;
}
.filters-panel .filters-search .submit {
  padding: 0;
  width: 60px;
  height: 60px;
}
@media screen and (max-width: 960px) {
  .filters-panel .filters-search .submit {
    width: 40px;
    height: 40px;
  }
  .filters-panel .filters-search .submit .icon-svg-element {
    width: 24px;
    height: 24px;
  }
}
.filters-panel .filters-search .close-search-button {
  margin-left: 10px !important;
}

.filters-panel .date-range-filter .date-range-filter-input {
  position: absolute;
  inset: 0;
  width: 100%;
  padding: 0;
  border: none;
  opacity: 0;
  pointer-events: none;
}

.air-datepicker.date-range-filter-picker {
  --adp-font-family: "Manrope Variable", Arial;
  --adp-font-size: 16px;
  --adp-width: 320px;
  --adp-padding: 10px;
  --adp-border-radius: 5px;
  --adp-cell-border-radius: 5px;
  --adp-btn-height: 40px;
  --adp-z-index: 110;
  --adp-color: var(--color-dark);
  --adp-color-secondary: var(--color-gray-text);
  --adp-color-other-month: var(--color-gray-border);
  --adp-color-other-month-hover: var(--color-gray-text);
  --adp-border-color: var(--color-gray-border);
  --adp-border-color-inner: var(--color-gray-border);
  --adp-border-color-inline: var(--color-gray-border);
  --adp-background-color-hover: var(--color-gray-background);
  --adp-background-color-active: var(--color-gray-text-20);
  --adp-day-name-color: var(--color-gray-text);
  --adp-day-name-color-hover: var(--color-brand-1);
  --adp-accent-color: var(--color-brand-1);
  --adp-cell-background-color-selected: var(--color-brand-1);
  --adp-cell-background-color-selected-hover: var(--color-brand-3);
  --adp-cell-background-color-in-range: var(--color-brand-1-10);
  --adp-cell-background-color-in-range-hover: var(--color-brand-1-20);
  --adp-cell-border-color-in-range: var(--color-brand-1);
  --adp-background-color-in-range: var(--color-brand-1-10);
  --adp-background-color-in-range-focused: var(--color-brand-1-20);
  --adp-background-color-selected-other-month: var(--color-brand-1-50);
  --adp-background-color-selected-other-month-focused: var(--color-brand-1-70);
  --adp-btn-color: var(--color-brand-1);
  --adp-btn-color-hover: var(--color-white);
  --adp-btn-background-color-hover: var(--color-brand-1);
  --adp-btn-background-color-active: var(--color-brand-3);
  box-shadow: 3px 3px 10px 0 rgba(50, 61, 60, 0.2);
}
.air-datepicker.date-range-filter-picker .air-datepicker-buttons {
  grid-auto-flow: row;
  grid-template-columns: 1fr 1fr;
  gap: 5px;
}
.air-datepicker.date-range-filter-picker .date-range-filter-preset {
  font: inherit;
  font-size: 14px;
  transition: color 0.3s, background 0.3s;
}
.air-datepicker.date-range-filter-picker .date-range-filter-preset.active {
  color: var(--color-white);
  background: var(--color-brand-1);
}

.air-datepicker-overlay.air-datepicker-overlay {
  --adp-overlay-z-index: 109;
}

.investment-funds-page {
  width: var(--layout-actual-width);
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 80px;
  display: grid;
  grid-template-columns: 350px 1fr;
  column-gap: 90px;
}
@media screen and (max-width: 960px) {
  .investment-funds-page {
    grid-template-columns: 1fr;
    padding-bottom: 40px;
  }
  .investment-funds-page .toc-column {
    display: none;
  }
}
.investment-funds-page .description {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 35px;
}
.investment-funds-page .info-block {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 30px;
  align-items: start;
  padding-bottom: 30px;
}
@media screen and (max-width: 640px) {
  .investment-funds-page .info-block {
    grid-template-columns: 1fr;
  }
}
.investment-funds-page .info-block .left {
  display: grid;
  grid-template-columns: auto 1fr;
  column-gap: 30px;
  background: var(--color-brand-1);
  border-radius: 5px;
  padding: 10px 20px 10px 20px;
  min-height: 90px;
  align-items: center;
  color: #fff;
}
.investment-funds-page .info-block .cost {
  text-align: right;
  font-size: 16px;
}
.investment-funds-page .info-block .value {
  font-size: 20px;
  font-weight: 600;
}
.investment-funds-page .info-block .row {
  display: grid;
  grid-template-columns: auto 1fr;
  column-gap: 30px;
  min-height: 60px;
  align-items: center;
  padding: 5px 0 5px 0;
}
.investment-funds-page .info-block .row:not(:last-child) {
  border-bottom: 1px solid var(--color-gray-border);
}
.investment-funds-page .info-block .row-title {
  font-size: 16px;
}
.investment-funds-page .info-block .row-value {
  color: var(--color-brand-1);
  font-size: 20px;
  font-weight: 700;
  text-align: right;
  white-space: nowrap;
}
.investment-funds-page .fund-content {
  margin-bottom: 30px;
  padding: 35px 0 20px 0;
  position: relative;
}
.investment-funds-page .fund-content:before, .investment-funds-page .fund-content:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  height: 1px;
  background: linear-gradient(90deg, rgb(0, 132, 102) 0%, rgb(251, 177, 47) 100%);
}
.investment-funds-page .fund-content:before {
  top: 0;
}
.investment-funds-page .fund-content:after {
  bottom: 0;
}
.investment-funds-page .toc {
  position: sticky;
  top: 25px;
}
.investment-funds-page .toc-link {
  display: flex;
  border-left: 1px solid var(--color-gray-border);
  height: 60px;
  align-items: center;
  padding: 0 20px 0 20px;
  transition: background-color 0.3s, border-color 0.3s;
}
.investment-funds-page .toc-link.active {
  background: var(--color-brand-4);
  border-left: 3px solid var(--color-brand-1);
  padding-left: 18px;
}
.investment-funds-page .dynamic-diagram .download-button {
  margin-left: auto;
  padding-left: 20px;
  padding-right: 20px;
  gap: 30px;
}
@media screen and (max-width: 960px) {
  .investment-funds-page .dynamic-diagram .download-button {
    padding-left: 15px;
    padding-right: 15px;
    gap: 20px;
  }
}
.investment-funds-page .dynamic-diagram {
  /*
  .chart-canvas-wrap {
      padding-bottom: 60%;
      position: relative;
  }

  .chart-canvas {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
  }
  */
}

.trust-management-tiles-block {
  padding: 90px 0 90px 0;
  position: relative;
}
@media screen and (max-width: 960px) {
  .trust-management-tiles-block {
    padding: 40px 0 40px 0;
  }
}
.trust-management-tiles-block:before {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  background: var(--color-gray-background);
  border-radius: 5px;
  left: var(--page-margin);
  right: var(--page-margin);
  top: 0;
  bottom: 0;
}
.trust-management-tiles-block .scroller,
.trust-management-tiles-block .scroller-block,
.trust-management-tiles-block .scroller-chunk {
  display: flex;
  flex-flow: row nowrap;
  align-items: stretch;
}
.trust-management-tiles-block .scroller {
  overflow: hidden;
}
.trust-management-tiles-block .scroller-block {
  width: fit-contents;
}
.trust-management-tiles-block .scroller-chunk {
  gap: 10px;
  padding-right: 10px;
  width: fit-contents;
}
.trust-management-tiles-block .tile {
  width: 410px;
  background: #fff;
  border-radius: 5px;
  padding: 60px 60px 70px 60px;
  border-top: 3px solid var(--color-brand-1);
}
.trust-management-tiles-block .tile-title {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 20px;
}
.trust-management-tiles-block .tile-direction {
  font-size: 16px;
}

.text-photo-block-wrapper .text-photo-block {
  margin-left: var(--page-margin);
  margin-right: var(--page-margin);
  display: grid;
  grid-template-columns: 1fr calc(50vw - var(--page-margin));
  grid-template-areas: "text image";
  gap: 60px;
}
@media screen and (max-width: 960px) {
  .text-photo-block-wrapper .text-photo-block {
    grid-template-columns: 1fr;
    grid-template-areas: "image" "text";
    gap: 40px;
  }
}
.text-photo-block-wrapper .text-photo-block .block-text {
  grid-area: text;
  max-width: 480px;
  margin-left: calc(var(--layout-margin) - var(--page-margin));
}
@media screen and (max-width: 960px) {
  .text-photo-block-wrapper .text-photo-block .block-text {
    max-width: none;
    margin-left: 0;
  }
}
.text-photo-block-wrapper .text-photo-block .block-text p {
  margin-top: 0;
}
.text-photo-block-wrapper .text-photo-block .block-text p:not(:last-child) {
  margin-bottom: 14px;
}
.text-photo-block-wrapper .text-photo-block .block-title {
  font-size: 28px;
  font-weight: 300;
  margin-bottom: 33px;
}
@media screen and (max-width: 960px) {
  .text-photo-block-wrapper .text-photo-block .block-title {
    font-size: 22px;
  }
}
.text-photo-block-wrapper .text-photo-block .block-title strong {
  font-weight: 800;
}
.text-photo-block-wrapper .text-photo-block .block-lead {
  font-size: 20px;
  font-weight: 300;
  margin-bottom: 20px;
}
.text-photo-block-wrapper .text-photo-block .block-lead strong {
  font-weight: 800;
}
.text-photo-block-wrapper .text-photo-block .block-picture {
  grid-area: image;
}
.text-photo-block-wrapper .text-photo-block .block-image {
  width: 100%;
  height: auto;
  border-radius: 5px;
  display: block;
}
.text-photo-block-wrapper.tp-bg .text-photo-block {
  background: var(--color-gray-background);
  grid-template-columns: 1fr 1fr;
}
@media screen and (max-width: 960px) {
  .text-photo-block-wrapper.tp-bg .text-photo-block {
    grid-template-columns: 1fr;
    grid-template-areas: "image" "text";
  }
}
.text-photo-block-wrapper.tp-bg .text-photo-block .block-text {
  padding-top: 25px;
  padding-bottom: 25px;
}
@media screen and (max-width: 960px) {
  .text-photo-block-wrapper.tp-bg .text-photo-block .block-text {
    padding-top: 0;
  }
}
.text-photo-block-wrapper.tp-bg .text-photo-block .block-image {
  border-radius: 0 5px 5px 0;
}
@media screen and (max-width: 960px) {
  .text-photo-block-wrapper.tp-bg .text-photo-block .block-image {
    border-radius: 5px 5px 0 0;
  }
}
.text-photo-block-wrapper.tp-align-center .text-photo-block {
  align-items: center;
}
.text-photo-block-wrapper.tp-text-w520 .text-photo-block .block-text {
  max-width: 520px;
}
@media screen and (max-width: 960px) {
  .text-photo-block-wrapper.tp-text-w520 .text-photo-block .block-text {
    max-width: none;
    margin: 0 20px 0 20px;
  }
}
.text-photo-block-wrapper.tp-text-wide .text-photo-block .block-text {
  max-width: calc((var(--layout-width) - 30px) / 2);
  margin-right: 20px;
}
@media screen and (max-width: 960px) {
  .text-photo-block-wrapper.tp-text-wide .text-photo-block .block-text {
    max-width: none;
    margin: 0 20px 0 20px;
  }
}
.text-photo-block-wrapper.tp-gap-30 .text-photo-block {
  column-gap: 30px;
}
.text-photo-block-wrapper.tp-image-left .text-photo-block {
  grid-template-columns: calc(50vw - var(--page-margin)) 1fr;
  grid-template-areas: "image text";
}
@media screen and (max-width: 960px) {
  .text-photo-block-wrapper.tp-image-left .text-photo-block {
    grid-template-columns: 1fr;
    grid-template-areas: "image" "text";
  }
}
.text-photo-block-wrapper.tp-image-left .text-photo-block .block-text {
  margin-left: 20px;
}
.text-photo-block-wrapper.tp-image-left.tp-bg .text-photo-block {
  grid-template-columns: 1fr 1fr;
}
@media screen and (max-width: 960px) {
  .text-photo-block-wrapper.tp-image-left.tp-bg .text-photo-block {
    grid-template-columns: 1fr;
    grid-template-areas: "image" "text";
  }
}
.text-photo-block-wrapper.tp-image-left.tp-bg .text-photo-block .block-image {
  border-radius: 5px 0 0 5px;
}
@media screen and (max-width: 960px) {
  .text-photo-block-wrapper.tp-image-left.tp-bg .text-photo-block .block-image {
    border-radius: 5px 5px 0 0;
  }
}
.text-photo-block-wrapper .block-links {
  margin: 0;
  padding: 0;
  list-style: none;
  border-bottom: 1px solid var(--color-gray-border);
}
.text-photo-block-wrapper .block-link-item {
  border-top: 1px solid var(--color-gray-border);
  padding: 0;
}
.text-photo-block-wrapper .block-link {
  display: flex;
  flex-flow: row nowrap;
  place-items: center stretch;
  place-content: normal space-between;
  gap: 0;
  padding: 8.3px 0 8.3px 0;
  color: var(--color-dark);
}
.text-photo-block-wrapper .block-link:hover {
  color: var(--color-brand-1);
}

.pension-principles-block {
  padding-bottom: 80px;
  position: relative;
}
@media screen and (max-width: 1100px) {
  .pension-principles-block {
    padding-bottom: 40px;
  }
}
.pension-principles-block:after {
  content: "";
  display: block;
  position: absolute;
  left: var(--page-margin);
  right: var(--page-margin);
  bottom: 0;
  height: 1px;
  background: linear-gradient(90deg, rgb(0, 132, 102) 0%, rgb(251, 177, 47) 100%);
}
.pension-principles-block .pension-principles-block-inner {
  width: var(--layout-actual-width);
  margin-left: auto;
  margin-right: auto;
}
.pension-principles-block .block-title {
  font-size: 28px;
  font-weight: 300;
  margin-bottom: 40px;
}
@media screen and (max-width: 960px) {
  .pension-principles-block .block-title {
    font-size: 22px;
  }
}
.pension-principles-block .block-title strong {
  font-weight: 800;
}
.pension-principles-block .steps {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 80px;
  align-items: start;
}
@media screen and (max-width: 1100px) {
  .pension-principles-block .steps {
    gap: 30px;
  }
}
@media screen and (max-width: 960px) {
  .pension-principles-block .steps {
    grid-template-columns: 1fr;
    font-size: 22px;
  }
}
.pension-principles-block .step {
  display: grid;
  grid-template-columns: 80px 1fr;
  column-gap: 30px;
  align-items: start;
}
@media screen and (max-width: 1100px) {
  .pension-principles-block .step {
    column-gap: 20px;
  }
}
.pension-principles-block .number {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  width: 80px;
  height: 80px;
  background: url(assets/pension-star.42495d96fb6002fc5dfa.svg) center center no-repeat;
  color: var(--color-brand-1);
  text-align: center;
  font-size: 26px;
  font-weight: 700;
}
.pension-principles-block .text {
  color: var(--color-text);
  font-size: 16px;
  align-self: center;
}

.publications-page {
  width: var(--layout-actual-width);
  margin-left: auto;
  margin-right: auto;
  display: grid;
  grid-template-columns: 350px 1fr;
  column-gap: 90px;
  /*margin-bottom: 90px;*/
}
@media screen and (max-width: 960px) {
  .publications-page {
    grid-template-columns: 1fr;
    margin-bottom: 40px;
  }
}
.publications-page .navigation-column-content {
  position: sticky;
  top: 25px;
  margin-bottom: 90px;
}
@media screen and (max-width: 960px) {
  .publications-page .navigation-column-content {
    position: static;
    margin-bottom: 40px;
  }
}
.publications-page .navigation {
  margin-bottom: 60px;
}
.publications-page .navigation-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.publications-page .navigation-list-item {
  margin: 0;
  padding: 0;
}
.publications-page .navigation-link {
  display: flex;
  border-left: 1px solid var(--color-gray-border);
  height: 60px;
  align-items: center;
  padding: 0 20px 0 20px;
  transition: background-color 0.3s, border-color 0.3s;
}
.publications-page .navigation-link.active {
  background: var(--color-brand-4);
  border-left: 3px solid var(--color-brand-1);
  padding-left: 18px;
  font-weight: 600;
}
.publications-page .active-parent .navigation-link {
  background: var(--color-brand-4);
  border-left: 3px solid var(--color-brand-1);
  padding-left: 18px;
}
.publications-page .navigation-list-item.has-children .navigation-link-row {
  position: relative;
}
.publications-page .navigation-list-item.has-children .navigation-link {
  padding-right: 60px;
}
.publications-page .navigation-list-item.has-children.collapse-open .navigation-subnav-toggle .icon-svg-element {
  transform: rotate(45deg);
}
.publications-page .navigation-link-row-toggle {
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  font: inherit;
  color: var(--color-brand-1);
  text-align: left;
  cursor: pointer;
  transition: color 0.3s;
}
.publications-page .navigation-link-row-toggle:hover {
  color: var(--color-brand-3);
}
.publications-page .navigation-link-row-toggle .navigation-link {
  width: 100%;
}
.publications-page .navigation-subnav-toggle {
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 60px;
  padding: 0;
  border: none;
  background: none;
  color: var(--color-brand-1);
  cursor: pointer;
}
.publications-page .navigation-subnav-toggle .icon-svg-element {
  transition: transform 0.3s;
}
.publications-page .navigation-subnav {
  overflow: hidden;
  transition: height 0.3s;
}
.publications-page .navigation-sublist {
  list-style: none;
  margin: 0;
  padding: 13px 0 13px 0;
  border-left: 1px solid var(--color-gray-border);
}
.publications-page .navigation-subitem {
  margin: 0;
  padding: 0;
}
.publications-page .navigation-sublink {
  display: flex;
  align-items: center;
  /*min-height: 48px;*/
  padding: 5px 20px 5px 40px;
  font-size: 16px;
  transition: background-color 0.3s, border-color 0.3s, color 0.3s;
}
.publications-page .navigation-sublink:not(.active):hover {
  color: var(--color-brand-3);
}
.publications-page .navigation-sublink.active {
  font-weight: 600;
}
.publications-page .navigation-info {
  margin-bottom: 30px;
}
.publications-page .navigation-attribution-requirement {
  background: var(--color-gray-background) url(assets/warning.7a20442a0916146584c7.svg) 25px 15px no-repeat;
  border-radius: 5px;
  padding: 15px 25px 15px 55px;
  font-size: 14px;
  font-weight: 600;
}
@media screen and (max-width: 960px) {
  .publications-page .publications-remarks-desktop {
    display: none;
  }
}
.publications-page .publications-remarks-mobile {
  display: none;
}
@media screen and (max-width: 960px) {
  .publications-page .publications-remarks-mobile {
    display: block;
    margin-top: 60px;
  }
}
.publications-page .block {
  margin-bottom: 90px;
}
@media screen and (max-width: 960px) {
  .publications-page .block {
    margin-bottom: 40px;
  }
}
.publications-page .block-title {
  display: flex;
  flex-flow: row nowrap;
  place-items: center stretch;
  place-content: normal flex-start;
  gap: 10px;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 30px;
}
@media screen and (max-width: 960px) {
  .publications-page .block-title {
    font-size: 14px;
  }
}
.publications-page .articles-list {
  margin-bottom: 30px;
}
.publications-page .more-button {
  margin-top: 30px;
}

.media-list-page .media-tiles {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 70px 30px;
  margin-bottom: 90px;
}
@media screen and (max-width: 720px) {
  .media-list-page .media-tiles {
    grid-template-columns: 1fr;
    gap: 40px;
  }
}
.media-list-page .media-tile-cover {
  position: relative;
  display: block;
  aspect-ratio: 410/240;
  background: var(--color-gray-background);
  border-radius: 5px;
  overflow: hidden;
  margin-bottom: 20px;
}
.media-list-page .media-tile-cover.is-popup-video:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  margin: -30px;
  background: var(--color-brand-1-50) url(assets/play.1171ad9c07fa05d5b95f.svg) center center no-repeat;
  backdrop-filter: blur(20px);
  pointer-events: none;
  transition: transform 0.3s, background-color 0.3s;
}
.media-list-page .media-tile-cover.is-popup-video:hover:before {
  background-color: var(--color-brand-1);
  transform: scale(1.25);
}
.media-list-page .media-tile-picture,
.media-list-page .media-tile-image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.media-list-page .media-tile-title {
  display: block;
  font-size: 20px;
  font-weight: 600;
  color: var(--color-text);
  margin-bottom: 10px;
}
.media-list-page .media-tile-title:hover {
  color: var(--color-brand-1);
}
.media-list-page .media-tile-description {
  color: var(--color-gray-text);
  font-size: 14px;
  margin-bottom: 10px;
}
.media-list-page .media-tile-description *:last-child {
  margin-bottom: 0;
}
.media-list-page .media-tile-file {
  display: flex;
  flex-flow: row nowrap;
  place-items: center stretch;
  place-content: normal flex-start;
  gap: 0;
  gap: 10px;
  align-self: flex-start;
  font-size: 14px;
  color: var(--color-brand-1);
  width: fit-content;
  transition: color 0.3s;
}
.media-list-page .media-tile-file:hover {
  color: var(--color-brand-3);
}

.media-view-page .media-view-cover {
  margin-bottom: 30px;
}
.media-view-page .media-view-cover-link {
  position: relative;
  display: block;
  aspect-ratio: 740/420;
  background: var(--color-gray-background);
  border-radius: 5px;
  overflow: hidden;
}
.media-view-page .media-view-cover-link:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 90px;
  height: 90px;
  border-radius: 50%;
  margin: -45px;
  background: var(--color-brand-1-50) url(assets/play.1171ad9c07fa05d5b95f.svg) center center no-repeat;
  background-size: 60px 60px;
  backdrop-filter: blur(20px);
  pointer-events: none;
  transition: transform 0.3s, background-color 0.3s;
}
.media-view-page .media-view-cover-link:hover:before {
  background-color: var(--color-brand-1);
  transform: scale(1.25);
}
.media-view-page .media-view-picture,
.media-view-page .media-view-image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.publication-view-page-wrap {
  border-top: 1px solid var(--color-gray-border);
  padding-top: 60px;
  width: var(--layout-actual-width);
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 960px) {
  .publication-view-page-wrap {
    padding-top: 30px;
  }
}

.publication-view-page {
  --layout-width: 1070px;
  --layout-margin: max(
      var(--page-margin),
      calc((100vw - var(--layout-width)) / 2)
  );
  --layout-actual-width: calc(
      100vw - var(--layout-margin) - var(--layout-margin)
  );
  width: var(--layout-actual-width);
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 90px;
  display: grid;
  grid-template-columns: 300px 1fr;
  column-gap: 30px;
}
@media screen and (max-width: 960px) {
  .publication-view-page {
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 800px) {
  .publication-view-page {
    grid-template-columns: 200px 1fr;
  }
}
@media screen and (max-width: 640px) {
  .publication-view-page {
    display: flex;
    flex-flow: column-reverse nowrap;
    align-items: stretch;
    gap: 20px;
  }
}
.publication-view-page .date {
  color: var(--color-gray-text);
  margin-bottom: 20px;
}
.publication-view-page .download-button {
  gap: 35px;
  padding-left: 18px;
  padding-right: 18px;
}
.publication-view-page .left-column-content {
  position: sticky;
  top: 25px;
}

.articles-list .articles-list-row {
  display: flex;
  flex-flow: row nowrap;
  place-items: center stretch;
  place-content: normal flex-start;
  gap: 0;
  border-top: 1px solid var(--color-gray-border);
  padding: 20px 0 20px;
  min-height: 90px;
  gap: 30px;
}
@media screen and (max-width: 640px) {
  .articles-list .articles-list-row {
    gap: 20px;
  }
}
@media screen and (max-width: 390px) {
  .articles-list .articles-list-row {
    flex-direction: column;
    align-items: flex-start;
  }
}
.articles-list .article-row-date {
  color: var(--color-gray-text);
  width: 140px;
  flex-shrink: 0;
  flex-grow: 0;
}
@media screen and (max-width: 640px) {
  .articles-list .article-row-date {
    width: 120px;
  }
}
.articles-list .article-row-title {
  font-weight: 600;
  color: var(--color-text);
  flex-shrink: 1;
  flex-grow: 1;
}
.articles-list .article-row-title:hover {
  color: var(--color-brand-1);
}
.articles-list .article-row-actions {
  flex-shrink: 0;
  flex-grow: 0;
}
.articles-list .icon-svg-element {
  display: block;
}

.research-list-page .content-column,
.article-list-page .content-column,
.media-list-page .content-column,
.documents-list-page .content-column {
  margin-bottom: 90px;
}
@media screen and (max-width: 960px) {
  .research-list-page .content-column,
  .article-list-page .content-column,
  .media-list-page .content-column,
  .documents-list-page .content-column {
    margin-bottom: 40px;
  }
}
.research-list-page .articles-list,
.research-list-page .media-tiles,
.research-list-page .downloads,
.article-list-page .articles-list,
.article-list-page .media-tiles,
.article-list-page .downloads,
.media-list-page .articles-list,
.media-list-page .media-tiles,
.media-list-page .downloads,
.documents-list-page .articles-list,
.documents-list-page .media-tiles,
.documents-list-page .downloads {
  margin-bottom: 0;
}
.research-list-page .pagination,
.article-list-page .pagination,
.media-list-page .pagination,
.documents-list-page .pagination {
  margin-top: 30px;
  margin-bottom: 0;
}

.media-list-page .pagination {
  margin-top: 90px;
}

.footer-subscribe-block {
  margin-left: var(--page-margin);
  margin-right: var(--page-margin);
  padding: 60px var(--page-margin) 60px var(--page-margin);
  background: var(--color-brand-1);
  margin-bottom: 5px;
  border-radius: 5px;
  position: relative;
}
@media screen and (max-width: 960px) {
  .footer-subscribe-block {
    padding: 20px;
  }
}
.footer-subscribe-block:before, .footer-subscribe-block:after {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
}
.footer-subscribe-block:before {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  border-radius: 5px;
  background: var(--color-brand-1-50);
  visibility: hidden;
  opacity: 0;
  transition: visibility 0.3s, opacity 0.3s;
  backdrop-filter: blur(10px);
}
.footer-subscribe-block:after {
  left: 50%;
  top: 50%;
  width: 70px;
  height: 70px;
  border: 5px solid var(--color-brand-2);
  border-left: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-radius: 50%;
  margin: -35px;
  animation: rotate 1s linear infinite;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0.3s, opacity 0.3s;
}
.footer-subscribe-block.loading:before, .footer-subscribe-block.loading:after {
  visibility: visible;
  opacity: 1;
}
.footer-subscribe-block .footer-subscribe-block-content {
  max-width: var(--layout-actual-width);
  margin-left: auto;
  margin-right: auto;
}
.footer-subscribe-block .form-title {
  color: #fff;
  font-size: 28px;
  font-weight: 600;
  max-width: 580px;
  margin-bottom: 30px;
}
@media screen and (max-width: 960px) {
  .footer-subscribe-block .form-title {
    font-size: 22px;
  }
}
.footer-subscribe-block .fields {
  max-width: 920px;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  gap: 5px;
  align-items: center;
}
@media screen and (max-width: 960px) {
  .footer-subscribe-block .fields {
    grid-template-columns: 1fr;
    max-width: 450px;
  }
  .footer-subscribe-block .fields .hint {
    margin: 10px 0 0 0;
  }
}
.footer-subscribe-block .hint {
  margin-left: 15px;
  width: 350px;
  color: #fff;
  font-size: 14px;
}

.investment-banking-logos-block {
  position: relative;
  padding: 90px 0 90px 0;
}
@media screen and (max-width: 960px) {
  .investment-banking-logos-block {
    padding: 40px 0 40px 0;
  }
}
.investment-banking-logos-block:before {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: var(--page-margin);
  right: var(--page-margin);
  background: var(--color-gray-background);
  border-radius: 5px;
}
.investment-banking-logos-block .block-text {
  max-width: var(--layout-actual-width);
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
}
.investment-banking-logos-block .block-title {
  display: flex;
  flex-flow: row nowrap;
  place-items: center stretch;
  place-content: normal flex-start;
  gap: 10px;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 20px;
}
@media screen and (max-width: 960px) {
  .investment-banking-logos-block .block-title {
    font-size: 14px;
    margin-bottom: 7px;
  }
}
.investment-banking-logos-block .block-description {
  max-width: 740px;
  font-size: 28px;
  font-weight: 300;
  margin-bottom: 40px;
}
.investment-banking-logos-block .block-description strong {
  font-weight: 800;
}
@media screen and (max-width: 960px) {
  .investment-banking-logos-block .block-description {
    font-size: 22px;
    margin-bottom: 20px;
  }
}
.investment-banking-logos-block .logos-scroller,
.investment-banking-logos-block .scroller-block {
  display: flex;
  flex-flow: row nowrap;
  place-items: flex-start stretch;
  place-content: normal flex-start;
  gap: 0;
  width: fit-content;
}
.investment-banking-logos-block .logos-scroller {
  overflow: hidden;
  width: 100%;
}
.investment-banking-logos-block .scroller-chunk {
  display: flex;
  flex-flow: row nowrap;
  place-items: flex-start stretch;
  place-content: normal flex-start;
  gap: 10px;
  padding-right: 10px;
  width: fit-content;
}
.investment-banking-logos-block .tile {
  display: flex;
  flex-flow: row nowrap;
  place-items: center stretch;
  place-content: normal center;
  gap: 0;
  width: 300px;
  height: 180px;
  background: #fff;
  border: 1px solid var(--color-gray-border);
  border-radius: 5px;
}
.investment-banking-logos-block .logos-scroller-1 {
  margin-bottom: 10px;
}

.faq-block {
  max-width: var(--layout-actual-width);
  margin-left: auto;
  margin-right: auto;
  display: grid;
  grid-template-columns: 410px 1fr;
  gap: 30px;
}
@media screen and (max-width: 960px) {
  .faq-block {
    grid-template-columns: 1fr;
    gap: 20px;
  }
}
.faq-block .block-title {
  display: flex;
  flex-flow: row nowrap;
  place-items: center stretch;
  place-content: normal flex-start;
  gap: 10px;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 20px;
}
@media screen and (max-width: 960px) {
  .faq-block .block-title {
    font-size: 14px;
    margin-bottom: 7px;
  }
}
.faq-block .block-description {
  max-width: 740px;
  font-size: 28px;
  font-weight: 300;
  margin-bottom: 40px;
}
.faq-block .block-description strong {
  font-weight: 800;
}
@media screen and (max-width: 960px) {
  .faq-block .block-description {
    font-size: 22px;
    margin-bottom: 20px;
  }
}
.faq-block .answer p:last-child {
  margin-bottom: 0;
}

.questions-results {
  margin-bottom: 90px;
}

.questions-list .item:not(:last-child) {
  margin-bottom: 5px;
}
.questions-list .item .icon-svg-element {
  flex-shrink: 0;
  flex-grow: 0;
  transition: transform 0.3s;
}
.questions-list .item.collapse-open .icon-svg-element {
  transform: rotate(45deg);
}
.questions-list .item.collapse-open .question {
  font-weight: 600;
}
.questions-list .question {
  display: flex;
  flex-flow: row nowrap;
  place-items: center stretch;
  place-content: normal space-between;
  gap: 0;
  min-height: 60px;
  padding: 18px 0 18px 0;
  color: var(--color-text);
  font-weight: 400;
  transition: color 0.3s;
  cursor: pointer;
  border-bottom: 1px solid var(--color-gray-border);
  transition: font-weight 0.5s;
}
.questions-list .question .icon-svg-element {
  color: var(--color-brand-1);
  transition: color 0.3s, transform 0.3s;
  margin: -15px 0 -15px 0;
}
.questions-list .question:hover {
  color: var(--color-brand-3);
}
.questions-list .question:hover .icon-svg-element {
  color: var(--color-brand-3);
}
.questions-list .answer {
  transition: height 0.3s;
}
.questions-list .answer-content {
  background: var(--color-brand-4);
  padding: 20px;
}
.questions-list .answer-content *:last-child {
  margin-bottom: 0;
}

.faq-list-page .filters-panel .filters-search,
.faq-root-page .filters-panel .filters-search {
  position: static;
  visibility: visible;
  opacity: 1;
  background: transparent;
  padding: 0;
  flex: 1;
}

.regional-offices {
  max-width: var(--layout-actual-width);
  margin-left: auto;
  margin-right: auto;
}
.regional-offices .offices {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 630px));
  gap: 30px;
  justify-content: start;
}
@media screen and (max-width: 960px) {
  .regional-offices .offices {
    grid-template-columns: 1fr;
  }
}
.regional-offices .city {
  font-weight: 600;
  margin-bottom: 5px;
}
.regional-offices .phones {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 10px;
}
.regional-offices .phones a {
  color: inherit;
}
.regional-offices .email {
  margin-bottom: 10px;
}
.regional-offices .address {
  white-space: pre-wrap;
}

.regional-managers {
  max-width: var(--layout-actual-width);
  margin-left: auto;
  margin-right: auto;
  display: grid;
  grid-template-columns: 290px 1fr;
  grid-template-areas: "info map";
  gap: 30px;
  align-items: start;
}
@media screen and (max-width: 960px) {
  .regional-managers {
    grid-template-columns: 1fr;
    grid-template-areas: "info" "map";
  }
}
.regional-managers .info-column {
  grid-area: info;
}
.regional-managers .info-column .title {
  font-weight: 600;
  margin-bottom: 10px;
}
.regional-managers .info-column .phone {
  display: block;
  width: fit-contents;
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 30px;
  color: var(--color-text);
}
.regional-managers .info-column .phone:last-of-type {
  margin-bottom: 10px;
}
.regional-managers .spacer {
  display: none;
}
.regional-managers .map {
  grid-area: map;
  max-width: 850px;
  height: 390px;
  min-width: 0;
}
@media screen and (max-width: 960px) {
  .regional-managers .map {
    max-width: 100%;
  }
}

.directors-block {
  max-width: var(--layout-actual-width);
  margin-left: auto;
  margin-right: auto;
}
.directors-block .block-title {
  display: flex;
  flex-flow: row nowrap;
  place-items: center stretch;
  place-content: normal flex-start;
  gap: 10px;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 30px;
}
@media screen and (max-width: 960px) {
  .directors-block .block-title {
    font-size: 14px;
  }
}
.directors-block .directors {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  column-gap: 30px;
  row-gap: 50px;
}
@media screen and (max-width: 900px) {
  .directors-block .directors {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media screen and (max-width: 640px) {
  .directors-block .directors {
    grid-template-columns: 1fr 1fr;
  }
}
@media screen and (max-width: 460px) {
  .directors-block .directors {
    grid-template-columns: 1fr;
  }
}
.directors-block .director {
  text-align: center;
}
.directors-block .director-picture,
.directors-block .director-image {
  display: block;
  width: 100%;
}
.directors-block .director-picture[data-widget] {
  cursor: pointer;
}
.directors-block .director-image {
  border-radius: 5px;
  margin-bottom: 20px;
  height: auto;
  transition: filter 1s;
  filter: contrast(0.9) saturate(0);
}
.directors-block .director-image:hover {
  filter: none;
}
.directors-block .director-name {
  font-weight: 600;
  margin-bottom: 5px;
  transition: color 0.3s;
}
.directors-block .director-name[data-widget] {
  cursor: pointer;
}
.directors-block .director-name[data-widget]:hover {
  color: var(--color-brand-2);
}
.directors-block .director-post {
  color: var(--color-gray-text);
  font-size: 14px;
  margin-bottom: 20px;
}
.directors-block .link-button {
  display: flex;
  width: fit-content;
  color: var(--color-brand-1);
  font-size: 14px;
  line-height: 1;
  align-items: center;
}
.directors-block .link-button:hover {
  color: var(--color-brand-2);
}
.directors-block .link-button .icon-svg-element {
  margin-left: 10px;
}
.directors-block .director-popup {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 100;
  background: rgba(0, 0, 0, 0.2);
  backdrop-filter: blur(10px);
  visibility: hidden;
  opacity: 0;
  transition: visibility 0.5s, opacity 0.5s;
}
.directors-block .director-popup.open {
  visibility: visible;
  opacity: 1;
}
.directors-block .director-popup-window {
  position: absolute;
  right: 20px;
  top: 20px;
  bottom: 20px;
  width: calc(100vw - 40px);
  max-width: 765px;
  overflow: auto;
  background: #fff;
  border-radius: 5px;
  text-align: left;
}
.directors-block .director-popup-content {
  padding: 60px;
}
@media screen and (max-width: 640px) {
  .directors-block .director-popup-content {
    padding: 20px;
  }
}
.directors-block .director-popup-name {
  font-size: 28px;
  font-weight: 600;
  margin-bottom: 10px;
}
@media screen and (max-width: 960px) {
  .directors-block .director-popup-name {
    font-size: 22px;
  }
}
.directors-block .director-popup-post {
  color: var(--color-gray-text);
  margin-bottom: 30px;
}
.directors-block .director-popup-biography {
  position: relative;
  padding-top: 30px;
}
.directors-block .director-popup-biography:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 1px;
  background: linear-gradient(90deg, rgb(0, 132, 102) 0%, rgb(251, 177, 47) 100%);
}
.directors-block .director-popup-biography li {
  padding: 0;
  margin-bottom: 12px;
}
.directors-block .director-popup-close-button {
  padding: 0;
  border: none;
  position: absolute;
  right: 10px;
  top: 10px;
  background: none;
  color: var(--color-dark);
  transition: color 0.3s;
}
.directors-block .director-popup-close-button:hover {
  color: var(--color-brand-1);
}
.directors-block .director-popup-close-button .icon-svg-element {
  display: block;
}

.footnotes-block {
  max-width: var(--layout-actual-width);
  margin-left: auto;
  margin-right: auto;
  color: var(--color-gray-text);
}

.vacancies-list-page {
  max-width: var(--layout-actual-width);
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 100px;
}
@media screen and (max-width: 960px) {
  .vacancies-list-page {
    padding-bottom: 40px;
  }
}
.vacancies-list-page .list-title {
  display: flex;
  flex-flow: row nowrap;
  place-items: center stretch;
  place-content: normal flex-start;
  gap: 10px;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 30px;
}
@media screen and (max-width: 960px) {
  .vacancies-list-page .list-title {
    font-size: 14px;
  }
}
.vacancies-list-page .list-description {
  max-width: 740px;
  font-size: 28px;
  font-weight: 300;
  margin-bottom: 45px;
}
.vacancies-list-page .list-description strong {
  font-weight: 800;
}
@media screen and (max-width: 960px) {
  .vacancies-list-page .list-description {
    font-size: 22px;
    margin-bottom: 20px;
  }
}
.vacancies-list-page .vacancies-list {
  list-style: none;
  margin: 0;
  padding: 0;
  max-width: 850px;
}
.vacancies-list-page .vacancies-row {
  display: flex;
  flex-flow: row nowrap;
  place-items: center stretch;
  place-content: normal space-between;
  gap: 0;
  height: 80px;
  border-bottom: 1px solid var(--color-gray-border);
  margin-bottom: 5px;
  /*border-radius: 5px;*/
  gap: 20px;
}
.vacancies-list-page .vacancies-row .left {
  color: var(--color-text);
}
.vacancies-list-page .vacancies-row .left:hover {
  color: var(--color-brand-1);
}
.vacancies-list-page .vacancies-row-title {
  font-weight: 600;
  margin-bottom: 5px;
}
.vacancies-list-page .vacancies-row-description {
  color: var(--color-gray-text);
  font-size: 14px;
}

.vacancy-view-page {
  max-width: var(--layout-actual-width);
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 70px;
  display: grid;
  grid-template-columns: 1fr 520px;
  gap: 30px;
}
@media screen and (max-width: 1100px) {
  .vacancy-view-page {
    grid-template-columns: 1fr 450px;
    padding-bottom: 40px;
  }
}
@media screen and (max-width: 900px) {
  .vacancy-view-page {
    grid-template-columns: 1fr;
  }
}
.vacancy-view-page .vacancy-text-column {
  max-width: 630px;
}
.vacancy-view-page .vacancy-text-column .content-title,
.vacancy-view-page .vacancy-text-column h2 {
  font-size: 20px;
}
.vacancy-view-page .vacancy-form {
  background: var(--color-gray-background);
  border-radius: 5px;
  padding: 60px 55px 70px 55px;
  height: fit-content;
  position: relative;
}
@media screen and (max-width: 900px) {
  .vacancy-view-page .vacancy-form {
    padding: 30px;
  }
}
.vacancy-view-page .vacancy-form:before, .vacancy-view-page .vacancy-form:after {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
}
.vacancy-view-page .vacancy-form:before {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  border-radius: 5px;
  background: rgba(239, 243, 246, 0.5);
  visibility: hidden;
  opacity: 0;
  transition: visibility 0.3s, opacity 0.3s;
  backdrop-filter: blur(10px);
}
.vacancy-view-page .vacancy-form:after {
  left: 50%;
  top: 50%;
  width: 70px;
  height: 70px;
  border: 5px solid var(--color-brand-2);
  border-left: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-radius: 50%;
  margin: -35px;
  animation: rotate 1s linear infinite;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0.3s, opacity 0.3s;
}
.vacancy-view-page .vacancy-form.loading:before, .vacancy-view-page .vacancy-form.loading:after {
  visibility: visible;
  opacity: 1;
}
.vacancy-view-page .vacancy-form .text {
  margin-bottom: 30px;
}
.vacancy-view-page .form-title {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 10px;
}
.vacancy-view-page .form-description {
  color: var(--color-gray-text);
  font-size: 14px;
}
.vacancy-view-page .fields-row:not(:last-child) {
  margin-bottom: 10px;
}
.vacancy-view-page .upload-files .files-upload-button {
  color: var(--color-brand-1);
}
.vacancy-view-page .upload-files .files-upload-button:hover {
  color: var(--color-brand-3);
}
.vacancy-view-page .upload-files .files-upload-button .files-input {
  cursor: pointer;
}
.vacancy-view-page .upload-files .files-list-entry {
  margin-bottom: 10px;
}
.vacancy-view-page .upload-files .files-list-entry-text {
  display: inline;
  font-size: 14px;
}
.vacancy-view-page .upload-files .files-list-entry-text {
  display: inline;
  font-size: 16px;
}
.vacancy-view-page .upload-files .files-list-entry-remove {
  display: inline-flex;
  border: none;
  padding: 0;
  background: none;
  color: var(--color-error);
  margin-left: 10px;
  cursor: pointer;
  vertical-align: top;
}
.vacancy-view-page .button-row {
  padding-top: 20px;
}
.vacancy-view-page .button {
  display: block;
  width: 100%;
}

.halyk-group-block {
  max-width: var(--layout-actual-width);
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 120px;
}
@media screen and (max-width: 500px) {
  .halyk-group-block {
    margin-bottom: 50px;
  }
}
.halyk-group-block .block-title {
  display: flex;
  flex-flow: row nowrap;
  place-items: center stretch;
  place-content: normal flex-start;
  gap: 10px;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 30px;
}
@media screen and (max-width: 960px) {
  .halyk-group-block .block-title {
    font-size: 14px;
    margin-bottom: 7px;
  }
}
.halyk-group-block .block-description {
  max-width: 900px;
  font-size: 28px;
  font-weight: 300;
  margin-bottom: 70px;
}
.halyk-group-block .block-description strong {
  font-weight: 800;
}
@media screen and (max-width: 960px) {
  .halyk-group-block .block-description {
    font-size: 22px;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 640px) {
  .halyk-group-block .block-description br {
    display: none;
  }
}
.halyk-group-block .companies {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 75px;
}
@media screen and (max-width: 960px) {
  .halyk-group-block .companies {
    gap: 35px;
  }
}
@media screen and (max-width: 760px) {
  .halyk-group-block .companies {
    grid-template-columns: 1fr 1fr;
  }
}
@media screen and (max-width: 500px) {
  .halyk-group-block .companies {
    grid-template-columns: 1fr;
  }
}
.halyk-group-block .company {
  position: relative;
  padding-top: 30px;
}
.halyk-group-block .company:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 1px;
  background: linear-gradient(90deg, rgb(0, 132, 102) 0%, rgb(251, 177, 47) 100%);
}
.halyk-group-block .company-image-wrap {
  display: flex;
  flex-flow: row nowrap;
  place-items: center stretch;
  place-content: normal center;
  gap: 0;
  width: 190px;
  height: 90px;
  background: var(--color-brand-4);
  border-radius: 5px;
  margin-bottom: 20px;
}
.halyk-group-block .company-image-wrap img {
  max-width: 160px;
  max-height: 70px;
  width: auto;
  height: auto;
}
.halyk-group-block .company-title {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 20px;
}
.halyk-group-block .company-info {
  margin-bottom: 6px;
}
.halyk-group-block .company-info .title {
  color: var(--color-gray-text);
}
.halyk-group-block .company-info .value {
  font-weight: 600;
}
.halyk-group-block .company-site {
  display: flex;
  flex-flow: row nowrap;
  place-items: center stretch;
  place-content: normal flex-start;
  gap: 0;
  gap: 5px;
  width: fit-content;
  margin-top: 20px;
}

.search-page {
  max-width: var(--layout-actual-width);
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 120px;
}
.search-page .search-form {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  background: var(--color-gray-background);
  padding: 10px;
  border-radius: 5px;
  margin-bottom: 40px;
}
.search-page .search-form .field {
  flex-grow: 1;
  flex-shrink: 1;
  border: none;
  background: #fff;
  height: 60px;
  border-radius: 5px;
  padding: 0 25px 0 20px;
  margin-right: -5px;
}
.search-page .search-form .submit {
  padding: 0;
  width: 60px;
  height: 60px;
}
.search-page .search-results {
  list-style: none;
  margin: 40px 0 40px 0;
  padding: 0;
}
.search-page .search-result {
  margin-bottom: 25px;
  padding-bottom: 25px;
  border-bottom: 1px solid var(--color-gray-border);
  padding-top: 0;
}
.search-page .search-result-title {
  display: block;
  font-size: 20px;
  margin-bottom: 10px;
}

.application-page {
  max-width: var(--layout-actual-width);
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 70px;
  display: grid;
  grid-template-columns: 1fr 520px;
  gap: 30px;
}
@media screen and (max-width: 960px) {
  .application-page {
    grid-template-columns: 1fr 450px;
    padding-bottom: 40px;
  }
}
@media screen and (max-width: 760px) {
  .application-page {
    grid-template-columns: 1fr;
  }
}
.application-page .application-page-text-column {
  max-width: 630px;
}
.application-page .application-page-text-column .content-title,
.application-page .application-page-text-column h2 {
  font-size: 20px;
}
.application-page .forms-page-form {
  max-width: 520px;
}
.application-page .application-page-form {
  background: var(--color-gray-background);
  border-radius: 5px;
  padding: 60px 55px 70px 55px;
  height: fit-content;
  position: relative;
  max-width: 520px;
}
.application-page .application-page-form.empty-group {
  padding: 0;
  background: none;
}
@media screen and (max-width: 760px) {
  .application-page .application-page-form {
    padding: 30px;
  }
}
.application-page .application-page-form:before, .application-page .application-page-form:after {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
}
.application-page .application-page-form:before {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  border-radius: 5px;
  background: rgba(239, 243, 246, 0.5);
  visibility: hidden;
  opacity: 0;
  transition: visibility 0.3s, opacity 0.3s;
  backdrop-filter: blur(10px);
}
.application-page .application-page-form:after {
  left: 50%;
  top: 50%;
  width: 70px;
  height: 70px;
  border: 5px solid var(--color-brand-2);
  border-left: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-radius: 50%;
  margin: -35px;
  animation: rotate 1s linear infinite;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0.3s, opacity 0.3s;
}
.application-page .application-page-form.loading:before, .application-page .application-page-form.loading:after {
  visibility: visible;
  opacity: 1;
}
.application-page .application-page-form .text {
  margin-bottom: 30px;
}
.application-page .forms-page-form {
  position: relative;
}
.application-page .forms-page-form:before, .application-page .forms-page-form:after {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
}
.application-page .forms-page-form:before {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  border-radius: 5px;
  background: rgba(239, 243, 246, 0.5);
  visibility: hidden;
  opacity: 0;
  transition: visibility 0.3s, opacity 0.3s;
  backdrop-filter: blur(10px);
}
.application-page .forms-page-form:after {
  left: 50%;
  top: 50%;
  width: 70px;
  height: 70px;
  border: 5px solid var(--color-brand-2);
  border-left: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-radius: 50%;
  margin: -35px;
  animation: rotate 1s linear infinite;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0.3s, opacity 0.3s;
}
.application-page .forms-page-form.loading:before, .application-page .forms-page-form.loading:after {
  visibility: visible;
  opacity: 1;
}
.application-page .forms-page-heading {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 10px;
}
.application-page .forms-page-subheading {
  color: var(--color-gray-text);
  font-size: 14px;
}
.application-page .forms-page-spacer {
  height: var(--spacer-size, 20px);
}
.application-page .forms-page-hint {
  color: var(--color-gray-text);
  font-size: 14px;
  margin-top: 3px;
  margin-bottom: 10px;
}
.application-page .fields-row:last-child .forms-page-hint {
  margin-bottom: 0;
}
.application-page .form-description {
  color: var(--color-gray-text);
  font-size: 14px;
}
.application-page .fields-row:not(:last-child) {
  margin-bottom: 10px;
}
.application-page .radio-group {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  padding: 6px 0;
}
.application-page .radio-group-label {
  font-size: 14px;
  margin-bottom: 5px;
}
.application-page .radio-option {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  user-select: none;
  font-size: 16px;
}
.application-page .radio-option input[type=radio] {
  appearance: none;
  -webkit-appearance: none;
  width: 18px;
  height: 18px;
  border: 1px solid var(--color-gray-border);
  border-radius: 50%;
  background: var(--color-white);
  cursor: pointer;
  position: relative;
  margin: 0;
  flex: 0 0 auto;
}
.application-page .radio-option input[type=radio]:checked {
  border-color: var(--color-brand-1);
}
.application-page .radio-option input[type=radio]:checked::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -5px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: var(--color-brand-1);
}
.application-page .checkbox-group {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  padding: 6px 0;
}
.application-page .checkbox-option {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  user-select: none;
  font-size: 16px;
}
.application-page .checkbox-option input[type=checkbox] {
  appearance: none;
  -webkit-appearance: none;
  width: 18px;
  height: 18px;
  border: 1px solid var(--color-gray-border);
  border-radius: 2px;
  background: var(--color-white);
  cursor: pointer;
  position: relative;
  margin: 0;
  flex: 0 0 auto;
}
.application-page .checkbox-option input[type=checkbox]:checked {
  border-color: var(--color-brand-1);
}
.application-page .checkbox-option input[type=checkbox]:checked::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -5px;
  width: 10px;
  height: 10px;
  border-radius: 1px;
  background: var(--color-brand-1);
}
.application-page .upload-files .files-upload-button {
  color: var(--color-brand-1);
}
.application-page .upload-files .files-upload-button:hover {
  color: var(--color-brand-3);
}
.application-page .upload-files .files-upload-button .files-input {
  cursor: pointer;
}
.application-page .upload-files .files-list-entry {
  margin-bottom: 10px;
}
.application-page .upload-files .files-list-entry-text {
  display: inline;
  font-size: 14px;
}
.application-page .upload-files .files-list-entry-text {
  display: inline;
  font-size: 16px;
}
.application-page .upload-files .files-list-entry-remove {
  display: inline-flex;
  border: none;
  padding: 0;
  background: none;
  color: var(--color-error);
  margin-left: 10px;
  cursor: pointer;
  vertical-align: top;
}
.application-page .forms-page-divider {
  display: block;
  height: 0;
  border: none;
  border-bottom: 1px solid var(--color-gray-border);
  margin: 0 0 15px 0;
}
.application-page .button-row {
  padding-top: 20px;
}
.application-page form .button {
  display: flex;
  width: 100%;
}

.other-funds-block {
  padding-bottom: 100px;
}
@media screen and (max-width: 960px) {
  .other-funds-block {
    padding-bottom: 40px;
  }
}
.other-funds-block .other-funds-head {
  width: var(--layout-actual-width);
  margin-left: auto;
  margin-right: auto;
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: 20px;
  margin-bottom: 40px;
}
@media screen and (max-width: 700px) {
  .other-funds-block .other-funds-head {
    grid-template-columns: 1fr;
  }
}
.other-funds-block .block-head-left {
  align-self: start;
}
.other-funds-block .block-head-right {
  display: flex;
  flex-flow: row nowrap;
  place-items: center stretch;
  place-content: normal flex-end;
  gap: 10px;
}
@media screen and (max-width: 700px) {
  .other-funds-block .block-head-right {
    justify-content: flex-start;
  }
}
.other-funds-block .block-title {
  display: flex;
  flex-flow: row nowrap;
  place-items: center stretch;
  place-content: normal flex-start;
  gap: 10px;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 30px;
}
@media screen and (max-width: 960px) {
  .other-funds-block .block-title {
    font-size: 14px;
    margin-bottom: 7px;
  }
}
.other-funds-block .block-description {
  font-size: 28px;
  font-weight: 300;
}
@media screen and (max-width: 960px) {
  .other-funds-block .block-description {
    font-size: 22px;
  }
}
.other-funds-block .block-description strong {
  font-weight: 800;
}
.other-funds-block .scroller,
.other-funds-block .scroller-block,
.other-funds-block .scroller-chunk {
  display: flex;
  flex-flow: row nowrap;
  align-items: stretch;
}
.other-funds-block .scroller {
  overflow: hidden;
}
.other-funds-block .scroller-chunk {
  gap: 30px;
  padding-right: 30px;
}
.other-funds-block .tile {
  flex: 0 0 auto;
  width: 400px;
  background: var(--color-gray-background);
  border-top: 2px solid var(--color-brand-1);
  border-radius: 5px;
  padding: 40px 30px 40px 30px;
  color: var(--color-dart);
}
.other-funds-block .tile-title {
  color: var(--color-brand-1);
  font-size: 26px;
  font-weight: 700;
  margin-bottom: 10px;
}
.other-funds-block .tile-description {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 20px;
}
.other-funds-block .tile-row {
  display: flex;
  flex-flow: row nowrap;
  place-items: center stretch;
  place-content: normal space-between;
  gap: 0;
  background: #fff;
  border-radius: 5px;
  margin-bottom: 5px;
  padding: 0 20px 0 20px;
  height: 80px;
}
.other-funds-block .tile-row-title {
  font-size: 14px;
  font-weight: 600;
}
.other-funds-block .tile-row-right {
  text-align: right;
}
.other-funds-block .tile-row-value {
  color: var(--color-brand-1);
  font-size: 26px;
  font-weight: 800;
  white-space: nowrap;
}
.other-funds-block .tile-row-unit {
  color: var(--color-gray-text);
  font-size: 14px;
}
.other-funds-block .tile-terms {
  margin-top: 20px;
  color: var(--color-gray-text);
  font-size: 14px;
  font-weight: 400;
}

/* Всплывающее информационное окно — модуль popup */
.popup {
  --popup-gap: var(--page-margin);
  position: fixed;
  z-index: 200;
  box-sizing: border-box;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0.4s, opacity 0.4s;
}
.popup.open {
  visibility: visible;
  opacity: 1;
}
.popup .popup-window {
  display: flex;
  flex-flow: column nowrap;
  place-items: stretch stretch;
  place-content: normal flex-start;
  gap: 0;
  box-sizing: border-box;
  width: 100%;
  max-height: 100%;
  overflow-y: auto;
  background: var(--color-white);
  border-radius: 5px;
  box-shadow: 0 10px 40px rgba(39, 41, 44, 0.25);
  transform: translateY(20px);
  transition: transform 0.4s;
}
.popup.open .popup-window {
  transform: translateY(0);
}
.popup .popup-content-wrap {
  position: relative;
  padding: 40px;
}
@media screen and (max-width: 650px) {
  .popup .popup-content-wrap {
    padding: 30px 20px;
  }
}
.popup .popup-close {
  position: absolute;
  top: 12px;
  right: 12px;
  z-index: 1;
}
.popup .popup-content > :first-child {
  margin-top: 0;
}
.popup .popup-content > :last-child {
  margin-bottom: 0;
}
.popup .popup-content img {
  max-width: 100%;
  height: auto;
}
.popup .popup-buttons {
  display: flex;
  flex-flow: row wrap;
  place-items: center stretch;
  place-content: normal flex-start;
  gap: 15px;
  margin-top: 30px;
}
@media screen and (max-width: 650px) {
  .popup .popup-button {
    width: 100%;
  }
}

/* Угловые варианты — окно прижато к одному из углов экрана */
.popup-position-top-left,
.popup-position-top-right,
.popup-position-bottom-left,
.popup-position-bottom-right {
  width: calc(100vw - var(--popup-gap) * 2);
  max-width: var(--popup-max-width, 600px);
}
.popup-position-top-left .popup-window,
.popup-position-top-right .popup-window,
.popup-position-bottom-left .popup-window,
.popup-position-bottom-right .popup-window {
  max-height: var(--popup-max-height, calc(100vh - var(--popup-gap) * 2));
}

.popup-position-top-left {
  top: var(--popup-gap);
  left: var(--popup-gap);
}

.popup-position-top-right {
  top: var(--popup-gap);
  right: var(--popup-gap);
}

.popup-position-bottom-left {
  bottom: var(--popup-gap);
  left: var(--popup-gap);
}

.popup-position-bottom-right {
  bottom: var(--popup-gap);
  right: var(--popup-gap);
}

/* По центру — окно не блокирует страницу, клики мимо проходят насквозь */
.popup-position-center {
  display: flex;
  flex-flow: row nowrap;
  place-items: center stretch;
  place-content: normal center;
  gap: 0;
  inset: 0;
  padding: var(--popup-gap);
  pointer-events: none;
}
.popup-position-center .popup-window {
  max-width: var(--popup-max-width, 720px);
  max-height: var(--popup-max-height, calc(100vh - var(--popup-gap) * 2));
  pointer-events: auto;
}

/* Блокирующий вариант — окно поверх затемняющего overlay на весь экран */
.popup-position-fullscreen {
  display: flex;
  flex-flow: row nowrap;
  place-items: center stretch;
  place-content: normal center;
  gap: 0;
  inset: 0;
  padding: var(--popup-gap);
  background: #fff;
}
.popup-position-fullscreen .popup-window {
  max-width: var(--popup-max-width, 720px);
  max-height: var(--popup-max-height, calc(100vh - var(--popup-gap) * 2));
}

/* Растяжки — окно во всю ширину экрана сверху или снизу */
.popup-position-top-stretch,
.popup-position-bottom-stretch {
  left: 0;
  right: 0;
}
.popup-position-top-stretch .popup-window,
.popup-position-bottom-stretch .popup-window {
  border-radius: 0;
  max-height: var(--popup-max-height, 60vh);
}
.popup-position-top-stretch .popup-content-wrap,
.popup-position-bottom-stretch .popup-content-wrap {
  max-width: var(--popup-max-width, var(--layout-actual-width));
  padding-left: 0;
  padding-right: 0;
  margin: 0 auto;
}

.popup-position-top-stretch {
  top: 0;
}

.popup-position-bottom-stretch {
  bottom: 0;
}

.text-page {
  margin: 0 var(--layout-margin) 90px var(--layout-margin);
}

/* Всплывающая форма «Получить консультацию» (модуль popup_consult).
   Скрыта по умолчанию, показывается виджетом anchorPopup по якорю #consult. */
.consult-popup {
  display: flex;
  flex-flow: row nowrap;
  place-items: center stretch;
  place-content: normal center;
  gap: 0;
  position: fixed;
  inset: 0;
  z-index: 150;
  box-sizing: border-box;
  padding: var(--page-margin);
  background: rgba(39, 41, 44, 0.4);
  backdrop-filter: blur(4px);
  visibility: hidden;
  opacity: 0;
  transition: visibility 0.3s, opacity 0.3s;
}
.consult-popup.open {
  visibility: visible;
  opacity: 1;
}
.consult-popup.open .consult-popup-window {
  transform: translateY(0);
}
.consult-popup .consult-popup-window {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  max-width: 530px;
  max-height: calc(100vh - var(--page-margin) * 2);
  overflow-y: auto;
  padding: 60px;
  background: var(--color-white);
  border-radius: 5px;
  box-shadow: 0 10px 40px rgba(39, 41, 44, 0.25);
  transform: translateY(20px);
  transition: transform 0.3s;
}
@media screen and (max-width: 650px) {
  .consult-popup .consult-popup-window {
    padding: 30px 20px;
  }
}
.consult-popup .consult-popup-close {
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 1;
  --icon-button-width: 30px;
  --icon-button-height: 30px;
  --icon-button-color: var(--color-dark);
  --icon-button-hover-color: var(--color-brand-1);
}
.consult-popup .consult-popup-close .icon {
  width: 30px;
  height: 30px;
}
.consult-popup .form-title {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 20px;
}
@media screen and (max-width: 960px) {
  .consult-popup .form-title {
    margin-bottom: 10px;
  }
}
.consult-popup .form-description {
  font-size: 16px;
  margin-bottom: 30px;
}
@media screen and (max-width: 960px) {
  .consult-popup .form-description {
    font-size: 14px;
    margin-bottom: 20px;
  }
}
.consult-popup .fields-row:not(:last-child) {
  margin-bottom: 10px;
}
.consult-popup .button {
  width: 100%;
}
.consult-popup .consult-popup-form {
  position: relative;
}
.consult-popup .consult-popup-form:before, .consult-popup .consult-popup-form:after {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0.3s, opacity 0.3s;
}
.consult-popup .consult-popup-form:before {
  inset: -10px;
  border-radius: 5px;
  background: rgba(255, 255, 255, 0.6);
  backdrop-filter: blur(2px);
}
.consult-popup .consult-popup-form:after {
  left: 50%;
  top: 50%;
  width: 70px;
  height: 70px;
  margin: -35px;
  border: 5px solid var(--color-brand-2);
  border-left-color: transparent;
  border-bottom-color: transparent;
  border-radius: 50%;
  animation: rotate 1s linear infinite;
}
.consult-popup .consult-popup-form.loading:before, .consult-popup .consult-popup-form.loading:after {
  visibility: visible;
  opacity: 1;
}

.mobile-app-popup {
  display: flex;
  flex-flow: row nowrap;
  place-items: center stretch;
  place-content: normal center;
  gap: 0;
  position: fixed;
  inset: 0;
  z-index: 150;
  box-sizing: border-box;
  padding: var(--page-margin);
  background: rgba(39, 41, 44, 0.4);
  backdrop-filter: blur(4px);
  visibility: hidden;
  opacity: 0;
  transition: visibility 0.3s, opacity 0.3s;
}
.mobile-app-popup.open {
  visibility: visible;
  opacity: 1;
}
.mobile-app-popup.open .mobile-app-popup-window {
  transform: translateY(0);
}
.mobile-app-popup .mobile-app-popup-window {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  max-width: 530px;
  max-height: calc(100vh - var(--page-margin) * 2);
  overflow-y: auto;
  padding: 60px;
  background: var(--color-white);
  border-radius: 5px;
  box-shadow: 0 10px 40px rgba(39, 41, 44, 0.25);
  transform: translateY(20px);
  transition: transform 0.3s;
}
@media screen and (max-width: 650px) {
  .mobile-app-popup .mobile-app-popup-window {
    padding: 30px 20px;
  }
}
.mobile-app-popup .mobile-app-popup-close {
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 1;
  --icon-button-width: 30px;
  --icon-button-height: 30px;
  --icon-button-color: var(--color-dark);
  --icon-button-hover-color: var(--color-brand-1);
}
.mobile-app-popup .mobile-app-popup-close .icon {
  width: 30px;
  height: 30px;
}
.mobile-app-popup .mobile-app-popup-content {
  text-align: center;
}
.mobile-app-popup .mobile-app-popup-content > *:not(:last-child) {
  margin-bottom: 20px;
}
.mobile-app-popup .mobile-app-popup-content .content-title {
  font-size: 20px;
  font-weight: 600;
}
.mobile-app-popup .mobile-app-popup-content img {
  max-width: 100%;
  height: auto;
}
@media screen and (max-width: 960px) {
  .mobile-app-popup .mobile-app-popup-content .content-title {
    font-size: 18px;
  }
}

.field:placeholder-shown ~ .clear-button {
  display: none;
}
/*!****************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-1.use[2]!./node_modules/swiper/swiper.css ***!
  \****************************************************************************************************************************************************/
/**
 * Swiper 12.1.1
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2026 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: February 13, 2026
 */

:root {
  --swiper-theme-color: #007aff;
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  --swiper-wrapper-transition-timing-function: initial;
  */
}
:host {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
}
.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
  display: block;
}
.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: ease;
  transition-timing-function: initial;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  box-sizing: content-box;
}
.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}
.swiper-horizontal {
  touch-action: pan-y;
}
.swiper-vertical {
  touch-action: pan-x;
}
.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  display: block;
}
.swiper-slide-invisible-blank {
  visibility: hidden;
}
/* Auto Height */
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}
.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}
.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  backface-visibility: hidden;
}
/* 3D Effects */
.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}
.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}
.swiper-3d {
  perspective: 1200px;
}
.swiper-3d .swiper-slide,.swiper-3d .swiper-cube-shadow {
    transform-style: preserve-3d;
  }

/* CSS Mode */
.swiper-css-mode  > .swiper-wrapper {
    overflow: auto;
    scrollbar-width: none; /* For Firefox */
    -ms-overflow-style: none; /* For Internet Explorer and Edge */
  }
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
      display: none;
    }
.swiper-css-mode  > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: start start;
  }
.swiper-css-mode.swiper-horizontal  > .swiper-wrapper {
      scroll-snap-type: x mandatory;
    }
.swiper-css-mode.swiper-horizontal  > .swiper-wrapper > .swiper-slide:first-child {
      margin-left: var(--swiper-slides-offset-before);
      scroll-margin-inline-start: var(--swiper-slides-offset-before);
    }
.swiper-css-mode.swiper-horizontal  > .swiper-wrapper > .swiper-slide:last-child {
      margin-right: var(--swiper-slides-offset-after);
    }
.swiper-css-mode.swiper-vertical  > .swiper-wrapper {
      scroll-snap-type: y mandatory;
    }
.swiper-css-mode.swiper-vertical  > .swiper-wrapper > .swiper-slide:first-child {
      margin-top: var(--swiper-slides-offset-before);
      scroll-margin-block-start: var(--swiper-slides-offset-before);
    }
.swiper-css-mode.swiper-vertical  > .swiper-wrapper > .swiper-slide:last-child {
      margin-bottom: var(--swiper-slides-offset-after);
    }
.swiper-css-mode.swiper-free-mode  > .swiper-wrapper {
      scroll-snap-type: none;
    }
.swiper-css-mode.swiper-free-mode  > .swiper-wrapper > .swiper-slide {
      scroll-snap-align: none;
    }
.swiper-css-mode.swiper-centered  > .swiper-wrapper::before {
      content: '';
      flex-shrink: 0;
      order: 9999;
    }
.swiper-css-mode.swiper-centered  > .swiper-wrapper > .swiper-slide {
      scroll-snap-align: center center;
      scroll-snap-stop: always;
    }
.swiper-css-mode.swiper-centered.swiper-horizontal  > .swiper-wrapper > .swiper-slide:first-child {
      margin-left: var(--swiper-centered-offset-before);
    }
.swiper-css-mode.swiper-centered.swiper-horizontal  > .swiper-wrapper::before {
      height: 100%;
      min-height: 1px;
      width: var(--swiper-centered-offset-after);
    }
.swiper-css-mode.swiper-centered.swiper-vertical  > .swiper-wrapper > .swiper-slide:first-child {
      margin-top: var(--swiper-centered-offset-before);
    }
.swiper-css-mode.swiper-centered.swiper-vertical  > .swiper-wrapper::before {
      width: 100%;
      min-width: 1px;
      height: var(--swiper-centered-offset-after);
    }

/* Slide styles start */
/* 3D Shadows */
.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10;
  }
.swiper-3d .swiper-slide-shadow {
    background: rgba(0, 0, 0, 0.15);
  }
.swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
.swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
.swiper-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
.swiper-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid #007aff;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s infinite linear;
  }
.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* Slide styles end */

/*!****************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-1.use[2]!./node_modules/swiper/modules/pagination.css ***!
  \****************************************************************************************************************************************************************/
:root {
  /*
  --swiper-pagination-color: var(--swiper-theme-color);
  --swiper-pagination-left: auto;
  --swiper-pagination-right: 8px;
  --swiper-pagination-bottom: 8px;
  --swiper-pagination-top: auto;
  --swiper-pagination-fraction-color: inherit;
  --swiper-pagination-progressbar-bg-color: rgba(0,0,0,0.25);
  --swiper-pagination-progressbar-size: 4px;
  --swiper-pagination-bullet-size: 8px;
  --swiper-pagination-bullet-width: 8px;
  --swiper-pagination-bullet-height: 8px;
  --swiper-pagination-bullet-border-radius: 50%;
  --swiper-pagination-bullet-inactive-color: #000;
  --swiper-pagination-bullet-inactive-opacity: 0.2;
  --swiper-pagination-bullet-opacity: 1;
  --swiper-pagination-bullet-horizontal-gap: 4px;
  --swiper-pagination-bullet-vertical-gap: 6px;
  */
}
.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 300ms opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
    opacity: 0;
  }
.swiper-pagination-disabled > .swiper-pagination,.swiper-pagination.swiper-pagination-disabled {
    display: none !important;
  }
/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: 8px;
  bottom: var(--swiper-pagination-bottom, 8px);
  top: auto;
  top: var(--swiper-pagination-top, auto);
  left: 0;
  width: 100%;
}
/* Bullets */
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transform: scale(0.33);
    position: relative;
  }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
    transform: scale(1);
  }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1);
  }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(0.66);
  }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(0.33);
  }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(0.66);
  }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(0.33);
  }
.swiper-pagination-bullet {
  width: 8px;
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
  height: 8px;
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
  display: inline-block;
  border-radius: 50%;
  border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
  background: #000;
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  opacity: 0.2;
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}
button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
  }
.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer;
  }
.swiper-pagination-bullet:only-child {
    display: none !important;
  }
.swiper-pagination-bullet-active {
  opacity: 1;
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper-vertical > .swiper-pagination-bullets,
.swiper-pagination-vertical.swiper-pagination-bullets {
  right: 8px;
  right: var(--swiper-pagination-right, 8px);
  left: auto;
  left: var(--swiper-pagination-left, auto);
  top: 50%;
  transform: translate3d(0px, -50%, 0);
}

.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 6px 0;
    margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
    display: block;
  }

.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-bullets-dynamic.swiper-pagination-vertical.swiper-pagination-bullets {
    top: 50%;
    transform: translateY(-50%);
    width: 8px;
  }

.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-bullets-dynamic.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet {
      display: inline-block;
      transition:
        200ms transform, 200ms top;
    }
.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px;
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
  }
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-bullets-dynamic.swiper-pagination-horizontal.swiper-pagination-bullets {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
  }
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-bullets-dynamic.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
      transition:
        200ms transform, 200ms left;
    }
.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition:
    200ms transform, 200ms right;
}
/* Fraction */
.swiper-pagination-fraction {
  color: inherit;
  color: var(--swiper-pagination-fraction-color, inherit);
}
/* Progress */
.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));
  position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top;
  }
.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top;
  }
.swiper-horizontal > .swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 4px;
    height: var(--swiper-pagination-progressbar-size, 4px);
    left: 0;
    top: 0;
  }
.swiper-vertical > .swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
    width: 4px;
    width: var(--swiper-pagination-progressbar-size, 4px);
    height: 100%;
    left: 0;
    top: 0;
  }
.swiper-pagination-lock {
  display: none;
}

/*!*****************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-1.use[2]!./node_modules/swiper/modules/effect-fade.css ***!
  \*****************************************************************************************************************************************************************/

    .swiper-fade.swiper-free-mode .swiper-slide {
      transition-timing-function: ease-out;
    }
.swiper-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity;
  }
.swiper-fade .swiper-slide .swiper-slide {
      pointer-events: none;
    }
.swiper-fade .swiper-slide-active {
    pointer-events: auto;
  }
.swiper-fade .swiper-slide-active .swiper-slide-active {
      pointer-events: auto;
    }


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