/*!************************************************************************************************************************************************************************!*\
  !*** 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, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif,
		'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/montserrat/wght.css ***!
  \***************************************************************************************************************************************************************************/
/* montserrat-cyrillic-ext-wght-normal */
@font-face {
  font-family: 'Montserrat Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url(assets/montserrat-cyrillic-ext-wght-normal.a37a0a99fe7114b059fc.woff2) format('woff2-variations');
  unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
}

/* montserrat-cyrillic-wght-normal */
@font-face {
  font-family: 'Montserrat Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url(assets/montserrat-cyrillic-wght-normal.2d3f60b3651996e1e1b9.woff2) format('woff2-variations');
  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}

/* montserrat-vietnamese-wght-normal */
@font-face {
  font-family: 'Montserrat Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url(assets/montserrat-vietnamese-wght-normal.f7d3e187fbfa74d13432.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;
}

/* montserrat-latin-ext-wght-normal */
@font-face {
  font-family: 'Montserrat Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url(assets/montserrat-latin-ext-wght-normal.e82538774f550ca997db.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;
}

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

/* montserrat-cyrillic-wght-italic */
@font-face {
  font-family: 'Montserrat Variable';
  font-style: italic;
  font-display: swap;
  font-weight: 100 900;
  src: url(assets/montserrat-cyrillic-wght-italic.4ed8871b07f57cf79964.woff2) format('woff2-variations');
  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}

/* montserrat-vietnamese-wght-italic */
@font-face {
  font-family: 'Montserrat Variable';
  font-style: italic;
  font-display: swap;
  font-weight: 100 900;
  src: url(assets/montserrat-vietnamese-wght-italic.fb890b170ac6ee9f5059.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;
}

/* montserrat-latin-ext-wght-italic */
@font-face {
  font-family: 'Montserrat Variable';
  font-style: italic;
  font-display: swap;
  font-weight: 100 900;
  src: url(assets/montserrat-latin-ext-wght-italic.0361a0798d43619b69b4.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;
}

/* montserrat-latin-wght-italic */
@font-face {
  font-family: 'Montserrat Variable';
  font-style: italic;
  font-display: swap;
  font-weight: 100 900;
  src: url(assets/montserrat-latin-wght-italic.e63630fdac1b5cca89e1.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, .centered-block {
  padding-left: 60px;
  padding-right: 60px;
  margin-left: auto;
  margin-right: auto;
  max-width: 1410px;
}
@media (max-width: 960px) {
  .page-404, .centered-block {
    padding-left: 25px;
    padding-right: 25px;
  }
}

.extended-block {
  padding-left: 60px;
  padding-right: 60px;
}
@media (max-width: 960px) {
  .extended-block {
    padding-left: 25px;
    padding-right: 25px;
  }
}

.page-404 .page-404-button, .button,
.content-button a {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  padding-left: 30px;
  padding-right: 30px;
  height: 60px;
  background: #10A768;
  color: #fff;
  text-decoration: none;
  font-size: 16px;
  border: none;
  border-radius: 10px;
  cursor: pointer;
  transition: background-color 0.3s;
}
.page-404 .page-404-button:hover, .button:hover,
.content-button a:hover {
  background: #107B54;
  color: #fff;
}

.outlined-button {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  padding-left: 30px;
  padding-right: 30px;
  height: 60px;
  background: none;
  color: #10A768;
  border: 1px solid #10A768;
  text-decoration: none;
  font-size: 16px;
  border-radius: 10px;
  cursor: pointer;
  transition: background-color 0.3s, color 0.3s, opacity 0.3s;
}
.outlined-button:hover {
  text-decoration: none;
  background: #10A768;
  color: #fff;
}
@media screen and (max-width: 650px) {
  .outlined-button {
    height: 45px;
    font-size: 18px;
  }
}

/*
:root {
    --button-height: 50px;
    --button-border-radius: 16px;
    --button-font-size: 16px;
    --button-padding: 20px;
    --button-background-color: #10A768;
    --button-focus-color: #107B54;
    --button-text-color: #fff;
    --button-hover-background-color: #107B54;
    --button-hover-text-color: #fff;

    --outlined-button-border-color: #10A768;
    --outlined-button-text-color: #10A768;
    --outline-button-hover-background-color: #10A768;
    --outline-button-hover-text-color: #fff;
}
*/
html,
body {
  font-family: "Montserrat Variable", Montserrat, Arial, serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.4;
  color: #171C2F;
  height: 100%;
  scroll-behavior: smooth;
}

:focus {
  outline: none;
}

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

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

a {
  color: #10A768;
  text-decoration: none;
  transition: color 0.3s;
}
a:hover {
  color: #107B54;
}

.content-empty {
  font-size: 24px;
  padding: 30px;
  background: #F2F4F5;
  text-align: center;
  border-radius: 20px;
  margin-bottom: 30px;
}
@media (max-width: 600px) {
  .content-empty {
    font-size: 18px;
    padding: 20px;
  }
}

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

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

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

.content-button a {
  display: inline-flex;
  width: fit-content;
}

.link-button {
  display: inline;
  border: none;
  background: none;
  padding: 0;
  color: #10A768;
  transition: color 0.3s;
}
.link-button:hover {
  color: #107B54;
}

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

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* ----------------------------------------- Заголовки ----------------------------------------- */
h6, h5, h4, h3, .content-title,
h2, h1 {
  line-height: 1.3;
  margin: 0;
}

h1 {
  font-weight: 600;
  font-size: 36px;
  margin-bottom: 25px;
}

.content-title,
h2 {
  font-weight: 600;
  font-size: 24px;
  margin-bottom: 25px;
}

h3 {
  font-weight: 500;
  font-size: 20px;
  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, ul, ol {
  margin: 0 0 25px 0;
}
p:last-child, ul:last-child, ol:last-child {
  margin-bottom: 0;
}

article ul li, article ol li {
  margin: 0 0 10px 0;
}
article ul li:last-child, article ol li:last-child {
  margin-bottom: 0;
}

hr {
  display: block;
  border: none;
  border-bottom: 1px solid #CAD1E3;
  margin: 60px 0 60px 0;
}

.image-grayscale {
  filter: grayscale(1);
}

.content-border {
  padding: 15px;
  border: 1px solid #CAD1E3;
  background: #fff;
  border-radius: 10px;
}

.content-lead {
  font-size: 18px;
  font-weight: 600;
}

.content-note,
.content-footer {
  padding: 15px;
  background: #F2F4F5;
  border-radius: 10px;
}

.content-phone a {
  color: #171C2F;
  font-size: 20px;
  font-weight: 500;
  text-decoration: none;
}

.content-highlight {
  color: #10A768;
  font-weight: 500;
}

img.align-left {
  float: left;
  margin: 0 15px 15px 0;
}

img.align-right {
  float: left;
  margin: 0 0 15px 15px;
}

img.align-center {
  display: block;
  margin: 0 auto 15px auto;
}

figure.image {
  padding: 15px;
  background: #F2F4F5;
  border-radius: 10px;
}
figure.image img {
  display: block;
  margin-bottom: 15px;
}
figure.image figcaption {
  font-size: 14px;
  text-align: center;
  font-weight: 500;
  margin: 0;
  padding: 0;
}

/* ----------------------------------------- 404 ошибка ----------------------------------------- */
.page-404 {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  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 {
  display: inline-flex;
}
@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(255, 255, 255, 0.5);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.5s, visibility 0.5s;
}
.popup-overlay.visible {
  opacity: 1;
  visibility: visible;
}
.popup-overlay .popup-window {
  position: relative;
  width: calc(100% - 20px);
  max-width: 460px;
  box-sizing: border-box;
  background: #FFFFFF;
  box-shadow: 3px 5px 30px 0px rgba(58, 166, 185, 0.34);
  overflow: auto;
  max-height: calc(100% - 20px);
  border-radius: 30px;
}
.popup-overlay .popup-close-button {
  border: none;
  padding: 0;
  background: none;
  padding: 0;
  position: absolute;
  z-index: 5;
  right: 20px;
  top: 20px;
  color: #171C2F;
  transition: color 0.3s;
  cursor: pointer;
}
body.non-touch-device .popup-overlay .popup-close-button:hover {
  color: #10A768;
}
.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: 22px;
  font-style: normal;
  font-weight: 600;
  margin: 0 0 20px 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;
}
.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;
}

/* ----------------------------------------- Поля ----------------------------------------- */
.floating-label-input {
  display: block;
  position: relative;
  background: transparent;
  border: 1px solid var(--field-border-color, #CAD1E3);
  border-radius: 10px;
  transition: opacity 0.3s, border-color 0.3s;
}
.floating-label-input:focus-within {
  border-color: 1px solid #10A768;
}
.floating-label-input.disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.floating-label-input.disabled * {
  cursor: not-allowed;
}
.floating-label-input.field-error {
  border-color: #F1243D;
}
.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, #6F788F);
  transform: scale(0.75) translate3d(0, -12px, 0.1px);
}
.floating-label-input .input-field {
  background: transparent;
  border: none;
  box-sizing: border-box;
  font-size: 18px;
  font-weight: 400;
  min-height: 58px;
  height: 0;
  padding: 16px 20px 0 20px;
  width: 100%;
}
@media (max-width: 500px) {
  .floating-label-input .input-field {
    font-size: 16px;
    min-height: 48px;
    padding: 18px 15px 0 15px;
  }
}
.floating-label-input textarea.input-field {
  display: block;
  padding-top: 0;
  margin-top: 28px;
  border-radius: 0 0 10px 10px;
  padding-bottom: 8px;
  resize: none;
  /*height: calc(100% - 25px);*/
  height: 32px;
  min-height: 32px;
}
.floating-label-input .input-label {
  font-size: 18px;
  font-weight: 400;
  color: #171C2F;
  left: 20px;
  pointer-events: none;
  position: absolute;
  top: 18px;
  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 (max-width: 500px) {
  .floating-label-input .input-label {
    font-size: 16px;
    top: 13px;
    left: 15px;
  }
}
.floating-label-input select.input-field {
  appearance: none;
  padding-right: 40px;
  background: url(assets/dropdown-arrow.38d93e1d07ad24fb6e83.svg) right center no-repeat;
}

/* ----------------------------------------- Сворачиваемый контент ----------------------------------------- */
.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;
}

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

.page-header {
  width: 100%;
}

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

.page-footer {
  width: 100%;
  max-width: 100%;
}

html,
body {
  background: #fff;
}

:root {
  --block-background: #F4FAF8;
}

.white-background {
  --block-background: #fff;
}

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

.overlapping-botto-60px {
  position: relative;
  margin-bottom: -60px;
  z-index: 1;
}

.scroll-top {
  position: fixed;
  right: 24px;
  bottom: 168px;
  /*
  right: 20px;
  bottom: 30px;
  */
  opacity: 0;
  visibility: hidden;
  transition: color 0.3s, opacity 0.5s, visibility 0.5s;
  z-index: 10;
  background: none;
  border: none;
  padding: 0;
  color: #10A768;
  /*
  @media (max-width: 960px) {
      right: 15px;
      bottom: 15px;
  }
  */
}
@media (max-width: 768px) {
  .scroll-top {
    display: none;
  }
}
.scroll-top:hover {
  color: #107B54;
}
.scroll-top svg {
  display: block;
  /*
  @media (max-width: 960px) {
      width: 40px;
      height: 40px;
  }
  */
}
.scroll-top.visible {
  opacity: 1;
  visibility: visible;
}

.page-wrap {
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  justify-content: flex-start;
}
body.template-main .page-wrap {
  background: url(assets/main-background.da042502628ad2243d7a.svg) right top no-repeat;
}
@media (max-width: 960px) {
  body.template-main .page-wrap {
    background: none;
  }
}

.page-header {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between;
  position: sticky;
  top: 0;
  z-index: 1000;
  height: 90px;
  background: rgba(255, 255, 255, 0.75);
  backdrop-filter: blur(15px);
}
@media (max-width: 1200px) {
  .page-header {
    position: static;
    height: 50px;
    z-index: 0;
    backdrop-filter: none;
  }
  .page-header > * {
    display: none !important;
  }
}
body.template-form .page-header {
  position: fixed;
  z-index: 20;
  left: 0;
  right: 0;
  top: 0;
  backdrop-filter: blur(25px);
  background: rgba(255, 255, 255, 0.5);
}
body.template-main .page-header {
  margin-bottom: 38px;
}
@media (max-width: 1200px) {
  body.template-main .page-header {
    margin-bottom: 25px;
  }
}
body.template-default .page-header {
  margin-bottom: 30px;
}
@media (max-width: 1100px) {
  body.template-default .page-header {
    margin-bottom: 25px;
  }
}
.page-header .logo-image {
  display: block;
}
.page-header .phone-numbers .tel-link {
  font-weight: 700;
  font-size: 20px;
  color: #171C2F;
}
@media (max-width: 1300px) {
  .page-header .phone-numbers .tel-link {
    font-size: 16px;
  }
}
.page-header .right {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  gap: 20px;
}
@media (max-width: 1300px) {
  .page-header .button {
    height: 45px;
    padding-left: 15px;
    padding-right: 15px;
  }
}

.menu-top .menu-list {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  gap: 30px;
}
.menu-top .menu-list .menu-link {
  color: #171C2F;
  font-weight: 600;
}
.menu-top .menu-list .menu-link:hover {
  color: #10A768;
}
.menu-top .menu-item {
  margin-bottom: 0;
}

.page-title-block {
  position: relative;
}
.page-title-block::before {
  content: "";
  display: block;
  position: absolute;
  right: 60px;
  top: 0;
  width: 116px;
  height: 110px;
  background: url(assets/page-title.967ffb09c34c116c5115.svg) center center no-repeat;
}
@media (max-width: 1100px) {
  .page-title-block::before {
    display: none;
  }
}
body.description-line .page-title-block::after {
  content: "";
  display: block;
  border-bottom: 1px solid #CAD1E3;
  margin-top: 30px;
}

.page-title-snippet {
  font-size: 36px;
  font-weight: 600;
  margin-bottom: 11px;
  max-width: 850px;
}

.page-title {
  position: relative;
  font-size: 36px;
  font-weight: 600;
  margin-bottom: 11px;
  max-width: 850px;
}
@media (max-width: 960px) {
  .page-title {
    font-size: 24px;
  }
}

.page-description {
  max-width: 850px;
}
.page-description p,
.page-description li,
.page-description td {
  font-weight: 500;
  font-size: 20px;
}
@media (max-width: 960px) {
  .page-description p,
  .page-description li,
  .page-description td {
    font-size: 16px;
  }
}

.page-crumbs {
  font-size: 0;
  margin-bottom: 40px;
  color: #6F788F;
  white-space: nowrap;
  overflow-x: auto;
}
.page-crumbs span, .page-crumbs a {
  display: inline-block;
  font-weight: 400;
  font-size: var(--font-size-small);
  line-height: 1.4;
}
.page-crumbs a {
  color: inherit;
}
.page-crumbs a:hover {
  color: #10A768;
}
.page-crumbs svg {
  display: inline-block;
  margin: 0 10px;
}

.block-video {
  margin-top: 47px;
  margin-bottom: 60px;
}
@media (max-width: 960px) {
  .block-video {
    padding-left: 0;
    padding-right: 0;
    margin-top: 25px;
  }
}
.block-video .video {
  display: block;
  border-radius: 10px;
  object-fit: cover;
}
@media (max-width: 960px) {
  .block-video .video {
    border-radius: 0;
    width: 100%;
    height: 33vw;
    margin-bottom: 25px;
  }
}
@media (max-width: 500px) {
  .block-video .video {
    border-radius: 0;
    width: 100%;
    height: 50vw;
  }
}
.block-video .bottom-line {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between;
  max-width: 1290px;
  margin-left: auto;
  margin-right: auto;
  height: 150px;
}
@media (max-width: 1490px) {
  .block-video .bottom-line {
    margin-right: 40px;
  }
}
@media (max-width: 960px) {
  .block-video .bottom-line {
    flex-flow: column nowrap;
    align-items: center;
    margin-left: 25px;
    margin-right: 25px;
    height: auto;
  }
}
.block-video .entry {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  position: relative;
  max-width: 360px;
  flex-grow: 1;
  flex-shrink: 1;
  margin-right: 20px;
}
@media (max-width: 960px) {
  .block-video .entry {
    margin-right: 0;
    max-width: none;
  }
}
@media (max-width: 450px) {
  .block-video .entry {
    width: 100%;
  }
}
.block-video .entry .value {
  font-size: 72px;
  font-weight: 700;
  color: #10A768;
  margin-right: 20px;
}
@media (max-width: 1300px) {
  .block-video .entry .value {
    font-size: 48px;
  }
}
.block-video .entry .text {
  font-size: 20px;
  font-weight: 500;
}
@media (max-width: 1300px) {
  .block-video .entry .text {
    font-size: 14px;
  }
}
.block-video .entry .hand {
  position: absolute;
  right: -31px;
  bottom: -40px;
}
@media (max-width: 960px) {
  .block-video .entry .hand {
    display: none;
  }
}
.block-video .presentation {
  position: relative;
  align-self: flex-end;
  width: 360px;
  height: 150px;
  flex-grow: 0;
  flex-shrink: 0;
}
@media (max-width: 960px) {
  .block-video .presentation {
    height: auto;
    align-self: center;
    padding-bottom: 47px;
    margin-top: 25px;
    max-width: 100%;
  }
}
.block-video .presentation .background {
  position: absolute;
  top: -98px;
  background: rgba(16, 167, 104, 0.5);
  border-radius: 10px;
  width: 360px;
  height: 200px;
  backdrop-filter: blur(50px);
  padding: 30px;
  color: #fff;
}
@media (max-width: 960px) {
  .block-video .presentation .background {
    position: relative;
    top: 0;
    max-width: 100%;
  }
}
.block-video .presentation .pantera {
  position: absolute;
  bottom: 0;
  left: 61px;
}
@media (max-width: 400px) {
  .block-video .presentation .pantera {
    left: 21px;
  }
}
.block-video .presentation .presentation-title {
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 5px;
}
.block-video .presentation .screen {
  position: absolute;
  top: 30px;
  right: 30px;
}
@media (max-width: 370px) {
  .block-video .presentation .screen {
    display: none;
  }
}

.block-products {
  position: relative;
  padding-bottom: 30px;
}
.block-products .block-title {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 25px;
}
@media (max-width: 960px) {
  .block-products .block-title {
    margin-bottom: 15px;
  }
}
.block-products .more-button {
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
}

.products-list-view .filters {
  display: flex;
  flex-flow: row wrap;
  align-items: stretch;
  justify-content: flex-start;
  gap: 10px;
  margin-bottom: 50px;
  /*
  @media (max-width: 500px) {
      gap: 1px;
  }
  */
}
@media (max-width: 960px) {
  .products-list-view .filters {
    margin-bottom: 25px;
    overflow-x: auto;
    overflow-y: hidden;
    flex-wrap: nowrap;
    padding-bottom: 10px;
  }
}
.products-list-view .filters .filter-button {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  border: 1px solid #CAD1E3;
  color: #171C2F;
  background: #fff;
  border-radius: 10px;
  height: 60px;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 16px;
  line-height: 1.4;
  transition: color 0.3s, border-color 0.3s;
  flex-grow: 0;
  flex-shrink: 0;
}
@media (max-width: 960px) {
  .products-list-view .filters .filter-button {
    height: 45px;
    padding-left: 15px;
    padding-right: 15px;
  }
}
.products-list-view .filters .filter-button.as-list {
  border: none;
  margin-left: auto;
  color: #10A768;
  padding-left: 0;
  padding-right: 0;
}
.products-list-view .filters .filter-button .num {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  border-radius: 25px;
  background: #F4FAF8;
  margin-left: 10px;
  font-weight: 600;
}
@media (max-width: 960px) {
  .products-list-view .filters .filter-button .num {
    font-size: 16px;
    width: 35px;
    height: 35px;
  }
}
.products-list-view .filters .filter-button.current {
  border-color: #10A768;
  color: #10A768;
}
.products-list-view .filters .filter-button.as-list.current {
  border: 1px solid #D5EFE9;
  color: #171C2F;
  background: #D5EFE9 url(assets/close.ce39f7d5783492eed634.svg) right 20px center no-repeat;
  padding-left: 20px;
  padding-right: 54px;
}
.products-list-view .filters .filter-button:hover {
  border-color: #107B54 !important;
  color: #107B54;
}
.products-list-view .tiles {
  display: grid;
  grid-gap: 30px;
  grid-template-columns: repeat(3, 1fr);
  list-style: none;
  margin: 0 0 30px 0;
  padding: 0;
}
@media (max-width: 1000px) {
  .products-list-view .tiles {
    grid-template-columns: 1fr;
  }
}
.products-list-view .tiles .tile {
  position: relative;
  background: #F4FAF8;
  padding: 50px 70px 140px 50px;
  border-radius: 10px;
  border-bottom: 3px solid #10A768;
}
@media (max-width: 1200px) {
  .products-list-view .tiles .tile {
    padding: 30px 30px 100px 30px;
  }
}
.products-list-view .tiles .tile .title {
  display: block;
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 20px;
  color: #171C2F;
}
.products-list-view .tiles .tile .description {
  color: #171C2F;
}
.products-list-view .tiles .tile .arrow-button {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 20px;
  bottom: 20px;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: #fff;
  transition: color 0.3s, background-color 0.3s;
}
.products-list-view .tiles .tile:hover .arrow-button {
  color: #fff;
  background: #10A768;
}
.products-list-view .list {
  columns: 3;
  column-gap: 30px;
  margin-bottom: 30px;
}
@media (max-width: 960px) {
  .products-list-view .list {
    columns: 2;
  }
}
@media (max-width: 600px) {
  .products-list-view .list {
    columns: 1;
  }
}
.products-list-view .list .pages-block {
  margin-bottom: 30px;
  page-break-inside: avoid;
  break-inside: avoid-column;
  display: table;
}
.products-list-view .list .block-title {
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 20px;
}
.products-list-view .list .page {
  margin-bottom: 10px;
}
.products-list-view .list .item {
  color: #171C2F;
}
.products-list-view .list .item:hover {
  color: #10A768;
}

.block-works {
  background: var(--block-background);
  padding-bottom: 30px;
}
body.template-main .block-works {
  background: url(assets/rect.d738be3e2006154b7394.svg) 0 bottom no-repeat;
  background-size: 100% 210px;
}
.block-works .works-tile {
  display: block;
  width: 410px;
  max-width: 100vw;
  margin-right: 5px;
}
@media (max-width: 500px) {
  .block-works .works-tile {
    max-width: calc(100vw - 25px - 25px);
  }
}
.block-works .more-button {
  width: fit-content;
  margin-top: 30px;
  margin-left: auto;
  margin-right: auto;
}

.works-tile {
  color: #171C2F;
}
.works-tile .image-aspect {
  display: block;
  position: relative;
  width: 100%;
  padding-bottom: 58.5365853658%;
  border-radius: 10px 10px 0 0;
  overflow: hidden;
}
.works-tile .image {
  position: absolute;
  display: block;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 10px 10px 0 0;
  background: #D5EFE9;
  transition: 1s ease-in-out;
}
.works-tile .image-aspect:hover .image {
  transform: scale(1.25);
}
.works-tile .bottom {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  position: relative;
  background: #fff;
  border-radius: 0 0 10px 10px;
  height: 90px;
  padding-left: 20px;
  padding-right: 90px;
}
.works-tile .title {
  color: #171C2F;
}
.works-tile .title:hover {
  color: #10A768;
}
.works-tile .link-button {
  position: absolute;
  top: 32px;
  right: 15px;
  color: #171C2F;
}
.works-tile .link-button:hover {
  color: #10A768;
}
.works-tile .link-button svg {
  display: block;
  width: 24px;
  height: 24px;
}

/*
.block-placeholder {
    padding-bottom: 30px;
    background: var(--block-background);

    .block {
        @include flex($align: center, $justify: center);

        aspect-ratio: 2.6875;
        background: $color-gray-border;
        border-radius: 10px;
    }
}
*/
.block-articles {
  padding-top: 30px;
  padding-bottom: 120px;
  background: var(--block-background);
  /*
  .news-list {
      grid-template-columns: 0 1fr 30px 1fr 0;
  }
  */
}
.block-articles .block-title {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 25px;
}

.block-logos {
  padding-bottom: 75px;
  background: var(--block-background);
}
body.template-main .block-logos .scroller {
  position: relative;
  cursor: ew-resize;
}
body.template-main .block-logos .scroller::before, body.template-main .block-logos .scroller::after {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  top: 0;
  bottom: 0;
  width: 100px;
  pointer-events: none;
}
body.template-main .block-logos .scroller::before {
  left: 0;
  background: linear-gradient(90deg, #f4faf8 0%, rgba(244, 250, 248, 0.9) 25%, rgba(244, 250, 248, 0) 100%);
}
body.template-main .block-logos .scroller::after {
  right: 0;
  background: linear-gradient(-90deg, #f4faf8 0%, rgba(244, 250, 248, 0.9) 25%, rgba(244, 250, 248, 0) 100%);
}
@media (max-width: 700px) {
  .block-logos {
    padding-bottom: 30px;
  }
}
.block-logos .logo-wrap {
  padding: 0 20px 0 20px;
}
.block-logos .logo-link {
  display: block;
  filter: grayscale(100%) hue-rotate(180deg) contrast(0.9) brightness(1.2);
  transition: filter 0.3s;
}
.block-logos .logo-link:hover {
  filter: grayscale(0%);
}
.block-logos .logo-image {
  display: block;
  width: 200px;
  height: 120px;
}

.scroller {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  overflow: hidden;
}
.scroller * {
  -webkit-user-drag: none;
  -khtml-user-drag: none;
  -moz-user-drag: none;
  -o-user-drag: none;
  user-drag: none;
}
.scroller.dragged, .scroller.dragged * {
  pointer-events: none;
}

.scroller-block {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
}

.scroller-chunk {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
}

.block-form {
  position: relative;
  background: var(--block-background);
  padding: 0 60px 60px 60px;
}
@media (max-width: 960px) {
  .block-form {
    padding: 0 25px 25px 25px;
  }
}
.block-form::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 60px;
  bottom: 0;
  background: url(assets/form-bg.02fcb808fcf2553ccf8f.jpg) center center no-repeat;
  background-size: cover;
}
.block-form .form {
  position: relative;
  z-index: 10;
  max-width: 1070px;
  margin-left: auto;
  margin-right: auto;
  background: url(assets/form-background-1.4b0f9f54ec2ffdf21c64.svg) 20px 20px no-repeat, url(assets/form-background-2.62873c1550a55456dca0.svg) right 20px bottom 20px no-repeat, #fff;
  border-top: 3px solid #10A768;
  border-radius: 10px;
}
.block-form .form::before, .block-form .form::after {
  content: "";
  display: block;
  position: absolute;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0.3s, opacity 0.3s;
}
.block-form .form.loading::before {
  visibility: visible;
  opacity: 0.75;
}
.block-form .form.loading::after {
  visibility: visible;
  opacity: 1;
}
.block-form .form::before {
  left: 5px;
  right: 5px;
  top: 5px;
  bottom: 5px;
  background: #fff;
  border-radius: 5px;
  z-index: 1;
}
.block-form .form::after {
  left: 50%;
  top: 50%;
  border: 4px solid #10A768;
  border-top-color: transparent;
  border-right-color: transparent;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  margin: -25px;
  z-index: 2;
  animation: spin 1s linear infinite;
}
@media (max-width: 800px) {
  .block-form .form {
    background: #fff;
  }
}
.block-form .form-content {
  max-width: 890px;
  margin-left: auto;
  margin-right: auto;
  padding: 30px;
}
@media (max-width: 960px) {
  .block-form .form-content {
    padding: 20px;
  }
}
.block-form .floating-label-input {
  background: #fff;
}
.block-form .floating-label-input textarea {
  min-height: 80px;
}
.block-form .form-title {
  font-size: 24px;
  font-weight: 600;
  text-align: center;
  margin-bottom: 5px;
}
@media (max-width: 700px) {
  .block-form .form-title {
    font-size: 18px;
  }
}
.block-form .form-description {
  text-align: center;
  color: #6F788F;
  margin-bottom: 30px;
}
@media (max-width: 700px) {
  .block-form .form-description {
    font-size: 14px;
  }
}
.block-form .form-layout {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto auto auto auto;
  gap: 10px;
  margin-bottom: 20px;
  grid-template-areas: "name    tel" "email   company" "message message" "files   files";
}
@media (max-width: 700px) {
  .block-form .form-layout {
    grid-template-columns: 1fr;
    grid-template-rows: auto auto auto auto auto auto;
    grid-template-areas: "name" "tel" "email" "company" "message" "files";
  }
}
.block-form .form-layout-name {
  grid-area: name;
}
.block-form .form-layout-tel {
  grid-area: tel;
}
.block-form .form-layout-email {
  grid-area: email;
}
.block-form .form-layout-company {
  grid-area: company;
}
.block-form .form-layout-message {
  grid-area: message;
}
.block-form .form-layout-files-row {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between;
  grid-area: files;
}
.block-form .form-layout-files-row .left {
  padding-left: 42px;
  background: url(assets/attach.53e028402baeca7cff90.svg) 0 5px no-repeat;
}
.block-form .form-layout-files-row .outlined-button {
  height: 40px;
  padding: 0 17px 0 17px;
}
.block-form .attach-file-hint {
  color: #6F788F;
  font-size: 14px;
}
.block-form .submit {
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 700px) {
  .block-form .submit {
    margin-left: 0;
    margin-right: 0;
  }
}
@media (max-width: 500px) {
  .block-form .submit {
    width: 100%;
  }
}

.upload-files .files-list-entry {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
}
.upload-files .files-list-entry-text {
  margin-right: 10px;
}
.upload-files .files-list-entry {
  margin-bottom: 5px;
}
.upload-files .files-list-entry-remove {
  position: relative;
  bottom: 1px;
  border: none;
  background: none;
  font-size: 16px;
  padding: 0;
  width: 22px;
  height: 22px;
  color: #F1243D;
}
.upload-files .files-input {
  cursor: pointer;
}
.upload-files .files-upload-button {
  color: #10A768;
  transition: color 0.3s;
}
.upload-files .files-upload-button:hover {
  color: #107B54;
}

.page-footer {
  background: #171C2F;
  color: #fff;
}
.page-footer .extended-block {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  padding-top: 30px;
  padding-bottom: 30px;
}
@media (max-width: 768px) {
  .page-footer .extended-block {
    padding-bottom: 90px;
  }
}
@media (max-width: 960px) {
  .page-footer .extended-block {
    flex-flow: column nowrap;
    align-items: center;
    text-align: center;
  }
}
.page-footer .phone-numbers {
  margin-right: 40px;
  font-size: 20px;
  font-weight: 700;
}
@media (max-width: 960px) {
  .page-footer .phone-numbers {
    margin-right: 0;
    margin-bottom: 15px;
  }
}
.page-footer .tel-link {
  color: #fff;
}
.page-footer .email {
  margin-bottom: 5px;
}
.page-footer .contacts {
  margin-right: auto;
  max-width: 330px;
}
@media (max-width: 960px) {
  .page-footer .contacts {
    margin-right: 0;
    margin-bottom: 15px;
  }
}
.page-footer .social-links {
  display: flex;
  flex-flow: row nowrap;
  align-items: flex-start;
  justify-content: flex-end;
  gap: 10px;
  margin-bottom: 8px;
}
@media (max-width: 960px) {
  .page-footer .social-links {
    justify-content: center;
    margin-bottom: 15px;
  }
}
.page-footer .social-link {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: transparent;
  transition: background-color 0.3s;
}
.page-footer .social-link:hover {
  background: #282d42;
}

.block-about {
  --block-paddings: calc(
      max((100% - 1290px) / 2, 60px)
  );
  display: grid;
  grid-template-columns: var(--block-paddings) 1fr 30px 410px var(--block-paddings);
  grid-template-rows: 60px auto 60px auto;
  padding-top: 35px;
  padding-bottom: 60px;
}
@media (max-width: 960px) {
  .block-about {
    --block-paddings: $page-margin-mobile;
    grid-template-columns: 25px 1fr 25px;
    grid-template-rows: auto auto auto auto;
    row-gap: 25px;
    padding-top: 25px;
    padding-bottom: 30px;
  }
}
.block-about .about-picture {
  display: block;
  grid-column: 1/6;
  grid-row: 1/3;
}
@media (max-width: 960px) {
  .block-about .about-picture {
    grid-row: 1;
    grid-column: 1/4;
  }
}
.block-about .about-image {
  display: block;
  width: 100%;
  height: auto;
}
.block-about .text {
  grid-column: 2/3;
  grid-row: 4/5;
}
@media (max-width: 960px) {
  .block-about .text {
    grid-row: 2;
    grid-column: 2;
  }
}
.block-about .column {
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  justify-content: flex-end;
  grid-row: 1/5;
  grid-column: 4;
}
@media (max-width: 960px) {
  .block-about .column {
    grid-row: 3;
    grid-column: 2;
  }
}
.block-about .green-block {
  background: rgba(16, 167, 104, 0.5);
  border-radius: 10px;
  backdrop-filter: blur(50px);
  padding: 60px 55px 60px 55px;
  color: #fff;
  margin-bottom: 30px;
}
@media (max-width: 960px) {
  .block-about .green-block {
    padding: 25px;
  }
}
.block-about .lead-block {
  font-size: 20px;
  font-weight: 500;
  text-align: center;
}

.block-contacts {
  padding-top: 35px;
}
@media (max-width: 960px) {
  .block-contacts {
    padding-top: 10px;
  }
}
.block-contacts .contacts-row-wrap {
  background: #F2F4F5;
}
.block-contacts .contacts-row {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  gap: 40px;
  padding-top: 38px;
  padding-bottom: 38px;
  padding-left: 85px;
  background: url(assets/contacts.c2d421c0eb7e6c4985b0.svg) left center no-repeat;
}
@media (max-width: 960px) {
  .block-contacts .contacts-row {
    display: flex;
    flex-flow: column nowrap;
    align-items: flex-start;
    justify-content: flex-start;
    background-position: left 40px;
    gap: 20px;
  }
}
@media (max-width: 350px) {
  .block-contacts .contacts-row {
    padding-left: 0;
    background: none;
  }
}
.block-contacts .map {
  height: 480px;
}
.block-contacts .phones {
  font-size: 20px;
  font-weight: 500;
}
.block-contacts .phones a {
  color: inherit;
}
.block-contacts .address {
  max-width: 280px;
}

.works-wrap {
  display: flex;
  flex-flow: row nowrap;
  align-items: stretch;
  justify-content: flex-start;
}

.works-tiles {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 30px;
}
@media (max-width: 960px) {
  .works-tiles {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 600px) {
  .works-tiles {
    grid-template-columns: 1fr;
  }
}
.works-tiles .content-empty {
  grid-column-start: 1;
  grid-column-end: 4;
}

.clients-list-page,
.works-list-page {
  margin-top: 30px;
}

.works-list-page .mobile-filters-menu {
  display: none;
}
@media (max-width: 960px) {
  .works-list-page .mobile-filters-menu {
    display: block;
    position: sticky;
    z-index: 10;
    top: 65px;
    margin-bottom: 25px;
    height: 45px;
    padding-left: 15px;
    padding-right: 15px;
  }
}

.clients-tiles {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 30px;
  margin-bottom: 30px;
}
.clients-tiles .client-tile {
  border: 1px solid #CAD1E3;
  border-radius: 10px;
  padding: 30px;
}
.clients-tiles .client-tile .image-wrap {
  display: block;
  width: fit-content;
  margin-bottom: 64px;
}
.clients-tiles .client-tile .picture {
  display: block;
}
.clients-tiles .client-tile .image {
  display: block;
}
.clients-tiles .client-tile .title {
  display: block;
  margin-bottom: 28px;
}

.list-filters {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  background: #F2F4F5;
  border-radius: 10px;
  padding: 10px;
  margin-bottom: 40px;
}
@media (max-width: 960px) {
  .list-filters {
    display: none;
  }
}
.list-filters .filter {
  position: relative;
  margin-right: 10px;
}
.list-filters .filter .current {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  height: 60px;
  padding: 0 50px 0 20px;
  border-radius: 10px;
  /*
  background: #fff
      url('data:image/svg+xml;utf8,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.99576 12.5017C9.90645 12.5017 9.8234 12.4856 9.74659 12.4535C9.66978 12.4214 9.5993 12.3734 9.53513 12.3094L5.67201 8.44603C5.55201 8.32603 5.49409 8.19603 5.49826 8.05603C5.50256 7.91617 5.56506 7.78582 5.68576 7.66499C5.80659 7.5443 5.93562 7.48395 6.07284 7.48395C6.21006 7.48395 6.33909 7.5443 6.45992 7.66499L9.99992 11.226L13.5608 7.66499C13.6762 7.54971 13.8039 7.49416 13.9439 7.49832C14.0837 7.50263 14.2141 7.56513 14.3349 7.68582C14.4556 7.80666 14.516 7.93568 14.516 8.07291C14.516 8.21013 14.4533 8.3411 14.3278 8.46582L10.4647 12.3094C10.395 12.3734 10.3217 12.4214 10.2449 12.4535C10.1681 12.4856 10.0851 12.5017 9.99576 12.5017Z" fill="%23171C2F"/></svg>')
      right 20px center no-repeat;
  */
  background: #fff;
  cursor: pointer;
  border: 1px solid #F2F4F5;
  transition: border-color 0.3s, color 0.3s;
}
.list-filters .filter .current:hover {
  border-color: #107B54;
  color: #107B54;
}
.list-filters .filter .current .icon {
  position: absolute;
  right: 20px;
  top: 21px;
}
.list-filters .filter .field {
  margin: 10px;
}
.list-filters .filter .dropdown {
  position: absolute;
  z-index: 20;
  left: 0;
  top: 81px;
  background: #fff;
  border-radius: 16px;
  box-shadow: 0px 1px 15px 0px rgba(8, 126, 65, 0.23);
  /*min-width: 100%;
  min-width: 300px;*/
  width: fit-content;
  transform: translateY(-20px);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s, transform 0.3s, visibility 0.3s;
}
.list-filters .filter .scroller {
  padding: 25px 40px 25px 30px;
  max-height: 300px;
  overflow: auto;
  width: fit-content;
}
.list-filters .filter .field + .scroller {
  padding-top: 5px;
}
.list-filters .filter .scroller .option,
.list-filters .filter .scroller .simplebar-content {
  width: fit-content;
}
.list-filters .filter .scroller .simplebar-track.simplebar-vertical {
  right: 10px;
  top: 15px;
  bottom: 15px;
  width: 5px;
  background: #CAD1E3;
  border-radius: 2.5px;
}
.list-filters .filter .not-found {
  display: none;
  padding-top: 5px;
}
.list-filters .filter .field + .scroller .simplebar-track.simplebar-vertical {
  right: 10px;
  top: 0;
  bottom: 15px;
  width: 5px;
  background: #CAD1E3;
  border-radius: 2.5px;
}
.list-filters .filter .scroller .simplebar-scrollbar::before {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  opacity: 1;
  background: #10A768;
}
.list-filters .filter.open .dropdown {
  transform: translateY(0);
  opacity: 1;
  visibility: visible;
}
.list-filters .filter .option a {
  padding-left: 36px;
  display: inline-block;
  position: relative;
  vertical-align: top;
  color: #171C2F;
  white-space: nowrap;
  padding-top: 5px;
  padding-bottom: 5px;
  transition: color 0.3s;
}
.list-filters .filter .option a::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 4px;
  width: 24px;
  height: 24px;
  border: 1px solid #CAD1E3;
  border-radius: 50%;
  transition: border-color 0.3s;
}
.list-filters .filter .option a:hover {
  color: #10A768;
}
.list-filters .filter .option a:hover::before {
  border-color: #10A768;
}
.list-filters .filter .option.option-current a::before {
  background: #10A768 url(assets/filter.6dbdc5db62cda3513ce5.svg) center center no-repeat;
  border: 1px solid #10A768;
  border-radius: 50%;
}
.list-filters .filter .option:not(:last-child) {
  margin-bottom: 10px;
}
.list-filters .filter .floating-label-input .input-field {
  padding-left: 55px;
}
.list-filters .filter .floating-label-input .input-label {
  left: 55px;
}
.list-filters .filter .floating-label-input {
  background: url(assets/search.e816d86cd1af6459fa81.svg) 20px 18px no-repeat;
}
.list-filters .clear-filters {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  height: 60px;
  padding: 0 50px 0 20px;
  border-radius: 10px;
  background: #fff url("data:image/svg+xml;utf8,<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M9.99993 10.7739L6.4391 14.335C6.32368 14.4503 6.19945 14.5058 6.06639 14.5017C5.93347 14.4974 5.8066 14.4349 5.68576 14.3142C5.56507 14.1933 5.50472 14.0643 5.50472 13.9271C5.50472 13.7899 5.56507 13.6608 5.68576 13.54L9.22597 9.99999L5.66493 6.43916C5.54965 6.32374 5.4941 6.19603 5.49826 6.05603C5.50257 5.91617 5.56507 5.78582 5.68576 5.66499C5.8066 5.5443 5.93563 5.48395 6.07285 5.48395C6.21007 5.48395 6.3391 5.5443 6.45993 5.66499L9.99993 9.22603L13.5608 5.66499C13.6762 5.54971 13.8039 5.49068 13.9439 5.48791C14.0838 5.48527 14.2141 5.5443 14.3349 5.66499C14.4556 5.78582 14.516 5.91485 14.516 6.05207C14.516 6.1893 14.4556 6.31832 14.3349 6.43916L10.7739 9.99999L14.3349 13.5608C14.4502 13.6762 14.5092 13.8005 14.512 13.9335C14.5147 14.0664 14.4556 14.1933 14.3349 14.3142C14.2141 14.4349 14.0851 14.4952 13.9478 14.4952C13.8106 14.4952 13.6816 14.4349 13.5608 14.3142L9.99993 10.7739Z\" fill=\"%23171C2F\"/></svg>") right 20px center no-repeat;
  cursor: pointer;
  margin-left: auto;
  color: #171C2F;
}

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

.pagination {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  padding: 0;
  list-style: none;
  gap: 10px;
}
@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 #CAD1E3;
  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: #171C2F;
  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: #107B54;
  border-color: #107B54;
}
.pagination .pager-prev.pager-current span,
.pagination .pager-next.pager-current span,
.pagination .pager-item:not(.pager-ellipsis).pager-current span {
  color: #fff;
  background: #10A768;
  border-color: #10A768;
}
@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;
  }
}

.project-content-page {
  padding-top: 30px;
  padding-bottom: 60px;
}
.project-content-page .tags {
  display: flex;
  flex-flow: row wrap;
  align-items: stretch;
  justify-content: flex-start;
  gap: 10px;
  margin-bottom: 30px;
}
.project-content-page .tags .tag {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  height: 60px;
  border: 1px solid #CAD1E3;
  border-radius: 10px;
  padding: 0 20px 0 20px;
  color: #171C2F;
  transition: background-color 0.3s, border-color 0.3s, color 0.3s;
}
.project-content-page .tags .tag:hover {
  border-color: #10A768;
  background: #10A768;
  color: #fff;
}
@media (max-width: 600px) {
  .project-content-page .tags .tag {
    height: 45px;
    padding: 0 15px 0 15px;
  }
}
.project-content-page .website {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  width: fit-content;
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 30px;
}
@media (max-width: 600px) {
  .project-content-page .website {
    font-size: 20px;
  }
}
.project-content-page .website svg {
  margin-right: 10px;
}
.project-content-page .text p,
.project-content-page .text li,
.project-content-page .text td {
  font-size: 20px;
  font-weight: 500;
}
.project-content-page .text p {
  margin: 60px 0 60px 0;
}
.project-content-page .text p:first-child {
  margin-top: 0;
}
.project-content-page .text p:last-child {
  margin-bottom: 0;
}
.project-content-page .text img {
  display: block;
  width: 100%;
  height: auto;
  border: 30px solid #F2F4F5;
  border-radius: 10px;
}
.project-content-page .text img.project-image {
  border: none;
}
@media (max-width: 600px) {
  .project-content-page {
    display: flex;
    flex-flow: column nowrap;
    align-items: stretch;
    justify-content: flex-start;
    padding-bottom: 25px;
  }
  .project-content-page .tags {
    order: 3;
    margin-bottom: 0;
    margin-top: 40px;
  }
}

.other-projects {
  padding-top: 60px;
  padding-bottom: 30px;
  background: #F4FAF8;
}
.other-projects .block-title {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 25px;
}
@media (max-width: 960px) {
  .other-projects {
    padding-top: 40px;
  }
  .other-projects .works-tiles {
    grid-template-columns: 1fr 1fr;
  }
  .other-projects .works-tile:nth-child(3) {
    display: none;
  }
}
@media (max-width: 600px) {
  .other-projects .works-tiles {
    grid-template-columns: 1fr;
  }
  .other-projects .works-tile:nth-child(3) {
    display: block;
  }
}

.products-list-page {
  padding-top: 30px;
  padding-bottom: 30px;
}

.project-image-folder {
  position: relative;
  margin-bottom: 30px;
}
.project-image-folder .folder-wrap {
  position: relative;
  border-radius: 10px;
}
.project-image-folder .folder-wrap::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 345px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #fff 100%);
  pointer-events: none;
  transition: opacity 0.5s;
}
.project-image-folder.folder-is-open .folder-wrap::after {
  opacity: 0;
}
.project-image-folder .folder-open,
.project-image-folder .folder-close {
  display: block;
  position: absolute !important;
  left: 50%;
  bottom: 0;
  margin: -30px;
  width: 60px;
  height: 60px;
  border: none;
  border-radius: 50%;
}
.project-image-folder .folder-open {
  background: #10A768 url("data:image/svg+xml;utf8,<svg width=\"40\" height=\"40\" viewBox=\"0 0 40 40\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M20 24.5575C19.8219 24.5575 19.6596 24.5283 19.5129 24.47C19.3662 24.4116 19.2241 24.3137 19.0866 24.1762L11.3141 16.4037C11.1133 16.2029 11.013 15.9571 11.0133 15.6662C11.0136 15.3751 11.1196 15.1239 11.3312 14.9125C11.5426 14.7008 11.7912 14.595 12.0771 14.595C12.3626 14.595 12.6111 14.7008 12.8225 14.9125L20 22.1071L27.1946 14.9125C27.3954 14.7116 27.6384 14.6114 27.9237 14.6116C28.209 14.6119 28.4573 14.7179 28.6687 14.9296C28.8804 15.1409 28.9862 15.3896 28.9862 15.6754C28.9862 15.9609 28.8804 16.2094 28.6687 16.4208L20.9133 24.1762C20.7758 24.3137 20.6337 24.4116 20.4871 24.47C20.3404 24.5283 20.178 24.5575 20 24.5575Z\" fill=\"white\"/></svg>") center center no-repeat;
}
.project-image-folder .folder-close {
  background: #10A768 url("data:image/svg+xml;utf8,<svg width=\"40\" height=\"40\" viewBox=\"0 0 40 40\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M20 15.4425C19.8219 15.4425 19.6596 15.4717 19.5129 15.53C19.3662 15.5884 19.2241 15.6863 19.0866 15.8238L11.3141 23.5963C11.1133 23.7971 11.013 24.0429 11.0133 24.3338C11.0136 24.6249 11.1196 24.8761 11.3312 25.0875C11.5426 25.2992 11.7912 25.405 12.0771 25.405C12.3626 25.405 12.6111 25.2992 12.8225 25.0875L20 17.8929L27.1946 25.0875C27.3954 25.2884 27.6384 25.3886 27.9237 25.3884C28.209 25.3881 28.4573 25.2821 28.6687 25.0704C28.8804 24.8591 28.9862 24.6104 28.9862 24.3246C28.9862 24.0391 28.8804 23.7906 28.6687 23.5792L20.9133 15.8238C20.7758 15.6863 20.6337 15.5884 20.4871 15.53C20.3404 15.4717 20.178 15.4425 20 15.4425Z\" fill=\"white\"/></svg>") center center no-repeat;
}

body.template-form .page-content {
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
}

.form-page {
  width: 100%;
  flex-grow: 1;
  flex-shrink: 0;
  display: grid;
  grid-template-columns: max((100% - 1290px) / 2, 60px) 22fr 21fr max((100% - 1290px) / 2, 60px);
  grid-template-rows: 100%;
  /*
  @media (max-width: 1000px) {
      grid-template-columns: $page-margin-desktop 3fr 1fr $page-margin-desktop;
  }
  */
}
@media (max-width: 1400px) {
  .form-page {
    grid-template-columns: 60px 660px 1fr 60px;
  }
}
@media (max-width: 960px) {
  .form-page {
    grid-template-columns: 25px 1fr 80px 25px;
  }
}
@media (max-width: 500px) {
  .form-page {
    display: block;
    padding-left: 25px;
    padding-right: 25px;
  }
}
.form-page .left-column {
  grid-column: 2;
  grid-row-start: 1;
  grid-row-end: 2;
  padding: 110px 0 50px 0;
}
@media (max-width: 1400px) {
  .form-page .left-column {
    padding-top: 80px;
  }
}
@media (max-width: 500px) {
  .form-page .left-column {
    padding-bottom: 30px;
  }
}
.form-page .cover {
  grid-column-start: 3;
  grid-column-end: 5;
  grid-row-start: 1;
  grid-row-end: 2;
  background: url(assets/form-bg2.bac4194903c97ad3bc69.webp) center center no-repeat;
  background-size: cover;
}
@media (max-width: 500px) {
  .form-page .cover {
    display: none;
  }
}
.form-page .form-title {
  font-size: 36px;
  font-style: normal;
  font-weight: 600;
  margin-bottom: 10px;
  margin-right: 25px;
}
@media (max-width: 960px) {
  .form-page .form-title {
    font-size: 24px;
  }
}
.form-page .form-description {
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  margin-bottom: 45px;
  margin-right: 25px;
}
@media (max-width: 960px) {
  .form-page .form-description {
    font-size: 16px;
    margin-bottom: 30px;
  }
}
.form-page .form {
  position: relative;
  background: url(assets/form-background-1.4b0f9f54ec2ffdf21c64.svg) right 71px bottom 60px no-repeat, #F4FAF8 url(assets/form-background-2.62873c1550a55456dca0.svg) right 80px top 60px no-repeat;
  border-top: 3px solid #10A768;
  margin-right: -80px;
  border-radius: 10px;
  padding: 60px 250px 60px 80px;
  /*
  &::before {
      content: '';
      display: block;
      position: absolute;
      left: 5px;
      right: 5px;
      top: 5px;
      bottom: 5px;
      background: $color-brand-4;
      border-radius: 5px;
      z-index: 1;
      visibility: hidden;
      opacity: 0;
      transition: visibility 0.3s, opacity 0.3s;
  }

  &.loading::before {
      visibility: visible;
      opacity: 0.75;
  }

  &.loading::before {
      visibility: visible;
      opacity: 1;
  }
  */
}
@media (max-width: 500px) {
  .form-page .form {
    margin-right: 0;
  }
}
.form-page .form .line {
  content: "";
  display: block;
  position: absolute;
  right: 190px;
  top: 60px;
  width: 0;
  bottom: 205px;
  border-left: 1px solid #10A768;
}
.form-page .form::before, .form-page .form::after {
  content: "";
  display: block;
  position: absolute;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0.3s, opacity 0.3s;
}
.form-page .form.loading::before {
  visibility: visible;
  opacity: 0.75;
}
.form-page .form.loading::after {
  visibility: visible;
  opacity: 1;
}
.form-page .form::before {
  left: 5px;
  right: 5px;
  top: 5px;
  bottom: 5px;
  background: #F4FAF8;
  border-radius: 5px;
  z-index: 1;
}
.form-page .form::after {
  left: 50%;
  top: 50%;
  border: 4px solid #10A768;
  border-top-color: transparent;
  border-right-color: transparent;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  margin: -25px;
  z-index: 2;
  animation: spin 1s linear infinite;
}
@media (max-width: 800px) {
  .form-page .form {
    background: #F4FAF8;
    padding: 60px;
  }
  .form-page .form::after {
    display: none;
  }
}
@media (max-width: 500px) {
  .form-page .form {
    padding: 25px;
  }
}
.form-page .floating-label-input {
  background: #fff;
}
.form-page .form-layout-message textarea {
  min-height: 110px;
}
.form-page .form-layout {
  display: flex;
  flex-flow: column nowrap;
  gap: 10px;
}
.form-page .form-layout-files-row {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between;
  grid-area: files;
}
.form-page .form-layout-files-row .left {
  padding-left: 42px;
  background: url(assets/attach.53e028402baeca7cff90.svg) 0 center no-repeat;
  margin-bottom: 15px;
}
.form-page .attach-file-hint {
  color: #6F788F;
  font-size: 14px;
}

.news-list-page {
  padding-top: 30px;
  padding-bottom: 60px;
}
.news-list-page .pagination {
  margin: 30px auto 0 auto;
  width: fit-content;
}
.news-list-page .news-list-range-switch {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
}
.news-list-page .news-list-range-switch .news-list-range {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  border: 1px solid #CAD1E3;
  height: 60px;
  padding: 0 20px 0 20px;
  color: #171C2F;
  transition: color 0.3s, border-color 0.3s;
}
.news-list-page .news-list-range-switch .news-list-range:hover {
  border-color: #107B54;
  color: #107B54;
}
.news-list-page .news-list-range-switch .news-list-range.current {
  background: #10A768;
  border-color: #10A768;
  color: #fff;
}
@media (max-width: 600px) {
  .news-list-page .news-list-range-switch .news-list-range {
    height: 45px;
    padding: 0 15px 0 15px;
  }
}
.news-list-page .content-empty {
  margin-top: 30px;
  margin-bottom: 0;
}

.news-list {
  display: grid;
  grid-template-columns: max((100% - 1290px) / 2, 60px) 1fr 30px 1fr max((100% - 1290px) / 2, 60px);
  row-gap: 60px;
  padding-bottom: 20px;
}
@media (max-width: 960px) {
  .news-list {
    grid-template-columns: 25px 1fr 30px 1fr 25px;
  }
}
@media (max-width: 600px) {
  .news-list {
    grid-template-columns: 25px 1fr 25px;
  }
}
.news-list .news-row {
  display: grid;
  grid-template-rows: auto auto auto 1fr auto;
  row-gap: 20px;
  grid-template-areas: "image" "date" "title" "description" "more";
}
.news-list .news-row-wrap {
  min-width: 0;
}
.news-list:not(.decorated) .news-row-wrap:nth-child(2n+1) {
  grid-column: 2;
}
.news-list:not(.decorated) .news-row-wrap:nth-child(2n+2) {
  grid-column: 4;
}
@media (max-width: 800px) {
  .news-list .news-row-wrap:nth-child(2n+1) {
    grid-column: 2;
  }
  .news-list .news-row-wrap:nth-child(2n+2) {
    grid-column: 4;
  }
}
@media (max-width: 600px) {
  .news-list .news-row-wrap {
    grid-column: 2 !important;
  }
}
@media (min-width: 800px) {
  .news-list.decorated .news-row-wrap:nth-child(3n+1) {
    grid-column-start: 1;
    grid-column-end: 6;
    background: #F2F4F5;
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .news-list.decorated .news-row-wrap:nth-child(3n+1) .news-row {
    padding-left: 60px;
    padding-right: 60px;
    margin-left: auto;
    margin-right: auto;
    max-width: 1410px;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto 1fr auto;
    column-gap: 30px;
    grid-template-areas: "image date" "image title" "image description" "image more";
  }
}
@media (min-width: 800px) and (max-width: 960px) {
  .news-list.decorated .news-row-wrap:nth-child(3n+1) .news-row {
    padding-left: 25px;
    padding-right: 25px;
  }
}
@media (min-width: 800px) {
  .news-list.decorated .news-row-wrap:nth-child(3n+1) .news-row-image-wrap {
    justify-self: start;
  }
  .news-list.decorated .news-row-wrap:nth-child(3n+1) .news-row-image {
    width: 520px;
  }
  .news-list.decorated .news-row-wrap:nth-child(6n+1) .news-row {
    grid-template-areas: "date        image" "title       image" "description image" "more        image";
  }
  .news-list.decorated .news-row-wrap:nth-child(6n+1) .news-row-image-wrap {
    justify-self: end;
  }
  .news-list.decorated .news-row-wrap:nth-child(3n+2) {
    grid-column: 2;
  }
  .news-list.decorated .news-row-wrap:nth-child(3n+3) {
    grid-column: 4;
  }
}
.news-list .news-row-date {
  grid-area: date;
  color: #6F788F;
}
.news-list .news-row-image-wrap {
  grid-area: image;
  min-width: 0;
}
.news-list .news-row-image {
  max-width: 100%;
  height: auto;
  display: block;
  border-radius: 10px;
}
.news-list .news-row-title {
  grid-area: title;
  font-size: 20px;
  font-weight: 500;
  color: #171C2F;
}
.news-list .news-row-title:hover {
  color: #10A768;
}
.news-list .news-row-description {
  grid-area: description;
}
.news-list .news-row-more {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  grid-area: more;
  padding-top: 20px;
}
@media (max-width: 700px) {
  .news-list .news-row-more {
    padding-top: 0;
  }
}
.news-list .news-row-more svg {
  margin-top: -3px;
  margin-right: 5px;
}

.news-page-layout {
  display: grid;
  grid-template-columns: 1fr 300px;
  gap: 30px;
}
.news-page-layout .right-column {
  padding-bottom: 25px;
}
@media (max-width: 1000px) {
  .news-page-layout {
    grid-template-columns: 1fr;
    gap: 0;
  }
  .news-page-layout .right-column {
    padding-bottom: 30px;
  }
}
.news-page-layout .team-block {
  position: sticky;
  top: 115px;
  padding: 30px 40px 40px 40px;
  background: #F2F4F5;
  border-radius: 10px;
}
@media (max-width: 1200px) {
  .news-page-layout .team-block {
    top: 80px;
  }
}
.news-page-layout .team-block .block-title {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 8px;
}
.news-page-layout .team-block .block-description {
  font-size: 12px;
  margin-bottom: 24px;
}
.news-page-layout .team-block .block-info {
  margin-bottom: 10px;
}
.news-page-layout .team-block .block-info-value {
  font-size: 20px;
  color: #10A768;
  font-weight: 700;
  line-height: 21px;
}
.news-page-layout .team-block .block-info-text {
  font-size: 12px;
}
.news-page-layout .team-block .block-button {
  margin-top: 22px;
  height: 50px;
  width: auto;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 16px;
}

.news-page-text {
  max-width: 960px;
  padding-bottom: 70px;
}
@media (max-width: 600px) {
  .news-page-text {
    padding-bottom: 40px;
  }
}
.news-page-text .news-page-date {
  margin-bottom: 20px;
  color: #6F788F;
}

.news-page-other-block {
  background: #F4FAF8;
  padding: 60px 0 60px 0;
}
@media (max-width: 600px) {
  .news-page-other-block {
    padding-top: 40px;
  }
}
.news-page-other-block .block-title {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 25px;
}

.block-text-snippet {
  padding-bottom: 60px;
}
.block-text-snippet .block-text-content {
  max-width: 960px;
}

.block-works + .block-text-snippet::before {
  border-bottom: 1px solid #cad1e3;
  content: "";
  display: block;
  margin-bottom: 30px;
}

.page-title-block + .block-text-snippet {
  margin-top: 30px;
}

.mobile-header {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between;
  display: none;
  position: fixed;
  z-index: 30;
  left: 0;
  right: 0;
  top: 0;
  background: #fff;
  padding: 0 25px 0 25px;
  height: 50px;
  border-bottom: 1px solid #CAD1E3;
}
@media (max-width: 1200px) {
  .mobile-header {
    display: flex;
  }
}
.mobile-header .header-button {
  border: none;
  background: none;
  padding: 3px;
  color: #171C2F;
}
.mobile-header .header-button .icon {
  display: block;
}
.mobile-header .header-button.open {
  display: none;
}
.mobile-header .logo-image {
  display: block;
  width: 120px;
}

.mobile-contacts-overlay {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 20;
  background: rgba(0, 0, 0, 0.75);
  font-size: 20px;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.5s, visibility 0.5s;
}
.mobile-contacts-overlay .mobile-contacts {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 60px;
  border-top: 1px solid #CAD1E3;
  padding: 25px 25px 40px 25px;
  background: #fff;
  text-align: center;
  transform: translateY(50px);
  transition: transform 0.5s;
}
.mobile-contacts-overlay .close {
  display: block;
  position: absolute;
  right: 20px;
  top: 20px;
  padding: 5px;
  font-size: 20px;
  border: none;
  background: none;
}
.mobile-contacts-overlay.open {
  opacity: 1;
  visibility: visible;
}
.mobile-contacts-overlay.open .mobile-contacts {
  transform: translateY(0);
}
.mobile-contacts-overlay .block-title {
  font-weight: 500;
}
.mobile-contacts-overlay .entry {
  margin-top: 15px;
}
.mobile-contacts-overlay .entry:last-child {
  margin-bottom: 0;
}

.mobile-menu-overlay {
  position: fixed;
  left: 0;
  right: 0;
  top: 50px;
  bottom: 0;
  z-index: 20;
  background: rgba(0, 0, 0, 0.75);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.5s, visibility 0.5s;
}
.mobile-menu-overlay.open {
  opacity: 1;
  visibility: visible;
}
.mobile-menu-overlay.open .mobile-contacts {
  transform: translateY(0);
}
.mobile-menu-overlay .mobile-menu {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 300px;
  max-width: 100vw;
  background: #fff;
  overflow-y: auto;
}
.mobile-menu-overlay .menu-item {
  border-bottom: 1px solid #CAD1E3;
}
.mobile-menu-overlay .menu-link {
  display: block;
  padding: 12px 25px 12px 25px;
  color: #171C2F;
}
.mobile-menu-overlay .mobile-menu-contacts {
  padding: 20px 25px 25px 25px;
}
.mobile-menu-overlay .block-title {
  color: #6F788F;
  margin-bottom: 15px;
}
.mobile-menu-overlay .phones {
  margin-bottom: 15px;
}
.mobile-menu-overlay .phones a {
  font-size: 18px;
  font-weight: 500;
  color: #171C2F;
}
.mobile-menu-overlay .contacts {
  margin-bottom: 25px;
}
.mobile-menu-overlay .button {
  height: 45px;
}

.mobile-filters {
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  justify-content: flex-start;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: #fff;
  z-index: 100;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.5s, visibility 0.5s;
}
.mobile-filters.open {
  opacity: 1;
  visibility: visible;
}
.mobile-filters .block-title {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between;
  height: 50px;
  border-bottom: 1px solid #CAD1E3;
  padding-left: 25px;
  padding-right: 25px;
  font-size: 18px;
}
.mobile-filters .block-title .close {
  border: none;
  background: none;
  font-size: 24px;
  color: #171C2F;
}
.mobile-filters .mobile-filters-content {
  padding: 25px;
}
.mobile-filters .filter-title {
  font-weight: 500;
  margin-bottom: 10px;
}
.mobile-filters .filter-row {
  margin-bottom: 5px;
}
.mobile-filters .filter-list.compact {
  display: flex;
  flex-flow: row wrap;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 20px;
}
.mobile-filters .filter:not(:last-child) {
  margin-bottom: 20px;
}
.mobile-filters .scroll-view {
  overflow-y: auto;
  flex-grow: 1;
}
.mobile-filters .filter-option {
  padding-left: 36px;
  display: inline-block;
  position: relative;
  vertical-align: top;
  color: #171C2F;
  padding-top: 5px;
  padding-bottom: 5px;
  background: none;
  border: none;
  text-align: left;
}
.mobile-filters .filter-option::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 4px;
  width: 24px;
  height: 24px;
  border: 1px solid #CAD1E3;
  border-radius: 50%;
}
.mobile-filters .filter-option.option-current::before {
  background: #10A768 url(assets/filter.6dbdc5db62cda3513ce5.svg) center center no-repeat;
  border: 1px solid #10A768;
  border-radius: 50%;
}
.mobile-filters .apply-wrap {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 25px;
  border-top: 1px solid #CAD1E3;
}
.mobile-filters .apply-wrap * {
  flex-grow: 1;
  flex-shrink: 1;
  height: 45px;
  padding-left: 0;
  padding-right: 0;
}
@media (max-width: 350px) {
  .mobile-filters .apply-wrap {
    display: flex;
  }
}

.pntr-messengers {
  position: fixed;
  right: 24px;
  bottom: 24px;
  z-index: 9999;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.pntr-msg {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  color: #fff;
  text-decoration: none;
  box-shadow: 0 6px 18px rgba(23, 28, 47, 0.22);
  transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.pntr-msg:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 24px rgba(23, 28, 47, 0.3);
  color: #fff;
}

.pntr-msg:focus-visible {
  outline: 3px solid #10A768;
  outline-offset: 3px;
}

.pntr-msg--tg {
  background: #229ED9;
}

.pntr-msg--wa {
  background: #25D366;
}

.pntr-msg__icon {
  width: 30px;
  height: 30px;
}

.pntr-msg__label {
  display: none;
}

@media (max-width: 768px) {
  .pntr-messengers {
    right: 0;
    left: 0;
    bottom: 0;
    flex-direction: row;
    gap: 0;
  }
  .pntr-msg {
    flex: 1;
    width: auto;
    height: 60px;
    border-radius: 0;
    gap: 10px;
    font-size: 20px;
    line-height: 1;
    font-weight: 500;
    box-shadow: none;
  }
  .pntr-msg:hover {
    transform: none;
    box-shadow: none;
  }
  .pntr-msg__icon {
    width: 30px;
    height: 30px;
  }
  .pntr-msg__label {
    display: inline;
  }
}
:root {
  --font-size-small: 13px;
  --font-size-h1: 48px;
  --font-size-h2: 36px;
}
@media (max-width: 1200px) {
  :root {
    --font-size-h1: 38px;
    --font-size-h2: 26px;
  }
}
@media (max-width: 960px) {
  :root {
    --font-size-h1: 24px;
    --font-size-h2: 20px;
  }
}

/* Страница - Поддержка */
body.support-page {
  /* Page content */
  /*.support-page-content {*/
  /*padding-bottom: 60px;*/
  /* Block 1 */
  /* End Block 1 */
  /* Block 2 */
  /* End Block 2 */
  /* Block 3 */
  /* End Block 3 */
  /* Block 4 */
  /* End Block 4 */
  /* Block 5 */
  /* End Block 5 */
  /* Block 6 */
  /* End Block 6 */
  /* Block 7 */
  /* End Block 7 */
  /* Block 8 */
  /* End Block 8 */
}
body.support-page .page-wrap {
  background-image: url(assets/green-circle-top-right.b945b495565a8a0c7144.webp);
  background-position: top right;
  background-repeat: no-repeat;
}
body.support-page .page-content-inner {
  padding-bottom: 60px;
}
body.support-page .block-form {
  background-color: transparent;
}
body.support-page .page-title {
  font-size: var(--font-size-h1);
  line-height: 1.2;
  font-weight: 600;
  color: #171C2F;
  margin: 0 0 10px 0;
}
body.support-page .page-title strong {
  font-weight: inherit;
  color: #10A768;
}
@media (max-width: 960px) {
  body.support-page .page-title {
    line-height: 1.4;
  }
  body.support-page .page-title br {
    display: none;
  }
}
body.support-page .block-subtitle {
  font-size: 16px;
  line-height: 1.4;
  font-weight: 600;
  color: #10A768;
  margin-bottom: 12px;
}
body.support-page .block-title {
  font-size: var(--font-size-h2);
  line-height: 1.2;
  font-weight: 600;
  margin: 0;
  color: #171C2F;
}
body.support-page .block-text {
  font-size: 16px;
  line-height: 1.4;
  font-weight: 400;
  color: #171C2F;
}
@media (max-width: 560px) {
  body.support-page .block-text {
    font-size: 14px;
  }
}
body.support-page .button, body.support-page .outlined-button {
  height: 60px;
  font-size: 16px;
}
body.support-page .block-1 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(1, 1fr);
  gap: 30px;
  margin-bottom: 90px;
}
@media (max-width: 960px) {
  body.support-page .block-1 {
    grid-template-columns: repeat(1, 1fr);
    grid-template-rows: repeat(1, 1fr);
    margin-bottom: 60px;
  }
}
body.support-page .block-1 .col-1 {
  background-image: url(assets/leaf-1.015af5c4672a7528f9bc.svg);
  background-repeat: no-repeat;
  background-position: right 35px top 40px;
}
@media (max-width: 1200px) {
  body.support-page .block-1 .col-1 {
    background-position: right 15px top 40px;
    background-size: 86px 80px;
  }
}
@media (max-width: 960px) {
  body.support-page .block-1 .col-1 {
    background-position: right top -8px;
    background-size: 66px 60px;
    padding-right: 0;
  }
}
@media (max-width: 660px) {
  body.support-page .block-1 .col-1 {
    padding-right: 0;
  }
}
body.support-page .block-1 .col-1 .indicator {
  display: inline-block;
  padding: 10px 20px;
  border-radius: 200px;
  border: 1px solid #CAD1E3;
  color: #171C2F;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.4;
  margin-bottom: 30px;
}
@media (max-width: 480px) {
  body.support-page .block-1 .col-1 .indicator {
    font-size: 14px;
  }
}
body.support-page .block-1 .col-1 .indicator::before {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  background-color: #10A768;
  border-radius: 100%;
  margin-right: 10px;
}
body.support-page .block-1 .col-1 .description {
  font-size: 20px;
  line-height: 1.4;
  font-weight: 500;
  color: #171C2F;
  margin-bottom: 30px;
}
@media (max-width: 960px) {
  body.support-page .block-1 .col-1 .description {
    font-size: 18px;
  }
}
@media (max-width: 480px) {
  body.support-page .block-1 .col-1 .description {
    font-size: 16px;
  }
}
body.support-page .block-1 .col-1 .buttons {
  display: flex;
}
body.support-page .block-1 .col-1 .button, body.support-page .block-1 .col-1 .outlined-button {
  width: fit-content;
  margin-right: 10px;
  /*
  @media (max-width: 560px) {
      width: 50%;
      margin: 0;
  }

  @media (max-width: 480px) {
      padding: 0 15px;
  }
  */
}
@media (max-width: 560px) {
  body.support-page .block-1 .col-1 .buttons {
    gap: 15px;
  }
  body.support-page .block-1 .col-1 .button {
    width: 60%;
    margin: 0;
    padding: 0 15px;
  }
  body.support-page .block-1 .col-1 .outlined-button {
    width: 40%;
    margin: 0;
    padding: 0 15px;
  }
}
body.support-page .block-1 .col-2 {
  background-color: #fff;
  padding: 40px;
  border-radius: 10px;
}
@media (max-width: 960px) {
  body.support-page .block-1 .col-2 {
    border: 1px solid #D5EFE9;
  }
}
@media (max-width: 660px) {
  body.support-page .block-1 .col-2 {
    padding: 20px;
  }
}
body.support-page .block-1 .col-2 .top {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  align-content: flex-start;
  margin-bottom: 15px;
}
body.support-page .block-1 .col-2 .subtitle {
  color: #6F788F;
  font-size: var(--font-size-small);
  font-weight: 400;
  line-height: 1.4;
}
body.support-page .block-1 .col-2 .title {
  color: #171C2F;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.4;
}
body.support-page .block-1 .col-2 .indicator {
  display: inline-flex;
  padding: 5px 10px;
  align-items: center;
  border-radius: 200px;
  background-color: #D5EFE9;
  color: #10A768;
  font-size: var(--font-size-small);
  font-weight: 500;
  line-height: 1.4;
}
body.support-page .block-1 .col-2 .indicator::before {
  content: "";
  display: inline-flex;
  width: 5px;
  height: 5px;
  background-color: #10A768;
  border-radius: 100%;
  margin-right: 5px;
}
body.support-page .block-1 .col-2 .tiles-wrap {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(2, 1fr);
  gap: 10px;
  margin-bottom: 30px;
}
body.support-page .block-1 .col-2 .tiles-item {
  border-radius: 10px;
  background-color: #F4FAF8;
  padding: 11px 20px;
  color: #6F788F;
  font-size: var(--font-size-small);
  font-weight: 400;
  line-height: 1.4;
}
body.support-page .block-1 .col-2 .tiles-item span {
  display: block;
}
body.support-page .block-1 .col-2 .tiles-item strong {
  display: block;
  color: #10A768;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.4;
}
body.support-page .block-1 .col-2 .list-title {
  font-size: var(--font-size-small);
  font-weight: 500;
  line-height: 1.4;
  color: #171C2F;
  margin-bottom: 10px;
}
body.support-page .block-1 .col-2 .check-list .item {
  display: flex;
  align-items: center;
  gap: 5px;
  color: #171C2F;
  margin-bottom: 5px;
  font-size: var(--font-size-small);
  line-height: 20px;
  font-weight: 400;
}
@media (max-width: 480px) {
  body.support-page .block-1 .col-2 .check-list .item {
    line-height: 1.2;
    margin-bottom: 10px;
  }
}
body.support-page .block-1 .col-2 .check-list .item:before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  background-color: #10A768;
  background-image: url(assets/white-check.3759d8ddc77c27fed3e9.svg);
  background-repeat: no-repeat;
  background-position: center center;
  border-radius: 100%;
  flex-shrink: 0;
}
@media (max-width: 480px) {
  body.support-page .block-1 .col-2 .check-list .item:before {
    width: 16px;
    height: 16px;
    background-size: 12px 12px;
  }
}
body.support-page .block-2 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(1, 1fr);
  gap: 30px;
  margin-bottom: 50px;
}
@media (max-width: 1200px) {
  body.support-page .block-2 {
    grid-template-columns: repeat(1, 1fr);
    grid-template-rows: repeat(1, 1fr);
  }
}
body.support-page .block-2 .col-1 .block-title {
  margin-bottom: 20px;
}
body.support-page .block-2 .col-1 .block-text {
  margin-bottom: 40px;
}
body.support-page .block-2 .col-1 .chip-item {
  width: fit-content;
  padding: 10px 20px 10px 40px;
  border-radius: 200px;
  border: 1px solid #CAD1E3;
  background-image: url(assets/green-arrow-1.27f94d294fa757d029aa.svg);
  background-repeat: no-repeat;
  background-position: 20px center;
  color: #171C2F;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.4;
}
body.support-page .block-2 .col-1 .chip-item:not(:last-child) {
  margin-bottom: 10px;
}
@media (max-width: 1200px) {
  body.support-page .block-2 .col-1 .chip-item {
    display: inline-block;
    margin: 0 10px 10px 0;
  }
}
@media (max-width: 960px) {
  body.support-page .block-2 .col-1 .chip-item {
    font-size: 14px;
  }
}
@media (max-width: 560px) {
  body.support-page .block-2 .col-1 .chip-item {
    width: auto;
    display: block;
    margin-right: 0;
  }
}
body.support-page .block-2 .col-2 .tiles-wrap {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(2, 1fr);
  gap: 10px;
}
@media (max-width: 560px) {
  body.support-page .block-2 .col-2 .tiles-wrap {
    grid-template-columns: repeat(1, 1fr);
    grid-template-rows: repeat(1, 1fr);
  }
}
body.support-page .block-2 .col-2 .tiles-item {
  border-radius: 10px;
  background-color: #F4FAF8;
  padding: 70px 40px 30px 30px;
  color: #171C2F;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
  background-image: url(assets/forbidden.f63e0dc94b005b971595.svg);
  background-repeat: no-repeat;
  background-position: 30px 30px;
}
@media (max-width: 960px) {
  body.support-page .block-2 .col-2 .tiles-item {
    padding: 55px 15px 15px 15px;
    background-position: 15px 15px;
  }
}
body.support-page .block-2 .col-2 .tiles-item .title {
  font-weight: 500;
  margin-bottom: 6px;
}
body.support-page .block-3 {
  margin: 0 60px 60px 60px;
  background-color: #10A768;
  border-radius: 10px;
}
@media (max-width: 960px) {
  body.support-page .block-3 {
    margin: 0 25px 60px 25px;
  }
}
body.support-page .block-3 .block-content {
  padding: 60px 0;
  background-image: url(assets/lamp.e6a23919b43cc3aaa6f8.svg);
  background-repeat: no-repeat;
  background-position: right 60px top 70px;
}
@media (max-width: 1600px) {
  body.support-page .block-3 .block-content {
    padding: 30px 0;
    margin: 0 30px;
    background-size: 69px 69px;
    background-position: right 30px;
  }
}
@media (max-width: 960px) {
  body.support-page .block-3 .block-content {
    margin: 0 25px;
  }
}
@media (max-width: 620px) {
  body.support-page .block-3 .block-content {
    background-size: 39px 39px;
    background-position: right 20px;
  }
}
@media (max-width: 560px) {
  body.support-page .block-3 .block-content {
    margin: 0 15px;
  }
}
body.support-page .block-3 .block-subtitle {
  color: #fff;
}
body.support-page .block-3 .block-title {
  color: #fff;
  margin-bottom: 30px;
}
@media (max-width: 580px) {
  body.support-page .block-3 .block-title br {
    display: none;
  }
}
body.support-page .block-3 .tiles-wrap {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(1, 1fr);
  gap: 30px;
}
@media (max-width: 1400px) {
  body.support-page .block-3 .tiles-wrap {
    gap: 15px;
  }
}
@media (max-width: 1100px) {
  body.support-page .block-3 .tiles-wrap {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 1fr);
  }
}
@media (max-width: 560px) {
  body.support-page .block-3 .tiles-wrap {
    grid-template-columns: repeat(1, 1fr);
    grid-template-rows: repeat(1, 1fr);
  }
}
body.support-page .block-3 .tiles-item {
  border-radius: 10px;
  background-color: #D5EFE9;
  padding: 30px 40px;
  color: #171C2F;
  font-size: 16px;
  line-height: 1.4;
  font-weight: 400;
}
body.support-page .block-3 .tiles-item .num {
  font-size: 16px;
  line-height: 1.4;
  font-weight: 600;
  color: #10A768;
  margin-bottom: 28px;
}
body.support-page .block-3 .tiles-item .title {
  font-size: 20px;
  line-height: 1.4;
  font-weight: 500;
  margin-bottom: 10px;
}
@media (max-width: 1600px) {
  body.support-page .block-3 .tiles-item {
    padding: 30px 30px;
    font-size: 14px;
  }
  body.support-page .block-3 .tiles-item .num {
    /*font-size: 14px;*/
    margin-bottom: 15px;
  }
  body.support-page .block-3 .tiles-item .title {
    font-size: 18px;
  }
}
@media (max-width: 1200px) {
  body.support-page .block-3 .tiles-item {
    padding: 20px;
  }
  body.support-page .block-3 .tiles-item .title {
    font-size: 16px;
  }
}
body.support-page .block-4 {
  margin-bottom: 60px;
}
body.support-page .block-4 .top {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  align-content: flex-start;
  margin-bottom: 43px;
}
@media (max-width: 1300px) {
  body.support-page .block-4 .top {
    display: block;
    margin-bottom: 30px;
  }
  body.support-page .block-4 .top .block-caption {
    margin-bottom: 10px;
  }
}
body.support-page .block-4 .block-text {
  color: #6F788F;
  max-width: 520px;
  align-self: flex-end;
  margin-bottom: 8px;
}
body.support-page .block-4 .tiles-wrap {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(1, 1fr);
  gap: 30px;
  margin-bottom: 46px;
  position: relative;
}
body.support-page .block-4 .tiles-wrap:before {
  content: "";
  display: block;
  font-size: 0;
  height: 1px;
  position: absolute;
  z-index: 1;
  background-color: #CAD1E3;
  top: 30px;
  left: 0;
  right: 0;
}
@media (max-width: 960px) {
  body.support-page .block-4 .tiles-wrap {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 1fr);
  }
  body.support-page .block-4 .tiles-wrap:before {
    display: none;
  }
}
@media (max-width: 480px) {
  body.support-page .block-4 .tiles-wrap {
    grid-template-columns: repeat(1, 1fr);
    grid-template-rows: repeat(1, 1fr);
  }
}
body.support-page .block-4 .tiles-item {
  color: #171C2F;
  z-index: 100;
}
body.support-page .block-4 .tiles-item .num {
  display: inline-block;
  width: 60px;
  height: 60px;
  border-radius: 100%;
  background-color: #10A768;
  font-size: 24px;
  line-height: 60px;
  font-weight: 600;
  color: #fff;
  text-align: center;
  margin-bottom: 30px;
}
body.support-page .block-4 .tiles-item .title {
  font-size: 20px;
  line-height: 1.4;
  font-weight: 500;
  margin-bottom: 10px;
}
body.support-page .block-4 .tiles-item .description {
  font-size: 16px;
  line-height: 1.4;
  font-weight: 400;
}
@media (max-width: 1300px) {
  body.support-page .block-4 .tiles-item .title {
    font-size: 16px;
  }
  body.support-page .block-4 .tiles-item .description {
    font-size: 14px;
  }
}
@media (max-width: 960px) {
  body.support-page .block-4 .tiles-item .num {
    margin-bottom: 15px;
  }
}
@media (max-width: 480px) {
  body.support-page .block-4 .tiles-item .num {
    width: 40px;
    height: 40px;
    font-size: 20px;
    line-height: 40px;
  }
}
body.support-page .block-4 .bottom {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  align-content: flex-start;
  border-radius: 10px;
  background-color: #282D42;
  padding: 15px 15px 15px 20px;
}
@media (max-width: 1060px) {
  body.support-page .block-4 .bottom {
    display: block;
    padding: 15px;
  }
}
body.support-page .block-4 .bottom-text {
  color: #fff;
  font-size: 16px;
  line-height: 1.4;
  font-weight: 400;
  padding-left: 52px;
  background-image: url(assets/clock.5ed311be401174733a0b.svg);
  background-repeat: no-repeat;
  background-position: left center;
  align-self: center;
}
@media (max-width: 1060px) {
  body.support-page .block-4 .bottom-text {
    margin-bottom: 15px;
  }
}
@media (max-width: 480px) {
  body.support-page .block-4 .bottom-text {
    font-size: 14px;
  }
}
@media (max-width: 420px) {
  body.support-page .block-4 .bottom-text {
    padding-left: 0;
    background-image: none;
  }
}
body.support-page .block-5 {
  margin-bottom: 60px;
}
body.support-page .block-5 .top {
  background-image: url(assets/leaf-flash.d7880b5fc3e21b68a1a1.svg);
  background-repeat: no-repeat;
  background-position: right 60px top 0px;
}
@media (max-width: 1200px) {
  body.support-page .block-5 .top {
    background-size: 48px 98px;
  }
}
@media (max-width: 960px) {
  body.support-page .block-5 .top {
    background-size: 48px 78px;
    background-position: right top;
    padding-right: 50px;
  }
}
body.support-page .block-5 .block-title {
  margin-bottom: 30px;
}
@media (max-width: 600px) {
  body.support-page .block-5 .block-title br {
    display: none;
  }
}
body.support-page .block-5 .tiles-wrap {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(3, 1fr);
  gap: 30px;
  margin-bottom: 30px;
}
@media (max-width: 1100px) {
  body.support-page .block-5 .tiles-wrap {
    gap: 15px;
  }
}
@media (max-width: 740px) {
  body.support-page .block-5 .tiles-wrap {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(5, 1fr);
  }
}
@media (max-width: 500px) {
  body.support-page .block-5 .tiles-wrap {
    grid-template-columns: repeat(1, 1fr);
    grid-template-rows: repeat(1, 1fr);
  }
}
body.support-page .block-5 .tiles-item {
  color: #171C2F;
  background-color: #F3F7FB;
  border-radius: 10px;
  padding: 26px 40px 26px 30px;
  position: relative;
}
body.support-page .block-5 .tiles-item:before {
  content: "";
  display: block;
  font-size: 0;
  position: absolute;
  z-index: 1;
  background-color: #10A768;
  border-radius: 0 200px 200px 0;
  width: 3px;
  top: 15px;
  left: 0;
  bottom: 15px;
}
body.support-page .block-5 .tiles-item .title {
  font-size: 16px;
  line-height: 1.4;
  font-weight: 600;
  margin-bottom: 5px;
}
body.support-page .block-5 .tiles-item .description {
  font-size: 14px;
}
@media (max-width: 960px) {
  body.support-page .block-5 .tiles-item {
    padding: 20px 15px 20px 20px;
  }
  body.support-page .block-5 .tiles-item .title {
    font-size: 14px;
  }
}
body.support-page .block-5 .block-text {
  color: #6F788F;
  text-align: center;
}
body.support-page .block-6 {
  background-color: #F4FAF8;
  margin: 0 60px 60px 60px;
  padding: 60px 0;
  border-radius: 10px;
}
@media (max-width: 1500px) {
  body.support-page .block-6 {
    margin: 0 30px 60px 30px;
    padding: 30px 0;
  }
  body.support-page .block-6 .block-content {
    padding: 0 30px;
  }
}
@media (max-width: 560px) {
  body.support-page .block-6 {
    margin: 0 25px 60px 25px;
  }
  body.support-page .block-6 .block-content {
    padding: 0 15px;
  }
}
body.support-page .block-6 .top {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  align-content: flex-start;
  margin-bottom: 43px;
}
@media (max-width: 960px) {
  body.support-page .block-6 .top {
    display: block;
    margin-bottom: 30px;
  }
}
body.support-page .block-6 .block-text {
  color: #6F788F;
  max-width: 440px;
  align-self: flex-end;
  margin: 0 36px 8px 0;
}
@media (max-width: 960px) {
  body.support-page .block-6 .block-text {
    max-width: 100%;
    margin: 10px 0 0 0;
  }
}
@media (max-width: 480px) {
  body.support-page .block-6 .block-text {
    font-size: 14px;
  }
}
body.support-page .block-6 .tiles-wrap {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(1, 1fr);
  gap: 30px;
}
@media (max-width: 960px) {
  body.support-page .block-6 .tiles-wrap {
    grid-template-columns: repeat(1, 1fr);
    grid-template-rows: repeat(1, 1fr);
  }
}
body.support-page .block-6 .tiles-item {
  border-radius: 10px;
  padding: 60px 75px;
}
@media (max-width: 1500px) {
  body.support-page .block-6 .tiles-item {
    padding: 30px;
  }
}
@media (max-width: 560px) {
  body.support-page .block-6 .tiles-item {
    padding: 20px;
  }
}
body.support-page .block-6 .tiles-item:first-child {
  border: 1px solid #CAD1E3;
  background-color: #fff;
  color: #171C2F;
}
body.support-page .block-6 .tiles-item:last-child {
  background-color: #171C2F;
  color: #fff;
}
body.support-page .block-6 .tiles-item:last-child .price {
  color: #CAD1E3;
}
body.support-page .block-6 .tiles-item:last-child .price strong {
  color: #8DCEBF;
}
body.support-page .block-6 .tiles-item:last-child .description {
  color: #fff;
  background-color: #282D42;
}
body.support-page .block-6 .title {
  font-size: 16px;
  line-height: 1.4;
  font-weight: 600;
  margin-bottom: 15px;
}
@media (max-width: 480px) {
  body.support-page .block-6 .title {
    font-size: 14px;
    margin-bottom: 10px;
  }
}
body.support-page .block-6 .price {
  font-size: 16px;
  line-height: 1.4;
  font-weight: 400;
  color: #6F788F;
  margin-bottom: 33px;
}
body.support-page .block-6 .price strong {
  display: inline-block;
  margin-right: 6px;
  font-size: 36px;
  line-height: 1.2;
  font-weight: 700;
  color: #10A768;
}
body.support-page .block-6 .description {
  font-size: 16px;
  line-height: 1.4;
  font-weight: 600;
  padding: 20px 20px 20px 60px;
  margin-bottom: 32px;
  border-radius: 10px;
  background-color: #F3F7FB;
  background-image: url(assets/check-1.fc0ff8fc553157ce025f.svg);
  background-repeat: no-repeat;
  background-position: 23px center;
}
@media (max-width: 480px) {
  body.support-page .block-6 .description {
    font-size: 14px;
    padding: 15px 15px 15px 50px;
    background-size: 28px 12px;
    background-position: 15px center;
  }
}
body.support-page .block-6 .check-list {
  padding: 10px 0 25px 0;
}
body.support-page .block-6 .check-list .item {
  font-size: 14px;
  line-height: 1.4;
  font-weight: 400;
  background-image: url(assets/check-2.494be3dfa9a33b9135b5.svg);
  background-repeat: no-repeat;
  background-position: left center;
  padding: 10px 0 10px 21px;
}
@media (max-width: 480px) {
  body.support-page .block-6 .check-list .item {
    font-size: 13px;
  }
}
body.support-page .block-7 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(1, 1fr);
  gap: 30px;
  margin-bottom: 60px;
}
body.support-page .block-7 .col-1 .block-title {
  margin-bottom: 20px;
}
body.support-page .block-7 .col-1 .block-text {
  max-width: 410px;
  margin-bottom: 46px;
}
body.support-page .block-7 .col-1 .clients-list {
  max-width: 400px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  align-content: flex-start;
  column-gap: 30px;
  row-gap: 20px;
}
@media (max-width: 1060px) {
  body.support-page .block-7 {
    grid-template-columns: repeat(1, 1fr);
    grid-template-rows: repeat(1, 1fr);
  }
  body.support-page .block-7 .col-1 .block-title {
    margin-bottom: 15px;
  }
  body.support-page .block-7 .col-1 .block-text {
    max-width: 100%;
  }
  body.support-page .block-7 .col-1 .clients-list {
    max-width: 100%;
  }
}
body.support-page .block-7 .col-2 .tiles-wrap {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(2, 1fr);
  gap: 30px;
}
@media (max-width: 1200px) {
  body.support-page .block-7 .col-2 .tiles-wrap {
    gap: 15px;
  }
}
@media (max-width: 560px) {
  body.support-page .block-7 .col-2 .tiles-wrap {
    grid-template-columns: repeat(1, 1fr);
    grid-template-rows: repeat(1, 1fr);
  }
}
body.support-page .block-7 .col-2 .tiles-item {
  border-radius: 10px;
  background-color: #F4FAF8;
  padding: 30px;
  color: #171C2F;
}
body.support-page .block-7 .col-2 .tiles-item .num {
  font-size: 16px;
  line-height: 1.4;
  font-weight: 600;
  color: #10A768;
  margin-bottom: 15px;
}
body.support-page .block-7 .col-2 .tiles-item .title {
  font-size: 16px;
  line-height: 1.4;
  font-weight: 600;
  margin-bottom: 5px;
}
body.support-page .block-7 .col-2 .tiles-item .description {
  font-size: 14px;
  line-height: 1.4;
  font-weight: 400;
}
@media (max-width: 1200px) {
  body.support-page .block-7 .col-2 .tiles-item {
    padding: 20px;
  }
}
body.support-page .block-8 {
  background-color: #F3F7FB;
  margin: 0 60px 0 60px;
  padding: 60px 0;
  border-radius: 10px;
}
body.support-page .block-8 .top {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 65px;
}
body.support-page .block-8 .block-caption {
  flex-shrink: 0;
}
body.support-page .block-8 .right {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 20px;
  align-items: center;
  flex-shrink: 0;
}
body.support-page .block-8 .block-text {
  color: #6F788F;
}
@media (max-width: 1350px) {
  body.support-page .block-8 .top {
    display: block;
    margin-bottom: 30px;
  }
  body.support-page .block-8 .block-caption {
    margin-bottom: 10px;
  }
  body.support-page .block-8 .right {
    justify-content: space-between;
  }
}
@media (max-width: 960px) {
  body.support-page .block-8 {
    margin: 0 25px;
    padding: 30px 0;
  }
}
@media (max-width: 700px) {
  body.support-page .block-8 .right {
    display: block;
  }
  body.support-page .block-8 .block-text {
    margin-bottom: 15px;
  }
  body.support-page .block-8 .block-text br {
    display: none;
  }
}
body.support-page .block-8 .collapse-item {
  border-bottom: 1px solid #CAD1E3;
}
body.support-page .block-8 .collapse-wrap {
  transition: height 0.3s;
}
body.support-page .block-8 .collapse-toggle {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
  font-size: 16px;
  line-height: 1.4;
  font-weight: 600;
  padding: 20px 0;
  transition: color 0.3s;
  cursor: pointer;
}
body.support-page .block-8 .collapse-toggle .icon {
  transition: transform 0.3s;
  flex-shrink: 0;
}
body.support-page .block-8 .collapse-toggle:hover {
  color: #10A768;
}
body.support-page .block-8 .collapse-open .icon {
  transform: rotate(-45deg);
  aspect-ratio: 1/1;
}
body.support-page .block-8 .collapse-content {
  font-size: 16px;
  line-height: 1.4;
  font-weight: 400;
  color: #6F788F;
  padding: 8px 20px 30px 0;
}
@media (max-width: 1000px) {
  body.support-page .block-8 .collapse-content {
    padding: 8px 0 30px 0;
  }
}
@media (max-width: 700px) {
  body.support-page .block-8 .collapse-toggle .icon {
    margin-left: 15px;
  }
}
@media (max-width: 560px) {
  body.support-page .block-8 .collapse-toggle, body.support-page .block-8 .collapse-content {
    font-size: 14px;
  }
}

/* End Page content */
/* Страница - Спасибо за заявку */
.template-thanks {
  --navy: #171C2F;
  --green:#10A768;
  --green-dark:#0E9460;
  --green-tint: #D5EFE9;
  --green-bg:#F4FAF8;
  --muted:#6F788F;
  --line:#E2E7F1;
  --line-strong:#CAD1E3;
  /* Start page content */
  /* End page content */
  /*
  html{scroll-behavior:smooth}
  body{
    font-family:"Montserrat","Arial",sans-serif;
    color:var(--navy);
    background:#fff;
    line-height:1.5;
    -webkit-font-smoothing:antialiased;
  }

  a{text-decoration:none;color:inherit}
  .container{max-width:1180px;margin:0 auto;padding:0 24px}
  */
}
.template-thanks .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  font-family: inherit;
  font-size: 16px;
  font-weight: 600;
  border: 0;
  border-radius: 10px;
  cursor: pointer;
  transition: 0.15s;
  padding: 15px 30px;
  font-size: 16px;
}
.template-thanks .btn-green {
  background: var(--green);
  color: #fff;
}
.template-thanks .btn-green:hover {
  background: var(--green-dark);
}
.template-thanks .btn-outline {
  background: #fff;
  color: var(--navy);
  border: 1px solid var(--line-strong);
}
.template-thanks .btn-outline:hover {
  border-color: var(--green);
  color: var(--green);
}
.template-thanks .page-content {
  background: linear-gradient(180deg, var(--green-bg) 0%, #fff 100%);
  line-height: 1.5;
  /* Hero */
  /* Meanwhile cards */
}
.template-thanks .page-content .hero {
  padding: 80px 0;
  text-align: center;
}
.template-thanks .page-content .check {
  width: 96px;
  height: 96px;
  border-radius: 50%;
  background: var(--green);
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 32px;
  box-shadow: 0 16px 40px rgba(16, 167, 104, 0.32);
  animation: pop 0.5s ease-out;
}
@keyframes pop {
  0% {
    transform: scale(0.6);
    opacity: 0;
  }
  60% {
    transform: scale(1.08);
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
.template-thanks .page-content .hero h1 {
  font-size: 44px;
  line-height: 1.12;
  font-weight: 700;
  letter-spacing: -0.5px;
  margin-bottom: 18px;
}
.template-thanks .page-content .hero h1 .accent {
  color: var(--green);
}
.template-thanks .page-content .lead {
  font-size: 19px;
  line-height: 1.5;
  color: var(--navy);
  max-width: 620px;
  margin: 0 auto 14px;
}
.template-thanks .page-content .sub {
  font-size: 15px;
  line-height: 1.5;
  color: var(--muted);
  max-width: 560px;
  margin: 0 auto 36px;
}
.template-thanks .page-content .hero-actions {
  display: flex;
  gap: 14px;
  justify-content: center;
  flex-wrap: wrap;
  margin-bottom: 34px;
}
.template-thanks .page-content .btn {
  padding: 15px 30px;
  font-size: 16px;
  font-weight: 600;
}
.template-thanks .page-content .outlined-button {
  background: #fff;
  color: var(--navy);
  border: 1px solid var(--line-strong);
}
.template-thanks .page-content .messengers {
  display: flex;
  gap: 14px;
  justify-content: center;
  flex-wrap: wrap;
  align-items: center;
}
.template-thanks .page-content .messengers span {
  font-size: 14px;
  color: var(--muted);
}
.template-thanks .page-content .mlink {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  font-weight: 600;
  color: var(--navy);
  padding: 9px 16px;
  border: 1px solid var(--line);
  border-radius: 30px;
  transition: 0.15s;
}
.template-thanks .page-content .mlink:hover {
  border-color: var(--green);
  color: var(--green);
}
.template-thanks .page-content .mlink svg {
  width: 18px;
  height: 18px;
}
@media (max-width: 560px) {
  .template-thanks .page-content .hero h1 {
    font-size: 32px;
  }
  .template-thanks .page-content .lead {
    font-size: 17px;
  }
  .template-thanks .page-content .hero {
    padding: 56px 0 48px;
  }
}
.template-thanks .page-content .meanwhile {
  padding: 0px 0 80px 0;
}
.template-thanks .page-content .meanwhile h2 {
  font-size: 26px;
  font-weight: 600;
  text-align: center;
  margin-bottom: 8px;
}
.template-thanks .page-content .meanwhile p.note {
  text-align: center;
  color: var(--muted);
  font-size: 15px;
  margin-bottom: 40px;
}
.template-thanks .page-content .cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 22px;
}
.template-thanks .page-content .card {
  border: 1px solid var(--line);
  border-radius: 16px;
  padding: 30px 26px;
  transition: 0.18s;
  display: flex;
  flex-direction: column;
  gap: 12px;
  background: #fff;
}
.template-thanks .page-content .card:hover {
  border-color: var(--green);
  box-shadow: 0 14px 34px rgba(23, 28, 47, 0.07);
  transform: translateY(-3px);
}
.template-thanks .page-content .card .ico {
  width: 48px;
  height: 48px;
  border-radius: 12px;
  background: var(--green-tint);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--green-dark);
}
.template-thanks .page-content .card .ico svg {
  width: 24px;
  height: 24px;
}
.template-thanks .page-content .card h3 {
  font-size: 18px;
  font-weight: 600;
}
.template-thanks .page-content .card p {
  font-size: 14.5px;
  color: var(--muted);
}
.template-thanks .page-content .card .more {
  font-size: 14px;
  font-weight: 600;
  color: var(--green);
  margin-top: auto;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
@media (max-width: 820px) {
  .template-thanks .page-content .cards {
    grid-template-columns: 1fr;
  }
}
/*!*******************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-1.use[2]!./node_modules/simplebar/dist/simplebar.min.css ***!
  \*******************************************************************************************************************************************************************/
[data-simplebar]{position:relative;flex-direction:column;flex-wrap:wrap;justify-content:flex-start;align-content:flex-start;align-items:flex-start}.simplebar-wrapper{overflow:hidden;width:inherit;height:inherit;max-width:inherit;max-height:inherit}.simplebar-mask{direction:inherit;position:absolute;overflow:hidden;padding:0;margin:0;left:0;top:0;bottom:0;right:0;width:auto!important;height:auto!important;z-index:0}.simplebar-offset{direction:inherit!important;box-sizing:inherit!important;resize:none!important;position:absolute;top:0;left:0;bottom:0;right:0;padding:0;margin:0;-webkit-overflow-scrolling:touch}.simplebar-content-wrapper{direction:inherit;box-sizing:border-box!important;position:relative;display:block;height:100%;width:auto;max-width:100%;max-height:100%;overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.simplebar-content-wrapper::-webkit-scrollbar,.simplebar-hide-scrollbar::-webkit-scrollbar{display:none;width:0;height:0}.simplebar-content:after,.simplebar-content:before{content:' ';display:table}.simplebar-placeholder{max-height:100%;max-width:100%;width:100%;pointer-events:none}.simplebar-height-auto-observer-wrapper{box-sizing:inherit!important;height:100%;width:100%;max-width:1px;position:relative;float:left;max-height:1px;overflow:hidden;z-index:-1;padding:0;margin:0;pointer-events:none;flex-grow:inherit;flex-shrink:0;flex-basis:0}.simplebar-height-auto-observer{box-sizing:inherit;display:block;opacity:0;position:absolute;top:0;left:0;height:1000%;width:1000%;min-height:1px;min-width:1px;overflow:hidden;pointer-events:none;z-index:-1}.simplebar-track{z-index:1;position:absolute;right:0;bottom:0;pointer-events:none;overflow:hidden}[data-simplebar].simplebar-dragging{pointer-events:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}[data-simplebar].simplebar-dragging .simplebar-content{pointer-events:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}[data-simplebar].simplebar-dragging .simplebar-track{pointer-events:all}.simplebar-scrollbar{position:absolute;left:0;right:0;min-height:10px}.simplebar-scrollbar:before{position:absolute;content:'';background:#000;border-radius:7px;left:2px;right:2px;opacity:0;transition:opacity .2s .5s linear}.simplebar-scrollbar.simplebar-visible:before{opacity:.5;transition-delay:0s;transition-duration:0s}.simplebar-track.simplebar-vertical{top:0;width:11px}.simplebar-scrollbar:before{top:2px;bottom:2px;left:2px;right:2px}.simplebar-track.simplebar-horizontal{left:0;height:11px}.simplebar-track.simplebar-horizontal .simplebar-scrollbar{right:auto;left:0;top:0;bottom:0;min-height:0;min-width:10px;width:auto}[data-simplebar-direction=rtl] .simplebar-track.simplebar-vertical{right:auto;left:0}.simplebar-dummy-scrollbar-size{direction:rtl;position:fixed;opacity:0;visibility:hidden;height:500px;width:500px;overflow-y:hidden;overflow-x:scroll;-ms-overflow-style:scrollbar!important}.simplebar-dummy-scrollbar-size>div{width:200%;height:200%;margin:10px 0}.simplebar-hide-scrollbar{position:fixed;left:0;visibility:hidden;overflow-y:scroll;scrollbar-width:none;-ms-overflow-style:none}


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