/**
 * Strip unit from number.
 *
 * Example:
 *   strip-unit(10px) // 10
 *   strip-unit(10%) // 10
 *   strip-unit(10) // 10
 */
/**
 * Convert string to number.
 *
 * Example:
 *   str-to-number('20px') // 20px
 *   str-to-number('10vw') // 10vw
 */
/**
 * Convert pixels to relative units.
 *
 * Example:
 *   px-to-relative(480px, 960px, '%') // 50%
 *   px-to-relative(240px, 960px, 'vw') // 25vw
 */
/**
 * Convert px to %.
 *
 * Example:
 *   px-to-percent(480px, 960px) // 50%
 *   px-to-percent(240px, 960px) // 25%
 */
/**
 * Convert px to vw.
 *
 * Example:
 *   px-to-vw(480px, 960px) // 50vw
 *   px-to-vw(240px, 960px) // 25vw
 */
/**
 * Convert % to px.
 *
 * Example:
 *   percent-to-px(25%, 960px) // 240px
 *   percent-to-px(50%, 1200px) // 600px
 */
/**
 * Convert hex to rgb.
 *
 * Example:
 *   hex-to-rgb(#000000) // 0, 0, 0
 *   hex-to-rgb(#FFFFFF) // 255, 255, 255
 */
/**
 * Shortcut for minmax(0, 1fr).
 *
 * Example:
 *   fr(1) // minmax(0, 1fr)
 *   fr(2) // minmax(0, 2fr)
 */
/**
 * String replace.
 *
 * Example:
 *   str-replace('hello world', 'world', 'john') // 'hello john'
 */
/**
 * Trim string.
 *
 * Example:
 *   str-trim(' foo ') // 'foo'
 *   str-trim('bar ') // 'bar'
 */
/* Return one column width */
/**
 * Return responsive font size.
 *
 * Example:
 *   responsive-font-size(40px, 20px, $min-width: 320px)
 */
/* Clearfix */
/* Remove clearfix */
/* Page padding */
/* Compensate horizontal page padding */
/* Layout row */
/* Layout cell */
/* Layout cell reset */
/* Layout row reset */
/* Full width element */
/* Dotted underline */
/* Dotted underline reset*/
/* Triangle */
/* Triangle color */
/* Outer lines */
/* Outer lines reset */
/* Remove extreme property */
/* Remove first and last margins */
/* Remove first and list p margins */
/* Build inner selector */
/* Full width background */
/* Visually hidden */
/* Reset visually-hidden styles */
/* Hamburger icon */
/* Overlay */
/* Transition with multiple properties */
/* Lines using gradient */
/* Hide scrollbar but non disable scrolling */
/* Hide element */
/* Show element */
/* Left icon */
/* Hide siblings */
/* Keep maximum first elements */
/* Adaptive version keep-first() mixin */
/* Add label colon */
/* Text inputs */
/* Background image with custom color */
/* Page grid system */
/* Grid auto columns */
/* Pixelated image */
/* Centering absolute element */
/* Text gradient */
/* Text gradient reset */
/* Carousel content styles */
/* Hide input[type="number"] arrows */
@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap");
:root {
  --color-text: #616161;
  --color-text-secondary: #929292;
  --color-text-blue: #AED1E0;
  --color-text-white: #FFFFFF;
  --color-headline: #211E20;
  --color-link: #6A6A6A;
  --color-yellow: #FFD540;
  --color-blue-300: #0A5474;
  --color-blue-200: #007DA8;
  --color-blue-100: #0098CC;
  --color-blue-light: #E7F4F9;
  --color-border: #E1EBEF;
  --color-input-border: #D0E7EF;
  --color-white: #FFFFFF;
  --color-bg-blue: #F3FAFD;
  --font-family: 'Manrope', sans-serif;
  --font-family-second: Arial, sans-serif;
  --font-size: 15px;
  --font-size-small: 14px;
  --font-size-enlarged: 18px;
  --font-size-larged: 22px;
  --line-height: 1.7;
  --page-max-width: 1920px;
  --page-content-max-width: 1194px;
  --page-carousel-nav-max-width: 1500px;
  --page-min-width: 320px;
  --page-padding: 15px;
  --page-header-margin-bottom: 50px;
  --page-footer-margin-top: min(110px, 10vw);
  --scrollbar-width: 18px;
  --correct-100vw: calc(100vw - var(--scrollbar-width));
  --page-current-width: min(var(--correct-100vw), var(--page-max-width));
  --page-free-space: calc((var(--page-current-width) - min(var(--page-current-width), var(--page-content-max-width))) / 2);
  --sidebar-width: 20%;
  --breadcrumb-separator: '/';
  --overlay-background: rgba(0, 0, 0, 0.1);
  --dialog-padding-h: 50px;
  --dialog-padding-v: 60px;
  --p-margin: 25px;
  --animation-duration: 0.2s;
  --text-color: var(--color-text);
  --headline-color: var(--color-headline);
  --link--default--color: #6A6A6A;
  --link--default--hover-color: var(--color-blue-100);
  --link--default--active-color: var(--color-blue-200);
  --link--black--color: var(--color-headline);
  --link--black--hover-color: var(--color-blue-100);
  --link--black--active-color: var(--color-blue-300);
  --link--white--color: var(--color-text-white);
  --link--white--hover-color: #31B0DC;
  --link--white--active-color: var(--color-yellow);
  --link--blue--color: var(--color-blue-100);
  --link--blue--hover-color: var(--color-blue-200);
  --link--blue--active-color: var(--color-blue-300);
  --link--color: var(--link--default--color);
  --link--hover-color: var(--link--default--hover-color);
  --link--active-color: var(--link--default--active-color);
  --h--font-size--1: 50px;
  --h--font-size--2: 40px;
  --h--font-size--3: 26px;
  --h--font-size--4: 22px;
  --h--font-size--5: 18px;
  --form-item-margin: 20px;
  --button--primary--height: 60px;
  --button--primary--padding-h: 10px;
  --button--primary--padding-v: 40px;
  --button--primary--border-color: var(--color-blue-100);
  --button--primary--bg-color: var(--button--primary--border-color);
  --button--primary--text-color: var(--color-text-white);
  --button--primary--font-size: calc(var(--font-size) + 1px);
  --button--primary--hover--border-color: var(--color-blue-200);
  --button--primary--hover--bg-color: var(--button--primary--hover--border-color);
  --button--primary--hover--text-color: var(--button--primary--text-color);
  --button--primary--active--border-color: var(--color-blue-300);
  --button--primary--active--bg-color: var(--button--primary--active--border-color);
  --button--primary--active--text-color: var(--button--primary--hover--text-color);
  --button--secondary--border-color: var(--button--primary--border-color);
  --button--secondary--bg-color: transparent;
  --button--secondary--text-color: var(--button--primary--border-color);
  --button--secondary--hover--border-color: var(--color-blue-100);
  --button--secondary--hover--bg-color: var(--button--secondary--hover--border-color);
  --button--secondary--hover--text-color: var(--color-text-white);
  --button--secondary--active--border-color: var(--color-blue-200);
  --button--secondary--active--bg-color: var(--button--secondary--active--border-color);
  --button--secondary--active--text-color: var(--button--secondary--hover--text-color);
  --button--inverted--border-color: var(--color-white);
  --button--inverted--bg-color: transparent;
  --button--inverted--text-color: var(--button--inverted--border-color);
  --button--inverted--hover--border-color: var(--button--inverted--border-color);
  --button--inverted--hover--bg-color: var(--button--inverted--hover--border-color);
  --button--inverted--hover--text-color: var(--color-blue-100);
  --button--inverted--active--border-color: var(--button--inverted--hover--border-color);
  --button--inverted--active--bg-color: var(--button--inverted--hover--bg-color);
  --button--inverted--active--text-color: var(--color-blue-300);
  --button--small--height: 50px;
  --button--height: var(--button--primary--height);
  --button--padding-h: var(--button--primary--padding-h);
  --button--padding-v: var(--button--primary--padding-v);
  --button--border-color: var(--button--primary--border-color);
  --button--bg-color: var(--button--primary--bg-color);
  --button--text-color: var(--button--primary--text-color);
  --button--font-size: var(--button--primary--font-size);
  --button--hover--border-color: var(--button--primary--hover--border-color);
  --button--hover--bg-color: var(--button--primary--hover--bg-color);
  --button--hover--text-color: var(--button--primary--hover--text-color);
  --button--active--border-color: var(--button--primary--active--border-color);
  --button--active--bg-color: var(--button--primary--active--bg-color);
  --button--active--text-color: var(--button--primary--active--text-color);
  --input--height: var(--button--height);
  --input--padding-h: 15px;
  --input--padding-v: 25px;
  --input--border-color: var(--color-input-border);
  --input--border-radius: 5px;
  --input--hover--border-color: #8EB8C6;
  --input--focus--border-color: var(--color-blue-100);
  --input--error--border-color: #F24646;
  --checkbox--width: 22px;
  --checkbox--margin: 12px;
  --float-label--animation-duration: var(--animation-duration);
  --float-label--default--top: calc((var(--input--height) - var(--font-size)) / 2.6);
  --float-label--default--left: var(--input--padding-v);
  --float-label--default--color: var(--color-text-secondary);
  --float-label--default--font-size: var(--font-size);
  --float-label--active--top: 3px;
  --float-label--active--left: var(--float-label--default--left);
  --float-label--active--color: var(--float-label--default--color);
  --float-label--active--font-size: 13px;
  --z-index-main-menu-submenu: 1;
  --z-index-maun-menu-mobile-open: 11;
  --z-index-overlay: 100;
  --z-index-dialog: 101;
  --grid-columns: 12;
  --grid-gap: 30px;
  --local-task--background-color: #EDEDEE;
  --local-task--background-color-hover: #DADADE;
  --local-task--background-color-active: #7C7D7F;
  --local-task--font-size: 14px;
  --local-task--text-color: inherit;
  --local-task--text-color-hover: inherit;
  --local-task--text-color-active: white;
}
@media (max-width: 1024px) {
  :root {
    --button--primary--height: 50px;
    --button--primary--padding-v: 30px;
    --button--small--height: 40px;
  }
}
@media (max-width: 640px) {
  :root {
    --page-padding: 15px;
  }
}

/* Contextual links */
div[data-contextual-id] {
  position: absolute;
}

.contextual-region.focus {
  outline: 5px dashed #989898;
  outline-offset: -2px;
}

.contextual .trigger {
  min-width: initial;
  min-height: initial;
  box-shadow: none;
}
.contextual .trigger::before, .contextual .trigger::after {
  display: none;
}

.contextual-links li::before {
  display: none !important;
}
.contextual-links a {
  display: block !important;
  width: initial !important;
  height: initial !important;
  border: none !important;
  border-radius: initial !important;
  text-transform: initial !important;
}

/* Local tasks */
.local-tasks {
  font-size: var(--local-task--font-size);
}
.local-tasks ul {
  display: flex;
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.local-tasks li {
  margin: 0;
  padding: 0;
  list-style: none;
}
.local-tasks li::before {
  display: none;
}
.local-tasks a,
.local-tasks a:visited {
  display: block;
  padding: 5px 10px;
  background: var(--local-task--background-color);
  font-weight: normal;
  text-decoration: none;
  color: var(--local-task--text-color);
}
.local-tasks a:hover {
  background: var(--local-task--background-color-hover);
  color: var(--local-task--text-color-hover);
  text-decoration: none;
}
.local-tasks a.is-active,
.local-tasks a.is-active-trail {
  background: var(--local-task--background-color-active);
  color: var(--local-task--text-color-active);
  text-decoration: none;
}

/* Status messages */
.status-message:last-child {
  margin-bottom: 0;
}
.status-message {
  margin-bottom: 20px;
  padding: 15px 20px 15px 40px;
  background: no-repeat 1.2em 1.2em;
  border-style: solid;
  border-width: 1px 1px 1px 0;
  border-radius: 0 2px 2px 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}
.status-message--status {
  color: #325e1c;
  background-color: #f3faef;
  border-color: #c9e1bd #c9e1bd #c9e1bd transparent;
  background-image: url(../../../core/misc/icons/73b355/check.svg);
  box-shadow: inset 8px 0 0 #77b259;
}
.status-message--warning {
  background-color: #fdf8ed;
  background-image: url(../../../core/misc/icons/e29700/warning.svg);
  border-color: #f4daa6 #f4daa6 #f4daa6 transparent;
  color: #734c00;
  box-shadow: inset 8px 0 0 #e09600;
}
.status-message--error {
  background-color: #fcf4f2;
  color: #a51b00;
  background-image: url(../../../core/misc/icons/e32700/error.svg);
  border-color: #f9c9bf #f9c9bf #f9c9bf transparent;
  box-shadow: inset 8px 0 0 #e62600;
}
.status-message > ul:last-child {
  margin-bottom: 0;
}
.status-message > ul {
  padding-left: 20px;
}

/* Kint */
.kint > footer {
  display: none;
}
.kint pre {
  white-space: pre-line;
}

/* Fix bug with vertical scroll */
#drupal-live-announce.visually-hidden {
  top: 0;
  left: 0;
}

.float-left {
  float: left;
}

.float-right {
  float: right;
}

.align-left {
  float: left;
  margin: 0.4em var(--gutter-width) var(--gutter-width) 0;
}

.align-right {
  float: right;
  margin: 0.4em 0 var(--gutter-width) var(--gutter-width);
}

.align-center {
  text-align: center;
}

.font-bold {
  font-weight: bold;
}

.no-border {
  border: none;
}

.no-br {
  white-space: nowrap;
}

.no-text-decoration {
  text-decoration: none;
}

.overflow-hidden {
  overflow: hidden;
}

/**
 * 300 - light
 * 400 - normal (regular)
 * 600 - semi-bold
 * 700 - bold
 * 800 - extra bold
 */
@keyframes ajax-loading {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 100px 50px;
  }
}
*,
*:before,
*:after {
  box-sizing: border-box;
  max-height: 1000000em;
  -moz-text-size-adjust: none;
}

html {
  scroll-padding-top: 20px;
  overflow-y: scroll;
}

body {
  font-family: var(--font-family);
  font-size: var(--font-size);
  line-height: var(--line-height);
  max-width: var(--page-max-width);
  min-width: var(--page-min-width);
  position: relative;
  margin: 0 auto;
  padding: 0;
  color: var(--text-color);
  background: white;
}

/* Link */
a {
  color: var(--link--color);
  transition-property: color;
  transition-duration: var(--animation-duration);
  text-decoration: underline;
  text-underline-offset: 2px;
  text-decoration-thickness: 1px;
}
a:hover {
  color: var(--link--hover-color);
}
a:active {
  color: var(--link--active-color);
}

/* Headline */
h1, .h1 {
  font-size: clamp(30px, 30px + 20 * (100vw - 500px) / 724, 50px);
  font-weight: 800;
  line-height: 1.2;
  color: var(--headline-color);
  margin: 40px 0 30px 0;
  color: var(--headline-color);
}

h2, .h2 {
  font-size: clamp(26px, 26px + 14 * (100vw - 500px) / 724, 40px);
  font-weight: 800;
  line-height: 1.2;
  color: var(--headline-color);
  margin: 40px 0 30px 0;
  color: var(--headline-color);
}

h3, .h3 {
  font-size: clamp(20px, 20px + 6 * (100vw - 500px) / 724, 26px);
  font-weight: 800;
  line-height: 1.25;
  color: var(--headline-color);
  margin: 40px 0 30px 0;
  color: var(--headline-color);
}

h4, .h4 {
  font-size: clamp(18px, 18px + 4 * (100vw - 500px) / 724, 22px);
  font-weight: 800;
  line-height: 1.3;
  color: var(--headline-color);
  margin: 40px 0 30px 0;
  color: var(--headline-color);
}

h5, .h5 {
  font-size: clamp(16px, 16px + 2 * (100vw - 500px) / 724, 18px);
  font-weight: 800;
  line-height: 1.5;
  color: var(--headline-color);
  margin: 35px 0 25px 0;
  color: var(--headline-color);
}

/* Paragraph */
p {
  margin: var(--p-margin) 0;
}

/* Image */
img {
  display: block;
  max-width: 100%;
  height: auto;
}

body {
  padding-left: var(--page-padding);
  padding-right: var(--page-padding);
}

.layout {
  box-sizing: border-box;
  max-width: var(--page-content-max-width);
  margin-left: auto;
  margin-right: auto;
}
.layout__header {
  margin-bottom: var(--page-header-margin-bottom);
}

/* Sticky footer */
html,
body,
.dialog-off-canvas-main-canvas {
  box-sizing: border-box;
  height: 100%;
}

.layout {
  display: flex;
  flex-direction: column;
  min-height: 100%;
}

.layout__main {
  flex-grow: 1;
}

/* Textfield */
input[type=text],
input[type=number],
input[type=url],
input[type=email],
input[type=password],
input[type=date],
input[type=time],
input[type=tel],
textarea,
select {
  font-family: var(--font-family);
  font-size: var(--font-size);
  line-height: var(--line-height);
  box-sizing: border-box;
  max-width: 100%;
  min-height: var(--input--height);
  margin: 0;
  padding: var(--input--padding-h) var(--input--padding-v);
  border: 1px solid var(--input--border-color);
  border-radius: var(--input--border-radius);
  color: var(--color-text);
  transition-property: border-color;
  transition-duration: var(--animation-duration);
  outline: none;
}
input[type=text]::placeholder,
input[type=number]::placeholder,
input[type=url]::placeholder,
input[type=email]::placeholder,
input[type=password]::placeholder,
input[type=date]::placeholder,
input[type=time]::placeholder,
input[type=tel]::placeholder,
textarea::placeholder,
select::placeholder {
  color: var(--color-text-secondary);
}
input[type=text]:hover,
input[type=number]:hover,
input[type=url]:hover,
input[type=email]:hover,
input[type=password]:hover,
input[type=date]:hover,
input[type=time]:hover,
input[type=tel]:hover,
textarea:hover,
select:hover {
  border-color: var(--input--hover--border-color);
}
input[type=text]:focus,
input[type=number]:focus,
input[type=url]:focus,
input[type=email]:focus,
input[type=password]:focus,
input[type=date]:focus,
input[type=time]:focus,
input[type=tel]:focus,
textarea:focus,
select:focus {
  border-color: var(--input--focus--border-color);
}
input[type=text].error,
input[type=number].error,
input[type=url].error,
input[type=email].error,
input[type=password].error,
input[type=date].error,
input[type=time].error,
input[type=tel].error,
textarea.error,
select.error {
  border-color: var(--input--error--border-color);
}

/* Textarea */
textarea {
  display: block;
}

/* Select */
select {
  /*-webkit-appearance: none;
  -moz-appearance: none;
  &::-ms-expand {
    display: none;
  }*/
}
select option {
  font-family: var(--font-family);
  font-size: var(--font-size);
  line-height: var(--line-height);
}

/* Button */
input[type=button],
input[type=submit],
button,
.form-button,
.form-submit,
.button {
  font-family: var(--font-family);
  font-size: var(--font-size);
  line-height: var(--line-height);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  min-height: var(--button--height);
  margin: 0;
  padding: var(--button--primary--padding-h) var(--button--primary--padding-v);
  border: 2px solid var(--button--border-color);
  border-radius: calc(var(--button--height) / 2);
  background-color: var(--button--bg-color);
  transition-property: border-color, background-color, color;
  transition-duration: var(--animation-duration);
  cursor: pointer;
  color: var(--button--text-color);
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  font-size: var(--button--font-size);
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: 0.05em;
}
input[type=button]:hover,
input[type=submit]:hover,
button:hover,
.form-button:hover,
.form-submit:hover,
.button:hover {
  --button--border-color: var(--button--hover--border-color);
  --button--bg-color: var(--button--hover--bg-color);
  color: var(--button--hover--text-color);
}
input[type=button]:active,
input[type=submit]:active,
button:active,
.form-button:active,
.form-submit:active,
.button:active {
  --button--border-color: var(--button--active--border-color);
  --button--bg-color: var(--button--active--bg-color);
  color: var(--button--active--text-color);
}

/* Button: small */
.form-button--small,
.button--small {
  --button--height: var(--button--small--height);
  font-size: calc(var(--font-size) - 1px);
}

/* Button: secondary */
.form-button--secondary,
.button--secondary {
  --button--border-color: var(--button--secondary--border-color);
  --button--bg-color: var(--button--secondary--bg-color);
  --button--text-color: var(--button--secondary--text-color);
  --button--hover--border-color: var(--button--secondary--hover--border-color);
  --button--hover--bg-color: var(--button--secondary--hover--bg-color);
  --button--hover--text-color: var(--button--secondary--hover--text-color);
  --button--active--border-color: var(--button--secondary--active--border-color);
  --button--active--bg-color: var(--button--secondary--active--bg-color);
  --button--active--text-color: var(--button--secondary--active--text-color);
}

/* Button: arrow */
.form-button--arrow::after,
.button--arrow::after {
  content: "";
  width: 17px;
  height: 12px;
  margin-left: 15px;
  transition-property: -webkit-mask-size, mask-size, transform;
  transition-duration: var(--animation-duration);
  -webkit-mask: url("../img/button-arrow-black-part-left.svg") right center/100% 100% no-repeat, url("../img/button-arrow-black-part-right.svg") left center/100% 100% no-repeat;
  mask: url("../img/button-arrow-black-part-left.svg") right center/100% 100% no-repeat, url("../img/button-arrow-black-part-right.svg") left center/100% 100% no-repeat;
  background-color: white;
}
.form-button--arrow:hover::after,
.button--arrow:hover::after {
  -webkit-mask-size: 89% 100%, 100% 100%;
  mask-size: 89% 100%, 100% 100%;
  transform: translateX(3px);
}

/* Button: center */
.button--center {
  display: flex;
  max-width: max-content;
  margin-left: auto;
  margin-right: auto;
}

/* Checkboxes */
input[type=checkbox] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  box-sizing: border-box;
  width: var(--checkbox--width);
  height: var(--checkbox--width);
  margin: 0;
  border: 1px solid var(--input--border-color);
  border-radius: var(--input--border-radius);
  cursor: pointer;
  outline: none;
  transition-property: border-color;
  transition-duration: var(--animation-duration);
}
input[type=checkbox] + label {
  font-weight: normal;
  cursor: pointer;
}
input[type=checkbox] {
  float: left;
}
input[type=checkbox] + label {
  display: block;
  padding-left: calc(var(--checkbox--width) + var(--checkbox--margin));
}
input[type=checkbox]:hover {
  --input--border-color: var(--input--hover--border-color);
}
input[type=checkbox] {
  position: relative;
}
input[type=checkbox]:checked::before {
  content: "";
  position: absolute;
  inset: 3px;
  border-radius: calc(var(--input--border-radius) - 2px);
  background: #1E74F5;
}

.form-item {
  margin: var(--form-item-margin) 0;
}
.form-item__label {
  display: block;
  margin-bottom: 5px;
  font-weight: bold;
}
.form-item__required-symbol {
  color: red;
}
.form-item__description {
  margin-top: 8px;
  font-size: 0.8em;
  filter: brightness(0.5);
}
.form-item--checkboxes .form-item--checkbox:last-child, .form-item--radios .form-item--radio:last-child {
  margin-bottom: 0;
}
.form-item--checkboxes .form-item--checkbox, .form-item--radios .form-item--radio {
  margin: 0.5em 0;
}
.form-item--checkbox .form-item__label, .form-item--radio .form-item__label {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
}

.fieldset-legend {
  font-weight: bold;
}

/* Float label */
.float-label__label {
  font-weight: normal;
}
.float-label__input {
  padding-top: calc(var(--input--padding-h) + 5px) !important;
  padding-bottom: calc(var(--input--padding-h) - 5px) !important;
}

.custom-auth-login-form, .custom-auth-register-form {
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 25px;
  max-width: 540px;
}
.custom-auth-login-form .form-item, .custom-auth-register-form .form-item {
  margin: 0;
}
.custom-auth-login-form .form-item---remember-me, .custom-auth-register-form .form-item---remember-me {
  align-self: flex-start;
}
.custom-auth-login-form .form-submit, .custom-auth-register-form .form-submit {
  width: 100%;
}
.custom-auth-register-form .form-item--agreedataprocessing {
  align-self: flex-start;
}

/* Header region */
.header-region__inner {
  display: grid;
  grid-template-areas: "logo feedback auth" "menu menu     menu";
  grid-template-columns: 1fr max-content max-content;
  gap: 0;
  align-items: center;
  padding-top: 35px;
}
.header-region__logo {
  grid-area: logo;
  margin-right: 20px;
}
.header-region__feedback {
  grid-area: feedback;
  justify-self: end;
  margin-right: 60px;
}
.header-region__auth {
  grid-area: auth;
}
.header-region__main-menu {
  grid-area: menu;
  margin-top: 35px;
}
@media (max-width: 1050px) {
  .header-region__feedback {
    margin-right: var(--grid-gap);
  }
}
@media (max-width: 900px) {
  .header-region__feedback {
    display: none;
  }
}
@media (max-width: 768px) {
  .header-region__inner {
    padding-top: 20px;
  }
  .header-region__logo {
    margin-right: 60px;
  }
  .header-region__auth {
    display: none !important;
  }
  .header-region__main-menu {
    margin: 0;
  }
}

/* Logo block */
.logo-block__logo {
  display: block;
  aspect-ratio: 326/39;
  width: 100%;
  max-width: 326px;
  background: url("../img/logo.svg") center/contain no-repeat;
  text-indent: -9999px;
}

/* Feedback link block */
.feedback-link-block__link {
  --link--color: var(--link--blue--color);
  --link--hover-color: var(--link--blue--hover-color);
  --link--active-color: var(--link--blue--active-color);
  text-decoration: none;
}
.feedback-link-block__link::before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 19px;
  margin-right: 10px;
  vertical-align: middle;
  background: url("../img/message-icon.svg") center no-repeat;
}

/* Auth block */
.auth-block {
  display: flex;
  gap: 8px;
}

/* Breadcrumbs block */
.breadcrumbs-block {
  margin-bottom: 20px;
}

/* Breadcrumbs */
.breadcrumb {
  margin: 0;
  padding: 0;
  color: var(--color-text-secondary);
}
.breadcrumb__item {
  display: inline;
  margin: 0;
  padding: 0;
  list-style: none;
}
.breadcrumb__item::before {
  content: "";
  display: inline-block;
  margin: 0 20px;
  width: 1px;
  height: 18px;
  background: var(--color-border);
  vertical-align: middle;
}
.breadcrumb__item:first-child::before {
  display: none;
}
.breadcrumb__link {
  text-decoration: none;
}

/* Page title */
.page-title {
  margin: 0 0 4.1876046901% 0;
  padding: 0;
}

/* Footer region */
.footer-region {
  margin-top: var(--page-footer-margin-top);
}
.footer-region__first-pane {
  position: relative;
}
.footer-region__first-pane::before {
  content: "";
  position: absolute;
  top: 0;
  left: calc(50% - var(--correct-100vw) / 2);
  right: calc(50% - var(--correct-100vw) / 2);
  max-width: calc(var(--correct-100vw) - 0.01px);
  height: 100%;
  z-index: -1;
  background: url("../img/waves-bg-lightblue.webp") center;
}
.footer-region__first-pane {
  padding: 5.8626465662% 0;
}
.footer-region__second-pane {
  --link--color: var(--link--white--color);
  --link--hover-color: var(--link--white--hover-color);
  --link--active-color: var(--link--white--active-color);
  --button--border-color: var(--button--inverted--border-color);
  --button--bg-color: var(--button--inverted--bg-color);
  --button--text-color: var(--button--inverted--text-color);
  --button--hover--border-color: var(--button--inverted--hover--border-color);
  --button--hover--bg-color: var(--button--inverted--hover--bg-color);
  --button--hover--text-color: var(--button--inverted--hover--text-color);
  --button--active--border-color: var(--button--inverted--active--border-color);
  --button--active--bg-color: var(--button--inverted--active--bg-color);
  --button--active--text-color: var(--button--inverted--active--text-color);
  --text-color: var(--color-text-white);
  --headline-color: var(--text-color);
  color: var(--text-color);
  position: relative;
}
.footer-region__second-pane::before {
  content: "";
  position: absolute;
  top: 0;
  left: calc(50% - var(--correct-100vw) / 2);
  right: calc(50% - var(--correct-100vw) / 2);
  max-width: calc(var(--correct-100vw) - 0.01px);
  height: 100%;
  z-index: -1;
  background: var(--color-blue-300);
}
.footer-region__second-pane {
  display: grid;
  grid-template-columns: 9fr 3fr;
  gap: var(--grid-gap);
  padding: 6.7001675042% 0;
}
@media (max-width: 1000px) {
  .footer-region__second-pane {
    grid-template-columns: 9fr 4fr;
  }
}
@media (max-width: 800px) {
  .footer-region__first-pane {
    padding: 8.3752093802% 0;
  }
  .footer-region__second-pane {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 550px) {
  .footer-region__second-pane {
    grid-template-columns: auto;
  }
}

/* Subscription form */
.subscription-form {
  display: grid;
  grid-template-areas: "before email button" "before after after";
  grid-template-columns: 1fr 36% max-content;
  gap: 0;
}
.subscription-form .form-item {
  margin: 0;
}
.subscription-form .form-item--text-before {
  grid-area: before;
  justify-self: start;
  font-size: var(--font-size-enlarged);
}
.subscription-form .form-item--text-before p {
  margin: 0;
}
.subscription-form__headline {
  font-size: clamp(20px, 20px + 6 * (100vw - 500px) / 724, 26px);
  font-weight: 800;
  line-height: 1.25;
  color: var(--headline-color);
  margin: 0 0 10px 0;
  color: #2D2D2D;
}
.subscription-form .form-item--email {
  grid-area: email;
  margin: 0 30px 15px 0;
}
.subscription-form .form-email {
  width: 100%;
}
.subscription-form .form-item--actions {
  grid-area: button;
}
.subscription-form .form-item--text-after {
  font-size: var(--font-size-small);
  color: var(--color-text-secondary);
  grid-area: after;
}
.subscription-form .form-item--text-after a {
  --link--color: var(--link--blue--color);
  --link--hover-color: var(--link--blue--hover-color);
  --link--active-color: var(--link--blue--active-color);
  text-decoration: none;
}
@media (max-width: 1000px) {
  .subscription-form {
    grid-template-areas: "before before" "email  button" "after  after";
    grid-template-columns: 1fr max-content;
  }
  .subscription-form .form-item--text-before {
    margin-bottom: 20px;
  }
}
@media (max-width: 500px) {
  .subscription-form {
    grid-template-areas: "before" "email" "button" "after";
    grid-template-columns: auto;
  }
  .subscription-form .form-item--email {
    margin-right: 0;
  }
  .subscription-form .form-item--actions {
    margin-bottom: 20px;
  }
  .subscription-form .form-submit {
    width: 100%;
  }
}

/* Footer block */
.footer-block {
  --text-color: var(--color-text-blue);
  color: var(--text-color);
  font-size: var(--font-size-small);
}
.footer-block__item {
  padding: 20px 0;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.footer-block__item--menu {
  display: flex;
  flex-direction: column;
  gap: 10px 0;
  font-size: var(--font-size);
}
.footer-block__item--menu a {
  text-decoration: none;
}
.footer-block__item--social {
  display: flex;
  gap: 10px 20px;
  flex-wrap: wrap;
  align-items: center;
}
.footer-block__social-links {
  display: inline-flex !important;
}
.footer-block__shipping-images {
  display: flex;
  gap: 15px;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
  margin-top: 15px;
}
.footer-block__shipping-images img {
  max-width: 100%;
  flex-shrink: 1;
}
.footer-block__item--development a {
  text-decoration: none;
}

/* Social links */
.social-links {
  display: flex;
  flex-direction: column;
  gap: 10px 20px;
  align-items: flex-start;
}
.social-links__content {
  display: flex;
  gap: 10px;
}
.social-links__link {
  display: block;
  width: 32px;
  height: 32px;
  position: relative;
}
.social-links img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.social-links img:nth-child(2) {
  opacity: 0;
  transition: opacity var(--animation-duration);
  transform: scale(1.01);
}
.social-links__link:hover img:nth-child(2) {
  opacity: 1;
}

/* Main menu: desktop */
@media (min-width: 769px) {
  .main-menu-block {
    overflow-x: clip;
  }
  .main-menu-block__title {
    display: none;
  }
  .main-menu-block .social-links {
    display: none;
  }
  .main-menu-block .menu-l1 {
    --link-vertical-padding: 19px;
    display: flex;
    align-items: stretch;
    gap: 30px 0;
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .main-menu-block .menu-l1__item {
    margin: 0;
    padding: 0;
  }
  .main-menu-block .menu-l1__item::before {
    display: none;
  }
  .main-menu-block .menu-l1__link {
    --link--color: var(--link--black--color);
    --link--hover-color: var(--link--black--hover-color);
    --link--active-color: var(--link--black--active-color);
    display: block;
    height: 100%;
    padding: 0 var(--link-vertical-padding);
    border-left: 2px solid var(--color-border);
    text-decoration: none;
    font-size: calc(var(--font-size) + 1px);
    font-weight: 600;
    line-height: 1.3;
    transition: border-color var(--animation-duration);
  }
  .main-menu-block .menu-l1__item {
    position: relative;
    padding-bottom: 10px;
  }
  .main-menu-block .menu-l1__item--expanded::before {
    content: "";
    display: block;
    position: absolute;
    left: calc(var(--link-vertical-padding) + 3px);
    bottom: -9px;
    width: 10px;
    height: 6px;
    background: url("../img/menu-item-expanded-icon.svg") center no-repeat;
  }
  .main-menu-block .menu-l1__item:hover .menu-l1__link {
    border-left-color: var(--color-yellow);
    color: var(--color-blue-100);
  }
  .main-menu-block .menu-l1__link.is-active {
    --link--color: var(--color-blue-100);
  }
  .main-menu-block .menu-l2 {
    visibility: hidden;
    opacity: 0;
    transition-property: visibility, opacity;
    transition-duration: var(--animation-duration);
    position: absolute;
    top: 100%;
    left: var(--left, 0);
    z-index: var(--z-index-main-menu-submenu);
    width: max-content;
    max-width: 320px;
    padding: 10px 0;
    border: 2px solid var(--color-blue-100);
    border-radius: 10px;
    background: white;
    box-shadow: 0 4px 20px 0 rgba(77, 113, 131, 0.2);
  }
  .main-menu-block .menu-l2__item {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .main-menu-block .menu-l2__link {
    display: block;
    padding: 8px 30px;
    color: var(--color-headline);
    text-decoration: none;
  }
  .main-menu-block .menu-l2__link:hover {
    background-color: var(--color-bg-blue);
    color: var(--color-blue-100);
  }
  .main-menu-block .menu-l1__item {
    position: relative;
  }
  .main-menu-block .menu-l1__item:hover .menu-l2 {
    visibility: visible;
    opacity: 1;
  }
}
@media (min-width: 769px) and (max-width: 1200px) {
  .main-menu-block .menu-l1__link {
    font-size: var(--font-size-small);
  }
}
@media (min-width: 769px) and (max-width: 1130px) {
  .main-menu-block .menu-l1 {
    --link-vertical-padding: 10px;
  }
}
@media (min-width: 769px) and (max-width: 1000px) {
  .main-menu-block .menu-l1 {
    flex-wrap: wrap;
  }
}

/* Main menu: mobile */
@media (max-width: 768px) {
  .main-menu-block {
    position: static;
  }
  .main-menu-block__title {
    display: block;
    position: absolute;
    top: 20px;
    right: var(--page-padding);
    width: 40px;
    height: 35px;
    background: url("../img/hamburger-menu.svg") center no-repeat;
    cursor: pointer;
    text-indent: -9999px;
  }
  .main-menu-block__content {
    position: absolute;
    top: 75px;
    left: 0;
    right: 0;
    bottom: 0;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    background: white;
    z-index: var(--z-index-maun-menu-mobile-open);
  }
  .main-menu-block:not(.main-menu-block--open) .main-menu-block__content {
    display: none;
  }
  .main-menu-block--open .main-menu-block__title {
    background-image: url("../img/hamburger-menu-close.svg");
  }
  .main-menu-block .menu__item {
    margin: 0;
    padding: 0;
  }
  .main-menu-block .menu__link {
    display: block;
    padding: 12px var(--page-padding);
    text-decoration: none;
    text-align: center;
  }
  .main-menu-block .menu-l1 {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .main-menu-block .menu-l1__link {
    border-top: 1px solid #75C7E4;
    background: rgba(0, 152, 204, 0.4);
    font-size: 16px;
    font-weight: 600;
    color: white;
  }
  .main-menu-block .menu-l1__item:first-child .menu-l1__link {
    border-top: none;
  }
  .main-menu-block .menu-l1 .menu__item--open > .menu__link {
    background: var(--color-blue-100);
  }
  .main-menu-block .menu > .menu__item:not(.menu__item--open) > .menu {
    display: none;
  }
  .main-menu-block .menu-l2 {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .main-menu-block .menu-l2__link {
    border-top: 1px solid #A3D9ED;
    background: rgba(0, 152, 204, 0.2);
    font-size: 14px;
    color: var(--color-blue-100);
  }
  .main-menu-block .social-links {
    justify-content: center;
    padding: 40px 20px 20px 20px;
  }
  .main-menu-block .social-links img:nth-child(1) {
    opacity: 0;
  }
  .main-menu-block .social-links img:nth-child(2) {
    opacity: 1;
  }
}

/* Footer menu */
.footer-menu-block {
  --level1-items-row-gap: 40px;
  margin-bottom: calc(var(--level1-items-row-gap) * -1);
}
.footer-menu-block .menu {
  margin: 0;
  padding: 0;
  list-style: none;
}
.footer-menu-block .menu__item {
  margin: 0;
  padding: 0;
}
.footer-menu-block .menu__item::before {
  display: none;
}
.footer-menu-block .menu-l1 {
  column-count: 3;
  column-gap: var(--grid-gap);
}
.footer-menu-block .menu-l1__item {
  break-inside: avoid-column;
}
.footer-menu-block .menu-l1__link {
  font-size: clamp(16px, 16px + 2 * (100vw - 500px) / 724, 18px);
  font-weight: 800;
  line-height: 1.5;
  display: inline-block;
  margin: 0 0 20px 0;
  text-decoration: none;
}
.footer-menu-block .menu-l2 {
  display: flex;
  flex-direction: column;
  gap: 11px 0;
  padding-bottom: var(--level1-items-row-gap);
}
.footer-menu-block .menu-l2__link {
  text-decoration: none;
}
@media (max-width: 1000px) {
  .footer-menu-block .menu-l1 {
    column-count: 2;
  }
}
@media (max-width: 800px) {
  .footer-menu-block .menu-l1 {
    column-count: 1;
  }
}

/* Block */
.block-par {
  margin-bottom: 9.2127303183%;
  padding-bottom: 1px;
}
.block-par:last-child {
  margin-bottom: 0;
}
.block-par__title {
  font-size: clamp(26px, 26px + 14 * (100vw - 500px) / 724, 40px);
  font-weight: 800;
  line-height: 1.2;
  color: var(--headline-color);
  margin: 0 0 4.1876046901% 0;
  text-align: center;
}
.block-par .block-par .block-par__title {
  font-size: clamp(18px, 18px + 4 * (100vw - 500px) / 724, 22px);
  font-weight: 800;
  line-height: 1.3;
  color: var(--headline-color);
  margin-bottom: 30px;
  text-align: left;
}
@media (max-width: 1024px) {
  .block-par {
    margin-bottom: 12.5628140704%;
  }
}
@media (max-width: 700px) {
  .block-par {
    margin-bottom: 14.2378559464%;
  }
}
@media (max-width: 500px) {
  .block-par {
    margin-bottom: 16.7504187605%;
  }
  .block-par__title {
    margin-bottom: 8.3752093802%;
  }
}

/* Teasers */
.teasers-par {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(300px, 100%), 1fr));
  gap: calc(var(--grid-gap) + 10px) var(--grid-gap);
}

/* Teaser */
.teaser-par__text > p:first-child {
  margin-top: 0;
}
.teaser-par__text > p:last-child {
  margin-bottom: 0;
}
.teaser-par__text > ul {
  list-style: none;
  padding-inline-start: unset;
}

/* Teaser: Icon left */
.teaser-par--icon-left, .teaser-par--icon-left .teaser-par__link--content {
  display: grid;
  grid-template-columns: max-content 1fr;
  gap: 0 var(--grid-gap);
  align-content: start;
}
.teaser-par--icon-left .teaser-par__image {
  grid-row: 1/span 2;
}
.teaser-par--icon-left .teaser-par__title {
  font-size: clamp(16px, 16px + 2 * (100vw - 500px) / 724, 18px);
  font-weight: 800;
  line-height: 1.5;
  color: var(--headline-color);
  grid-column: 2/span 1;
  margin-bottom: 10px;
}
.teaser-par--icon-left .teaser-par__link--title {
  --link--color: var(--link--black--color);
  --link--hover-color: var(--link--black--hover-color);
  --link--active-color: var(--link--black--active-color);
  text-decoration: none;
}
.teaser-par--icon-left .teaser-par__text {
  grid-column: 2/span 1;
}
.teaser-par--icon-left:has(.teaser-par__link--content), .teaser-par--icon-left .teaser-par__link--content:has(.teaser-par__link--content) {
  display: block;
}

/* Tariff */
.tariff-par {
  display: flex !important;
  flex-direction: column;
  align-items: center;
  margin-top: 25px;
  padding: 0 25px 50px 25px;
  border-radius: 10px;
  background: var(--color-bg-blue);
}
.tariff-par__title {
  font-size: clamp(18px, 18px + 4 * (100vw - 500px) / 724, 22px);
  font-weight: 800;
  line-height: 1.3;
  color: var(--headline-color);
  min-width: 248px;
  margin: -15px 0 33px 0;
  padding: 20px;
  border-radius: 37px;
  background: var(--color-blue-light);
  text-transform: uppercase;
  text-align: center;
  transition-property: color, transform;
  transition-duration: var(--animation-duration);
}
.tariff-par__text > p:first-child {
  margin-top: 0;
}
.tariff-par__text > p:last-child {
  margin-bottom: 0;
}
.tariff-par__text {
  --p-margin: 9px;
  flex-grow: 1;
  margin-bottom: 40px;
  text-align: center;
}
.tariff-par__price {
  min-height: 5.5em;
  margin-bottom: 10px;
  text-align: center;
}
.tariff-par__price::before {
  content: "";
  display: block;
  width: 90%;
  height: 1px;
  margin: 0 auto 25px auto;
  background: var(--color-border);
}
.tariff-par__price-value {
  font-size: clamp(20px, 20px + 6 * (100vw - 500px) / 724, 26px);
  font-weight: 800;
  line-height: 1.25;
  color: var(--headline-color);
}
.tariff-par__price-per {
  font-size: var(--font-size-enlarged);
  font-weight: 600;
}
.tariff-par__price-description {
  font-size: var(--font-size-small);
  color: var(--color-text-secondary);
}
.tariff-par__link-link {
  font-family: var(--font-family);
  font-size: var(--font-size);
  line-height: var(--line-height);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  min-height: var(--button--height);
  margin: 0;
  padding: var(--button--primary--padding-h) var(--button--primary--padding-v);
  border: 2px solid var(--button--border-color);
  border-radius: calc(var(--button--height) / 2);
  background-color: var(--button--bg-color);
  transition-property: border-color, background-color, color;
  transition-duration: var(--animation-duration);
  cursor: pointer;
  color: var(--button--text-color);
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  font-size: var(--button--font-size);
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: 0.05em;
}
.tariff-par__link-link:hover {
  --button--border-color: var(--button--hover--border-color);
  --button--bg-color: var(--button--hover--bg-color);
  color: var(--button--hover--text-color);
}
.tariff-par__link-link:active {
  --button--border-color: var(--button--active--border-color);
  --button--bg-color: var(--button--active--bg-color);
  color: var(--button--active--text-color);
}
.tariff-par__link-link {
  --button--height: var(--button--small--height);
  font-size: calc(var(--font-size) - 1px);
}
.tariff-par__link-link::after {
  content: "";
  width: 17px;
  height: 12px;
  margin-left: 15px;
  transition-property: -webkit-mask-size, mask-size, transform;
  transition-duration: var(--animation-duration);
  -webkit-mask: url("../img/button-arrow-black-part-left.svg") right center/100% 100% no-repeat, url("../img/button-arrow-black-part-right.svg") left center/100% 100% no-repeat;
  mask: url("../img/button-arrow-black-part-left.svg") right center/100% 100% no-repeat, url("../img/button-arrow-black-part-right.svg") left center/100% 100% no-repeat;
  background-color: white;
}
.tariff-par__link-link:hover::after {
  -webkit-mask-size: 89% 100%, 100% 100%;
  mask-size: 89% 100%, 100% 100%;
  transform: translateX(3px);
}
.tariff-par:hover .tariff-par__title {
  color: var(--color-blue-100);
  transform: translateY(-10px);
}

/* Text and button */
.button-par {
  margin-bottom: 50px;
  display: grid;
  grid-template-areas: "title button" "text button";
  grid-template-columns: 1fr max-content;
  gap: 10px var(--grid-gap);
}
.button-par__title {
  grid-area: title;
}
.button-par__text {
  grid-area: text;
}
.button-par__link {
  grid-area: button;
}
.button-par__title {
  font-size: clamp(18px, 18px + 4 * (100vw - 500px) / 724, 22px);
  font-weight: 800;
  line-height: 1.3;
  color: var(--headline-color);
}
.button-par__text > p:first-child {
  margin-top: 0;
}
.button-par__text > p:last-child {
  margin-bottom: 0;
}
.button-par__text {
  font-size: var(--font-size-enlarged);
}
.button-par__link-link {
  font-family: var(--font-family);
  font-size: var(--font-size);
  line-height: var(--line-height);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  min-height: var(--button--height);
  margin: 0;
  padding: var(--button--primary--padding-h) var(--button--primary--padding-v);
  border: 2px solid var(--button--border-color);
  border-radius: calc(var(--button--height) / 2);
  background-color: var(--button--bg-color);
  transition-property: border-color, background-color, color;
  transition-duration: var(--animation-duration);
  cursor: pointer;
  color: var(--button--text-color);
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  font-size: var(--button--font-size);
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: 0.05em;
}
.button-par__link-link:hover {
  --button--border-color: var(--button--hover--border-color);
  --button--bg-color: var(--button--hover--bg-color);
  color: var(--button--hover--text-color);
}
.button-par__link-link:active {
  --button--border-color: var(--button--active--border-color);
  --button--bg-color: var(--button--active--bg-color);
  color: var(--button--active--text-color);
}
.button-par__link-link {
  --button--border-color: var(--button--secondary--border-color);
  --button--bg-color: var(--button--secondary--bg-color);
  --button--text-color: var(--button--secondary--text-color);
  --button--hover--border-color: var(--button--secondary--hover--border-color);
  --button--hover--bg-color: var(--button--secondary--hover--bg-color);
  --button--hover--text-color: var(--button--secondary--hover--text-color);
  --button--active--border-color: var(--button--secondary--active--border-color);
  --button--active--bg-color: var(--button--secondary--active--bg-color);
  --button--active--text-color: var(--button--secondary--active--text-color);
}
@media (max-width: 640px) {
  .button-par {
    grid-template-areas: "title" "text" "button";
    grid-template-columns: auto;
  }
}

/* Faq */
.faq-par__title {
  font-size: clamp(18px, 18px + 4 * (100vw - 500px) / 724, 22px);
  font-weight: 800;
  line-height: 1.3;
  color: var(--link--color);
  transition-property: color;
  transition-duration: var(--animation-duration);
  text-decoration: underline;
  text-underline-offset: 2px;
  text-decoration-thickness: 1px;
}
.faq-par__title:hover {
  color: var(--link--hover-color);
}
.faq-par__title:active {
  color: var(--link--active-color);
}
.faq-par__title {
  --link--color: var(--link--black--color);
  --link--hover-color: var(--link--black--hover-color);
  --link--active-color: var(--link--black--active-color);
  padding: 19px 0;
  border-bottom: 1px solid var(--color-border);
  cursor: pointer;
  text-decoration: none;
  list-style: none;
  outline: none;
}
.faq-par__title::after {
  content: "";
  display: inline-block;
  vertical-align: top;
  width: 10px;
  height: 6px;
  margin: 0.65em 0 0 15px;
  -webkit-mask-image: url("../img/group-arrow-down.svg");
  mask-image: url("../img/group-arrow-down.svg");
  background-color: currentColor;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}
.faq-par__text > p:first-child {
  margin-top: 0;
}
.faq-par__text > p:last-child {
  margin-bottom: 0;
}
.faq-par__text {
  padding: 3.0150753769% 0 3.6013400335% 4.9413735343%;
  font-size: var(--font-size-enlarged);
  opacity: 0;
  transition: opacity var(--animation-duration);
}
.faq-par[open] .faq-par__text {
  opacity: 1;
}
@media (max-width: 640px) {
  .faq-par__text > p:first-child {
    margin-top: 0;
  }
  .faq-par__text > p:last-child {
    margin-bottom: 0;
  }
  .faq-par__text {
    padding-left: 0;
    font-size: var(--font-size);
  }
}

/* Partner */
.partner-par {
  display: grid;
  grid-template-columns: 170px 1fr;
  gap: 30px 40px;
  align-items: center;
  margin-bottom: 23px;
}
.partner-par p:first-child {
  margin-top: 0;
}
.partner-par p:last-child {
  margin-bottom: 0;
}
.partner-par {
  padding: 5.0251256281% 4.1876046901% 5.0251256281% 5.0251256281%;
  border-radius: 20px;
  background: var(--color-bg-blue);
}
.partner-par__image-image {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.partner-par__text > p:first-child {
  margin-top: 0;
}
.partner-par__text > p:last-child {
  margin-bottom: 0;
}
@media (max-width: 800px) {
  .partner-par {
    grid-template-columns: 25% 1fr;
    align-items: start;
  }
}
@media (max-width: 640px) {
  .partner-par {
    grid-template-columns: auto;
  }
}

/* Partner: teaser */
.partner-par--teaser {
  display: block;
  margin: 0;
  padding: 0;
  border-radius: 0;
  background: none;
}
.partner-par--teaser .partner-par__image-image {
  display: block;
  max-width: 100%;
  max-height: 70px;
  object-fit: contain;
}

/* Solutions group */
.solutions-group-par {
  margin-bottom: 110px;
}
.solutions-group-par:last-child {
  margin-bottom: 0;
}
.solutions-group-par {
  display: grid;
  grid-template-columns: 378fr 746fr;
  gap: 0 70px;
}
.solutions-group-par__title {
  grid-column: 1;
}
.solutions-group-par__image {
  grid-column: 1;
}
.solutions-group-par__paragraphs {
  grid-column: 2;
}
.solutions-group-par__solutions {
  grid-column: 2;
}
.solutions-group-par__title {
  font-size: clamp(26px, 26px + 14 * (100vw - 500px) / 724, 40px);
  font-weight: 800;
  line-height: 1.2;
  color: var(--headline-color);
  margin-bottom: 40px;
}
.solutions-group-par__image {
  border: 1px solid var(--color-border);
}
.solutions-group-par__image-image {
  display: block;
}
.solutions-group-par__paragraphs {
  margin-bottom: 50px;
}
.solutions-group-par__solutions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}

/* Overlay */
.overlay {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: var(--z-index-overlay);
  background: var(--overlay-background);
  transition-property: opacity, visibility;
  transition-duration: 0.1s;
  opacity: 0;
  visibility: hidden;
}
.overlay--visible {
  opacity: 1;
  visibility: visible;
}

/* Ajax progress animation */
.ajax-progress-animation {
  --dark-line-color: rgba(0, 0, 0, 0.05);
  --light-line-color: rgba(255, 255, 255, 0.05);
  background-image: linear-gradient(135deg, var(--dark-line-color) 0%, var(--dark-line-color) 25%, var(--light-line-color) 25%, var(--light-line-color) 50%, var(--dark-line-color) 50%, var(--dark-line-color) 75%, var(--light-line-color) 75%, var(--light-line-color) 100%) !important;
  background-size: 50px 50px !important;
  background-repeat: repeat !important;
  animation: ajax-loading 1.5s linear infinite !important;
}

/* Status messages */
.status-messages {
  margin-bottom: 20px;
  padding: 0;
}

/* Status message */
.status-message:last-child {
  margin-bottom: 0;
}
.status-message {
  margin-bottom: 20px;
  padding: 15px 20px 15px 40px;
  border-radius: 0 2px 2px 0;
  background: no-repeat 1.2em 1.2em;
  border-style: solid;
  border-width: 1px 1px 1px 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}
.status-message--status {
  color: #325e1c;
  background-color: #f3faef;
  border-color: #c9e1bd #c9e1bd #c9e1bd transparent;
  background-image: url(../../../core/misc/icons/73b355/check.svg);
  box-shadow: inset 8px 0 0 #77b259;
}
.status-message--warning {
  background-color: #fdf8ed;
  background-image: url(../../../core/misc/icons/e29700/warning.svg);
  border-color: #f4daa6 #f4daa6 #f4daa6 transparent;
  color: #734c00;
  box-shadow: inset 8px 0 0 #e09600;
}
.status-message--error {
  background-color: #fcf4f2;
  color: #a51b00;
  background-image: url(../../../core/misc/icons/e32700/error.svg);
  border-color: #f9c9bf #f9c9bf #f9c9bf transparent;
  box-shadow: inset 8px 0 0 #e62600;
}
.status-message > ul {
  padding-left: 20px;
}
.status-message ul:first-child {
  margin-top: 0;
}
.status-message ul:last-child {
  margin-bottom: 0;
}

/* Local tasks */
.local-tasks {
  margin-bottom: 40px;
}

/* Pager */
.pager {
  margin-top: 20px;
}
.pager__items {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: center;
  padding: 0;
  list-style: none;
}
.pager__item {
  margin: 0;
  padding: 0;
}
.pager__item::before {
  display: none;
}
.pager__link {
  display: block;
  text-align: center;
}
.pager__item--active .pager__link {
  font-weight: bold;
}

/* Fancybox */
html.with-fancybox {
  scroll-behavior: initial;
  overflow: hidden;
  padding-right: var(--scrollbar-width);
}

body.compensate-for-scrollbar {
  overflow: initial !important;
  padding-right: 0;
}

/* Login form */
.user-login-form {
  max-width: 347px;
}

/* Blue waves block */
.blue-waves-block {
  --link--color: var(--link--white--color);
  --link--hover-color: var(--link--white--hover-color);
  --link--active-color: var(--link--white--active-color);
  --button--border-color: var(--button--inverted--border-color);
  --button--bg-color: var(--button--inverted--bg-color);
  --button--text-color: var(--button--inverted--text-color);
  --button--hover--border-color: var(--button--inverted--hover--border-color);
  --button--hover--bg-color: var(--button--inverted--hover--bg-color);
  --button--hover--text-color: var(--button--inverted--hover--text-color);
  --button--active--border-color: var(--button--inverted--active--border-color);
  --button--active--bg-color: var(--button--inverted--active--bg-color);
  --button--active--text-color: var(--button--inverted--active--text-color);
  --text-color: var(--color-text-white);
  --headline-color: var(--text-color);
  color: var(--text-color);
  padding: 6.7001675042% 5.8626465662%;
  border-radius: 10px;
  background: #3CAED5 url("../img/waves-bg-blue.webp") center top no-repeat;
  background-size: 100% auto;
}

/* Blue border block */
.blue-border-block {
  border: 2px solid var(--color-border);
  border-radius: 10px;
}
.blue-border-block p:first-child {
  margin-top: 0;
}
.blue-border-block p:last-child {
  margin-bottom: 0;
}
.blue-border-block {
  padding: 5.527638191% 3.8525963149%;
}

/* Help icon */
.help-icon {
  display: inline-block;
  width: 20px;
  height: 25px;
  background: url("../img/help-icon-inactive.svg") center no-repeat;
  text-indent: -9999px;
  cursor: pointer;
  transition: background-image var(--animation-duration);
}
.help-icon:hover {
  background-image: url("../img/help-icon-active.svg");
}

/* Tooltip */
.tooltip {
  position: relative;
}
.tooltip::after {
  content: attr(data-tooltip);
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  width: max-content;
  max-width: var(--tooltip-max-width, 400px);
  padding: 7px 10px;
  box-shadow: 0 4px 20px rgba(77, 113, 131, 0.2);
  border: 2px solid var(--color-blue-100);
  border-radius: 10px;
  background: white;
  text-indent: initial;
  font-size: 13px;
  line-height: 1.6;
  font-weight: normal;
  text-align: center;
  pointer-events: none;
  visibility: hidden;
  opacity: 0;
  transition-property: opacity, visibility;
  transition-duration: var(--animation-duration);
}
.tooltip:hover::after {
  visibility: visible;
  opacity: 1;
}
.tooltip--center::after {
  left: 0;
  margin-left: 50%;
  transform: translateX(-50%);
}

/* "How to start" block */
.how-to-start-block {
  padding-left: 312px;
  position: relative;
}
.how-to-start-block .block-par__content {
  display: grid;
  grid-template-columns: 1fr min-content;
  gap: 0 33px;
  align-items: center;
}
.how-to-start-block__image-pane {
  position: absolute;
  left: 20px;
  top: -60px;
}
.how-to-start-block__text-pane {
  padding-right: 20%;
  position: relative;
}
.how-to-start-block__title {
  font-size: clamp(20px, 20px + 6 * (100vw - 500px) / 724, 26px);
  font-weight: 800;
  line-height: 1.25;
  color: var(--headline-color);
  grid-area: title;
  margin: 0 0 10px 0;
  text-align: left;
}
.how-to-start-block__text {
  grid-area: text;
  margin: 0;
}
.how-to-start-block__text-pane::after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto 0;
  aspect-ratio: 116/45;
  width: 17%;
  background: url("../img/content/front-how-to-start-arrow.svg") center/contain no-repeat;
}
.how-to-start-block__button {
  margin-bottom: 17px;
}
.how-to-start-block__description {
  text-align: center;
  font-size: var(--font-size-small);
}
@media (max-width: 1000px) {
  .how-to-start-block {
    padding-left: 5.8626465662%;
  }
  .how-to-start-block .block-par__content {
    grid-template-areas: "image text" "form  form";
    grid-template-columns: 1fr 2fr;
    gap: 0;
    align-items: start;
  }
  .how-to-start-block__image-pane {
    grid-area: image;
    position: initial;
    margin: -50% -50px -50px -50px;
  }
  .how-to-start-block__text-pane {
    grid-area: text;
    margin-bottom: 30px;
    padding-right: 0;
  }
  .how-to-start-block__text-pane::after {
    display: none;
  }
  .how-to-start-block__form-pane {
    grid-area: form;
    text-align: center;
  }
}
@media (max-width: 700px) {
  .how-to-start-block__image-pane {
    margin-right: -22%;
    margin-left: -22%;
    margin-bottom: -30px;
  }
}
@media (max-width: 640px) {
  .how-to-start-block__button {
    width: 100%;
  }
}
@media (max-width: 550px) {
  .how-to-start-block .block-par__content {
    grid-template-areas: "image" "text" "form";
    grid-template-columns: auto;
  }
  .how-to-start-block__image-pane {
    margin: -25% auto -5% auto;
  }
}

/* Reprising block */
.reprising-block {
  --image-negative-margin: 24px;
}
.reprising-block .teaser-par {
  border: 2px solid var(--color-border);
  border-radius: 10px;
  margin-top: var(--image-negative-margin);
  padding: 0 30px 30px 30px;
}
.reprising-block .teaser-par__link, .reprising-block:not(:has(.teaser-par__link)) {
  text-align: center;
  text-decoration: none;
}
.reprising-block .teaser-par__link {
  --link--color: var(--link--black--color);
  --link--hover-color: var(--link--black--hover-color);
  --link--active-color: var(--link--black--active-color);
  display: block;
  height: 100%;
}
.reprising-block .teaser-par__image {
  margin-bottom: calc(27px - var(--image-negative-margin));
}
.reprising-block .teaser-par__image-image {
  margin: 0 auto;
  transform: translateY(calc(var(--image-negative-margin) * -1));
}
.reprising-block .teaser-par__title {
  font-size: clamp(16px, 16px + 2 * (100vw - 500px) / 724, 18px);
  font-weight: 800;
  line-height: 1.5;
}
.reprising-block .teaser-par__text > p:first-child {
  margin-top: 0;
}
.reprising-block .teaser-par__text > p:last-child {
  margin-bottom: 0;
}
.reprising-block .teaser-par__image-image {
  transition: transform var(--animation-duration);
}
.reprising-block .teaser-par:hover .teaser-par__image-image {
  transform: translateY(calc((var(--image-negative-margin) + 10px) * -1));
}

/* jQuery UI elements */
.ui-widget {
  font-family: var(--font-family);
  font-size: var(--font-size);
  line-height: var(--line-height);
}

.ui-button {
  font-family: var(--font-family);
  font-size: var(--font-size);
  line-height: var(--line-height);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  min-height: var(--button--height);
  margin: 0;
  padding: var(--button--primary--padding-h) var(--button--primary--padding-v);
  border: 2px solid var(--button--border-color);
  border-radius: calc(var(--button--height) / 2);
  background-color: var(--button--bg-color);
  transition-property: border-color, background-color, color;
  transition-duration: var(--animation-duration);
  cursor: pointer;
  color: var(--button--text-color);
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  font-size: var(--button--font-size);
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: 0.05em;
}
.ui-button:hover {
  --button--border-color: var(--button--hover--border-color);
  --button--bg-color: var(--button--hover--bg-color);
  color: var(--button--hover--text-color);
}
.ui-button:active {
  --button--border-color: var(--button--active--border-color);
  --button--bg-color: var(--button--active--bg-color);
  color: var(--button--active--text-color);
}

/* Overlay */
.ui-widget-overlay {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: var(--z-index-overlay);
  background: var(--overlay-background);
  opacity: 1;
}

/* Dialog */
.ui-dialog {
  position: fixed;
  z-index: var(--z-index-dialog);
  max-width: calc(100% - var(--page-padding) * 2);
  padding: var(--dialog-padding-h) var(--dialog-padding-v) !important;
  box-shadow: 0 4px 20px 0 rgba(77, 113, 131, 0.2);
  border: none;
  border-radius: 10px;
  background: white;
}
.ui-dialog .ui-dialog-titlebar {
  position: initial !important;
  margin: 0 0 30px 0 !important;
  padding: 0 !important;
  text-align: center !important;
}
.ui-dialog .ui-dialog-title {
  font-size: clamp(18px, 18px + 4 * (100vw - 500px) / 724, 22px);
  font-weight: 800;
  line-height: 1.3;
  color: var(--headline-color);
  float: none !important;
  width: 100% !important;
  margin: 0 !important;
  white-space: initial !important;
  text-overflow: initial !important;
}
.ui-dialog .ui-dialog-titlebar-close {
  right: 20px !important;
  top: 20px !important;
  width: 30px !important;
  height: 30px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none;
  background: url("../img/dialog-close-icon.svg") center no-repeat;
  box-shadow: none;
  transition: filter var(--animation-duration);
}
.ui-dialog .ui-dialog-titlebar-close:hover {
  filter: brightness(0.8);
}
.ui-dialog .ui-icon-closethick,
.ui-dialog .ui-button-icon-space {
  display: none;
}
.ui-dialog .ui-dialog-content {
  margin: 0 !important;
  padding: 0 !important;
}
.ui-dialog .ui-dialog-content[style="width: auto; min-height: 0px; max-height: none; height: 0px;"] {
  padding: 0 !important;
}

/* Dialog animation */
.ui-widget-overlay,
.ui-dialog {
  animation-duration: var(--animation-duration);
  animation-name: dialog-open;
}

@keyframes dialog-open {
  from {
    visibility: hidden;
    opacity: 0;
  }
  to {
    visibility: visible;
    opacity: 1;
  }
}
/* Feedback form */
.feedback-form {
  max-width: 714px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--form-item-margin) var(--form-item-margin);
}
.feedback-form > * {
  grid-column: 1/-1;
}
.feedback-form .form-item--name {
  grid-column: 1;
}
.feedback-form .form-item--mail {
  grid-column: 2;
}
.feedback-form .form-item--agreement {
  grid-column: 1;
}
.feedback-form .form-item--text-after {
  grid-column: 2;
}
.feedback-form .form-item {
  margin: 0;
}
.feedback-form input[type=text],
.feedback-form input[type=number],
.feedback-form input[type=url],
.feedback-form input[type=email],
.feedback-form input[type=password],
.feedback-form input[type=date],
.feedback-form input[type=time],
.feedback-form input[type=tel],
.feedback-form textarea,
.feedback-form select {
  width: 100%;
}
.feedback-form .form-item--text-before {
  font-size: var(--font-size-enlarged);
}
.feedback-form .form-item--agreement {
  margin-right: -15px;
  font-size: var(--font-size-small);
}
.feedback-form .form-item--text-after {
  font-size: var(--font-size-small);
  color: var(--color-text-secondary);
  margin-left: 30px;
}
.feedback-form .form-actions {
  margin-top: 15px;
}
.feedback-form a {
  --link--color: var(--link--blue--color);
  --link--hover-color: var(--link--blue--hover-color);
  --link--active-color: var(--link--blue--active-color);
  text-decoration: none;
}
.ui-dialog .feedback-form .form-item--text-before {
  text-align: center;
}
.ui-dialog .feedback-form .form-actions {
  text-align: center;
}
@media (max-width: 500px) {
  .feedback-form {
    grid-template-columns: auto;
  }
  .feedback-form > *,
  .feedback-form .form-item--mail,
  .feedback-form .form-item--text-after {
    grid-column: auto;
  }
  .feedback-form .form-submit {
    width: 100%;
  }
}

.color-blue100,
.color-blue-100 {
  color: var(--color-blue-100);
}

.font-weight-600 {
  font-weight: 600;
}

@media (min-width: 641px) {
  .hide-more-than-mobile {
    display: none;
  }
}

@media (max-width: 640px) {
  .hide-less-than-mobile {
    display: none;
  }
}

.font-size-enlarged {
  font-size: var(--font-size-enlarged);
}

.ul-ok {
  display: flex;
  flex-direction: column;
  gap: 25px 0;
  margin: 0;
  padding: 0;
  list-style: none;
}
.ul-ok li > p:first-child {
  margin-top: 0;
}
.ul-ok li > p:last-child {
  margin-bottom: 0;
}
.ul-ok li {
  padding-left: 61px;
  background: url("../img/marker-ok-icon.svg") left top no-repeat;
}
.ul-ok p {
  --p-margin: 10px;
}

/* Default styles */
.carousel {
  --carousel-slides-count: 1;
  --carousel-slides-gap: var(--grid-gap);
  --carousel-calculated-slide-width: calc((100% - var(--carousel-slides-gap) * (var(--carousel-slides-count) - 1)) / var(--carousel-slides-count));
  --swiper-wrapper-transition-timing-function: cubic-bezier(0.2, 0, 0.2, 1);
  position: relative;
  margin-bottom: 50px;
}
.carousel:not(.swiper-container) {
  display: flex;
  align-items: stretch;
  overflow: hidden;
}
.carousel .swiper-wrapper {
  align-items: stretch;
}
.carousel:not(.swiper-container) > *,
.carousel .swiper-slide {
  flex-shrink: 0;
  flex-grow: 0;
  width: var(--carousel-calculated-slide-width);
  height: auto;
  margin-right: var(--carousel-slides-gap);
}
.carousel:not(.swiper-container) > *:last-child,
.carousel .swiper-slide:last-child {
  margin-right: 0;
}
.carousel .swiper-button-next,
.carousel .swiper-button-prev {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto 0;
  width: 60px;
  height: 60px;
  border: 2px solid var(--color-blue-100);
  border-radius: 50%;
  background: white;
  transition: opacity var(--animation-duration);
}
.carousel .swiper-button-next::after,
.carousel .swiper-button-prev::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 4px;
  right: 0;
  margin: auto;
  width: 9px;
  height: 14px;
  background: url("../img/slider-next-arrow.svg") center no-repeat;
}
.carousel .swiper-button-next {
  left: calc(100% + 93px);
  right: auto;
}
.carousel .swiper-button-prev {
  left: auto;
  right: calc(100% + 93px);
  transform: rotate(-180deg);
}
.carousel .swiper-pagination {
  position: absolute;
  bottom: -30px;
}
.carousel .swiper-pagination-bullet {
  width: 5px;
  height: 5px;
  margin: 0 5px;
  background: var(--color-blue-100);
  opacity: 0.2;
  transition: opacity var(--animation-duration);
}
.carousel .swiper-pagination-bullet-active {
  opacity: 1;
}
@media (max-width: 1530px) {
  .carousel .swiper-button-next {
    left: auto;
    right: calc(var(--page-free-space) * -1 + 5px);
  }
  .carousel .swiper-button-prev {
    left: calc(var(--page-free-space) * -1 + 5px);
    right: auto;
  }
}
@media (max-width: 640px) {
  .carousel .swiper-button-next,
  .carousel .swiper-button-prev {
    width: 40px;
    height: 40px;
    top: calc(100% + 30px);
    bottom: 0;
    border-width: 1px;
    z-index: 11;
  }
  .carousel .swiper-button-prev {
    left: var(--page-padding);
  }
  .carousel .swiper-button-next {
    right: var(--page-padding);
  }
  .carousel .swiper-pagination {
    top: calc(100% + 18px);
    bottom: auto;
  }
  .carousel .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
  }
}

/* Slider 1 */
.carousel-preset-slider1 {
  --carousel-slides-count: 1;
}

/* Slider 2 */
.carousel-preset-slider2 {
  --carousel-slides-count: 2;
}
@media (max-width: 900px) {
  .carousel-preset-slider2 {
    --carousel-slides-count: 1;
  }
}

/* Slider 3 */
.carousel-preset-slider3 {
  --carousel-slides-count: 3;
}
@media (max-width: 1000px) {
  .carousel-preset-slider3 {
    --carousel-slides-count: 2;
  }
}
@media (max-width: 700px) {
  .carousel-preset-slider3 {
    --carousel-slides-count: 1;
  }
}

/* Partners */
.carousel-preset-partners {
  --carousel-slides-count: 6;
  --carousel-slides-gap: 60px;
}
.carousel-preset-partners:not(.swiper-container),
.carousel-preset-partners .swiper-wrapper {
  align-items: center;
}
.carousel-preset-partners .swiper-button-prev {
  left: 0;
}
.carousel-preset-partners .swiper-button-next {
  right: 0;
}
@media (max-width: 1400px) {
  .carousel-preset-partners {
    --carousel-slides-count: 5;
    --carousel-slides-gap: 50px;
    padding-left: 80px;
    padding-right: 80px;
  }
}
@media (max-width: 1200px) {
  .carousel-preset-partners {
    --carousel-slides-gap: 40px;
  }
}
@media (max-width: 1000px) {
  .carousel-preset-partners {
    --carousel-slides-count: 4;
  }
}
@media (max-width: 800px) {
  .carousel-preset-partners {
    --carousel-slides-count: 3;
  }
}
@media (max-width: 700px) {
  .carousel-preset-partners {
    --carousel-slides-count: 2;
  }
}
@media (max-width: 640px) {
  .carousel-preset-partners {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (max-width: 500px) {
  .carousel-preset-partners {
    --carousel-slides-count: 1;
  }
}

/* Transparent no-active items */
.carousel-transparent-wrapper {
  margin-left: calc(50% - var(--page-current-width) / 2);
  margin-right: calc(50% - var(--page-current-width) / 2);
  overflow: hidden;
}
.carousel-transparent-wrapper > .carousel {
  max-width: var(--page-content-max-width);
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--page-padding);
  padding-right: var(--page-padding);
}
.carousel-transparent-wrapper .swiper {
  overflow: visible;
}
.carousel-transparent-wrapper .swiper-slide {
  transition: opacity var(--animation-duration);
}
.carousel-transparent-wrapper .swiper-initialized .swiper-slide:not(.swiper-slide-visible) {
  opacity: 0.1;
  pointer-events: none;
}

/* Teaser */
.solution-node--teaser {
  display: grid;
  grid-template-areas: "title icon" "body  body" "link  link";
  grid-template-columns: 1fr max-content;
  gap: 0 var(--grid-gap);
  padding: 4.4091710759%;
  border-radius: 20px;
  background: var(--color-bg-blue);
}
.solution-node--teaser.slick-slide {
  display: grid;
}
.solution-node--teaser .solution-node__title {
  font-size: clamp(20px, 20px + 6 * (100vw - 500px) / 724, 26px);
  font-weight: 800;
  line-height: 1.25;
  color: var(--headline-color);
  grid-area: title;
  align-self: center;
  margin-bottom: 25px;
}
.solution-node--teaser .solution-node__icon {
  grid-area: icon;
  justify-self: end;
  width: 76px;
  height: 76px;
  margin-bottom: 25px;
}
.solution-node--teaser .solution-node__icon-image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.solution-node--teaser .solution-node__brief > p:first-child {
  margin-top: 0;
}
.solution-node--teaser .solution-node__brief > p:last-child {
  margin-bottom: 0;
}
.solution-node--teaser .solution-node__brief {
  grid-area: body;
  margin-bottom: 33px;
}
.solution-node--teaser .solution-node__read-more-link {
  grid-area: link;
  margin-top: auto;
}
@media (max-width: 640px) {
  .solution-node--teaser {
    column-gap: 20px;
  }
  .solution-node--teaser .solution-node__icon {
    width: 40px;
    height: 40px;
  }
}
@media (max-width: 500px) {
  .solution-node--teaser .solution-node__read-more-link-link {
    width: 100%;
  }
}

/* Full */
.solution-node--full {
  margin-bottom: 10.3015075377%;
  display: grid;
  grid-template-columns: 378fr 746fr;
  grid-template-rows: max-content 1fr;
  gap: 0 70px;
}
.solution-node--full .solution-node__logo {
  grid-column: 1;
}
.solution-node--full .solution-node__image {
  grid-column: 1;
}
.solution-node--full .solution-node__body {
  grid-column: 2;
  grid-row: 1/span 2;
}
.solution-node--full .solution-node__logo {
  margin-bottom: 40px;
}
@media (max-width: 800px) {
  .solution-node--full {
    display: block;
  }
  .solution-node--full .solution-node__logo,
  .solution-node--full .solution-node__image {
    max-width: 300px;
    margin-left: auto;
    margin-right: auto;
  }
}

/* Link */
.solution-node--link {
  font-family: var(--font-family);
  font-size: var(--font-size);
  line-height: var(--line-height);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  min-height: var(--button--height);
  margin: 0;
  padding: var(--button--primary--padding-h) var(--button--primary--padding-v);
  border: 2px solid var(--button--border-color);
  border-radius: calc(var(--button--height) / 2);
  background-color: var(--button--bg-color);
  transition-property: border-color, background-color, color;
  transition-duration: var(--animation-duration);
  cursor: pointer;
  color: var(--button--text-color);
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  font-size: var(--button--font-size);
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: 0.05em;
}
.solution-node--link:hover {
  --button--border-color: var(--button--hover--border-color);
  --button--bg-color: var(--button--hover--bg-color);
  color: var(--button--hover--text-color);
}
.solution-node--link:active {
  --button--border-color: var(--button--active--border-color);
  --button--bg-color: var(--button--active--bg-color);
  color: var(--button--active--text-color);
}
.solution-node--link {
  --button--border-color: var(--button--secondary--border-color);
  --button--bg-color: var(--button--secondary--bg-color);
  --button--text-color: var(--button--secondary--text-color);
  --button--hover--border-color: var(--button--secondary--hover--border-color);
  --button--hover--bg-color: var(--button--secondary--hover--bg-color);
  --button--hover--text-color: var(--button--secondary--hover--text-color);
  --button--active--border-color: var(--button--secondary--active--border-color);
  --button--active--bg-color: var(--button--secondary--active--bg-color);
  --button--active--text-color: var(--button--secondary--active--text-color);
  --button--height: 70px;
  display: grid;
  grid-template-columns: max-content 1fr;
  gap: 0 20px;
  text-align: left;
}
.solution-node--link .solution-node__icon-image {
  width: 36px;
  height: 36px;
  object-fit: contain;
}

/* Teaser */
/* Tariff */
.tariff-node--teaser {
  display: flex !important;
  flex-direction: column;
  align-items: center;
  margin-top: 25px;
  padding: 0 25px 50px 25px;
  border-radius: 10px;
  background: var(--color-bg-blue);
}
.tariff-node--teaser .tariff-node__title {
  font-size: clamp(18px, 18px + 4 * (100vw - 500px) / 724, 22px);
  font-weight: 800;
  line-height: 1.3;
  color: var(--headline-color);
  min-width: 248px;
  margin: -15px 0 33px 0;
  padding: 20px;
  border-radius: 37px;
  background: var(--color-blue-light);
  text-transform: uppercase;
  text-align: center;
  transition-property: color, transform;
  transition-duration: var(--animation-duration);
}
.tariff-node--teaser .tariff-node__brief > p:first-child {
  margin-top: 0;
}
.tariff-node--teaser .tariff-node__brief > p:last-child {
  margin-bottom: 0;
}
.tariff-node--teaser .tariff-node__brief {
  --p-margin: 9px;
  flex-grow: 1;
  margin-bottom: 40px;
  text-align: center;
}
.tariff-node--teaser .tariff-node__price {
  min-height: 5.5em;
  margin-bottom: 10px;
  text-align: center;
}
.tariff-node--teaser .tariff-node__price::before {
  content: "";
  display: block;
  width: 90%;
  height: 1px;
  margin: 0 auto 25px auto;
  background: var(--color-border);
}
.tariff-node--teaser .tariff-node__price-value {
  font-size: clamp(20px, 20px + 6 * (100vw - 500px) / 724, 26px);
  font-weight: 800;
  line-height: 1.25;
  color: var(--headline-color);
}
.tariff-node--teaser .tariff-node__price-per {
  font-size: var(--font-size-enlarged);
  font-weight: 600;
}
.tariff-node--teaser .tariff-node__price-comment {
  font-size: var(--font-size-small);
  color: var(--color-text-secondary);
}
.tariff-node--teaser .tariff-node__price-comment b {
  font-weight: 600;
}
.tariff-node--teaser .tariff-node__link-link {
  font-family: var(--font-family);
  font-size: var(--font-size);
  line-height: var(--line-height);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  min-height: var(--button--height);
  margin: 0;
  padding: var(--button--primary--padding-h) var(--button--primary--padding-v);
  border: 2px solid var(--button--border-color);
  border-radius: calc(var(--button--height) / 2);
  background-color: var(--button--bg-color);
  transition-property: border-color, background-color, color;
  transition-duration: var(--animation-duration);
  cursor: pointer;
  color: var(--button--text-color);
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  font-size: var(--button--font-size);
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: 0.05em;
}
.tariff-node--teaser .tariff-node__link-link:hover {
  --button--border-color: var(--button--hover--border-color);
  --button--bg-color: var(--button--hover--bg-color);
  color: var(--button--hover--text-color);
}
.tariff-node--teaser .tariff-node__link-link:active {
  --button--border-color: var(--button--active--border-color);
  --button--bg-color: var(--button--active--bg-color);
  color: var(--button--active--text-color);
}
.tariff-node--teaser .tariff-node__link-link {
  --button--height: var(--button--small--height);
  font-size: calc(var(--font-size) - 1px);
}
.tariff-node--teaser .tariff-node__link-link::after {
  content: "";
  width: 17px;
  height: 12px;
  margin-left: 15px;
  transition-property: -webkit-mask-size, mask-size, transform;
  transition-duration: var(--animation-duration);
  -webkit-mask: url("../img/button-arrow-black-part-left.svg") right center/100% 100% no-repeat, url("../img/button-arrow-black-part-right.svg") left center/100% 100% no-repeat;
  mask: url("../img/button-arrow-black-part-left.svg") right center/100% 100% no-repeat, url("../img/button-arrow-black-part-right.svg") left center/100% 100% no-repeat;
  background-color: white;
}
.tariff-node--teaser .tariff-node__link-link:hover::after {
  -webkit-mask-size: 89% 100%, 100% 100%;
  mask-size: 89% 100%, 100% 100%;
  transform: translateX(3px);
}
.tariff-node--teaser:hover .tariff-node__title {
  color: var(--color-blue-100);
  transform: translateY(-10px);
}

.review-node {
  border: 2px solid var(--color-border);
  border-radius: 10px;
  padding: 5.0251256281% 5.8626465662%;
  background: url("../img/quote-icon.svg") right 35px bottom no-repeat;
  display: grid !important;
  grid-template-areas: "image body" "title body";
  grid-template-columns: 168px 1fr;
  grid-template-rows: min-content 1fr;
  gap: 21px 35px;
}
.review-node__image {
  grid-area: image;
}
.review-node__title {
  grid-area: title;
}
.review-node__body {
  grid-area: body;
}
.review-node__image-image {
  display: block;
  max-width: 100%;
}
.review-node__title {
  font-weight: 600;
  color: var(--color-headline);
}
.review-node__body > p:first-child {
  margin-top: 0;
}
.review-node__body > p:last-child {
  margin-bottom: 0;
}
@media (max-width: 700px) {
  .review-node {
    grid-template-areas: "image" "title" "body";
    grid-template-columns: auto;
    grid-template-rows: auto;
  }
}

/* Reviews Views */
.reviews-views--default .reviews-views__content {
  display: flex;
  flex-direction: column;
  gap: 22px;
}

/* Teaser */
.article-node--teaser {
  margin-bottom: 24px;
  padding-bottom: 24px;
  border-bottom: 1px solid var(--color-border);
}
.article-node--teaser:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}
.article-node--teaser {
  display: grid;
  grid-template-areas: "date title" "date text";
  grid-template-columns: max-content 1fr;
  grid-template-rows: max-content 1fr;
  gap: 5px 35px;
}
.article-node--teaser .article-node__created {
  grid-area: date;
}
.article-node--teaser .article-node__title {
  grid-area: title;
}
.article-node--teaser .article-node__brief {
  grid-area: text;
}
.article-node--teaser .article-node__created {
  color: var(--color-text-secondary);
  text-align: center;
  font-size: 13px;
}
.article-node--teaser .article-node__created-day {
  display: block;
  margin-bottom: 5px;
  font-size: 50px;
  line-height: 1;
}
.article-node--teaser .article-node__created-month,
.article-node--teaser .article-node__created-year {
  display: block;
  line-height: 1.5;
}
.article-node--teaser .article-node__title-link {
  font-size: clamp(16px, 16px + 2 * (100vw - 500px) / 724, 18px);
  font-weight: 800;
  line-height: 1.5;
  --link--color: var(--link--black--color);
  --link--hover-color: var(--link--black--hover-color);
  --link--active-color: var(--link--black--active-color);
  text-decoration: none;
}
.article-node--teaser .article-node__brief > p:first-child {
  margin-top: 0;
}
.article-node--teaser .article-node__brief > p:last-child {
  margin-bottom: 0;
}
@media (max-width: 640px) {
  .article-node--teaser {
    column-gap: 20px;
  }
}

/* Big date */
.big-date {
  color: var(--color-text-secondary);
  text-align: center;
  font-size: 13px;
}
.big-date__day {
  display: block;
  margin-bottom: 5px;
  font-size: 50px;
  line-height: 1;
}
.big-date__month, .big-date__year {
  display: block;
  line-height: 1.5;
}

/* Teaser 2 */
.article-node--teaser2 {
  --link--color: var(--link--white--color);
  --link--hover-color: var(--link--white--hover-color);
  --link--active-color: var(--link--white--active-color);
  --button--border-color: var(--button--inverted--border-color);
  --button--bg-color: var(--button--inverted--bg-color);
  --button--text-color: var(--button--inverted--text-color);
  --button--hover--border-color: var(--button--inverted--hover--border-color);
  --button--hover--bg-color: var(--button--inverted--hover--bg-color);
  --button--hover--text-color: var(--button--inverted--hover--text-color);
  --button--active--border-color: var(--button--inverted--active--border-color);
  --button--active--bg-color: var(--button--inverted--active--bg-color);
  --button--active--text-color: var(--button--inverted--active--text-color);
  --text-color: var(--color-text-white);
  --headline-color: var(--text-color);
  color: var(--text-color);
  display: flex;
  aspect-ratio: 542/490;
  max-height: 490px;
  border-radius: 10px;
  overflow: hidden;
  position: relative;
}
.article-node--teaser2 .article-node__image {
  position: absolute;
  inset: 0;
  z-index: -1;
}
.article-node--teaser2 .article-node__image-image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.article-node--teaser2 .article-node__content {
  margin-top: auto;
  padding: 24px 40px 30px 40px;
  background: linear-gradient(to bottom, transparent, black);
}
.article-node--teaser2 .article-node__created {
  margin-bottom: 5px;
  font-size: var(--font-size-small);
}
.article-node--teaser2 .article-node__title {
  font-size: clamp(18px, 18px + 4 * (100vw - 500px) / 724, 22px);
  font-weight: 800;
  line-height: 1.3;
  margin-bottom: 10px;
  font-weight: 600;
}
.article-node--teaser2 .article-node__title-link {
  text-decoration: none;
}
.article-node--teaser2 .article-node__brief > p:first-child {
  margin-top: 0;
}
.article-node--teaser2 .article-node__brief > p:last-child {
  margin-bottom: 0;
}
.article-node--teaser2 .article-node__brief {
  margin-bottom: 15px;
}
.article-node--teaser2 .article-node__read-more-link {
  font-size: var(--font-size-small);
  font-weight: 600;
  text-transform: uppercase;
}
.article-node--teaser2 .article-node__read-more-link-link {
  border-bottom: 2px solid var(--color-blue-100);
  text-decoration: none;
}
.article-node--teaser2 .article-node__content {
  display: grid;
  grid-template-rows: min-content 0fr;
  transition: grid-template-rows 0.3s;
}
.article-node--teaser2 .article-node__content-hidden {
  overflow: hidden;
  opacity: 0;
  transition-property: opacity;
  transition-duration: 0.8s;
}
.article-node--teaser2:hover .article-node__content {
  grid-template-rows: min-content 1fr;
}
.article-node--teaser2:hover .article-node__content-hidden {
  opacity: 1;
}

/* Articles Views page */
.articles-views--page {
  --group-margin-bottom: min(147px, 10vw);
}
.articles-views--page .articles-views__content {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-auto-flow: column;
}
.articles-views--page .article-node--teaser:nth-child(4n) {
  margin-bottom: var(--group-margin-bottom);
  padding-bottom: 0;
  border-bottom: none;
}
.articles-views--page:has(.article-node--teaser:nth-child(4n):last-child) {
  margin-bottom: calc(var(--group-margin-bottom) * -1);
}
.articles-views--page .article-node--teaser2:nth-child(8n+1) {
  grid-column: 1;
  grid-row: auto/span 3;
  margin-right: 11.7252931323%;
}
.articles-views--page .article-node--teaser:nth-child(8n+2),
.articles-views--page .article-node--teaser:nth-child(8n+3),
.articles-views--page .article-node--teaser:nth-child(8n+4) {
  grid-column: 2;
}
.articles-views--page .article-node--teaser2:nth-child(8n+5) {
  grid-column: 2;
  grid-row: auto/span 3;
  margin-left: 70px;
}
.articles-views--page .article-node--teaser:nth-child(8n+6),
.articles-views--page .article-node--teaser:nth-child(8n+7),
.articles-views--page .article-node--teaser:nth-child(8n+8) {
  grid-column: 1;
}
@media (max-width: 900px) {
  .articles-views--page .articles-views__content {
    grid-template-columns: auto;
    grid-auto-flow: row;
  }
  .articles-views--page .article-node--teaser2 {
    grid-column: auto !important;
    margin: 0 0 30px 0 !important;
  }
  .articles-views--page .article-node--teaser {
    grid-column: auto !important;
  }
}

/* Full */
.article-node--full .article-node__image {
  float: left;
  max-width: 45.3936348409%;
  margin: 0 5.8626465662% 5.1926298157% 0;
}
.article-node--full .article-node__image-image {
  border-radius: 10px;
}
.article-node--full .article-node__teaser {
  margin-bottom: 24px;
  padding-bottom: 0;
  border-bottom: none;
  row-gap: 0;
  column-gap: max(5%, 30px);
}
@media (max-width: 700px) {
  .article-node--full .article-node__image {
    float: none;
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
  }
}

/* Similar articles Views */
.articles-views--similar {
  margin-top: 8.3752093802%;
  padding-top: 66px;
  border-top: 2px solid var(--color-border);
}
.articles-views--similar .articles-views__content {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(3, max-content);
  grid-auto-flow: column;
  gap: 0 var(--grid-gap);
}
@media (max-width: 850px) {
  .articles-views--similar .articles-views__content {
    grid-template-columns: auto;
    grid-template-rows: auto;
    grid-auto-flow: row;
  }
}

/* Background */
.page--front .layout::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 853px;
  background: url("../img/content/front-bg@2x.png") no-repeat;
  background-position: calc(50% + 600px) top;
  background-size: contain;
  z-index: -1;
}

/* Main block */
.front-main {
  display: grid;
  grid-template-columns: 7fr 5fr;
  gap: 0 var(--grid-gap);
  margin-top: 6.4489112228%;
}
.front-main__text-pane {
  margin-bottom: 9.2127303183%;
}
.front-main__title {
  margin: 0 0 min(50px, 5vw) 0;
}
.front-main__link {
  margin-right: 40px;
}
.front-main__link-description {
  font-size: var(--font-size-small);
  color: var(--color-text-secondary);
  display: inline-flex;
  align-items: center;
  vertical-align: middle;
  min-height: 50px;
  padding-left: 34px;
  background: url("../img/stroke-icon.svg") left center no-repeat;
}
.front-main__image {
  margin-top: -80px;
}
@media (max-width: 1024px) {
  .front-main {
    grid-template-columns: 490px 1fr;
  }
  .front-main__text-pane {
    margin-bottom: 12.5628140704%;
  }
  .front-main__link {
    margin-right: 20px;
  }
  .front-main__image {
    margin-top: auto;
    margin-bottom: auto;
  }
}
@media (max-width: 750px) {
  .front-main {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: center;
    margin: 0 0 50px 0;
  }
  .front-main__text-pane {
    display: contents;
  }
  .front-main__title {
    order: -10;
    text-align: center;
  }
  .front-main__image-pane {
    order: -9;
  }
  .front-main__image {
    margin: 0px auto 0px auto;
  }
  .front-main__link {
    flex-grow: 0;
    margin: 0 0 20px 0;
  }
  .front-main__link-description br {
    display: none;
  }
}

/* Tariffs */
.front-tariffs .slideshow-par {
  margin-bottom: 20px;
}

/* Articles */
.articles-block .views-paragraph {
  display: grid;
  grid-template-columns: 542fr 582fr;
  gap: 0 5.8626465662%;
  margin-bottom: 50px;
}
.articles-block .article-node--teaser2 {
  grid-column: 1;
  grid-row: 1/span 3;
}
.articles-block .article-node--teaser {
  grid-column: 2;
}
@media (max-width: 1000px) {
  .articles-block .views-paragraph {
    grid-template-columns: 500px 1fr;
  }
  .articles-block .article-node--teaser2 {
    grid-row: auto;
    margin-bottom: 50px;
  }
  .articles-block .article-node--teaser {
    grid-column: 1/span 2;
  }
}
@media (max-width: 700px) {
  .articles-block .views-paragraph {
    grid-template-columns: auto;
  }
  .articles-block .article-node--teaser2 {
    width: 100%;
  }
  .articles-block .article-node--teaser {
    grid-column: 1;
  }
}

/* Header paragraph */
.tariffs-header {
  display: grid;
  grid-template-columns: 1fr max-content;
  gap: 10px var(--grid-gap);
  align-items: start;
  margin-bottom: 50px;
}
.tariffs-header .block-par__title {
  font-size: clamp(18px, 18px + 4 * (100vw - 500px) / 724, 22px);
  font-weight: 800;
  line-height: 1.3;
  color: var(--headline-color);
  grid-column: 1;
  grid-row: 1;
  text-align: left;
  margin: 0;
}
.tariffs-header .block-par__content,
.tariffs-header .text-par {
  display: contents;
}
.tariffs-header p {
  grid-column: 1;
  grid-row: 2;
  margin: 0;
  font-size: var(--font-size-enlarged);
}
.tariffs-header .button {
  grid-column: 2;
  grid-row: 1/span 2;
}

/* Tariffs Table block */
.tariffs-table-block .block-par__content {
  position: relative;
}
.tariffs-table-block__registration-link {
  width: max-content;
  margin-left: auto;
  margin-right: auto;
}

/* Tariffs table */
.tariffs-table__table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
}
.tariffs-table th,
.tariffs-table td {
  padding: 15px 5px;
  border: 1px solid var(--color-border);
  border-left: none;
  border-right: none;
}
.tariffs-table th:first-child,
.tariffs-table td:first-child {
  width: 258px;
  padding-left: 0;
}
.tariffs-table th:last-child,
.tariffs-table td:last-child {
  padding-right: 0;
}
.tariffs-table__tariff-name {
  position: relative;
  box-sizing: border-box;
  height: 70px;
  text-align: center;
  text-transform: uppercase;
  color: var(--color-headline);
}
.tariffs-table__tariff-name::before {
  content: "";
  position: absolute;
  inset: 10px 5px;
  border-radius: 25px;
  background: var(--color-blue-light);
  z-index: -1;
}
.tariffs-table__group-name {
  font-size: clamp(18px, 18px + 4 * (100vw - 500px) / 724, 22px);
  font-weight: 800;
  line-height: 1.3;
  color: var(--headline-color);
  font-weight: 600;
  text-align: left;
  cursor: pointer;
  transition: color var(--animation-duration);
}
.tariffs-table__group-name span::after {
  -webkit-mask-image: url("../img/group-arrow-down.svg");
  mask-image: url("../img/group-arrow-down.svg");
  background-color: var(--color-headline);
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  content: "";
  display: inline-block;
  width: 10px;
  height: 6px;
  margin-left: 15px;
  vertical-align: middle;
  transition-property: background-color, transform;
  transition-duration: var(--animation-duration);
}
.tariffs-table__group-name:hover {
  color: var(--color-blue-100);
}
.tariffs-table__group-name:hover span::after {
  background-color: currentColor;
}
.tariffs-table__group-row--open .tariffs-table__group-name span::after {
  transform: rotate(180deg);
}
.tariffs-table__characteristic-name {
  font-weight: 600;
  text-align: left;
}
.tariffs-table__characteristic-value {
  text-align: center;
}
.tariffs-table__characteristic-name .help-icon {
  --tooltip-max-width: 200px;
  margin-left: 8px;
  vertical-align: baseline;
}
.tariffs-table tfoot td {
  border: none;
}
.tariffs-table__footer {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 0 var(--grid-gap);
  align-items: center;
}
.tariffs-table__registration-link-wrapper {
  padding-left: 25%;
}
.tariffs-table__notes {
  font-size: var(--font-size-small);
  color: var(--color-text-secondary);
}
@media (max-width: 1000px) {
  .tariffs-table {
    overflow-x: auto;
    margin-right: calc(var(--page-padding) * -1);
    font-size: var(--font-size-small);
  }
  .tariffs-table__table {
    min-width: 1000px;
  }
  .tariffs-table__group-name span {
    position: sticky;
    left: 0;
    width: max-content;
  }
  .tariffs-table__characteristic-name {
    position: sticky;
    left: 0;
    background: white;
    font-size: 13px;
    line-height: 1.2;
  }
  .tariffs-table__characteristic-name::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    height: 100%;
    background: var(--color-border);
  }
}
@media (max-width: 500px) {
  .tariffs-table th:first-child,
  .tariffs-table td:first-child {
    width: 40vw;
  }
}

/* Tariffs table footer */
.tariffs-table-footer {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 0 var(--grid-gap);
  align-items: center;
  margin-top: 20px;
}
.tariffs-table-footer__notes {
  font-size: var(--font-size-small);
  color: var(--color-text-secondary);
}
.tariffs-table-footer__registration-link-wrapper {
  padding-left: 25%;
}
@media (max-width: 640px) {
  .tariffs-table-footer {
    grid-template-columns: auto;
    row-gap: 20px;
  }
  .tariffs-table-footer__registration-link-wrapper {
    padding-left: 0;
    text-align: center;
  }
}
@media (max-width: 500px) {
  .tariffs-table-footer__registration-link-wrapper a {
    width: 100%;
  }
}

/* "No" icon */
.no-icon {
  display: inline-block;
  width: 21px;
  height: 20px;
  background: url("../img/tariff-no-icon.svg") center no-repeat;
  text-indent: -9999px;
  vertical-align: middle;
}

/* "Yes" icon */
.yes-icon {
  display: inline-block;
  width: 21px;
  height: 20px;
  background: url("../img/tariff-yes-icon.svg") center no-repeat;
  text-indent: -9999px;
  vertical-align: middle;
}

/* Calculator form */
.tariff-calculator {
  display: grid;
  grid-template-areas: "header   results" "elements results";
  grid-template-columns: 8fr 3fr;
  grid-template-rows: min-content;
  gap: 50px 100px;
}
.tariff-calculator__header {
  grid-area: header;
}
.tariff-calculator__elements {
  grid-area: elements;
}
.tariff-calculator__results {
  grid-area: results;
}
.tariff-calculator__header {
  display: grid;
  grid-template-columns: max-content 1fr;
  grid-auto-rows: min-content;
  gap: 10px 40px;
  align-items: start;
}
.tariff-calculator__header::before {
  grid-row: 1/span 2;
  content: "";
  display: block;
  width: 70px;
  height: 70px;
  background: url("../img/calculator-icon.svg") center no-repeat;
}
.tariff-calculator__title {
  font-size: clamp(20px, 20px + 6 * (100vw - 500px) / 724, 26px);
  font-weight: 800;
  line-height: 1.25;
  margin: 0;
}
.tariff-calculator__description {
  font-size: var(--font-size-enlarged);
}
.tariff-calculator__elements {
  --columns: 3;
  display: grid;
  grid-template-columns: repeat(var(--columns), 1fr);
  gap: 20px;
}
.tariff-calculator .form-item {
  margin: 0;
}
.tariff-calculator .form-number::-webkit-outer-spin-button, .tariff-calculator .form-number::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.tariff-calculator .form-number {
  width: 100%;
}
.tariff-calculator__results {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.tariff-calculator__result-label {
  font-size: var(--font-size-enlarged);
  font-weight: 600;
  line-height: 1.5;
}
.tariff-calculator__result-value {
  font-size: clamp(20px, 20px + 6 * (100vw - 500px) / 724, 26px);
  font-weight: 800;
  line-height: 1.25;
  font-weight: 800;
  color: var(--color-yellow);
  text-transform: uppercase;
}
.tariff-calculator__results {
  position: relative;
}
.tariff-calculator__results::before {
  content: "";
  position: absolute;
  left: -50px;
  width: 1px;
  height: 100%;
  background: rgba(255, 255, 255, 0.2);
}

.feedback-form-block .form-item--text-before {
  display: none;
}

/* Seo text */
.partners-text-block {
  max-width: 1082px;
  margin-left: auto;
  margin-right: auto;
}

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