/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/styles.scss?ngGlobalStyle ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* You can add global styles to this file, and also import other style files */
/** default css reset */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

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

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

body {
  line-height: 1;
}

html, body {
  height: 200%;
}

b {
  font-weight: bold;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

.cp {
  cursor: pointer;
}

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

.flex-break {
  flex-basis: 100%;
  height: 0;
}

.fw-400 {
  font-weight: 400;
}

.fw-500 {
  font-weight: 500;
}

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

.fw-700 {
  font-weight: 700;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.material-symbols-outlined {
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 48;
}

.prevent-scroll-class {
  max-height: 100vh;
  overflow: hidden;
  height: 100vh;
}

.mat-drawer-inner-container {
  top: auto;
  position: fixed;
}

.d-ib {
  display: inline-block;
}

.d-i {
  display: inline !important;
}

.mat-h1,
.mat-headline,
.mat-typography .mat-h1,
.mat-typography .mat-headline,
.mat-typography h1 {
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;
  font-family: Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
  margin: 0 0 16px;
}

.mat-h2,
.mat-title,
.mat-typography .mat-h2,
.mat-typography .mat-title,
.mat-typography h2 {
  font-size: 20px;
  font-weight: 500;
  line-height: 32px;
  font-family: Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
  margin: 0 0 16px;
}

.mat-h3,
.mat-subheading-2,
.mat-typography .mat-h3,
.mat-typography .mat-subheading-2,
.mat-typography h3 {
  font-size: 16px;
  font-weight: 400;
  line-height: 28px;
  font-family: Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
  margin: 0 0 16px;
}

.mat-h4,
.mat-subheading-1,
.mat-typography .mat-h4,
.mat-typography .mat-subheading-1,
.mat-typography h4 {
  font-size: 15px;
  font-weight: 400;
  line-height: 24px;
  font-family: Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
  margin: 0 0 16px;
}

.mat-h5,
.mat-typography .mat-h5,
.mat-typography h5 {
  font: 400 calc(14px * 0.83) / 20px Roboto, "Helvetica Neue", sans-serif;
  margin: 0 0 12px;
}

.mat-h6,
.mat-typography .mat-h6,
.mat-typography h6 {
  font: 400 calc(14px * 0.67) / 20px Roboto, "Helvetica Neue", sans-serif;
  margin: 0 0 12px;
}

.mat-body-strong,
.mat-body-2,
.mat-typography .mat-body-strong,
.mat-typography .mat-body-2 {
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  font-family: Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
}

.mat-body,
.mat-body-1,
.mat-typography .mat-body,
.mat-typography .mat-body-1,
.mat-typography {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  font-family: Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
}
.mat-body p,
.mat-body-1 p,
.mat-typography .mat-body p,
.mat-typography .mat-body-1 p,
.mat-typography p {
  margin: 0 0 12px;
}

.mat-small,
.mat-caption,
.mat-typography .mat-small,
.mat-typography .mat-caption {
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
  font-family: Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
}

.mat-display-4,
.mat-typography .mat-display-4 {
  font-size: 112px;
  font-weight: 300;
  line-height: 112px;
  font-family: Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: -0.05em;
  margin: 0 0 56px;
}

.mat-display-3,
.mat-typography .mat-display-3 {
  font-size: 56px;
  font-weight: 400;
  line-height: 56px;
  font-family: Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: -0.02em;
  margin: 0 0 64px;
}

.mat-display-2,
.mat-typography .mat-display-2 {
  font-size: 45px;
  font-weight: 400;
  line-height: 48px;
  font-family: Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: -0.005em;
  margin: 0 0 64px;
}

.mat-display-1,
.mat-typography .mat-display-1 {
  font-size: 34px;
  font-weight: 400;
  line-height: 40px;
  font-family: Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
  margin: 0 0 64px;
}

html {
  --mat-badge-text-font: Roboto, "Helvetica Neue", sans-serif;
  --mat-badge-text-size: 12px;
  --mat-badge-text-weight: 600;
  --mat-badge-small-size-text-size: 9px;
  --mat-badge-large-size-text-size: 24px;
}

html {
  --mat-bottom-sheet-container-text-font: Roboto, "Helvetica Neue", sans-serif;
  --mat-bottom-sheet-container-text-line-height: 20px;
  --mat-bottom-sheet-container-text-size: 14px;
  --mat-bottom-sheet-container-text-tracking: normal;
  --mat-bottom-sheet-container-text-weight: 400;
}

html {
  --mat-legacy-button-toggle-text-font: Roboto, "Helvetica Neue", sans-serif;
  --mat-standard-button-toggle-text-font: Roboto, "Helvetica Neue", sans-serif;
}

html {
  --mat-datepicker-calendar-text-font: Roboto, "Helvetica Neue", sans-serif;
  --mat-datepicker-calendar-text-size: 13px;
  --mat-datepicker-calendar-body-label-text-size: 14px;
  --mat-datepicker-calendar-body-label-text-weight: 500;
  --mat-datepicker-calendar-period-button-text-size: 14px;
  --mat-datepicker-calendar-period-button-text-weight: 500;
  --mat-datepicker-calendar-header-text-size: 11px;
  --mat-datepicker-calendar-header-text-weight: 400;
}

html {
  --mat-expansion-header-text-font: Roboto, "Helvetica Neue", sans-serif;
  --mat-expansion-header-text-size: 15px;
  --mat-expansion-header-text-weight: 400;
  --mat-expansion-header-text-line-height: inherit;
  --mat-expansion-header-text-tracking: inherit;
  --mat-expansion-container-text-font: Roboto, "Helvetica Neue", sans-serif;
  --mat-expansion-container-text-line-height: 20px;
  --mat-expansion-container-text-size: 14px;
  --mat-expansion-container-text-tracking: normal;
  --mat-expansion-container-text-weight: 400;
}

html {
  --mat-grid-list-tile-header-primary-text-size: 14px;
  --mat-grid-list-tile-header-secondary-text-size: 12px;
  --mat-grid-list-tile-footer-primary-text-size: 14px;
  --mat-grid-list-tile-footer-secondary-text-size: 12px;
}

html {
  --mat-stepper-container-text-font: Roboto, "Helvetica Neue", sans-serif;
  --mat-stepper-header-label-text-font: Roboto, "Helvetica Neue", sans-serif;
  --mat-stepper-header-label-text-size: 14px;
  --mat-stepper-header-label-text-weight: 400;
  --mat-stepper-header-error-state-label-text-size: 14px;
  --mat-stepper-header-selected-state-label-text-size: 14px;
  --mat-stepper-header-selected-state-label-text-weight: 500;
}

html {
  --mat-toolbar-title-text-font: Roboto, "Helvetica Neue", sans-serif;
  --mat-toolbar-title-text-line-height: 32px;
  --mat-toolbar-title-text-size: 20px;
  --mat-toolbar-title-text-tracking: normal;
  --mat-toolbar-title-text-weight: 500;
}

.mat-tree {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}

.mat-tree-node,
.mat-nested-tree-node {
  font-weight: 400;
  font-size: 14px;
}

.mat-option {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 16px;
}

.mat-optgroup-label {
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  font-family: Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
}

.mat-button, .mat-raised-button, .mat-icon-button, .mat-stroked-button,
.mat-flat-button, .mat-fab, .mat-mini-fab {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 14px;
  font-weight: 500;
}

.mat-datepicker-content .mdc-button {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: var(--mdc-typography-button-font-family, var(--mdc-typography-font-family, Roboto, "Helvetica Neue", sans-serif));
  font-size: var(--mdc-typography-button-font-size, 14px);
  line-height: var(--mdc-typography-button-line-height, 14px);
  font-weight: var(--mdc-typography-button-font-weight, 500);
  letter-spacing: var(--mdc-typography-button-letter-spacing, normal);
  -webkit-text-decoration: var(--mdc-typography-button-text-decoration, none);
          text-decoration: var(--mdc-typography-button-text-decoration, none);
  text-transform: var(--mdc-typography-button-text-transform, none);
}
.mat-card {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}

.mat-card-title {
  font-size: 24px;
  font-weight: 500;
}

.mat-card-header .mat-card-title {
  font-size: 20px;
}

.mat-card-subtitle,
.mat-card-content {
  font-size: 14px;
}

.mat-tooltip {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 10px;
  padding-top: 6px;
  padding-bottom: 6px;
}

.mat-tooltip-handset {
  font-size: 14px;
  padding-top: 8px;
  padding-bottom: 8px;
}

input.mat-input-element {
  margin-top: -0.0625em;
}

.mat-form-field {
  font-size: inherit;
  font-weight: 400;
  line-height: 1.125;
  font-family: Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
}

.mat-form-field-wrapper {
  padding-bottom: 1.34375em;
}

.mat-form-field-prefix .mat-icon,
.mat-form-field-suffix .mat-icon {
  font-size: 150%;
  line-height: 1.125;
}
.mat-form-field-prefix .mat-icon-button,
.mat-form-field-suffix .mat-icon-button {
  height: 1.5em;
  width: 1.5em;
}
.mat-form-field-prefix .mat-icon-button .mat-icon,
.mat-form-field-suffix .mat-icon-button .mat-icon {
  height: 1.125em;
  line-height: 1.125;
}

.mat-form-field-infix {
  padding: 0.5em 0;
  border-top: 0.84375em solid transparent;
}

.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.34375em) scale(0.75);
  width: 133.3333333333%;
}
.mat-form-field-can-float .mat-input-server[label] + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.34374em) scale(0.75);
  width: 133.3333433333%;
}

.mat-form-field-label-wrapper {
  top: -0.84375em;
  padding-top: 0.84375em;
}

.mat-form-field-label {
  top: 1.34375em;
}

.mat-form-field-underline {
  bottom: 1.34375em;
}

.mat-form-field-subscript-wrapper {
  font-size: 75%;
  margin-top: 0.6666666667em;
  top: calc(100% - 1.7916666667em);
}

.mat-form-field-appearance-legacy .mat-form-field-wrapper {
  padding-bottom: 1.25em;
}
.mat-form-field-appearance-legacy .mat-form-field-infix {
  padding: 0.4375em 0;
}
.mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);
  width: 133.3333333333%;
}
.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00101px);
  width: 133.3333433333%;
}
.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label] + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00102px);
  width: 133.3333533333%;
}
.mat-form-field-appearance-legacy .mat-form-field-label {
  top: 1.28125em;
}
.mat-form-field-appearance-legacy .mat-form-field-underline {
  bottom: 1.25em;
}
.mat-form-field-appearance-legacy .mat-form-field-subscript-wrapper {
  margin-top: 0.5416666667em;
  top: calc(100% - 1.6666666667em);
}

@media print {
  .mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
  .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {
    transform: translateY(-1.28122em) scale(0.75);
  }
  .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill + .mat-form-field-label-wrapper .mat-form-field-label {
    transform: translateY(-1.28121em) scale(0.75);
  }
  .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label] + .mat-form-field-label-wrapper .mat-form-field-label {
    transform: translateY(-1.2812em) scale(0.75);
  }
}
.mat-form-field-appearance-fill .mat-form-field-infix {
  padding: 0.25em 0 0.75em 0;
}
.mat-form-field-appearance-fill .mat-form-field-label {
  top: 1.09375em;
  margin-top: -0.5em;
}
.mat-form-field-appearance-fill.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-0.59375em) scale(0.75);
  width: 133.3333333333%;
}
.mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server[label] + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-0.59374em) scale(0.75);
  width: 133.3333433333%;
}

.mat-form-field-appearance-outline .mat-form-field-infix {
  padding: 1em 0 1em 0;
}
.mat-form-field-appearance-outline .mat-form-field-label {
  top: 1.84375em;
  margin-top: -0.25em;
}
.mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.59375em) scale(0.75);
  width: 133.3333333333%;
}
.mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server[label] + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.59374em) scale(0.75);
  width: 133.3333433333%;
}

.mat-select {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}

.mat-select-trigger {
  height: 1.125em;
}

.mat-checkbox {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}

.mat-checkbox-layout .mat-checkbox-label {
  line-height: 24px;
}

.mat-dialog-title {
  font-size: 20px;
  font-weight: 500;
  line-height: 32px;
  font-family: Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
}

.mat-chip {
  font-size: 14px;
  font-weight: 500;
}
.mat-chip .mat-chip-trailing-icon.mat-icon,
.mat-chip .mat-chip-remove.mat-icon {
  font-size: 18px;
}

.mat-slide-toggle-content {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}

.mat-tab-group {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}

.mat-tab-label, .mat-tab-link {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 14px;
  font-weight: 500;
}

.mat-radio-button {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}

.mat-slider-thumb-label-text {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 12px;
  font-weight: 500;
}

.mat-menu-item {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 14px;
  font-weight: 400;
}

.mat-list-item {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}

.mat-list-option {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}

.mat-list-base .mat-list-item {
  font-size: 16px;
}
.mat-list-base .mat-list-item .mat-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  box-sizing: border-box;
}
.mat-list-base .mat-list-item .mat-line:nth-child(n+2) {
  font-size: 14px;
}
.mat-list-base .mat-list-option {
  font-size: 16px;
}
.mat-list-base .mat-list-option .mat-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  box-sizing: border-box;
}
.mat-list-base .mat-list-option .mat-line:nth-child(n+2) {
  font-size: 14px;
}
.mat-list-base .mat-subheader {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 14px;
  font-weight: 500;
}

.mat-list-base[dense] .mat-list-item {
  font-size: 12px;
}
.mat-list-base[dense] .mat-list-item .mat-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  box-sizing: border-box;
}
.mat-list-base[dense] .mat-list-item .mat-line:nth-child(n+2) {
  font-size: 12px;
}
.mat-list-base[dense] .mat-list-option {
  font-size: 12px;
}
.mat-list-base[dense] .mat-list-option .mat-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  box-sizing: border-box;
}
.mat-list-base[dense] .mat-list-option .mat-line:nth-child(n+2) {
  font-size: 12px;
}
.mat-list-base[dense] .mat-subheader {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 12px;
  font-weight: 500;
}

.mat-paginator,
.mat-paginator-page-size .mat-select-trigger {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 12px;
}

.mat-simple-snackbar {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 14px;
}

.mat-simple-snackbar-action {
  line-height: 1;
  font-family: inherit;
  font-size: inherit;
  font-weight: 500;
}

.mat-table {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}

.mat-header-cell {
  font-size: 12px;
  font-weight: 500;
}

.mat-cell, .mat-footer-cell {
  font-size: 14px;
}

.mat-ripple {
  overflow: hidden;
  position: relative;
}
.mat-ripple:not(:empty) {
  transform: translateZ(0);
}

.mat-ripple.mat-ripple-unbounded {
  overflow: visible;
}

.mat-ripple-element {
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
  transition: opacity, transform 0ms cubic-bezier(0, 0, 0.2, 1);
  transform: scale3d(0, 0, 0);
}
.cdk-high-contrast-active .mat-ripple-element {
  display: none;
}

.cdk-visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
  outline: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  left: 0;
}
[dir=rtl] .cdk-visually-hidden {
  left: auto;
  right: 0;
}

.cdk-overlay-container, .cdk-global-overlay-wrapper {
  pointer-events: none;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

.cdk-overlay-container {
  position: fixed;
  z-index: 1000;
}
.cdk-overlay-container:empty {
  display: none;
}

.cdk-global-overlay-wrapper {
  display: flex;
  position: absolute;
  z-index: 1000;
}

.cdk-overlay-pane {
  position: absolute;
  pointer-events: auto;
  box-sizing: border-box;
  z-index: 1000;
  display: flex;
  max-width: 100%;
  max-height: 100%;
}

.cdk-overlay-backdrop {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  pointer-events: auto;
  -webkit-tap-highlight-color: transparent;
  transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
  opacity: 0;
}
.cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
  opacity: 1;
}
.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
  opacity: 0.6;
}

.cdk-overlay-dark-backdrop {
  background: rgba(0, 0, 0, 0.32);
}

.cdk-overlay-transparent-backdrop {
  transition: visibility 1ms linear, opacity 1ms linear;
  visibility: hidden;
  opacity: 1;
}
.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing {
  opacity: 0;
  visibility: visible;
}

.cdk-overlay-backdrop-noop-animation {
  transition: none;
}

.cdk-overlay-connected-position-bounding-box {
  position: absolute;
  z-index: 1000;
  display: flex;
  flex-direction: column;
  min-width: 1px;
  min-height: 1px;
}

.cdk-global-scrollblock {
  position: fixed;
  width: 100%;
  overflow-y: scroll;
}

textarea.cdk-textarea-autosize {
  resize: none;
}

textarea.cdk-textarea-autosize-measuring {
  padding: 2px 0 !important;
  box-sizing: content-box !important;
  height: auto !important;
  overflow: hidden !important;
}

textarea.cdk-textarea-autosize-measuring-firefox {
  padding: 2px 0 !important;
  box-sizing: content-box !important;
  height: 0 !important;
}

@keyframes cdk-text-field-autofill-start { /*!*/ }
@keyframes cdk-text-field-autofill-end { /*!*/ }
.cdk-text-field-autofill-monitored:-webkit-autofill {
  animation: cdk-text-field-autofill-start 0s 1ms;
}

.cdk-text-field-autofill-monitored:not(:-webkit-autofill) {
  animation: cdk-text-field-autofill-end 0s 1ms;
}

.mat-focus-indicator {
  position: relative;
}
.mat-focus-indicator::before {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  box-sizing: border-box;
  pointer-events: none;
  display: var(--mat-focus-indicator-display, none);
  border: var(--mat-focus-indicator-border-width, 3px) var(--mat-focus-indicator-border-style, solid) var(--mat-focus-indicator-border-color, transparent);
  border-radius: var(--mat-focus-indicator-border-radius, 4px);
}
.mat-focus-indicator:focus::before {
  content: "";
}

.cdk-high-contrast-active {
  --mat-focus-indicator-display: block;
}

.mat-mdc-focus-indicator {
  position: relative;
}
.mat-mdc-focus-indicator::before {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  box-sizing: border-box;
  pointer-events: none;
  display: var(--mat-mdc-focus-indicator-display, none);
  border: var(--mat-mdc-focus-indicator-border-width, 3px) var(--mat-mdc-focus-indicator-border-style, solid) var(--mat-mdc-focus-indicator-border-color, transparent);
  border-radius: var(--mat-mdc-focus-indicator-border-radius, 4px);
}
.mat-mdc-focus-indicator:focus::before {
  content: "";
}

.cdk-high-contrast-active {
  --mat-mdc-focus-indicator-display: block;
}

.mat-button, .mat-icon-button, .mat-stroked-button {
  color: inherit;
  background: transparent;
}
.mat-button.mat-primary, .mat-icon-button.mat-primary, .mat-stroked-button.mat-primary {
  color: #042033;
}
.mat-button.mat-accent, .mat-icon-button.mat-accent, .mat-stroked-button.mat-accent {
  color: #0a8fe0;
}
.mat-button.mat-warn, .mat-icon-button.mat-warn, .mat-stroked-button.mat-warn {
  color: #d10714;
}
.mat-button.mat-primary.mat-button-disabled, .mat-button.mat-accent.mat-button-disabled, .mat-button.mat-warn.mat-button-disabled, .mat-button.mat-button-disabled.mat-button-disabled, .mat-icon-button.mat-primary.mat-button-disabled, .mat-icon-button.mat-accent.mat-button-disabled, .mat-icon-button.mat-warn.mat-button-disabled, .mat-icon-button.mat-button-disabled.mat-button-disabled, .mat-stroked-button.mat-primary.mat-button-disabled, .mat-stroked-button.mat-accent.mat-button-disabled, .mat-stroked-button.mat-warn.mat-button-disabled, .mat-stroked-button.mat-button-disabled.mat-button-disabled {
  color: rgba(0, 0, 0, 0.26);
}
.mat-button.mat-primary .mat-button-focus-overlay, .mat-icon-button.mat-primary .mat-button-focus-overlay, .mat-stroked-button.mat-primary .mat-button-focus-overlay {
  background-color: #042033;
}
.mat-button.mat-accent .mat-button-focus-overlay, .mat-icon-button.mat-accent .mat-button-focus-overlay, .mat-stroked-button.mat-accent .mat-button-focus-overlay {
  background-color: #0a8fe0;
}
.mat-button.mat-warn .mat-button-focus-overlay, .mat-icon-button.mat-warn .mat-button-focus-overlay, .mat-stroked-button.mat-warn .mat-button-focus-overlay {
  background-color: #d10714;
}
.mat-button.mat-button-disabled .mat-button-focus-overlay, .mat-icon-button.mat-button-disabled .mat-button-focus-overlay, .mat-stroked-button.mat-button-disabled .mat-button-focus-overlay {
  background-color: transparent;
}
.mat-button .mat-ripple-element, .mat-icon-button .mat-ripple-element, .mat-stroked-button .mat-ripple-element {
  opacity: 0.1;
  background-color: currentColor;
}

.mat-button-focus-overlay {
  background: black;
}

.mat-stroked-button:not(.mat-button-disabled) {
  border-color: rgba(0, 0, 0, 0.12);
}

.mat-flat-button, .mat-raised-button, .mat-fab, .mat-mini-fab {
  color: rgba(0, 0, 0, 0.87);
  background-color: white;
}
.mat-flat-button.mat-primary, .mat-raised-button.mat-primary, .mat-fab.mat-primary, .mat-mini-fab.mat-primary {
  color: #042033;
}
.mat-flat-button.mat-accent, .mat-raised-button.mat-accent, .mat-fab.mat-accent, .mat-mini-fab.mat-accent {
  color: #0a8fe0;
}
.mat-flat-button.mat-warn, .mat-raised-button.mat-warn, .mat-fab.mat-warn, .mat-mini-fab.mat-warn {
  color: #d10714;
}
.mat-flat-button.mat-primary.mat-button-disabled, .mat-flat-button.mat-accent.mat-button-disabled, .mat-flat-button.mat-warn.mat-button-disabled, .mat-flat-button.mat-button-disabled.mat-button-disabled, .mat-raised-button.mat-primary.mat-button-disabled, .mat-raised-button.mat-accent.mat-button-disabled, .mat-raised-button.mat-warn.mat-button-disabled, .mat-raised-button.mat-button-disabled.mat-button-disabled, .mat-fab.mat-primary.mat-button-disabled, .mat-fab.mat-accent.mat-button-disabled, .mat-fab.mat-warn.mat-button-disabled, .mat-fab.mat-button-disabled.mat-button-disabled, .mat-mini-fab.mat-primary.mat-button-disabled, .mat-mini-fab.mat-accent.mat-button-disabled, .mat-mini-fab.mat-warn.mat-button-disabled, .mat-mini-fab.mat-button-disabled.mat-button-disabled {
  color: rgba(0, 0, 0, 0.26);
}
.mat-flat-button.mat-primary, .mat-raised-button.mat-primary, .mat-fab.mat-primary, .mat-mini-fab.mat-primary {
  background-color: #042033;
}
.mat-flat-button.mat-accent, .mat-raised-button.mat-accent, .mat-fab.mat-accent, .mat-mini-fab.mat-accent {
  background-color: #0a8fe0;
}
.mat-flat-button.mat-warn, .mat-raised-button.mat-warn, .mat-fab.mat-warn, .mat-mini-fab.mat-warn {
  background-color: #d10714;
}
.mat-flat-button.mat-primary.mat-button-disabled, .mat-flat-button.mat-accent.mat-button-disabled, .mat-flat-button.mat-warn.mat-button-disabled, .mat-flat-button.mat-button-disabled.mat-button-disabled, .mat-raised-button.mat-primary.mat-button-disabled, .mat-raised-button.mat-accent.mat-button-disabled, .mat-raised-button.mat-warn.mat-button-disabled, .mat-raised-button.mat-button-disabled.mat-button-disabled, .mat-fab.mat-primary.mat-button-disabled, .mat-fab.mat-accent.mat-button-disabled, .mat-fab.mat-warn.mat-button-disabled, .mat-fab.mat-button-disabled.mat-button-disabled, .mat-mini-fab.mat-primary.mat-button-disabled, .mat-mini-fab.mat-accent.mat-button-disabled, .mat-mini-fab.mat-warn.mat-button-disabled, .mat-mini-fab.mat-button-disabled.mat-button-disabled {
  background-color: rgba(0, 0, 0, 0.12);
}
.mat-flat-button.mat-primary .mat-ripple-element, .mat-raised-button.mat-primary .mat-ripple-element, .mat-fab.mat-primary .mat-ripple-element, .mat-mini-fab.mat-primary .mat-ripple-element {
  background-color: rgba(4, 32, 51, 0.1);
}
.mat-flat-button.mat-accent .mat-ripple-element, .mat-raised-button.mat-accent .mat-ripple-element, .mat-fab.mat-accent .mat-ripple-element, .mat-mini-fab.mat-accent .mat-ripple-element {
  background-color: rgba(10, 143, 224, 0.1);
}
.mat-flat-button.mat-warn .mat-ripple-element, .mat-raised-button.mat-warn .mat-ripple-element, .mat-fab.mat-warn .mat-ripple-element, .mat-mini-fab.mat-warn .mat-ripple-element {
  background-color: rgba(209, 7, 20, 0.1);
}

.mat-stroked-button:not([class*=mat-elevation-z]), .mat-flat-button:not([class*=mat-elevation-z]) {
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}

.mat-raised-button:not([class*=mat-elevation-z]) {
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}
.mat-raised-button:not(.mat-button-disabled):active:not([class*=mat-elevation-z]) {
  box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
.mat-raised-button.mat-button-disabled:not([class*=mat-elevation-z]) {
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}

.mat-fab:not([class*=mat-elevation-z]), .mat-mini-fab:not([class*=mat-elevation-z]) {
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
}
.mat-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]), .mat-mini-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]) {
  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
}
.mat-fab.mat-button-disabled:not([class*=mat-elevation-z]), .mat-mini-fab.mat-button-disabled:not([class*=mat-elevation-z]) {
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}

.mat-datepicker-content .mat-mdc-button.mat-unthemed {
  --mdc-text-button-label-text-color: #000;
}
.mat-datepicker-content .mat-mdc-button.mat-primary {
  --mdc-text-button-label-text-color: #042033;
}
.mat-datepicker-content .mat-mdc-button.mat-accent {
  --mdc-text-button-label-text-color: #0a8fe0;
}
.mat-datepicker-content .mat-mdc-button.mat-warn {
  --mdc-text-button-label-text-color: #d10714;
}
.mat-datepicker-content .mat-mdc-button[disabled][disabled] {
  --mdc-text-button-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mdc-text-button-label-text-color: rgba(0, 0, 0, 0.38);
}
.mat-datepicker-content .mat-mdc-unelevated-button.mat-unthemed {
  --mdc-filled-button-container-color: #fff;
  --mdc-filled-button-label-text-color: #000;
}
.mat-datepicker-content .mat-mdc-unelevated-button.mat-primary {
  --mdc-filled-button-container-color: #042033;
  --mdc-filled-button-label-text-color: #fff;
}
.mat-datepicker-content .mat-mdc-unelevated-button.mat-accent {
  --mdc-filled-button-container-color: #0a8fe0;
  --mdc-filled-button-label-text-color: #fff;
}
.mat-datepicker-content .mat-mdc-unelevated-button.mat-warn {
  --mdc-filled-button-container-color: #d10714;
  --mdc-filled-button-label-text-color: #fff;
}
.mat-datepicker-content .mat-mdc-unelevated-button[disabled][disabled] {
  --mdc-filled-button-disabled-container-color: rgba(0, 0, 0, 0.12);
  --mdc-filled-button-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mdc-filled-button-container-color: rgba(0, 0, 0, 0.12);
  --mdc-filled-button-label-text-color: rgba(0, 0, 0, 0.38);
}
.mat-datepicker-content .mat-mdc-raised-button.mat-unthemed {
  --mdc-protected-button-container-color: #fff;
  --mdc-protected-button-label-text-color: #000;
}
.mat-datepicker-content .mat-mdc-raised-button.mat-primary {
  --mdc-protected-button-container-color: #042033;
  --mdc-protected-button-label-text-color: #fff;
}
.mat-datepicker-content .mat-mdc-raised-button.mat-accent {
  --mdc-protected-button-container-color: #0a8fe0;
  --mdc-protected-button-label-text-color: #fff;
}
.mat-datepicker-content .mat-mdc-raised-button.mat-warn {
  --mdc-protected-button-container-color: #d10714;
  --mdc-protected-button-label-text-color: #fff;
}
.mat-datepicker-content .mat-mdc-raised-button[disabled][disabled] {
  --mdc-protected-button-disabled-container-color: rgba(0, 0, 0, 0.12);
  --mdc-protected-button-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mdc-protected-button-container-color: rgba(0, 0, 0, 0.12);
  --mdc-protected-button-label-text-color: rgba(0, 0, 0, 0.38);
  --mdc-protected-button-container-elevation: 0;
}
.mat-datepicker-content .mat-mdc-outlined-button {
  --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.12);
}
.mat-datepicker-content .mat-mdc-outlined-button.mat-unthemed {
  --mdc-outlined-button-label-text-color: #000;
}
.mat-datepicker-content .mat-mdc-outlined-button.mat-primary {
  --mdc-outlined-button-label-text-color: #042033;
}
.mat-datepicker-content .mat-mdc-outlined-button.mat-accent {
  --mdc-outlined-button-label-text-color: #0a8fe0;
}
.mat-datepicker-content .mat-mdc-outlined-button.mat-warn {
  --mdc-outlined-button-label-text-color: #d10714;
}
.mat-datepicker-content .mat-mdc-outlined-button[disabled][disabled] {
  --mdc-outlined-button-label-text-color: rgba(0, 0, 0, 0.38);
  --mdc-outlined-button-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.12);
  --mdc-outlined-button-disabled-outline-color: rgba(0, 0, 0, 0.12);
}
.mat-datepicker-content .mat-mdc-button, .mat-datepicker-content .mat-mdc-outlined-button {
  --mat-mdc-button-persistent-ripple-color: #000;
  --mat-mdc-button-ripple-color: rgba(0, 0, 0, 0.1);
}
.mat-datepicker-content .mat-mdc-button:hover .mat-mdc-button-persistent-ripple::before, .mat-datepicker-content .mat-mdc-outlined-button:hover .mat-mdc-button-persistent-ripple::before {
  opacity: 0.04;
}
.mat-datepicker-content .mat-mdc-button.cdk-program-focused .mat-mdc-button-persistent-ripple::before, .mat-datepicker-content .mat-mdc-button.cdk-keyboard-focused .mat-mdc-button-persistent-ripple::before, .mat-datepicker-content .mat-mdc-outlined-button.cdk-program-focused .mat-mdc-button-persistent-ripple::before, .mat-datepicker-content .mat-mdc-outlined-button.cdk-keyboard-focused .mat-mdc-button-persistent-ripple::before {
  opacity: 0.12;
}
.mat-datepicker-content .mat-mdc-button:active .mat-mdc-button-persistent-ripple::before, .mat-datepicker-content .mat-mdc-outlined-button:active .mat-mdc-button-persistent-ripple::before {
  opacity: 0.12;
}
.mat-datepicker-content .mat-mdc-button.mat-primary, .mat-datepicker-content .mat-mdc-outlined-button.mat-primary {
  --mat-mdc-button-persistent-ripple-color: #042033;
  --mat-mdc-button-ripple-color: rgba(4, 32, 51, 0.1);
}
.mat-datepicker-content .mat-mdc-button.mat-accent, .mat-datepicker-content .mat-mdc-outlined-button.mat-accent {
  --mat-mdc-button-persistent-ripple-color: #0a8fe0;
  --mat-mdc-button-ripple-color: rgba(10, 143, 224, 0.1);
}
.mat-datepicker-content .mat-mdc-button.mat-warn, .mat-datepicker-content .mat-mdc-outlined-button.mat-warn {
  --mat-mdc-button-persistent-ripple-color: #d10714;
  --mat-mdc-button-ripple-color: rgba(209, 7, 20, 0.1);
}
.mat-datepicker-content .mat-mdc-raised-button, .mat-datepicker-content .mat-mdc-unelevated-button {
  --mat-mdc-button-persistent-ripple-color: #000;
  --mat-mdc-button-ripple-color: rgba(0, 0, 0, 0.1);
}
.mat-datepicker-content .mat-mdc-raised-button:hover .mat-mdc-button-persistent-ripple::before, .mat-datepicker-content .mat-mdc-unelevated-button:hover .mat-mdc-button-persistent-ripple::before {
  opacity: 0.04;
}
.mat-datepicker-content .mat-mdc-raised-button.cdk-program-focused .mat-mdc-button-persistent-ripple::before, .mat-datepicker-content .mat-mdc-raised-button.cdk-keyboard-focused .mat-mdc-button-persistent-ripple::before, .mat-datepicker-content .mat-mdc-unelevated-button.cdk-program-focused .mat-mdc-button-persistent-ripple::before, .mat-datepicker-content .mat-mdc-unelevated-button.cdk-keyboard-focused .mat-mdc-button-persistent-ripple::before {
  opacity: 0.12;
}
.mat-datepicker-content .mat-mdc-raised-button:active .mat-mdc-button-persistent-ripple::before, .mat-datepicker-content .mat-mdc-unelevated-button:active .mat-mdc-button-persistent-ripple::before {
  opacity: 0.12;
}
.mat-datepicker-content .mat-mdc-raised-button.mat-primary, .mat-datepicker-content .mat-mdc-unelevated-button.mat-primary {
  --mat-mdc-button-persistent-ripple-color: #fff;
  --mat-mdc-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.mat-datepicker-content .mat-mdc-raised-button.mat-accent, .mat-datepicker-content .mat-mdc-unelevated-button.mat-accent {
  --mat-mdc-button-persistent-ripple-color: #fff;
  --mat-mdc-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.mat-datepicker-content .mat-mdc-raised-button.mat-warn, .mat-datepicker-content .mat-mdc-unelevated-button.mat-warn {
  --mat-mdc-button-persistent-ripple-color: #fff;
  --mat-mdc-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.mat-datepicker-content .mat-mdc-icon-button {
  --mat-mdc-button-persistent-ripple-color: #000;
  --mat-mdc-button-ripple-color: rgba(0, 0, 0, 0.1);
  --mdc-icon-button-icon-color: inherit;
  --mat-mdc-button-persistent-ripple-color: #000;
  --mat-mdc-button-ripple-color: rgba(0, 0, 0, 0.1);
}
.mat-datepicker-content .mat-mdc-icon-button:hover .mat-mdc-button-persistent-ripple::before {
  opacity: 0.04;
}
.mat-datepicker-content .mat-mdc-icon-button.cdk-program-focused .mat-mdc-button-persistent-ripple::before, .mat-datepicker-content .mat-mdc-icon-button.cdk-keyboard-focused .mat-mdc-button-persistent-ripple::before {
  opacity: 0.12;
}
.mat-datepicker-content .mat-mdc-icon-button:active .mat-mdc-button-persistent-ripple::before {
  opacity: 0.12;
}
.mat-datepicker-content .mat-mdc-icon-button.mat-primary {
  --mat-mdc-button-persistent-ripple-color: #6200ee;
  --mat-mdc-button-ripple-color: rgba(98, 0, 238, 0.1);
}
.mat-datepicker-content .mat-mdc-icon-button.mat-accent {
  --mat-mdc-button-persistent-ripple-color: #018786;
  --mat-mdc-button-ripple-color: rgba(1, 135, 134, 0.1);
}
.mat-datepicker-content .mat-mdc-icon-button.mat-warn {
  --mat-mdc-button-persistent-ripple-color: #b00020;
  --mat-mdc-button-ripple-color: rgba(176, 0, 32, 0.1);
}
.mat-datepicker-content .mat-mdc-icon-button.mat-primary {
  --mdc-icon-button-icon-color: #042033;
  --mat-mdc-button-persistent-ripple-color: #042033;
  --mat-mdc-button-ripple-color: rgba(4, 32, 51, 0.1);
}
.mat-datepicker-content .mat-mdc-icon-button.mat-accent {
  --mdc-icon-button-icon-color: #0a8fe0;
  --mat-mdc-button-persistent-ripple-color: #0a8fe0;
  --mat-mdc-button-ripple-color: rgba(10, 143, 224, 0.1);
}
.mat-datepicker-content .mat-mdc-icon-button.mat-warn {
  --mdc-icon-button-icon-color: #d10714;
  --mat-mdc-button-persistent-ripple-color: #d10714;
  --mat-mdc-button-ripple-color: rgba(209, 7, 20, 0.1);
}
.mat-datepicker-content .mat-mdc-icon-button[disabled][disabled] {
  --mdc-icon-button-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-icon-button-disabled-icon-color: rgba(0, 0, 0, 0.38);
}

.mat-datepicker-content .mat-mdc-button.mat-mdc-button-base,
.mat-datepicker-content .mat-mdc-raised-button.mat-mdc-button-base,
.mat-datepicker-content .mat-mdc-unelevated-button.mat-mdc-button-base,
.mat-datepicker-content .mat-mdc-outlined-button.mat-mdc-button-base {
  height: 36px;
}
.mat-datepicker-content .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 48px;
  width: var(--mdc-icon-button-state-layer-size);
  height: var(--mdc-icon-button-state-layer-size);
  padding: 12px;
}

.mat-option {
  color: rgba(0, 0, 0, 0.87);
}
.mat-option:hover:not(.mat-option-disabled), .mat-option:focus:not(.mat-option-disabled) {
  background: rgba(0, 0, 0, 0.04);
}
.mat-option.mat-selected:not(.mat-option-multiple):not(.mat-option-disabled) {
  background: rgba(0, 0, 0, 0.04);
}
.mat-option.mat-active {
  background: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.87);
}
.mat-option.mat-option-disabled {
  color: rgba(0, 0, 0, 0.38);
}

.mat-primary .mat-option.mat-selected:not(.mat-option-disabled) {
  color: #042033;
}

.mat-accent .mat-option.mat-selected:not(.mat-option-disabled) {
  color: #0a8fe0;
}

.mat-warn .mat-option.mat-selected:not(.mat-option-disabled) {
  color: #d10714;
}

.mat-optgroup-label {
  color: rgba(0, 0, 0, 0.54);
}

.mat-optgroup-disabled .mat-optgroup-label {
  color: rgba(0, 0, 0, 0.38);
}

.mat-ripple-element {
  background-color: rgba(0, 0, 0, 0.1);
}

.mat-pseudo-checkbox-full {
  color: rgba(0, 0, 0, 0.54);
}
.mat-pseudo-checkbox-full.mat-pseudo-checkbox-disabled {
  color: #b0b0b0;
}

.mat-primary .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal::after,
.mat-primary .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal::after {
  color: #042033;
}
.mat-primary .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,
.mat-primary .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full {
  background: #042033;
}
.mat-primary .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full::after,
.mat-primary .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full::after {
  color: #fafafa;
}

.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal::after,
.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal::after {
  color: #0a8fe0;
}
.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,
.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full {
  background: #0a8fe0;
}
.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full::after,
.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full::after {
  color: #fafafa;
}

.mat-accent .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal::after,
.mat-accent .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal::after {
  color: #0a8fe0;
}
.mat-accent .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,
.mat-accent .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full {
  background: #0a8fe0;
}
.mat-accent .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full::after,
.mat-accent .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full::after {
  color: #fafafa;
}

.mat-warn .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal::after,
.mat-warn .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal::after {
  color: #d10714;
}
.mat-warn .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,
.mat-warn .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full {
  background: #d10714;
}
.mat-warn .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full::after,
.mat-warn .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full::after {
  color: #fafafa;
}

.mat-pseudo-checkbox-disabled.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal::after,
.mat-pseudo-checkbox-disabled.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal::after {
  color: #b0b0b0;
}
.mat-pseudo-checkbox-disabled.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,
.mat-pseudo-checkbox-disabled.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full {
  background: #b0b0b0;
}

.mat-app-background {
  background-color: #fafafa;
  color: rgba(0, 0, 0, 0.87);
}

.mat-elevation-z0 {
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z1 {
  box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z2 {
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z3 {
  box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z4 {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z5 {
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z6 {
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z7 {
  box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z8 {
  box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z9 {
  box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z10 {
  box-shadow: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z11 {
  box-shadow: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z12 {
  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z13 {
  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z14 {
  box-shadow: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z15 {
  box-shadow: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z16 {
  box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z17 {
  box-shadow: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z18 {
  box-shadow: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z19 {
  box-shadow: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z20 {
  box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z21 {
  box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z22 {
  box-shadow: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z23 {
  box-shadow: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z24 {
  box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}

.mat-theme-loaded-marker {
  display: none;
}

.mat-card {
  background: white;
  color: rgba(0, 0, 0, 0.87);
}
.mat-card:not([class*=mat-elevation-z]) {
  box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
}
.mat-card.mat-card-flat:not([class*=mat-elevation-z]) {
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}

.mat-card-subtitle {
  color: rgba(0, 0, 0, 0.54);
}

.mat-progress-bar-background {
  fill: #bdc4c8;
}

.mat-progress-bar-buffer {
  background-color: #bdc4c8;
}

.mat-progress-bar-fill::after {
  background-color: #042033;
}

.mat-progress-bar.mat-accent .mat-progress-bar-background {
  fill: #bedff4;
}
.mat-progress-bar.mat-accent .mat-progress-bar-buffer {
  background-color: #bedff4;
}
.mat-progress-bar.mat-accent .mat-progress-bar-fill::after {
  background-color: #0a8fe0;
}

.mat-progress-bar.mat-warn .mat-progress-bar-background {
  fill: #f0bdc1;
}
.mat-progress-bar.mat-warn .mat-progress-bar-buffer {
  background-color: #f0bdc1;
}
.mat-progress-bar.mat-warn .mat-progress-bar-fill::after {
  background-color: #d10714;
}

.mat-progress-spinner circle, .mat-spinner circle {
  stroke: #042033;
}
.mat-progress-spinner.mat-accent circle, .mat-spinner.mat-accent circle {
  stroke: #0a8fe0;
}
.mat-progress-spinner.mat-warn circle, .mat-spinner.mat-warn circle {
  stroke: #d10714;
}

.mat-tooltip {
  background: rgba(97, 97, 97, 0.9);
}

.mat-form-field-type-mat-native-select .mat-form-field-infix::after {
  color: rgba(0, 0, 0, 0.54);
}

.mat-input-element:disabled,
.mat-form-field-type-mat-native-select.mat-form-field-disabled .mat-form-field-infix::after {
  color: rgba(0, 0, 0, 0.38);
}

.mat-input-element {
  caret-color: #042033;
}
.mat-input-element::placeholder {
  color: rgba(0, 0, 0, 0.42);
}
.mat-input-element::-moz-placeholder {
  color: rgba(0, 0, 0, 0.42);
}
.mat-input-element::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.42);
}
.mat-input-element:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.42);
}

.mat-form-field.mat-accent .mat-input-element {
  caret-color: #0a8fe0;
}

.mat-form-field.mat-warn .mat-input-element,
.mat-form-field-invalid .mat-input-element {
  caret-color: #d10714;
}

.mat-form-field-type-mat-native-select.mat-form-field-invalid .mat-form-field-infix::after {
  color: #d10714;
}

.mat-form-field-disabled .mat-form-field-prefix,
.mat-form-field-disabled .mat-form-field-suffix {
  color: rgba(0, 0, 0, 0.38);
}

.mat-form-field-label {
  color: rgba(0, 0, 0, 0.6);
}

.mat-hint {
  color: rgba(0, 0, 0, 0.6);
}

.mat-form-field.mat-focused .mat-form-field-label {
  color: #042033;
}
.mat-form-field.mat-focused .mat-form-field-label.mat-accent {
  color: #0a8fe0;
}
.mat-form-field.mat-focused .mat-form-field-label.mat-warn {
  color: #d10714;
}

.mat-focused .mat-form-field-required-marker {
  color: #0a8fe0;
}

.mat-form-field-ripple {
  background-color: rgba(0, 0, 0, 0.87);
}

.mat-form-field.mat-focused .mat-form-field-ripple {
  background-color: #042033;
}
.mat-form-field.mat-focused .mat-form-field-ripple.mat-accent {
  background-color: #0a8fe0;
}
.mat-form-field.mat-focused .mat-form-field-ripple.mat-warn {
  background-color: #d10714;
}

.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid) .mat-form-field-infix::after {
  color: #042033;
}
.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-accent .mat-form-field-infix::after {
  color: #0a8fe0;
}
.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-warn .mat-form-field-infix::after {
  color: #d10714;
}

.mat-form-field.mat-form-field-invalid .mat-form-field-label {
  color: #d10714;
}
.mat-form-field.mat-form-field-invalid .mat-form-field-label.mat-accent,
.mat-form-field.mat-form-field-invalid .mat-form-field-label .mat-form-field-required-marker {
  color: #d10714;
}
.mat-form-field.mat-form-field-invalid .mat-form-field-ripple,
.mat-form-field.mat-form-field-invalid .mat-form-field-ripple.mat-accent {
  background-color: #d10714;
}

.mat-error {
  color: #d10714;
}

.mat-form-field-appearance-legacy .mat-form-field-label {
  color: rgba(0, 0, 0, 0.54);
}
.mat-form-field-appearance-legacy .mat-hint {
  color: rgba(0, 0, 0, 0.54);
}
.mat-form-field-appearance-legacy .mat-form-field-underline {
  background-color: rgba(0, 0, 0, 0.42);
}
.mat-form-field-appearance-legacy.mat-form-field-disabled .mat-form-field-underline {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.42) 0%, rgba(0, 0, 0, 0.42) 33%, transparent 0%);
  background-size: 4px 100%;
  background-repeat: repeat-x;
}

.mat-form-field-appearance-standard .mat-form-field-underline {
  background-color: rgba(0, 0, 0, 0.42);
}
.mat-form-field-appearance-standard.mat-form-field-disabled .mat-form-field-underline {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.42) 0%, rgba(0, 0, 0, 0.42) 33%, transparent 0%);
  background-size: 4px 100%;
  background-repeat: repeat-x;
}

.mat-form-field-appearance-fill .mat-form-field-flex {
  background-color: rgba(0, 0, 0, 0.04);
}
.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-flex {
  background-color: rgba(0, 0, 0, 0.02);
}
.mat-form-field-appearance-fill .mat-form-field-underline::before {
  background-color: rgba(0, 0, 0, 0.42);
}
.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-label {
  color: rgba(0, 0, 0, 0.38);
}
.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-underline::before {
  background-color: transparent;
}

.mat-form-field-appearance-outline .mat-form-field-outline {
  color: rgba(0, 0, 0, 0.12);
}
.mat-form-field-appearance-outline .mat-form-field-outline-thick {
  color: rgba(0, 0, 0, 0.87);
}
.mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick {
  color: #042033;
}
.mat-form-field-appearance-outline.mat-focused.mat-accent .mat-form-field-outline-thick {
  color: #0a8fe0;
}
.mat-form-field-appearance-outline.mat-focused.mat-warn .mat-form-field-outline-thick {
  color: #d10714;
}
.mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-thick {
  color: #d10714;
}
.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-label {
  color: rgba(0, 0, 0, 0.38);
}
.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline {
  color: rgba(0, 0, 0, 0.06);
}

.mat-select-value {
  color: rgba(0, 0, 0, 0.87);
}

.mat-select-placeholder {
  color: rgba(0, 0, 0, 0.42);
}

.mat-select-disabled .mat-select-value {
  color: rgba(0, 0, 0, 0.38);
}

.mat-select-arrow {
  color: rgba(0, 0, 0, 0.54);
}

.mat-select-panel {
  background: white;
}
.mat-select-panel:not([class*=mat-elevation-z]) {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
}
.mat-select-panel .mat-option.mat-selected:not(.mat-option-multiple) {
  background: rgba(0, 0, 0, 0.12);
}

.mat-form-field.mat-focused.mat-primary .mat-select-arrow {
  color: #042033;
}
.mat-form-field.mat-focused.mat-accent .mat-select-arrow {
  color: #0a8fe0;
}
.mat-form-field.mat-focused.mat-warn .mat-select-arrow {
  color: #d10714;
}
.mat-form-field .mat-select.mat-select-invalid .mat-select-arrow {
  color: #d10714;
}
.mat-form-field .mat-select.mat-select-disabled .mat-select-arrow {
  color: rgba(0, 0, 0, 0.38);
}

.mat-checkbox-frame {
  border-color: rgba(0, 0, 0, 0.54);
}

.mat-checkbox-checkmark {
  fill: #fafafa;
}

.mat-checkbox-checkmark-path {
  stroke: #fafafa !important;
}

.mat-checkbox-mixedmark {
  background-color: #fafafa;
}

.mat-checkbox-indeterminate.mat-primary .mat-checkbox-background, .mat-checkbox-checked.mat-primary .mat-checkbox-background {
  background-color: #042033;
}
.mat-checkbox-indeterminate.mat-accent .mat-checkbox-background, .mat-checkbox-checked.mat-accent .mat-checkbox-background {
  background-color: #0a8fe0;
}
.mat-checkbox-indeterminate.mat-warn .mat-checkbox-background, .mat-checkbox-checked.mat-warn .mat-checkbox-background {
  background-color: #d10714;
}

.mat-checkbox-disabled.mat-checkbox-checked .mat-checkbox-background, .mat-checkbox-disabled.mat-checkbox-indeterminate .mat-checkbox-background {
  background-color: #b0b0b0;
}
.mat-checkbox-disabled:not(.mat-checkbox-checked) .mat-checkbox-frame {
  border-color: #b0b0b0;
}
.mat-checkbox-disabled .mat-checkbox-label {
  color: rgba(0, 0, 0, 0.38);
}

.mat-checkbox .mat-ripple-element {
  background-color: black;
}

.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element,
.mat-checkbox:active:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element {
  background: #042033;
}
.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element,
.mat-checkbox:active:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element {
  background: #0a8fe0;
}
.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element,
.mat-checkbox:active:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element {
  background: #d10714;
}

.mat-autocomplete-panel {
  background: white;
  color: rgba(0, 0, 0, 0.87);
}
.mat-autocomplete-panel:not([class*=mat-elevation-z]) {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
}
.mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover) {
  background: white;
}
.mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover):not(.mat-option-disabled) {
  color: rgba(0, 0, 0, 0.87);
}

.mat-dialog-container {
  box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
  background: white;
  color: rgba(0, 0, 0, 0.87);
}

.mat-chip.mat-standard-chip {
  background-color: #e0e0e0;
  color: rgba(0, 0, 0, 0.87);
}
.mat-chip.mat-standard-chip .mat-chip-remove {
  color: rgba(0, 0, 0, 0.87);
  opacity: 0.4;
}
.mat-chip.mat-standard-chip:not(.mat-chip-disabled):active {
  box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
}
.mat-chip.mat-standard-chip:not(.mat-chip-disabled) .mat-chip-remove:hover {
  opacity: 0.54;
}
.mat-chip.mat-standard-chip.mat-chip-disabled {
  opacity: 0.4;
}
.mat-chip.mat-standard-chip::after {
  background: black;
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary {
  background-color: #042033;
  color: #042033;
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-chip-remove {
  color: #042033;
  opacity: 0.4;
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-ripple-element {
  background-color: rgba(4, 32, 51, 0.1);
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn {
  background-color: #d10714;
  color: #d10714;
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-chip-remove {
  color: #d10714;
  opacity: 0.4;
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-ripple-element {
  background-color: rgba(209, 7, 20, 0.1);
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent {
  background-color: #0a8fe0;
  color: #0a8fe0;
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-chip-remove {
  color: #0a8fe0;
  opacity: 0.4;
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-ripple-element {
  background-color: rgba(10, 143, 224, 0.1);
}

.mat-slide-toggle.mat-checked .mat-slide-toggle-thumb {
  background-color: #0a8fe0;
}
.mat-slide-toggle.mat-checked .mat-slide-toggle-bar {
  background-color: rgba(10, 143, 224, 0.54);
}
.mat-slide-toggle.mat-checked .mat-ripple-element {
  background-color: #0a8fe0;
}
.mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-thumb {
  background-color: #042033;
}
.mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-bar {
  background-color: rgba(4, 32, 51, 0.54);
}
.mat-slide-toggle.mat-primary.mat-checked .mat-ripple-element {
  background-color: #042033;
}
.mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-thumb {
  background-color: #d10714;
}
.mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-bar {
  background-color: rgba(209, 7, 20, 0.54);
}
.mat-slide-toggle.mat-warn.mat-checked .mat-ripple-element {
  background-color: #d10714;
}
.mat-slide-toggle:not(.mat-checked) .mat-ripple-element {
  background-color: black;
}

.mat-slide-toggle-thumb {
  box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  background-color: #fafafa;
}

.mat-slide-toggle-bar {
  background-color: rgba(0, 0, 0, 0.38);
}

.mat-radio-outer-circle {
  border-color: rgba(0, 0, 0, 0.54);
}

.mat-radio-button.mat-primary.mat-radio-checked .mat-radio-outer-circle {
  border-color: #042033;
}
.mat-radio-button.mat-primary .mat-radio-inner-circle,
.mat-radio-button.mat-primary .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), .mat-radio-button.mat-primary.mat-radio-checked .mat-radio-persistent-ripple, .mat-radio-button.mat-primary:active .mat-radio-persistent-ripple {
  background-color: #042033;
}
.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle {
  border-color: #0a8fe0;
}
.mat-radio-button.mat-accent .mat-radio-inner-circle,
.mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-persistent-ripple, .mat-radio-button.mat-accent:active .mat-radio-persistent-ripple {
  background-color: #0a8fe0;
}
.mat-radio-button.mat-warn.mat-radio-checked .mat-radio-outer-circle {
  border-color: #d10714;
}
.mat-radio-button.mat-warn .mat-radio-inner-circle,
.mat-radio-button.mat-warn .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), .mat-radio-button.mat-warn.mat-radio-checked .mat-radio-persistent-ripple, .mat-radio-button.mat-warn:active .mat-radio-persistent-ripple {
  background-color: #d10714;
}
.mat-radio-button.mat-radio-disabled.mat-radio-checked .mat-radio-outer-circle,
.mat-radio-button.mat-radio-disabled .mat-radio-outer-circle {
  border-color: rgba(0, 0, 0, 0.38);
}
.mat-radio-button.mat-radio-disabled .mat-radio-ripple .mat-ripple-element,
.mat-radio-button.mat-radio-disabled .mat-radio-inner-circle {
  background-color: rgba(0, 0, 0, 0.38);
}
.mat-radio-button.mat-radio-disabled .mat-radio-label-content {
  color: rgba(0, 0, 0, 0.38);
}
.mat-radio-button .mat-ripple-element {
  background-color: black;
}

.mat-slider-track-background {
  background-color: rgba(0, 0, 0, 0.26);
}

.mat-slider.mat-primary .mat-slider-track-fill,
.mat-slider.mat-primary .mat-slider-thumb,
.mat-slider.mat-primary .mat-slider-thumb-label {
  background-color: #042033;
}
.mat-slider.mat-primary .mat-slider-thumb-label-text {
  color: #042033;
}
.mat-slider.mat-primary .mat-slider-focus-ring {
  background-color: rgba(4, 32, 51, 0.2);
}
.mat-slider.mat-accent .mat-slider-track-fill,
.mat-slider.mat-accent .mat-slider-thumb,
.mat-slider.mat-accent .mat-slider-thumb-label {
  background-color: #0a8fe0;
}
.mat-slider.mat-accent .mat-slider-thumb-label-text {
  color: #0a8fe0;
}
.mat-slider.mat-accent .mat-slider-focus-ring {
  background-color: rgba(10, 143, 224, 0.2);
}
.mat-slider.mat-warn .mat-slider-track-fill,
.mat-slider.mat-warn .mat-slider-thumb,
.mat-slider.mat-warn .mat-slider-thumb-label {
  background-color: #d10714;
}
.mat-slider.mat-warn .mat-slider-thumb-label-text {
  color: #d10714;
}
.mat-slider.mat-warn .mat-slider-focus-ring {
  background-color: rgba(209, 7, 20, 0.2);
}

.mat-slider:hover .mat-slider-track-background,
.mat-slider.cdk-focused .mat-slider-track-background {
  background-color: rgba(0, 0, 0, 0.38);
}

.mat-slider.mat-slider-disabled .mat-slider-track-background,
.mat-slider.mat-slider-disabled .mat-slider-track-fill,
.mat-slider.mat-slider-disabled .mat-slider-thumb {
  background-color: rgba(0, 0, 0, 0.26);
}
.mat-slider.mat-slider-disabled:hover .mat-slider-track-background {
  background-color: rgba(0, 0, 0, 0.26);
}

.mat-slider.mat-slider-min-value .mat-slider-focus-ring {
  background-color: rgba(0, 0, 0, 0.12);
}
.mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb,
.mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb-label {
  background-color: rgba(0, 0, 0, 0.87);
}
.mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb,
.mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb-label {
  background-color: rgba(0, 0, 0, 0.26);
}
.mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing) .mat-slider-thumb {
  border-color: rgba(0, 0, 0, 0.26);
  background-color: transparent;
}
.mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover .mat-slider-thumb, .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused .mat-slider-thumb {
  border-color: rgba(0, 0, 0, 0.38);
}
.mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover.mat-slider-disabled .mat-slider-thumb, .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused.mat-slider-disabled .mat-slider-thumb {
  border-color: rgba(0, 0, 0, 0.26);
}

.mat-slider-has-ticks .mat-slider-wrapper::after {
  border-color: rgba(0, 0, 0, 0.7);
}

.mat-slider-horizontal .mat-slider-ticks {
  background-image: repeating-linear-gradient(to right, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent);
  background-image: -moz-repeating-linear-gradient(0.0001deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent);
}

.mat-slider-vertical .mat-slider-ticks {
  background-image: repeating-linear-gradient(to bottom, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent);
}

.mat-menu-panel {
  background: white;
}
.mat-menu-panel:not([class*=mat-elevation-z]) {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
}

.mat-menu-item {
  background: transparent;
  color: rgba(0, 0, 0, 0.87);
}
.mat-menu-item[disabled],
.mat-menu-item[disabled] .mat-menu-submenu-icon,
.mat-menu-item[disabled] .mat-icon-no-color {
  color: rgba(0, 0, 0, 0.38);
}

.mat-menu-item .mat-icon-no-color,
.mat-menu-submenu-icon {
  color: rgba(0, 0, 0, 0.54);
}

.mat-menu-item:hover:not([disabled]),
.mat-menu-item.cdk-program-focused:not([disabled]),
.mat-menu-item.cdk-keyboard-focused:not([disabled]),
.mat-menu-item-highlighted:not([disabled]) {
  background: rgba(0, 0, 0, 0.04);
}

.mat-list-base .mat-list-item {
  color: rgba(0, 0, 0, 0.87);
}
.mat-list-base .mat-list-option {
  color: rgba(0, 0, 0, 0.87);
}
.mat-list-base .mat-subheader {
  color: rgba(0, 0, 0, 0.54);
}
.mat-list-base .mat-list-item-disabled {
  background-color: #eeeeee;
  color: rgba(0, 0, 0, 0.38);
}

.mat-list-option:hover, .mat-list-option:focus,
.mat-nav-list .mat-list-item:hover,
.mat-nav-list .mat-list-item:focus,
.mat-action-list .mat-list-item:hover,
.mat-action-list .mat-list-item:focus {
  background: rgba(0, 0, 0, 0.04);
}

.mat-list-single-selected-option, .mat-list-single-selected-option:hover, .mat-list-single-selected-option:focus {
  background: rgba(0, 0, 0, 0.12);
}

.mat-paginator {
  background: white;
}

.mat-paginator,
.mat-paginator-page-size .mat-select-trigger {
  color: rgba(0, 0, 0, 0.54);
}

.mat-paginator-decrement,
.mat-paginator-increment {
  border-top: 2px solid rgba(0, 0, 0, 0.54);
  border-right: 2px solid rgba(0, 0, 0, 0.54);
}

.mat-paginator-first,
.mat-paginator-last {
  border-top: 2px solid rgba(0, 0, 0, 0.54);
}

.mat-icon-button[disabled] .mat-paginator-decrement,
.mat-icon-button[disabled] .mat-paginator-increment,
.mat-icon-button[disabled] .mat-paginator-first,
.mat-icon-button[disabled] .mat-paginator-last {
  border-color: rgba(0, 0, 0, 0.38);
}

.mat-paginator-container {
  min-height: 56px;
}

.mat-tab-nav-bar,
.mat-tab-header {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}

.mat-tab-group-inverted-header .mat-tab-nav-bar,
.mat-tab-group-inverted-header .mat-tab-header {
  border-top: 1px solid rgba(0, 0, 0, 0.12);
  border-bottom: none;
}

.mat-tab-label, .mat-tab-link {
  color: rgba(0, 0, 0, 0.87);
}
.mat-tab-label.mat-tab-disabled, .mat-tab-link.mat-tab-disabled {
  color: rgba(0, 0, 0, 0.38);
}

.mat-tab-header-pagination-chevron {
  border-color: rgba(0, 0, 0, 0.87);
}

.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
  border-color: rgba(0, 0, 0, 0.38);
}

.mat-tab-group[class*=mat-background-] > .mat-tab-header,
.mat-tab-nav-bar[class*=mat-background-] {
  border-bottom: none;
  border-top: none;
}

.mat-tab-group.mat-primary .mat-tab-label.cdk-keyboard-focused, .mat-tab-group.mat-primary .mat-tab-label.cdk-program-focused,
.mat-tab-group.mat-primary .mat-tab-link.cdk-keyboard-focused,
.mat-tab-group.mat-primary .mat-tab-link.cdk-program-focused, .mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-keyboard-focused, .mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-program-focused,
.mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-keyboard-focused,
.mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-program-focused {
  background-color: rgba(4, 32, 51, 0.3);
}
.mat-tab-group.mat-primary .mat-tab-label.cdk-keyboard-focused.mat-tab-disabled, .mat-tab-group.mat-primary .mat-tab-label.cdk-program-focused.mat-tab-disabled,
.mat-tab-group.mat-primary .mat-tab-link.cdk-keyboard-focused.mat-tab-disabled,
.mat-tab-group.mat-primary .mat-tab-link.cdk-program-focused.mat-tab-disabled, .mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-keyboard-focused.mat-tab-disabled, .mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-program-focused.mat-tab-disabled,
.mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-keyboard-focused.mat-tab-disabled,
.mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-program-focused.mat-tab-disabled {
  background-color: rgba(0, 0, 0, 0.1);
}
.mat-tab-group.mat-primary .mat-ink-bar, .mat-tab-nav-bar.mat-primary .mat-ink-bar {
  background-color: #042033;
}
.mat-tab-group.mat-primary.mat-background-primary > .mat-tab-header .mat-ink-bar, .mat-tab-group.mat-primary.mat-background-primary > .mat-tab-link-container .mat-ink-bar, .mat-tab-nav-bar.mat-primary.mat-background-primary > .mat-tab-header .mat-ink-bar, .mat-tab-nav-bar.mat-primary.mat-background-primary > .mat-tab-link-container .mat-ink-bar {
  background-color: #042033;
}
.mat-tab-group.mat-accent .mat-tab-label.cdk-keyboard-focused, .mat-tab-group.mat-accent .mat-tab-label.cdk-program-focused,
.mat-tab-group.mat-accent .mat-tab-link.cdk-keyboard-focused,
.mat-tab-group.mat-accent .mat-tab-link.cdk-program-focused, .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-keyboard-focused, .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-program-focused,
.mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-keyboard-focused,
.mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-program-focused {
  background-color: rgba(10, 143, 224, 0.3);
}
.mat-tab-group.mat-accent .mat-tab-label.cdk-keyboard-focused.mat-tab-disabled, .mat-tab-group.mat-accent .mat-tab-label.cdk-program-focused.mat-tab-disabled,
.mat-tab-group.mat-accent .mat-tab-link.cdk-keyboard-focused.mat-tab-disabled,
.mat-tab-group.mat-accent .mat-tab-link.cdk-program-focused.mat-tab-disabled, .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-keyboard-focused.mat-tab-disabled, .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-program-focused.mat-tab-disabled,
.mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-keyboard-focused.mat-tab-disabled,
.mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-program-focused.mat-tab-disabled {
  background-color: rgba(0, 0, 0, 0.1);
}
.mat-tab-group.mat-accent .mat-ink-bar, .mat-tab-nav-bar.mat-accent .mat-ink-bar {
  background-color: #0a8fe0;
}
.mat-tab-group.mat-accent.mat-background-accent > .mat-tab-header .mat-ink-bar, .mat-tab-group.mat-accent.mat-background-accent > .mat-tab-link-container .mat-ink-bar, .mat-tab-nav-bar.mat-accent.mat-background-accent > .mat-tab-header .mat-ink-bar, .mat-tab-nav-bar.mat-accent.mat-background-accent > .mat-tab-link-container .mat-ink-bar {
  background-color: #0a8fe0;
}
.mat-tab-group.mat-warn .mat-tab-label.cdk-keyboard-focused, .mat-tab-group.mat-warn .mat-tab-label.cdk-program-focused,
.mat-tab-group.mat-warn .mat-tab-link.cdk-keyboard-focused,
.mat-tab-group.mat-warn .mat-tab-link.cdk-program-focused, .mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-keyboard-focused, .mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-program-focused,
.mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-keyboard-focused,
.mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-program-focused {
  background-color: rgba(209, 7, 20, 0.3);
}
.mat-tab-group.mat-warn .mat-tab-label.cdk-keyboard-focused.mat-tab-disabled, .mat-tab-group.mat-warn .mat-tab-label.cdk-program-focused.mat-tab-disabled,
.mat-tab-group.mat-warn .mat-tab-link.cdk-keyboard-focused.mat-tab-disabled,
.mat-tab-group.mat-warn .mat-tab-link.cdk-program-focused.mat-tab-disabled, .mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-keyboard-focused.mat-tab-disabled, .mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-program-focused.mat-tab-disabled,
.mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-keyboard-focused.mat-tab-disabled,
.mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-program-focused.mat-tab-disabled {
  background-color: rgba(0, 0, 0, 0.1);
}
.mat-tab-group.mat-warn .mat-ink-bar, .mat-tab-nav-bar.mat-warn .mat-ink-bar {
  background-color: #d10714;
}
.mat-tab-group.mat-warn.mat-background-warn > .mat-tab-header .mat-ink-bar, .mat-tab-group.mat-warn.mat-background-warn > .mat-tab-link-container .mat-ink-bar, .mat-tab-nav-bar.mat-warn.mat-background-warn > .mat-tab-header .mat-ink-bar, .mat-tab-nav-bar.mat-warn.mat-background-warn > .mat-tab-link-container .mat-ink-bar {
  background-color: #d10714;
}
.mat-tab-group.mat-background-primary .mat-tab-label.cdk-keyboard-focused, .mat-tab-group.mat-background-primary .mat-tab-label.cdk-program-focused,
.mat-tab-group.mat-background-primary .mat-tab-link.cdk-keyboard-focused,
.mat-tab-group.mat-background-primary .mat-tab-link.cdk-program-focused, .mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-keyboard-focused, .mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-program-focused,
.mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-keyboard-focused,
.mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-program-focused {
  background-color: rgba(4, 32, 51, 0.3);
}
.mat-tab-group.mat-background-primary .mat-tab-label.cdk-keyboard-focused.mat-tab-disabled, .mat-tab-group.mat-background-primary .mat-tab-label.cdk-program-focused.mat-tab-disabled,
.mat-tab-group.mat-background-primary .mat-tab-link.cdk-keyboard-focused.mat-tab-disabled,
.mat-tab-group.mat-background-primary .mat-tab-link.cdk-program-focused.mat-tab-disabled, .mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-keyboard-focused.mat-tab-disabled, .mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-program-focused.mat-tab-disabled,
.mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-keyboard-focused.mat-tab-disabled,
.mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-program-focused.mat-tab-disabled {
  background-color: rgba(0, 0, 0, 0.1);
}
.mat-tab-group.mat-background-primary > .mat-tab-header, .mat-tab-group.mat-background-primary > .mat-tab-link-container, .mat-tab-group.mat-background-primary > .mat-tab-header-pagination, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header, .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination {
  background-color: #042033;
}
.mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-label, .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-tab-link, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-label, .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-tab-link {
  color: #042033;
}
.mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-tab-link.mat-tab-disabled {
  color: rgba(4, 32, 51, 0.4);
}
.mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-primary > .mat-tab-header-pagination .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-focus-indicator::before,
.mat-tab-group.mat-background-primary > .mat-tab-header .mat-focus-indicator::before, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-focus-indicator::before,
.mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-focus-indicator::before {
  border-color: #042033;
}
.mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-primary > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
  border-color: #042033;
  opacity: 0.4;
}
.mat-tab-group.mat-background-primary > .mat-tab-header .mat-ripple-element,
.mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-ripple-element,
.mat-tab-group.mat-background-primary > .mat-tab-header-pagination .mat-ripple-element, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-ripple-element,
.mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-ripple-element,
.mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination .mat-ripple-element {
  background-color: #042033;
  opacity: 0.12;
}
.mat-tab-group.mat-background-accent .mat-tab-label.cdk-keyboard-focused, .mat-tab-group.mat-background-accent .mat-tab-label.cdk-program-focused,
.mat-tab-group.mat-background-accent .mat-tab-link.cdk-keyboard-focused,
.mat-tab-group.mat-background-accent .mat-tab-link.cdk-program-focused, .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-keyboard-focused, .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-program-focused,
.mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-keyboard-focused,
.mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-program-focused {
  background-color: rgba(10, 143, 224, 0.3);
}
.mat-tab-group.mat-background-accent .mat-tab-label.cdk-keyboard-focused.mat-tab-disabled, .mat-tab-group.mat-background-accent .mat-tab-label.cdk-program-focused.mat-tab-disabled,
.mat-tab-group.mat-background-accent .mat-tab-link.cdk-keyboard-focused.mat-tab-disabled,
.mat-tab-group.mat-background-accent .mat-tab-link.cdk-program-focused.mat-tab-disabled, .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-keyboard-focused.mat-tab-disabled, .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-program-focused.mat-tab-disabled,
.mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-keyboard-focused.mat-tab-disabled,
.mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-program-focused.mat-tab-disabled {
  background-color: rgba(0, 0, 0, 0.1);
}
.mat-tab-group.mat-background-accent > .mat-tab-header, .mat-tab-group.mat-background-accent > .mat-tab-link-container, .mat-tab-group.mat-background-accent > .mat-tab-header-pagination, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header, .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination {
  background-color: #0a8fe0;
}
.mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-label, .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-tab-link, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-label, .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-tab-link {
  color: #0a8fe0;
}
.mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-tab-link.mat-tab-disabled {
  color: rgba(10, 143, 224, 0.4);
}
.mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-accent > .mat-tab-header-pagination .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-focus-indicator::before,
.mat-tab-group.mat-background-accent > .mat-tab-header .mat-focus-indicator::before, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-focus-indicator::before,
.mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-focus-indicator::before {
  border-color: #0a8fe0;
}
.mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-accent > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
  border-color: #0a8fe0;
  opacity: 0.4;
}
.mat-tab-group.mat-background-accent > .mat-tab-header .mat-ripple-element,
.mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-ripple-element,
.mat-tab-group.mat-background-accent > .mat-tab-header-pagination .mat-ripple-element, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-ripple-element,
.mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-ripple-element,
.mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination .mat-ripple-element {
  background-color: #0a8fe0;
  opacity: 0.12;
}
.mat-tab-group.mat-background-warn .mat-tab-label.cdk-keyboard-focused, .mat-tab-group.mat-background-warn .mat-tab-label.cdk-program-focused,
.mat-tab-group.mat-background-warn .mat-tab-link.cdk-keyboard-focused,
.mat-tab-group.mat-background-warn .mat-tab-link.cdk-program-focused, .mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-keyboard-focused, .mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-program-focused,
.mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-keyboard-focused,
.mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-program-focused {
  background-color: rgba(209, 7, 20, 0.3);
}
.mat-tab-group.mat-background-warn .mat-tab-label.cdk-keyboard-focused.mat-tab-disabled, .mat-tab-group.mat-background-warn .mat-tab-label.cdk-program-focused.mat-tab-disabled,
.mat-tab-group.mat-background-warn .mat-tab-link.cdk-keyboard-focused.mat-tab-disabled,
.mat-tab-group.mat-background-warn .mat-tab-link.cdk-program-focused.mat-tab-disabled, .mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-keyboard-focused.mat-tab-disabled, .mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-program-focused.mat-tab-disabled,
.mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-keyboard-focused.mat-tab-disabled,
.mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-program-focused.mat-tab-disabled {
  background-color: rgba(0, 0, 0, 0.1);
}
.mat-tab-group.mat-background-warn > .mat-tab-header, .mat-tab-group.mat-background-warn > .mat-tab-link-container, .mat-tab-group.mat-background-warn > .mat-tab-header-pagination, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header, .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination {
  background-color: #d10714;
}
.mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-label, .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-tab-link, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-label, .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-tab-link {
  color: #d10714;
}
.mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-tab-link.mat-tab-disabled {
  color: rgba(209, 7, 20, 0.4);
}
.mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-warn > .mat-tab-header-pagination .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-focus-indicator::before,
.mat-tab-group.mat-background-warn > .mat-tab-header .mat-focus-indicator::before, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-focus-indicator::before,
.mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-focus-indicator::before {
  border-color: #d10714;
}
.mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-warn > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
  border-color: #d10714;
  opacity: 0.4;
}
.mat-tab-group.mat-background-warn > .mat-tab-header .mat-ripple-element,
.mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-ripple-element,
.mat-tab-group.mat-background-warn > .mat-tab-header-pagination .mat-ripple-element, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-ripple-element,
.mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-ripple-element,
.mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination .mat-ripple-element {
  background-color: #d10714;
  opacity: 0.12;
}

.mat-snack-bar-container {
  color: rgba(255, 255, 255, 0.7);
  background: #323232;
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
}

.mat-simple-snackbar-action {
  color: #0a8fe0;
}

.mat-table {
  background: white;
}

.mat-table thead, .mat-table tbody, .mat-table tfoot,
mat-header-row, mat-row, mat-footer-row,
[mat-header-row], [mat-row], [mat-footer-row],
.mat-table-sticky {
  background: inherit;
}

mat-row, mat-header-row, mat-footer-row,
th.mat-header-cell, td.mat-cell, td.mat-footer-cell {
  border-bottom-color: rgba(0, 0, 0, 0.12);
}

.mat-header-cell {
  color: rgba(0, 0, 0, 0.54);
}

.mat-cell, .mat-footer-cell {
  color: rgba(0, 0, 0, 0.87);
}

.mat-badge {
  position: relative;
}
.mat-badge.mat-badge {
  overflow: visible;
}

.mat-badge-content {
  position: absolute;
  text-align: center;
  display: inline-block;
  border-radius: 50%;
  transition: transform 200ms ease-in-out;
  transform: scale(0.6);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  pointer-events: none;
  background-color: var(--mat-badge-background-color);
  color: var(--mat-badge-text-color);
  font-family: Roboto, sans-serif;
  /* @alternate */
  font-family: var(--mat-badge-text-font, Roboto, sans-serif);
  font-size: 12px;
  /* @alternate */
  font-size: var(--mat-badge-text-size, 12px);
  font-weight: 600;
  /* @alternate */
  font-weight: var(--mat-badge-text-weight, 600);
}
.cdk-high-contrast-active .mat-badge-content {
  outline: solid 1px;
  border-radius: 0;
}

.mat-badge-disabled .mat-badge-content {
  background-color: var(--mat-badge-disabled-state-background-color);
  color: var(--mat-badge-disabled-state-text-color);
}

.mat-badge-hidden .mat-badge-content {
  display: none;
}

.ng-animate-disabled .mat-badge-content,
.mat-badge-content._mat-animation-noopable {
  transition: none;
}

.mat-badge-content.mat-badge-active {
  transform: none;
}

.mat-badge-small .mat-badge-content {
  width: 16px;
  height: 16px;
  line-height: 16px;
  font-size: 9px;
  /* @alternate */
  font-size: var(--mat-badge-small-size-text-size, 9px);
}
.mat-badge-small.mat-badge-above .mat-badge-content {
  top: -8px;
}
.mat-badge-small.mat-badge-below .mat-badge-content {
  bottom: -8px;
}
.mat-badge-small.mat-badge-before .mat-badge-content {
  left: -16px;
}
[dir=rtl] .mat-badge-small.mat-badge-before .mat-badge-content {
  left: auto;
  right: -16px;
}
.mat-badge-small.mat-badge-after .mat-badge-content {
  right: -16px;
}
[dir=rtl] .mat-badge-small.mat-badge-after .mat-badge-content {
  right: auto;
  left: -16px;
}
.mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: -8px;
}
[dir=rtl] .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: auto;
  right: -8px;
}
.mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: -8px;
}
[dir=rtl] .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: auto;
  left: -8px;
}

.mat-badge-medium .mat-badge-content {
  width: 22px;
  height: 22px;
  line-height: 22px;
}
.mat-badge-medium.mat-badge-above .mat-badge-content {
  top: -11px;
}
.mat-badge-medium.mat-badge-below .mat-badge-content {
  bottom: -11px;
}
.mat-badge-medium.mat-badge-before .mat-badge-content {
  left: -22px;
}
[dir=rtl] .mat-badge-medium.mat-badge-before .mat-badge-content {
  left: auto;
  right: -22px;
}
.mat-badge-medium.mat-badge-after .mat-badge-content {
  right: -22px;
}
[dir=rtl] .mat-badge-medium.mat-badge-after .mat-badge-content {
  right: auto;
  left: -22px;
}
.mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: -11px;
}
[dir=rtl] .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: auto;
  right: -11px;
}
.mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: -11px;
}
[dir=rtl] .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: auto;
  left: -11px;
}

.mat-badge-large .mat-badge-content {
  width: 28px;
  height: 28px;
  line-height: 28px;
  font-size: 24px;
  /* @alternate */
  font-size: var(--mat-badge-large-size-text-size, 24px);
}
.mat-badge-large.mat-badge-above .mat-badge-content {
  top: -14px;
}
.mat-badge-large.mat-badge-below .mat-badge-content {
  bottom: -14px;
}
.mat-badge-large.mat-badge-before .mat-badge-content {
  left: -28px;
}
[dir=rtl] .mat-badge-large.mat-badge-before .mat-badge-content {
  left: auto;
  right: -28px;
}
.mat-badge-large.mat-badge-after .mat-badge-content {
  right: -28px;
}
[dir=rtl] .mat-badge-large.mat-badge-after .mat-badge-content {
  right: auto;
  left: -28px;
}
.mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: -14px;
}
[dir=rtl] .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: auto;
  right: -14px;
}
.mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: -14px;
}
[dir=rtl] .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: auto;
  left: -14px;
}

html {
  --mat-badge-background-color: #042033;
  --mat-badge-text-color: #042033;
  --mat-badge-disabled-state-background-color: #b9b9b9;
  --mat-badge-disabled-state-text-color: rgba(0, 0, 0, 0.38);
}

.mat-badge-accent {
  --mat-badge-background-color: #0a8fe0;
  --mat-badge-text-color: #0a8fe0;
}

.mat-badge-warn {
  --mat-badge-background-color: #d10714;
  --mat-badge-text-color: #d10714;
}

html {
  --mat-bottom-sheet-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-bottom-sheet-container-background-color: white;
}

html {
  --mat-legacy-button-toggle-text-color: rgba(0, 0, 0, 0.38);
  --mat-legacy-button-toggle-state-layer-color: rgba(0, 0, 0, 0.12);
  --mat-legacy-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.54);
  --mat-legacy-button-toggle-selected-state-background-color: #e0e0e0;
  --mat-legacy-button-toggle-disabled-state-text-color: rgba(0, 0, 0, 0.26);
  --mat-legacy-button-toggle-disabled-state-background-color: #eeeeee;
  --mat-legacy-button-toggle-disabled-selected-state-background-color: #bdbdbd;
  --mat-standard-button-toggle-text-color: rgba(0, 0, 0, 0.87);
  --mat-standard-button-toggle-background-color: white;
  --mat-standard-button-toggle-state-layer-color: black;
  --mat-standard-button-toggle-selected-state-background-color: #e0e0e0;
  --mat-standard-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-standard-button-toggle-disabled-state-text-color: rgba(0, 0, 0, 0.26);
  --mat-standard-button-toggle-disabled-state-background-color: white;
  --mat-standard-button-toggle-disabled-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-standard-button-toggle-disabled-selected-state-background-color: #bdbdbd;
  --mat-standard-button-toggle-divider-color: #e0e0e0;
}

html {
  --mat-standard-button-toggle-height: 48px;
}

html {
  --mat-datepicker-calendar-date-selected-state-text-color: #042033;
  --mat-datepicker-calendar-date-selected-state-background-color: #042033;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(4, 32, 51, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #042033;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(4, 32, 51, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(4, 32, 51, 0.3);
  --mat-datepicker-toggle-active-state-icon-color: #042033;
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(4, 32, 51, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e;
  --mat-datepicker-toggle-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-body-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-period-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-navigation-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-header-divider-color: rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-header-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-outline-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: rgba(0, 0, 0, 0.18);
  --mat-datepicker-calendar-date-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.24);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-range-input-disabled-state-text-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}

.mat-datepicker-content.mat-accent {
  --mat-datepicker-calendar-date-selected-state-text-color: #0a8fe0;
  --mat-datepicker-calendar-date-selected-state-background-color: #0a8fe0;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(10, 143, 224, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #0a8fe0;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(10, 143, 224, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(10, 143, 224, 0.3);
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(10, 143, 224, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e;
}
.mat-datepicker-content.mat-warn {
  --mat-datepicker-calendar-date-selected-state-text-color: #d10714;
  --mat-datepicker-calendar-date-selected-state-background-color: #d10714;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(209, 7, 20, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #d10714;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(209, 7, 20, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(209, 7, 20, 0.3);
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(209, 7, 20, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e;
}

.mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-toggle-active-state-icon-color: #0a8fe0;
}
.mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-toggle-active-state-icon-color: #d10714;
}

.mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 40px;
  width: var(--mdc-icon-button-state-layer-size);
  height: var(--mdc-icon-button-state-layer-size);
  padding: 8px;
}
.mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base .mat-mdc-button-touch-target {
  display: none;
}

html {
  --mat-divider-color: rgba(0, 0, 0, 0.12);
}

html {
  --mat-expansion-container-background-color: white;
  --mat-expansion-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-expansion-actions-divider-color: rgba(0, 0, 0, 0.12);
  --mat-expansion-header-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-expansion-header-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-expansion-header-disabled-state-text-color: rgba(0, 0, 0, 0.26);
  --mat-expansion-header-text-color: rgba(0, 0, 0, 0.87);
  --mat-expansion-header-description-color: rgba(0, 0, 0, 0.54);
  --mat-expansion-header-indicator-color: rgba(0, 0, 0, 0.54);
}

html {
  --mat-expansion-header-collapsed-state-height: 48px;
  --mat-expansion-header-expanded-state-height: 64px;
}

html {
  --mat-icon-color: inherit;
}

.mat-icon.mat-primary {
  --mat-icon-color: #042033;
}
.mat-icon.mat-accent {
  --mat-icon-color: #0a8fe0;
}
.mat-icon.mat-warn {
  --mat-icon-color: #d10714;
}

html {
  --mat-sidenav-container-divider-color: rgba(0, 0, 0, 0.12);
  --mat-sidenav-container-background-color: white;
  --mat-sidenav-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-sidenav-content-background-color: #fafafa;
  --mat-sidenav-content-text-color: rgba(0, 0, 0, 0.87);
  --mat-sidenav-scrim-color: rgba(0, 0, 0, 0.6);
}

html {
  --mat-stepper-header-icon-foreground-color: #042033;
  --mat-stepper-header-selected-state-icon-background-color: #042033;
  --mat-stepper-header-selected-state-icon-foreground-color: #042033;
  --mat-stepper-header-done-state-icon-background-color: #042033;
  --mat-stepper-header-done-state-icon-foreground-color: #042033;
  --mat-stepper-header-edit-state-icon-background-color: #042033;
  --mat-stepper-header-edit-state-icon-foreground-color: #042033;
  --mat-stepper-container-color: white;
  --mat-stepper-line-color: rgba(0, 0, 0, 0.12);
  --mat-stepper-header-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-stepper-header-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-stepper-header-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-optional-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-selected-state-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-header-error-state-label-text-color: #d10714;
  --mat-stepper-header-icon-background-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-error-state-icon-foreground-color: #d10714;
  --mat-stepper-header-error-state-icon-background-color: transparent;
}
html .mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color: #0a8fe0;
  --mat-stepper-header-selected-state-icon-background-color: #0a8fe0;
  --mat-stepper-header-selected-state-icon-foreground-color: #0a8fe0;
  --mat-stepper-header-done-state-icon-background-color: #0a8fe0;
  --mat-stepper-header-done-state-icon-foreground-color: #0a8fe0;
  --mat-stepper-header-edit-state-icon-background-color: #0a8fe0;
  --mat-stepper-header-edit-state-icon-foreground-color: #0a8fe0;
}
html .mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color: #d10714;
  --mat-stepper-header-selected-state-icon-background-color: #d10714;
  --mat-stepper-header-selected-state-icon-foreground-color: #d10714;
  --mat-stepper-header-done-state-icon-background-color: #d10714;
  --mat-stepper-header-done-state-icon-foreground-color: #d10714;
  --mat-stepper-header-edit-state-icon-background-color: #d10714;
  --mat-stepper-header-edit-state-icon-foreground-color: #d10714;
}

html {
  --mat-stepper-header-height: 72px;
}

.mat-sort-header-arrow {
  color: #757575;
}

html {
  --mat-toolbar-container-background-color: whitesmoke;
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
}

.mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: #042033;
  --mat-toolbar-container-text-color: #042033;
}
.mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: #0a8fe0;
  --mat-toolbar-container-text-color: #0a8fe0;
}
.mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #d10714;
  --mat-toolbar-container-text-color: #d10714;
}

html {
  --mat-toolbar-standard-height: 64px;
  --mat-toolbar-mobile-height: 56px;
}

.mat-tree {
  background: white;
}

.mat-tree-node,
.mat-nested-tree-node {
  color: rgba(0, 0, 0, 0.87);
}

.mat-tree-node {
  min-height: 48px;
}

.mat-h1,
.mat-headline,
.mat-typography .mat-h1,
.mat-typography .mat-headline,
.mat-typography h1 {
  font-size: 48px;
  font-weight: 700;
  line-height: 1.1em;
  font-family: 'Montserrat', Arial, Helvetica, sans-serif;
  letter-spacing: normal;
  margin: 0 0 16px;
}

.mat-h2,
.mat-title,
.mat-typography .mat-h2,
.mat-typography .mat-title,
.mat-typography h2 {
  font-size: 32px;
  font-weight: 700;
  line-height: 1.2em;
  font-family: 'Montserrat', Arial, Helvetica, sans-serif;
  letter-spacing: normal;
  margin: 0 0 16px;
}

.mat-h3,
.mat-subheading-2,
.mat-typography .mat-h3,
.mat-typography .mat-subheading-2,
.mat-typography h3 {
  font-size: 24px;
  font-weight: 600;
  line-height: 1.3em;
  font-family: 'Montserrat', Arial, Helvetica, sans-serif;
  letter-spacing: normal;
  margin: 0 0 16px;
}

.mat-h4,
.mat-subheading-1,
.mat-typography .mat-h4,
.mat-typography .mat-subheading-1,
.mat-typography h4 {
  font-size: 20px;
  font-weight: 600;
  line-height: 1.3em;
  font-family: 'Montserrat', Arial, Helvetica, sans-serif;
  letter-spacing: normal;
  margin: 0 0 16px;
}

.mat-h5,
.mat-typography .mat-h5,
.mat-typography h5 {
  font: 400 calc(14px * 0.83) / 20px 'Montserrat', Arial, Helvetica, sans-serif;
  margin: 0 0 12px;
}

.mat-h6,
.mat-typography .mat-h6,
.mat-typography h6 {
  font: 400 calc(14px * 0.67) / 20px 'Montserrat', Arial, Helvetica, sans-serif;
  margin: 0 0 12px;
}

.mat-body-strong,
.mat-body-2,
.mat-typography .mat-body-strong,
.mat-typography .mat-body-2 {
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  font-family: 'Montserrat', Arial, Helvetica, sans-serif;
  letter-spacing: normal;
}

.mat-body,
.mat-body-1,
.mat-typography .mat-body,
.mat-typography .mat-body-1,
.mat-typography {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  font-family: 'Montserrat', Arial, Helvetica, sans-serif;
  letter-spacing: normal;
}
.mat-body p,
.mat-body-1 p,
.mat-typography .mat-body p,
.mat-typography .mat-body-1 p,
.mat-typography p {
  margin: 0 0 12px;
}

.mat-small,
.mat-caption,
.mat-typography .mat-small,
.mat-typography .mat-caption {
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
  font-family: 'Montserrat', Arial, Helvetica, sans-serif;
  letter-spacing: normal;
}

.mat-display-4,
.mat-typography .mat-display-4 {
  font-size: 112px;
  font-weight: 300;
  line-height: 112px;
  font-family: 'Montserrat', Arial, Helvetica, sans-serif;
  letter-spacing: -0.05em;
  margin: 0 0 56px;
}

.mat-display-3,
.mat-typography .mat-display-3 {
  font-size: 56px;
  font-weight: 400;
  line-height: 56px;
  font-family: 'Montserrat', Arial, Helvetica, sans-serif;
  letter-spacing: -0.02em;
  margin: 0 0 64px;
}

.mat-display-2,
.mat-typography .mat-display-2 {
  font-size: 45px;
  font-weight: 400;
  line-height: 48px;
  font-family: 'Montserrat', Arial, Helvetica, sans-serif;
  letter-spacing: -0.005em;
  margin: 0 0 64px;
}

.mat-display-1,
.mat-typography .mat-display-1 {
  font-size: 34px;
  font-weight: 400;
  line-height: 40px;
  font-family: 'Montserrat', Arial, Helvetica, sans-serif;
  letter-spacing: normal;
  margin: 0 0 64px;
}

html {
  --mat-badge-text-font: 'Montserrat', Arial, Helvetica, sans-serif;
  --mat-badge-text-size: 12px;
  --mat-badge-text-weight: 600;
  --mat-badge-small-size-text-size: 9px;
  --mat-badge-large-size-text-size: 24px;
}

html {
  --mat-bottom-sheet-container-text-font: 'Montserrat', Arial, Helvetica, sans-serif;
  --mat-bottom-sheet-container-text-line-height: 20px;
  --mat-bottom-sheet-container-text-size: 14px;
  --mat-bottom-sheet-container-text-tracking: normal;
  --mat-bottom-sheet-container-text-weight: 400;
}

html {
  --mat-legacy-button-toggle-text-font: 'Montserrat', Arial, Helvetica, sans-serif;
  --mat-standard-button-toggle-text-font: 'Montserrat', Arial, Helvetica, sans-serif;
}

html {
  --mat-datepicker-calendar-text-font: 'Montserrat', Arial, Helvetica, sans-serif;
  --mat-datepicker-calendar-text-size: 13px;
  --mat-datepicker-calendar-body-label-text-size: 14px;
  --mat-datepicker-calendar-body-label-text-weight: 500;
  --mat-datepicker-calendar-period-button-text-size: 14px;
  --mat-datepicker-calendar-period-button-text-weight: 500;
  --mat-datepicker-calendar-header-text-size: 11px;
  --mat-datepicker-calendar-header-text-weight: 400;
}

html {
  --mat-expansion-header-text-font: 'Montserrat', Arial, Helvetica, sans-serif;
  --mat-expansion-header-text-size: 20px;
  --mat-expansion-header-text-weight: 600;
  --mat-expansion-header-text-line-height: inherit;
  --mat-expansion-header-text-tracking: inherit;
  --mat-expansion-container-text-font: 'Montserrat', Arial, Helvetica, sans-serif;
  --mat-expansion-container-text-line-height: 20px;
  --mat-expansion-container-text-size: 14px;
  --mat-expansion-container-text-tracking: normal;
  --mat-expansion-container-text-weight: 400;
}

html {
  --mat-grid-list-tile-header-primary-text-size: 14px;
  --mat-grid-list-tile-header-secondary-text-size: 12px;
  --mat-grid-list-tile-footer-primary-text-size: 14px;
  --mat-grid-list-tile-footer-secondary-text-size: 12px;
}

html {
  --mat-stepper-container-text-font: 'Montserrat', Arial, Helvetica, sans-serif;
  --mat-stepper-header-label-text-font: 'Montserrat', Arial, Helvetica, sans-serif;
  --mat-stepper-header-label-text-size: 14px;
  --mat-stepper-header-label-text-weight: 400;
  --mat-stepper-header-error-state-label-text-size: 14px;
  --mat-stepper-header-selected-state-label-text-size: 14px;
  --mat-stepper-header-selected-state-label-text-weight: 500;
}

html {
  --mat-toolbar-title-text-font: 'Montserrat', Arial, Helvetica, sans-serif;
  --mat-toolbar-title-text-line-height: 1.2em;
  --mat-toolbar-title-text-size: 32px;
  --mat-toolbar-title-text-tracking: normal;
  --mat-toolbar-title-text-weight: 700;
}

.mat-tree {
  font-family: 'Montserrat', Arial, Helvetica, sans-serif;
}

.mat-tree-node,
.mat-nested-tree-node {
  font-weight: 400;
  font-size: 14px;
}

.mat-option {
  font-family: 'Montserrat', Arial, Helvetica, sans-serif;
  font-size: 24px;
}

.mat-optgroup-label {
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  font-family: 'Montserrat', Arial, Helvetica, sans-serif;
  letter-spacing: normal;
}

.mat-button, .mat-raised-button, .mat-icon-button, .mat-stroked-button,
.mat-flat-button, .mat-fab, .mat-mini-fab {
  font-family: 'Montserrat', Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 500;
}

.mat-datepicker-content .mdc-button {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: var(--mdc-typography-button-font-family, var(--mdc-typography-font-family, 'Montserrat', Arial, Helvetica, sans-serif));
  font-size: var(--mdc-typography-button-font-size, 14px);
  line-height: var(--mdc-typography-button-line-height, 14px);
  font-weight: var(--mdc-typography-button-font-weight, 500);
  letter-spacing: var(--mdc-typography-button-letter-spacing, normal);
  -webkit-text-decoration: var(--mdc-typography-button-text-decoration, none);
          text-decoration: var(--mdc-typography-button-text-decoration, none);
  text-transform: var(--mdc-typography-button-text-transform, none);
}
.mat-card {
  font-family: 'Montserrat', Arial, Helvetica, sans-serif;
}

.mat-card-title {
  font-size: 48px;
  font-weight: 700;
}

.mat-card-header .mat-card-title {
  font-size: 32px;
}

.mat-card-subtitle,
.mat-card-content {
  font-size: 14px;
}

.mat-tooltip {
  font-family: 'Montserrat', Arial, Helvetica, sans-serif;
  font-size: 10px;
  padding-top: 6px;
  padding-bottom: 6px;
}

.mat-tooltip-handset {
  font-size: 14px;
  padding-top: 8px;
  padding-bottom: 8px;
}

input.mat-input-element {
  margin-top: -0.0625em;
}

.mat-form-field {
  font-size: inherit;
  font-weight: 400;
  line-height: 1.125;
  font-family: 'Montserrat', Arial, Helvetica, sans-serif;
  letter-spacing: normal;
}

.mat-form-field-wrapper {
  padding-bottom: 1.34375em;
}

.mat-form-field-prefix .mat-icon,
.mat-form-field-suffix .mat-icon {
  font-size: 150%;
  line-height: 1.125;
}
.mat-form-field-prefix .mat-icon-button,
.mat-form-field-suffix .mat-icon-button {
  height: 1.5em;
  width: 1.5em;
}
.mat-form-field-prefix .mat-icon-button .mat-icon,
.mat-form-field-suffix .mat-icon-button .mat-icon {
  height: 1.125em;
  line-height: 1.125;
}

.mat-form-field-infix {
  padding: 0.5em 0;
  border-top: 0.84375em solid transparent;
}

.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.34373em) scale(0.75);
  width: 133.3333533333%;
}
.mat-form-field-can-float .mat-input-server[label] + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.34372em) scale(0.75);
  width: 133.3333633333%;
}

.mat-form-field-label-wrapper {
  top: -0.84375em;
  padding-top: 0.84375em;
}

.mat-form-field-label {
  top: 1.34375em;
}

.mat-form-field-underline {
  bottom: 1.34375em;
}

.mat-form-field-subscript-wrapper {
  font-size: 75%;
  margin-top: 0.6666666667em;
  top: calc(100% - 1.7916666667em);
}

.mat-form-field-appearance-legacy .mat-form-field-wrapper {
  padding-bottom: 1.25em;
}
.mat-form-field-appearance-legacy .mat-form-field-infix {
  padding: 0.4375em 0;
}
.mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00106px);
  width: 133.3333933333%;
}
.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00107px);
  width: 133.3334033333%;
}
.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label] + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00108px);
  width: 133.3334133333%;
}
.mat-form-field-appearance-legacy .mat-form-field-label {
  top: 1.28125em;
}
.mat-form-field-appearance-legacy .mat-form-field-underline {
  bottom: 1.25em;
}
.mat-form-field-appearance-legacy .mat-form-field-subscript-wrapper {
  margin-top: 0.5416666667em;
  top: calc(100% - 1.6666666667em);
}

@media print {
  .mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
  .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {
    transform: translateY(-1.28116em) scale(0.75);
  }
  .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill + .mat-form-field-label-wrapper .mat-form-field-label {
    transform: translateY(-1.28115em) scale(0.75);
  }
  .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label] + .mat-form-field-label-wrapper .mat-form-field-label {
    transform: translateY(-1.28114em) scale(0.75);
  }
}
.mat-form-field-appearance-fill .mat-form-field-infix {
  padding: 0.25em 0 0.75em 0;
}
.mat-form-field-appearance-fill .mat-form-field-label {
  top: 1.09375em;
  margin-top: -0.5em;
}
.mat-form-field-appearance-fill.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-0.59373em) scale(0.75);
  width: 133.3333533333%;
}
.mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server[label] + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-0.59372em) scale(0.75);
  width: 133.3333633333%;
}

.mat-form-field-appearance-outline .mat-form-field-infix {
  padding: 1em 0 1em 0;
}
.mat-form-field-appearance-outline .mat-form-field-label {
  top: 1.84375em;
  margin-top: -0.25em;
}
.mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.59373em) scale(0.75);
  width: 133.3333533333%;
}
.mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server[label] + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.59372em) scale(0.75);
  width: 133.3333633333%;
}

.mat-select {
  font-family: 'Montserrat', Arial, Helvetica, sans-serif;
}

.mat-select-trigger {
  height: 1.125em;
}

.mat-checkbox {
  font-family: 'Montserrat', Arial, Helvetica, sans-serif;
}

.mat-checkbox-layout .mat-checkbox-label {
  line-height: 24px;
}

.mat-dialog-title {
  font-size: 32px;
  font-weight: 700;
  line-height: 1.2em;
  font-family: 'Montserrat', Arial, Helvetica, sans-serif;
  letter-spacing: normal;
}

.mat-chip {
  font-size: 14px;
  font-weight: 500;
}
.mat-chip .mat-chip-trailing-icon.mat-icon,
.mat-chip .mat-chip-remove.mat-icon {
  font-size: 18px;
}

.mat-slide-toggle-content {
  font-family: 'Montserrat', Arial, Helvetica, sans-serif;
}

.mat-tab-group {
  font-family: 'Montserrat', Arial, Helvetica, sans-serif;
}

.mat-tab-label, .mat-tab-link {
  font-family: 'Montserrat', Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 500;
}

.mat-radio-button {
  font-family: 'Montserrat', Arial, Helvetica, sans-serif;
}

.mat-slider-thumb-label-text {
  font-family: 'Montserrat', Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: 500;
}

.mat-menu-item {
  font-family: 'Montserrat', Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 400;
}

.mat-list-item {
  font-family: 'Montserrat', Arial, Helvetica, sans-serif;
}

.mat-list-option {
  font-family: 'Montserrat', Arial, Helvetica, sans-serif;
}

.mat-list-base .mat-list-item {
  font-size: 24px;
}
.mat-list-base .mat-list-item .mat-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  box-sizing: border-box;
}
.mat-list-base .mat-list-item .mat-line:nth-child(n+2) {
  font-size: 14px;
}
.mat-list-base .mat-list-option {
  font-size: 24px;
}
.mat-list-base .mat-list-option .mat-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  box-sizing: border-box;
}
.mat-list-base .mat-list-option .mat-line:nth-child(n+2) {
  font-size: 14px;
}
.mat-list-base .mat-subheader {
  font-family: 'Montserrat', Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 500;
}

.mat-list-base[dense] .mat-list-item {
  font-size: 12px;
}
.mat-list-base[dense] .mat-list-item .mat-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  box-sizing: border-box;
}
.mat-list-base[dense] .mat-list-item .mat-line:nth-child(n+2) {
  font-size: 12px;
}
.mat-list-base[dense] .mat-list-option {
  font-size: 12px;
}
.mat-list-base[dense] .mat-list-option .mat-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  box-sizing: border-box;
}
.mat-list-base[dense] .mat-list-option .mat-line:nth-child(n+2) {
  font-size: 12px;
}
.mat-list-base[dense] .mat-subheader {
  font-family: 'Montserrat', Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: 500;
}

.mat-paginator,
.mat-paginator-page-size .mat-select-trigger {
  font-family: 'Montserrat', Arial, Helvetica, sans-serif;
  font-size: 12px;
}

.mat-simple-snackbar {
  font-family: 'Montserrat', Arial, Helvetica, sans-serif;
  font-size: 14px;
}

.mat-simple-snackbar-action {
  line-height: 1;
  font-family: inherit;
  font-size: inherit;
  font-weight: 500;
}

.mat-table {
  font-family: 'Montserrat', Arial, Helvetica, sans-serif;
}

.mat-header-cell {
  font-size: 12px;
  font-weight: 500;
}

.mat-cell, .mat-footer-cell {
  font-size: 14px;
}

.mat-ripple {
  overflow: hidden;
  position: relative;
}
.mat-ripple:not(:empty) {
  transform: translateZ(0);
}

.mat-ripple.mat-ripple-unbounded {
  overflow: visible;
}

.mat-ripple-element {
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
  transition: opacity, transform 0ms cubic-bezier(0, 0, 0.2, 1);
  transform: scale3d(0, 0, 0);
}
.cdk-high-contrast-active .mat-ripple-element {
  display: none;
}

.cdk-visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
  outline: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  left: 0;
}
[dir=rtl] .cdk-visually-hidden {
  left: auto;
  right: 0;
}

.cdk-overlay-container, .cdk-global-overlay-wrapper {
  pointer-events: none;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

.cdk-overlay-container {
  position: fixed;
  z-index: 1000;
}
.cdk-overlay-container:empty {
  display: none;
}

.cdk-global-overlay-wrapper {
  display: flex;
  position: absolute;
  z-index: 1000;
}

.cdk-overlay-pane {
  position: absolute;
  pointer-events: auto;
  box-sizing: border-box;
  z-index: 1000;
  display: flex;
  max-width: 100%;
  max-height: 100%;
}

.cdk-overlay-backdrop {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  pointer-events: auto;
  -webkit-tap-highlight-color: transparent;
  transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
  opacity: 0;
}
.cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
  opacity: 1;
}
.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
  opacity: 0.6;
}

.cdk-overlay-dark-backdrop {
  background: rgba(0, 0, 0, 0.32);
}

.cdk-overlay-transparent-backdrop {
  transition: visibility 1ms linear, opacity 1ms linear;
  visibility: hidden;
  opacity: 1;
}
.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing {
  opacity: 0;
  visibility: visible;
}

.cdk-overlay-backdrop-noop-animation {
  transition: none;
}

.cdk-overlay-connected-position-bounding-box {
  position: absolute;
  z-index: 1000;
  display: flex;
  flex-direction: column;
  min-width: 1px;
  min-height: 1px;
}

.cdk-global-scrollblock {
  position: fixed;
  width: 100%;
  overflow-y: scroll;
}

textarea.cdk-textarea-autosize {
  resize: none;
}

textarea.cdk-textarea-autosize-measuring {
  padding: 2px 0 !important;
  box-sizing: content-box !important;
  height: auto !important;
  overflow: hidden !important;
}

textarea.cdk-textarea-autosize-measuring-firefox {
  padding: 2px 0 !important;
  box-sizing: content-box !important;
  height: 0 !important;
}

@keyframes cdk-text-field-autofill-start { /*!*/ }
@keyframes cdk-text-field-autofill-end { /*!*/ }
.cdk-text-field-autofill-monitored:-webkit-autofill {
  animation: cdk-text-field-autofill-start 0s 1ms;
}

.cdk-text-field-autofill-monitored:not(:-webkit-autofill) {
  animation: cdk-text-field-autofill-end 0s 1ms;
}

.mat-focus-indicator {
  position: relative;
}
.mat-focus-indicator::before {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  box-sizing: border-box;
  pointer-events: none;
  display: var(--mat-focus-indicator-display, none);
  border: var(--mat-focus-indicator-border-width, 3px) var(--mat-focus-indicator-border-style, solid) var(--mat-focus-indicator-border-color, transparent);
  border-radius: var(--mat-focus-indicator-border-radius, 4px);
}
.mat-focus-indicator:focus::before {
  content: "";
}

.cdk-high-contrast-active {
  --mat-focus-indicator-display: block;
}

.mat-mdc-focus-indicator {
  position: relative;
}
.mat-mdc-focus-indicator::before {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  box-sizing: border-box;
  pointer-events: none;
  display: var(--mat-mdc-focus-indicator-display, none);
  border: var(--mat-mdc-focus-indicator-border-width, 3px) var(--mat-mdc-focus-indicator-border-style, solid) var(--mat-mdc-focus-indicator-border-color, transparent);
  border-radius: var(--mat-mdc-focus-indicator-border-radius, 4px);
}
.mat-mdc-focus-indicator:focus::before {
  content: "";
}

.cdk-high-contrast-active {
  --mat-mdc-focus-indicator-display: block;
}

.mat-calendar-body-selected {
  background-color: #0a8fe0;
  color: white;
}

html,
body {
  height: 100%;
  margin: 0;
  font-size: 16px;
  line-height: 1.5em;
}

section {
  padding: 60px 24px;
  background-color: #ffffff;
}
section-xs {
  padding: 20px;
}

.container {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 1024px;
  margin-right: auto;
  margin-left: auto;
}
.container-large {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 1240px;
  margin-right: auto;
  margin-left: auto;
}
.container-small {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 960px;
  margin-right: auto;
  margin-left: auto;
}

.mat-autocomplete-panel {
  max-height: 400px !important;
}

.mat-option {
  font-size: 14px !important;
  height: -moz-fit-content !important;
  height: fit-content !important;
  line-height: 24px !important;
  padding: 4px 16px !important;
}

.mat-menu-panel {
  background: #ffffff;
  border: 1px solid #ebf2f7;
  border-radius: 16px !important;
  box-shadow: 0 21px 30px rgba(0, 0, 0, 0.06);
}

.caption-container .caption {
  color: #042033;
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 2rem;
  margin-bottom: 8px;
}
.caption-container .subCaption {
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.contact-us {
  display: flex;
  align-items: center;
}
.contact-us .icon {
  height: 24px;
  width: 24px;
  background-image: url("/assets/img/common/bioniq-symbol.png");
  margin-right: 9px;
}
.contact-us .text a {
  color: #042033;
  text-decoration-line: underline;
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.5rem;
  cursor: pointer;
}

.bnq-flex {
  display: flex;
}

.bnq-flex-right {
  justify-content: flex-end;
}

.mat-ripple {
  display: none;
}

.cr-status {
  align-self: flex-start;
  border-radius: 16px;
  color: #ffffff;
  display: inline-block;
  font-size: 11px;
  font-weight: 600;
  line-height: 1rem;
  padding: 4px 10px;
}
.cr-status-low {
  background: rgb(73, 140, 219);
}
.cr-status-lower {
  background: rgb(107, 201, 209);
}
.cr-status-optimal {
  background: rgb(91, 213, 128);
}
.cr-status-higher {
  background: rgb(254, 136, 86);
}
.cr-status-high {
  background: rgb(254, 86, 86);
}

code-input span {
  padding: 0 !important;
  margin-right: 16px !important;
}
code-input span:last-child {
  margin-right: 0 !important;
}
code-input span input {
  height: 64px !important;
  background: #ffffff !important;
  border: 1px solid rgba(0, 87, 150, 0.12) !important;
  box-sizing: border-box !important;
  box-shadow: inset -1px 3px 8px rgba(0, 0, 0, 0.05) !important;
  border-radius: 16px !important;
  color: #042033 !important;
  padding: 12px 20px !important;
  font-weight: 400 !important;
  font-size: 16px !important;
  font-family: "Montserrat", Arial, Helvetica, sans-serif;
  line-height: 1.5em !important;
  width: 64px !important;
  caret-color: #0a8fe0 !important;
}
code-input span input:hover {
  outline: none !important;
}
code-input span input:focus {
  outline: none !important;
}

.req-code-form span {
  padding: 0 !important;
  margin-right: 16px !important;
  flex: 0 !important;
  display: block;
}
.req-code-form span:last-child {
  margin-right: 0 !important;
}
.req-code-form span input {
  height: 64px !important;
  background: #ffffff !important;
  border: 1px solid rgba(0, 87, 150, 0.12) !important;
  box-sizing: border-box !important;
  box-shadow: inset -1px 3px 8px rgba(0, 0, 0, 0.05) !important;
  border-radius: 16px !important;
  color: #042033 !important;
  padding: 12px 20px !important;
  font-weight: 400 !important;
  font-size: 16px !important;
  font-family: "Montserrat", Arial, Helvetica, sans-serif;
  line-height: 1.5em !important;
  width: 64px !important;
  caret-color: #0a8fe0 !important;
}
.req-code-form span input:hover {
  outline: none !important;
}
.req-code-form span input:focus {
  outline: none !important;
}

.caption-menu-header {
  width: 270px;
  padding: 0 16px;
  font-weight: 600;
  display: flex;
  height: 48px;
  box-sizing: border-box;
  align-items: center;
}

.caption-menu-btn {
  display: flex !important;
  align-items: center !important;
  min-height: 48px;
  height: auto !important;
}

.set-country {
  color: #818f99;
}

.active-country {
  background: url(/assets/img/products/checked.svg) center no-repeat;
  content: " ";
  height: 17px;
  position: absolute;
  right: 0;
  transform: translateX(-8px);
  width: 16px;
}

.set-country-button {
  display: flex !important;
  align-items: center;
  justify-content: center;
  border-radius: 28px !important;
  width: 75px;
  height: 31px;
}
.set-country-button button {
  display: flex;
  justify-content: center;
  align-items: center;
}
.set-country-button:hover {
  background: rgba(129, 143, 153, 0.1);
}

.go-to-register-btn {
  z-index: 2;
  display: flex;
  justify-content: flex-end;
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 1.25rem;
  text-decoration-line: underline;
  color: #042033;
  cursor: pointer;
}
.go-to-register-btn-xs {
  z-index: 2;
  display: flex;
  justify-content: center;
  padding-bottom: 0;
  margin-bottom: 0;
}

.information-block {
  margin: 8px 0;
}
.information-block .isPaid {
  display: flex;
  flex-direction: row;
  padding: 16px;
  gap: 12px;
  background: #E5F6E7;
  border: 1px solid #50C55C;
  border-radius: 12px;
  align-items: center;
}
.information-block .isPaid .icon {
  width: 24px;
  height: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 2px solid #50C55C;
  border-radius: 50px;
}
.information-block .isPaid .icon .done {
  display: flex;
  font-weight: 600;
  font-size: 16px;
  color: #50C55C !important;
  justify-content: center;
  align-items: center;
}
.information-block .isPaid .title {
  color: #000000;
  font-weight: 500;
  font-size: 14px;
  line-height: 150%;
}

.information-block-tbank-100-checkup {
  padding: 24px;
  flex-direction: column;
  align-items: center;
  align-self: stretch;
  border-radius: 18px;
  background: var(--bg-white, #FFF);
  color: var(--text-primary-black, #000);
  font-family: Montserrat;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 148%;
}

.country-label {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 4px 10px;
  gap: 5px;
  background: #F0F4F7;
  border-radius: 24px;
  font-weight: 500;
  font-size: 9px;
  color: #000000;
  width: -moz-fit-content;
  width: fit-content;
  height: 19px;
}
.country-label mat-icon {
  font-size: 10px;
}

.in-cart-btn {
  border: 1px solid #f65f43;
  display: flex;
  height: 52px;
  padding: 16px 30px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex: 1 0 0;
  transition: 0.2s all;
  border-radius: 72px;
}
.in-cart-btn-caption {
  color: #f65f43;
  text-align: center;
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
}
.in-cart-btn-subcaption {
  color: #f65f43;
  text-align: center;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
}
.in-cart-btn:hover {
  cursor: pointer;
  border-color: white;
  background: #f65f43;
}
.in-cart-btn:hover .in-cart-btn-caption {
  color: white;
}
.in-cart-btn:hover .in-cart-btn-subcaption {
  color: white;
}
.in-cart-btn-xs {
  height: 50px;
}

.cart-inoutactions-container {
  gap: 4px;
  display: flex;
  flex-wrap: nowrap;
}

.remove-from-cart-icon {
  display: flex;
  width: 49px;
  height: 52px;
  justify-content: center;
  align-items: center;
  gap: 12px;
  flex-shrink: 0;
  border-radius: 50px;
  background: var(--gray-gray-3, #E2E9EE);
}
.remove-from-cart-icon:hover {
  cursor: pointer;
}
.remove-from-cart-icon img {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
}
.remove-from-cart-icon-xs {
  height: 50px;
}

.about-landing-layout,
.certificates-landing-layout,
.contacts-landing-layout,
.essential-landing-layout,
.life-landing-layout,
.main-landing-layout,
.order-form-layout,
.partners-landing-layout,
.pro-landing-layout,
.product-landing-layout,
.science-landing-layout,
.checkup-container,
.checkups-container,
.checkups-group-container,
.cart-container,
.essential-landing-layout,
.essential-product-landing-layout,
.faq-landing-layout,
.nutritionist-landing-layout,
.testimonial-landing-layout,
.payments-landing-layout,
.rem--sale,
.food-allergy-landing-layout,
.small-banner-layout,
.checkout-payment,
.agents-layout,
.go-layout,
.media-landing-layout,
.btt-layout,
.feedback-landing-layout,
.from-event-landing-layout,
.new-year-gift-landing-layout,
.homme-femme-formula-layout {
  scroll-behavior: smooth;
}
.about-landing-layout h1,
.about-landing-layout h2,
.about-landing-layout h3,
.about-landing-layout h4,
.about-landing-layout h5,
.about-landing-layout h6,
.certificates-landing-layout h1,
.certificates-landing-layout h2,
.certificates-landing-layout h3,
.certificates-landing-layout h4,
.certificates-landing-layout h5,
.certificates-landing-layout h6,
.contacts-landing-layout h1,
.contacts-landing-layout h2,
.contacts-landing-layout h3,
.contacts-landing-layout h4,
.contacts-landing-layout h5,
.contacts-landing-layout h6,
.essential-landing-layout h1,
.essential-landing-layout h2,
.essential-landing-layout h3,
.essential-landing-layout h4,
.essential-landing-layout h5,
.essential-landing-layout h6,
.life-landing-layout h1,
.life-landing-layout h2,
.life-landing-layout h3,
.life-landing-layout h4,
.life-landing-layout h5,
.life-landing-layout h6,
.main-landing-layout h1,
.main-landing-layout h2,
.main-landing-layout h3,
.main-landing-layout h4,
.main-landing-layout h5,
.main-landing-layout h6,
.order-form-layout h1,
.order-form-layout h2,
.order-form-layout h3,
.order-form-layout h4,
.order-form-layout h5,
.order-form-layout h6,
.partners-landing-layout h1,
.partners-landing-layout h2,
.partners-landing-layout h3,
.partners-landing-layout h4,
.partners-landing-layout h5,
.partners-landing-layout h6,
.pro-landing-layout h1,
.pro-landing-layout h2,
.pro-landing-layout h3,
.pro-landing-layout h4,
.pro-landing-layout h5,
.pro-landing-layout h6,
.product-landing-layout h1,
.product-landing-layout h2,
.product-landing-layout h3,
.product-landing-layout h4,
.product-landing-layout h5,
.product-landing-layout h6,
.science-landing-layout h1,
.science-landing-layout h2,
.science-landing-layout h3,
.science-landing-layout h4,
.science-landing-layout h5,
.science-landing-layout h6,
.checkup-container h1,
.checkup-container h2,
.checkup-container h3,
.checkup-container h4,
.checkup-container h5,
.checkup-container h6,
.checkups-container h1,
.checkups-container h2,
.checkups-container h3,
.checkups-container h4,
.checkups-container h5,
.checkups-container h6,
.checkups-group-container h1,
.checkups-group-container h2,
.checkups-group-container h3,
.checkups-group-container h4,
.checkups-group-container h5,
.checkups-group-container h6,
.cart-container h1,
.cart-container h2,
.cart-container h3,
.cart-container h4,
.cart-container h5,
.cart-container h6,
.essential-landing-layout h1,
.essential-landing-layout h2,
.essential-landing-layout h3,
.essential-landing-layout h4,
.essential-landing-layout h5,
.essential-landing-layout h6,
.essential-product-landing-layout h1,
.essential-product-landing-layout h2,
.essential-product-landing-layout h3,
.essential-product-landing-layout h4,
.essential-product-landing-layout h5,
.essential-product-landing-layout h6,
.faq-landing-layout h1,
.faq-landing-layout h2,
.faq-landing-layout h3,
.faq-landing-layout h4,
.faq-landing-layout h5,
.faq-landing-layout h6,
.nutritionist-landing-layout h1,
.nutritionist-landing-layout h2,
.nutritionist-landing-layout h3,
.nutritionist-landing-layout h4,
.nutritionist-landing-layout h5,
.nutritionist-landing-layout h6,
.testimonial-landing-layout h1,
.testimonial-landing-layout h2,
.testimonial-landing-layout h3,
.testimonial-landing-layout h4,
.testimonial-landing-layout h5,
.testimonial-landing-layout h6,
.payments-landing-layout h1,
.payments-landing-layout h2,
.payments-landing-layout h3,
.payments-landing-layout h4,
.payments-landing-layout h5,
.payments-landing-layout h6,
.rem--sale h1,
.rem--sale h2,
.rem--sale h3,
.rem--sale h4,
.rem--sale h5,
.rem--sale h6,
.food-allergy-landing-layout h1,
.food-allergy-landing-layout h2,
.food-allergy-landing-layout h3,
.food-allergy-landing-layout h4,
.food-allergy-landing-layout h5,
.food-allergy-landing-layout h6,
.small-banner-layout h1,
.small-banner-layout h2,
.small-banner-layout h3,
.small-banner-layout h4,
.small-banner-layout h5,
.small-banner-layout h6,
.checkout-payment h1,
.checkout-payment h2,
.checkout-payment h3,
.checkout-payment h4,
.checkout-payment h5,
.checkout-payment h6,
.agents-layout h1,
.agents-layout h2,
.agents-layout h3,
.agents-layout h4,
.agents-layout h5,
.agents-layout h6,
.go-layout h1,
.go-layout h2,
.go-layout h3,
.go-layout h4,
.go-layout h5,
.go-layout h6,
.media-landing-layout h1,
.media-landing-layout h2,
.media-landing-layout h3,
.media-landing-layout h4,
.media-landing-layout h5,
.media-landing-layout h6,
.btt-layout h1,
.btt-layout h2,
.btt-layout h3,
.btt-layout h4,
.btt-layout h5,
.btt-layout h6,
.feedback-landing-layout h1,
.feedback-landing-layout h2,
.feedback-landing-layout h3,
.feedback-landing-layout h4,
.feedback-landing-layout h5,
.feedback-landing-layout h6,
.from-event-landing-layout h1,
.from-event-landing-layout h2,
.from-event-landing-layout h3,
.from-event-landing-layout h4,
.from-event-landing-layout h5,
.from-event-landing-layout h6,
.new-year-gift-landing-layout h1,
.new-year-gift-landing-layout h2,
.new-year-gift-landing-layout h3,
.new-year-gift-landing-layout h4,
.new-year-gift-landing-layout h5,
.new-year-gift-landing-layout h6,
.homme-femme-formula-layout h1,
.homme-femme-formula-layout h2,
.homme-femme-formula-layout h3,
.homme-femme-formula-layout h4,
.homme-femme-formula-layout h5,
.homme-femme-formula-layout h6 {
  font-weight: 500;
  letter-spacing: 0.02em;
  margin: 0;
  padding: 0;
}
.about-landing-layout h1,
.certificates-landing-layout h1,
.contacts-landing-layout h1,
.essential-landing-layout h1,
.life-landing-layout h1,
.main-landing-layout h1,
.order-form-layout h1,
.partners-landing-layout h1,
.pro-landing-layout h1,
.product-landing-layout h1,
.science-landing-layout h1,
.checkup-container h1,
.checkups-container h1,
.checkups-group-container h1,
.cart-container h1,
.essential-landing-layout h1,
.essential-product-landing-layout h1,
.faq-landing-layout h1,
.nutritionist-landing-layout h1,
.testimonial-landing-layout h1,
.payments-landing-layout h1,
.rem--sale h1,
.food-allergy-landing-layout h1,
.small-banner-layout h1,
.checkout-payment h1,
.agents-layout h1,
.go-layout h1,
.media-landing-layout h1,
.btt-layout h1,
.feedback-landing-layout h1,
.from-event-landing-layout h1,
.new-year-gift-landing-layout h1,
.homme-femme-formula-layout h1 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 45px;
  line-height: 1.2em;
  bottom: 0;
}
.about-landing-layout h2,
.certificates-landing-layout h2,
.contacts-landing-layout h2,
.essential-landing-layout h2,
.life-landing-layout h2,
.main-landing-layout h2,
.order-form-layout h2,
.partners-landing-layout h2,
.pro-landing-layout h2,
.product-landing-layout h2,
.science-landing-layout h2,
.checkup-container h2,
.checkups-container h2,
.checkups-group-container h2,
.cart-container h2,
.essential-landing-layout h2,
.essential-product-landing-layout h2,
.faq-landing-layout h2,
.nutritionist-landing-layout h2,
.testimonial-landing-layout h2,
.payments-landing-layout h2,
.rem--sale h2,
.food-allergy-landing-layout h2,
.small-banner-layout h2,
.checkout-payment h2,
.agents-layout h2,
.go-layout h2,
.media-landing-layout h2,
.btt-layout h2,
.feedback-landing-layout h2,
.from-event-landing-layout h2,
.new-year-gift-landing-layout h2,
.homme-femme-formula-layout h2 {
  margin-top: 0;
  margin-bottom: 16px;
  font-size: 40px;
  line-height: 1.2;
}
.about-landing-layout .heading-16,
.certificates-landing-layout .heading-16,
.contacts-landing-layout .heading-16,
.essential-landing-layout .heading-16,
.life-landing-layout .heading-16,
.main-landing-layout .heading-16,
.order-form-layout .heading-16,
.partners-landing-layout .heading-16,
.pro-landing-layout .heading-16,
.product-landing-layout .heading-16,
.science-landing-layout .heading-16,
.checkup-container .heading-16,
.checkups-container .heading-16,
.checkups-group-container .heading-16,
.cart-container .heading-16,
.essential-landing-layout .heading-16,
.essential-product-landing-layout .heading-16,
.faq-landing-layout .heading-16,
.nutritionist-landing-layout .heading-16,
.testimonial-landing-layout .heading-16,
.payments-landing-layout .heading-16,
.rem--sale .heading-16,
.food-allergy-landing-layout .heading-16,
.small-banner-layout .heading-16,
.checkout-payment .heading-16,
.agents-layout .heading-16,
.go-layout .heading-16,
.media-landing-layout .heading-16,
.btt-layout .heading-16,
.feedback-landing-layout .heading-16,
.from-event-landing-layout .heading-16,
.new-year-gift-landing-layout .heading-16,
.homme-femme-formula-layout .heading-16 {
  font-size: 16px;
  font-weight: 500;
}
.about-landing-layout .heading-16-xs,
.certificates-landing-layout .heading-16-xs,
.contacts-landing-layout .heading-16-xs,
.essential-landing-layout .heading-16-xs,
.life-landing-layout .heading-16-xs,
.main-landing-layout .heading-16-xs,
.order-form-layout .heading-16-xs,
.partners-landing-layout .heading-16-xs,
.pro-landing-layout .heading-16-xs,
.product-landing-layout .heading-16-xs,
.science-landing-layout .heading-16-xs,
.checkup-container .heading-16-xs,
.checkups-container .heading-16-xs,
.checkups-group-container .heading-16-xs,
.cart-container .heading-16-xs,
.essential-landing-layout .heading-16-xs,
.essential-product-landing-layout .heading-16-xs,
.faq-landing-layout .heading-16-xs,
.nutritionist-landing-layout .heading-16-xs,
.testimonial-landing-layout .heading-16-xs,
.payments-landing-layout .heading-16-xs,
.rem--sale .heading-16-xs,
.food-allergy-landing-layout .heading-16-xs,
.small-banner-layout .heading-16-xs,
.checkout-payment .heading-16-xs,
.agents-layout .heading-16-xs,
.go-layout .heading-16-xs,
.media-landing-layout .heading-16-xs,
.btt-layout .heading-16-xs,
.feedback-landing-layout .heading-16-xs,
.from-event-landing-layout .heading-16-xs,
.new-year-gift-landing-layout .heading-16-xs,
.homme-femme-formula-layout .heading-16-xs {
  font-size: 15px;
}
.about-landing-layout .heading-18,
.certificates-landing-layout .heading-18,
.contacts-landing-layout .heading-18,
.essential-landing-layout .heading-18,
.life-landing-layout .heading-18,
.main-landing-layout .heading-18,
.order-form-layout .heading-18,
.partners-landing-layout .heading-18,
.pro-landing-layout .heading-18,
.product-landing-layout .heading-18,
.science-landing-layout .heading-18,
.checkup-container .heading-18,
.checkups-container .heading-18,
.checkups-group-container .heading-18,
.cart-container .heading-18,
.essential-landing-layout .heading-18,
.essential-product-landing-layout .heading-18,
.faq-landing-layout .heading-18,
.nutritionist-landing-layout .heading-18,
.testimonial-landing-layout .heading-18,
.payments-landing-layout .heading-18,
.rem--sale .heading-18,
.food-allergy-landing-layout .heading-18,
.small-banner-layout .heading-18,
.checkout-payment .heading-18,
.agents-layout .heading-18,
.go-layout .heading-18,
.media-landing-layout .heading-18,
.btt-layout .heading-18,
.feedback-landing-layout .heading-18,
.from-event-landing-layout .heading-18,
.new-year-gift-landing-layout .heading-18,
.homme-femme-formula-layout .heading-18 {
  font-size: 18px;
  font-weight: 500;
}
.about-landing-layout .heading-18-xs,
.certificates-landing-layout .heading-18-xs,
.contacts-landing-layout .heading-18-xs,
.essential-landing-layout .heading-18-xs,
.life-landing-layout .heading-18-xs,
.main-landing-layout .heading-18-xs,
.order-form-layout .heading-18-xs,
.partners-landing-layout .heading-18-xs,
.pro-landing-layout .heading-18-xs,
.product-landing-layout .heading-18-xs,
.science-landing-layout .heading-18-xs,
.checkup-container .heading-18-xs,
.checkups-container .heading-18-xs,
.checkups-group-container .heading-18-xs,
.cart-container .heading-18-xs,
.essential-landing-layout .heading-18-xs,
.essential-product-landing-layout .heading-18-xs,
.faq-landing-layout .heading-18-xs,
.nutritionist-landing-layout .heading-18-xs,
.testimonial-landing-layout .heading-18-xs,
.payments-landing-layout .heading-18-xs,
.rem--sale .heading-18-xs,
.food-allergy-landing-layout .heading-18-xs,
.small-banner-layout .heading-18-xs,
.checkout-payment .heading-18-xs,
.agents-layout .heading-18-xs,
.go-layout .heading-18-xs,
.media-landing-layout .heading-18-xs,
.btt-layout .heading-18-xs,
.feedback-landing-layout .heading-18-xs,
.from-event-landing-layout .heading-18-xs,
.new-year-gift-landing-layout .heading-18-xs,
.homme-femme-formula-layout .heading-18-xs {
  font-size: 16px;
}
.about-landing-layout .heading-19,
.certificates-landing-layout .heading-19,
.contacts-landing-layout .heading-19,
.essential-landing-layout .heading-19,
.life-landing-layout .heading-19,
.main-landing-layout .heading-19,
.order-form-layout .heading-19,
.partners-landing-layout .heading-19,
.pro-landing-layout .heading-19,
.product-landing-layout .heading-19,
.science-landing-layout .heading-19,
.checkup-container .heading-19,
.checkups-container .heading-19,
.checkups-group-container .heading-19,
.cart-container .heading-19,
.essential-landing-layout .heading-19,
.essential-product-landing-layout .heading-19,
.faq-landing-layout .heading-19,
.nutritionist-landing-layout .heading-19,
.testimonial-landing-layout .heading-19,
.payments-landing-layout .heading-19,
.rem--sale .heading-19,
.food-allergy-landing-layout .heading-19,
.small-banner-layout .heading-19,
.checkout-payment .heading-19,
.agents-layout .heading-19,
.go-layout .heading-19,
.media-landing-layout .heading-19,
.btt-layout .heading-19,
.feedback-landing-layout .heading-19,
.from-event-landing-layout .heading-19,
.new-year-gift-landing-layout .heading-19,
.homme-femme-formula-layout .heading-19 {
  margin-bottom: 16px;
  font-size: 19px;
  font-weight: 500;
  line-height: 1.3;
}
.about-landing-layout .heading-22,
.certificates-landing-layout .heading-22,
.contacts-landing-layout .heading-22,
.essential-landing-layout .heading-22,
.life-landing-layout .heading-22,
.main-landing-layout .heading-22,
.order-form-layout .heading-22,
.partners-landing-layout .heading-22,
.pro-landing-layout .heading-22,
.product-landing-layout .heading-22,
.science-landing-layout .heading-22,
.checkup-container .heading-22,
.checkups-container .heading-22,
.checkups-group-container .heading-22,
.cart-container .heading-22,
.essential-landing-layout .heading-22,
.essential-product-landing-layout .heading-22,
.faq-landing-layout .heading-22,
.nutritionist-landing-layout .heading-22,
.testimonial-landing-layout .heading-22,
.payments-landing-layout .heading-22,
.rem--sale .heading-22,
.food-allergy-landing-layout .heading-22,
.small-banner-layout .heading-22,
.checkout-payment .heading-22,
.agents-layout .heading-22,
.go-layout .heading-22,
.media-landing-layout .heading-22,
.btt-layout .heading-22,
.feedback-landing-layout .heading-22,
.from-event-landing-layout .heading-22,
.new-year-gift-landing-layout .heading-22,
.homme-femme-formula-layout .heading-22 {
  font-size: 22px;
  display: block;
}
.about-landing-layout .heading-24,
.certificates-landing-layout .heading-24,
.contacts-landing-layout .heading-24,
.essential-landing-layout .heading-24,
.life-landing-layout .heading-24,
.main-landing-layout .heading-24,
.order-form-layout .heading-24,
.partners-landing-layout .heading-24,
.pro-landing-layout .heading-24,
.product-landing-layout .heading-24,
.science-landing-layout .heading-24,
.checkup-container .heading-24,
.checkups-container .heading-24,
.checkups-group-container .heading-24,
.cart-container .heading-24,
.essential-landing-layout .heading-24,
.essential-product-landing-layout .heading-24,
.faq-landing-layout .heading-24,
.nutritionist-landing-layout .heading-24,
.testimonial-landing-layout .heading-24,
.payments-landing-layout .heading-24,
.rem--sale .heading-24,
.food-allergy-landing-layout .heading-24,
.small-banner-layout .heading-24,
.checkout-payment .heading-24,
.agents-layout .heading-24,
.go-layout .heading-24,
.media-landing-layout .heading-24,
.btt-layout .heading-24,
.feedback-landing-layout .heading-24,
.from-event-landing-layout .heading-24,
.new-year-gift-landing-layout .heading-24,
.homme-femme-formula-layout .heading-24 {
  margin-bottom: 16px;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.3;
}
.about-landing-layout .heading-24-sm,
.certificates-landing-layout .heading-24-sm,
.contacts-landing-layout .heading-24-sm,
.essential-landing-layout .heading-24-sm,
.life-landing-layout .heading-24-sm,
.main-landing-layout .heading-24-sm,
.order-form-layout .heading-24-sm,
.partners-landing-layout .heading-24-sm,
.pro-landing-layout .heading-24-sm,
.product-landing-layout .heading-24-sm,
.science-landing-layout .heading-24-sm,
.checkup-container .heading-24-sm,
.checkups-container .heading-24-sm,
.checkups-group-container .heading-24-sm,
.cart-container .heading-24-sm,
.essential-landing-layout .heading-24-sm,
.essential-product-landing-layout .heading-24-sm,
.faq-landing-layout .heading-24-sm,
.nutritionist-landing-layout .heading-24-sm,
.testimonial-landing-layout .heading-24-sm,
.payments-landing-layout .heading-24-sm,
.rem--sale .heading-24-sm,
.food-allergy-landing-layout .heading-24-sm,
.small-banner-layout .heading-24-sm,
.checkout-payment .heading-24-sm,
.agents-layout .heading-24-sm,
.go-layout .heading-24-sm,
.media-landing-layout .heading-24-sm,
.btt-layout .heading-24-sm,
.feedback-landing-layout .heading-24-sm,
.from-event-landing-layout .heading-24-sm,
.new-year-gift-landing-layout .heading-24-sm,
.homme-femme-formula-layout .heading-24-sm {
  font-size: 20px;
}
.about-landing-layout .heading-24-xs,
.certificates-landing-layout .heading-24-xs,
.contacts-landing-layout .heading-24-xs,
.essential-landing-layout .heading-24-xs,
.life-landing-layout .heading-24-xs,
.main-landing-layout .heading-24-xs,
.order-form-layout .heading-24-xs,
.partners-landing-layout .heading-24-xs,
.pro-landing-layout .heading-24-xs,
.product-landing-layout .heading-24-xs,
.science-landing-layout .heading-24-xs,
.checkup-container .heading-24-xs,
.checkups-container .heading-24-xs,
.checkups-group-container .heading-24-xs,
.cart-container .heading-24-xs,
.essential-landing-layout .heading-24-xs,
.essential-product-landing-layout .heading-24-xs,
.faq-landing-layout .heading-24-xs,
.nutritionist-landing-layout .heading-24-xs,
.testimonial-landing-layout .heading-24-xs,
.payments-landing-layout .heading-24-xs,
.rem--sale .heading-24-xs,
.food-allergy-landing-layout .heading-24-xs,
.small-banner-layout .heading-24-xs,
.checkout-payment .heading-24-xs,
.agents-layout .heading-24-xs,
.go-layout .heading-24-xs,
.media-landing-layout .heading-24-xs,
.btt-layout .heading-24-xs,
.feedback-landing-layout .heading-24-xs,
.from-event-landing-layout .heading-24-xs,
.new-year-gift-landing-layout .heading-24-xs,
.homme-femme-formula-layout .heading-24-xs {
  font-size: 17px;
}
.about-landing-layout .heading-25,
.certificates-landing-layout .heading-25,
.contacts-landing-layout .heading-25,
.essential-landing-layout .heading-25,
.life-landing-layout .heading-25,
.main-landing-layout .heading-25,
.order-form-layout .heading-25,
.partners-landing-layout .heading-25,
.pro-landing-layout .heading-25,
.product-landing-layout .heading-25,
.science-landing-layout .heading-25,
.checkup-container .heading-25,
.checkups-container .heading-25,
.checkups-group-container .heading-25,
.cart-container .heading-25,
.essential-landing-layout .heading-25,
.essential-product-landing-layout .heading-25,
.faq-landing-layout .heading-25,
.nutritionist-landing-layout .heading-25,
.testimonial-landing-layout .heading-25,
.payments-landing-layout .heading-25,
.rem--sale .heading-25,
.food-allergy-landing-layout .heading-25,
.small-banner-layout .heading-25,
.checkout-payment .heading-25,
.agents-layout .heading-25,
.go-layout .heading-25,
.media-landing-layout .heading-25,
.btt-layout .heading-25,
.feedback-landing-layout .heading-25,
.from-event-landing-layout .heading-25,
.new-year-gift-landing-layout .heading-25,
.homme-femme-formula-layout .heading-25 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 4px;
  font-size: 25px;
  font-weight: 500;
  line-height: 1.4;
}
.about-landing-layout .heading-25-xs,
.certificates-landing-layout .heading-25-xs,
.contacts-landing-layout .heading-25-xs,
.essential-landing-layout .heading-25-xs,
.life-landing-layout .heading-25-xs,
.main-landing-layout .heading-25-xs,
.order-form-layout .heading-25-xs,
.partners-landing-layout .heading-25-xs,
.pro-landing-layout .heading-25-xs,
.product-landing-layout .heading-25-xs,
.science-landing-layout .heading-25-xs,
.checkup-container .heading-25-xs,
.checkups-container .heading-25-xs,
.checkups-group-container .heading-25-xs,
.cart-container .heading-25-xs,
.essential-landing-layout .heading-25-xs,
.essential-product-landing-layout .heading-25-xs,
.faq-landing-layout .heading-25-xs,
.nutritionist-landing-layout .heading-25-xs,
.testimonial-landing-layout .heading-25-xs,
.payments-landing-layout .heading-25-xs,
.rem--sale .heading-25-xs,
.food-allergy-landing-layout .heading-25-xs,
.small-banner-layout .heading-25-xs,
.checkout-payment .heading-25-xs,
.agents-layout .heading-25-xs,
.go-layout .heading-25-xs,
.media-landing-layout .heading-25-xs,
.btt-layout .heading-25-xs,
.feedback-landing-layout .heading-25-xs,
.from-event-landing-layout .heading-25-xs,
.new-year-gift-landing-layout .heading-25-xs,
.homme-femme-formula-layout .heading-25-xs {
  font-size: 20px;
}
.about-landing-layout .heading-32,
.certificates-landing-layout .heading-32,
.contacts-landing-layout .heading-32,
.essential-landing-layout .heading-32,
.life-landing-layout .heading-32,
.main-landing-layout .heading-32,
.order-form-layout .heading-32,
.partners-landing-layout .heading-32,
.pro-landing-layout .heading-32,
.product-landing-layout .heading-32,
.science-landing-layout .heading-32,
.checkup-container .heading-32,
.checkups-container .heading-32,
.checkups-group-container .heading-32,
.cart-container .heading-32,
.essential-landing-layout .heading-32,
.essential-product-landing-layout .heading-32,
.faq-landing-layout .heading-32,
.nutritionist-landing-layout .heading-32,
.testimonial-landing-layout .heading-32,
.payments-landing-layout .heading-32,
.rem--sale .heading-32,
.food-allergy-landing-layout .heading-32,
.small-banner-layout .heading-32,
.checkout-payment .heading-32,
.agents-layout .heading-32,
.go-layout .heading-32,
.media-landing-layout .heading-32,
.btt-layout .heading-32,
.feedback-landing-layout .heading-32,
.from-event-landing-layout .heading-32,
.new-year-gift-landing-layout .heading-32,
.homme-femme-formula-layout .heading-32 {
  margin-bottom: 16px;
  font-size: 32px;
  font-weight: 500;
  line-height: 1.2;
}
.about-landing-layout .heading-32-sm,
.certificates-landing-layout .heading-32-sm,
.contacts-landing-layout .heading-32-sm,
.essential-landing-layout .heading-32-sm,
.life-landing-layout .heading-32-sm,
.main-landing-layout .heading-32-sm,
.order-form-layout .heading-32-sm,
.partners-landing-layout .heading-32-sm,
.pro-landing-layout .heading-32-sm,
.product-landing-layout .heading-32-sm,
.science-landing-layout .heading-32-sm,
.checkup-container .heading-32-sm,
.checkups-container .heading-32-sm,
.checkups-group-container .heading-32-sm,
.cart-container .heading-32-sm,
.essential-landing-layout .heading-32-sm,
.essential-product-landing-layout .heading-32-sm,
.faq-landing-layout .heading-32-sm,
.nutritionist-landing-layout .heading-32-sm,
.testimonial-landing-layout .heading-32-sm,
.payments-landing-layout .heading-32-sm,
.rem--sale .heading-32-sm,
.food-allergy-landing-layout .heading-32-sm,
.small-banner-layout .heading-32-sm,
.checkout-payment .heading-32-sm,
.agents-layout .heading-32-sm,
.go-layout .heading-32-sm,
.media-landing-layout .heading-32-sm,
.btt-layout .heading-32-sm,
.feedback-landing-layout .heading-32-sm,
.from-event-landing-layout .heading-32-sm,
.new-year-gift-landing-layout .heading-32-sm,
.homme-femme-formula-layout .heading-32-sm {
  font-size: 24px;
}
.about-landing-layout .heading-32-xs,
.certificates-landing-layout .heading-32-xs,
.contacts-landing-layout .heading-32-xs,
.essential-landing-layout .heading-32-xs,
.life-landing-layout .heading-32-xs,
.main-landing-layout .heading-32-xs,
.order-form-layout .heading-32-xs,
.partners-landing-layout .heading-32-xs,
.pro-landing-layout .heading-32-xs,
.product-landing-layout .heading-32-xs,
.science-landing-layout .heading-32-xs,
.checkup-container .heading-32-xs,
.checkups-container .heading-32-xs,
.checkups-group-container .heading-32-xs,
.cart-container .heading-32-xs,
.essential-landing-layout .heading-32-xs,
.essential-product-landing-layout .heading-32-xs,
.faq-landing-layout .heading-32-xs,
.nutritionist-landing-layout .heading-32-xs,
.testimonial-landing-layout .heading-32-xs,
.payments-landing-layout .heading-32-xs,
.rem--sale .heading-32-xs,
.food-allergy-landing-layout .heading-32-xs,
.small-banner-layout .heading-32-xs,
.checkout-payment .heading-32-xs,
.agents-layout .heading-32-xs,
.go-layout .heading-32-xs,
.media-landing-layout .heading-32-xs,
.btt-layout .heading-32-xs,
.feedback-landing-layout .heading-32-xs,
.from-event-landing-layout .heading-32-xs,
.new-year-gift-landing-layout .heading-32-xs,
.homme-femme-formula-layout .heading-32-xs {
  margin-bottom: 16px;
  font-size: 22px;
}
.about-landing-layout .heading-40,
.certificates-landing-layout .heading-40,
.contacts-landing-layout .heading-40,
.essential-landing-layout .heading-40,
.life-landing-layout .heading-40,
.main-landing-layout .heading-40,
.order-form-layout .heading-40,
.partners-landing-layout .heading-40,
.pro-landing-layout .heading-40,
.product-landing-layout .heading-40,
.science-landing-layout .heading-40,
.checkup-container .heading-40,
.checkups-container .heading-40,
.checkups-group-container .heading-40,
.cart-container .heading-40,
.essential-landing-layout .heading-40,
.essential-product-landing-layout .heading-40,
.faq-landing-layout .heading-40,
.nutritionist-landing-layout .heading-40,
.testimonial-landing-layout .heading-40,
.payments-landing-layout .heading-40,
.rem--sale .heading-40,
.food-allergy-landing-layout .heading-40,
.small-banner-layout .heading-40,
.checkout-payment .heading-40,
.agents-layout .heading-40,
.go-layout .heading-40,
.media-landing-layout .heading-40,
.btt-layout .heading-40,
.feedback-landing-layout .heading-40,
.from-event-landing-layout .heading-40,
.new-year-gift-landing-layout .heading-40,
.homme-femme-formula-layout .heading-40 {
  z-index: 10;
  margin-bottom: 24px;
  font-size: 40px;
  font-weight: 500;
  line-height: 1.2;
  position: relative;
  letter-spacing: 0.02em;
}
.about-landing-layout .heading-40-md,
.certificates-landing-layout .heading-40-md,
.contacts-landing-layout .heading-40-md,
.essential-landing-layout .heading-40-md,
.life-landing-layout .heading-40-md,
.main-landing-layout .heading-40-md,
.order-form-layout .heading-40-md,
.partners-landing-layout .heading-40-md,
.pro-landing-layout .heading-40-md,
.product-landing-layout .heading-40-md,
.science-landing-layout .heading-40-md,
.checkup-container .heading-40-md,
.checkups-container .heading-40-md,
.checkups-group-container .heading-40-md,
.cart-container .heading-40-md,
.essential-landing-layout .heading-40-md,
.essential-product-landing-layout .heading-40-md,
.faq-landing-layout .heading-40-md,
.nutritionist-landing-layout .heading-40-md,
.testimonial-landing-layout .heading-40-md,
.payments-landing-layout .heading-40-md,
.rem--sale .heading-40-md,
.food-allergy-landing-layout .heading-40-md,
.small-banner-layout .heading-40-md,
.checkout-payment .heading-40-md,
.agents-layout .heading-40-md,
.go-layout .heading-40-md,
.media-landing-layout .heading-40-md,
.btt-layout .heading-40-md,
.feedback-landing-layout .heading-40-md,
.from-event-landing-layout .heading-40-md,
.new-year-gift-landing-layout .heading-40-md,
.homme-femme-formula-layout .heading-40-md {
  font-size: 32px;
}
.about-landing-layout .heading-40-sm,
.certificates-landing-layout .heading-40-sm,
.contacts-landing-layout .heading-40-sm,
.essential-landing-layout .heading-40-sm,
.life-landing-layout .heading-40-sm,
.main-landing-layout .heading-40-sm,
.order-form-layout .heading-40-sm,
.partners-landing-layout .heading-40-sm,
.pro-landing-layout .heading-40-sm,
.product-landing-layout .heading-40-sm,
.science-landing-layout .heading-40-sm,
.checkup-container .heading-40-sm,
.checkups-container .heading-40-sm,
.checkups-group-container .heading-40-sm,
.cart-container .heading-40-sm,
.essential-landing-layout .heading-40-sm,
.essential-product-landing-layout .heading-40-sm,
.faq-landing-layout .heading-40-sm,
.nutritionist-landing-layout .heading-40-sm,
.testimonial-landing-layout .heading-40-sm,
.payments-landing-layout .heading-40-sm,
.rem--sale .heading-40-sm,
.food-allergy-landing-layout .heading-40-sm,
.small-banner-layout .heading-40-sm,
.checkout-payment .heading-40-sm,
.agents-layout .heading-40-sm,
.go-layout .heading-40-sm,
.media-landing-layout .heading-40-sm,
.btt-layout .heading-40-sm,
.feedback-landing-layout .heading-40-sm,
.from-event-landing-layout .heading-40-sm,
.new-year-gift-landing-layout .heading-40-sm,
.homme-femme-formula-layout .heading-40-sm {
  font-size: 32px;
}
.about-landing-layout .heading-40-xs,
.certificates-landing-layout .heading-40-xs,
.contacts-landing-layout .heading-40-xs,
.essential-landing-layout .heading-40-xs,
.life-landing-layout .heading-40-xs,
.main-landing-layout .heading-40-xs,
.order-form-layout .heading-40-xs,
.partners-landing-layout .heading-40-xs,
.pro-landing-layout .heading-40-xs,
.product-landing-layout .heading-40-xs,
.science-landing-layout .heading-40-xs,
.checkup-container .heading-40-xs,
.checkups-container .heading-40-xs,
.checkups-group-container .heading-40-xs,
.cart-container .heading-40-xs,
.essential-landing-layout .heading-40-xs,
.essential-product-landing-layout .heading-40-xs,
.faq-landing-layout .heading-40-xs,
.nutritionist-landing-layout .heading-40-xs,
.testimonial-landing-layout .heading-40-xs,
.payments-landing-layout .heading-40-xs,
.rem--sale .heading-40-xs,
.food-allergy-landing-layout .heading-40-xs,
.small-banner-layout .heading-40-xs,
.checkout-payment .heading-40-xs,
.agents-layout .heading-40-xs,
.go-layout .heading-40-xs,
.media-landing-layout .heading-40-xs,
.btt-layout .heading-40-xs,
.feedback-landing-layout .heading-40-xs,
.from-event-landing-layout .heading-40-xs,
.new-year-gift-landing-layout .heading-40-xs,
.homme-femme-formula-layout .heading-40-xs {
  font-size: 24px;
  line-height: 1.2;
}
.about-landing-layout .h-lighter,
.certificates-landing-layout .h-lighter,
.contacts-landing-layout .h-lighter,
.essential-landing-layout .h-lighter,
.life-landing-layout .h-lighter,
.main-landing-layout .h-lighter,
.order-form-layout .h-lighter,
.partners-landing-layout .h-lighter,
.pro-landing-layout .h-lighter,
.product-landing-layout .h-lighter,
.science-landing-layout .h-lighter,
.checkup-container .h-lighter,
.checkups-container .h-lighter,
.checkups-group-container .h-lighter,
.cart-container .h-lighter,
.essential-landing-layout .h-lighter,
.essential-product-landing-layout .h-lighter,
.faq-landing-layout .h-lighter,
.nutritionist-landing-layout .h-lighter,
.testimonial-landing-layout .h-lighter,
.payments-landing-layout .h-lighter,
.rem--sale .h-lighter,
.food-allergy-landing-layout .h-lighter,
.small-banner-layout .h-lighter,
.checkout-payment .h-lighter,
.agents-layout .h-lighter,
.go-layout .h-lighter,
.media-landing-layout .h-lighter,
.btt-layout .h-lighter,
.feedback-landing-layout .h-lighter,
.from-event-landing-layout .h-lighter,
.new-year-gift-landing-layout .h-lighter,
.homme-femme-formula-layout .h-lighter {
  letter-spacing: 0.02em !important;
  font-weight: 500 !important;
}
.about-landing-layout b,
.about-landing-layout strong,
.certificates-landing-layout b,
.certificates-landing-layout strong,
.contacts-landing-layout b,
.contacts-landing-layout strong,
.essential-landing-layout b,
.essential-landing-layout strong,
.life-landing-layout b,
.life-landing-layout strong,
.main-landing-layout b,
.main-landing-layout strong,
.order-form-layout b,
.order-form-layout strong,
.partners-landing-layout b,
.partners-landing-layout strong,
.pro-landing-layout b,
.pro-landing-layout strong,
.product-landing-layout b,
.product-landing-layout strong,
.science-landing-layout b,
.science-landing-layout strong,
.checkup-container b,
.checkup-container strong,
.checkups-container b,
.checkups-container strong,
.checkups-group-container b,
.checkups-group-container strong,
.cart-container b,
.cart-container strong,
.essential-landing-layout b,
.essential-landing-layout strong,
.essential-product-landing-layout b,
.essential-product-landing-layout strong,
.faq-landing-layout b,
.faq-landing-layout strong,
.nutritionist-landing-layout b,
.nutritionist-landing-layout strong,
.testimonial-landing-layout b,
.testimonial-landing-layout strong,
.payments-landing-layout b,
.payments-landing-layout strong,
.rem--sale b,
.rem--sale strong,
.food-allergy-landing-layout b,
.food-allergy-landing-layout strong,
.small-banner-layout b,
.small-banner-layout strong,
.checkout-payment b,
.checkout-payment strong,
.agents-layout b,
.agents-layout strong,
.go-layout b,
.go-layout strong,
.media-landing-layout b,
.media-landing-layout strong,
.btt-layout b,
.btt-layout strong,
.feedback-landing-layout b,
.feedback-landing-layout strong,
.from-event-landing-layout b,
.from-event-landing-layout strong,
.new-year-gift-landing-layout b,
.new-year-gift-landing-layout strong,
.homme-femme-formula-layout b,
.homme-femme-formula-layout strong {
  font-weight: 700;
}
.about-landing-layout .mod--white,
.certificates-landing-layout .mod--white,
.contacts-landing-layout .mod--white,
.essential-landing-layout .mod--white,
.life-landing-layout .mod--white,
.main-landing-layout .mod--white,
.order-form-layout .mod--white,
.partners-landing-layout .mod--white,
.pro-landing-layout .mod--white,
.product-landing-layout .mod--white,
.science-landing-layout .mod--white,
.checkup-container .mod--white,
.checkups-container .mod--white,
.checkups-group-container .mod--white,
.cart-container .mod--white,
.essential-landing-layout .mod--white,
.essential-product-landing-layout .mod--white,
.faq-landing-layout .mod--white,
.nutritionist-landing-layout .mod--white,
.testimonial-landing-layout .mod--white,
.payments-landing-layout .mod--white,
.rem--sale .mod--white,
.food-allergy-landing-layout .mod--white,
.small-banner-layout .mod--white,
.checkout-payment .mod--white,
.agents-layout .mod--white,
.go-layout .mod--white,
.media-landing-layout .mod--white,
.btt-layout .mod--white,
.feedback-landing-layout .mod--white,
.from-event-landing-layout .mod--white,
.new-year-gift-landing-layout .mod--white,
.homme-femme-formula-layout .mod--white {
  color: #fff;
}
.about-landing-layout .mod--black,
.certificates-landing-layout .mod--black,
.contacts-landing-layout .mod--black,
.essential-landing-layout .mod--black,
.life-landing-layout .mod--black,
.main-landing-layout .mod--black,
.order-form-layout .mod--black,
.partners-landing-layout .mod--black,
.pro-landing-layout .mod--black,
.product-landing-layout .mod--black,
.science-landing-layout .mod--black,
.checkup-container .mod--black,
.checkups-container .mod--black,
.checkups-group-container .mod--black,
.cart-container .mod--black,
.essential-landing-layout .mod--black,
.essential-product-landing-layout .mod--black,
.faq-landing-layout .mod--black,
.nutritionist-landing-layout .mod--black,
.testimonial-landing-layout .mod--black,
.payments-landing-layout .mod--black,
.rem--sale .mod--black,
.food-allergy-landing-layout .mod--black,
.small-banner-layout .mod--black,
.checkout-payment .mod--black,
.agents-layout .mod--black,
.go-layout .mod--black,
.media-landing-layout .mod--black,
.btt-layout .mod--black,
.feedback-landing-layout .mod--black,
.from-event-landing-layout .mod--black,
.new-year-gift-landing-layout .mod--black,
.homme-femme-formula-layout .mod--black {
  color: #000;
}
.about-landing-layout .mod--gray,
.certificates-landing-layout .mod--gray,
.contacts-landing-layout .mod--gray,
.essential-landing-layout .mod--gray,
.life-landing-layout .mod--gray,
.main-landing-layout .mod--gray,
.order-form-layout .mod--gray,
.partners-landing-layout .mod--gray,
.pro-landing-layout .mod--gray,
.product-landing-layout .mod--gray,
.science-landing-layout .mod--gray,
.checkup-container .mod--gray,
.checkups-container .mod--gray,
.checkups-group-container .mod--gray,
.cart-container .mod--gray,
.essential-landing-layout .mod--gray,
.essential-product-landing-layout .mod--gray,
.faq-landing-layout .mod--gray,
.nutritionist-landing-layout .mod--gray,
.testimonial-landing-layout .mod--gray,
.payments-landing-layout .mod--gray,
.rem--sale .mod--gray,
.food-allergy-landing-layout .mod--gray,
.small-banner-layout .mod--gray,
.checkout-payment .mod--gray,
.agents-layout .mod--gray,
.go-layout .mod--gray,
.media-landing-layout .mod--gray,
.btt-layout .mod--gray,
.feedback-landing-layout .mod--gray,
.from-event-landing-layout .mod--gray,
.new-year-gift-landing-layout .mod--gray,
.homme-femme-formula-layout .mod--gray {
  color: #e2e9ee;
}
.about-landing-layout .mod--blue,
.certificates-landing-layout .mod--blue,
.contacts-landing-layout .mod--blue,
.essential-landing-layout .mod--blue,
.life-landing-layout .mod--blue,
.main-landing-layout .mod--blue,
.order-form-layout .mod--blue,
.partners-landing-layout .mod--blue,
.pro-landing-layout .mod--blue,
.product-landing-layout .mod--blue,
.science-landing-layout .mod--blue,
.checkup-container .mod--blue,
.checkups-container .mod--blue,
.checkups-group-container .mod--blue,
.cart-container .mod--blue,
.essential-landing-layout .mod--blue,
.essential-product-landing-layout .mod--blue,
.faq-landing-layout .mod--blue,
.nutritionist-landing-layout .mod--blue,
.testimonial-landing-layout .mod--blue,
.payments-landing-layout .mod--blue,
.rem--sale .mod--blue,
.food-allergy-landing-layout .mod--blue,
.small-banner-layout .mod--blue,
.checkout-payment .mod--blue,
.agents-layout .mod--blue,
.go-layout .mod--blue,
.media-landing-layout .mod--blue,
.btt-layout .mod--blue,
.feedback-landing-layout .mod--blue,
.from-event-landing-layout .mod--blue,
.new-year-gift-landing-layout .mod--blue,
.homme-femme-formula-layout .mod--blue {
  color: #69cffc;
}
.about-landing-layout .mod--blue-strong,
.certificates-landing-layout .mod--blue-strong,
.contacts-landing-layout .mod--blue-strong,
.essential-landing-layout .mod--blue-strong,
.life-landing-layout .mod--blue-strong,
.main-landing-layout .mod--blue-strong,
.order-form-layout .mod--blue-strong,
.partners-landing-layout .mod--blue-strong,
.pro-landing-layout .mod--blue-strong,
.product-landing-layout .mod--blue-strong,
.science-landing-layout .mod--blue-strong,
.checkup-container .mod--blue-strong,
.checkups-container .mod--blue-strong,
.checkups-group-container .mod--blue-strong,
.cart-container .mod--blue-strong,
.essential-landing-layout .mod--blue-strong,
.essential-product-landing-layout .mod--blue-strong,
.faq-landing-layout .mod--blue-strong,
.nutritionist-landing-layout .mod--blue-strong,
.testimonial-landing-layout .mod--blue-strong,
.payments-landing-layout .mod--blue-strong,
.rem--sale .mod--blue-strong,
.food-allergy-landing-layout .mod--blue-strong,
.small-banner-layout .mod--blue-strong,
.checkout-payment .mod--blue-strong,
.agents-layout .mod--blue-strong,
.go-layout .mod--blue-strong,
.media-landing-layout .mod--blue-strong,
.btt-layout .mod--blue-strong,
.feedback-landing-layout .mod--blue-strong,
.from-event-landing-layout .mod--blue-strong,
.new-year-gift-landing-layout .mod--blue-strong,
.homme-femme-formula-layout .mod--blue-strong {
  color: #1098d4;
}
.about-landing-layout .mod--blue2,
.certificates-landing-layout .mod--blue2,
.contacts-landing-layout .mod--blue2,
.essential-landing-layout .mod--blue2,
.life-landing-layout .mod--blue2,
.main-landing-layout .mod--blue2,
.order-form-layout .mod--blue2,
.partners-landing-layout .mod--blue2,
.pro-landing-layout .mod--blue2,
.product-landing-layout .mod--blue2,
.science-landing-layout .mod--blue2,
.checkup-container .mod--blue2,
.checkups-container .mod--blue2,
.checkups-group-container .mod--blue2,
.cart-container .mod--blue2,
.essential-landing-layout .mod--blue2,
.essential-product-landing-layout .mod--blue2,
.faq-landing-layout .mod--blue2,
.nutritionist-landing-layout .mod--blue2,
.testimonial-landing-layout .mod--blue2,
.payments-landing-layout .mod--blue2,
.rem--sale .mod--blue2,
.food-allergy-landing-layout .mod--blue2,
.small-banner-layout .mod--blue2,
.checkout-payment .mod--blue2,
.agents-layout .mod--blue2,
.go-layout .mod--blue2,
.media-landing-layout .mod--blue2,
.btt-layout .mod--blue2,
.feedback-landing-layout .mod--blue2,
.from-event-landing-layout .mod--blue2,
.new-year-gift-landing-layout .mod--blue2,
.homme-femme-formula-layout .mod--blue2 {
  color: #0a8fe0;
}
.about-landing-layout .mod--dark-blue,
.certificates-landing-layout .mod--dark-blue,
.contacts-landing-layout .mod--dark-blue,
.essential-landing-layout .mod--dark-blue,
.life-landing-layout .mod--dark-blue,
.main-landing-layout .mod--dark-blue,
.order-form-layout .mod--dark-blue,
.partners-landing-layout .mod--dark-blue,
.pro-landing-layout .mod--dark-blue,
.product-landing-layout .mod--dark-blue,
.science-landing-layout .mod--dark-blue,
.checkup-container .mod--dark-blue,
.checkups-container .mod--dark-blue,
.checkups-group-container .mod--dark-blue,
.cart-container .mod--dark-blue,
.essential-landing-layout .mod--dark-blue,
.essential-product-landing-layout .mod--dark-blue,
.faq-landing-layout .mod--dark-blue,
.nutritionist-landing-layout .mod--dark-blue,
.testimonial-landing-layout .mod--dark-blue,
.payments-landing-layout .mod--dark-blue,
.rem--sale .mod--dark-blue,
.food-allergy-landing-layout .mod--dark-blue,
.small-banner-layout .mod--dark-blue,
.checkout-payment .mod--dark-blue,
.agents-layout .mod--dark-blue,
.go-layout .mod--dark-blue,
.media-landing-layout .mod--dark-blue,
.btt-layout .mod--dark-blue,
.feedback-landing-layout .mod--dark-blue,
.from-event-landing-layout .mod--dark-blue,
.new-year-gift-landing-layout .mod--dark-blue,
.homme-femme-formula-layout .mod--dark-blue {
  color: #1098D4;
}
.about-landing-layout .mod--orange,
.certificates-landing-layout .mod--orange,
.contacts-landing-layout .mod--orange,
.essential-landing-layout .mod--orange,
.life-landing-layout .mod--orange,
.main-landing-layout .mod--orange,
.order-form-layout .mod--orange,
.partners-landing-layout .mod--orange,
.pro-landing-layout .mod--orange,
.product-landing-layout .mod--orange,
.science-landing-layout .mod--orange,
.checkup-container .mod--orange,
.checkups-container .mod--orange,
.checkups-group-container .mod--orange,
.cart-container .mod--orange,
.essential-landing-layout .mod--orange,
.essential-product-landing-layout .mod--orange,
.faq-landing-layout .mod--orange,
.nutritionist-landing-layout .mod--orange,
.testimonial-landing-layout .mod--orange,
.payments-landing-layout .mod--orange,
.rem--sale .mod--orange,
.food-allergy-landing-layout .mod--orange,
.small-banner-layout .mod--orange,
.checkout-payment .mod--orange,
.agents-layout .mod--orange,
.go-layout .mod--orange,
.media-landing-layout .mod--orange,
.btt-layout .mod--orange,
.feedback-landing-layout .mod--orange,
.from-event-landing-layout .mod--orange,
.new-year-gift-landing-layout .mod--orange,
.homme-femme-formula-layout .mod--orange {
  color: #f65f43;
}
.about-landing-layout .hero__price,
.certificates-landing-layout .hero__price,
.contacts-landing-layout .hero__price,
.essential-landing-layout .hero__price,
.life-landing-layout .hero__price,
.main-landing-layout .hero__price,
.order-form-layout .hero__price,
.partners-landing-layout .hero__price,
.pro-landing-layout .hero__price,
.product-landing-layout .hero__price,
.science-landing-layout .hero__price,
.checkup-container .hero__price,
.checkups-container .hero__price,
.checkups-group-container .hero__price,
.cart-container .hero__price,
.essential-landing-layout .hero__price,
.essential-product-landing-layout .hero__price,
.faq-landing-layout .hero__price,
.nutritionist-landing-layout .hero__price,
.testimonial-landing-layout .hero__price,
.payments-landing-layout .hero__price,
.rem--sale .hero__price,
.food-allergy-landing-layout .hero__price,
.small-banner-layout .hero__price,
.checkout-payment .hero__price,
.agents-layout .hero__price,
.go-layout .hero__price,
.media-landing-layout .hero__price,
.btt-layout .hero__price,
.feedback-landing-layout .hero__price,
.from-event-landing-layout .hero__price,
.new-year-gift-landing-layout .hero__price,
.homme-femme-formula-layout .hero__price {
  font-size: 24px;
  font-weight: 500;
}
.about-landing-layout .hero__price.mod--blue,
.certificates-landing-layout .hero__price.mod--blue,
.contacts-landing-layout .hero__price.mod--blue,
.essential-landing-layout .hero__price.mod--blue,
.life-landing-layout .hero__price.mod--blue,
.main-landing-layout .hero__price.mod--blue,
.order-form-layout .hero__price.mod--blue,
.partners-landing-layout .hero__price.mod--blue,
.pro-landing-layout .hero__price.mod--blue,
.product-landing-layout .hero__price.mod--blue,
.science-landing-layout .hero__price.mod--blue,
.checkup-container .hero__price.mod--blue,
.checkups-container .hero__price.mod--blue,
.checkups-group-container .hero__price.mod--blue,
.cart-container .hero__price.mod--blue,
.essential-landing-layout .hero__price.mod--blue,
.essential-product-landing-layout .hero__price.mod--blue,
.faq-landing-layout .hero__price.mod--blue,
.nutritionist-landing-layout .hero__price.mod--blue,
.testimonial-landing-layout .hero__price.mod--blue,
.payments-landing-layout .hero__price.mod--blue,
.rem--sale .hero__price.mod--blue,
.food-allergy-landing-layout .hero__price.mod--blue,
.small-banner-layout .hero__price.mod--blue,
.checkout-payment .hero__price.mod--blue,
.agents-layout .hero__price.mod--blue,
.go-layout .hero__price.mod--blue,
.media-landing-layout .hero__price.mod--blue,
.btt-layout .hero__price.mod--blue,
.feedback-landing-layout .hero__price.mod--blue,
.from-event-landing-layout .hero__price.mod--blue,
.new-year-gift-landing-layout .hero__price.mod--blue,
.homme-femme-formula-layout .hero__price.mod--blue {
  color: #1098d4;
}
.about-landing-layout .mod--center,
.certificates-landing-layout .mod--center,
.contacts-landing-layout .mod--center,
.essential-landing-layout .mod--center,
.life-landing-layout .mod--center,
.main-landing-layout .mod--center,
.order-form-layout .mod--center,
.partners-landing-layout .mod--center,
.pro-landing-layout .mod--center,
.product-landing-layout .mod--center,
.science-landing-layout .mod--center,
.checkup-container .mod--center,
.checkups-container .mod--center,
.checkups-group-container .mod--center,
.cart-container .mod--center,
.essential-landing-layout .mod--center,
.essential-product-landing-layout .mod--center,
.faq-landing-layout .mod--center,
.nutritionist-landing-layout .mod--center,
.testimonial-landing-layout .mod--center,
.payments-landing-layout .mod--center,
.rem--sale .mod--center,
.food-allergy-landing-layout .mod--center,
.small-banner-layout .mod--center,
.checkout-payment .mod--center,
.agents-layout .mod--center,
.go-layout .mod--center,
.media-landing-layout .mod--center,
.btt-layout .mod--center,
.feedback-landing-layout .mod--center,
.from-event-landing-layout .mod--center,
.new-year-gift-landing-layout .mod--center,
.homme-femme-formula-layout .mod--center {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
.about-landing-layout .mod--semi,
.certificates-landing-layout .mod--semi,
.contacts-landing-layout .mod--semi,
.essential-landing-layout .mod--semi,
.life-landing-layout .mod--semi,
.main-landing-layout .mod--semi,
.order-form-layout .mod--semi,
.partners-landing-layout .mod--semi,
.pro-landing-layout .mod--semi,
.product-landing-layout .mod--semi,
.science-landing-layout .mod--semi,
.checkup-container .mod--semi,
.checkups-container .mod--semi,
.checkups-group-container .mod--semi,
.cart-container .mod--semi,
.essential-landing-layout .mod--semi,
.essential-product-landing-layout .mod--semi,
.faq-landing-layout .mod--semi,
.nutritionist-landing-layout .mod--semi,
.testimonial-landing-layout .mod--semi,
.payments-landing-layout .mod--semi,
.rem--sale .mod--semi,
.food-allergy-landing-layout .mod--semi,
.small-banner-layout .mod--semi,
.checkout-payment .mod--semi,
.agents-layout .mod--semi,
.go-layout .mod--semi,
.media-landing-layout .mod--semi,
.btt-layout .mod--semi,
.feedback-landing-layout .mod--semi,
.from-event-landing-layout .mod--semi,
.new-year-gift-landing-layout .mod--semi,
.homme-femme-formula-layout .mod--semi {
  font-weight: 600;
}
.about-landing-layout .mod--upper,
.certificates-landing-layout .mod--upper,
.contacts-landing-layout .mod--upper,
.essential-landing-layout .mod--upper,
.life-landing-layout .mod--upper,
.main-landing-layout .mod--upper,
.order-form-layout .mod--upper,
.partners-landing-layout .mod--upper,
.pro-landing-layout .mod--upper,
.product-landing-layout .mod--upper,
.science-landing-layout .mod--upper,
.checkup-container .mod--upper,
.checkups-container .mod--upper,
.checkups-group-container .mod--upper,
.cart-container .mod--upper,
.essential-landing-layout .mod--upper,
.essential-product-landing-layout .mod--upper,
.faq-landing-layout .mod--upper,
.nutritionist-landing-layout .mod--upper,
.testimonial-landing-layout .mod--upper,
.payments-landing-layout .mod--upper,
.rem--sale .mod--upper,
.food-allergy-landing-layout .mod--upper,
.small-banner-layout .mod--upper,
.checkout-payment .mod--upper,
.agents-layout .mod--upper,
.go-layout .mod--upper,
.media-landing-layout .mod--upper,
.btt-layout .mod--upper,
.feedback-landing-layout .mod--upper,
.from-event-landing-layout .mod--upper,
.new-year-gift-landing-layout .mod--upper,
.homme-femme-formula-layout .mod--upper {
  letter-spacing: 2px;
  text-transform: uppercase;
}
.about-landing-layout .mod--grad-blue,
.certificates-landing-layout .mod--grad-blue,
.contacts-landing-layout .mod--grad-blue,
.essential-landing-layout .mod--grad-blue,
.life-landing-layout .mod--grad-blue,
.main-landing-layout .mod--grad-blue,
.order-form-layout .mod--grad-blue,
.partners-landing-layout .mod--grad-blue,
.pro-landing-layout .mod--grad-blue,
.product-landing-layout .mod--grad-blue,
.science-landing-layout .mod--grad-blue,
.checkup-container .mod--grad-blue,
.checkups-container .mod--grad-blue,
.checkups-group-container .mod--grad-blue,
.cart-container .mod--grad-blue,
.essential-landing-layout .mod--grad-blue,
.essential-product-landing-layout .mod--grad-blue,
.faq-landing-layout .mod--grad-blue,
.nutritionist-landing-layout .mod--grad-blue,
.testimonial-landing-layout .mod--grad-blue,
.payments-landing-layout .mod--grad-blue,
.rem--sale .mod--grad-blue,
.food-allergy-landing-layout .mod--grad-blue,
.small-banner-layout .mod--grad-blue,
.checkout-payment .mod--grad-blue,
.agents-layout .mod--grad-blue,
.go-layout .mod--grad-blue,
.media-landing-layout .mod--grad-blue,
.btt-layout .mod--grad-blue,
.feedback-landing-layout .mod--grad-blue,
.from-event-landing-layout .mod--grad-blue,
.new-year-gift-landing-layout .mod--grad-blue,
.homme-femme-formula-layout .mod--grad-blue {
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(90deg, #80b8d1, #1098d4);
  -webkit-background-clip: text;
  background-clip: text;
}
.about-landing-layout .weight--500,
.certificates-landing-layout .weight--500,
.contacts-landing-layout .weight--500,
.essential-landing-layout .weight--500,
.life-landing-layout .weight--500,
.main-landing-layout .weight--500,
.order-form-layout .weight--500,
.partners-landing-layout .weight--500,
.pro-landing-layout .weight--500,
.product-landing-layout .weight--500,
.science-landing-layout .weight--500,
.checkup-container .weight--500,
.checkups-container .weight--500,
.checkups-group-container .weight--500,
.cart-container .weight--500,
.essential-landing-layout .weight--500,
.essential-product-landing-layout .weight--500,
.faq-landing-layout .weight--500,
.nutritionist-landing-layout .weight--500,
.testimonial-landing-layout .weight--500,
.payments-landing-layout .weight--500,
.rem--sale .weight--500,
.food-allergy-landing-layout .weight--500,
.small-banner-layout .weight--500,
.checkout-payment .weight--500,
.agents-layout .weight--500,
.go-layout .weight--500,
.media-landing-layout .weight--500,
.btt-layout .weight--500,
.feedback-landing-layout .weight--500,
.from-event-landing-layout .weight--500,
.new-year-gift-landing-layout .weight--500,
.homme-femme-formula-layout .weight--500 {
  font-weight: 500;
}
.about-landing-layout .weight-500,
.certificates-landing-layout .weight-500,
.contacts-landing-layout .weight-500,
.essential-landing-layout .weight-500,
.life-landing-layout .weight-500,
.main-landing-layout .weight-500,
.order-form-layout .weight-500,
.partners-landing-layout .weight-500,
.pro-landing-layout .weight-500,
.product-landing-layout .weight-500,
.science-landing-layout .weight-500,
.checkup-container .weight-500,
.checkups-container .weight-500,
.checkups-group-container .weight-500,
.cart-container .weight-500,
.essential-landing-layout .weight-500,
.essential-product-landing-layout .weight-500,
.faq-landing-layout .weight-500,
.nutritionist-landing-layout .weight-500,
.testimonial-landing-layout .weight-500,
.payments-landing-layout .weight-500,
.rem--sale .weight-500,
.food-allergy-landing-layout .weight-500,
.small-banner-layout .weight-500,
.checkout-payment .weight-500,
.agents-layout .weight-500,
.go-layout .weight-500,
.media-landing-layout .weight-500,
.btt-layout .weight-500,
.feedback-landing-layout .weight-500,
.from-event-landing-layout .weight-500,
.new-year-gift-landing-layout .weight-500,
.homme-femme-formula-layout .weight-500 {
  font-weight: 500;
}
.about-landing-layout .header-filler,
.certificates-landing-layout .header-filler,
.contacts-landing-layout .header-filler,
.essential-landing-layout .header-filler,
.life-landing-layout .header-filler,
.main-landing-layout .header-filler,
.order-form-layout .header-filler,
.partners-landing-layout .header-filler,
.pro-landing-layout .header-filler,
.product-landing-layout .header-filler,
.science-landing-layout .header-filler,
.checkup-container .header-filler,
.checkups-container .header-filler,
.checkups-group-container .header-filler,
.cart-container .header-filler,
.essential-landing-layout .header-filler,
.essential-product-landing-layout .header-filler,
.faq-landing-layout .header-filler,
.nutritionist-landing-layout .header-filler,
.testimonial-landing-layout .header-filler,
.payments-landing-layout .header-filler,
.rem--sale .header-filler,
.food-allergy-landing-layout .header-filler,
.small-banner-layout .header-filler,
.checkout-payment .header-filler,
.agents-layout .header-filler,
.go-layout .header-filler,
.media-landing-layout .header-filler,
.btt-layout .header-filler,
.feedback-landing-layout .header-filler,
.from-event-landing-layout .header-filler,
.new-year-gift-landing-layout .header-filler,
.homme-femme-formula-layout .header-filler {
  height: auto;
  padding-top: 60px;
}
.about-landing-layout .btn,
.certificates-landing-layout .btn,
.contacts-landing-layout .btn,
.essential-landing-layout .btn,
.life-landing-layout .btn,
.main-landing-layout .btn,
.order-form-layout .btn,
.partners-landing-layout .btn,
.pro-landing-layout .btn,
.product-landing-layout .btn,
.science-landing-layout .btn,
.checkup-container .btn,
.checkups-container .btn,
.checkups-group-container .btn,
.cart-container .btn,
.essential-landing-layout .btn,
.essential-product-landing-layout .btn,
.faq-landing-layout .btn,
.nutritionist-landing-layout .btn,
.testimonial-landing-layout .btn,
.payments-landing-layout .btn,
.rem--sale .btn,
.food-allergy-landing-layout .btn,
.small-banner-layout .btn,
.checkout-payment .btn,
.agents-layout .btn,
.go-layout .btn,
.media-landing-layout .btn,
.btt-layout .btn,
.feedback-landing-layout .btn,
.from-event-landing-layout .btn,
.new-year-gift-landing-layout .btn,
.homme-femme-formula-layout .btn {
  min-width: 200px;
  max-width: -moz-fit-content;
  max-width: fit-content;
  color: #000;
  text-align: center;
  background-color: #fff;
  border-radius: 40px;
  justify-content: center;
  align-items: center;
  padding: 20px 48px;
  font-weight: 600;
  transition: all 0.3s;
  display: flex;
}
.about-landing-layout .btn:hover,
.certificates-landing-layout .btn:hover,
.contacts-landing-layout .btn:hover,
.essential-landing-layout .btn:hover,
.life-landing-layout .btn:hover,
.main-landing-layout .btn:hover,
.order-form-layout .btn:hover,
.partners-landing-layout .btn:hover,
.pro-landing-layout .btn:hover,
.product-landing-layout .btn:hover,
.science-landing-layout .btn:hover,
.checkup-container .btn:hover,
.checkups-container .btn:hover,
.checkups-group-container .btn:hover,
.cart-container .btn:hover,
.essential-landing-layout .btn:hover,
.essential-product-landing-layout .btn:hover,
.faq-landing-layout .btn:hover,
.nutritionist-landing-layout .btn:hover,
.testimonial-landing-layout .btn:hover,
.payments-landing-layout .btn:hover,
.rem--sale .btn:hover,
.food-allergy-landing-layout .btn:hover,
.small-banner-layout .btn:hover,
.checkout-payment .btn:hover,
.agents-layout .btn:hover,
.go-layout .btn:hover,
.media-landing-layout .btn:hover,
.btt-layout .btn:hover,
.feedback-landing-layout .btn:hover,
.from-event-landing-layout .btn:hover,
.new-year-gift-landing-layout .btn:hover,
.homme-femme-formula-layout .btn:hover {
  cursor: pointer;
}
.about-landing-layout .btn--black,
.certificates-landing-layout .btn--black,
.contacts-landing-layout .btn--black,
.essential-landing-layout .btn--black,
.life-landing-layout .btn--black,
.main-landing-layout .btn--black,
.order-form-layout .btn--black,
.partners-landing-layout .btn--black,
.pro-landing-layout .btn--black,
.product-landing-layout .btn--black,
.science-landing-layout .btn--black,
.checkup-container .btn--black,
.checkups-container .btn--black,
.checkups-group-container .btn--black,
.cart-container .btn--black,
.essential-landing-layout .btn--black,
.essential-product-landing-layout .btn--black,
.faq-landing-layout .btn--black,
.nutritionist-landing-layout .btn--black,
.testimonial-landing-layout .btn--black,
.payments-landing-layout .btn--black,
.rem--sale .btn--black,
.food-allergy-landing-layout .btn--black,
.small-banner-layout .btn--black,
.checkout-payment .btn--black,
.agents-layout .btn--black,
.go-layout .btn--black,
.media-landing-layout .btn--black,
.btt-layout .btn--black,
.feedback-landing-layout .btn--black,
.from-event-landing-layout .btn--black,
.new-year-gift-landing-layout .btn--black,
.homme-femme-formula-layout .btn--black {
  color: #fff;
  background-color: #0c0c0c;
}
.about-landing-layout .btn--black:hover,
.certificates-landing-layout .btn--black:hover,
.contacts-landing-layout .btn--black:hover,
.essential-landing-layout .btn--black:hover,
.life-landing-layout .btn--black:hover,
.main-landing-layout .btn--black:hover,
.order-form-layout .btn--black:hover,
.partners-landing-layout .btn--black:hover,
.pro-landing-layout .btn--black:hover,
.product-landing-layout .btn--black:hover,
.science-landing-layout .btn--black:hover,
.checkup-container .btn--black:hover,
.checkups-container .btn--black:hover,
.checkups-group-container .btn--black:hover,
.cart-container .btn--black:hover,
.essential-landing-layout .btn--black:hover,
.essential-product-landing-layout .btn--black:hover,
.faq-landing-layout .btn--black:hover,
.nutritionist-landing-layout .btn--black:hover,
.testimonial-landing-layout .btn--black:hover,
.payments-landing-layout .btn--black:hover,
.rem--sale .btn--black:hover,
.food-allergy-landing-layout .btn--black:hover,
.small-banner-layout .btn--black:hover,
.checkout-payment .btn--black:hover,
.agents-layout .btn--black:hover,
.go-layout .btn--black:hover,
.media-landing-layout .btn--black:hover,
.btt-layout .btn--black:hover,
.feedback-landing-layout .btn--black:hover,
.from-event-landing-layout .btn--black:hover,
.new-year-gift-landing-layout .btn--black:hover,
.homme-femme-formula-layout .btn--black:hover {
  background-color: #383838;
}
.about-landing-layout .btn-orange,
.certificates-landing-layout .btn-orange,
.contacts-landing-layout .btn-orange,
.essential-landing-layout .btn-orange,
.life-landing-layout .btn-orange,
.main-landing-layout .btn-orange,
.order-form-layout .btn-orange,
.partners-landing-layout .btn-orange,
.pro-landing-layout .btn-orange,
.product-landing-layout .btn-orange,
.science-landing-layout .btn-orange,
.checkup-container .btn-orange,
.checkups-container .btn-orange,
.checkups-group-container .btn-orange,
.cart-container .btn-orange,
.essential-landing-layout .btn-orange,
.essential-product-landing-layout .btn-orange,
.faq-landing-layout .btn-orange,
.nutritionist-landing-layout .btn-orange,
.testimonial-landing-layout .btn-orange,
.payments-landing-layout .btn-orange,
.rem--sale .btn-orange,
.food-allergy-landing-layout .btn-orange,
.small-banner-layout .btn-orange,
.checkout-payment .btn-orange,
.agents-layout .btn-orange,
.go-layout .btn-orange,
.media-landing-layout .btn-orange,
.btt-layout .btn-orange,
.feedback-landing-layout .btn-orange,
.from-event-landing-layout .btn-orange,
.new-year-gift-landing-layout .btn-orange,
.homme-femme-formula-layout .btn-orange {
  background: #f65f43;
  background-color: #f65f43;
  background-image: none;
  color: #fff;
  box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.0784313725), 0 4px 4px rgba(0, 0, 0, 0.1215686275), 0 8px 12px rgba(0, 0, 0, 0.1019607843);
}
.about-landing-layout .btn-orange:disabled, .about-landing-layout .btn-orange[disabled], .about-landing-layout .btn-orange[disabled=disabled], .about-landing-layout .btn-orange-disabled,
.certificates-landing-layout .btn-orange:disabled,
.certificates-landing-layout .btn-orange[disabled],
.certificates-landing-layout .btn-orange[disabled=disabled],
.certificates-landing-layout .btn-orange-disabled,
.contacts-landing-layout .btn-orange:disabled,
.contacts-landing-layout .btn-orange[disabled],
.contacts-landing-layout .btn-orange[disabled=disabled],
.contacts-landing-layout .btn-orange-disabled,
.essential-landing-layout .btn-orange:disabled,
.essential-landing-layout .btn-orange[disabled],
.essential-landing-layout .btn-orange[disabled=disabled],
.essential-landing-layout .btn-orange-disabled,
.life-landing-layout .btn-orange:disabled,
.life-landing-layout .btn-orange[disabled],
.life-landing-layout .btn-orange[disabled=disabled],
.life-landing-layout .btn-orange-disabled,
.main-landing-layout .btn-orange:disabled,
.main-landing-layout .btn-orange[disabled],
.main-landing-layout .btn-orange[disabled=disabled],
.main-landing-layout .btn-orange-disabled,
.order-form-layout .btn-orange:disabled,
.order-form-layout .btn-orange[disabled],
.order-form-layout .btn-orange[disabled=disabled],
.order-form-layout .btn-orange-disabled,
.partners-landing-layout .btn-orange:disabled,
.partners-landing-layout .btn-orange[disabled],
.partners-landing-layout .btn-orange[disabled=disabled],
.partners-landing-layout .btn-orange-disabled,
.pro-landing-layout .btn-orange:disabled,
.pro-landing-layout .btn-orange[disabled],
.pro-landing-layout .btn-orange[disabled=disabled],
.pro-landing-layout .btn-orange-disabled,
.product-landing-layout .btn-orange:disabled,
.product-landing-layout .btn-orange[disabled],
.product-landing-layout .btn-orange[disabled=disabled],
.product-landing-layout .btn-orange-disabled,
.science-landing-layout .btn-orange:disabled,
.science-landing-layout .btn-orange[disabled],
.science-landing-layout .btn-orange[disabled=disabled],
.science-landing-layout .btn-orange-disabled,
.checkup-container .btn-orange:disabled,
.checkup-container .btn-orange[disabled],
.checkup-container .btn-orange[disabled=disabled],
.checkup-container .btn-orange-disabled,
.checkups-container .btn-orange:disabled,
.checkups-container .btn-orange[disabled],
.checkups-container .btn-orange[disabled=disabled],
.checkups-container .btn-orange-disabled,
.checkups-group-container .btn-orange:disabled,
.checkups-group-container .btn-orange[disabled],
.checkups-group-container .btn-orange[disabled=disabled],
.checkups-group-container .btn-orange-disabled,
.cart-container .btn-orange:disabled,
.cart-container .btn-orange[disabled],
.cart-container .btn-orange[disabled=disabled],
.cart-container .btn-orange-disabled,
.essential-landing-layout .btn-orange:disabled,
.essential-landing-layout .btn-orange[disabled],
.essential-landing-layout .btn-orange[disabled=disabled],
.essential-landing-layout .btn-orange-disabled,
.essential-product-landing-layout .btn-orange:disabled,
.essential-product-landing-layout .btn-orange[disabled],
.essential-product-landing-layout .btn-orange[disabled=disabled],
.essential-product-landing-layout .btn-orange-disabled,
.faq-landing-layout .btn-orange:disabled,
.faq-landing-layout .btn-orange[disabled],
.faq-landing-layout .btn-orange[disabled=disabled],
.faq-landing-layout .btn-orange-disabled,
.nutritionist-landing-layout .btn-orange:disabled,
.nutritionist-landing-layout .btn-orange[disabled],
.nutritionist-landing-layout .btn-orange[disabled=disabled],
.nutritionist-landing-layout .btn-orange-disabled,
.testimonial-landing-layout .btn-orange:disabled,
.testimonial-landing-layout .btn-orange[disabled],
.testimonial-landing-layout .btn-orange[disabled=disabled],
.testimonial-landing-layout .btn-orange-disabled,
.payments-landing-layout .btn-orange:disabled,
.payments-landing-layout .btn-orange[disabled],
.payments-landing-layout .btn-orange[disabled=disabled],
.payments-landing-layout .btn-orange-disabled,
.rem--sale .btn-orange:disabled,
.rem--sale .btn-orange[disabled],
.rem--sale .btn-orange[disabled=disabled],
.rem--sale .btn-orange-disabled,
.food-allergy-landing-layout .btn-orange:disabled,
.food-allergy-landing-layout .btn-orange[disabled],
.food-allergy-landing-layout .btn-orange[disabled=disabled],
.food-allergy-landing-layout .btn-orange-disabled,
.small-banner-layout .btn-orange:disabled,
.small-banner-layout .btn-orange[disabled],
.small-banner-layout .btn-orange[disabled=disabled],
.small-banner-layout .btn-orange-disabled,
.checkout-payment .btn-orange:disabled,
.checkout-payment .btn-orange[disabled],
.checkout-payment .btn-orange[disabled=disabled],
.checkout-payment .btn-orange-disabled,
.agents-layout .btn-orange:disabled,
.agents-layout .btn-orange[disabled],
.agents-layout .btn-orange[disabled=disabled],
.agents-layout .btn-orange-disabled,
.go-layout .btn-orange:disabled,
.go-layout .btn-orange[disabled],
.go-layout .btn-orange[disabled=disabled],
.go-layout .btn-orange-disabled,
.media-landing-layout .btn-orange:disabled,
.media-landing-layout .btn-orange[disabled],
.media-landing-layout .btn-orange[disabled=disabled],
.media-landing-layout .btn-orange-disabled,
.btt-layout .btn-orange:disabled,
.btt-layout .btn-orange[disabled],
.btt-layout .btn-orange[disabled=disabled],
.btt-layout .btn-orange-disabled,
.feedback-landing-layout .btn-orange:disabled,
.feedback-landing-layout .btn-orange[disabled],
.feedback-landing-layout .btn-orange[disabled=disabled],
.feedback-landing-layout .btn-orange-disabled,
.from-event-landing-layout .btn-orange:disabled,
.from-event-landing-layout .btn-orange[disabled],
.from-event-landing-layout .btn-orange[disabled=disabled],
.from-event-landing-layout .btn-orange-disabled,
.new-year-gift-landing-layout .btn-orange:disabled,
.new-year-gift-landing-layout .btn-orange[disabled],
.new-year-gift-landing-layout .btn-orange[disabled=disabled],
.new-year-gift-landing-layout .btn-orange-disabled,
.homme-femme-formula-layout .btn-orange:disabled,
.homme-femme-formula-layout .btn-orange[disabled],
.homme-femme-formula-layout .btn-orange[disabled=disabled],
.homme-femme-formula-layout .btn-orange-disabled {
  color: rgba(255, 255, 255, 0.6);
  box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.0784313725);
  cursor: not-allowed;
}
.about-landing-layout .btn-orange:hover,
.certificates-landing-layout .btn-orange:hover,
.contacts-landing-layout .btn-orange:hover,
.essential-landing-layout .btn-orange:hover,
.life-landing-layout .btn-orange:hover,
.main-landing-layout .btn-orange:hover,
.order-form-layout .btn-orange:hover,
.partners-landing-layout .btn-orange:hover,
.pro-landing-layout .btn-orange:hover,
.product-landing-layout .btn-orange:hover,
.science-landing-layout .btn-orange:hover,
.checkup-container .btn-orange:hover,
.checkups-container .btn-orange:hover,
.checkups-group-container .btn-orange:hover,
.cart-container .btn-orange:hover,
.essential-landing-layout .btn-orange:hover,
.essential-product-landing-layout .btn-orange:hover,
.faq-landing-layout .btn-orange:hover,
.nutritionist-landing-layout .btn-orange:hover,
.testimonial-landing-layout .btn-orange:hover,
.payments-landing-layout .btn-orange:hover,
.rem--sale .btn-orange:hover,
.food-allergy-landing-layout .btn-orange:hover,
.small-banner-layout .btn-orange:hover,
.checkout-payment .btn-orange:hover,
.agents-layout .btn-orange:hover,
.go-layout .btn-orange:hover,
.media-landing-layout .btn-orange:hover,
.btt-layout .btn-orange:hover,
.feedback-landing-layout .btn-orange:hover,
.from-event-landing-layout .btn-orange:hover,
.new-year-gift-landing-layout .btn-orange:hover,
.homme-femme-formula-layout .btn-orange:hover {
  color: rgba(255, 255, 255, 0.6);
  box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.0784313725);
}
.about-landing-layout .btn--white,
.certificates-landing-layout .btn--white,
.contacts-landing-layout .btn--white,
.essential-landing-layout .btn--white,
.life-landing-layout .btn--white,
.main-landing-layout .btn--white,
.order-form-layout .btn--white,
.partners-landing-layout .btn--white,
.pro-landing-layout .btn--white,
.product-landing-layout .btn--white,
.science-landing-layout .btn--white,
.checkup-container .btn--white,
.checkups-container .btn--white,
.checkups-group-container .btn--white,
.cart-container .btn--white,
.essential-landing-layout .btn--white,
.essential-product-landing-layout .btn--white,
.faq-landing-layout .btn--white,
.nutritionist-landing-layout .btn--white,
.testimonial-landing-layout .btn--white,
.payments-landing-layout .btn--white,
.rem--sale .btn--white,
.food-allergy-landing-layout .btn--white,
.small-banner-layout .btn--white,
.checkout-payment .btn--white,
.agents-layout .btn--white,
.go-layout .btn--white,
.media-landing-layout .btn--white,
.btt-layout .btn--white,
.feedback-landing-layout .btn--white,
.from-event-landing-layout .btn--white,
.new-year-gift-landing-layout .btn--white,
.homme-femme-formula-layout .btn--white {
  color: #202020;
  background-color: #fff;
  background-image: none;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}
.about-landing-layout .btn--white:hover,
.certificates-landing-layout .btn--white:hover,
.contacts-landing-layout .btn--white:hover,
.essential-landing-layout .btn--white:hover,
.life-landing-layout .btn--white:hover,
.main-landing-layout .btn--white:hover,
.order-form-layout .btn--white:hover,
.partners-landing-layout .btn--white:hover,
.pro-landing-layout .btn--white:hover,
.product-landing-layout .btn--white:hover,
.science-landing-layout .btn--white:hover,
.checkup-container .btn--white:hover,
.checkups-container .btn--white:hover,
.checkups-group-container .btn--white:hover,
.cart-container .btn--white:hover,
.essential-landing-layout .btn--white:hover,
.essential-product-landing-layout .btn--white:hover,
.faq-landing-layout .btn--white:hover,
.nutritionist-landing-layout .btn--white:hover,
.testimonial-landing-layout .btn--white:hover,
.payments-landing-layout .btn--white:hover,
.rem--sale .btn--white:hover,
.food-allergy-landing-layout .btn--white:hover,
.small-banner-layout .btn--white:hover,
.checkout-payment .btn--white:hover,
.agents-layout .btn--white:hover,
.go-layout .btn--white:hover,
.media-landing-layout .btn--white:hover,
.btt-layout .btn--white:hover,
.feedback-landing-layout .btn--white:hover,
.from-event-landing-layout .btn--white:hover,
.new-year-gift-landing-layout .btn--white:hover,
.homme-femme-formula-layout .btn--white:hover {
  color: rgba(32, 32, 32, 0.5);
  box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.08);
}
.about-landing-layout .btn--white:disabled,
.certificates-landing-layout .btn--white:disabled,
.contacts-landing-layout .btn--white:disabled,
.essential-landing-layout .btn--white:disabled,
.life-landing-layout .btn--white:disabled,
.main-landing-layout .btn--white:disabled,
.order-form-layout .btn--white:disabled,
.partners-landing-layout .btn--white:disabled,
.pro-landing-layout .btn--white:disabled,
.product-landing-layout .btn--white:disabled,
.science-landing-layout .btn--white:disabled,
.checkup-container .btn--white:disabled,
.checkups-container .btn--white:disabled,
.checkups-group-container .btn--white:disabled,
.cart-container .btn--white:disabled,
.essential-landing-layout .btn--white:disabled,
.essential-product-landing-layout .btn--white:disabled,
.faq-landing-layout .btn--white:disabled,
.nutritionist-landing-layout .btn--white:disabled,
.testimonial-landing-layout .btn--white:disabled,
.payments-landing-layout .btn--white:disabled,
.rem--sale .btn--white:disabled,
.food-allergy-landing-layout .btn--white:disabled,
.small-banner-layout .btn--white:disabled,
.checkout-payment .btn--white:disabled,
.agents-layout .btn--white:disabled,
.go-layout .btn--white:disabled,
.media-landing-layout .btn--white:disabled,
.btt-layout .btn--white:disabled,
.feedback-landing-layout .btn--white:disabled,
.from-event-landing-layout .btn--white:disabled,
.new-year-gift-landing-layout .btn--white:disabled,
.homme-femme-formula-layout .btn--white:disabled {
  color: rgba(32, 32, 32, 0.5);
  box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.08);
}
.about-landing-layout .btn--blue,
.certificates-landing-layout .btn--blue,
.contacts-landing-layout .btn--blue,
.essential-landing-layout .btn--blue,
.life-landing-layout .btn--blue,
.main-landing-layout .btn--blue,
.order-form-layout .btn--blue,
.partners-landing-layout .btn--blue,
.pro-landing-layout .btn--blue,
.product-landing-layout .btn--blue,
.science-landing-layout .btn--blue,
.checkup-container .btn--blue,
.checkups-container .btn--blue,
.checkups-group-container .btn--blue,
.cart-container .btn--blue,
.essential-landing-layout .btn--blue,
.essential-product-landing-layout .btn--blue,
.faq-landing-layout .btn--blue,
.nutritionist-landing-layout .btn--blue,
.testimonial-landing-layout .btn--blue,
.payments-landing-layout .btn--blue,
.rem--sale .btn--blue,
.food-allergy-landing-layout .btn--blue,
.small-banner-layout .btn--blue,
.checkout-payment .btn--blue,
.agents-layout .btn--blue,
.go-layout .btn--blue,
.media-landing-layout .btn--blue,
.btt-layout .btn--blue,
.feedback-landing-layout .btn--blue,
.from-event-landing-layout .btn--blue,
.new-year-gift-landing-layout .btn--blue,
.homme-femme-formula-layout .btn--blue {
  -webkit-text-fill-color: inherit;
  background-color: #0781ca;
  background-image: none;
  background-clip: border-box;
  border-color: #0781ca;
  font-size: 20px;
  transition: background-color 0.2s, color 0.2s;
  box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.08);
}
.about-landing-layout .btn--blue:hover,
.certificates-landing-layout .btn--blue:hover,
.contacts-landing-layout .btn--blue:hover,
.essential-landing-layout .btn--blue:hover,
.life-landing-layout .btn--blue:hover,
.main-landing-layout .btn--blue:hover,
.order-form-layout .btn--blue:hover,
.partners-landing-layout .btn--blue:hover,
.pro-landing-layout .btn--blue:hover,
.product-landing-layout .btn--blue:hover,
.science-landing-layout .btn--blue:hover,
.checkup-container .btn--blue:hover,
.checkups-container .btn--blue:hover,
.checkups-group-container .btn--blue:hover,
.cart-container .btn--blue:hover,
.essential-landing-layout .btn--blue:hover,
.essential-product-landing-layout .btn--blue:hover,
.faq-landing-layout .btn--blue:hover,
.nutritionist-landing-layout .btn--blue:hover,
.testimonial-landing-layout .btn--blue:hover,
.payments-landing-layout .btn--blue:hover,
.rem--sale .btn--blue:hover,
.food-allergy-landing-layout .btn--blue:hover,
.small-banner-layout .btn--blue:hover,
.checkout-payment .btn--blue:hover,
.agents-layout .btn--blue:hover,
.go-layout .btn--blue:hover,
.media-landing-layout .btn--blue:hover,
.btt-layout .btn--blue:hover,
.feedback-landing-layout .btn--blue:hover,
.from-event-landing-layout .btn--blue:hover,
.new-year-gift-landing-layout .btn--blue:hover,
.homme-femme-formula-layout .btn--blue:hover {
  background-color: #139aea;
  border-color: #139aea;
}
.about-landing-layout .w-background-video,
.certificates-landing-layout .w-background-video,
.contacts-landing-layout .w-background-video,
.essential-landing-layout .w-background-video,
.life-landing-layout .w-background-video,
.main-landing-layout .w-background-video,
.order-form-layout .w-background-video,
.partners-landing-layout .w-background-video,
.pro-landing-layout .w-background-video,
.product-landing-layout .w-background-video,
.science-landing-layout .w-background-video,
.checkup-container .w-background-video,
.checkups-container .w-background-video,
.checkups-group-container .w-background-video,
.cart-container .w-background-video,
.essential-landing-layout .w-background-video,
.essential-product-landing-layout .w-background-video,
.faq-landing-layout .w-background-video,
.nutritionist-landing-layout .w-background-video,
.testimonial-landing-layout .w-background-video,
.payments-landing-layout .w-background-video,
.rem--sale .w-background-video,
.food-allergy-landing-layout .w-background-video,
.small-banner-layout .w-background-video,
.checkout-payment .w-background-video,
.agents-layout .w-background-video,
.go-layout .w-background-video,
.media-landing-layout .w-background-video,
.btt-layout .w-background-video,
.feedback-landing-layout .w-background-video,
.from-event-landing-layout .w-background-video,
.new-year-gift-landing-layout .w-background-video,
.homme-femme-formula-layout .w-background-video {
  height: 500px;
  color: #fff;
  position: relative;
  overflow: hidden;
}
.about-landing-layout .pro--bg-video,
.certificates-landing-layout .pro--bg-video,
.contacts-landing-layout .pro--bg-video,
.essential-landing-layout .pro--bg-video,
.life-landing-layout .pro--bg-video,
.main-landing-layout .pro--bg-video,
.order-form-layout .pro--bg-video,
.partners-landing-layout .pro--bg-video,
.pro-landing-layout .pro--bg-video,
.product-landing-layout .pro--bg-video,
.science-landing-layout .pro--bg-video,
.checkup-container .pro--bg-video,
.checkups-container .pro--bg-video,
.checkups-group-container .pro--bg-video,
.cart-container .pro--bg-video,
.essential-landing-layout .pro--bg-video,
.essential-product-landing-layout .pro--bg-video,
.faq-landing-layout .pro--bg-video,
.nutritionist-landing-layout .pro--bg-video,
.testimonial-landing-layout .pro--bg-video,
.payments-landing-layout .pro--bg-video,
.rem--sale .pro--bg-video,
.food-allergy-landing-layout .pro--bg-video,
.small-banner-layout .pro--bg-video,
.checkout-payment .pro--bg-video,
.agents-layout .pro--bg-video,
.go-layout .pro--bg-video,
.media-landing-layout .pro--bg-video,
.btt-layout .pro--bg-video,
.feedback-landing-layout .pro--bg-video,
.from-event-landing-layout .pro--bg-video,
.new-year-gift-landing-layout .pro--bg-video,
.homme-femme-formula-layout .pro--bg-video {
  z-index: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}
.about-landing-layout .w-background-video > video,
.certificates-landing-layout .w-background-video > video,
.contacts-landing-layout .w-background-video > video,
.essential-landing-layout .w-background-video > video,
.life-landing-layout .w-background-video > video,
.main-landing-layout .w-background-video > video,
.order-form-layout .w-background-video > video,
.partners-landing-layout .w-background-video > video,
.pro-landing-layout .w-background-video > video,
.product-landing-layout .w-background-video > video,
.science-landing-layout .w-background-video > video,
.checkup-container .w-background-video > video,
.checkups-container .w-background-video > video,
.checkups-group-container .w-background-video > video,
.cart-container .w-background-video > video,
.essential-landing-layout .w-background-video > video,
.essential-product-landing-layout .w-background-video > video,
.faq-landing-layout .w-background-video > video,
.nutritionist-landing-layout .w-background-video > video,
.testimonial-landing-layout .w-background-video > video,
.payments-landing-layout .w-background-video > video,
.rem--sale .w-background-video > video,
.food-allergy-landing-layout .w-background-video > video,
.small-banner-layout .w-background-video > video,
.checkout-payment .w-background-video > video,
.agents-layout .w-background-video > video,
.go-layout .w-background-video > video,
.media-landing-layout .w-background-video > video,
.btt-layout .w-background-video > video,
.feedback-landing-layout .w-background-video > video,
.from-event-landing-layout .w-background-video > video,
.new-year-gift-landing-layout .w-background-video > video,
.homme-femme-formula-layout .w-background-video > video {
  vertical-align: baseline;
  display: inline-block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: -100;
  background-position: 50%;
  background-size: cover;
  margin: auto;
  position: absolute;
  top: -100%;
  bottom: -100%;
  left: -100%;
  right: -100%;
  background-image: url("https://files.bioniq.ru/bioniq-ru/images/heroo-cover.jpg");
}
.about-landing-layout .pro--bg-video--overlay,
.certificates-landing-layout .pro--bg-video--overlay,
.contacts-landing-layout .pro--bg-video--overlay,
.essential-landing-layout .pro--bg-video--overlay,
.life-landing-layout .pro--bg-video--overlay,
.main-landing-layout .pro--bg-video--overlay,
.order-form-layout .pro--bg-video--overlay,
.partners-landing-layout .pro--bg-video--overlay,
.pro-landing-layout .pro--bg-video--overlay,
.product-landing-layout .pro--bg-video--overlay,
.science-landing-layout .pro--bg-video--overlay,
.checkup-container .pro--bg-video--overlay,
.checkups-container .pro--bg-video--overlay,
.checkups-group-container .pro--bg-video--overlay,
.cart-container .pro--bg-video--overlay,
.essential-landing-layout .pro--bg-video--overlay,
.essential-product-landing-layout .pro--bg-video--overlay,
.faq-landing-layout .pro--bg-video--overlay,
.nutritionist-landing-layout .pro--bg-video--overlay,
.testimonial-landing-layout .pro--bg-video--overlay,
.payments-landing-layout .pro--bg-video--overlay,
.rem--sale .pro--bg-video--overlay,
.food-allergy-landing-layout .pro--bg-video--overlay,
.small-banner-layout .pro--bg-video--overlay,
.checkout-payment .pro--bg-video--overlay,
.agents-layout .pro--bg-video--overlay,
.go-layout .pro--bg-video--overlay,
.media-landing-layout .pro--bg-video--overlay,
.btt-layout .pro--bg-video--overlay,
.feedback-landing-layout .pro--bg-video--overlay,
.from-event-landing-layout .pro--bg-video--overlay,
.new-year-gift-landing-layout .pro--bg-video--overlay,
.homme-femme-formula-layout .pro--bg-video--overlay {
  z-index: 5;
  background-color: rgba(0, 0, 0, 0.2);
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}
.about-landing-layout .w-inline-block,
.certificates-landing-layout .w-inline-block,
.contacts-landing-layout .w-inline-block,
.essential-landing-layout .w-inline-block,
.life-landing-layout .w-inline-block,
.main-landing-layout .w-inline-block,
.order-form-layout .w-inline-block,
.partners-landing-layout .w-inline-block,
.pro-landing-layout .w-inline-block,
.product-landing-layout .w-inline-block,
.science-landing-layout .w-inline-block,
.checkup-container .w-inline-block,
.checkups-container .w-inline-block,
.checkups-group-container .w-inline-block,
.cart-container .w-inline-block,
.essential-landing-layout .w-inline-block,
.essential-product-landing-layout .w-inline-block,
.faq-landing-layout .w-inline-block,
.nutritionist-landing-layout .w-inline-block,
.testimonial-landing-layout .w-inline-block,
.payments-landing-layout .w-inline-block,
.rem--sale .w-inline-block,
.food-allergy-landing-layout .w-inline-block,
.small-banner-layout .w-inline-block,
.checkout-payment .w-inline-block,
.agents-layout .w-inline-block,
.go-layout .w-inline-block,
.media-landing-layout .w-inline-block,
.btt-layout .w-inline-block,
.feedback-landing-layout .w-inline-block,
.from-event-landing-layout .w-inline-block,
.new-year-gift-landing-layout .w-inline-block,
.homme-femme-formula-layout .w-inline-block {
  max-width: 100%;
  display: inline-block;
}
.about-landing-layout .consultation_title,
.certificates-landing-layout .consultation_title,
.contacts-landing-layout .consultation_title,
.essential-landing-layout .consultation_title,
.life-landing-layout .consultation_title,
.main-landing-layout .consultation_title,
.order-form-layout .consultation_title,
.partners-landing-layout .consultation_title,
.pro-landing-layout .consultation_title,
.product-landing-layout .consultation_title,
.science-landing-layout .consultation_title,
.checkup-container .consultation_title,
.checkups-container .consultation_title,
.checkups-group-container .consultation_title,
.cart-container .consultation_title,
.essential-landing-layout .consultation_title,
.essential-product-landing-layout .consultation_title,
.faq-landing-layout .consultation_title,
.nutritionist-landing-layout .consultation_title,
.testimonial-landing-layout .consultation_title,
.payments-landing-layout .consultation_title,
.rem--sale .consultation_title,
.food-allergy-landing-layout .consultation_title,
.small-banner-layout .consultation_title,
.checkout-payment .consultation_title,
.agents-layout .consultation_title,
.go-layout .consultation_title,
.media-landing-layout .consultation_title,
.btt-layout .consultation_title,
.feedback-landing-layout .consultation_title,
.from-event-landing-layout .consultation_title,
.new-year-gift-landing-layout .consultation_title,
.homme-femme-formula-layout .consultation_title {
  max-width: 450px;
  text-align: center;
  margin-top: 16px;
  margin-bottom: 16px;
  margin-left: auto;
  margin-right: auto;
  font-size: 32px;
  font-weight: 500;
  line-height: 1.2;
}
.about-landing-layout .consultation_title-xs,
.certificates-landing-layout .consultation_title-xs,
.contacts-landing-layout .consultation_title-xs,
.essential-landing-layout .consultation_title-xs,
.life-landing-layout .consultation_title-xs,
.main-landing-layout .consultation_title-xs,
.order-form-layout .consultation_title-xs,
.partners-landing-layout .consultation_title-xs,
.pro-landing-layout .consultation_title-xs,
.product-landing-layout .consultation_title-xs,
.science-landing-layout .consultation_title-xs,
.checkup-container .consultation_title-xs,
.checkups-container .consultation_title-xs,
.checkups-group-container .consultation_title-xs,
.cart-container .consultation_title-xs,
.essential-landing-layout .consultation_title-xs,
.essential-product-landing-layout .consultation_title-xs,
.faq-landing-layout .consultation_title-xs,
.nutritionist-landing-layout .consultation_title-xs,
.testimonial-landing-layout .consultation_title-xs,
.payments-landing-layout .consultation_title-xs,
.rem--sale .consultation_title-xs,
.food-allergy-landing-layout .consultation_title-xs,
.small-banner-layout .consultation_title-xs,
.checkout-payment .consultation_title-xs,
.agents-layout .consultation_title-xs,
.go-layout .consultation_title-xs,
.media-landing-layout .consultation_title-xs,
.btt-layout .consultation_title-xs,
.feedback-landing-layout .consultation_title-xs,
.from-event-landing-layout .consultation_title-xs,
.new-year-gift-landing-layout .consultation_title-xs,
.homme-femme-formula-layout .consultation_title-xs {
  font-size: 24px;
}
.about-landing-layout .consultation_title-sm,
.certificates-landing-layout .consultation_title-sm,
.contacts-landing-layout .consultation_title-sm,
.essential-landing-layout .consultation_title-sm,
.life-landing-layout .consultation_title-sm,
.main-landing-layout .consultation_title-sm,
.order-form-layout .consultation_title-sm,
.partners-landing-layout .consultation_title-sm,
.pro-landing-layout .consultation_title-sm,
.product-landing-layout .consultation_title-sm,
.science-landing-layout .consultation_title-sm,
.checkup-container .consultation_title-sm,
.checkups-container .consultation_title-sm,
.checkups-group-container .consultation_title-sm,
.cart-container .consultation_title-sm,
.essential-landing-layout .consultation_title-sm,
.essential-product-landing-layout .consultation_title-sm,
.faq-landing-layout .consultation_title-sm,
.nutritionist-landing-layout .consultation_title-sm,
.testimonial-landing-layout .consultation_title-sm,
.payments-landing-layout .consultation_title-sm,
.rem--sale .consultation_title-sm,
.food-allergy-landing-layout .consultation_title-sm,
.small-banner-layout .consultation_title-sm,
.checkout-payment .consultation_title-sm,
.agents-layout .consultation_title-sm,
.go-layout .consultation_title-sm,
.media-landing-layout .consultation_title-sm,
.btt-layout .consultation_title-sm,
.feedback-landing-layout .consultation_title-sm,
.from-event-landing-layout .consultation_title-sm,
.new-year-gift-landing-layout .consultation_title-sm,
.homme-femme-formula-layout .consultation_title-sm {
  font-size: 24px;
}
.about-landing-layout .life-hero__h1,
.certificates-landing-layout .life-hero__h1,
.contacts-landing-layout .life-hero__h1,
.essential-landing-layout .life-hero__h1,
.life-landing-layout .life-hero__h1,
.main-landing-layout .life-hero__h1,
.order-form-layout .life-hero__h1,
.partners-landing-layout .life-hero__h1,
.pro-landing-layout .life-hero__h1,
.product-landing-layout .life-hero__h1,
.science-landing-layout .life-hero__h1,
.checkup-container .life-hero__h1,
.checkups-container .life-hero__h1,
.checkups-group-container .life-hero__h1,
.cart-container .life-hero__h1,
.essential-landing-layout .life-hero__h1,
.essential-product-landing-layout .life-hero__h1,
.faq-landing-layout .life-hero__h1,
.nutritionist-landing-layout .life-hero__h1,
.testimonial-landing-layout .life-hero__h1,
.payments-landing-layout .life-hero__h1,
.rem--sale .life-hero__h1,
.food-allergy-landing-layout .life-hero__h1,
.small-banner-layout .life-hero__h1,
.checkout-payment .life-hero__h1,
.agents-layout .life-hero__h1,
.go-layout .life-hero__h1,
.media-landing-layout .life-hero__h1,
.btt-layout .life-hero__h1,
.feedback-landing-layout .life-hero__h1,
.from-event-landing-layout .life-hero__h1,
.new-year-gift-landing-layout .life-hero__h1,
.homme-femme-formula-layout .life-hero__h1 {
  color: black;
  margin-bottom: 20px;
}
.about-landing-layout .life-hero__h1-xs,
.certificates-landing-layout .life-hero__h1-xs,
.contacts-landing-layout .life-hero__h1-xs,
.essential-landing-layout .life-hero__h1-xs,
.life-landing-layout .life-hero__h1-xs,
.main-landing-layout .life-hero__h1-xs,
.order-form-layout .life-hero__h1-xs,
.partners-landing-layout .life-hero__h1-xs,
.pro-landing-layout .life-hero__h1-xs,
.product-landing-layout .life-hero__h1-xs,
.science-landing-layout .life-hero__h1-xs,
.checkup-container .life-hero__h1-xs,
.checkups-container .life-hero__h1-xs,
.checkups-group-container .life-hero__h1-xs,
.cart-container .life-hero__h1-xs,
.essential-landing-layout .life-hero__h1-xs,
.essential-product-landing-layout .life-hero__h1-xs,
.faq-landing-layout .life-hero__h1-xs,
.nutritionist-landing-layout .life-hero__h1-xs,
.testimonial-landing-layout .life-hero__h1-xs,
.payments-landing-layout .life-hero__h1-xs,
.rem--sale .life-hero__h1-xs,
.food-allergy-landing-layout .life-hero__h1-xs,
.small-banner-layout .life-hero__h1-xs,
.checkout-payment .life-hero__h1-xs,
.agents-layout .life-hero__h1-xs,
.go-layout .life-hero__h1-xs,
.media-landing-layout .life-hero__h1-xs,
.btt-layout .life-hero__h1-xs,
.feedback-landing-layout .life-hero__h1-xs,
.from-event-landing-layout .life-hero__h1-xs,
.new-year-gift-landing-layout .life-hero__h1-xs,
.homme-femme-formula-layout .life-hero__h1-xs {
  font-size: 37px;
}
.about-landing-layout .life-hero__h1-sm,
.certificates-landing-layout .life-hero__h1-sm,
.contacts-landing-layout .life-hero__h1-sm,
.essential-landing-layout .life-hero__h1-sm,
.life-landing-layout .life-hero__h1-sm,
.main-landing-layout .life-hero__h1-sm,
.order-form-layout .life-hero__h1-sm,
.partners-landing-layout .life-hero__h1-sm,
.pro-landing-layout .life-hero__h1-sm,
.product-landing-layout .life-hero__h1-sm,
.science-landing-layout .life-hero__h1-sm,
.checkup-container .life-hero__h1-sm,
.checkups-container .life-hero__h1-sm,
.checkups-group-container .life-hero__h1-sm,
.cart-container .life-hero__h1-sm,
.essential-landing-layout .life-hero__h1-sm,
.essential-product-landing-layout .life-hero__h1-sm,
.faq-landing-layout .life-hero__h1-sm,
.nutritionist-landing-layout .life-hero__h1-sm,
.testimonial-landing-layout .life-hero__h1-sm,
.payments-landing-layout .life-hero__h1-sm,
.rem--sale .life-hero__h1-sm,
.food-allergy-landing-layout .life-hero__h1-sm,
.small-banner-layout .life-hero__h1-sm,
.checkout-payment .life-hero__h1-sm,
.agents-layout .life-hero__h1-sm,
.go-layout .life-hero__h1-sm,
.media-landing-layout .life-hero__h1-sm,
.btt-layout .life-hero__h1-sm,
.feedback-landing-layout .life-hero__h1-sm,
.from-event-landing-layout .life-hero__h1-sm,
.new-year-gift-landing-layout .life-hero__h1-sm,
.homme-femme-formula-layout .life-hero__h1-sm {
  font-size: 40px;
}
.about-landing-layout .mod--life-new-slider,
.certificates-landing-layout .mod--life-new-slider,
.contacts-landing-layout .mod--life-new-slider,
.essential-landing-layout .mod--life-new-slider,
.life-landing-layout .mod--life-new-slider,
.main-landing-layout .mod--life-new-slider,
.order-form-layout .mod--life-new-slider,
.partners-landing-layout .mod--life-new-slider,
.pro-landing-layout .mod--life-new-slider,
.product-landing-layout .mod--life-new-slider,
.science-landing-layout .mod--life-new-slider,
.checkup-container .mod--life-new-slider,
.checkups-container .mod--life-new-slider,
.checkups-group-container .mod--life-new-slider,
.cart-container .mod--life-new-slider,
.essential-landing-layout .mod--life-new-slider,
.essential-product-landing-layout .mod--life-new-slider,
.faq-landing-layout .mod--life-new-slider,
.nutritionist-landing-layout .mod--life-new-slider,
.testimonial-landing-layout .mod--life-new-slider,
.payments-landing-layout .mod--life-new-slider,
.rem--sale .mod--life-new-slider,
.food-allergy-landing-layout .mod--life-new-slider,
.small-banner-layout .mod--life-new-slider,
.checkout-payment .mod--life-new-slider,
.agents-layout .mod--life-new-slider,
.go-layout .mod--life-new-slider,
.media-landing-layout .mod--life-new-slider,
.btt-layout .mod--life-new-slider,
.feedback-landing-layout .mod--life-new-slider,
.from-event-landing-layout .mod--life-new-slider,
.new-year-gift-landing-layout .mod--life-new-slider,
.homme-femme-formula-layout .mod--life-new-slider {
  max-width: 1280px;
}
.about-landing-layout .mod--life-new-slider .mod--life-new,
.certificates-landing-layout .mod--life-new-slider .mod--life-new,
.contacts-landing-layout .mod--life-new-slider .mod--life-new,
.essential-landing-layout .mod--life-new-slider .mod--life-new,
.life-landing-layout .mod--life-new-slider .mod--life-new,
.main-landing-layout .mod--life-new-slider .mod--life-new,
.order-form-layout .mod--life-new-slider .mod--life-new,
.partners-landing-layout .mod--life-new-slider .mod--life-new,
.pro-landing-layout .mod--life-new-slider .mod--life-new,
.product-landing-layout .mod--life-new-slider .mod--life-new,
.science-landing-layout .mod--life-new-slider .mod--life-new,
.checkup-container .mod--life-new-slider .mod--life-new,
.checkups-container .mod--life-new-slider .mod--life-new,
.checkups-group-container .mod--life-new-slider .mod--life-new,
.cart-container .mod--life-new-slider .mod--life-new,
.essential-landing-layout .mod--life-new-slider .mod--life-new,
.essential-product-landing-layout .mod--life-new-slider .mod--life-new,
.faq-landing-layout .mod--life-new-slider .mod--life-new,
.nutritionist-landing-layout .mod--life-new-slider .mod--life-new,
.testimonial-landing-layout .mod--life-new-slider .mod--life-new,
.payments-landing-layout .mod--life-new-slider .mod--life-new,
.rem--sale .mod--life-new-slider .mod--life-new,
.food-allergy-landing-layout .mod--life-new-slider .mod--life-new,
.small-banner-layout .mod--life-new-slider .mod--life-new,
.checkout-payment .mod--life-new-slider .mod--life-new,
.agents-layout .mod--life-new-slider .mod--life-new,
.go-layout .mod--life-new-slider .mod--life-new,
.media-landing-layout .mod--life-new-slider .mod--life-new,
.btt-layout .mod--life-new-slider .mod--life-new,
.feedback-landing-layout .mod--life-new-slider .mod--life-new,
.from-event-landing-layout .mod--life-new-slider .mod--life-new,
.new-year-gift-landing-layout .mod--life-new-slider .mod--life-new,
.homme-femme-formula-layout .mod--life-new-slider .mod--life-new {
  flex: none;
  padding-left: 8px;
  padding-right: 8px;
  display: flex;
}
.about-landing-layout .mod--how-it-works,
.certificates-landing-layout .mod--how-it-works,
.contacts-landing-layout .mod--how-it-works,
.essential-landing-layout .mod--how-it-works,
.life-landing-layout .mod--how-it-works,
.main-landing-layout .mod--how-it-works,
.order-form-layout .mod--how-it-works,
.partners-landing-layout .mod--how-it-works,
.pro-landing-layout .mod--how-it-works,
.product-landing-layout .mod--how-it-works,
.science-landing-layout .mod--how-it-works,
.checkup-container .mod--how-it-works,
.checkups-container .mod--how-it-works,
.checkups-group-container .mod--how-it-works,
.cart-container .mod--how-it-works,
.essential-landing-layout .mod--how-it-works,
.essential-product-landing-layout .mod--how-it-works,
.faq-landing-layout .mod--how-it-works,
.nutritionist-landing-layout .mod--how-it-works,
.testimonial-landing-layout .mod--how-it-works,
.payments-landing-layout .mod--how-it-works,
.rem--sale .mod--how-it-works,
.food-allergy-landing-layout .mod--how-it-works,
.small-banner-layout .mod--how-it-works,
.checkout-payment .mod--how-it-works,
.agents-layout .mod--how-it-works,
.go-layout .mod--how-it-works,
.media-landing-layout .mod--how-it-works,
.btt-layout .mod--how-it-works,
.feedback-landing-layout .mod--how-it-works,
.from-event-landing-layout .mod--how-it-works,
.new-year-gift-landing-layout .mod--how-it-works,
.homme-femme-formula-layout .mod--how-it-works {
  width: 25%;
}
.about-landing-layout .mod--how-it-works-sm,
.certificates-landing-layout .mod--how-it-works-sm,
.contacts-landing-layout .mod--how-it-works-sm,
.essential-landing-layout .mod--how-it-works-sm,
.life-landing-layout .mod--how-it-works-sm,
.main-landing-layout .mod--how-it-works-sm,
.order-form-layout .mod--how-it-works-sm,
.partners-landing-layout .mod--how-it-works-sm,
.pro-landing-layout .mod--how-it-works-sm,
.product-landing-layout .mod--how-it-works-sm,
.science-landing-layout .mod--how-it-works-sm,
.checkup-container .mod--how-it-works-sm,
.checkups-container .mod--how-it-works-sm,
.checkups-group-container .mod--how-it-works-sm,
.cart-container .mod--how-it-works-sm,
.essential-landing-layout .mod--how-it-works-sm,
.essential-product-landing-layout .mod--how-it-works-sm,
.faq-landing-layout .mod--how-it-works-sm,
.nutritionist-landing-layout .mod--how-it-works-sm,
.testimonial-landing-layout .mod--how-it-works-sm,
.payments-landing-layout .mod--how-it-works-sm,
.rem--sale .mod--how-it-works-sm,
.food-allergy-landing-layout .mod--how-it-works-sm,
.small-banner-layout .mod--how-it-works-sm,
.checkout-payment .mod--how-it-works-sm,
.agents-layout .mod--how-it-works-sm,
.go-layout .mod--how-it-works-sm,
.media-landing-layout .mod--how-it-works-sm,
.btt-layout .mod--how-it-works-sm,
.feedback-landing-layout .mod--how-it-works-sm,
.from-event-landing-layout .mod--how-it-works-sm,
.new-year-gift-landing-layout .mod--how-it-works-sm,
.homme-femme-formula-layout .mod--how-it-works-sm {
  width: 50%;
}
.about-landing-layout .mod--how-it-works-xs,
.certificates-landing-layout .mod--how-it-works-xs,
.contacts-landing-layout .mod--how-it-works-xs,
.essential-landing-layout .mod--how-it-works-xs,
.life-landing-layout .mod--how-it-works-xs,
.main-landing-layout .mod--how-it-works-xs,
.order-form-layout .mod--how-it-works-xs,
.partners-landing-layout .mod--how-it-works-xs,
.pro-landing-layout .mod--how-it-works-xs,
.product-landing-layout .mod--how-it-works-xs,
.science-landing-layout .mod--how-it-works-xs,
.checkup-container .mod--how-it-works-xs,
.checkups-container .mod--how-it-works-xs,
.checkups-group-container .mod--how-it-works-xs,
.cart-container .mod--how-it-works-xs,
.essential-landing-layout .mod--how-it-works-xs,
.essential-product-landing-layout .mod--how-it-works-xs,
.faq-landing-layout .mod--how-it-works-xs,
.nutritionist-landing-layout .mod--how-it-works-xs,
.testimonial-landing-layout .mod--how-it-works-xs,
.payments-landing-layout .mod--how-it-works-xs,
.rem--sale .mod--how-it-works-xs,
.food-allergy-landing-layout .mod--how-it-works-xs,
.small-banner-layout .mod--how-it-works-xs,
.checkout-payment .mod--how-it-works-xs,
.agents-layout .mod--how-it-works-xs,
.go-layout .mod--how-it-works-xs,
.media-landing-layout .mod--how-it-works-xs,
.btt-layout .mod--how-it-works-xs,
.feedback-landing-layout .mod--how-it-works-xs,
.from-event-landing-layout .mod--how-it-works-xs,
.new-year-gift-landing-layout .mod--how-it-works-xs,
.homme-femme-formula-layout .mod--how-it-works-xs {
  width: 100%;
}
.about-landing-layout .big-number,
.certificates-landing-layout .big-number,
.contacts-landing-layout .big-number,
.essential-landing-layout .big-number,
.life-landing-layout .big-number,
.main-landing-layout .big-number,
.order-form-layout .big-number,
.partners-landing-layout .big-number,
.pro-landing-layout .big-number,
.product-landing-layout .big-number,
.science-landing-layout .big-number,
.checkup-container .big-number,
.checkups-container .big-number,
.checkups-group-container .big-number,
.cart-container .big-number,
.essential-landing-layout .big-number,
.essential-product-landing-layout .big-number,
.faq-landing-layout .big-number,
.nutritionist-landing-layout .big-number,
.testimonial-landing-layout .big-number,
.payments-landing-layout .big-number,
.rem--sale .big-number,
.food-allergy-landing-layout .big-number,
.small-banner-layout .big-number,
.checkout-payment .big-number,
.agents-layout .big-number,
.go-layout .big-number,
.media-landing-layout .big-number,
.btt-layout .big-number,
.feedback-landing-layout .big-number,
.from-event-landing-layout .big-number,
.new-year-gift-landing-layout .big-number,
.homme-femme-formula-layout .big-number {
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(95deg, #c496ff 11%, #ffa25f);
  -webkit-background-clip: text;
  background-clip: text;
  margin-right: 13px;
  font-size: 56px;
  line-height: 1;
  margin-right: 13px;
  font-size: 56px;
  line-height: 1;
}
.about-landing-layout-sm .cert__prod-card,
.certificates-landing-layout-sm .cert__prod-card,
.contacts-landing-layout-sm .cert__prod-card,
.essential-landing-layout-sm .cert__prod-card,
.life-landing-layout-sm .cert__prod-card,
.main-landing-layout-sm .cert__prod-card,
.order-form-layout-sm .cert__prod-card,
.partners-landing-layout-sm .cert__prod-card,
.pro-landing-layout-sm .cert__prod-card,
.product-landing-layout-sm .cert__prod-card,
.science-landing-layout-sm .cert__prod-card,
.checkup-container-sm .cert__prod-card,
.checkups-container-sm .cert__prod-card,
.checkups-group-container-sm .cert__prod-card,
.cart-container-sm .cert__prod-card,
.essential-landing-layout-sm .cert__prod-card,
.essential-product-landing-layout-sm .cert__prod-card,
.faq-landing-layout-sm .cert__prod-card,
.nutritionist-landing-layout-sm .cert__prod-card,
.testimonial-landing-layout-sm .cert__prod-card,
.payments-landing-layout-sm .cert__prod-card,
.rem--sale-sm .cert__prod-card,
.food-allergy-landing-layout-sm .cert__prod-card,
.small-banner-layout-sm .cert__prod-card,
.checkout-payment-sm .cert__prod-card,
.agents-layout-sm .cert__prod-card,
.go-layout-sm .cert__prod-card,
.media-landing-layout-sm .cert__prod-card,
.btt-layout-sm .cert__prod-card,
.feedback-landing-layout-sm .cert__prod-card,
.from-event-landing-layout-sm .cert__prod-card,
.new-year-gift-landing-layout-sm .cert__prod-card,
.homme-femme-formula-layout-sm .cert__prod-card {
  padding: 20px 0;
}
.about-landing-layout-sm .swich-get__radio-field-text,
.certificates-landing-layout-sm .swich-get__radio-field-text,
.contacts-landing-layout-sm .swich-get__radio-field-text,
.essential-landing-layout-sm .swich-get__radio-field-text,
.life-landing-layout-sm .swich-get__radio-field-text,
.main-landing-layout-sm .swich-get__radio-field-text,
.order-form-layout-sm .swich-get__radio-field-text,
.partners-landing-layout-sm .swich-get__radio-field-text,
.pro-landing-layout-sm .swich-get__radio-field-text,
.product-landing-layout-sm .swich-get__radio-field-text,
.science-landing-layout-sm .swich-get__radio-field-text,
.checkup-container-sm .swich-get__radio-field-text,
.checkups-container-sm .swich-get__radio-field-text,
.checkups-group-container-sm .swich-get__radio-field-text,
.cart-container-sm .swich-get__radio-field-text,
.essential-landing-layout-sm .swich-get__radio-field-text,
.essential-product-landing-layout-sm .swich-get__radio-field-text,
.faq-landing-layout-sm .swich-get__radio-field-text,
.nutritionist-landing-layout-sm .swich-get__radio-field-text,
.testimonial-landing-layout-sm .swich-get__radio-field-text,
.payments-landing-layout-sm .swich-get__radio-field-text,
.rem--sale-sm .swich-get__radio-field-text,
.food-allergy-landing-layout-sm .swich-get__radio-field-text,
.small-banner-layout-sm .swich-get__radio-field-text,
.checkout-payment-sm .swich-get__radio-field-text,
.agents-layout-sm .swich-get__radio-field-text,
.go-layout-sm .swich-get__radio-field-text,
.media-landing-layout-sm .swich-get__radio-field-text,
.btt-layout-sm .swich-get__radio-field-text,
.feedback-landing-layout-sm .swich-get__radio-field-text,
.from-event-landing-layout-sm .swich-get__radio-field-text,
.new-year-gift-landing-layout-sm .swich-get__radio-field-text,
.homme-femme-formula-layout-sm .swich-get__radio-field-text {
  margin-left: 8px;
}
.about-landing-layout-sm .swich-get__radio-field-text .text--mediium,
.certificates-landing-layout-sm .swich-get__radio-field-text .text--mediium,
.contacts-landing-layout-sm .swich-get__radio-field-text .text--mediium,
.essential-landing-layout-sm .swich-get__radio-field-text .text--mediium,
.life-landing-layout-sm .swich-get__radio-field-text .text--mediium,
.main-landing-layout-sm .swich-get__radio-field-text .text--mediium,
.order-form-layout-sm .swich-get__radio-field-text .text--mediium,
.partners-landing-layout-sm .swich-get__radio-field-text .text--mediium,
.pro-landing-layout-sm .swich-get__radio-field-text .text--mediium,
.product-landing-layout-sm .swich-get__radio-field-text .text--mediium,
.science-landing-layout-sm .swich-get__radio-field-text .text--mediium,
.checkup-container-sm .swich-get__radio-field-text .text--mediium,
.checkups-container-sm .swich-get__radio-field-text .text--mediium,
.checkups-group-container-sm .swich-get__radio-field-text .text--mediium,
.cart-container-sm .swich-get__radio-field-text .text--mediium,
.essential-landing-layout-sm .swich-get__radio-field-text .text--mediium,
.essential-product-landing-layout-sm .swich-get__radio-field-text .text--mediium,
.faq-landing-layout-sm .swich-get__radio-field-text .text--mediium,
.nutritionist-landing-layout-sm .swich-get__radio-field-text .text--mediium,
.testimonial-landing-layout-sm .swich-get__radio-field-text .text--mediium,
.payments-landing-layout-sm .swich-get__radio-field-text .text--mediium,
.rem--sale-sm .swich-get__radio-field-text .text--mediium,
.food-allergy-landing-layout-sm .swich-get__radio-field-text .text--mediium,
.small-banner-layout-sm .swich-get__radio-field-text .text--mediium,
.checkout-payment-sm .swich-get__radio-field-text .text--mediium,
.agents-layout-sm .swich-get__radio-field-text .text--mediium,
.go-layout-sm .swich-get__radio-field-text .text--mediium,
.media-landing-layout-sm .swich-get__radio-field-text .text--mediium,
.btt-layout-sm .swich-get__radio-field-text .text--mediium,
.feedback-landing-layout-sm .swich-get__radio-field-text .text--mediium,
.from-event-landing-layout-sm .swich-get__radio-field-text .text--mediium,
.new-year-gift-landing-layout-sm .swich-get__radio-field-text .text--mediium,
.homme-femme-formula-layout-sm .swich-get__radio-field-text .text--mediium {
  padding-bottom: 8px;
  font-size: 24px;
  line-height: 1.2;
}
.about-landing-layout-sm .swich-get__radio-field-text .text--12,
.certificates-landing-layout-sm .swich-get__radio-field-text .text--12,
.contacts-landing-layout-sm .swich-get__radio-field-text .text--12,
.essential-landing-layout-sm .swich-get__radio-field-text .text--12,
.life-landing-layout-sm .swich-get__radio-field-text .text--12,
.main-landing-layout-sm .swich-get__radio-field-text .text--12,
.order-form-layout-sm .swich-get__radio-field-text .text--12,
.partners-landing-layout-sm .swich-get__radio-field-text .text--12,
.pro-landing-layout-sm .swich-get__radio-field-text .text--12,
.product-landing-layout-sm .swich-get__radio-field-text .text--12,
.science-landing-layout-sm .swich-get__radio-field-text .text--12,
.checkup-container-sm .swich-get__radio-field-text .text--12,
.checkups-container-sm .swich-get__radio-field-text .text--12,
.checkups-group-container-sm .swich-get__radio-field-text .text--12,
.cart-container-sm .swich-get__radio-field-text .text--12,
.essential-landing-layout-sm .swich-get__radio-field-text .text--12,
.essential-product-landing-layout-sm .swich-get__radio-field-text .text--12,
.faq-landing-layout-sm .swich-get__radio-field-text .text--12,
.nutritionist-landing-layout-sm .swich-get__radio-field-text .text--12,
.testimonial-landing-layout-sm .swich-get__radio-field-text .text--12,
.payments-landing-layout-sm .swich-get__radio-field-text .text--12,
.rem--sale-sm .swich-get__radio-field-text .text--12,
.food-allergy-landing-layout-sm .swich-get__radio-field-text .text--12,
.small-banner-layout-sm .swich-get__radio-field-text .text--12,
.checkout-payment-sm .swich-get__radio-field-text .text--12,
.agents-layout-sm .swich-get__radio-field-text .text--12,
.go-layout-sm .swich-get__radio-field-text .text--12,
.media-landing-layout-sm .swich-get__radio-field-text .text--12,
.btt-layout-sm .swich-get__radio-field-text .text--12,
.feedback-landing-layout-sm .swich-get__radio-field-text .text--12,
.from-event-landing-layout-sm .swich-get__radio-field-text .text--12,
.new-year-gift-landing-layout-sm .swich-get__radio-field-text .text--12,
.homme-femme-formula-layout-sm .swich-get__radio-field-text .text--12 {
  font-weight: 500;
  line-height: 1.5;
  font-size: 14px;
}
.about-landing-layout-xs .cert__prod-card,
.certificates-landing-layout-xs .cert__prod-card,
.contacts-landing-layout-xs .cert__prod-card,
.essential-landing-layout-xs .cert__prod-card,
.life-landing-layout-xs .cert__prod-card,
.main-landing-layout-xs .cert__prod-card,
.order-form-layout-xs .cert__prod-card,
.partners-landing-layout-xs .cert__prod-card,
.pro-landing-layout-xs .cert__prod-card,
.product-landing-layout-xs .cert__prod-card,
.science-landing-layout-xs .cert__prod-card,
.checkup-container-xs .cert__prod-card,
.checkups-container-xs .cert__prod-card,
.checkups-group-container-xs .cert__prod-card,
.cart-container-xs .cert__prod-card,
.essential-landing-layout-xs .cert__prod-card,
.essential-product-landing-layout-xs .cert__prod-card,
.faq-landing-layout-xs .cert__prod-card,
.nutritionist-landing-layout-xs .cert__prod-card,
.testimonial-landing-layout-xs .cert__prod-card,
.payments-landing-layout-xs .cert__prod-card,
.rem--sale-xs .cert__prod-card,
.food-allergy-landing-layout-xs .cert__prod-card,
.small-banner-layout-xs .cert__prod-card,
.checkout-payment-xs .cert__prod-card,
.agents-layout-xs .cert__prod-card,
.go-layout-xs .cert__prod-card,
.media-landing-layout-xs .cert__prod-card,
.btt-layout-xs .cert__prod-card,
.feedback-landing-layout-xs .cert__prod-card,
.from-event-landing-layout-xs .cert__prod-card,
.new-year-gift-landing-layout-xs .cert__prod-card,
.homme-femme-formula-layout-xs .cert__prod-card {
  padding: 20px 0;
}
.about-landing-layout-xs .swich-get__form,
.certificates-landing-layout-xs .swich-get__form,
.contacts-landing-layout-xs .swich-get__form,
.essential-landing-layout-xs .swich-get__form,
.life-landing-layout-xs .swich-get__form,
.main-landing-layout-xs .swich-get__form,
.order-form-layout-xs .swich-get__form,
.partners-landing-layout-xs .swich-get__form,
.pro-landing-layout-xs .swich-get__form,
.product-landing-layout-xs .swich-get__form,
.science-landing-layout-xs .swich-get__form,
.checkup-container-xs .swich-get__form,
.checkups-container-xs .swich-get__form,
.checkups-group-container-xs .swich-get__form,
.cart-container-xs .swich-get__form,
.essential-landing-layout-xs .swich-get__form,
.essential-product-landing-layout-xs .swich-get__form,
.faq-landing-layout-xs .swich-get__form,
.nutritionist-landing-layout-xs .swich-get__form,
.testimonial-landing-layout-xs .swich-get__form,
.payments-landing-layout-xs .swich-get__form,
.rem--sale-xs .swich-get__form,
.food-allergy-landing-layout-xs .swich-get__form,
.small-banner-layout-xs .swich-get__form,
.checkout-payment-xs .swich-get__form,
.agents-layout-xs .swich-get__form,
.go-layout-xs .swich-get__form,
.media-landing-layout-xs .swich-get__form,
.btt-layout-xs .swich-get__form,
.feedback-landing-layout-xs .swich-get__form,
.from-event-landing-layout-xs .swich-get__form,
.new-year-gift-landing-layout-xs .swich-get__form,
.homme-femme-formula-layout-xs .swich-get__form {
  align-items: center;
}
.about-landing-layout-xs .swich-get__radio-field-text,
.certificates-landing-layout-xs .swich-get__radio-field-text,
.contacts-landing-layout-xs .swich-get__radio-field-text,
.essential-landing-layout-xs .swich-get__radio-field-text,
.life-landing-layout-xs .swich-get__radio-field-text,
.main-landing-layout-xs .swich-get__radio-field-text,
.order-form-layout-xs .swich-get__radio-field-text,
.partners-landing-layout-xs .swich-get__radio-field-text,
.pro-landing-layout-xs .swich-get__radio-field-text,
.product-landing-layout-xs .swich-get__radio-field-text,
.science-landing-layout-xs .swich-get__radio-field-text,
.checkup-container-xs .swich-get__radio-field-text,
.checkups-container-xs .swich-get__radio-field-text,
.checkups-group-container-xs .swich-get__radio-field-text,
.cart-container-xs .swich-get__radio-field-text,
.essential-landing-layout-xs .swich-get__radio-field-text,
.essential-product-landing-layout-xs .swich-get__radio-field-text,
.faq-landing-layout-xs .swich-get__radio-field-text,
.nutritionist-landing-layout-xs .swich-get__radio-field-text,
.testimonial-landing-layout-xs .swich-get__radio-field-text,
.payments-landing-layout-xs .swich-get__radio-field-text,
.rem--sale-xs .swich-get__radio-field-text,
.food-allergy-landing-layout-xs .swich-get__radio-field-text,
.small-banner-layout-xs .swich-get__radio-field-text,
.checkout-payment-xs .swich-get__radio-field-text,
.agents-layout-xs .swich-get__radio-field-text,
.go-layout-xs .swich-get__radio-field-text,
.media-landing-layout-xs .swich-get__radio-field-text,
.btt-layout-xs .swich-get__radio-field-text,
.feedback-landing-layout-xs .swich-get__radio-field-text,
.from-event-landing-layout-xs .swich-get__radio-field-text,
.new-year-gift-landing-layout-xs .swich-get__radio-field-text,
.homme-femme-formula-layout-xs .swich-get__radio-field-text {
  margin-left: 8px;
}
.about-landing-layout-xs .swich-get__radio-field-text .text--mediium,
.certificates-landing-layout-xs .swich-get__radio-field-text .text--mediium,
.contacts-landing-layout-xs .swich-get__radio-field-text .text--mediium,
.essential-landing-layout-xs .swich-get__radio-field-text .text--mediium,
.life-landing-layout-xs .swich-get__radio-field-text .text--mediium,
.main-landing-layout-xs .swich-get__radio-field-text .text--mediium,
.order-form-layout-xs .swich-get__radio-field-text .text--mediium,
.partners-landing-layout-xs .swich-get__radio-field-text .text--mediium,
.pro-landing-layout-xs .swich-get__radio-field-text .text--mediium,
.product-landing-layout-xs .swich-get__radio-field-text .text--mediium,
.science-landing-layout-xs .swich-get__radio-field-text .text--mediium,
.checkup-container-xs .swich-get__radio-field-text .text--mediium,
.checkups-container-xs .swich-get__radio-field-text .text--mediium,
.checkups-group-container-xs .swich-get__radio-field-text .text--mediium,
.cart-container-xs .swich-get__radio-field-text .text--mediium,
.essential-landing-layout-xs .swich-get__radio-field-text .text--mediium,
.essential-product-landing-layout-xs .swich-get__radio-field-text .text--mediium,
.faq-landing-layout-xs .swich-get__radio-field-text .text--mediium,
.nutritionist-landing-layout-xs .swich-get__radio-field-text .text--mediium,
.testimonial-landing-layout-xs .swich-get__radio-field-text .text--mediium,
.payments-landing-layout-xs .swich-get__radio-field-text .text--mediium,
.rem--sale-xs .swich-get__radio-field-text .text--mediium,
.food-allergy-landing-layout-xs .swich-get__radio-field-text .text--mediium,
.small-banner-layout-xs .swich-get__radio-field-text .text--mediium,
.checkout-payment-xs .swich-get__radio-field-text .text--mediium,
.agents-layout-xs .swich-get__radio-field-text .text--mediium,
.go-layout-xs .swich-get__radio-field-text .text--mediium,
.media-landing-layout-xs .swich-get__radio-field-text .text--mediium,
.btt-layout-xs .swich-get__radio-field-text .text--mediium,
.feedback-landing-layout-xs .swich-get__radio-field-text .text--mediium,
.from-event-landing-layout-xs .swich-get__radio-field-text .text--mediium,
.new-year-gift-landing-layout-xs .swich-get__radio-field-text .text--mediium,
.homme-femme-formula-layout-xs .swich-get__radio-field-text .text--mediium {
  padding-bottom: 8px;
  font-size: 24px;
  line-height: 1.2;
}
.about-landing-layout-xs .swich-get__radio-field-text .text--12,
.certificates-landing-layout-xs .swich-get__radio-field-text .text--12,
.contacts-landing-layout-xs .swich-get__radio-field-text .text--12,
.essential-landing-layout-xs .swich-get__radio-field-text .text--12,
.life-landing-layout-xs .swich-get__radio-field-text .text--12,
.main-landing-layout-xs .swich-get__radio-field-text .text--12,
.order-form-layout-xs .swich-get__radio-field-text .text--12,
.partners-landing-layout-xs .swich-get__radio-field-text .text--12,
.pro-landing-layout-xs .swich-get__radio-field-text .text--12,
.product-landing-layout-xs .swich-get__radio-field-text .text--12,
.science-landing-layout-xs .swich-get__radio-field-text .text--12,
.checkup-container-xs .swich-get__radio-field-text .text--12,
.checkups-container-xs .swich-get__radio-field-text .text--12,
.checkups-group-container-xs .swich-get__radio-field-text .text--12,
.cart-container-xs .swich-get__radio-field-text .text--12,
.essential-landing-layout-xs .swich-get__radio-field-text .text--12,
.essential-product-landing-layout-xs .swich-get__radio-field-text .text--12,
.faq-landing-layout-xs .swich-get__radio-field-text .text--12,
.nutritionist-landing-layout-xs .swich-get__radio-field-text .text--12,
.testimonial-landing-layout-xs .swich-get__radio-field-text .text--12,
.payments-landing-layout-xs .swich-get__radio-field-text .text--12,
.rem--sale-xs .swich-get__radio-field-text .text--12,
.food-allergy-landing-layout-xs .swich-get__radio-field-text .text--12,
.small-banner-layout-xs .swich-get__radio-field-text .text--12,
.checkout-payment-xs .swich-get__radio-field-text .text--12,
.agents-layout-xs .swich-get__radio-field-text .text--12,
.go-layout-xs .swich-get__radio-field-text .text--12,
.media-landing-layout-xs .swich-get__radio-field-text .text--12,
.btt-layout-xs .swich-get__radio-field-text .text--12,
.feedback-landing-layout-xs .swich-get__radio-field-text .text--12,
.from-event-landing-layout-xs .swich-get__radio-field-text .text--12,
.new-year-gift-landing-layout-xs .swich-get__radio-field-text .text--12,
.homme-femme-formula-layout-xs .swich-get__radio-field-text .text--12 {
  font-weight: 500;
  line-height: 1.5;
  font-size: 14px;
}
@media screen and (max-width: 991px) {
  .about-landing-layout .heading-40,
  .certificates-landing-layout .heading-40,
  .contacts-landing-layout .heading-40,
  .essential-landing-layout .heading-40,
  .life-landing-layout .heading-40,
  .main-landing-layout .heading-40,
  .order-form-layout .heading-40,
  .partners-landing-layout .heading-40,
  .pro-landing-layout .heading-40,
  .product-landing-layout .heading-40,
  .science-landing-layout .heading-40,
  .checkup-container .heading-40,
  .checkups-container .heading-40,
  .checkups-group-container .heading-40,
  .cart-container .heading-40,
  .essential-landing-layout .heading-40,
  .essential-product-landing-layout .heading-40,
  .faq-landing-layout .heading-40,
  .nutritionist-landing-layout .heading-40,
  .testimonial-landing-layout .heading-40,
  .payments-landing-layout .heading-40,
  .rem--sale .heading-40,
  .food-allergy-landing-layout .heading-40,
  .small-banner-layout .heading-40,
  .checkout-payment .heading-40,
  .agents-layout .heading-40,
  .go-layout .heading-40,
  .media-landing-layout .heading-40,
  .btt-layout .heading-40,
  .feedback-landing-layout .heading-40,
  .from-event-landing-layout .heading-40,
  .new-year-gift-landing-layout .heading-40,
  .homme-femme-formula-layout .heading-40 {
    font-size: 32px;
  }
}
@media screen and (max-width: 767px) {
  .about-landing-layout .heading-40,
  .certificates-landing-layout .heading-40,
  .contacts-landing-layout .heading-40,
  .essential-landing-layout .heading-40,
  .life-landing-layout .heading-40,
  .main-landing-layout .heading-40,
  .order-form-layout .heading-40,
  .partners-landing-layout .heading-40,
  .pro-landing-layout .heading-40,
  .product-landing-layout .heading-40,
  .science-landing-layout .heading-40,
  .checkup-container .heading-40,
  .checkups-container .heading-40,
  .checkups-group-container .heading-40,
  .cart-container .heading-40,
  .essential-landing-layout .heading-40,
  .essential-product-landing-layout .heading-40,
  .faq-landing-layout .heading-40,
  .nutritionist-landing-layout .heading-40,
  .testimonial-landing-layout .heading-40,
  .payments-landing-layout .heading-40,
  .rem--sale .heading-40,
  .food-allergy-landing-layout .heading-40,
  .small-banner-layout .heading-40,
  .checkout-payment .heading-40,
  .agents-layout .heading-40,
  .go-layout .heading-40,
  .media-landing-layout .heading-40,
  .btt-layout .heading-40,
  .feedback-landing-layout .heading-40,
  .from-event-landing-layout .heading-40,
  .new-year-gift-landing-layout .heading-40,
  .homme-femme-formula-layout .heading-40 {
    font-size: 28px;
  }
}
@media screen and (max-width: 479px) {
  .about-landing-layout .heading-40,
  .certificates-landing-layout .heading-40,
  .contacts-landing-layout .heading-40,
  .essential-landing-layout .heading-40,
  .life-landing-layout .heading-40,
  .main-landing-layout .heading-40,
  .order-form-layout .heading-40,
  .partners-landing-layout .heading-40,
  .pro-landing-layout .heading-40,
  .product-landing-layout .heading-40,
  .science-landing-layout .heading-40,
  .checkup-container .heading-40,
  .checkups-container .heading-40,
  .checkups-group-container .heading-40,
  .cart-container .heading-40,
  .essential-landing-layout .heading-40,
  .essential-product-landing-layout .heading-40,
  .faq-landing-layout .heading-40,
  .nutritionist-landing-layout .heading-40,
  .testimonial-landing-layout .heading-40,
  .payments-landing-layout .heading-40,
  .rem--sale .heading-40,
  .food-allergy-landing-layout .heading-40,
  .small-banner-layout .heading-40,
  .checkout-payment .heading-40,
  .agents-layout .heading-40,
  .go-layout .heading-40,
  .media-landing-layout .heading-40,
  .btt-layout .heading-40,
  .feedback-landing-layout .heading-40,
  .from-event-landing-layout .heading-40,
  .new-year-gift-landing-layout .heading-40,
  .homme-femme-formula-layout .heading-40 {
    text-align: center;
  }
  .about-landing-layout .btn,
  .certificates-landing-layout .btn,
  .contacts-landing-layout .btn,
  .essential-landing-layout .btn,
  .life-landing-layout .btn,
  .main-landing-layout .btn,
  .order-form-layout .btn,
  .partners-landing-layout .btn,
  .pro-landing-layout .btn,
  .product-landing-layout .btn,
  .science-landing-layout .btn,
  .checkup-container .btn,
  .checkups-container .btn,
  .checkups-group-container .btn,
  .cart-container .btn,
  .essential-landing-layout .btn,
  .essential-product-landing-layout .btn,
  .faq-landing-layout .btn,
  .nutritionist-landing-layout .btn,
  .testimonial-landing-layout .btn,
  .payments-landing-layout .btn,
  .rem--sale .btn,
  .food-allergy-landing-layout .btn,
  .small-banner-layout .btn,
  .checkout-payment .btn,
  .agents-layout .btn,
  .go-layout .btn,
  .media-landing-layout .btn,
  .btt-layout .btn,
  .feedback-landing-layout .btn,
  .from-event-landing-layout .btn,
  .new-year-gift-landing-layout .btn,
  .homme-femme-formula-layout .btn {
    max-width: none;
    border-radius: 100px;
    justify-content: center;
    align-items: center;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 14px;
    display: flex;
  }
}
.about-landing-layout .action-info,
.certificates-landing-layout .action-info,
.contacts-landing-layout .action-info,
.essential-landing-layout .action-info,
.life-landing-layout .action-info,
.main-landing-layout .action-info,
.order-form-layout .action-info,
.partners-landing-layout .action-info,
.pro-landing-layout .action-info,
.product-landing-layout .action-info,
.science-landing-layout .action-info,
.checkup-container .action-info,
.checkups-container .action-info,
.checkups-group-container .action-info,
.cart-container .action-info,
.essential-landing-layout .action-info,
.essential-product-landing-layout .action-info,
.faq-landing-layout .action-info,
.nutritionist-landing-layout .action-info,
.testimonial-landing-layout .action-info,
.payments-landing-layout .action-info,
.rem--sale .action-info,
.food-allergy-landing-layout .action-info,
.small-banner-layout .action-info,
.checkout-payment .action-info,
.agents-layout .action-info,
.go-layout .action-info,
.media-landing-layout .action-info,
.btt-layout .action-info,
.feedback-landing-layout .action-info,
.from-event-landing-layout .action-info,
.new-year-gift-landing-layout .action-info,
.homme-femme-formula-layout .action-info {
  display: flex;
  background-color: white;
  text-align: center;
  max-width: 1077px;
  margin-top: 0;
}
.about-landing-layout .action-info .action-info__image,
.certificates-landing-layout .action-info .action-info__image,
.contacts-landing-layout .action-info .action-info__image,
.essential-landing-layout .action-info .action-info__image,
.life-landing-layout .action-info .action-info__image,
.main-landing-layout .action-info .action-info__image,
.order-form-layout .action-info .action-info__image,
.partners-landing-layout .action-info .action-info__image,
.pro-landing-layout .action-info .action-info__image,
.product-landing-layout .action-info .action-info__image,
.science-landing-layout .action-info .action-info__image,
.checkup-container .action-info .action-info__image,
.checkups-container .action-info .action-info__image,
.checkups-group-container .action-info .action-info__image,
.cart-container .action-info .action-info__image,
.essential-landing-layout .action-info .action-info__image,
.essential-product-landing-layout .action-info .action-info__image,
.faq-landing-layout .action-info .action-info__image,
.nutritionist-landing-layout .action-info .action-info__image,
.testimonial-landing-layout .action-info .action-info__image,
.payments-landing-layout .action-info .action-info__image,
.rem--sale .action-info .action-info__image,
.food-allergy-landing-layout .action-info .action-info__image,
.small-banner-layout .action-info .action-info__image,
.checkout-payment .action-info .action-info__image,
.agents-layout .action-info .action-info__image,
.go-layout .action-info .action-info__image,
.media-landing-layout .action-info .action-info__image,
.btt-layout .action-info .action-info__image,
.feedback-landing-layout .action-info .action-info__image,
.from-event-landing-layout .action-info .action-info__image,
.new-year-gift-landing-layout .action-info .action-info__image,
.homme-femme-formula-layout .action-info .action-info__image {
  background-image: url("https://files.bioniq.ru/bioniq-ru/images/pro_page_sale-bg_res-2.png");
  background-repeat: no-repeat;
  background-position: center;
  width: 50%;
  border-radius: 12px;
  border: 1px solid transparent;
  margin-top: 0;
  background-size: cover;
}
.about-landing-layout .action-info .action-info__image-sm,
.certificates-landing-layout .action-info .action-info__image-sm,
.contacts-landing-layout .action-info .action-info__image-sm,
.essential-landing-layout .action-info .action-info__image-sm,
.life-landing-layout .action-info .action-info__image-sm,
.main-landing-layout .action-info .action-info__image-sm,
.order-form-layout .action-info .action-info__image-sm,
.partners-landing-layout .action-info .action-info__image-sm,
.pro-landing-layout .action-info .action-info__image-sm,
.product-landing-layout .action-info .action-info__image-sm,
.science-landing-layout .action-info .action-info__image-sm,
.checkup-container .action-info .action-info__image-sm,
.checkups-container .action-info .action-info__image-sm,
.checkups-group-container .action-info .action-info__image-sm,
.cart-container .action-info .action-info__image-sm,
.essential-landing-layout .action-info .action-info__image-sm,
.essential-product-landing-layout .action-info .action-info__image-sm,
.faq-landing-layout .action-info .action-info__image-sm,
.nutritionist-landing-layout .action-info .action-info__image-sm,
.testimonial-landing-layout .action-info .action-info__image-sm,
.payments-landing-layout .action-info .action-info__image-sm,
.rem--sale .action-info .action-info__image-sm,
.food-allergy-landing-layout .action-info .action-info__image-sm,
.small-banner-layout .action-info .action-info__image-sm,
.checkout-payment .action-info .action-info__image-sm,
.agents-layout .action-info .action-info__image-sm,
.go-layout .action-info .action-info__image-sm,
.media-landing-layout .action-info .action-info__image-sm,
.btt-layout .action-info .action-info__image-sm,
.feedback-landing-layout .action-info .action-info__image-sm,
.from-event-landing-layout .action-info .action-info__image-sm,
.new-year-gift-landing-layout .action-info .action-info__image-sm,
.homme-femme-formula-layout .action-info .action-info__image-sm {
  background-image: url("https://files.bioniq.ru/bioniq-ru/images/pro_page_sale-bg_res-2.png");
  width: 100%;
  height: 450px;
}
.about-landing-layout .action-info .action-info__image-xs,
.certificates-landing-layout .action-info .action-info__image-xs,
.contacts-landing-layout .action-info .action-info__image-xs,
.essential-landing-layout .action-info .action-info__image-xs,
.life-landing-layout .action-info .action-info__image-xs,
.main-landing-layout .action-info .action-info__image-xs,
.order-form-layout .action-info .action-info__image-xs,
.partners-landing-layout .action-info .action-info__image-xs,
.pro-landing-layout .action-info .action-info__image-xs,
.product-landing-layout .action-info .action-info__image-xs,
.science-landing-layout .action-info .action-info__image-xs,
.checkup-container .action-info .action-info__image-xs,
.checkups-container .action-info .action-info__image-xs,
.checkups-group-container .action-info .action-info__image-xs,
.cart-container .action-info .action-info__image-xs,
.essential-landing-layout .action-info .action-info__image-xs,
.essential-product-landing-layout .action-info .action-info__image-xs,
.faq-landing-layout .action-info .action-info__image-xs,
.nutritionist-landing-layout .action-info .action-info__image-xs,
.testimonial-landing-layout .action-info .action-info__image-xs,
.payments-landing-layout .action-info .action-info__image-xs,
.rem--sale .action-info .action-info__image-xs,
.food-allergy-landing-layout .action-info .action-info__image-xs,
.small-banner-layout .action-info .action-info__image-xs,
.checkout-payment .action-info .action-info__image-xs,
.agents-layout .action-info .action-info__image-xs,
.go-layout .action-info .action-info__image-xs,
.media-landing-layout .action-info .action-info__image-xs,
.btt-layout .action-info .action-info__image-xs,
.feedback-landing-layout .action-info .action-info__image-xs,
.from-event-landing-layout .action-info .action-info__image-xs,
.new-year-gift-landing-layout .action-info .action-info__image-xs,
.homme-femme-formula-layout .action-info .action-info__image-xs {
  background-image: url("https://files.bioniq.ru/bioniq-ru/images/pro_page_sale-bg_res-2.png");
  height: 350px;
  width: 100%;
  background-position: center;
}
.about-landing-layout .action-info .action-info-block,
.certificates-landing-layout .action-info .action-info-block,
.contacts-landing-layout .action-info .action-info-block,
.essential-landing-layout .action-info .action-info-block,
.life-landing-layout .action-info .action-info-block,
.main-landing-layout .action-info .action-info-block,
.order-form-layout .action-info .action-info-block,
.partners-landing-layout .action-info .action-info-block,
.pro-landing-layout .action-info .action-info-block,
.product-landing-layout .action-info .action-info-block,
.science-landing-layout .action-info .action-info-block,
.checkup-container .action-info .action-info-block,
.checkups-container .action-info .action-info-block,
.checkups-group-container .action-info .action-info-block,
.cart-container .action-info .action-info-block,
.essential-landing-layout .action-info .action-info-block,
.essential-product-landing-layout .action-info .action-info-block,
.faq-landing-layout .action-info .action-info-block,
.nutritionist-landing-layout .action-info .action-info-block,
.testimonial-landing-layout .action-info .action-info-block,
.payments-landing-layout .action-info .action-info-block,
.rem--sale .action-info .action-info-block,
.food-allergy-landing-layout .action-info .action-info-block,
.small-banner-layout .action-info .action-info-block,
.checkout-payment .action-info .action-info-block,
.agents-layout .action-info .action-info-block,
.go-layout .action-info .action-info-block,
.media-landing-layout .action-info .action-info-block,
.btt-layout .action-info .action-info-block,
.feedback-landing-layout .action-info .action-info-block,
.from-event-landing-layout .action-info .action-info-block,
.new-year-gift-landing-layout .action-info .action-info-block,
.homme-femme-formula-layout .action-info .action-info-block {
  width: 50%;
}
.about-landing-layout .action-info .action-info-block .action-info-heading,
.certificates-landing-layout .action-info .action-info-block .action-info-heading,
.contacts-landing-layout .action-info .action-info-block .action-info-heading,
.essential-landing-layout .action-info .action-info-block .action-info-heading,
.life-landing-layout .action-info .action-info-block .action-info-heading,
.main-landing-layout .action-info .action-info-block .action-info-heading,
.order-form-layout .action-info .action-info-block .action-info-heading,
.partners-landing-layout .action-info .action-info-block .action-info-heading,
.pro-landing-layout .action-info .action-info-block .action-info-heading,
.product-landing-layout .action-info .action-info-block .action-info-heading,
.science-landing-layout .action-info .action-info-block .action-info-heading,
.checkup-container .action-info .action-info-block .action-info-heading,
.checkups-container .action-info .action-info-block .action-info-heading,
.checkups-group-container .action-info .action-info-block .action-info-heading,
.cart-container .action-info .action-info-block .action-info-heading,
.essential-landing-layout .action-info .action-info-block .action-info-heading,
.essential-product-landing-layout .action-info .action-info-block .action-info-heading,
.faq-landing-layout .action-info .action-info-block .action-info-heading,
.nutritionist-landing-layout .action-info .action-info-block .action-info-heading,
.testimonial-landing-layout .action-info .action-info-block .action-info-heading,
.payments-landing-layout .action-info .action-info-block .action-info-heading,
.rem--sale .action-info .action-info-block .action-info-heading,
.food-allergy-landing-layout .action-info .action-info-block .action-info-heading,
.small-banner-layout .action-info .action-info-block .action-info-heading,
.checkout-payment .action-info .action-info-block .action-info-heading,
.agents-layout .action-info .action-info-block .action-info-heading,
.go-layout .action-info .action-info-block .action-info-heading,
.media-landing-layout .action-info .action-info-block .action-info-heading,
.btt-layout .action-info .action-info-block .action-info-heading,
.feedback-landing-layout .action-info .action-info-block .action-info-heading,
.from-event-landing-layout .action-info .action-info-block .action-info-heading,
.new-year-gift-landing-layout .action-info .action-info-block .action-info-heading,
.homme-femme-formula-layout .action-info .action-info-block .action-info-heading {
  color: #F65F43;
  font-family: Montserrat;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 31.2px;
  /* 130% */
  letter-spacing: 0.48px;
}
.about-landing-layout .action-info .action-info-block .action-info-heading-xs,
.certificates-landing-layout .action-info .action-info-block .action-info-heading-xs,
.contacts-landing-layout .action-info .action-info-block .action-info-heading-xs,
.essential-landing-layout .action-info .action-info-block .action-info-heading-xs,
.life-landing-layout .action-info .action-info-block .action-info-heading-xs,
.main-landing-layout .action-info .action-info-block .action-info-heading-xs,
.order-form-layout .action-info .action-info-block .action-info-heading-xs,
.partners-landing-layout .action-info .action-info-block .action-info-heading-xs,
.pro-landing-layout .action-info .action-info-block .action-info-heading-xs,
.product-landing-layout .action-info .action-info-block .action-info-heading-xs,
.science-landing-layout .action-info .action-info-block .action-info-heading-xs,
.checkup-container .action-info .action-info-block .action-info-heading-xs,
.checkups-container .action-info .action-info-block .action-info-heading-xs,
.checkups-group-container .action-info .action-info-block .action-info-heading-xs,
.cart-container .action-info .action-info-block .action-info-heading-xs,
.essential-landing-layout .action-info .action-info-block .action-info-heading-xs,
.essential-product-landing-layout .action-info .action-info-block .action-info-heading-xs,
.faq-landing-layout .action-info .action-info-block .action-info-heading-xs,
.nutritionist-landing-layout .action-info .action-info-block .action-info-heading-xs,
.testimonial-landing-layout .action-info .action-info-block .action-info-heading-xs,
.payments-landing-layout .action-info .action-info-block .action-info-heading-xs,
.rem--sale .action-info .action-info-block .action-info-heading-xs,
.food-allergy-landing-layout .action-info .action-info-block .action-info-heading-xs,
.small-banner-layout .action-info .action-info-block .action-info-heading-xs,
.checkout-payment .action-info .action-info-block .action-info-heading-xs,
.agents-layout .action-info .action-info-block .action-info-heading-xs,
.go-layout .action-info .action-info-block .action-info-heading-xs,
.media-landing-layout .action-info .action-info-block .action-info-heading-xs,
.btt-layout .action-info .action-info-block .action-info-heading-xs,
.feedback-landing-layout .action-info .action-info-block .action-info-heading-xs,
.from-event-landing-layout .action-info .action-info-block .action-info-heading-xs,
.new-year-gift-landing-layout .action-info .action-info-block .action-info-heading-xs,
.homme-femme-formula-layout .action-info .action-info-block .action-info-heading-xs {
  color: #F65F43;
  font-family: Montserrat;
  font-size: 22px;
  font-style: normal;
  font-weight: 600;
  line-height: 132%;
  /* 29.04px */
}
.about-landing-layout .action-info .action-info-block .action-info-description,
.certificates-landing-layout .action-info .action-info-block .action-info-description,
.contacts-landing-layout .action-info .action-info-block .action-info-description,
.essential-landing-layout .action-info .action-info-block .action-info-description,
.life-landing-layout .action-info .action-info-block .action-info-description,
.main-landing-layout .action-info .action-info-block .action-info-description,
.order-form-layout .action-info .action-info-block .action-info-description,
.partners-landing-layout .action-info .action-info-block .action-info-description,
.pro-landing-layout .action-info .action-info-block .action-info-description,
.product-landing-layout .action-info .action-info-block .action-info-description,
.science-landing-layout .action-info .action-info-block .action-info-description,
.checkup-container .action-info .action-info-block .action-info-description,
.checkups-container .action-info .action-info-block .action-info-description,
.checkups-group-container .action-info .action-info-block .action-info-description,
.cart-container .action-info .action-info-block .action-info-description,
.essential-landing-layout .action-info .action-info-block .action-info-description,
.essential-product-landing-layout .action-info .action-info-block .action-info-description,
.faq-landing-layout .action-info .action-info-block .action-info-description,
.nutritionist-landing-layout .action-info .action-info-block .action-info-description,
.testimonial-landing-layout .action-info .action-info-block .action-info-description,
.payments-landing-layout .action-info .action-info-block .action-info-description,
.rem--sale .action-info .action-info-block .action-info-description,
.food-allergy-landing-layout .action-info .action-info-block .action-info-description,
.small-banner-layout .action-info .action-info-block .action-info-description,
.checkout-payment .action-info .action-info-block .action-info-description,
.agents-layout .action-info .action-info-block .action-info-description,
.go-layout .action-info .action-info-block .action-info-description,
.media-landing-layout .action-info .action-info-block .action-info-description,
.btt-layout .action-info .action-info-block .action-info-description,
.feedback-landing-layout .action-info .action-info-block .action-info-description,
.from-event-landing-layout .action-info .action-info-block .action-info-description,
.new-year-gift-landing-layout .action-info .action-info-block .action-info-description,
.homme-femme-formula-layout .action-info .action-info-block .action-info-description {
  text-align: left;
  color: #202020;
  font-family: Montserrat;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20.8px;
  /* 130% */
  justify-content: space-between;
  display: flex;
  height: 100%;
  flex-direction: column;
}
.about-landing-layout .action-info .action-info-block .action-info-description .mini-cap,
.certificates-landing-layout .action-info .action-info-block .action-info-description .mini-cap,
.contacts-landing-layout .action-info .action-info-block .action-info-description .mini-cap,
.essential-landing-layout .action-info .action-info-block .action-info-description .mini-cap,
.life-landing-layout .action-info .action-info-block .action-info-description .mini-cap,
.main-landing-layout .action-info .action-info-block .action-info-description .mini-cap,
.order-form-layout .action-info .action-info-block .action-info-description .mini-cap,
.partners-landing-layout .action-info .action-info-block .action-info-description .mini-cap,
.pro-landing-layout .action-info .action-info-block .action-info-description .mini-cap,
.product-landing-layout .action-info .action-info-block .action-info-description .mini-cap,
.science-landing-layout .action-info .action-info-block .action-info-description .mini-cap,
.checkup-container .action-info .action-info-block .action-info-description .mini-cap,
.checkups-container .action-info .action-info-block .action-info-description .mini-cap,
.checkups-group-container .action-info .action-info-block .action-info-description .mini-cap,
.cart-container .action-info .action-info-block .action-info-description .mini-cap,
.essential-landing-layout .action-info .action-info-block .action-info-description .mini-cap,
.essential-product-landing-layout .action-info .action-info-block .action-info-description .mini-cap,
.faq-landing-layout .action-info .action-info-block .action-info-description .mini-cap,
.nutritionist-landing-layout .action-info .action-info-block .action-info-description .mini-cap,
.testimonial-landing-layout .action-info .action-info-block .action-info-description .mini-cap,
.payments-landing-layout .action-info .action-info-block .action-info-description .mini-cap,
.rem--sale .action-info .action-info-block .action-info-description .mini-cap,
.food-allergy-landing-layout .action-info .action-info-block .action-info-description .mini-cap,
.small-banner-layout .action-info .action-info-block .action-info-description .mini-cap,
.checkout-payment .action-info .action-info-block .action-info-description .mini-cap,
.agents-layout .action-info .action-info-block .action-info-description .mini-cap,
.go-layout .action-info .action-info-block .action-info-description .mini-cap,
.media-landing-layout .action-info .action-info-block .action-info-description .mini-cap,
.btt-layout .action-info .action-info-block .action-info-description .mini-cap,
.feedback-landing-layout .action-info .action-info-block .action-info-description .mini-cap,
.from-event-landing-layout .action-info .action-info-block .action-info-description .mini-cap,
.new-year-gift-landing-layout .action-info .action-info-block .action-info-description .mini-cap,
.homme-femme-formula-layout .action-info .action-info-block .action-info-description .mini-cap {
  color: #202020;
  font-family: Montserrat;
  font-size: 22px;
  font-style: normal;
  font-weight: 500;
  line-height: 28px;
  /* 127.273% */
}
.about-landing-layout .action-info .action-info-block .action-info-description-xs,
.certificates-landing-layout .action-info .action-info-block .action-info-description-xs,
.contacts-landing-layout .action-info .action-info-block .action-info-description-xs,
.essential-landing-layout .action-info .action-info-block .action-info-description-xs,
.life-landing-layout .action-info .action-info-block .action-info-description-xs,
.main-landing-layout .action-info .action-info-block .action-info-description-xs,
.order-form-layout .action-info .action-info-block .action-info-description-xs,
.partners-landing-layout .action-info .action-info-block .action-info-description-xs,
.pro-landing-layout .action-info .action-info-block .action-info-description-xs,
.product-landing-layout .action-info .action-info-block .action-info-description-xs,
.science-landing-layout .action-info .action-info-block .action-info-description-xs,
.checkup-container .action-info .action-info-block .action-info-description-xs,
.checkups-container .action-info .action-info-block .action-info-description-xs,
.checkups-group-container .action-info .action-info-block .action-info-description-xs,
.cart-container .action-info .action-info-block .action-info-description-xs,
.essential-landing-layout .action-info .action-info-block .action-info-description-xs,
.essential-product-landing-layout .action-info .action-info-block .action-info-description-xs,
.faq-landing-layout .action-info .action-info-block .action-info-description-xs,
.nutritionist-landing-layout .action-info .action-info-block .action-info-description-xs,
.testimonial-landing-layout .action-info .action-info-block .action-info-description-xs,
.payments-landing-layout .action-info .action-info-block .action-info-description-xs,
.rem--sale .action-info .action-info-block .action-info-description-xs,
.food-allergy-landing-layout .action-info .action-info-block .action-info-description-xs,
.small-banner-layout .action-info .action-info-block .action-info-description-xs,
.checkout-payment .action-info .action-info-block .action-info-description-xs,
.agents-layout .action-info .action-info-block .action-info-description-xs,
.go-layout .action-info .action-info-block .action-info-description-xs,
.media-landing-layout .action-info .action-info-block .action-info-description-xs,
.btt-layout .action-info .action-info-block .action-info-description-xs,
.feedback-landing-layout .action-info .action-info-block .action-info-description-xs,
.from-event-landing-layout .action-info .action-info-block .action-info-description-xs,
.new-year-gift-landing-layout .action-info .action-info-block .action-info-description-xs,
.homme-femme-formula-layout .action-info .action-info-block .action-info-description-xs {
  color: #202020;
  font-family: Montserrat;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20.8px;
  /* 130% */
}
.about-landing-layout .action-info .action-info-block .btn,
.certificates-landing-layout .action-info .action-info-block .btn,
.contacts-landing-layout .action-info .action-info-block .btn,
.essential-landing-layout .action-info .action-info-block .btn,
.life-landing-layout .action-info .action-info-block .btn,
.main-landing-layout .action-info .action-info-block .btn,
.order-form-layout .action-info .action-info-block .btn,
.partners-landing-layout .action-info .action-info-block .btn,
.pro-landing-layout .action-info .action-info-block .btn,
.product-landing-layout .action-info .action-info-block .btn,
.science-landing-layout .action-info .action-info-block .btn,
.checkup-container .action-info .action-info-block .btn,
.checkups-container .action-info .action-info-block .btn,
.checkups-group-container .action-info .action-info-block .btn,
.cart-container .action-info .action-info-block .btn,
.essential-landing-layout .action-info .action-info-block .btn,
.essential-product-landing-layout .action-info .action-info-block .btn,
.faq-landing-layout .action-info .action-info-block .btn,
.nutritionist-landing-layout .action-info .action-info-block .btn,
.testimonial-landing-layout .action-info .action-info-block .btn,
.payments-landing-layout .action-info .action-info-block .btn,
.rem--sale .action-info .action-info-block .btn,
.food-allergy-landing-layout .action-info .action-info-block .btn,
.small-banner-layout .action-info .action-info-block .btn,
.checkout-payment .action-info .action-info-block .btn,
.agents-layout .action-info .action-info-block .btn,
.go-layout .action-info .action-info-block .btn,
.media-landing-layout .action-info .action-info-block .btn,
.btt-layout .action-info .action-info-block .btn,
.feedback-landing-layout .action-info .action-info-block .btn,
.from-event-landing-layout .action-info .action-info-block .btn,
.new-year-gift-landing-layout .action-info .action-info-block .btn,
.homme-femme-formula-layout .action-info .action-info-block .btn {
  height: 32px;
  color: #FFF;
  text-align: center;
  font-family: Montserrat;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
  /* 21px */
}
.about-landing-layout .action-info .action-info-block .action-info-block-actions,
.certificates-landing-layout .action-info .action-info-block .action-info-block-actions,
.contacts-landing-layout .action-info .action-info-block .action-info-block-actions,
.essential-landing-layout .action-info .action-info-block .action-info-block-actions,
.life-landing-layout .action-info .action-info-block .action-info-block-actions,
.main-landing-layout .action-info .action-info-block .action-info-block-actions,
.order-form-layout .action-info .action-info-block .action-info-block-actions,
.partners-landing-layout .action-info .action-info-block .action-info-block-actions,
.pro-landing-layout .action-info .action-info-block .action-info-block-actions,
.product-landing-layout .action-info .action-info-block .action-info-block-actions,
.science-landing-layout .action-info .action-info-block .action-info-block-actions,
.checkup-container .action-info .action-info-block .action-info-block-actions,
.checkups-container .action-info .action-info-block .action-info-block-actions,
.checkups-group-container .action-info .action-info-block .action-info-block-actions,
.cart-container .action-info .action-info-block .action-info-block-actions,
.essential-landing-layout .action-info .action-info-block .action-info-block-actions,
.essential-product-landing-layout .action-info .action-info-block .action-info-block-actions,
.faq-landing-layout .action-info .action-info-block .action-info-block-actions,
.nutritionist-landing-layout .action-info .action-info-block .action-info-block-actions,
.testimonial-landing-layout .action-info .action-info-block .action-info-block-actions,
.payments-landing-layout .action-info .action-info-block .action-info-block-actions,
.rem--sale .action-info .action-info-block .action-info-block-actions,
.food-allergy-landing-layout .action-info .action-info-block .action-info-block-actions,
.small-banner-layout .action-info .action-info-block .action-info-block-actions,
.checkout-payment .action-info .action-info-block .action-info-block-actions,
.agents-layout .action-info .action-info-block .action-info-block-actions,
.go-layout .action-info .action-info-block .action-info-block-actions,
.media-landing-layout .action-info .action-info-block .action-info-block-actions,
.btt-layout .action-info .action-info-block .action-info-block-actions,
.feedback-landing-layout .action-info .action-info-block .action-info-block-actions,
.from-event-landing-layout .action-info .action-info-block .action-info-block-actions,
.new-year-gift-landing-layout .action-info .action-info-block .action-info-block-actions,
.homme-femme-formula-layout .action-info .action-info-block .action-info-block-actions {
  display: flex;
  gap: 14px;
}
.about-landing-layout .action-info .action-info-block .action-info-block-actions a,
.certificates-landing-layout .action-info .action-info-block .action-info-block-actions a,
.contacts-landing-layout .action-info .action-info-block .action-info-block-actions a,
.essential-landing-layout .action-info .action-info-block .action-info-block-actions a,
.life-landing-layout .action-info .action-info-block .action-info-block-actions a,
.main-landing-layout .action-info .action-info-block .action-info-block-actions a,
.order-form-layout .action-info .action-info-block .action-info-block-actions a,
.partners-landing-layout .action-info .action-info-block .action-info-block-actions a,
.pro-landing-layout .action-info .action-info-block .action-info-block-actions a,
.product-landing-layout .action-info .action-info-block .action-info-block-actions a,
.science-landing-layout .action-info .action-info-block .action-info-block-actions a,
.checkup-container .action-info .action-info-block .action-info-block-actions a,
.checkups-container .action-info .action-info-block .action-info-block-actions a,
.checkups-group-container .action-info .action-info-block .action-info-block-actions a,
.cart-container .action-info .action-info-block .action-info-block-actions a,
.essential-landing-layout .action-info .action-info-block .action-info-block-actions a,
.essential-product-landing-layout .action-info .action-info-block .action-info-block-actions a,
.faq-landing-layout .action-info .action-info-block .action-info-block-actions a,
.nutritionist-landing-layout .action-info .action-info-block .action-info-block-actions a,
.testimonial-landing-layout .action-info .action-info-block .action-info-block-actions a,
.payments-landing-layout .action-info .action-info-block .action-info-block-actions a,
.rem--sale .action-info .action-info-block .action-info-block-actions a,
.food-allergy-landing-layout .action-info .action-info-block .action-info-block-actions a,
.small-banner-layout .action-info .action-info-block .action-info-block-actions a,
.checkout-payment .action-info .action-info-block .action-info-block-actions a,
.agents-layout .action-info .action-info-block .action-info-block-actions a,
.go-layout .action-info .action-info-block .action-info-block-actions a,
.media-landing-layout .action-info .action-info-block .action-info-block-actions a,
.btt-layout .action-info .action-info-block .action-info-block-actions a,
.feedback-landing-layout .action-info .action-info-block .action-info-block-actions a,
.from-event-landing-layout .action-info .action-info-block .action-info-block-actions a,
.new-year-gift-landing-layout .action-info .action-info-block .action-info-block-actions a,
.homme-femme-formula-layout .action-info .action-info-block .action-info-block-actions a {
  width: 50%;
  padding-right: 12px;
  padding-left: 12px;
  max-width: none;
}
.about-landing-layout .action-info-sm,
.certificates-landing-layout .action-info-sm,
.contacts-landing-layout .action-info-sm,
.essential-landing-layout .action-info-sm,
.life-landing-layout .action-info-sm,
.main-landing-layout .action-info-sm,
.order-form-layout .action-info-sm,
.partners-landing-layout .action-info-sm,
.pro-landing-layout .action-info-sm,
.product-landing-layout .action-info-sm,
.science-landing-layout .action-info-sm,
.checkup-container .action-info-sm,
.checkups-container .action-info-sm,
.checkups-group-container .action-info-sm,
.cart-container .action-info-sm,
.essential-landing-layout .action-info-sm,
.essential-product-landing-layout .action-info-sm,
.faq-landing-layout .action-info-sm,
.nutritionist-landing-layout .action-info-sm,
.testimonial-landing-layout .action-info-sm,
.payments-landing-layout .action-info-sm,
.rem--sale .action-info-sm,
.food-allergy-landing-layout .action-info-sm,
.small-banner-layout .action-info-sm,
.checkout-payment .action-info-sm,
.agents-layout .action-info-sm,
.go-layout .action-info-sm,
.media-landing-layout .action-info-sm,
.btt-layout .action-info-sm,
.feedback-landing-layout .action-info-sm,
.from-event-landing-layout .action-info-sm,
.new-year-gift-landing-layout .action-info-sm,
.homme-femme-formula-layout .action-info-sm {
  flex-direction: column-reverse;
}
.about-landing-layout .action-info-sm .action-info-block,
.certificates-landing-layout .action-info-sm .action-info-block,
.contacts-landing-layout .action-info-sm .action-info-block,
.essential-landing-layout .action-info-sm .action-info-block,
.life-landing-layout .action-info-sm .action-info-block,
.main-landing-layout .action-info-sm .action-info-block,
.order-form-layout .action-info-sm .action-info-block,
.partners-landing-layout .action-info-sm .action-info-block,
.pro-landing-layout .action-info-sm .action-info-block,
.product-landing-layout .action-info-sm .action-info-block,
.science-landing-layout .action-info-sm .action-info-block,
.checkup-container .action-info-sm .action-info-block,
.checkups-container .action-info-sm .action-info-block,
.checkups-group-container .action-info-sm .action-info-block,
.cart-container .action-info-sm .action-info-block,
.essential-landing-layout .action-info-sm .action-info-block,
.essential-product-landing-layout .action-info-sm .action-info-block,
.faq-landing-layout .action-info-sm .action-info-block,
.nutritionist-landing-layout .action-info-sm .action-info-block,
.testimonial-landing-layout .action-info-sm .action-info-block,
.payments-landing-layout .action-info-sm .action-info-block,
.rem--sale .action-info-sm .action-info-block,
.food-allergy-landing-layout .action-info-sm .action-info-block,
.small-banner-layout .action-info-sm .action-info-block,
.checkout-payment .action-info-sm .action-info-block,
.agents-layout .action-info-sm .action-info-block,
.go-layout .action-info-sm .action-info-block,
.media-landing-layout .action-info-sm .action-info-block,
.btt-layout .action-info-sm .action-info-block,
.feedback-landing-layout .action-info-sm .action-info-block,
.from-event-landing-layout .action-info-sm .action-info-block,
.new-year-gift-landing-layout .action-info-sm .action-info-block,
.homme-femme-formula-layout .action-info-sm .action-info-block {
  width: 100%;
  padding: 30px;
}
.about-landing-layout .action-info-sm .action-info__image,
.certificates-landing-layout .action-info-sm .action-info__image,
.contacts-landing-layout .action-info-sm .action-info__image,
.essential-landing-layout .action-info-sm .action-info__image,
.life-landing-layout .action-info-sm .action-info__image,
.main-landing-layout .action-info-sm .action-info__image,
.order-form-layout .action-info-sm .action-info__image,
.partners-landing-layout .action-info-sm .action-info__image,
.pro-landing-layout .action-info-sm .action-info__image,
.product-landing-layout .action-info-sm .action-info__image,
.science-landing-layout .action-info-sm .action-info__image,
.checkup-container .action-info-sm .action-info__image,
.checkups-container .action-info-sm .action-info__image,
.checkups-group-container .action-info-sm .action-info__image,
.cart-container .action-info-sm .action-info__image,
.essential-landing-layout .action-info-sm .action-info__image,
.essential-product-landing-layout .action-info-sm .action-info__image,
.faq-landing-layout .action-info-sm .action-info__image,
.nutritionist-landing-layout .action-info-sm .action-info__image,
.testimonial-landing-layout .action-info-sm .action-info__image,
.payments-landing-layout .action-info-sm .action-info__image,
.rem--sale .action-info-sm .action-info__image,
.food-allergy-landing-layout .action-info-sm .action-info__image,
.small-banner-layout .action-info-sm .action-info__image,
.checkout-payment .action-info-sm .action-info__image,
.agents-layout .action-info-sm .action-info__image,
.go-layout .action-info-sm .action-info__image,
.media-landing-layout .action-info-sm .action-info__image,
.btt-layout .action-info-sm .action-info__image,
.feedback-landing-layout .action-info-sm .action-info__image,
.from-event-landing-layout .action-info-sm .action-info__image,
.new-year-gift-landing-layout .action-info-sm .action-info__image,
.homme-femme-formula-layout .action-info-sm .action-info__image {
  width: 100%;
}
.about-landing-layout .action-info-xs,
.certificates-landing-layout .action-info-xs,
.contacts-landing-layout .action-info-xs,
.essential-landing-layout .action-info-xs,
.life-landing-layout .action-info-xs,
.main-landing-layout .action-info-xs,
.order-form-layout .action-info-xs,
.partners-landing-layout .action-info-xs,
.pro-landing-layout .action-info-xs,
.product-landing-layout .action-info-xs,
.science-landing-layout .action-info-xs,
.checkup-container .action-info-xs,
.checkups-container .action-info-xs,
.checkups-group-container .action-info-xs,
.cart-container .action-info-xs,
.essential-landing-layout .action-info-xs,
.essential-product-landing-layout .action-info-xs,
.faq-landing-layout .action-info-xs,
.nutritionist-landing-layout .action-info-xs,
.testimonial-landing-layout .action-info-xs,
.payments-landing-layout .action-info-xs,
.rem--sale .action-info-xs,
.food-allergy-landing-layout .action-info-xs,
.small-banner-layout .action-info-xs,
.checkout-payment .action-info-xs,
.agents-layout .action-info-xs,
.go-layout .action-info-xs,
.media-landing-layout .action-info-xs,
.btt-layout .action-info-xs,
.feedback-landing-layout .action-info-xs,
.from-event-landing-layout .action-info-xs,
.new-year-gift-landing-layout .action-info-xs,
.homme-femme-formula-layout .action-info-xs {
  flex-direction: column-reverse;
}
.about-landing-layout .action-info-xs .action-info-block,
.certificates-landing-layout .action-info-xs .action-info-block,
.contacts-landing-layout .action-info-xs .action-info-block,
.essential-landing-layout .action-info-xs .action-info-block,
.life-landing-layout .action-info-xs .action-info-block,
.main-landing-layout .action-info-xs .action-info-block,
.order-form-layout .action-info-xs .action-info-block,
.partners-landing-layout .action-info-xs .action-info-block,
.pro-landing-layout .action-info-xs .action-info-block,
.product-landing-layout .action-info-xs .action-info-block,
.science-landing-layout .action-info-xs .action-info-block,
.checkup-container .action-info-xs .action-info-block,
.checkups-container .action-info-xs .action-info-block,
.checkups-group-container .action-info-xs .action-info-block,
.cart-container .action-info-xs .action-info-block,
.essential-landing-layout .action-info-xs .action-info-block,
.essential-product-landing-layout .action-info-xs .action-info-block,
.faq-landing-layout .action-info-xs .action-info-block,
.nutritionist-landing-layout .action-info-xs .action-info-block,
.testimonial-landing-layout .action-info-xs .action-info-block,
.payments-landing-layout .action-info-xs .action-info-block,
.rem--sale .action-info-xs .action-info-block,
.food-allergy-landing-layout .action-info-xs .action-info-block,
.small-banner-layout .action-info-xs .action-info-block,
.checkout-payment .action-info-xs .action-info-block,
.agents-layout .action-info-xs .action-info-block,
.go-layout .action-info-xs .action-info-block,
.media-landing-layout .action-info-xs .action-info-block,
.btt-layout .action-info-xs .action-info-block,
.feedback-landing-layout .action-info-xs .action-info-block,
.from-event-landing-layout .action-info-xs .action-info-block,
.new-year-gift-landing-layout .action-info-xs .action-info-block,
.homme-femme-formula-layout .action-info-xs .action-info-block {
  width: 100%;
  padding: 30px;
}
.about-landing-layout .action-info-xs .action-info-block .action-info-block-actions,
.certificates-landing-layout .action-info-xs .action-info-block .action-info-block-actions,
.contacts-landing-layout .action-info-xs .action-info-block .action-info-block-actions,
.essential-landing-layout .action-info-xs .action-info-block .action-info-block-actions,
.life-landing-layout .action-info-xs .action-info-block .action-info-block-actions,
.main-landing-layout .action-info-xs .action-info-block .action-info-block-actions,
.order-form-layout .action-info-xs .action-info-block .action-info-block-actions,
.partners-landing-layout .action-info-xs .action-info-block .action-info-block-actions,
.pro-landing-layout .action-info-xs .action-info-block .action-info-block-actions,
.product-landing-layout .action-info-xs .action-info-block .action-info-block-actions,
.science-landing-layout .action-info-xs .action-info-block .action-info-block-actions,
.checkup-container .action-info-xs .action-info-block .action-info-block-actions,
.checkups-container .action-info-xs .action-info-block .action-info-block-actions,
.checkups-group-container .action-info-xs .action-info-block .action-info-block-actions,
.cart-container .action-info-xs .action-info-block .action-info-block-actions,
.essential-landing-layout .action-info-xs .action-info-block .action-info-block-actions,
.essential-product-landing-layout .action-info-xs .action-info-block .action-info-block-actions,
.faq-landing-layout .action-info-xs .action-info-block .action-info-block-actions,
.nutritionist-landing-layout .action-info-xs .action-info-block .action-info-block-actions,
.testimonial-landing-layout .action-info-xs .action-info-block .action-info-block-actions,
.payments-landing-layout .action-info-xs .action-info-block .action-info-block-actions,
.rem--sale .action-info-xs .action-info-block .action-info-block-actions,
.food-allergy-landing-layout .action-info-xs .action-info-block .action-info-block-actions,
.small-banner-layout .action-info-xs .action-info-block .action-info-block-actions,
.checkout-payment .action-info-xs .action-info-block .action-info-block-actions,
.agents-layout .action-info-xs .action-info-block .action-info-block-actions,
.go-layout .action-info-xs .action-info-block .action-info-block-actions,
.media-landing-layout .action-info-xs .action-info-block .action-info-block-actions,
.btt-layout .action-info-xs .action-info-block .action-info-block-actions,
.feedback-landing-layout .action-info-xs .action-info-block .action-info-block-actions,
.from-event-landing-layout .action-info-xs .action-info-block .action-info-block-actions,
.new-year-gift-landing-layout .action-info-xs .action-info-block .action-info-block-actions,
.homme-femme-formula-layout .action-info-xs .action-info-block .action-info-block-actions {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.about-landing-layout .action-info-xs .action-info-block .action-info-block-actions a,
.certificates-landing-layout .action-info-xs .action-info-block .action-info-block-actions a,
.contacts-landing-layout .action-info-xs .action-info-block .action-info-block-actions a,
.essential-landing-layout .action-info-xs .action-info-block .action-info-block-actions a,
.life-landing-layout .action-info-xs .action-info-block .action-info-block-actions a,
.main-landing-layout .action-info-xs .action-info-block .action-info-block-actions a,
.order-form-layout .action-info-xs .action-info-block .action-info-block-actions a,
.partners-landing-layout .action-info-xs .action-info-block .action-info-block-actions a,
.pro-landing-layout .action-info-xs .action-info-block .action-info-block-actions a,
.product-landing-layout .action-info-xs .action-info-block .action-info-block-actions a,
.science-landing-layout .action-info-xs .action-info-block .action-info-block-actions a,
.checkup-container .action-info-xs .action-info-block .action-info-block-actions a,
.checkups-container .action-info-xs .action-info-block .action-info-block-actions a,
.checkups-group-container .action-info-xs .action-info-block .action-info-block-actions a,
.cart-container .action-info-xs .action-info-block .action-info-block-actions a,
.essential-landing-layout .action-info-xs .action-info-block .action-info-block-actions a,
.essential-product-landing-layout .action-info-xs .action-info-block .action-info-block-actions a,
.faq-landing-layout .action-info-xs .action-info-block .action-info-block-actions a,
.nutritionist-landing-layout .action-info-xs .action-info-block .action-info-block-actions a,
.testimonial-landing-layout .action-info-xs .action-info-block .action-info-block-actions a,
.payments-landing-layout .action-info-xs .action-info-block .action-info-block-actions a,
.rem--sale .action-info-xs .action-info-block .action-info-block-actions a,
.food-allergy-landing-layout .action-info-xs .action-info-block .action-info-block-actions a,
.small-banner-layout .action-info-xs .action-info-block .action-info-block-actions a,
.checkout-payment .action-info-xs .action-info-block .action-info-block-actions a,
.agents-layout .action-info-xs .action-info-block .action-info-block-actions a,
.go-layout .action-info-xs .action-info-block .action-info-block-actions a,
.media-landing-layout .action-info-xs .action-info-block .action-info-block-actions a,
.btt-layout .action-info-xs .action-info-block .action-info-block-actions a,
.feedback-landing-layout .action-info-xs .action-info-block .action-info-block-actions a,
.from-event-landing-layout .action-info-xs .action-info-block .action-info-block-actions a,
.new-year-gift-landing-layout .action-info-xs .action-info-block .action-info-block-actions a,
.homme-femme-formula-layout .action-info-xs .action-info-block .action-info-block-actions a {
  width: 100%;
  padding-right: 12px;
  padding-left: 12px;
  max-width: none;
}
.about-landing-layout .action-info-xs .action-info__image,
.certificates-landing-layout .action-info-xs .action-info__image,
.contacts-landing-layout .action-info-xs .action-info__image,
.essential-landing-layout .action-info-xs .action-info__image,
.life-landing-layout .action-info-xs .action-info__image,
.main-landing-layout .action-info-xs .action-info__image,
.order-form-layout .action-info-xs .action-info__image,
.partners-landing-layout .action-info-xs .action-info__image,
.pro-landing-layout .action-info-xs .action-info__image,
.product-landing-layout .action-info-xs .action-info__image,
.science-landing-layout .action-info-xs .action-info__image,
.checkup-container .action-info-xs .action-info__image,
.checkups-container .action-info-xs .action-info__image,
.checkups-group-container .action-info-xs .action-info__image,
.cart-container .action-info-xs .action-info__image,
.essential-landing-layout .action-info-xs .action-info__image,
.essential-product-landing-layout .action-info-xs .action-info__image,
.faq-landing-layout .action-info-xs .action-info__image,
.nutritionist-landing-layout .action-info-xs .action-info__image,
.testimonial-landing-layout .action-info-xs .action-info__image,
.payments-landing-layout .action-info-xs .action-info__image,
.rem--sale .action-info-xs .action-info__image,
.food-allergy-landing-layout .action-info-xs .action-info__image,
.small-banner-layout .action-info-xs .action-info__image,
.checkout-payment .action-info-xs .action-info__image,
.agents-layout .action-info-xs .action-info__image,
.go-layout .action-info-xs .action-info__image,
.media-landing-layout .action-info-xs .action-info__image,
.btt-layout .action-info-xs .action-info__image,
.feedback-landing-layout .action-info-xs .action-info__image,
.from-event-landing-layout .action-info-xs .action-info__image,
.new-year-gift-landing-layout .action-info-xs .action-info__image,
.homme-femme-formula-layout .action-info-xs .action-info__image {
  width: 100%;
}

main.main {
  display: block;
}

img {
  max-width: 100%;
}

.hero__subtitle__item__text {
  font-size: 20px;
  font-weight: 400;
}
.hero__subtitle__item__text-sm {
  font-size: 18px;
}
.hero__subtitle__item__text-xs {
  text-align: left;
  font-size: 16px;
  font-weight: 400;
}

.hero__btns-grid {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  grid-template-rows: auto;
  grid-template-columns: auto auto;
  grid-auto-columns: 1fr;
  display: grid;
}
.hero__btns-grid-xs {
  grid-template-columns: auto;
}

.hero__subtitle__item__icon {
  color: #202020;
  margin-right: 12px;
}

.w-radio-input {
  float: left;
  margin: 3px 0 0 -20px;
  line-height: normal;
}

.w-form-formradioinput--inputType-custom {
  width: 12px;
  height: 12px;
  border: 1px solid #ccc;
  border-radius: 50%;
}

.swich-get__radio-btn {
  width: 24px;
  height: 24px;
  cursor: pointer;
  background-color: transparent;
  border-color: #202020;
  border-radius: 100px;
  flex: none;
  margin-top: 0;
  margin-right: 16px;
  transition: all 0.1s;
  box-shadow: inset 0 0 0 4px #fff;
}

.buy-card__text--15 {
  color: #e2e9ee;
  border-bottom: 1px #4e4e4e;
  margin-top: 0;
  margin-bottom: 8px;
  padding-bottom: 0;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.2;
  overflow: visible;
}

.life-hero__img {
  z-index: -1;
  max-width: 80%;
  object-fit: fill;
  object-position: 50% 100%;
  position: absolute;
  left: auto;
  right: -200px;
}
.life-hero__img-sm {
  width: 75%;
  right: -100px;
}
.life-hero__img-xs {
  width: 100%;
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  right: 0;
  display: block;
}

section {
  padding: 0;
}

.g-a {
  grid-area: Area;
}

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

.max-w-800 {
  max-width: 800px;
}

h4 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.5;
}

li {
  margin-bottom: 8px;
}

.text--18 {
  font-size: 16px;
}
.text--18-xs {
  font-size: 14px;
}

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

ul,
ol {
  margin-top: 0;
  margin-bottom: 10px;
  padding-left: 40px;
}

ul {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 20px;
  display: grid;
}

.buy-card__text--14,
.li--fontsize-14 {
  color: #e2e9ee;
  font-size: 14px;
}

li {
  unicode-bidi: isolate !important;
  font-variant-numeric: tabular-nums !important;
  text-transform: none !important;
  text-indent: 0px !important;
  text-align: start !important;
  text-align-last: start !important;
}

li::marker {
  unicode-bidi: isolate !important;
  font-variant-numeric: tabular-nums !important;
  text-transform: none !important;
  text-indent: 0px !important;
  text-align: start !important;
  text-align-last: start !important;
}

.list-item {
  margin-bottom: 4px;
  font-size: 14px;
}

.buy-card__subtitle--16 {
  color: #829099;
  margin-top: 6px;
  margin-bottom: 16px;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.2;
}

.common-sidenav {
  z-index: 10000;
  position: fixed;
  width: 80%;
  padding-top: 62px;
  padding-left: 20px;
  padding-right: 20px;
}
.common-sidenav ul li {
  padding: 16px;
}

.container-640 {
  z-index: 10;
  width: 100%;
  max-width: 640px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.container-920 {
  z-index: 10;
  width: 100%;
  max-width: 920px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.container-1240 {
  z-index: 10;
  width: 100%;
  max-width: 1240px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.container-1044 {
  z-index: 10;
  width: 100%;
  max-width: 1044px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.span__bioniq {
  letter-spacing: 0;
  text-transform: uppercase;
  font-family: bqlogo, sans-serif;
  font-size: 100%;
  font-weight: 400;
}

.section-80 {
  padding: 80px 24px;
  font-size: 18px;
  position: relative;
  box-sizing: border-box;
}
.section-80-xs {
  padding-top: 64px;
  padding-bottom: 64px;
}

.gradient--grey-top {
  background-image: linear-gradient(#fff, #eef3f8);
}

.new-content {
  z-index: 2;
  width: 100%;
  max-width: 1080px;
  justify-content: space-around;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.partner-area__single {
  width: 200px;
}

.swiper-slide {
  flex-shrink: 0;
  position: relative;
  transition-property: transform;
  width: 33%;
  height: auto;
}
.swiper-slide-sm {
  width: 50%;
}
.swiper-slide-xs {
  width: 100%;
}

.testim-slide {
  text-align: center;
  background-color: #fff;
  border-radius: 32px;
  flex-direction: column;
  align-items: center;
  padding-bottom: 24px;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
  box-shadow: 0 8px 24px -8px rgba(0, 0, 0, 0.05);
  box-sizing: content-box;
}

.testim-slide-ava {
  width: 100px;
  border-radius: 100px;
  margin-top: -40px;
  margin-bottom: 24px;
}

.testim-slide-name {
  margin-bottom: 16px;
  font-size: 20px;
  font-weight: 500;
}

.testim-slide-subt {
  color: #829099;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: 16px;
  font-size: 12px;
}

.testim-slide-text {
  font-size: 14px;
}

.swiper-container {
  flex-wrap: nowrap;
  padding-top: 80px;
  padding-bottom: 48px;
  display: flex;
}
.swiper-container-xs {
  padding-top: 40px;
}

.no-improvements__2col--grid {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 80px;
  display: grid;
}
.no-improvements__2col--grid-xs {
  display: flex;
  flex-direction: column-reverse;
  margin-top: 0;
}

.div-block-4 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  display: flex;
}

.div-block-4-img-block {
  background-image: url("https://files.bioniq.ru/bioniq-ru/images/shvartz3-2.webp");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  border-radius: 12px;
  min-height: 350px;
}

.block--new {
  background-color: #fff;
  border: 1px solid #c9d6e4;
  border-radius: 12px;
  min-height: 337px;
  height: auto;
  padding: 40px 20px;
}
.block--new-xs {
  min-height: auto;
}
.block--new-sm {
  min-height: auto;
}
.block--new_text-xs {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
}

.block--new.what-next-block {
  padding: 60px 32px 30px;
}

.bg--white {
  background-color: rgba(255, 255, 255, 0.4);
  padding: 24px;
}

.number-text {
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 16px;
  line-height: 1.3;
  display: flex;
}
.number-text-xs {
  flex-direction: column;
}

.number-text.mb-20 {
  margin-bottom: 20px;
}

.number-text.mt--60 {
  margin-top: 60px;
}

.image-6 {
  border-radius: 12px;
}

.monitoring-system__2col--grid {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.25fr;
  grid-auto-columns: 1fr;
  margin-top: 80px;
  display: grid;
}
.monitoring-system__2col--grid-xs {
  flex-direction: column;
  margin-top: 40px;
  display: flex;
}

.monitoring-system__content {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  display: flex;
}

.monitoring-system__image {
  position: sticky;
  top: 50px;
}

.monitoring-system__content__item {
  background-color: #fff;
  border: 1px solid #c9d6e4;
  border-radius: 12px;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 0;
  padding: 20px;
  line-height: 1;
  display: flex;
}

.monitoring-system__content__image {
  height: 42px;
  margin-bottom: 0;
}
.monitoring-system__content__image-xs {
  height: 32px;
}

.ml--13 {
  margin-left: 13px;
  line-height: 1;
}
.weight--400 {
  font-weight: 400;
  line-height: 1.4;
}

.step {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
  position: relative;
}

.step--text {
  min-width: 78px;
  text-align: center;
  background-color: #fff;
  border-radius: 8px;
  margin-top: 12px;
  margin-left: 12px;
  padding: 4px 16px;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: auto;
}

.hiw-card {
  padding-top: 315px;
  padding-left: 20px;
  padding-right: 20px;
}

.hiw-card.hiw-bg1 {
  background-image: url("https://files.bioniq.ru/bioniq-ru/images/how_it_works_step_1.png");
  background-position: 50%;
  background-size: cover;
  align-items: flex-start;
}

.hiw-card.hiw-bg2 {
  background-image: url("https://files.bioniq.ru/bioniq-ru/images/how_it_works_step_2.webp");
  background-position: 50%;
  background-size: cover;
  align-items: flex-start;
}

.hiw-card.hiw-bg3 {
  background-image: url("https://files.bioniq.ru/bioniq-ru/images/taking_blood.webp");
  background-image: url("https://files.bioniq.ru/bioniq-ru/images/taking_blood-2.webp");
  background-position: 50%;
  background-size: cover;
  align-items: flex-start;
}

.testim-slide.hiw-card.hiw-bg4 {
  background-image: url("https://files.bioniq.ru/bioniq-ru/images/how_it_works_step_4.webp");
  background-position: 50%;
  background-size: cover;
  align-items: flex-start;
}

.testim-slide.hiw-card.hiw-bg5 {
  background-image: url("https://files.bioniq.ru/bioniq-ru/images/11233321_res.webp");
  background-position: 50%;
  background-size: cover;
  align-items: flex-start;
}

.testim-slide-name.hiw-name {
  color: #fff;
  text-align: left;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.2;
}

.hiw-text {
  color: #fff;
  text-align: left;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.2;
}

.section--black {
  object-position: 50% 50%;
  background-color: #14100e;
  border-radius: 12px;
  padding: 20px 24px 100px;
}

.section--white {
  object-position: 50% 50%;
  background-color: #fff;
  border-radius: 12px;
  padding: 20px 24px 100px;
}

.section--grey {
  object-position: 50% 50%;
  background-image: linear-gradient(#fff, #f0f4f7);
  border-radius: 12px;
  padding: 20px 24px 100px;
}

.what-next {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 0.5fr 1.5fr;
  grid-auto-columns: 1fr;
  margin-top: 80px;
  display: grid;
}
.what-next-sm {
  margin-top: 40px;
}
.what-next-xs {
  flex-direction: column-reverse;
  margin-top: 20px;
  display: flex;
}

.what-next__image {
  height: 100%;
  background-image: url("https://files.bioniq.ru/bioniq-ru/images/granules-new.jpg");
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  border-radius: 12px;
  padding: 40px 20px;
}
.what-next__image-xs {
  min-height: 200px;
  background-position: 50% 30%;
  background-size: cover;
}

.grad-black {
  background-image: linear-gradient(106deg, #342f32 7.6%, #342f32 99%);
}

.what-next__block {
  padding: 60px 32px 30px;
}

.text--28 {
  padding-bottom: 8px;
  font-size: 28px;
  line-height: 1.2;
}
.text--28-sm {
  font-size: 24px;
}
.text--28-xs {
  font-weight: 400;
  font-size: 20px;
}

.text--28.weight-400 {
  font-weight: 400;
}

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

.life-you-can-line {
  display: flex;
}

._2col--grid {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}
._2col--grid-xs {
  flex-direction: column-reverse;
  display: flex;
}

.mod--grad-rose {
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(95deg, #c496ff 11%, #ffa25f);
  -webkit-background-clip: text;
  background-clip: text;
}

.max-width--300 {
  max-width: 300px;
}

.image-4 {
  height: 60px;
  margin-bottom: 50px;
}
.image-4-xs {
  margin-bottom: 16px;
}

.rich--16 {
  font-size: 16px;
}
.rich--16-xs {
  font-size: 12px;
}

.granules__img {
  height: 75%;
  background-image: url("https://files.bioniq.ru/bioniq-ru/images/ff_granules_white_fixed.png");
  background-position: 50% 90%;
  background-size: cover;
  border-radius: 12px;
}
.granules__img-xs {
  min-height: 300px;
  background-position: 50% 70%;
  background-repeat: no-repeat;
  background-size: cover;
}

.granules__img {
  object-fit: fill;
}

.buy--grid {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template: "Area" "Area"/1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  margin-top: 80px;
  display: grid;
}
.buy--grid-sm {
  flex-direction: column;
  grid-template: "Area Area Area-2 Area-2 Area-3 Area-3" ".Area-4 Area-4 Area-5 Area-5." ". . . . . ."/1fr 1fr 1fr 1fr 1fr 1fr;
  margin-top: 40px;
  display: flex;
  align-items: center;
}
.buy--grid-xs {
  flex-direction: column;
  grid-template: "Area Area Area-2 Area-2 Area-3 Area-3" ".Area-4 Area-4 Area-5 Area-5." ". . . . . ."/1fr 1fr 1fr 1fr 1fr 1fr;
  margin-top: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.buy--grid-onlySmalls {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template: "a" "a"/1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  margin-top: 80px;
  display: inline-grid;
  text-align: left;
}
.buy--grid-onlySmalls-sm {
  flex-direction: column;
  margin-top: 40px;
  display: flex;
  align-items: center;
}
.buy--grid-onlySmalls-xs {
  flex-direction: column;
  margin-top: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}

@media screen and (min-width: 1280px) {
  .buy--grid {
    grid-template-rows: auto auto;
    grid-template-areas: "Area" "Area";
  }
}
.black-card {
  cursor: default;
  background-image: linear-gradient(106deg, #342f32 7.6%, #282526 99%);
  border-radius: 12px;
  flex-direction: column;
  justify-content: space-between;
  padding: 20px;
  display: flex;
}
.black-card-sm {
  width: 100%;
  max-width: 550px;
}
.white-card {
  cursor: default;
  background-color: white;
  border-radius: 12px;
  flex-direction: column;
  justify-content: space-between;
  gap: 16px;
  padding: 20px;
  display: flex;
  box-shadow: 0 0 32px rgba(0, 0, 0, 0.1);
  padding-bottom: 12px;
}
.white-card-sm {
  width: 100%;
  max-width: 550px;
}
.section--grey .heading-24 {
  margin-bottom: 0;
}

.white-card,
.example-card {
  background-color: white;
}
.white-card .vigodniy--text,
.example-card .vigodniy--text {
  top: -34px;
  color: #f65f43;
  background-color: white;
  border: 1px solid #f65f43;
}
.white-card .buy-card__header-block,
.example-card .buy-card__header-block {
  align-items: center;
}
.white-card .buy-card__header-block .heading-19,
.example-card .buy-card__header-block .heading-19 {
  margin-bottom: 0;
}
.white-card .buy-card__image,
.example-card .buy-card__image {
  height: 40px;
  padding-right: 16px;
  margin-bottom: 0;
}
.white-card .buy-card__content,
.example-card .buy-card__content {
  background-color: #f0f4f7;
  border-radius: 12px;
  padding: 16px;
  text-align: left;
}
.white-card .buy-card__footer,
.example-card .buy-card__footer {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.white-card .buy-card__btn--orange,
.example-card .buy-card__btn--orange {
  width: 100%;
}
.white-card:hover .buy-card__btn--blue,
.example-card:hover .buy-card__btn--blue {
  color: #139aea;
  background-color: white;
  border-color: #139aea;
}
.white-card:hover .buy-card__btn--orange,
.example-card:hover .buy-card__btn--orange {
  color: #f67159;
  background-color: white;
  border-color: #f67159;
}

.buy-card__header {
  padding-top: 0;
}

.buy-card__header-block {
  display: flex;
}

.buy-card__image {
  height: 24px;
  margin-bottom: 16px;
  padding-right: 8px;
}

.buy-card__checkup_icon {
  height: 24px;
  padding-right: 8px;
}

.buy-card__text--16 {
  color: #e2e9ee;
  border-bottom: 1px #4e4e4e;
  margin-top: 0;
  margin-bottom: 16px;
  padding-bottom: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.2;
  overflow: visible;
}

.mod--btm-underline {
  border-bottom: 1px solid #4e4e4e;
  margin-bottom: 8px;
  padding-bottom: 8px;
}

.buy-card__text--18 {
  color: #e2e9ee;
  border-bottom: 1px #4e4e4e;
  margin-top: 0;
  margin-bottom: 16px;
  padding-bottom: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.2;
}
.buy-card__text--18-sm {
  font-size: 16px;
}
.buy-card__text--18-xs {
  font-size: 14px;
}

.sell-card-actions {
  display: flex;
  gap: 8px;
}
.sell-card-actions .buy-card__footer {
  width: 50%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}

.li--fontsize-15 {
  color: #e2e9ee;
  border-bottom: 1px #4e4e4e;
  margin-top: 0;
  margin-bottom: 16px;
  padding-bottom: 0;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.2;
  display: block;
  list-style: disc;
  padding-left: 20px;
}
.li--fontsize-15-xs {
  font-size: 11px;
}

.tooltip-trigger {
  cursor: pointer;
  display: block;
  position: relative;
}

.buy-card__subtitle--18 {
  color: #829099;
  margin-top: 0;
  margin-bottom: 24px;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.2;
}
.buy-card__subtitle--18-xs {
  margin-bottom: 10px;
  font-size: 14px;
}

.buy-card__btn {
  width: 100%;
  color: #fff;
  text-align: center;
  cursor: pointer;
  background-color: transparent;
  border: 1px solid #fff;
  border-radius: 50px;
  padding: 0 30px 8px;
  font-size: 24px;
  line-height: 1.2;
  transition: color 0.5s, background-color 0.5s;
}
.buy-card__btn:hover {
  color: rgb(32, 32, 32);
  background-color: rgb(255, 255, 255);
}

.buy-btn_text--14 {
  align-self: auto;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.2;
  display: inline;
}

.ym-goal-life-buy-btn {
  cursor: pointer;
}

.mod-grad {
  background-image: linear-gradient(106deg, #3f383c 7.6%, #3e3739 99.7%);
  justify-content: center;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-right: 0;
}

.div-block-3 {
  flex: 1;
  justify-content: flex-start;
  align-self: flex-start;
  align-items: center;
  line-height: 1;
  display: flex;
}

.blue-card {
  background-color: #d3edfc;
  border-radius: 12px;
  flex-direction: column;
  justify-content: space-between;
  padding: 20px;
  display: flex;
}
.blue-card-sm {
  width: 100%;
  max-width: 550px;
}
.vigodniy {
  position: relative;
}

.vigodniy-sale .vigodniy--text {
  display: flex;
  gap: 8px;
  align-items: center;
}

.vigodniy--text {
  color: #fff;
  background-color: #0781ca;
  border: 8px solid #202020;
  border-radius: 100px;
  padding: 4px 12px;
  font-size: 14px;
  position: absolute;
  top: -40px;
  bottom: auto;
  left: auto;
  right: 0%;
}

.text-span-3 {
  color: #0781ca;
}

.mod-grad2 {
  background-color: #fff5e8;
  background-image: none;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-right: 0;
}

.buy-card__btn--blue {
  width: 100%;
  color: #fff;
  text-align: center;
  background-color: #0781ca;
  border: 1px solid #0781ca;
  border-radius: 8px;
  padding: 0 30px 8px;
  font-size: 24px;
  line-height: 1.1;
  transition: color 0.2s, background-color 0.2s;
}
.buy-card__btn--blue:hover {
  background-color: #139aea;
  border-color: #139aea;
}

.buy-btn_inline_text {
  justify-content: center;
  padding-bottom: 4px;
  display: flex;
}

.strikethrought {
  flex: 0 auto;
  text-decoration: line-through;
}

.swiss-block {
  justify-content: space-between;
  align-items: flex-start;
  line-height: 1;
  display: flex;
}

.base-checkup {
  grid-area: Area;
}

.base-life-sub {
  grid-area: span 1/span 1/span 1/span 1;
}

.link-underline {
  cursor: pointer;
  text-decoration: underline;
  text-decoration-color: black;
  transition: text-decoration-color 0.2s;
}
.link-underline:hover {
  text-decoration-color: transparent;
}

.link-dashed {
  cursor: pointer;
  text-decoration: none;
  border-bottom: 1px dashed black;
  transition: all 0.2s ease-out;
}
.link-dashed-orange {
  border-bottom: 1px dashed #f65f43;
}
.link-dashed:hover {
  border-bottom: 1px dashed transparent;
}

.section-60 {
  padding: 60px 24px;
}

.btn--v2 {
  height: -moz-fit-content;
  height: fit-content;
  z-index: 10;
  min-width: 240px;
  color: #fff;
  text-align: center;
  background-color: #1c1f22;
  background-image: linear-gradient(135deg, #1c1f22, #0c0c0c);
  border-radius: 72px;
  padding: 16px 32px;
  font-size: 15px;
  font-weight: 500;
  transition: box-shadow 0.2s, color 0.2s;
  display: inline-block;
  position: relative;
  box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.08), 0 4px 4px rgba(0, 0, 0, 0.12), 0 8px 12px rgba(0, 0, 0, 0.1);
  margin-left: auto;
  margin-right: auto;
}
.btn--v2:hover {
  color: rgba(255, 255, 255, 0.6);
  box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.08);
  cursor: pointer;
}
.btn--v2:disabled {
  color: rgba(255, 255, 255, 0.6);
  box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.08);
  cursor: not-allowed;
}

.btn__border-w {
  background-color: transparent;
  background-image: none;
  border: 1px solid #fff;
}

.btn--v2.btn__border-w.mob--play-ico {
  justify-content: center;
  align-items: center;
  display: flex;
}

.btn--v2__play-ico {
  margin-right: 16px;
}

.life-contacts {
  align-items: center;
}
.life-contacts .caption {
  font-style: normal;
  font-weight: 500;
  font-size: 56px;
  line-height: 120%;
  text-align: center;
  letter-spacing: 0.02em;
}
.life-contacts .subcaption {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 140%;
  text-align: center;
}
.life-contacts .icons {
  display: flex;
  gap: 12px;
  justify-content: center;
}
.life-contacts .icons a {
  transition: all 0.2s;
}
.life-contacts .icons a img {
  height: 40px;
  width: 40px;
}
.life-contacts .icons a:hover {
  cursor: pointer;
  transform: scale(130%);
}
.life-contacts .icons-sm {
  gap: 12px;
}
.life-contacts .icons-xs {
  gap: 12px;
}
.life-contacts-xs {
  padding-left: 16px;
  padding-right: 16px;
  height: auto;
}
.life-contacts-xs .caption {
  font-style: normal;
  font-weight: 500;
  font-size: 36px;
  line-height: 120%;
  text-align: center;
  letter-spacing: 0.02em;
}
.life-contacts-xs .subcaption {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 140%;
  text-align: center;
  color: #000000;
  max-width: 343px;
}

.faq__dropdowns {
  width: 100%;
  margin-top: 40px;
}
.faq__dropdowns .faq__dropdown--new {
  color: #202020;
  text-align: left;
  background-color: transparent;
  border: 1px #000;
  border-bottom: 1px dashed #c9d6e4;
  border-radius: 0;
  margin-bottom: 0;
}
.faq__dropdowns .faq__dropdown--new-xs {
  padding-left: 20px;
  padding-right: 20px;
}
.faq__dropdowns .faq__dropdown--new-sm {
  padding-left: 20px;
  padding-right: 20px;
}
.faq__dropdowns .faq__dropdown-btn {
  min-height: 64px;
  text-align: left;
  justify-content: space-between;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 12px;
  padding-bottom: 12px;
  padding-right: 14px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5em;
  text-decoration: none;
  display: flex;
}
.faq__dropdowns .faq__dropdown-btn-xs {
  min-height: 60px;
  border-radius: 5px;
  padding-top: 16px;
  padding-bottom: 16px;
  padding-right: 10px;
}
.faq__dropdowns .faq__dropdown-title {
  max-width: 90%;
  flex: 0 auto;
  margin-right: 25px;
}
.faq__dropdowns .faq__dropdown-title-xs {
  font-size: 16px;
}
.faq__dropdowns .faq__dropdown-ico {
  width: 32px;
  height: 32px;
  object-fit: scale-down;
  flex: none;
  transition: all 0.2s;
  position: static;
}
.faq__dropdowns .faq__dropdown-ico-xs {
  width: 15px;
  height: 16px;
}
.faq__dropdowns .faq__dropdown-content {
  margin-bottom: 12px;
  padding-left: 20px;
  display: block;
  overflow: hidden;
}
.faq__dropdowns .faq__dropdown-content-xs {
  padding-left: 0;
}
.faq__dropdowns .total__modal-rich {
  grid-template-columns: 1fr 1fr 1fr;
  margin-top: 10px;
  margin-bottom: 32px;
  font-size: 14px;
}
.faq__dropdowns .total__modal-rich ul {
  list-style-type: disc;
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  padding-inline-start: 20px;
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  align-content: stretch;
  justify-content: stretch;
  display: grid;
}
.faq__dropdowns .total__modal-rich ul {
  max-width: 900px;
  grid-column-gap: 40px;
  grid-row-gap: 8px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}
.faq__dropdowns .total__modal-rich em {
  color: #818f99;
  font-size: 10px;
  font-style: normal;
  display: inline-block;
}
.faq__dropdowns .total__modal-rich-xs {
  font-size: 12px;
}
.faq__dropdowns .total__modal-rich-xs ul {
  display: block;
}
.faq__dropdowns .mod--remodal {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  object-fit: fill;
  flex: 0 auto;
}
.faq__dropdowns .faq__dropdown-text-2 {
  max-width: 900px;
  margin-bottom: 36px;
}
.faq__dropdowns ul.faq__dropdown-text-2 {
  list-style-type: disc;
}
.faq__dropdowns ul.faq__dropdown-text-2.numbers {
  list-style-type: decimal;
}
.faq__dropdowns .mod--medicheck-hero {
  margin-bottom: 22px;
  font-size: 14px;
}
.faq__dropdowns .life-new__get-list-title {
  margin-bottom: 16px;
  font-weight: 500;
  display: block;
}
.faq__dropdowns .faq__dropdown-ico.active {
  transform: rotate(45deg);
}

.block--new.no-improvements__card {
  flex-direction: column;
  justify-content: space-between;
  padding: 24px;
  line-height: 1.3;
  display: flex;
}

.which-vitamins {
  background-image: url("https://files.bioniq.ru/bioniq-ru/images/bg_tsts-2.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 12px;
  justify-content: flex-end;
  margin-top: 80px;
  display: flex;
}
.which-vitamins-sm {
  background-image: url("https://files.bioniq.ru/bioniq-ru/images/bg_tsts-2.webp");
  background-position: 50% 100%;
  background-size: cover;
  border-radius: 12px;
}
.which-vitamins-xs {
  background-image: url("https://files.bioniq.ru/bioniq-ru/images/bg_tsts-xs-2.webp");
  background-position: 50% 100%;
  background-size: cover;
  border-radius: 12px;
}

.which-vitamins__content {
  width: 45%;
  height: 100%;
  min-height: 450px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  padding-left: 16px;
  padding-right: 16px;
  display: flex;
  position: relative;
}
.which-vitamins__content-xs {
  width: 100%;
  justify-content: flex-end;
  padding: 430px 16px 8px;
  padding-top: 450px;
  padding-bottom: 8px;
}

.complex-its {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 80px;
  display: grid;
}
.complex-its-xs {
  flex-direction: column;
  margin-top: 40px;
  display: flex;
}

.complex-its-card {
  height: 100%;
  grid-column-gap: 20px;
  background-color: #eff3f8;
  border: 1px solid #c9d6e4;
  border-radius: 12px;
  flex-direction: row;
  display: flex;
  box-sizing: border-box;
  overflow: hidden;
}
.complex-its-card .complex-its-card_text {
  box-sizing: border-box;
  padding: 40px 20px 40px 10px;
}
.complex-its-card .complex-its_img-1 {
  width: 100%;
  max-width: 150px;
  min-width: 150px;
  background-image: url("https://files.bioniq.ru/bioniq-ru/images/220ba836f2fff0c90cc3d982e5de7c73.webp");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 100%;
}
.complex-its-card .complex-its_img-2 {
  width: 100%;
  max-width: 150px;
  min-width: 150px;
  background-image: url("https://files.bioniq.ru/bioniq-ru/images/a1baa665564621243bb47f3ab95cf6a3.webp");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 100%;
}
.complex-its-card .complex-its_img-3 {
  width: 100%;
  max-width: 150px;
  min-width: 150px;
  background-image: url("https://files.bioniq.ru/bioniq-ru/images/512df5ed7a689f6a4a0cd36338cedd52.webp");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 100%;
}
.complex-its-card .complex-its_img-4 {
  width: 100%;
  max-width: 150px;
  min-width: 150px;
  background-image: url("https://files.bioniq.ru/bioniq-ru/images/744cfd69749e47075f34d0def5925ebe.webp");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 100%;
}
.complex-its-card-md .complex-its_img-1,
.complex-its-card-md .complex-its_img-2,
.complex-its-card-md .complex-its_img-3,
.complex-its-card-md .complex-its_img-4 {
  background-size: 140%;
}
.complex-its-card-sm {
  background-position: 50% 0;
  background-size: cover;
  border-radius: 12px;
  flex-direction: column-reverse;
  order: 0;
  padding-bottom: 0;
  padding-right: 0;
  padding-left: 0;
  justify-content: space-between;
}
.complex-its-card-sm .complex-its_img {
  margin-top: 10px;
  width: 100%;
  border-bottom-left-radius: 12px;
}
.complex-its-card-sm .complex-its_img-1 {
  width: 100%;
  max-width: 100%;
  min-width: 100%;
  min-height: 105px;
  background-image: url("https://files.bioniq.ru/bioniq-ru/images/61e09e8f53469f0a00ec2d5cd9be8469.webp");
  background-size: 100%;
}
.complex-its-card-sm .complex-its_img-2 {
  width: 100%;
  max-width: 100%;
  min-width: 100%;
  min-height: 105px;
  background-image: url("https://files.bioniq.ru/bioniq-ru/images/6fd519345d048b4ee15ab3b455bf805b.webp");
  background-size: 100%;
}
.complex-its-card-sm .complex-its_img-3 {
  width: 100%;
  max-width: 100%;
  min-width: 100%;
  min-height: 105px;
  background-image: url("https://files.bioniq.ru/bioniq-ru/images/d5fa26aa0c66bd902726c9eb310ebc50.webp");
  background-size: 100%;
}
.complex-its-card-sm .complex-its_img-4 {
  width: 100%;
  max-width: 100%;
  min-width: 100%;
  min-height: 105px;
  background-image: url("https://files.bioniq.ru/bioniq-ru/images/deb045158e03f4c576f46e1b558977df.webp");
  background-size: 100%;
}
.complex-its-card-sm .complex-its-card_text {
  margin-left: 20px;
  margin-right: 20px;
  padding: 40px 20px 40px 10px;
}
.complex-its-card-xs {
  border-radius: 12px;
  flex-direction: column-reverse;
  order: 0;
  padding-bottom: 0;
  padding-right: 0;
  padding-left: 0;
}
.complex-its-card-xs .complex-its_img {
  margin-top: 10px;
  width: 100%;
  border-bottom-left-radius: 12px;
}
.complex-its-card-xs .complex-its_img-1 {
  width: 100%;
  max-width: 100%;
  min-width: 100%;
  min-height: 193px;
  background-image: url("https://files.bioniq.ru/bioniq-ru/images/61e09e8f53469f0a00ec2d5cd9be8469.webp");
  background-size: 135%;
}
.complex-its-card-xs .complex-its_img-2 {
  width: 100%;
  max-width: 100%;
  min-width: 100%;
  min-height: 193px;
  background-image: url("https://files.bioniq.ru/bioniq-ru/images/6fd519345d048b4ee15ab3b455bf805b.webp");
  background-size: 135%;
}
.complex-its-card-xs .complex-its_img-3 {
  width: 100%;
  max-width: 100%;
  min-width: 100%;
  min-height: 193px;
  background-image: url("https://files.bioniq.ru/bioniq-ru/images/d5fa26aa0c66bd902726c9eb310ebc50.webp");
  background-size: 135%;
}
.complex-its-card-xs .complex-its_img-4 {
  width: 100%;
  max-width: 100%;
  min-width: 100%;
  min-height: 193px;
  background-image: url("https://files.bioniq.ru/bioniq-ru/images/deb045158e03f4c576f46e1b558977df.webp");
  background-size: 135%;
}
.complex-its-card-xs .complex-its-card_text {
  margin-left: 20px;
  margin-right: 20px;
  padding: 40px 20px 40px 10px;
}

.consultation {
  background-color: #ced6d9;
  background-image: url("https://files.bioniq.ru/bioniq-ru/images/consultation_bg.png");
  background-position: 0;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 12px;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  padding: 60px 24px;
  display: flex;
}
.consultation-xs {
  background-image: url("https://files.bioniq.ru/bioniq-ru/images/consultation_bg.png");
  padding-left: 12px;
  padding-right: 12px;
  background-position: 0 0, 0%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  background-color: #ced6d9;
}

address {
  background-color: #fff;
}

.mod--rad-blue {
  background-image: linear-gradient(#fff, #f0f4f7);
}

.mod--blue-block {
  background-image: linear-gradient(109deg, #e0ecf1 2%, #b9c9d0);
  border-radius: 20px;
  padding: 80px 24px;
}

.mod--grad-blue {
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(90deg, #80b8d1, #1098d4);
  -webkit-background-clip: text;
  background-clip: text;
}

.ml--13.text--28 {
  font-weight: 400;
}

.heading-32.mod--grad-blue.weight-500 {
  -webkit-text-fill-color: transparent;
  background-color: transparent;
  background-image: linear-gradient(90deg, #aae5ff, #1098d4);
  -webkit-background-clip: text;
  background-clip: text;
}

.about-way__slide-content {
  transition: all 0.5s;
}
.about-way__slide-content a {
  transition: all 0.5s;
  color: white;
}
.about-way__slide-content:hover {
  transition: all 0.5s;
}
.about-way__slide-content:hover a {
  transition: all 0.5s;
  color: #202020;
}
.about-way__slide-content:hover .about-way__more-link {
  transition: all 0.5s;
  color: #202020;
}

.c-w {
  color: white;
}

.buy-card__subtitle--15 {
  color: #829099;
  margin-top: 6px;
  margin-bottom: 16px;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.2;
}

.cert__prod-card {
  grid-column-gap: 20px;
  border-radius: 24px;
  justify-content: space-between;
  padding: 16px 0;
  display: flex;
  grid-area: span 1/span 1/span 1/span 1;
  max-width: 824px;
  background: white;
  margin: auto;
  text-align: left;
}

.cert__prod-card-content {
  flex: 1;
}

.cert__prod-card-img img {
  transition: 0.3s all;
}

.swich-get__form {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.swich-get__form-radio-col {
  grid-column-gap: 20px;
  flex-wrap: wrap;
  display: flex;
  flex-direction: column;
}

.swich-get__radio-field {
  display: flex;
}

.swich-get__radio-field-text {
  margin-left: 16px;
}
.swich-get__radio-field-text .text--mediium {
  padding-bottom: 8px;
  font-size: 28px;
  line-height: 1.2;
}
.swich-get__radio-field-text .text--12 {
  font-weight: 500;
  line-height: 1.5;
  font-size: 18px;
}

.whoop-section {
  background-image: url(https://files.bioniq.ru/bioniq-ru/images/6169776ff9040ff29b389685_whoop-hero.jpg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto 100%;
}
.whoop-section .whoop-logo {
  display: inline-block;
}
.whoop-section .whoop-logo img {
  height: 30px;
}
.whoop-section .whoop-logo-sm img {
  height: 24px;
}
.whoop-section .whoop-logo-xs img {
  height: 20px;
}
.whoop-section .new-content {
  width: 50%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin: 0;
}
.whoop-section .sale__row {
  grid-column-gap: 24px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 60px;
  display: grid;
  position: relative;
}
.whoop-section .sale__text-col {
  z-index: 10;
  max-width: 520px;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
  position: relative;
}
.whoop-section .septsale__list {
  padding-left: 0;
  font-size: 16px;
  list-style-type: none;
}
.whoop-section .septsale__li {
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 20px;
  margin-bottom: 8px;
  padding-left: 40px;
}
.whoop-section .septsale__li.mod--gift {
  background-image: url(https://files.bioniq.ru/bioniq-ru/images/62da95d88435c035ae1132f8_gift-bullet.svg);
}
.whoop-section .swich-get__form-block.mod--whoop {
  margin-top: 40px;
}
.whoop-section .swich-get__form {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}
.whoop-section .swich-get__radio-field {
  align-items: center;
  margin-bottom: 16px;
  display: flex;
}
.whoop-section .swich-get__btn-wrap {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}
.whoop-section .swich-get__btn-wrap.mod--goriz {
  flex-flow: wrap;
  align-items: center;
}
.whoop-section .text--mediium {
  font-size: 18px;
}
.whoop-section .inactive-cost {
  text-decoration: line-through;
  color: grey;
}
.whoop-section-md {
  background-position: 40%;
}
.whoop-section-sm {
  background-color: #E2E3DE;
  background-position: 20% 100%;
  background-repeat: no-repeat;
  background-size: auto 50%;
}
.whoop-section-sm .new-content {
  width: 100%;
}
.whoop-section-sm .sale__row {
  grid-template-columns: none;
}
.whoop-section-sm .sale__row .sale__text-col {
  max-width: 100%;
  width: 100%;
}
.whoop-section-xs {
  background-color: #E2E3DE;
  background-position: 20% 100%;
  background-repeat: no-repeat;
  background-size: auto 50%;
  background-image: none;
}
.whoop-section-xs .new-content {
  width: 100%;
}
.whoop-section-xs .sale__row {
  grid-template-columns: none;
  margin-top: 20px;
}
.whoop-section-xs .sale__row .sale__text-col {
  max-width: 100%;
  width: 100%;
}
.whoop-section-xs .swich-get__form {
  align-items: center;
}
.whoop-section-xs .swich-get__form-block {
  width: 100%;
}
.whoop-section .text--20 {
  font-size: 20px;
  line-height: 1.4;
}
.whoop-section .text--20-sm {
  font-size: 16px;
}
.whoop-section .text--20-xs {
  font-size: 14px;
}
.whoop-section .disclaimer-sm {
  max-width: 385px;
}

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

.fs-15 {
  font-size: 15px;
}

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

.fs-19 {
  font-size: 19px;
}

.fs-20 {
  font-size: 20px;
}

.fs-100 {
  font-size: 100%;
}

.complex-its_img {
  width: 150px;
  object-fit: contain;
  align-self: center;
}

.buy-card__btn--black {
  width: 100%;
  color: #fff;
  text-align: center;
  background-color: #0c0c0c;
  border: 1px solid #0c0c0c;
  border-radius: 50px;
  padding: 0 30px 8px;
  font-size: 24px;
  line-height: 1.1;
  transition: all 0.2s;
}
.buy-card__btn--black:hover {
  background-color: #383838;
  border-color: #383838;
}

.buy-card__btn--blue {
  width: 100%;
  color: #fff;
  text-align: center;
  background-color: #1098d4;
  border: 1px solid #1098d4;
  border-radius: 50px;
  padding: 0 30px 8px;
  font-size: 24px;
  line-height: 1.1;
  transition: all 0.2s;
}
.buy-card__btn--blue:hover {
  background-color: #383838;
  border-color: #383838;
}

.buy-card__btn--orange {
  width: 100%;
  color: #fff;
  text-align: center;
  background-color: #f65f43;
  border: 1px solid #f65f43;
  border-radius: 50px;
  padding: 0 30px 8px;
  font-size: 24px;
  line-height: 1.1;
  transition: all 0.2s;
}
.buy-card__btn--orange:hover {
  background-color: #f67159;
  border-color: #f67159;
}

.orange-card {
  background-color: #FFF0E4;
  border-radius: 12px;
  flex-direction: column;
  justify-content: space-between;
  padding: 20px;
  display: flex;
  text-align: left;
}
.orange-card-sm {
  width: 100%;
  max-width: 550px;
}
.span-as-div {
  display: inline-block;
}

.sale-banner {
  height: 180px;
  background-color: #070713;
  background: linear-gradient(90deg, #2CA6DC 0%, #9EE2FF 100%);
  margin-top: 64px;
  background-repeat: no-repeat;
  position: relative;
}
.sale-banner:hover {
  cursor: pointer;
}
.sale-banner .container-1240 {
  height: inherit;
}
.sale-banner .sale-banner-content {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: inherit;
  position: relative;
  overflow: hidden;
  padding: 0;
}
.sale-banner .sale-banner-content .full_img {
  height: inherit;
  object-fit: cover;
}
.sale-banner .sale-banner-content .full_img_left {
  max-height: 150px;
  height: auto;
  margin-right: 61px;
}
.sale-banner .sale-banner-content .full_img_right {
  max-height: 77px;
}
.sale-banner .sale-banner-content-md {
  padding: 16px 20px;
  background: linear-gradient(90deg, #2CA6DC 0%, #9EE2FF 100%);
}
.sale-banner .sale-banner-content-sm {
  padding: 16px 20px;
  height: 210px;
  background: linear-gradient(90deg, #2CA6DC 0%, #9EE2FF 100%);
}
.sale-banner .sale-banner-content-xs {
  background: linear-gradient(90deg, #2CA6DC 0%, #9EE2FF 100%);
  height: 210px;
  padding: 16px 20px;
}
.sale-banner-sm {
  background: linear-gradient(90deg, #1098D4 0%, #00224D 100%);
  height: 210px;
}
.sale-banner-xs {
  height: 210px;
  background: linear-gradient(90deg, #1098D4 0%, #00224D 100%);
}

.sale-banner-second-type {
  height: 180px;
  background-color: #070713;
  background: linear-gradient(90deg, #F9DEDA 6.34%, #DEE9F0 95.16%);
  margin-top: 64px;
  background-repeat: no-repeat;
  position: relative;
}
.sale-banner-second-type:hover {
  cursor: pointer;
}
.sale-banner-second-type .container-1240 {
  height: inherit;
}
.sale-banner-second-type .sale-banner-second-type-content {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: inherit;
  position: relative;
  overflow: hidden;
  padding: 0;
}
.sale-banner-second-type .sale-banner-second-type-content .full_img {
  height: inherit;
  object-fit: cover;
}
.sale-banner-second-type .sale-banner-second-type-content .full_img_left {
  max-height: 150px;
  height: auto;
  max-width: 172px;
  margin: 0 30px;
}
.sale-banner-second-type .sale-banner-second-type-content .full_img_right {
  max-height: 77px;
}
.sale-banner-second-type .sale-banner-second-type-content-md {
  padding: 16px 20px;
}
.sale-banner-second-type .sale-banner-second-type-content-sm {
  background: linear-gradient(90deg, #F9DEDA 0%, #DEE9F0 100%);
  padding: 16px 20px;
  height: 210px;
}
.sale-banner-second-type .sale-banner-second-type-content-xs {
  background: linear-gradient(90deg, #F9DEDA 0%, #DEE9F0 100%);
  height: 210px;
  padding: 16px 20px;
}
.sale-banner-second-type-sm {
  background: linear-gradient(90deg, #F9DEDA 0%, #DEE9F0 100%);
  height: 210px;
}
.sale-banner-second-type-xs {
  height: 210px;
  background: linear-gradient(90deg, #F9DEDA 0%, #DEE9F0 100%);
}

#faq-blood_params,
#faq-components,
#faq32,
#faq,
#buy-select,
#action-info,
#search-block {
  scroll-margin: 64px;
}

#plasticCertificatesproPlus3RealSertBadge {
  scroll-margin: 78px;
}

#shipmentForm,
#recipientForm,
#additionalClientForm,
.total {
  scroll-margin: 76px;
}

.buy--grid-onlySmalls,
.buy--grid {
  scroll-margin: 78px;
}

#small-banner {
  scroll-margin: 64px;
}

#tests {
  scroll-margin: -40px;
}

.btn-fnc {
  background: #ffffff;
  border: 1px solid rgba(0, 87, 150, 0.08);
  border-radius: 8px;
  width: 398px;
  height: 50px;
  box-sizing: border-box;
  justify-items: center;
  align-items: center;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 12px 20px;
  gap: 10px;
  -webkit-user-select: none;
          user-select: none;
  transition: all 0.4s;
}
.btn-fnc .label {
  font-weight: 500;
  font-size: 16px;
  line-height: 150%;
  text-align: center;
  color: #000000;
}
.btn-fnc:hover {
  cursor: pointer;
  box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.06), -8px -8px 2px rgba(255, 255, 255, 0.04);
}
.btn-fnc:active {
  background: #ffffff;
  border: 1px solid EBF2F7;
}
.btn-fnc:active .label {
  color: #bbbbbb;
}
.btn-fnc:disabled, .btn-fnc[disabled], .btn-fnc[disabled=disabled] {
  background: #f3f3f3;
  cursor: not-allowed;
}
.btn-fnc:disabled .label, .btn-fnc[disabled] .label, .btn-fnc[disabled=disabled] .label {
  color: #bbbbbb;
}
.btn-fnc-left-icon {
  width: 192px;
  padding: 13px 24px;
}
.btn-fnc-left-icon .icon {
  width: 24px;
  height: 24px;
}
.btn-fnc-left-icon .icon--apple {
  width: 20px;
  height: 20px;
  position: relative;
  top: -1px;
}
.btn-fnc-xs {
  min-width: 162px;
  width: 100%;
}

.auth-choosing__btns {
  width: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  gap: 16px;
  margin-bottom: 32px;
}
.auth-choosing__btns-xs {
  gap: 8px;
  margin-bottom: auto;
}

.auth-btn {
  background: #ffffff;
  border: 1px solid rgba(0, 87, 150, 0.08);
  border-radius: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 13px 24px;
  width: 100%;
  max-width: 398px;
  gap: 10px;
  -webkit-user-select: none;
          user-select: none;
  transition: all 0.4s;
}
.auth-btn .label {
  text-align: center;
  color: #000000;
  font-weight: 600;
  font-size: 18px;
  line-height: 150%;
}
.auth-btn:disabled, .auth-btn[disabled], .auth-btn[disabled=disabled] {
  background: #f3f3f3;
  cursor: not-allowed;
}
.auth-btn:hover {
  cursor: pointer;
  box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.06), -8px -8px 2px rgba(255, 255, 255, 0.04);
}
.auth-btn--small {
  max-width: 191px;
  width: 100%;
}
.auth-btn--small .icon {
  width: 24px;
  height: 24px;
}
.auth-btn--small .icon--apple {
  width: 20px;
  height: 20px;
  position: relative;
  top: -1px;
}
.auth-btn--small-xs {
  min-width: 132px;
}
.auth-btn--small-xs .label {
  font-weight: 600;
  font-size: 16px;
  line-height: 150%;
}

.bnq-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 64px;
  border-radius: 16px;
  border: none;
  color: #ffffff;
  cursor: pointer;
  width: 100%;
  font-family: "Montserrat", Arial, Helvetica, sans-serif;
  opacity: 1;
  font-weight: 600;
  font-size: 16px;
  line-height: 1.5em;
  transition: all ease 0.4s;
}
.bnq-btn-dark {
  background: linear-gradient(225deg, #3d3d3d 0%, #020202 100%);
  box-shadow: -8px -8px 12px rgba(255, 255, 255, 0.25), 0px 8px 12px rgba(4, 4, 4, 0.08), inset 0px 44px 20px rgba(0, 0, 0, 0.02), inset 0px -16px 20px rgba(0, 0, 0, 0.06);
}
.bnq-btn-dark .label {
  font-weight: 500;
  font-size: 1.0625rem;
  line-height: 1.5rem;
}
.bnq-btn-light {
  background: #ffffff;
  border: 1px solid #ebf2f7;
  box-shadow: -2px -2px 16px rgba(255, 255, 255, 0.25), 0px 4px 5px rgba(0, 0, 0, 0.04), inset 2px 1px 8px rgba(0, 0, 0, 0.04);
  color: #202020;
}
.bnq-btn-light .label {
  font-weight: 500;
  font-size: 1.0625rem;
  line-height: 1.5rem;
}
.bnq-btn-grey {
  background: #F6F8FB;
  border: 1px solid #EBF2F7;
  border-radius: 12px;
  color: #329AED;
}
.bnq-btn-grey .label {
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 24px;
  color: #329AED;
}
.bnq-btn-blue {
  background: linear-gradient(141.11deg, #016CBA -3.21%, #0FA4F8 103.86%);
  box-shadow: 0px 8px 12px rgba(15, 157, 241, 0.11), inset 0px 44px 20px rgba(0, 0, 0, 0.02), inset 0px -16px 20px rgba(0, 0, 0, 0.06);
  border-radius: 16px;
}
.bnq-btn-blue .label {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 17px;
  line-height: 24px;
  color: #FFFFFF;
}
.bnq-btn:hover {
  transform: scale(0.99);
}
.bnq-btn-primary {
  background: linear-gradient(141.11deg, #016cba -3.21%, #0fa4f8 103.86%);
}
.bnq-btn-white {
  position: relative;
  background: #ffffff;
  color: #042033;
  box-shadow: -2px -2px 16px rgba(255, 255, 255, 0.25), 0px 4px 5px rgba(0, 0, 0, 0.04);
  border: 1px solid #ebf2f7;
  transition: all ease 0.4s;
}
.bnq-btn-white:hover {
  background: #ffffff;
  box-shadow: 0 0 0 rgba(255, 255, 255, 0);
}
.bnq-btn-white .pay-icon {
  position: absolute;
  width: 24px;
  height: 24px;
  left: 24px;
  top: 0px;
  bottom: 0px;
  margin-top: auto;
  margin-bottom: auto;
}
.bnq-btn-white .label {
  width: 100%;
  text-align: center;
}
.bnq-btn-xs {
  height: 40px;
  padding: 12px;
  border-radius: 12px;
}
.bnq-btn-xs .label {
  font-weight: 700;
  font-size: 14px;
  line-height: 16px;
}

button[disabled] {
  cursor: not-allowed;
  box-shadow: 0 0 0 0;
}
button[disabled] .label {
  opacity: 0.3;
}
button[disabled]:hover {
  transform: scale(1);
}

.bnq-btn-icon {
  border: none;
  cursor: pointer;
  font-family: "Montserrat", sans-serif;
  color: #042033;
  text-align: right;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.0625rem;
  line-height: 1.5rem;
  background-color: white;
  font-weight: 500;
}
.bnq-btn-icon .mat-icon {
  font-size: 24px;
}
.bnq-btn-icon span {
  margin-left: 6px;
}
.bnq-btn-icon:hover {
  color: #042033;
  opacity: 0.5;
}

.bnq-btn-small {
  border-radius: 12px;
  height: 40px !important;
  min-height: 40px !important;
}
.bnq-btn-small:hover .label {
  font-weight: 700;
  font-size: 0.75rem;
  line-height: 1rem;
  border-radius: 12px;
}
.bnq-btn-small .label {
  font-weight: 700;
  font-size: 0.75rem;
  line-height: 1rem;
  border-radius: 12px;
}

.bnq-logout-btn {
  display: flex;
  align-items: center;
  margin: 0;
  background: white;
  border: none;
  cursor: pointer;
  height: 40px;
  padding: 8px 15px;
  box-sizing: border-box;
  transition: all 0.6s;
}
.bnq-logout-btn:hover {
  background: #f8dddd;
  border-radius: 33px;
}
.bnq-logout-btn .logout-img {
  display: flex;
  align-items: center;
  justify-self: center;
  height: 32px;
  width: 32px;
  background: #f8dddd;
  border-radius: 10px;
  color: #d10714;
  margin-right: 12px;
}
.bnq-logout-btn .logout-img img {
  height: 32px;
  width: 32px;
}
.bnq-logout-btn .label {
  font-family: "Montserrat", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 1.0625rem;
  line-height: 1.5rem;
  color: #d10714;
}

.bnq-btn-text {
  background-color: white;
  border: none;
  cursor: pointer;
}
.bnq-btn-text .label {
  color: #0a8fe0;
  font-weight: 400;
  font-size: 1.0625rem;
  line-height: 1.5rem;
}

.bnq-btn-toggle {
  border-radius: 12px;
  max-height: 34px;
}
.bnq-btn-toggle button {
  background: #eef2f6;
  border: 0.5px solid #eef2f6;
  border-radius: 10px;
  color: #042033;
  font-weight: 500;
  font-size: 15px;
  line-height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 47px;
}
.bnq-btn-toggle .mat-button-toggle-standalone.mat-button-toggle-appearance-standard,
.bnq-btn-toggle .mat-button-toggle-group-appearance-standard {
  background: #eef2f6;
  border-radius: 12px;
  padding: 2px;
}
.bnq-btn-toggle .mat-button-toggle-group-appearance-standard .mat-button-toggle + .mat-button-toggle {
  background: #eef2f6;
  border: none;
}
.bnq-btn-toggle .mat-button-toggle {
  background: #eef2f6;
  border-radius: 10px;
}
.bnq-btn-toggle .mat-button-toggle-appearance-standard .mat-button-toggle-label-content {
  padding: 0;
}
.bnq-btn-toggle .mat-button-toggle-appearance-standard .mat-button-toggle-label-content {
  line-height: inherit;
}
.bnq-btn-toggle .bnq-btn-toggle .mat-button-toggle-standalone.mat-button-toggle-appearance-standard,
.bnq-btn-toggle .bnq-btn-toggle .mat-button-toggle-group-appearance-standard {
  display: flex;
  border: none;
  padding: 2px;
  height: 32px;
  align-items: center;
  justify-content: center;
}
.bnq-btn-toggle .mat-button-toggle-checked button {
  background: #ffffff;
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.04), 0 3px 1px rgba(0, 0, 0, 0.04);
}
.bnq-btn-toggle .mat-button-toggle-checked button:hover {
  opacity: 1 !important;
  background: white !important;
}
.bnq-btn-toggle-xs button, .bnq-btn-toggle-sm button {
  padding: 0 20px;
}

.btn {
  font-family: "Montserrat", Arial, Helvetica, sans-serif;
  font-style: normal;
  display: flex;
  font-size: 16px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 10px;
  min-width: 240px;
  border-radius: 100px;
  border: none;
  padding: 18px 20px;
  box-sizing: border-box;
  font-weight: 600;
  transition: all 0.4s;
  -webkit-user-select: none;
          user-select: none;
}
.btn-dark {
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.06), -8px -8px 2px rgba(255, 255, 255, 0.04);
  background: #000000;
  color: #eaeaea;
  -webkit-user-select: none;
          user-select: none;
}
.btn-dark:hover {
  background: #202020;
  box-shadow: 0 8px 12px rgba(0, 0, 0, 0.12), -8px -8px 2px rgba(255, 255, 255, 0.06);
  color: #ffffff;
  cursor: pointer;
}
.btn-dark:active {
  background: #4E4E4E;
  box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.06), -8px -8px 2px rgba(255, 255, 255, 0.04);
}
.btn-dark:disabled, .btn-dark[disabled], .btn-dark[disabled=disabled], .btn-dark-disabled {
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.06), -8px -8px 2px rgba(255, 255, 255, 0.04);
  cursor: not-allowed;
  background: #000000;
  color: #4E4E4E;
}
.btn-light {
  -webkit-user-select: none;
          user-select: none;
  background: #ffffff;
  border: 1px solid rgba(0, 87, 150, 0.08);
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.05);
}
.btn-light:hover {
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.06), -8px -8px 2px rgba(255, 255, 255, 0.04);
  color: #202020;
  cursor: pointer;
}
.btn-light:active {
  background: #ffffff;
  border: 1px solid rgba(0, 87, 150, 0.08);
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.05);
  color: #bbbbbb;
}
.btn-light:disabled, .btn-light[disabled], .btn-light[disabled=disabled] {
  background: #f3f3f3;
  border: 1px solid rgba(0, 87, 150, 0.08);
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.05);
  color: #bbbbbb;
  opacity: 0.4;
  cursor: not-allowed;
}
.btn-xs {
  padding: 12px 40px;
  height: 48px;
}

.bnq-btn-dismiss {
  background: rgba(75, 118, 166, 0.12);
  height: 32px;
  width: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50px;
  border: none;
  color: #829099;
}
.bnq-btn-dismiss mat-icon {
  font-size: 22px;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 21px !important;
  width: 21px !important;
  line-height: 0;
}
.bnq-btn-dismiss:hover {
  cursor: pointer;
}
.bnq-btn-dismiss-xs {
  height: 24px;
  width: 24px;
}
.bnq-btn-dismiss-xs mat-icon {
  font-size: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.btn-radio-big-wrap {
  width: 100%;
  max-width: 187px;
}
.btn-radio-big-wrap-xs {
  flex-shrink: 1;
  flex-grow: 1;
  max-width: 160px;
}

.btn-radio-big {
  background: #ffffff;
  border: 1px solid rgba(0, 87, 150, 0.08);
  border-radius: 30px;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 16px;
  transition: all 0.4s;
  height: 187px;
  -webkit-user-select: none;
          user-select: none;
}
.btn-radio-big:hover {
  box-shadow: 0 8px 12px rgba(0, 0, 0, 0.12), -8px -8px 2px rgba(255, 255, 255, 0.06);
  cursor: pointer;
}
.btn-radio-big:active {
  border: 1px solid #424445;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.06), -8px -8px 2px rgba(255, 255, 255, 0.04);
}
.btn-radio-big-disabled {
  background: #eaeaea;
}
.btn-radio-big-circle {
  display: none;
}
.btn-radio-big span {
  font-weight: 500;
  font-size: 18px;
  line-height: 150%;
  text-align: center;
}
.btn-radio-big input[type=radio] {
  display: none;
}
.btn-radio-big input[type=radio]:disabled {
  cursor: not-allowed;
}
.btn-radio-big-checked {
  border: 1px solid #424445;
}
.btn-radio-big-checked:hover {
  box-shadow: none;
  cursor: default;
}
.btn-radio-big-disabled {
  background: #eaeaea;
  box-shadow: none;
  cursor: not-allowed;
}
.btn-radio-big-disabled:hover {
  box-shadow: none;
}
.btn-radio-big-xs {
  height: 160px;
}
.btn-radio-big-xs:hover {
  box-shadow: none;
}
.btn-radio-big-xs:active {
  box-shadow: none;
}
.btn-radio-big-xs span {
  font-size: 16px;
}

.btn-payment {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 16px 30px;
  gap: 12px;
  height: 59px;
  border-radius: 8px;
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 150%;
  box-sizing: border-box;
  min-width: 0;
}
.btn-payment:hover {
  cursor: pointer;
}
.btn-payment-light {
  background: #FFFFFF;
  border: 1px solid #E2E9EE;
  color: #202020;
}
.btn-payment-dark {
  background: #000000;
  color: #FFFFFF;
}
.btn-payment-xs {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 12px 30px;
  gap: 12px;
  height: 50px;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 150%;
}

.btn-pay {
  width: 100%;
  padding: 4px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  min-height: 56px;
  font-weight: 600;
  font-size: 16px;
  line-height: 150%;
  border: none;
  cursor: pointer;
  transition: all 0.4s ease;
}
.btn-pay .span--pay-card {
  margin: 0px 8px;
  display: inline-block;
  width: 22px;
  background-image: url("/assets/img/pay/icon-card.svg");
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
}
.btn-pay .span--pay-dolyame {
  margin: 0px 8px;
  display: inline-block;
  width: 101px;
  background-image: url("https://files.bioniq.ru/bioniq-ru/images/dolyame-logo.png");
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
}
.btn-pay .span--gift-black {
  margin: 0px 8px;
  display: inline-block;
  width: 24px;
  background-image: url("/assets/img/pay/icon-gift-black.svg");
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
}
.btn-pay .span--gift-apply {
  margin: 0px 8px;
  display: inline-block;
  width: 24px;
  background-image: url("/assets/img/pay/icon-gift-apply.svg");
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
}
.btn-pay-dark {
  background: #000000;
  color: #ffffff;
}
.btn-pay-dark:hover {
  background: #202020;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.06), -8px -8px 2px rgba(255, 255, 255, 0.04);
}
.btn-pay-dark:active {
  background: #4e4e4e;
  border-color: #4e4e4e;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03), -8px -8px 2px rgba(255, 255, 255, 0.04);
  color: #eaeaea;
}
.btn-pay-dark:disabled, .btn-pay-dark[disabled], .btn-pay-dark[disabled=disabled] {
  background: #202020;
  color: #eaeaea;
  opacity: 0.4;
  cursor: not-allowed;
}
.btn-pay-light {
  border: 1px solid rgba(0, 87, 150, 0.08);
  color: #202020;
  background: #ffffff;
}
.btn-pay-light:hover {
  color: #000000;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.06), -8px -8px 2px rgba(255, 255, 255, 0.04);
}
.btn-pay-light:active {
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03), -8px -8px 2px rgba(255, 255, 255, 0.04);
  color: #bbbbbb;
}
.btn-pay-light:disabled, .btn-pay-light[disabled], .btn-pay-light[disabled=disabled] {
  background: #f3f3f3;
  color: #bbbbbb;
  cursor: not-allowed;
}
.btn-pay-light-apply {
  border: 1px solid rgba(0, 87, 150, 0.08);
  color: #329aed;
  background: #ffffff;
  cursor: not-allowed;
}
.btn-pay-xs {
  min-height: 50px;
}

.pl-btn {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 8px;
  width: -moz-fit-content;
  width: fit-content;
  font-family: "Montserrat", serif;
  font-style: normal;
  height: 44px;
  cursor: pointer;
  color: #000;
  text-align: center;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 64px;
  padding: 8px 24px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.2;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.04), inset 1px 1px 8px rgba(0, 0, 0, 0.04), 0 0 16px rgba(255, 255, 255, 0.25);
}
.pl-btn-black {
  background: #000000;
  color: #FFFFFF;
}
.pl-btn-green {
  background: #008B6A;
  color: #FFFFFF;
}
.pl-btn-white {
  background: #FFFFFF;
  color: #000000;
}
.pl-btn-white:hover span {
  opacity: 0.7;
}
.pl-btn-xs {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 8px 24px;
  gap: 4px;
  height: 38px;
  font-family: "Montserrat", serif;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.2;
}

button.info {
  background: url("/assets/img/common/info.png") center no-repeat;
  background-size: 9px 15px;
  border: 1px solid #042033;
  border-radius: 30px;
  cursor: pointer;
  height: 25px;
  margin-right: 28px;
  width: 25px;
  min-height: 25px;
  min-width: 25px;
}

.download {
  max-height: 36px;
  max-width: 36px;
  min-height: 36px;
  min-width: 36px;
  background-image: url(/assets/img/checkups/download.svg);
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
  cursor: pointer;
  transition: all 0.4s;
}
.download:hover {
  opacity: 70%;
}

button {
  font-family: "Montserrat", sans-serif;
}

.button-wa {
  background: #58BD54;
  color: var(--text-primary, #FFF);
}

.btn-middle {
  border-radius: 8px;
  height: 59px;
  display: flex;
  width: 100%;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 12px 20px;
  font-weight: 600;
  font-size: 14px;
  line-height: 150%;
  border: none;
  transition: 0.2s all;
}
.btn-middle-dark {
  background: #000000;
  color: #ffffff;
}
.btn-middle-dark:hover {
  background: #202020;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.06), -8px -8px 2px rgba(255, 255, 255, 0.04);
  cursor: pointer;
}
.btn-middle-dark:active {
  background: #4e4e4e;
  border-color: #4e4e4e;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03), -8px -8px 2px rgba(255, 255, 255, 0.04);
  color: #eaeaea;
}
.btn-middle-dark:disabled, .btn-middle-dark[disabled], .btn-middle-dark[disabled=disabled] {
  background: #202020;
  color: #eaeaea;
  opacity: 0.4;
  cursor: not-allowed;
}
.btn-middle-blue {
  background: #0A8FE0;
  color: #FFFFFF;
}
.btn-middle-blue:hover {
  background: #0796ee;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.06), -8px -8px 2px rgba(255, 255, 255, 0.04);
  cursor: pointer;
}
.btn-middle-blue:disabled, .btn-middle-blue[disabled], .btn-middle-blue[disabled=disabled] {
  background: #E1E9FE;
  color: grey;
  opacity: 0.4;
  cursor: not-allowed;
}
.btn-middle-light {
  border: 1px solid rgba(0, 87, 150, 0.08);
  color: #202020;
  background: #ffffff;
}
.btn-middle-light:hover {
  color: #000000;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.06), -8px -8px 2px rgba(255, 255, 255, 0.04);
  cursor: pointer;
}
.btn-middle-light:active {
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03), -8px -8px 2px rgba(255, 255, 255, 0.04);
  color: #bbbbbb;
}
.btn-middle-light:disabled, .btn-middle-light[disabled], .btn-middle-light[disabled=disabled] {
  background: #f3f3f3;
  color: #bbbbbb;
  cursor: not-allowed;
}
.btn-middle-text {
  border: none;
  color: #829099;
  background: #ffffff;
}
.btn-middle-text:hover {
  color: #000000;
  cursor: pointer;
}
.btn-middle-text:active {
  color: #bbbbbb;
}
.btn-middle-text:disabled, .btn-middle-text[disabled], .btn-middle-text[disabled=disabled] {
  background: #f3f3f3;
  color: #bbbbbb;
  cursor: not-allowed;
}
.btn-middle-red {
  background: #e14545;
  color: #ffffff;
}
.btn-middle-red:hover {
  background: rgba(225, 69, 69, 0.91);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.06), -8px -8px 2px rgba(255, 255, 255, 0.04);
  cursor: pointer;
}
.btn-middle-red:active {
  background: #4e4e4e;
  border-color: #4e4e4e;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03), -8px -8px 2px rgba(255, 255, 255, 0.04);
  color: #eaeaea;
}
.btn-middle-red:disabled, .btn-middle-red[disabled], .btn-middle-red[disabled=disabled] {
  background: #202020;
  color: #eaeaea;
  opacity: 0.4;
  cursor: not-allowed;
}
.btn-middle-xs {
  height: 50px;
}

.btn-buy-radio {
  padding: 4px;
  background: transparent;
  border: 1px solid rgba(0, 87, 150, 0.08);
  width: 100%;
  box-sizing: border-box;
  border-radius: 16px;
  display: flex;
}
.btn-buy-radio-container {
  width: 100%;
  background: transparent;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 4px 12px;
  height: 73px;
  box-sizing: border-box;
  border-radius: 16px;
}
.btn-buy-radio-container .btn-buy-radio-title-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
.btn-buy-radio-container .btn-buy-radio-title-container .bb-title {
  color: #202020;
  font-weight: 500;
  font-size: 18px;
  line-height: 150%;
}
.btn-buy-radio-container .btn-buy-radio-title-container .bb-caption {
  color: #829099;
  font-weight: 500;
  font-size: 14px;
  line-height: 150%;
  white-space: nowrap;
}
.btn-buy-radio-container .bb-currency {
  color: #000000;
  font-weight: 600;
  font-size: 18px;
  line-height: 150%;
}
.btn-buy-radio:hover {
  cursor: pointer;
  border: 1px solid #329aed;
}
.btn-buy-radio:hover .btn-buy-radio-container {
  background: #ffffff;
}
.btn-buy-radio:active {
  border: 1px solid #329aed;
}
.btn-buy-radio:active .btn-buy-radio-container {
  background: #ffffff;
}
.btn-buy-radio-disabled {
  background: transparent;
  border: 1px solid rgba(0, 87, 150, 0.08);
}
.btn-buy-radio-disabled .btn-buy-radio-container {
  background: transparent;
}
.btn-buy-radio-disabled .btn-buy-radio-container .btn-buy-radio-title-container .bb-title {
  color: #bbbbbb;
}
.btn-buy-radio-disabled .btn-buy-radio-container .btn-buy-radio-title-container .bb-caption {
  color: #bbbbbb;
}
.btn-buy-radio-disabled .btn-buy-radio-container .bb-currency {
  color: #bbbbbb;
}
.btn-buy-radio-disabled:hover {
  cursor: not-allowed;
  border: 1px solid rgba(0, 87, 150, 0.08);
  background: transparent;
}
.btn-buy-radio-disabled:hover .btn-buy-radio-container {
  background: transparent;
}
.btn-buy-radio-checked {
  border: 1px solid #329aed;
  background: white;
}
.btn-buy-radio-circle {
  display: none;
}
.button-blue {
  border-radius: 16px;
  background: var(--Button_Primary, linear-gradient(90deg, var(--colors-blue-50, #008DC9) 0%, var(--colors-blue-30, #34A7D9) 100%));
  color: white;
  color: var(--text-primary, #FFF);
  text-align: center;
  /* ui/button-L */
  font-family: Montserrat;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 124%;
  /* 19.84px */
}

@media screen and (max-width: 767px) {
  .button,
  button {
    display: inline-flex;
    padding: 16px 24px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    transition: all 0.3s ease;
    border-radius: 16px;
    border: none;
    text-align: center;
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 116%;
  }
  .button:hover,
  button:hover {
    cursor: pointer;
  }
  .button-uzkiy {
    transition: all 0.3s ease;
    border-radius: 16px;
    border: none;
    display: flex;
    padding: 9px 14px;
    justify-content: center;
    align-items: center;
    gap: 10px;
  }
  .button-uzkiy:hover {
    cursor: pointer;
  }
  .button-white {
    background: var(--ui-button-default-white, #FFF);
    color: black;
    border: 1px solid grey;
  }
  .button-white:hover {
    cursor: pointer;
  }
  .button-orange {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    color: var(--text-primary-white, #FFF);
    background: var(--ui-button-primary-default, #FF7A14);
    transition: all 0.3s;
  }
  .button-orange:hover {
    background: var(--focus-orange, #FF8E4D);
  }
  .button-orange:disabled, .button-orange[disabled], .button-orange[disabled=disabled] {
    display: flex;
    padding: 16px 32px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    align-self: stretch;
    border-radius: 16px;
    background: var(--ui-button-disabled, #F8F8F8);
    color: var(--text-disabled, rgba(0, 0, 0, 0.32));
    text-align: center;
    /* ui/button-M */
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 116%;
    /* 16.24px */
  }
  .button-grey {
    border-radius: 16px;
    background: var(--ui-button-default-gray, #F3F3F3);
    color: var(--text-primary, #000);
    text-align: center;
    /* ui/button-M */
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 116%;
    /* 16.24px */
  }
  .button-black {
    border-radius: 16px;
    background: #000;
  }
  .button.button-blue {
    display: flex;
    padding: 14px 32px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 6px;
    border-radius: 16px;
    background: linear-gradient(90deg, var(--colors-blue-50, #008DC9) 0%, var(--colors-blue-30, #34A7D9) 100%);
    color: var(--text-primary, #FFF);
    text-align: center;
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 124%;
    /* 19.84px */
  }
  .button.button-blue:disabled, .button.button-blue[disabled], .button.button-blue[disabled=disabled], .button.button-blue-disabled {
    color: var(--text-disabled, rgba(0, 0, 0, 0.32));
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    background: var(--bg-01, #F8F8F8);
  }
  .button.button-icon {
    gap: 6px;
    display: flex;
    flex-direction: row;
    align-items: center;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  button,
  .button {
    display: flex;
    padding: 16px 32px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    transition: all 0.3s ease;
    border-radius: 16px;
    border: none;
    color: var(--text-primary-white, #FFF);
    text-align: center;
    /* ui/button-M */
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 116%;
    /* 16.24px */
  }
  button:hover,
  .button:hover {
    cursor: pointer;
  }
  .button-white {
    background: var(--ui-button-default-white, #FFF);
    color: black;
    border: 1px solid grey;
  }
  .button-white:hover {
    cursor: pointer;
  }
  .button-grey {
    border-radius: 16px;
    background: var(--ui-button-default-gray, #F3F3F3);
    color: var(--text-primary-black, #000);
    text-align: center;
    /* m/ui/button-M */
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 116%;
    /* 16.24px */
    color: var(--text-primary, #000);
    text-align: center;
    /* ui/button-M */
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 116%;
    /* 16.24px */
  }
  .button-orange {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    color: var(--text-primary-white, #FFF);
    background: var(--ui-button-primary-default, #FF7A14);
    transition: all 0.3s;
  }
  .button-orange:hover {
    background: var(--focus-orange, #FF8E4D);
  }
  .button-orange:disabled, .button-orange[disabled], .button-orange[disabled=disabled] {
    display: flex;
    padding: 16px 32px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    align-self: stretch;
    border-radius: 16px;
    background: var(--ui-button-disabled, #F8F8F8);
    color: var(--text-disabled, rgba(0, 0, 0, 0.32));
    text-align: center;
    /* ui/button-M */
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 116%;
    /* 16.24px */
  }
  .button.button-blue {
    display: flex;
    padding: 14px 32px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 6px;
    border-radius: 16px;
    background: linear-gradient(90deg, var(--colors-blue-50, #008DC9) 0%, var(--colors-blue-30, #34A7D9) 100%);
    color: var(--text-primary, #FFF);
    text-align: center;
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 124%;
    /* 19.84px */
  }
  .button.button-blue:disabled, .button.button-blue[disabled], .button.button-blue[disabled=disabled], .button.button-blue-disabled {
    color: var(--text-disabled, rgba(0, 0, 0, 0.32));
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    background: var(--bg-01, #F8F8F8);
  }
  .button.button-icon {
    gap: 6px;
    display: flex;
    flex-direction: row;
    align-items: center;
  }
}
@media screen and (min-width: 991px) {
  .button,
  button {
    width: auto;
    display: flex;
    padding: 16px 32px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    transition: all 0.3s ease;
    border-radius: 16px;
    border: none;
    color: var(--text-primary-white, #FFF);
    text-align: center;
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 116%;
  }
  .button:hover,
  button:hover {
    cursor: pointer;
  }
  .button-grey {
    border-radius: 16px;
    background: var(--ui-button-default-gray, #F3F3F3);
    color: var(--text-primary-black, #000);
    text-align: center;
    /* m/ui/button-M */
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 116%;
    /* 16.24px */
    color: var(--text-primary, #000);
    text-align: center;
    /* ui/button-M */
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 116%;
    /* 16.24px */
  }
  .button-orange {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    color: var(--text-primary-white, #FFF);
    background: var(--ui-button-primary-default, #FF7A14);
    transition: all 0.3s;
  }
  .button-orange:hover {
    background: var(--focus-orange, #FF8E4D);
  }
  .button-orange:disabled, .button-orange[disabled], .button-orange[disabled=disabled] {
    display: flex;
    padding: 16px 32px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    align-self: stretch;
    border-radius: 16px;
    background: var(--ui-button-disabled, #F8F8F8);
    color: var(--text-disabled, rgba(0, 0, 0, 0.32));
    text-align: center;
    /* ui/button-M */
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 116%;
    /* 16.24px */
  }
  .button-icon {
    display: flex;
    padding: 18px 28px;
    justify-content: center;
    align-items: center;
    gap: 10px;
  }
  .button-icon svg {
    width: 16px;
    height: 16px;
  }
  .button.button-icon {
    color: black;
  }
  .button-white {
    background: var(--ui-button-default-white, #FFF);
    color: black;
    border: 1px solid grey;
  }
  .button-white:hover {
    cursor: pointer;
  }
  .button.button-blue {
    display: flex;
    padding: 14px 32px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 6px;
    border-radius: 16px;
    background: linear-gradient(90deg, var(--colors-blue-50, #008DC9) 0%, var(--colors-blue-30, #34A7D9) 100%);
    color: var(--text-primary, #FFF);
    text-align: center;
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 124%;
    /* 19.84px */
  }
  .button.button-blue:disabled, .button.button-blue[disabled], .button.button-blue[disabled=disabled], .button.button-blue-disabled {
    color: var(--text-disabled, rgba(0, 0, 0, 0.32));
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    background: var(--bg-01, #F8F8F8);
  }
  .button.button-icon {
    gap: 6px;
    display: flex;
    flex-direction: row;
    align-items: center;
  }
}
.button-red {
  border-radius: 12px;
  background: var(--button-error, #FFEDED);
  color: var(--text-error, #E50000);
  text-align: center;
  /* ui/button-M */
  font-family: Montserrat;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 116%;
  /* 16.24px */
}

.button40 {
  padding: 12px 24px;
  height: 40px;
}

.button48 {
  padding: 16px 32px;
  height: 48px;
}

.button56 {
  padding: 18px 32px;
  height: 56px;
  font-size: 16px;
  font-weight: 500;
}

.f {
  display: flex;
}

.fd-column {
  flex-direction: column;
}

.fd-row {
  flex-direction: row;
}

.fd-row-reverse {
  flex-direction: row-reverse;
}

.jc-revert {
  justify-content: revert;
}

.jc-space-between {
  justify-content: space-between;
}

.jc-space-around {
  justify-content: space-around;
}

.jc-fs {
  justify-content: flex-start;
}

.jc-center {
  justify-content: center;
}

.ai-center {
  align-items: center;
}

.ai-baseline {
  align-items: baseline;
}

.fw-w {
  flex-wrap: wrap;
}

.g-4 {
  gap: 4px;
}

.g-16 {
  gap: 16px;
}

.g-8 {
  gap: 8px;
}

.g-20 {
  gap: 20px;
}

.tw-auto {
  text-wrap: auto;
}

.bnq-h1 {
  font-size: 48px !important;
  color: #202020;
  font-weight: 700 !important;
  line-height: 1.1em !important;
  letter-spacing: 0.02em !important;
}
.bnq-h1-xs {
  font-size: 32px !important;
}

.bnq-h2 {
  font-size: 32px !important;
  color: #202020;
  font-weight: 700 !important;
  line-height: 1.2em !important;
}
.bnq-h2-xs {
  font-size: 24px !important;
}

.bnq-h3 {
  font-size: 24px !important;
  color: #202020;
  font-weight: 600 !important;
  line-height: 1.3em !important;
}
.bnq-h3-xs {
  font-size: 20px !important;
}

.bnq-h4 {
  font-size: 20px !important;
  color: #202020;
  font-weight: 600 !important;
  line-height: 1.3em !important;
}
.bnq-h4-xs {
  font-size: 18px !important;
}

.bnq-h5 {
  font-size: 16px !important;
  color: #202020;
  font-weight: 600 !important;
  line-height: 1.3em !important;
}

.bnq-h1 {
  color: #202020;
  font-weight: 700;
  font-size: 3.5rem;
  line-height: 5rem;
}

.bnq-h2 {
  color: #202020;
  font-weight: 700;
  font-size: 2.5rem;
  line-height: 3.5rem;
}

.bnq-h3 {
  color: #202020;
  font-weight: 500;
  font-size: 2.5rem;
  line-height: 3.5rem;
}

.bnq-h4 {
  color: #202020;
  font-weight: 700;
  font-size: 2rem;
  line-height: 2.5rem;
}

.bnq-s1 {
  color: #202020;
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 2rem;
}

.bnq-s2 {
  color: #202020;
  font-weight: 500;
  font-size: 1.25rem;
  line-height: 2rem;
}

.bnq-b1 {
  color: #202020;
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.5rem;
}

.bnq-b2 {
  color: #202020;
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.bnq-b3 {
  color: #202020;
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.bnq-c1 {
  color: #202020;
  font-weight: 700;
  font-size: 0.75rem;
  line-height: 1.25rem;
}

.bnq-c2 {
  color: #202020;
  font-weight: 600;
  font-size: 0.625rem;
  line-height: 1rem;
}

.ta-right {
  text-align: right;
}

.ta-left {
  text-align: left;
}

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

@font-face {
  font-family: "bqlogo";
  src: url("https://files.bioniq.ru/bioniq-ru/images/1_bqlogoRegular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
.tt-u {
  text-transform: uppercase;
}

.td-u {
  text-decoration: underline;
  transition: 0.5s all;
}

.td-none-hover {
  transition: 0.5s all;
}
.td-none-hover:hover {
  cursor: pointer;
  text-decoration: none;
}

h1 {
  font-size: 48px;
  font-weight: 700;
  line-height: 1.1em;
  letter-spacing: 0.02em;
  color: #202020;
}
h1-xs {
  font-size: 32px;
}

h2 {
  font-size: 32px;
  color: #202020;
  font-weight: 600;
  line-height: 1.2em;
}
h2-xs {
  font-size: 24px;
}

h3 {
  font-size: 24px;
  color: #202020;
  font-weight: 500;
  line-height: 1.3em;
}
h3-xs {
  font-size: 20px;
}

h4 {
  font-size: 20px;
  color: #202020;
  font-weight: 500;
  line-height: 1.3em;
}
h4-xs {
  font-size: 18px;
}

h5 {
  font-size: 16px;
  color: #202020;
  font-weight: 500;
  line-height: 1.3em;
}

.input--dropdown {
  position: absolute;
  left: 0;
  top: 78px;
  right: 0;
  bottom: auto;
  overflow: scroll;
  max-height: 301px;
  padding-top: 12px;
  padding-bottom: 12px;
  border: 1px solid rgba(0, 87, 150, 0.08);
  border-radius: 16px;
  background-color: #fff;
  box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.08);
}
.input--dropdown .item {
  padding: 10px 32px;
  transition: 0.3s;
  font-size: 15px;
  font-weight: 400;
  cursor: pointer;
}

.input-wrap {
  position: relative;
  z-index: 2;
  width: 100%;
}
.input-wrap .input__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  position: absolute;
  right: 16px;
  top: 0px;
  bottom: 0px;
  left: auto;
  margin: auto 0px;
  transition: all 0.4s ease;
  cursor: pointer;
}
.input-wrap .arrow-btn {
  position: absolute;
  left: auto;
  right: 16px;
  min-width: 38px;
  min-height: 38px;
  border-radius: 38px;
  background-color: #202020;
  cursor: pointer;
  transition: all 0.2s ease;
  background-image: url("/assets/img/common/icon-arrow-right-grey.svg");
  background-position: 50% 50%;
  background-size: auto;
  background-repeat: no-repeat;
  display: none;
}
.input-wrap .arrow-btn:hover {
  background-color: #0a8fe0;
}
.input-wrap .arrow-btn:hover + .arrow-btn {
  background-color: #0a8fe0;
}
.input-wrap .arrow-btn-disabled {
  background-color: #bbbbbb;
  cursor: not-allowed;
}
.input-wrap .calendar-btn {
  position: absolute;
  left: auto;
  right: 14px;
  min-width: 38px;
  min-height: 38px;
  border-radius: 38px;
  background-color: #fff;
  cursor: pointer;
  -webkit-user-select: none;
          user-select: none;
  transition: all 0.4s ease;
  background-image: url("/assets/img/common/icon-calendar.svg");
  background-position: 50% 50%;
  background-size: auto;
  background-repeat: no-repeat;
  pointer-events: none;
}
.input-wrap .select-btn {
  position: absolute;
  left: auto;
  right: 16px;
  min-width: 38px;
  min-height: 38px;
  border-radius: 38px;
  background-color: #fff;
  cursor: pointer;
  -webkit-user-select: none;
          user-select: none;
  transition-property: opacity, transform;
  transition-duration: 0.3s;
  background-image: url("/assets/img/common/icon-arrow-down-select.svg");
  background-position: 50% 50%;
  background-size: auto;
  background-repeat: no-repeat;
}

.wrap--health {
  max-width: 398px;
  margin: 0 auto 24px;
}

.input {
  font-family: "Montserrat", Arial, Helvetica, sans-serif;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  text-align: left;
  color: #202020;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5em;
  transition: all 0.4s ease;
  caret-color: #329aed;
}
.input[readonly] {
  cursor: text;
}
.input input[type=text],
.input input[type=submit],
.input input[type=radio],
.input input[type=checkbox],
.input textarea,
.input input,
.input select {
  font: inherit;
  appearance: none;
  margin: 0;
}
.input .input--text {
  min-height: 64px;
  padding: 28px 16px 10px;
  margin-bottom: 0;
  font-weight: 400;
  border-radius: 16px;
  width: 100%;
  border: 1px solid rgba(0, 87, 150, 0.08);
  cursor: text;
  transition: all 0.4s ease;
}
.input .input--text:hover {
  border: 1px solid #329aed;
}
.input .input--text[disabled] {
  background-color: #f3f3f3;
}
.input .input--text[disabled]:hover {
  border: 1px solid rgba(0, 87, 150, 0.08);
  cursor: not-allowed;
}
.input .input--text:focus {
  outline: 0px solid transparent;
  border: 1px solid #329aed;
}
.input .input--text:not(:placeholder-shown) + .input-label {
  top: 8px;
  left: 17px;
  font-size: 12px;
}
.input .input--text:focus ~ .select-btn {
  transform: rotate(180deg);
}
.input .input--text:focus + .input-label {
  top: 8px;
  left: 17px;
  font-size: 12px;
}
.input .input--text:valid ~ .arrow-btn {
  display: block;
}
.input .input--text:invalid {
  border: 1px solid #d10714;
}
.input .input--text:invalid ~ .input__caption {
  color: #d10714;
  opacity: 1;
}
.input .input-label {
  position: absolute;
  left: 17px;
  font-size: 16px;
  top: 32%;
  transition: all 0.15s ease-out;
  color: #818f99;
  cursor: text;
  -webkit-user-select: none;
          user-select: none;
}
.input .input__caption {
  position: absolute;
  left: 17px;
  top: auto;
  bottom: -24px;
  font-size: 12px;
  top: auto;
  transition: all 0.3s ease-out;
  color: #818f99;
  cursor: text;
  -webkit-user-select: none;
          user-select: none;
  opacity: 0;
}

.input--card {
  min-height: 64px;
  margin-bottom: 0;
  font-weight: 400;
  border-radius: 16px;
  width: 100%;
  border: 1px solid rgba(0, 87, 150, 0.08);
  cursor: text;
  transition: all 0.4s ease;
  padding: 20px 16px;
  background-color: #f6f8fb;
}
.input--card:hover {
  border: 1px solid #329aed;
}

.btn-radio-wrap {
  width: 100%;
  max-width: 358px;
}
.btn-radio-wrap-xs {
  max-width: none;
  width: 100%;
}

.health3-btn-radio-wrap {
  width: 100%;
}
.health3-btn-radio-wrap-xs {
  max-width: none;
  width: 100%;
}

.input--radio {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5em;
  padding: 22px 20px 22px 30px;
  background: #ffffff;
  border: 1px solid rgba(0, 87, 150, 0.08);
  border-radius: 40px;
  min-width: 250px;
  -webkit-user-select: none;
          user-select: none;
  gap: 18px;
  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
}
.input--radio:hover {
  box-shadow: 0px 8px 12px rgba(0, 0, 0, 0.12), -8px -8px 2px rgba(255, 255, 255, 0.06);
  cursor: pointer;
}
.input--radio-disabled {
  background: #eaeaea;
  box-shadow: none;
  cursor: not-allowed;
}
.input--radio-disabled:hover {
  box-shadow: none;
}
.input--radio-checked {
  border: 1px solid #202020;
}
.input--radio-checked:hover {
  box-shadow: none;
  cursor: default;
}
.input--radio-xs:hover {
  box-shadow: none;
}
.input--radio input[type=radio] {
  min-width: 16px;
  min-height: 16px;
  flex-shrink: 0;
  border: 1px solid #202020;
  border-radius: 50%;
  transform: translateY(-0.075em);
  display: flex;
  align-items: center;
  justify-content: center;
}
.input--radio input[type=radio]::before {
  content: "";
  width: 0.6em;
  height: 0.6em;
  border-radius: 50%;
  transform: scale(0);
  transition: 120ms transform ease-in-out;
  box-shadow: inset 1em 1em #202020;
}
.input--radio input[type=radio]:checked::before {
  transform: scale(1);
}
.input--radio input[type=radio]:disabled {
  cursor: not-allowed;
}

.health3-input--radio {
  display: flex;
  padding: 20px 16px;
  align-items: center;
  gap: 8px;
  align-self: stretch;
  border-radius: 16px;
  border: 1px solid var(--stroke-medium, rgba(0, 0, 0, 0.12));
  background: var(--bg-white, #FFF);
  color: var(--text-primary-black, #000);
  /* ui/button-M */
  font-family: Montserrat;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 116%;
  /* 16.24px */
  display: flex;
  padding: 20px 16px;
  align-items: center;
  gap: 8px;
  align-self: stretch;
}
.health3-input--radio-disabled {
  background: #eaeaea;
  box-shadow: none;
  cursor: not-allowed;
}
.health3-input--radio-disabled:hover {
  box-shadow: none;
}
.health3-input--radio input[type=radio] {
  display: none;
}

.health3-input--radio-checked {
  border-radius: 16px;
  border: 1.4px solid var(--focus-focus, #00B2FE);
  background: var(--bg-white, #FFF);
  cursor: pointer;
}

.input--radio-circle input[type=radio] {
  min-width: 16px;
  min-height: 16px;
  flex-shrink: 0;
  border: 1px solid #202020;
  transform: translateY(-0.075em);
  background: white;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border-radius: 100px;
  flex: none;
  margin-top: 0;
  transition: all 0.1s;
  box-shadow: inset 0 0 0 4px #fff;
  margin-right: 16px;
  border-width: 1px;
  border-color: #202020;
  width: 24px;
  height: 24px;
}
.input--radio-circle input[type=radio]::before {
  content: "";
  width: 0.6em;
  height: 0.6em;
  border-radius: 50%;
  transform: scale(0);
  transition: 120ms transform ease-in-out;
  box-shadow: inset 1em 1em #202020;
}
.input--radio-circle input[type=radio]:checked::before {
  transform: scale(1);
  background-color: #202020;
}
.input--radio-circle input[type=radio]:disabled {
  cursor: not-allowed;
}
.input--radio-circle:hover {
  cursor: pointer;
}

@media screen and (min-width: 768px) {
  .health3-input--radio:hover {
    border-radius: 16px;
    border: 1.4px solid var(--focus-focus, #00B2FE);
    background: var(--bg-white, #FFF);
    cursor: pointer;
  }
}
.input--checkbox {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5em;
  padding: 22px 30px;
  min-height: 60px;
  gap: 18px;
  background: #ffffff;
  border: 1px solid rgba(0, 87, 150, 0.08);
  border-radius: 4px;
  max-width: 358px;
  -webkit-user-select: none;
          user-select: none;
  cursor: pointer;
  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
}
.input--checkbox-checked {
  border: 1px solid #202020;
}
.input--checkbox-disabled {
  background: #eaeaea;
  box-shadow: none;
  cursor: not-allowed;
}
.input--checkbox-disabled:hover {
  box-shadow: none;
}
.input--checkbox-xs {
  width: 100%;
  max-width: auto;
}
.input--checkbox-xs:hover {
  box-shadow: none;
}
.input--checkbox input[type=checkbox] {
  background-color: #fff;
  cursor: pointer;
  min-width: 16px;
  min-height: 16px;
  border: 1px solid #202020;
  border-radius: 3px;
  transform: translateY(-1px);
  display: grid;
  place-content: center;
}
.input--checkbox input[type=checkbox]::before {
  content: "";
  width: 0.6em;
  height: 0.6em;
  transform: scale(0);
  transition: 120ms transform ease-in-out;
  background-image: url("/assets/img/common/checkbox-arrow-white.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 50% 80%;
}
.input--checkbox input[type=checkbox]:checked {
  background-color: #202020;
}
.input--checkbox input[type=checkbox]:checked::before {
  transform: scale(1);
}
.input--checkbox input[type=checkbox]:disabled {
  cursor: not-allowed;
  background-color: #eaeaea;
  border: 1px solid #b7b9bc;
}

.health3-input--checkbox {
  display: flex;
  padding: 20px 16px;
  align-items: center;
  gap: 8px;
  align-self: stretch;
  border-radius: 16px;
  width: 100% !important;
  justify-content: space-between;
  /* ui/button-M */
  font-family: Montserrat;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 116%;
  /* 16.24px */
  border-radius: 16px;
  border: 1px solid var(--stroke-medium, rgba(0, 0, 0, 0.12));
  background: var(--bg-white, #FFF);
}
.health3-input--checkbox svg {
  min-width: 16px;
  min-height: 16px;
}
.health3-input--checkbox-checked {
  border: 1.4px solid var(--focus-focus, #00B2FE);
  background: var(--bg-white, #FFF);
  color: var(--text-primary-black, #000);
}
.health3-input--checkbox-checked:hover {
  box-shadow: none;
}
.health3-input--checkbox-disabled {
  background: #eaeaea;
  box-shadow: none;
  cursor: not-allowed;
  border-radius: 16px;
  border: 1px solid var(--stroke-light, rgba(0, 0, 0, 0.06));
  background: var(--bg-white, #FFF);
  color: var(--text-disabled, rgba(0, 0, 0, 0.32));
  /* ui/button-M */
  font-family: Montserrat;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 116%;
  /* 16.24px */
}
.health3-input--checkbox-disabled:hover {
  box-shadow: none;
  background: #eaeaea;
  box-shadow: none;
  cursor: not-allowed;
  border-radius: 16px;
  border: 1px solid var(--stroke-light, rgba(0, 0, 0, 0.06));
  background: var(--bg-white, #FFF);
  color: var(--text-disabled, rgba(0, 0, 0, 0.32));
  /* ui/button-M */
  font-family: Montserrat;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 116%;
  /* 16.24px */
}
.health3-input--checkbox input[type=checkbox] {
  display: none;
}

.without-check {
  min-width: auto;
  width: -moz-fit-content;
  width: fit-content;
  padding: 12px 20px;
}
.without-check input[type=checkbox] {
  display: none;
}

.health3-without-check {
  min-width: auto;
  width: -moz-fit-content;
  width: fit-content;
  display: flex;
  justify-content: space-between;
}
.health3-without-check input[type=checkbox] {
  display: none;
}

@media screen and (min-width: 768px) {
  .input--checkbox:hover {
    box-shadow: 0px 8px 12px rgba(0, 0, 0, 0.12), -8px -8px 2px rgba(255, 255, 255, 0.06);
  }
  .input--checkbox-checked:hover {
    box-shadow: none;
  }
  .input--checkbox-disabled {
    background: #eaeaea;
    box-shadow: none;
    cursor: not-allowed;
  }
  .input--checkbox-disabled:hover {
    box-shadow: none;
  }
  .health3-input--checkbox:hover {
    border: 1.4px solid var(--focus-focus, #00B2FE);
    background: var(--bg-white, #FFF);
    color: var(--text-primary-black, #000);
    cursor: pointer;
  }
  .health3-input--checkbox-disabled {
    background: #eaeaea;
    box-shadow: none;
    cursor: not-allowed;
    border-radius: 16px;
    border: 1px solid var(--stroke-light, rgba(0, 0, 0, 0.06));
    background: var(--bg-white, #FFF);
    color: var(--text-disabled, rgba(0, 0, 0, 0.32));
    /* ui/button-M */
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 116%;
    /* 16.24px */
  }
  .health3-input--checkbox-disabled:hover {
    box-shadow: none;
    background: #eaeaea;
    box-shadow: none;
    cursor: not-allowed;
    border-radius: 16px;
    border: 1px solid var(--stroke-light, rgba(0, 0, 0, 0.06));
    background: var(--bg-white, #FFF);
    color: var(--text-disabled, rgba(0, 0, 0, 0.32));
    /* ui/button-M */
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 116%;
    /* 16.24px */
  }
}
.bnq-text-input input {
  height: 64px;
  background: #ffffff;
  border: 1px solid rgba(0, 87, 150, 0.12);
  box-sizing: border-box;
  box-shadow: inset -1px 3px 8px rgba(0, 0, 0, 0.05);
  border-radius: 16px;
  color: #042033;
  padding: 12px 20px;
  font-weight: 400;
  font-size: 16px !important;
  line-height: 1.5em;
  font-family: "Montserrat", Arial, Helvetica, sans-serif;
  width: 100%;
  caret-color: #0a8fe0;
}
.bnq-text-input input:hover {
  outline: none;
}
.bnq-text-input input:focus {
  outline: none;
}
.bnq-text-input .tip {
  color: #818f99;
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 1rem;
}

.bnq-fill-big-field {
  caret-color: #0a8fe0;
}
.bnq-fill-big-field-green .mat-form-field-flex {
  border-color: #91C794 !important;
}
.bnq-fill-big-field-green .mat-hint {
  color: #91C794 !important;
}
.bnq-fill-big-field-without-hint .mat-form-field-wrapper {
  padding-bottom: 0 !important;
}
.bnq-fill-big-field-without-hint .mat-form-field-subscript-wrapper {
  display: none;
}
.bnq-fill-big-field-without-hint .mat-form-field-appearance-outline .mat-form-field-wrapper {
  margin: 0 !important;
}
.bnq-fill-big-field mat-form-field.mat-form-field {
  font-size: 16px;
}
.bnq-fill-big-field .mat-form-field-underline {
  display: none;
}
.bnq-fill-big-field .mat-form-field {
  width: 100%;
}
.bnq-fill-big-field .mat-form-field-appearance-fill .mat-form-field-flex {
  width: 100%;
  background: #ffffff;
  border: 1px solid rgba(0, 87, 150, 0.08);
  box-sizing: border-box;
  border-radius: 16px;
  height: 64px;
  box-shadow: inset -1px 3px 8px rgba(0, 0, 0, 0.05);
}
.bnq-fill-big-field-textarea .mat-form-field-appearance-fill .mat-form-field-flex {
  height: auto;
}
.bnq-fill-big-field input.mat-input-element {
  caret-color: #0a8fe0;
}
.bnq-fill-big-field .mat-form-field-prefix .mat-icon-button span.mat-button-wrapper,
.bnq-fill-big-field .mat-form-field-suffix .mat-icon-button span.mat-button-wrapper {
  width: 32px;
  height: 32px;
  box-sizing: border-box;
  padding: 4px;
}
.bnq-fill-big-field .mat-form-field-prefix .mat-icon-button .mat-icon,
.bnq-fill-big-field .mat-form-field-suffix .mat-icon-button .mat-icon {
  opacity: 0.54;
  border-radius: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: initial;
  font-weight: 600;
  background: #E2E9EE;
  color: #829099;
  width: 100%;
  height: 100%;
  font-size: 16px;
}
.bnq-fill-big-field .mat-form-field:not(.mat-form-field-appearance-legacy) .mat-form-field-prefix .mat-icon,
.bnq-fill-big-field .mat-form-field:not(.mat-form-field-appearance-legacy) .mat-form-field-suffix .mat-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 1;
}
.bnq-fill-big-field .mat-form-field-suffix {
  position: absolute;
  right: 8px;
}
.bnq-fill-big-field-disabled .mat-form-field-flex {
  border: 1px solid rgba(0, 87, 150, 0.08) !important;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.06), -8px -8px 2px rgba(255, 255, 255, 0.04) !important;
  background: #F3F3F3 !important;
}
.bnq-fill-big-field-error .mat-form-field-flex {
  border: 1px solid #D10714 !important;
}
.bnq-fill-big-field-error .mat-form-field-label {
  color: #d10714 !important;
}
.bnq-fill-big-field-warning .mat-form-field-flex {
  border: 1px solid orange !important;
}
.bnq-fill-big-field-warning .mat-form-field-label {
  color: orange !important;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type=number] {
  -moz-appearance: textfield;
}

.error-hint {
  font-weight: 400;
  font-size: 14px;
  line-height: 150%;
  color: #D10714;
}
.error-hint-xs {
  font-size: 12px;
}

.warning-hint {
  font-weight: 400;
  font-size: 14px;
  line-height: 150%;
  color: orange;
}

.bnq-fill-big-field-chip {
  caret-color: #0a8fe0;
}
.bnq-fill-big-field-chip-green .mat-form-field-flex {
  border-color: #91C794 !important;
}
.bnq-fill-big-field-chip-green .mat-hint {
  color: #91C794 !important;
}
.bnq-fill-big-field-chip-without-hint .mat-form-field-wrapper {
  padding-bottom: 0 !important;
}
.bnq-fill-big-field-chip-without-hint .mat-form-field-subscript-wrapper {
  display: none;
}
.bnq-fill-big-field-chip-without-hint .mat-form-field-appearance-outline .mat-form-field-wrapper {
  margin: 0 !important;
}
.bnq-fill-big-field-chip mat-form-field.mat-form-field {
  font-size: 16px;
}
.bnq-fill-big-field-chip .mat-form-field-underline {
  display: none;
}
.bnq-fill-big-field-chip .mat-form-field {
  width: 100%;
}
.bnq-fill-big-field-chip .mat-form-field-appearance-fill .mat-form-field-flex {
  background: #ffffff;
  border: 1px solid rgba(0, 87, 150, 0.08);
  box-sizing: border-box;
  border-radius: 16px;
  height: auto;
  box-shadow: inset -1px 3px 8px rgba(0, 0, 0, 0.05);
}
.bnq-fill-big-field-chip-textarea .mat-form-field-appearance-fill .mat-form-field-flex {
  height: auto;
}
.bnq-fill-big-field-chip input.mat-input-element {
  caret-color: #0a8fe0;
}
.bnq-fill-big-field-chip .mat-form-field-prefix .mat-icon-button span.mat-button-wrapper,
.bnq-fill-big-field-chip .mat-form-field-suffix .mat-icon-button span.mat-button-wrapper {
  width: 32px;
  height: 32px;
  box-sizing: border-box;
  padding: 4px;
}
.bnq-fill-big-field-chip .mat-form-field-prefix .mat-icon-button .mat-icon,
.bnq-fill-big-field-chip .mat-form-field-suffix .mat-icon-button .mat-icon {
  opacity: 0.54;
  border-radius: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: initial;
  font-weight: 600;
  background: #E2E9EE;
  color: #829099;
  width: 100%;
  height: 100%;
  font-size: 16px;
}
.bnq-fill-big-field-chip .mat-form-field:not(.mat-form-field-appearance-legacy) .mat-form-field-prefix .mat-icon,
.bnq-fill-big-field-chip .mat-form-field:not(.mat-form-field-appearance-legacy) .mat-form-field-suffix .mat-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 1;
}
.bnq-fill-big-field-chip .mat-form-field-suffix {
  position: absolute;
  right: 8px;
}
.bnq-fill-big-field-chip-disabled .mat-form-field-flex {
  border: 1px solid rgba(0, 87, 150, 0.08) !important;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.06), -8px -8px 2px rgba(255, 255, 255, 0.04) !important;
  background: #F3F3F3 !important;
}
.bnq-fill-big-field-chip-error .mat-form-field-flex {
  border: 1px solid #D10714 !important;
}
.bnq-fill-big-field-chip-error .mat-form-field-label {
  color: #d10714 !important;
}
.bnq-fill-big-field-chip-warning .mat-form-field-flex {
  border: 1px solid orange !important;
}
.bnq-fill-big-field-chip-warning .mat-form-field-label {
  color: orange !important;
}
.bnq-fill-big-field-chip mat-chip-option {
  background-color: #FFEFC7 !important;
  font-size: 14px;
}
.bnq-fill-big-field-chip mat-chip-row {
  font-size: 14px !important;
}
.bnq-fill-big-field-chip .mat-mdc-standard-chip {
  background-color: #FFEFC7 !important;
}
.bnq-fill-big-field-chip .vitamin-tag.mat-mdc-standard-chip {
  background-color: #FFEFC7 !important;
}
.bnq-fill-big-field-chip .product-option.mat-mdc-standard-chip {
  background-color: #D7D8FF !important;
}
.bnq-fill-big-field-chip .another-option.mat-mdc-standard-chip {
  background-color: #F7ECFF !important;
}

.bnq-checkbox .mat-checkbox-inner-container {
  width: 20px;
  height: 20px;
  border-radius: 4px;
  padding: 6px;
  box-sizing: border-box;
  margin-right: 12px;
  -webkit-user-select: none;
          user-select: none;
}
.bnq-checkbox .mat-checkbox-layout .mat-checkbox-label {
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #042033;
}
.bnq-checkbox .mat-checkbox-indeterminate.mat-accent .mat-checkbox-background,
.bnq-checkbox .mat-checkbox-checked.mat-accent .mat-checkbox-background {
  background: linear-gradient(141.11deg, #016cba -3.21%, #0fa4f8 103.86%);
}

.health-checkbox-less-3 {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 18px 16px;
  height: 60px;
  background: #ffffff;
  border: 1px solid rgba(0, 87, 150, 0.08);
  border-radius: 4px;
  width: -moz-fit-content;
  width: fit-content;
  -webkit-user-select: none;
          user-select: none;
  transition: all 0.4s;
}
.health-checkbox-less-3 .checkbox-container {
  display: none;
}
.health-checkbox-less-3:hover {
  box-shadow: 0 8px 12px rgba(0, 0, 0, 0.12), -8px -8px 2px rgba(255, 255, 255, 0.06);
  cursor: pointer;
}
.health-checkbox-less-3 span {
  font-weight: 500;
  font-size: 16px;
  line-height: 150%;
  color: #202020;
}
.health-checkbox-less-3 input {
  display: none;
}
.health-checkbox-less-3-checked {
  border: 1px solid #424445;
}
.health-checkbox-less-3-checked:hover {
  cursor: default;
  box-shadow: none;
}
.health-checkbox-less-3-disabled {
  background: #eaeaea;
  box-shadow: none;
  cursor: not-allowed;
}
.health-checkbox-less-3-xs:hover {
  box-shadow: none;
}

.health-checkbox-more-3 {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 12px 20px;
  gap: 8px;
  height: 60px;
  left: 16px;
  top: 16px;
  background: #ffffff;
  border: 1px solid rgba(0, 87, 150, 0.08);
  border-radius: 4px;
  -webkit-user-select: none;
          user-select: none;
  transition: all 0.4s;
}
.health-checkbox-more-3 .checkbox-container {
  width: 36px;
  height: 36px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.health-checkbox-more-3:hover {
  cursor: pointer;
  box-shadow: 0 8px 12px rgba(0, 0, 0, 0.12), -8px -8px 2px rgba(255, 255, 255, 0.06);
}
.health-checkbox-more-3 span {
  font-weight: 500;
  font-size: 16px;
  line-height: 150%;
  color: #202020;
}
.health-checkbox-more-3 input {
  box-sizing: border-box;
  width: 16px;
  height: 16px;
  border: 1px solid #424445;
  border-radius: 3px;
  accent-color: #424445;
}
.health-checkbox-more-3-checked {
  border: 1px solid #424445;
}
.health-checkbox-more-3-checked:hover {
  cursor: default;
  box-shadow: none;
}
.health-checkbox-more-3-disabled {
  background: #eaeaea;
  box-shadow: none;
  cursor: not-allowed;
}
.health-checkbox-more-3-xs {
  width: 100%;
}
.health-checkbox-more-3-xs:hover {
  box-shadow: none;
}

.link {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  color: #202020;
}
.link-left-icon .icon {
  height: 16px;
  width: 16px;
  font-size: 16px;
  margin-right: 8px;
}
.link-right-icon .icon {
  height: 16px;
  width: 16px;
  font-size: 16px;
  margin-left: 8px;
}
.link-disabled {
  color: #829099;
  cursor: not-allowed;
  pointer-events: none;
}
.link .label {
  font-weight: 500;
  font-size: 18px;
  line-height: 150%;
  text-align: center;
  text-decoration-line: underline;
}
.link:hover {
  cursor: pointer;
  color: #000000;
}
.link-xs .label {
  font-size: 14px;
}
.link-xs .icon {
  height: 20px;
  width: 20px;
  font-size: 20px;
  margin-left: 0;
}

.input-options {
  border: 1px solid rgba(0, 87, 150, 0.08);
  box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.06) !important;
  border-radius: 16px !important;
}
.input-options .options__item {
  font-size: 16px;
  height: auto !important;
  line-height: 1.5em !important;
  padding: 0px 32px !important;
}
.input-options .options__item span {
  padding: 8px 0px !important;
  border-bottom: 1px solid rgba(0, 87, 150, 0.08);
}
.input-options .options__item:first-child {
  padding-top: 12px;
}
.input-options .options__item:last-child {
  padding-bottom: 12px;
}
.input-options .options__item:last-child span {
  border-bottom: none;
}

.mb-0 {
  margin-bottom: 0 !important;
}

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

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

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

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

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

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

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

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

.mb-24 {
  margin-bottom: 24px !important;
}

.mb-26 {
  margin-bottom: 26px !important;
}

.mb-28 {
  margin-bottom: 28px;
}

.mb-32 {
  margin-bottom: 32px;
}

.mb-36 {
  margin-bottom: 36px;
}

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

.mb-44 {
  margin-bottom: 44px;
}

.mb-46 {
  margin-bottom: 46px;
}

.mb-48 {
  margin-bottom: 48px;
}

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

.mb-64 {
  margin-bottom: 64px;
}

.mb-68 {
  margin-bottom: 68px;
}

.mb-72 {
  margin-bottom: 72px;
}

.mb-76 {
  margin-bottom: 76px;
}

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

.mb-88 {
  margin-bottom: 88px;
}

.m-a {
  margin: 0px auto;
}

.mr-14 {
  margin-right: 14px;
}

.mr-12 {
  margin-right: 12px;
}

.mr-6 {
  margin-right: 6px;
}

.ml-6 {
  margin-left: 6px;
}

.ml-12 {
  margin-left: 12px;
}

.ml-16 {
  margin-left: 16px;
}

.ml-26 {
  margin-left: 26px;
}

.mt-0 {
  margin-top: 0;
}

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

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

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

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

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

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

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

.mt-24 {
  margin-top: 24px;
}

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

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

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

.empty-info {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-align: center;
}
.empty-info .empty-info-content {
  max-width: 334px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-align: center;
  padding: 0 32px;
}
.empty-info .empty-info-content .eib-logo img {
  width: 180px;
}
.empty-info .empty-info-content .eib-caption {
  letter-spacing: 0.02em;
  color: #042033;
  font-weight: 700;
  font-size: 20px;
  line-height: 28px;
}
.empty-info .empty-info-content .eib-description {
  color: #042033;
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.empty-info-xs {
  height: calc(100vh - 49px - 48px - 48px);
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}

.p-0 {
  padding: 0;
}

.p-2 {
  padding: 2px;
}

.p-4 {
  padding: 4px;
}

.p-15 {
  padding: 15px;
}

.p-20 {
  padding: 20px;
}

.p-24 {
  padding: 24px;
}

.p-32 {
  padding: 32px;
}

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

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

.pt-24 {
  padding-top: 24px;
}

.pt-48 {
  padding-top: 48px;
}

.pt-64 {
  padding-top: 64px;
}

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

.ph-20 {
  padding-left: 20px;
  padding-right: 20px;
}

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

.ph-24 {
  padding-left: 24px;
  padding-right: 24px;
}

.pv-24 {
  padding-top: 24px;
  padding-bottom: 24px;
}

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

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

.pb-24 {
  padding-bottom: 24px;
}

.pl-8 {
  padding-left: 8px;
}

.pr-24 {
  padding-right: 24px;
}

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

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

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

.login-help-popup,
.report-info-popup,
.report-creation-popup,
.consultation-popup,
.login-popup {
  width: 50vw;
  height: 80vh;
  background: #ffffff;
  border-radius: 40px;
}
.login-help-popup mat-dialog-container,
.report-info-popup mat-dialog-container,
.report-creation-popup mat-dialog-container,
.consultation-popup mat-dialog-container,
.login-popup mat-dialog-container {
  background: #ffffff;
  border-radius: 40px;
  padding: 0;
  overflow: hidden;
}
.login-help-popup-xs,
.report-info-popup-xs,
.report-creation-popup-xs,
.consultation-popup-xs,
.login-popup-xs {
  width: 100vw;
  height: 100vh;
  max-width: 100vw !important;
}
.login-help-popup-xs mat-dialog-container,
.report-info-popup-xs mat-dialog-container,
.report-creation-popup-xs mat-dialog-container,
.consultation-popup-xs mat-dialog-container,
.login-popup-xs mat-dialog-container {
  background: #ffffff;
  border-radius: 0;
  padding: 0;
  overflow: hidden;
}

.login-help-popup {
  height: auto;
}

.logout-confirm-popup {
  width: 50vw;
  height: 301px;
  background: #ffffff;
  border-radius: 40px;
}
.logout-confirm-popup mat-dialog-container {
  background: #ffffff;
  border-radius: 40px;
  padding: 0;
  overflow: hidden;
}
.logout-confirm-popup-xs {
  width: 90vw;
  background: #ffffff;
  border-radius: 16px;
}
.logout-confirm-popup-xs mat-dialog-container {
  background: #ffffff;
  border-radius: 16px;
  padding: 0;
  overflow: hidden;
}

.vitamin-checkup-popup,
.vitamin-legend-popup,
.recipe-popup,
.product-info-popup {
  width: 64vw;
  height: 80vh;
  background: #ffffff;
  border-radius: 40px;
}
.vitamin-checkup-popup mat-dialog-container,
.vitamin-legend-popup mat-dialog-container,
.recipe-popup mat-dialog-container,
.product-info-popup mat-dialog-container {
  background: #ffffff;
  border-radius: 40px;
  padding: 0;
  overflow: hidden;
}
.vitamin-checkup-popup-xs,
.vitamin-legend-popup-xs,
.recipe-popup-xs,
.product-info-popup-xs {
  width: 100vw;
  height: 100vh;
  max-width: 100vw !important;
}
.vitamin-checkup-popup-xs mat-dialog-container,
.vitamin-legend-popup-xs mat-dialog-container,
.recipe-popup-xs mat-dialog-container,
.product-info-popup-xs mat-dialog-container {
  background: #ffffff;
  border-radius: 0;
  padding: 0;
  overflow: hidden;
}

.why-we-ask-popup,
.login-ordering-help-popup {
  background: #ffffff;
  border-radius: 20px;
  max-height: 100%;
  max-width: 560px !important;
  min-width: 480px !important;
  height: -moz-fit-content !important;
  height: fit-content !important;
  min-height: min-content !important;
}
.why-we-ask-popup mat-dialog-container,
.login-ordering-help-popup mat-dialog-container {
  background: #ffffff;
  border-radius: 20px;
  padding: 0;
  overflow: hidden;
}
.why-we-ask-popup-xs mat-dialog-container,
.login-ordering-help-popup-xs mat-dialog-container {
  border-radius: 20px 20px 0 0;
  padding: 40px 32px;
}

.full-recipe-popup,
.recipe-reason-popup,
.cloud-payment-popup,
.country-by-ip-popup,
.logout-popup,
.check-country-equality-popup {
  background: #ffffff;
  border-radius: 20px;
  max-height: 100%;
  max-width: 560px !important;
  min-width: 480px !important;
  height: -moz-fit-content !important;
  height: fit-content !important;
  min-height: min-content !important;
}
.full-recipe-popup mat-dialog-container,
.recipe-reason-popup mat-dialog-container,
.cloud-payment-popup mat-dialog-container,
.country-by-ip-popup mat-dialog-container,
.logout-popup mat-dialog-container,
.check-country-equality-popup mat-dialog-container {
  background: #ffffff;
  border-radius: 20px;
  padding: 0;
  overflow: hidden;
}
.full-recipe-popup-xs mat-dialog-container,
.recipe-reason-popup-xs mat-dialog-container,
.cloud-payment-popup-xs mat-dialog-container,
.country-by-ip-popup-xs mat-dialog-container,
.logout-popup-xs mat-dialog-container,
.check-country-equality-popup-xs mat-dialog-container {
  border-radius: 20px 20px 0 0;
  padding: 16px;
}

.cloud-payment-popup {
  max-width: 890px !important;
  width: 80%;
  height: 90% !important;
}

.cloud-payment-popup-xs mat-dialog-container {
  padding-left: 0;
  padding-right: 0;
}

.country-by-ip-popup,
.check-country-equality-popup {
  z-index: 999999;
  max-height: 250px !important;
  min-height: 250px !important;
  height: 250px !important;
  font-weight: 500;
  font-size: 16px;
  line-height: 150%;
  color: #202020;
}
.country-by-ip-popup-container,
.check-country-equality-popup-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  height: 100%;
  z-index: 999999;
  font-weight: 500;
  font-size: 16px;
  line-height: 150%;
  color: #202020;
  padding: 24px;
}
.country-by-ip-popup-container-actions,
.check-country-equality-popup-container-actions {
  display: flex;
  width: 100%;
  gap: 16px;
}
.consultation-popup {
  width: 100% !important;
  max-width: 770px !important;
  height: auto;
}
.consultation-popup-xs {
  width: auto;
  height: auto;
  max-width: 500px !important;
  position: static;
}
.consultation-popup-xs mat-dialog-container {
  background: #ffffff;
  border-radius: 0;
  padding: 0;
  border-radius: 37px;
  max-height: 90vh;
  overflow: auto;
}

.login-popup {
  height: -moz-fit-content;
  height: fit-content;
  width: -moz-fit-content;
  width: fit-content;
  overflow: auto;
}

.back-drop-filtered {
  background: rgba(0, 0, 0, 0.3);
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
}

.sale-popup {
  width: 100% !important;
  max-width: 1098px !important;
}
.sale-popup .mat-dialog-container {
  padding: 0;
  background: none;
  box-shadow: none;
}
.sale-popup-sm .mat-dialog-container {
  padding: 0;
  background: none;
  box-shadow: none;
}
.sale-popup-xs {
  height: 100%;
  width: 100%;
  position: static;
  max-width: 95vw !important;
}
.sale-popup-xs .mat-dialog-container {
  padding: 0;
  background: none;
  box-shadow: none;
}

.components-cost-popup {
  max-width: 400px !important;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  position: relative;
  max-height: 90vh;
  overflow: auto;
  border-radius: 20px;
  background: #FFF;
  box-shadow: 0px 20px 40px 0px rgba(0, 0, 0, 0.1);
  color: #0D2342;
}
.components-cost-popup .mat-dialog-container {
  padding: 0;
}
.components-cost-popup .mat-dialog-container {
  overflow: hidden;
}
.components-cost-popup-xs {
  max-width: 400px !important;
  width: 90vw;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  position: relative;
  max-height: 90vh;
  overflow: auto;
  border-radius: 20px;
  background: #FFF;
  box-shadow: 0px 20px 40px 0px rgba(0, 0, 0, 0.1);
}
.components-cost-popup-xs .mat-dialog-container {
  padding: 0;
}
.components-cost-popup-xs .mat-dialog-container {
  overflow: hidden;
}

.go-layout .gcost-table,
.components-cost-popup .gcost-table,
.components-cost-popup-xs .gcost-table {
  padding-top: 8px;
  position: relative;
}
.go-layout .gcost-row,
.components-cost-popup .gcost-row,
.components-cost-popup-xs .gcost-row {
  z-index: 0;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border-bottom: 1px solid rgba(75, 118, 166, 0.2);
  grid-template-rows: auto;
  grid-template-columns: 1.5fr 1fr 1.5fr;
  grid-auto-columns: 1fr;
  padding: 12px 16px;
  font-size: 14px;
  display: grid;
  position: relative;
}
.go-layout .gcost-row > div:first-child,
.components-cost-popup .gcost-row > div:first-child,
.components-cost-popup-xs .gcost-row > div:first-child {
  min-width: 126px;
}
.go-layout .gcost-textlast,
.components-cost-popup .gcost-textlast,
.components-cost-popup-xs .gcost-textlast {
  text-align: right;
}
.go-layout .gcost-link,
.components-cost-popup .gcost-link,
.components-cost-popup-xs .gcost-link {
  text-align: center;
  background-image: url(https://files.bioniq.ru/bioniq-ru/images/62b18c9035a4c9a0015a7d4c_jcost-arr.svg);
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: auto;
  align-self: center;
  margin: 20px auto;
  padding-right: 20px;
  text-decoration: underline;
  transition: opacity 0.2s;
  display: block;
  color: #0D2342;
  text-align: center;
  font-family: Montserrat;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  text-decoration-line: underline;
}
.go-layout .gcost-link:hover,
.components-cost-popup .gcost-link:hover,
.components-cost-popup-xs .gcost-link:hover {
  opacity: 0.5;
  cursor: pointer;
}
.go-layout .gcost-footer,
.components-cost-popup .gcost-footer,
.components-cost-popup-xs .gcost-footer {
  justify-content: space-between;
  padding: 40px 20px 20px;
  line-height: 1.2;
  display: flex;
  position: relative;
}
.go-layout .gcost-fcol,
.components-cost-popup .gcost-fcol,
.components-cost-popup-xs .gcost-fcol {
  z-index: 2;
  flex-direction: column;
  justify-content: space-between;
  display: flex;
  position: relative;
}
.go-layout .gcost-price,
.components-cost-popup .gcost-price,
.components-cost-popup-xs .gcost-price {
  font-size: 32px;
  font-weight: 600;
}
.go-layout .gcost-price--span,
.components-cost-popup .gcost-price--span,
.components-cost-popup-xs .gcost-price--span {
  font-size: 12px;
  display: block;
}
.go-layout .gcost--sm-ftext,
.components-cost-popup .gcost--sm-ftext,
.components-cost-popup-xs .gcost--sm-ftext {
  max-width: 130px;
  color: #829099;
  font-size: 12px;
  position: static;
  top: auto;
  bottom: 0%;
  left: auto;
  right: 0%;
}
.go-layout .gcost--circle,
.components-cost-popup .gcost--circle,
.components-cost-popup-xs .gcost--circle {
  z-index: 0;
  width: 240px;
  height: 240px;
  background-color: #eef3f8;
  border-radius: 240px;
  position: absolute;
  top: auto;
  bottom: -64px;
  left: -64px;
  right: auto;
}
.go-layout .mod--r,
.components-cost-popup .mod--r,
.components-cost-popup-xs .mod--r {
  text-align: right;
  align-items: flex-end;
}
.go-layout .gcost-table-over,
.components-cost-popup .gcost-table-over,
.components-cost-popup-xs .gcost-table-over {
  height: 48px;
  background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.2));
  position: absolute;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: 0%;
}
.go-layout .samos-podbor,
.components-cost-popup .samos-podbor,
.components-cost-popup-xs .samos-podbor {
  color: #0D2342;
  text-align: right;
  font-family: Montserrat;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 19.2px;
}

.client-recipe-popup {
  width: 100%;
  transform: none;
  max-width: 1024px !important;
}

.client-recipe-popup .mat-dialog-container {
  padding: 0;
  background-image: linear-gradient(#fff, #eef3f8);
  border-radius: 5px;
}

@media screen and (max-width: 767px) {
  .client-recipe-popup {
    height: 100vh;
    max-height: 100vh;
    overflow: auto;
    position: static;
  }
  .client-recipe-popup .mat-dialog-container {
    padding: 0;
    background-image: linear-gradient(#fff, #eef3f8);
    border-radius: 0;
  }
}
.mat-dialog-container:has(.app-promo-popup) {
  padding: 0 !important;
  box-shadow: none !important;
  max-height: 100vh;
  height: 100vh;
  overflow: auto;
}

.app-promo-popup {
  padding: 0;
  height: 100%;
}
.app-promo-popup mat-dialog-container {
  overflow: auto;
}

/* width */
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
  border-radius: 31px;
  background: #818f99;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555;
}

/* corners of scrollbar */
::-webkit-scrollbar-corner {
  display: none;
}

.title-block .number {
  color: #202020;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 20px;
  line-height: 150%;
}
.title-block .title {
  color: #000000;
  font-weight: 600;
  font-size: 40px;
  line-height: 140%;
}
.title-block .sub-title {
  color: #202020;
  font-weight: 500;
  font-size: 22px;
  line-height: 150%;
}
.title-block-xs {
  text-align: center;
}
.title-block-xs .number {
  font-size: 14px;
}
.title-block-xs .title {
  font-size: 24px;
}
.title-block-xs .sub-title {
  font-size: 16px;
}

.question-title .question-type {
  font-weight: 500;
  font-size: 16px;
  line-height: 150%;
  text-align: center;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #829099;
}
.question-title .question {
  font-weight: 500;
  font-size: 24px;
  line-height: 140%;
  text-align: center;
  color: #000000;
}
.question-title .hint {
  font-weight: 500;
  font-size: 16px;
  line-height: 150%;
  text-align: center;
  color: #202020;
}
.question-title-xs .question-type {
  font-weight: 600;
  font-size: 14px;
  line-height: 150%;
  text-align: center;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #829099;
}
.question-title-xs .question {
  font-weight: 600;
  font-size: 18px;
  line-height: 150%;
  text-align: center;
  color: #000000;
}
.question-title-xs .hint {
  font-weight: 500;
  font-size: 14px;
  line-height: 150%;
  text-align: center;
  color: #202020;
}

.status-bar {
  display: flex;
  align-items: center;
}
.status-bar .graph {
  margin-right: 16px;
  display: flex;
}
.status-bar .graph .section-status {
  margin-right: 4px;
  width: 65px;
  height: 4px;
  background: linear-gradient(to right, #b1c3d7 0%, white 0%);
  border-radius: 40px;
}
.status-bar .graph .section-status:last-child {
  margin-right: 0;
}
.status-bar .numbers {
  font-weight: 400;
  font-size: 14px;
  line-height: 150%;
  text-align: right;
  color: #042033;
}
.status-bar-xs {
  margin-bottom: 24px;
  justify-content: center;
}
.status-bar-xs .numbers {
  font-size: 12px;
}
.status-bar-xs .graph .section-status {
  width: 48px;
}

.title-block .number {
  color: #202020;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 20px;
  line-height: 150%;
}
.title-block .title {
  color: #000000;
  font-weight: 600;
  font-size: 40px;
  line-height: 140%;
}
.title-block .sub-title {
  color: #202020;
  font-weight: 500;
  font-size: 22px;
  line-height: 150%;
}
.title-block-xs {
  text-align: center;
}
.title-block-xs .number {
  font-size: 14px;
}
.title-block-xs .title {
  font-size: 24px;
}
.title-block-xs .sub-title {
  font-size: 16px;
}

.title {
  font-size: 40px;
  font-weight: 600;
  line-height: 1.1em;
  letter-spacing: 0.02em;
  color: #202020;
}
.title-xs {
  font-size: 32px;
}

/* based on angular-toastr css https://github.com/Foxandxss/angular-toastr/blob/cb508fe6801d6b288d3afc525bb40fee1b101650/dist/angular-toastr.css */
/* position */
.toast-center-center {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.toast-top-center {
  top: 40px;
  width: 100%;
}

.toast-bottom-center {
  bottom: 0;
  right: 0;
  width: 100%;
}

.toast-top-full-width {
  top: 0;
  right: 0;
  width: 100%;
}

.toast-bottom-full-width {
  bottom: 0;
  right: 0;
  width: 100%;
}

.toast-top-left {
  top: 12px;
  left: 12px;
}

.toast-top-right {
  top: 12px;
  right: 12px;
}

.toast-bottom-right {
  right: 12px;
  bottom: 12px;
}

.toast-bottom-left {
  bottom: 12px;
  left: 12px;
}

/* toast styles */
.toast-title {
  font-weight: bold;
}

.toast-message {
  word-wrap: break-word;
}

.toast-message a,
.toast-message label {
  color: #FFFFFF;
}

.toast-message a:hover {
  color: #CCCCCC;
  text-decoration: none;
}

.toast-close-button {
  position: relative;
  right: -0.3em;
  top: -0.3em;
  float: right;
  font-size: 20px;
  font-weight: bold;
  color: #FFFFFF;
  text-shadow: 0 1px 0 #ffffff;
  /* opacity: 0.8; */
}

.toast-close-button:hover,
.toast-close-button:focus {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.4;
}

/*Additional properties for button version
 iOS requires the button element instead of an anchor tag.
 If you want the anchor version, it requires `href="#"`.*/
button.toast-close-button {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
}

.toast-container {
  pointer-events: none;
  position: fixed;
  z-index: 999999;
}

.toast-container * {
  box-sizing: border-box;
}

.toast-container .ngx-toastr {
  position: relative;
  overflow: hidden;
  margin: 0 0 6px;
  padding: 15px 15px 15px 50px;
  width: 300px;
  border-radius: 3px 3px 3px 3px;
  background-position: 15px center;
  background-repeat: no-repeat;
  background-size: 24px;
  box-shadow: 0 0 12px #999999;
  color: #FFFFFF;
}

.toast-container .ngx-toastr:hover {
  box-shadow: 0 0 12px #000000;
  opacity: 1;
  cursor: pointer;
}

.toast-container.toast-top-center .ngx-toastr,
.toast-container.toast-bottom-center .ngx-toastr {
  width: 300px;
  margin-left: auto;
  margin-right: auto;
}

.toast-container.toast-top-full-width .ngx-toastr,
.toast-container.toast-bottom-full-width .ngx-toastr {
  width: 96%;
  margin-left: auto;
  margin-right: auto;
}

.ngx-toastr {
  background-color: #030303;
  pointer-events: auto;
}

.toast-error .snackbar-body,
.toast-success .snackbar-body,
.toast-info .snackbar-body,
.toast-warning .snackbar-body {
  border-radius: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 98vw;
}
.toast-error .snackbar-body .snackbar-body-message,
.toast-success .snackbar-body .snackbar-body-message,
.toast-info .snackbar-body .snackbar-body-message,
.toast-warning .snackbar-body .snackbar-body-message {
  padding: 26px 22px;
  color: #FFFFFF;
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 1rem;
}
.toast-error-xs .snackbar-body,
.toast-success-xs .snackbar-body,
.toast-info-xs .snackbar-body,
.toast-warning-xs .snackbar-body {
  width: 90%;
  max-width: 100vw;
}

.toast-success .snackbar-body {
  background-color: #66B639;
}

.toast-error .snackbar-body {
  background-color: #BD362F;
}

.toast-info .snackbar-body {
  background-color: #2F96B4;
}

.toast-warning .snackbar-body {
  background-color: #F89406;
}

.toast-progress {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 4px;
  background-color: #000000;
  opacity: 0.4;
}

/* Responsive Design */
@media all and (max-width: 240px) {
  .toast-container .ngx-toastr.div {
    padding: 8px 8px 8px 50px;
    width: 11em;
  }
  .toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
}
@media all and (min-width: 241px) and (max-width: 480px) {
  .toast-container .ngx-toastr.div {
    padding: 8px 8px 8px 50px;
    width: 18em;
  }
  .toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
}
@media all and (min-width: 481px) and (max-width: 768px) {
  .toast-container .ngx-toastr.div {
    padding: 15px 15px 15px 50px;
    width: 25em;
  }
}
.total-loader-overlay {
  top: 0;
  background-color: rgba(4, 7, 10, 0.13);
  width: 100%;
  height: 100%;
  z-index: 10000;
  min-height: 100vh;
  left: 0;
  position: fixed;
  -webkit-backdrop-filter: blur(50px);
          backdrop-filter: blur(50px);
}

.total-loader {
  position: fixed !important;
  left: calc(50% - 50px);
  top: 50%;
  z-index: 90001;
}

.w-20 {
  width: 20%;
}

.w-30 {
  width: 30%;
}

.w-40 {
  width: 40%;
}

.w-50 {
  width: 50%;
}

.w-60 {
  width: 60%;
}

.w-70 {
  width: 70%;
}

.w-80 {
  width: 80%;
}

.w-100 {
  width: 100%;
}

.w-mc {
  width: max-content;
}

.w-a {
  width: auto;
}

.w-fc {
  width: -moz-fit-content;
  width: fit-content;
}

.mw-none {
  max-width: none;
}

.mw-50 {
  max-width: 50%;
}

.mw-500 {
  max-width: 500px;
}

.mw-1024 {
  max-width: 1024px;
}

.mw-1048 {
  max-width: 1048px;
}

.mw-1240 {
  max-width: 1240px;
}

.mw-1080 {
  max-width: 1080px;
}

.mw-990 {
  max-width: 990px;
}

.mw-950 {
  max-width: 950px;
}

.mw-358 {
  max-width: 358px;
}

.mw-240 {
  max-width: 240px;
}

.mw-258 {
  max-width: 258px;
}

.mw-400 {
  max-width: 400px;
}

.mw-720 {
  max-width: 720px;
}

.mw-820 {
  max-width: 820px;
}

.mw-900 {
  max-width: 900px;
}

.mw-none {
  max-width: none !important;
}

.min-w-mc {
  min-width: max-content;
}

.container-1240-max {
  max-width: 1240px;
}

.h-100 {
  height: 100%;
}

.h-a {
  height: auto;
}

.mh-none {
  max-height: none !important;
}

.bnq-input-radio label:hover {
  cursor: pointer;
}
.bnq-input-radio label div {
  gap: 8px;
  display: flex;
  align-items: center;
}
.bnq-input-radio label input[type=radio] {
  display: none;
}
.bnq-input-radio label input[type=radio] + div:before {
  content: "";
  width: 13px;
  height: 13px;
  border-radius: 50%;
  cursor: pointer;
  min-width: 13px;
  min-height: 13px;
  flex-shrink: 0;
  border: 1px solid black;
  transform: translateY(-0.075em);
  justify-content: center;
}
.bnq-input-radio label input[type=radio]:checked + div:before {
  border: 2.1px solid white;
  box-sizing: border-box;
  outline: 1px solid black;
  background-color: black;
}

.page-default-hero-section {
  display: flex;
  height: 635px;
  max-width: 767px;
  padding: 96px 0 8px 0;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  align-self: stretch;
  border-radius: 0 0 18px 18px;
  background: url("https://files.bioniq.ru/bioniq-ru/images/go-page-hero-section-new-hero-img-2.webp") lightgray 50%/cover no-repeat;
}

.page-default-hero-section-info {
  display: flex;
  padding: 0 24px;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  align-self: stretch;
}

.page-default-hero-section-info-title {
  color: var(--text-primary, #FFF);
  font-family: Montserrat;
  font-size: 38px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
  letter-spacing: -0.76px;
}

.page-default-hero-section-info-subtitle {
  color: var(--text-primary, #FFF);
  /* m/long-M */
  font-family: Montserrat;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  /* 19.6px */
}

.page-default-hero-section-info-eng-trans {
  color: var(--text-secondary, rgba(255, 255, 255, 0.64));
  /* m/short-S */
  font-family: Montserrat;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  /* 14.4px */
}

.page-default-hero-section-price-actions {
  display: flex;
  padding: 0 8px;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  align-self: stretch;
}

.page-default-hero-section-price-actions-c {
  display: flex;
  padding: 0 16px;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  align-self: stretch;
}

.page-default-hero-section-price-actions-list {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  align-self: stretch;
}

.page-default-hero-section-price-actions-list-item {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  align-self: stretch;
  color: var(--text-primary, #FFF);
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.12);
  /* m/short-14 m */
  font-family: Montserrat;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 116%;
  /* 16.24px */
}

.page-default-hero-section-price-actions-trans {
  color: var(--text-secondary, rgba(255, 255, 255, 0.64));
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.12);
  /* m/short-14 m */
  font-family: Montserrat;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 116%;
  /* 16.24px */
}

.page-default-hero-section-price-actions-c-price {
  display: flex;
  padding: 20px 16px;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
}

.page-default-hero-section-price-actions-c-price-numbers {
  color: var(--text-primary, #FFF);
  /* m/h1 */
  font-family: Montserrat;
  font-size: 38px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
  /* 38px */
  letter-spacing: -0.76px;
}

.page-default-hero-section-price-actions-c-price-months {
  display: flex;
  padding: 8px 16px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 20px;
  background: rgba(0, 178, 242, 0.32);
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
  color: var(--text-primary, #FFF);
  /* m/h5 */
  font-family: Montserrat;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 116%;
  /* 16.24px */
}

@media screen and (min-width: 768px) {
  .page-default-hero-section {
    display: flex;
    height: 635px;
    padding: 96px 0 8px 0;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    align-self: stretch;
    border-radius: 0 0 18px 18px;
    background: url("https://files.bioniq.ru/bioniq-ru/images/go-page-hero-section-new-hero-img-2.webp") lightgray 50%/cover no-repeat;
  }
  .page-default-hero-section-info {
    display: flex;
    padding: 0 24px;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    align-self: stretch;
  }
  .page-default-hero-section-info-title {
    color: var(--text-primary, #FFF);
    /* m/h1 */
    font-family: Montserrat;
    font-size: 38px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%;
    /* 38px */
    letter-spacing: -0.76px;
  }
  .page-default-hero-section-info-subtitle {
    color: var(--text-primary, #FFF);
    /* m/long-M */
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    /* 19.6px */
  }
  .page-default-hero-section-info-eng-trans {
    color: var(--text-secondary, rgba(255, 255, 255, 0.64));
    /* m/short-S */
    font-family: Montserrat;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    /* 14.4px */
  }
  .page-default-hero-section-price-actions {
    display: flex;
    padding: 0 8px;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    align-self: stretch;
  }
  .page-default-hero-section-price-actions-c {
    display: flex;
    padding: 0 16px;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    align-self: stretch;
  }
  .page-default-hero-section-price-actions-list {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    align-self: stretch;
  }
  .page-default-hero-section-price-actions-list-item {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    align-self: stretch;
    color: var(--text-primary, #FFF);
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.12);
    /* m/short-14 m */
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 116%;
    /* 16.24px */
  }
  .page-default-hero-section-price-actions-trans {
    color: var(--text-secondary, rgba(255, 255, 255, 0.64));
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.12);
    /* m/short-14 m */
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 116%;
    /* 16.24px */
  }
  .page-default-hero-section-price-actions-c-price {
    display: flex;
    padding: 20px 16px;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
  }
  .page-default-hero-section-price-actions-c-price-numbers {
    color: var(--text-primary, #FFF);
    /* m/h1 */
    font-family: Montserrat;
    font-size: 38px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%;
    /* 38px */
    letter-spacing: -0.76px;
  }
  .page-default-hero-section-price-actions-c-price-months {
    display: flex;
    padding: 8px 16px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 20px;
    background: rgba(0, 178, 242, 0.32);
    -webkit-backdrop-filter: blur(5px);
            backdrop-filter: blur(5px);
    color: var(--text-primary, #FFF);
    /* m/h5 */
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 116%;
    /* 16.24px */
  }
}
html,
body {
  scroll-behavior: smooth;
  overscroll-behavior-y: contain;
  -webkit-overflow-scrolling: touch;
}

@keyframes skeleton-loading {
  0% {
    transform: scale(0.99);
    background-color: hsl(200, 20%, 80%);
  }
  100% {
    background-color: hsl(200, 20%, 85%);
    transform: scale(1);
  }
}
.dashboard-card-skeleton {
  border: 1px solid #C9D6E4;
  border-radius: 16px;
  width: 100%;
  padding: 24px;
  box-sizing: border-box;
  animation: skeleton-loading 1s linear infinite alternate;
  max-width: 680px;
}
.dashboard-card-skeleton:hover {
  cursor: default !important;
}
.dashboard-card-skeleton .t-icon {
  height: 80px;
  width: 80px;
  border-radius: 50px;
  background-size: 80px;
  background: #E2F2FD !important;
}
.dashboard-card-skeleton .t-caption {
  font-style: normal;
  max-width: 528px;
  font-weight: 500;
  font-size: 24px;
  line-height: 140%;
  color: #E2F2FD !important;
  background: #E2F2FD !important;
}
.dashboard-card-skeleton .t-sub-caption {
  font-style: normal;
  max-width: 528px;
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  color: #E2F2FD !important;
  background: #E2F2FD !important;
}
.dashboard-card-skeleton .bnq-btn {
  max-width: 400px;
  height: 50px;
  padding: 12px 30px;
  gap: 12px;
  background: #F6F8FB;
  border-radius: 8px;
  color: #E2F2FD !important;
  border-color: #E2F2FD !important;
  border: none !important;
  transform: scale(1) !important;
}
.dashboard-card-skeleton .bnq-btn:hover {
  cursor: default !important;
  border: none !important;
  transform: scale(1) !important;
}
.dashboard-card-skeleton-xs, .dashboard-card-skeleton-sm {
  max-width: none;
  padding: 20px 24px;
}
.dashboard-card-skeleton-xs .t-caption, .dashboard-card-skeleton-sm .t-caption {
  font-weight: 500;
  font-size: 18px;
  line-height: 150%;
}
.dashboard-card-skeleton-xs .t-sub-caption, .dashboard-card-skeleton-sm .t-sub-caption {
  font-weight: 400;
  font-size: 14px;
  line-height: 150%;
}
.dashboard-card-skeleton-xs .t-icon, .dashboard-card-skeleton-sm .t-icon {
  height: 60px;
  width: 60px;
  min-height: 60px;
  min-width: 60px;
  background-size: cover;
}
.dashboard-card-skeleton-xs-light, .dashboard-card-skeleton-sm-light {
  background: #FFFFFF;
}
.dashboard-card-skeleton-xs-light .t-caption, .dashboard-card-skeleton-sm-light .t-caption {
  color: black;
}

.hide {
  display: none !important;
}

.p-r {
  position: relative;
}

.z-10 {
  z-index: 10;
}

.z-11 {
  z-index: 11;
}

.active-link {
  opacity: 0.5;
}

.swiper-pagination-current-c {
  display: inline-block !important;
  min-width: 15px !important;
  font-size: 20px !important;
  font-weight: 700 !important;
}

::ng-deep markdown {
  @import url("app/components/pages/media-layout/media-post/media-post.component.scss");
}
::ng-deep markdown p {
  white-space: pre-wrap;
  margin: 0 !important;
  padding: 0 !important;
  margin-bottom: 12px;
}
::ng-deep markdown strong {
  white-space: pre-wrap;
  font-weight: bold;
}
::ng-deep markdown em {
  white-space: pre-wrap;
  font-style: italic;
}
::ng-deep markdown a {
  white-space: pre-wrap;
  color: #f65f43;
  border-bottom: 1px solid #f65f43;
  transition: all 0.2s ease-out;
}
::ng-deep markdown a:hover {
  cursor: pointer;
  border-bottom: 1px dashed transparent;
}
::ng-deep markdown ul {
  white-space: initial;
  list-style: disc;
}
::ng-deep markdown ol {
  white-space: initial;
  list-style: auto;
}

.media-post-layout > markdown {
  @import url("app/components/pages/media-layout/media-post/media-post.component.scss");
}

#ya_button_pay {
  overflow: hidden !important;
  flex: 1 0 auto !important;
  box-sizing: border-box !important;
  cursor: pointer !important;
  -webkit-user-select: none !important;
          user-select: none !important;
  border-width: 1px !important;
  border-style: solid !important;
  background-position: center center !important;
  background-size: contain, cover !important;
  background-repeat: no-repeat !important;
  background-clip: border-box !important;
  background-origin: content-box, border-box !important;
  transition: opacity 150ms linear 0s, filter 150ms linear 0s, background-color 150ms linear 0s !important;
  transform: translate3d(0px, 0px, 0px) !important;
  background-color: rgb(46, 47, 51) !important;
  background-image: url("data:image/svg+xml;base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1OSIgaGVpZ2h0PSIyMiIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI0ZDM0YxRCIgZD0iTTIwLjIgMTFBOS44IDkuOCAwIDEgMCAuNiAxMWE5LjggOS44IDAgMCAwIDE5LjYgMFoiLz48cGF0aCBmaWxsPSIjRkZGIiBkPSJNMTEuOCAxNi45aDJWNWgtM2MtMyAwLTQuNSAxLjYtNC41IDMuOCAwIDEuOC44IDMgMi40IDRMNiAxN2gyLjJsMy00LjUtMS0uN2MtMS4zLS44LTEuOS0xLjUtMS45LTIuOSAwLTEuMi45LTIgMi42LTJoLjl2MTBaIi8+"), radial-gradient(340px 82px at center top, rgba(255, 92, 77, 0.5) 0%, rgba(235, 70, 159, 0.5) 10%, rgba(131, 65, 239, 0.18) 40%, rgba(63, 104, 249, 0) 52%) !important;
  padding: 15px 36px;
}
#ya_button_pay:hover {
  filter: brightness(0.8);
  opacity: 1;
  cursor: pointer;
}

#pay-text {
  display: flex;
  align-items: center;
}

.ya-split-banner {
  font-size: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  padding-top: 12px;
}
.ya-split-banner span {
  padding-top: 2px;
}
.ya-split-banner img {
  height: 15px;
}

#ya-widget1 {
  width: 100%;
}

.mdc-linear-progress__bar-inner {
  border-top-width: 2px !important;
  max-height: 2px !important;
  height: 2px !important;
}

.media-landing-layout > markdown img {
  margin-bottom: 12px;
}

#go-media {
  scroll-margin-top: 100px;
}

.media-landing-layout,
.media-landing-layout > markdown,
.checkups-container > markdown {
  font-size: 14px;
  color: #202020;
  font-weight: 500;
  line-height: 1.5;
}
.media-landing-layout h1,
.media-landing-layout > markdown h1,
.checkups-container > markdown h1 {
  margin-bottom: 24px;
  font-size: 32px;
  font-weight: 600;
  color: #202020;
}
.media-landing-layout h2,
.media-landing-layout > markdown h2,
.checkups-container > markdown h2 {
  margin-bottom: 16px;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.5em;
  padding-top: 80px;
  margin-top: -80px;
  scroll-margin-top: 100px;
}
.media-landing-layout h3,
.media-landing-layout > markdown h3,
.checkups-container > markdown h3 {
  margin-bottom: 8px;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5em;
}
.media-landing-layout .post-info,
.media-landing-layout > markdown .post-info,
.checkups-container > markdown .post-info {
  justify-content: space-between;
  margin-bottom: 16px;
  display: flex;
}
.media-landing-layout .post-info-date,
.media-landing-layout > markdown .post-info-date,
.checkups-container > markdown .post-info-date {
  font-size: 14px;
  color: #aaa;
}
.media-landing-layout .post-info-reading,
.media-landing-layout > markdown .post-info-reading,
.checkups-container > markdown .post-info-reading {
  color: #aaa;
  text-transform: uppercase;
  align-items: center;
  font-size: 12px;
  line-height: 1.3em;
  display: flex;
}
.media-landing-layout .blog-article__time-img,
.media-landing-layout > markdown .blog-article__time-img,
.checkups-container > markdown .blog-article__time-img {
  margin-right: 8px;
  margin-bottom: 0;
}
.media-landing-layout .blog-article__image-wrap,
.media-landing-layout > markdown .blog-article__image-wrap,
.checkups-container > markdown .blog-article__image-wrap {
  margin-left: -24px;
  margin-right: -24px;
}
.media-landing-layout .blog-article__image,
.media-landing-layout > markdown .blog-article__image,
.checkups-container > markdown .blog-article__image {
  width: 100%;
  margin-bottom: 40px;
  display: block;
  position: relative;
}
.media-landing-layout ul,
.media-landing-layout > markdown ul,
.checkups-container > markdown ul {
  display: block;
  list-style-type: disc;
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  padding-inline-start: 40px;
  unicode-bidi: isolate;
  margin-bottom: 10px;
  font-size: 16px;
  line-height: 1.5em;
  padding-left: 20px;
}
.media-landing-layout ol,
.media-landing-layout > markdown ol,
.checkups-container > markdown ol {
  display: block;
  list-style-type: decimal;
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  padding-inline-start: 40px;
  unicode-bidi: isolate;
  padding-left: 20px;
  font-size: 16px;
  line-height: 1.5em;
  padding-left: 20px;
}
.media-landing-layout li,
.media-landing-layout > markdown li,
.checkups-container > markdown li {
  margin-bottom: 16px;
}
.media-landing-layout b,
.media-landing-layout strong,
.media-landing-layout > markdown b,
.media-landing-layout > markdown strong,
.checkups-container > markdown b,
.checkups-container > markdown strong {
  font-weight: 700;
}
.media-landing-layout a:hover,
.media-landing-layout > markdown a:hover,
.checkups-container > markdown a:hover {
  outline: 0;
  text-decoration: none;
  border-bottom: none;
}
.media-landing-layout p,
.media-landing-layout > markdown p,
.checkups-container > markdown p {
  display: block;
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  unicode-bidi: isolate;
  margin-bottom: 16px !important;
  font-size: 16px;
}
@media screen and (max-width: 991px) {
  .media-landing-layout h1,
  .media-landing-layout > markdown h1,
  .checkups-container > markdown h1 {
    margin-bottom: 20px;
    font-size: 28px;
  }
  .media-landing-layout .blog-article__image,
  .media-landing-layout > markdown .blog-article__image,
  .checkups-container > markdown .blog-article__image {
    margin-bottom: 32px;
  }
}
@media screen and (max-width: 767px) {
  .media-landing-layout h1,
  .media-landing-layout > markdown h1,
  .checkups-container > markdown h1 {
    font-size: 24px;
  }
  .media-landing-layout .blog-article__image,
  .media-landing-layout > markdown .blog-article__image,
  .checkups-container > markdown .blog-article__image {
    min-width: auto;
    margin-bottom: 20px;
    left: 0;
  }
}
@media screen and (max-width: 479px) {
  .media-landing-layout .blog-article__image,
  .media-landing-layout > markdown .blog-article__image,
  .checkups-container > markdown .blog-article__image {
    margin-bottom: 16px;
  }
}

main.checkups-item-page-main markdown {
  font-size: 14px;
  color: #202020;
  font-weight: 500;
  line-height: 1.5;
}
main.checkups-item-page-main markdown p {
  margin-bottom: 12px !important;
}
main.checkups-item-page-main markdown h1 {
  margin-bottom: 24px;
  font-size: 32px;
  font-weight: 600;
  color: #202020;
}
main.checkups-item-page-main markdown h2 {
  margin-bottom: 16px;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.5em;
  padding-top: 80px;
  margin-top: -80px;
  scroll-margin-top: 100px;
}
main.checkups-item-page-main markdown h3 {
  margin-bottom: 8px;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.5em;
}

.checkups-container {
  font-size: 14px;
  color: #202020;
  font-weight: 500;
  line-height: 1.5;
}
.checkups-container h1 {
  margin-bottom: 24px;
  font-size: 32px;
  font-weight: 600;
  color: #202020;
}
.checkups-container .post-info {
  justify-content: space-between;
  margin-bottom: 16px;
  display: flex;
}
.checkups-container .post-info-date {
  font-size: 14px;
  color: #aaa;
}
.checkups-container .post-info-reading {
  color: #aaa;
  text-transform: uppercase;
  align-items: center;
  font-size: 12px;
  line-height: 1.3em;
  display: flex;
}
@media screen and (max-width: 767px) {
  .checkups-container h1 {
    font-size: 24px;
  }
  .checkups-container .blog-article__image {
    min-width: auto;
    margin-bottom: 20px;
    left: 0;
  }
}
@media screen and (max-width: 479px) {
  .checkups-container .blog-article__image {
    margin-bottom: 16px;
  }
}

.add-test-tooltip-panel {
  padding: 4px;
  border-radius: 10px;
  border: 1px grey solid;
  background-color: white;
  white-space: pre-line;
  min-width: 325px;
  overflow: auto;
}
.add-test-tooltip-panel:hover {
  cursor: pointer;
}
.add-test-tooltip-panel .mdc-tooltip__surface {
  width: 100%;
  min-width: 325px;
}

.overflow--hidden {
  overflow: hidden;
}

.tbank-logo {
  width: 100%;
  max-width: 245px;
  margin-bottom: 24px;
}
.tbank-logo-xs {
  margin: auto;
  margin-top: 24px;
  margin-bottom: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.tbank-logo-xs img {
  max-width: 185px;
}

.marker-class {
  width: 15px;
  height: 15px;
  border: 10px solid #f75850;
  box-shadow: -2px 2px 2px 0px #aaa;
  border-radius: 50% 50% 50% 0;
  transform: rotate(-45deg);
}
.marker-class-selected {
  outline: 1px solid black;
}
.marker-class:hover {
  cursor: pointer;
  outline: 1px solid black;
}

.marker-class-self {
  width: 100px;
  height: 100px;
  border: 10px solid #29d20d;
  border-radius: 50px;
  transform: translate(-50%, -50%);
  transform-origin: center;
}

.marker-helper {
  position: absolute;
  top: 0;
  left: 0;
  width: 30px;
  border: 1px solid #f75850;
}

.ya-map-tooltip {
  padding: 3px;
  border-radius: 6px;
  position: absolute;
  left: 22px;
  z-index: 9999;
  background: darkgrey;
  color: white;
  width: 200px;
}

.ya-map-tooltip .ya-map-tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: black;
  color: #fff;
  text-align: center;
  padding: 5px 0;
  border-radius: 6px;
  position: absolute;
  top: 20px;
  z-index: 1;
}

.ya-map-tooltip:hover .ya-map-tooltiptext {
  visibility: visible;
}

.mat-calendar-body-selected {
  background-color: #0a8fe0 !important;
  color: white !important;
}

ul.ul-disc {
  list-style-type: disc;
}

.secondary-text-color {
  color: rgba(0, 0, 0, 0.56);
}

.bottom-sheet-dialog {
  position: fixed !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  margin: 0 !important;
  max-width: 100vw !important;
  border-radius: 16px 16px 0 0 !important;
  /* Скругление углов сверху */
  animation: slideUp 0.3s ease-out;
  /* Анимация появления */
  height: 100vh;
  /* 90% высоты экрана */
}

.bottom-sheet-dialog-all-over {
  position: fixed !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  margin: 0 !important;
  max-width: 100vw !important;
  border-radius: 16px 16px 0 0 !important;
  /* Скругление углов сверху */
  animation: slideUp 0.3s ease-out;
  /* Анимация появления */
  height: 90vh;
  /* 90% высоты экрана */
  z-index: 100005;
}

.bottom-sheet-dialog-slideDown {
  animation: slideDown 0.3s ease-out;
  /* Анимация появления */
}

@keyframes slideUp {
  from {
    transform: translateY(100%);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes slideDown {
  from {
    opacity: 1;
    transform: translateY(0);
  }
  to {
    transform: translateY(100%);
    opacity: 0;
  }
}
.health3-close-return-popup {
  display: flex;
  width: 327px;
  flex-direction: column;
  align-items: center;
  border-radius: 16px;
  background: var(--bg-white, #FFF);
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.02);
  overflow: hidden;
}
.health3-close-return-popup .mat-dialog-container {
  padding: 0;
}

/* Стили для мобильных устройств */
@media (max-width: 767px) {
  .bottom-sheet-dialog {
    width: 100% !important;
    max-width: 100% !important;
  }
  .bottom-sheet-dialog .mat-dialog-container:has(.pro-info-popup-container) {
    padding: 0 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
  }
  .checkups-item-page-description-list {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    align-self: stretch;
    padding-top: 24px;
  }
  .checkups-item-page-description-list-item {
    display: flex;
    align-items: center;
    gap: 12px;
    align-self: stretch;
  }
  .checkups-item-page-description-list-item-img {
    display: flex;
    padding: 8px;
    justify-content: center;
    align-items: center;
    border-radius: 40px;
    background: var(--colors-blue-20-brend, #64BCE3);
  }
  .checkups-item-page-description-list-item-img svg {
    width: 16px;
    height: 16px;
  }
  .checkups-item-page-description-list-text {
    display: flex;
    align-items: center;
    gap: 8px;
    flex: 1 0 0;
    color: var(--text-primary, #000);
    font-family: Montserrat;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    /* 14.4px */
  }
  .checkups-item-page-for-whom-list {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
    align-self: stretch;
  }
  .checkups-item-page-for-whom-list-item {
    display: flex;
    padding: 16px;
    align-items: center;
    gap: 12px;
    align-self: stretch;
    border-radius: 16px;
    background: var(--colors-blue-01, #EDF8FC);
  }
  .checkups-item-page-for-whom-list-item svg {
    min-width: 16px;
    min-height: 16px;
  }
  .checkups-item-page-for-whom-list-item-text {
    color: var(--text-primary, #000);
    /* m/short-12 m */
    font-family: Montserrat;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    /* 14.4px */
  }
  .checkups-main-page-checkups-list-item-extra-description {
    display: flex;
    padding: 12px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 8px;
    align-self: stretch;
    border-radius: 12px;
    background: var(--bg-02, #F5F5F5);
  }
  .checkups-main-page-checkups-list-item-extra-description-item {
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--text-primary, #000);
    /* m/short-12 m */
    font-family: Montserrat;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    /* 14.4px */
    width: 100%;
  }
  .checkups-main-page-checkups-list-item-extra-description-item-separator {
    height: 1px;
    width: 100%;
    background: var(--stroke-light, rgba(0, 0, 0, 0.06));
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .bottom-sheet-dialog {
    width: 100% !important;
    max-width: 100% !important;
  }
  .bottom-sheet-dialog .mat-dialog-container:has(.pro-info-popup-container) {
    padding: 0 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
  }
  .checkups-item-page-description-list {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    align-self: stretch;
    padding-top: 24px;
  }
  .checkups-item-page-description-list-item {
    display: flex;
    align-items: center;
    gap: 12px;
    align-self: stretch;
  }
  .checkups-item-page-description-list-item-img {
    display: flex;
    padding: 8px;
    justify-content: center;
    align-items: center;
    border-radius: 40px;
    background: var(--colors-blue-20-brend, #64BCE3);
  }
  .checkups-item-page-description-list-item-img svg {
    width: 16px;
    height: 16px;
  }
  .checkups-item-page-description-list-text {
    display: flex;
    align-items: center;
    gap: 8px;
    flex: 1 0 0;
    color: var(--text-primary, #000);
    font-family: Montserrat;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    /* 14.4px */
  }
  .checkups-item-page-for-whom-list-item {
    display: flex;
    padding: 16px;
    align-items: center;
    gap: 12px;
    align-self: stretch;
    border-radius: 16px;
    background: var(--colors-blue-01, #EDF8FC);
  }
  .checkups-item-page-for-whom-list-item svg {
    min-width: 16px;
    min-height: 16px;
  }
  .checkups-item-page-for-whom-list-item-text {
    color: var(--text-primary, #000);
    /* m/short-12 m */
    font-family: Montserrat;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    /* 14.4px */
  }
  .checkups-main-page-checkups-list-item-extra-description {
    display: flex;
    padding: 12px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 8px;
    align-self: stretch;
    border-radius: 12px;
    background: var(--bg-02, #F5F5F5);
  }
  .checkups-main-page-checkups-list-item-extra-description-item {
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--text-primary, #000);
    /* m/short-12 m */
    font-family: Montserrat;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    /* 14.4px */
    width: 100%;
  }
  .checkups-main-page-checkups-list-item-extra-description-item-separator {
    height: 1px;
    width: 100%;
    background: var(--stroke-light, rgba(0, 0, 0, 0.06));
  }
}
@media (min-width: 992px) {
  .bottom-sheet-dialog-big {
    display: flex;
    width: 480px;
    flex-direction: column;
    align-items: center;
    border-radius: 28px;
    background: var(--bg-white, #FFF);
    overflow: hidden;
  }
  .bottom-sheet-dialog-big:has(.pro-info-popup-container) {
    width: 100%;
    max-width: 864px;
    display: flex;
    flex-direction: column;
    align-items: center;
    border-radius: 28px;
    margin-top: 48px;
    margin-bottom: 48px;
    padding: 0;
  }
  .bottom-sheet-dialog-big:has(.pro-info-popup-container) .mat-dialog-container:has(.pro-info-popup-container) {
    padding: 0 !important;
    box-shadow: none !important;
    max-height: 90vh;
  }
  .bottom-sheet-dialog-go-media-big {
    display: flex;
    width: 80vw;
    flex-direction: column;
    align-items: center;
    border-radius: 28px;
    background: var(--bg-white, #FFF);
    overflow: hidden;
  }
  .checkups-item-page-description-list {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    align-self: stretch;
    padding-top: 24px;
  }
  .checkups-item-page-description-list-item {
    display: flex;
    align-items: center;
    gap: 12px;
    align-self: stretch;
  }
  .checkups-item-page-description-list-item-img {
    display: flex;
    width: 40px;
    height: 40px;
    padding: 8px;
    justify-content: center;
    align-items: center;
    border-radius: 40px;
    background: var(--colors-blue-20-brend, #64BCE3);
  }
  .checkups-item-page-description-list-item-img svg {
    width: 16px;
    height: 16px;
  }
  .checkups-item-page-description-list-text {
    display: flex;
    align-items: center;
    gap: 8px;
    flex: 1 0 0;
    color: var(--text-primary, #000);
    /* d/short-14 */
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 116%;
    /* 16.24px */
  }
  .checkups-item-page-for-whom-list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 6px;
    width: 100%;
  }
  .checkups-item-page-for-whom-list-item {
    display: flex;
    padding: 16px;
    align-items: center;
    gap: 12px;
    width: 100%;
    border-radius: 16px;
    background: var(--colors-blue-01, #EDF8FC);
    width: 100%;
  }
  .checkups-item-page-for-whom-list-item svg {
    min-width: 16px;
    min-height: 16px;
  }
  .checkups-item-page-for-whom-list-item-text {
    color: var(--text-primary, #000);
    /* m/short-12 m */
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    /* 14.4px */
  }
  .checkups-main-page-checkups-list-item-extra-description {
    display: flex;
    padding: 12px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 8px;
    align-self: stretch;
    border-radius: 12px;
    background: var(--bg-02, #F5F5F5);
  }
  .checkups-main-page-checkups-list-item-extra-description-item {
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--text-primary, #000);
    /* m/short-12 m */
    font-family: Montserrat;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    /* 14.4px */
    width: 100%;
  }
  .checkups-main-page-checkups-list-item-extra-description-item-separator {
    height: 1px;
    width: 100%;
    background: var(--stroke-light, rgba(0, 0, 0, 0.06));
  }
}
.cdk-overlay-container {
  z-index: 1001;
}

/* Добавьте в ваш основной CSS-файл */
html,
body {
  -webkit-tap-highlight-color: transparent;
}

a,
button,
[onclick],
[role=button],
.clickable {
  -webkit-tap-highlight-color: transparent;
  -webkit-user-select: none;
  user-select: none;
  outline: none;
}

i {
  font-style: italic;
}

.italic {
  font-style: italic;
}

.goPageProductQuestions ul {
  list-style: disc;
}

.liquid-glass {
  backdrop-filter: blur(10px);
  /* Размытие фона */
  -webkit-backdrop-filter: blur(10px);
  /* Для Safari */
  border: 1px solid rgba(255, 255, 255, 0.2);
  /* Тонкая светлая граница */
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  /* Легкая тень */
}

.meta-schema-organization {
  opacity: 0;
  height: 0;
  overflow: hidden;
}

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