/* Start:/local/templates/surgut/template_styles.css?1748496474552115*/
@charset "UTF-8";

@font-face {
  font-family: "Manrope";
  font-weight: 200 800; /* диапазон поддерживаемых толщин */
  font-style: normal;
  font-display: swap;
  src: url("/local/templates/surgut/./fonts/Manrope/Manrope-VariableFont_wght.ttf") format("truetype");
}
@font-face {
  font-family: "Glyphicons Halflings";
  font-style: normal;
  font-weight: 400;
  src: local("Glyphicons Halflings"), url("/local/templates/surgut/./fonts/glyphiconshalflings_regular.ttf") format("woff2");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 300;
  src: local("Inter"), url("/local/templates/surgut/./fonts/Inter/Inter-Light.woff2") format("woff2");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  src: local("Inter"), url("/local/templates/surgut/./fonts/Inter/Inter-Regular.woff2") format("woff2");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  src: local("Inter"), url("/local/templates/surgut/./fonts/Inter/Inter-Medium.woff2") format("woff2");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 600;
  src: local("Inter"), url("/local/templates/surgut/./fonts/Inter/Inter-SemiBold.woff2") format("woff2");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 700;
  src: local("Inter"), url("/local/templates/surgut/./fonts/Inter/Inter-Bold.woff2") format("woff2");
}
:root {
  --tertiary-text-dark-bg: #909090;
}
body {
  --services-hover: #f2f3f5;
  --services-active: #e3e4e7;
  --cards-background: #f9f8f7;
  --grey-adm: #f9f8f7;
  --content-color: #ffffff;
  --light-gray-color: #bbc1ce;
  --icons-color: #004bad;
  --event-color: #e7edfb;
  --event-color-hover: #80a6f7;
  --primary-color: #004bad;
  /*#016496*/
  --primary-color-hover: #0a5fe7;
  --primary-color-active: #003ea2;
  --primary-color-disabled: #c2d8ff;
  --primary-color-green: #14bc30;
  --primary-color-green-hover: #10cd30;
  --primary-color-green-click: #0c9022;
  --primary-color-green-disabled: #dbdbdb;
  --main-text: #040528;
  --main-text-dark-bg: #ffffff;
  --second-text: #22232c;
  --tertiary-text: #5a5a5a;
  --tertiary-text-dark-bg: #e9e9e9;
  --fourth-text: #c0c2cc;
  --fourth-text-inverse: #ebedf4;
  --scale: 1;
  --ls: 0;
  --lh: 1;
}
body.tmp-duma {
  --services-hover: #d6d2cd;
  --services-active: #e7e5d7;
  --main-text: #22232c;
  --second-text: #040528;
  --cards-background: #f7f3ef; /* #f7f6ef; */
  --grey-adm: #f7f3ef; /* #f7f6ef; */
  --event-color: #e9e4d2;
  --event-color-hover: #bfb797;
  --light-grey: #bcbcbc;
  --primary-color: #0569bb;
  --primary-color-hover: #288cde;
  --primary-color-active: #0c5591;
  --primary-color-disabled: #90bbde;
  --primary-color-green: #a78818;
  --primary-color-green-hover: #c9a41d;
  --primary-color-green-click: #856b0f;
  --primary-color-green-disabled: #bda964;
  --secondary-color: #a78818;
}
body.tmp-duma.dark-theme {
  --main-text: #ffffff;
  --main-text-dark-bg: #ffffff;
  --second-text: #ffffff;
  --tertiary-text: #ffffff;
  --tertiary-text-dark-bg: #ffffff;
  --fourth-text: #ffffff;
  --fourth-text-inverse: #ffffff;
  --icons-color: #ffff;
  --content-color: #242433;
  --services-hover: #242433;
  --services-active: #242433;
  --cards-background: #242433;
  --grey-adm: #242433;
  --event-color: #e9e4d2;
  --event-color-hover: #bfb797;
  --primary-color: #ffffff;
  --primary-color-hover: #242433;
  --primary-color-active: #242433;
  --primary-color-disabled: #242433;
  --primary-color-green: #a78818;
  --primary-color-green-hover: #c9a41d;
  --primary-color-green-click: #856b0f;
  --primary-color-green-disabled: #bda964;
}
body.dark-theme {
  --main-text: #ffffff;
  --main-text-dark-bg: #ffffff;
  --second-text: #ffffff;
  --tertiary-text: #ffffff;
  --tertiary-text-dark-bg: #ffffff;
  --fourth-text: #ffffff;
  --fourth-text-inverse: #ffffff;
  --icons-color: #ffff;
  --content-color: #242433;
  --services-hover: #242433;
  --services-active: #242433;
  --cards-background: #242433;
  --grey-adm: #242433;
  --event-color: #242433;
  --event-color-hover: #242433;
  --primary-color: #ffffff;
  --primary-color-hover: #242433;
  --primary-color-active: #242433;
  --primary-color-disabled: #242433;
  --primary-color-green: #242433;
  --primary-color-green-hover: #242433;
  --primary-color-green-click: #242433;
  --primary-color-green-disabled: #242433;
}
body.tmp-duma.blue-theme {
  --main-text: #0a3866;
  --main-text-dark-bg: #0a3866;
  --second-text: #0a3866;
  --tertiary-text: #0a3866;
  --tertiary-text-dark-bg: #0a3866;
  --fourth-text: #0a3866;
  --fourth-text-inverse: #0a3866;
  --icons-color: #0a3866;
  --content-color: #b2d9ff;
  --services-hover: #b2d9ff;
  --services-active: #b2d9ff;
  --cards-background: #b2d9ff;
  --grey-adm: #b2d9ff;
  --event-color: #e9e4d2;
  --event-color-hover: #bfb797;
  --primary-color: #0a3866;
  --primary-color-hover: #b2d9ff;
  --primary-color-active: #b2d9ff;
  --primary-color-disabled: #b2d9ff;
  --primary-color-green: #a78818;
  --primary-color-green-hover: #c9a41d;
  --primary-color-green-click: #856b0f;
  --primary-color-green-disabled: #bda964;
}
body.blue-theme {
  --main-text: #0a3866;
  --main-text-dark-bg: #0a3866;
  --second-text: #0a3866;
  --tertiary-text: #0a3866;
  --tertiary-text-dark-bg: #0a3866;
  --fourth-text: #0a3866;
  --fourth-text-inverse: #0a3866;
  --icons-color: #0a3866;
  --content-color: #b2d9ff;
  --services-hover: #b2d9ff;
  --services-active: #b2d9ff;
  --cards-background: #b2d9ff;
  --grey-adm: #b2d9ff;
  --event-color: #b2d9ff;
  --event-color-hover: #b2d9ff;
  --primary-color: #0a3866;
  --primary-color-hover: #b2d9ff;
  --primary-color-active: #b2d9ff;
  --primary-color-disabled: #b2d9ff;
  --primary-color-green: #b2d9ff;
  --primary-color-green-hover: #b2d9ff;
  --primary-color-green-click: #b2d9ff;
  --primary-color-green-disabled: #b2d9ff;
}

/*!
 * Bootstrap Grid v5.0.2 (https://getbootstrap.com/)
 * Copyright 2011-2021 The Bootstrap Authors
 * Copyright 2011-2021 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
.container,
.container-fluid,
.container-xxl,
.container-xl,
.container-lg,
.container-md,
.container-sm {
  width: 100%;
  padding-right: var(--bs-gutter-x, 0.75rem);
  padding-left: var(--bs-gutter-x, 0.75rem);
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .container-sm,
  .container {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .container-md,
  .container-sm,
  .container {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container-lg,
  .container-md,
  .container-sm,
  .container {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container-xl,
  .container-lg,
  .container-md,
  .container-sm,
  .container {
    max-width: 1140px;
  }
}
@media (min-width: 1400px) {
  .container-xxl,
  .container-xl,
  .container-lg,
  .container-md,
  .container-sm,
  .container {
    max-width: 1320px;
  }
}
.row {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(var(--bs-gutter-y) * -1);
  margin-right: calc(var(--bs-gutter-x) * -0.5);
  margin-left: calc(var(--bs-gutter-x) * -0.5);
}

.row > * {
  box-sizing: border-box;
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-top: var(--bs-gutter-y);
}

.col {
  flex: 1 0 0%;
}

.row-cols-auto > * {
  flex: 0 0 auto;
  width: auto;
}

.row-cols-1 > * {
  flex: 0 0 auto;
  width: 100%;
}

.row-cols-2 > * {
  flex: 0 0 auto;
  width: 50%;
}

.row-cols-3 > * {
  flex: 0 0 auto;
  width: 33.3333333333%;
}

.row-cols-4 > * {
  flex: 0 0 auto;
  width: 25%;
}

.row-cols-5 > * {
  flex: 0 0 auto;
  width: 20%;
}

.row-cols-6 > * {
  flex: 0 0 auto;
  width: 16.6666666667%;
}

@media (min-width: 576px) {
  .col-sm {
    flex: 1 0 0%;
  }
  .row-cols-sm-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-sm-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-sm-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-sm-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .row-cols-sm-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-sm-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-sm-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
}
@media (min-width: 768px) {
  .col-md {
    flex: 1 0 0%;
  }
  .row-cols-md-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-md-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-md-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-md-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .row-cols-md-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-md-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-md-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
}
@media (min-width: 992px) {
  .col-lg {
    flex: 1 0 0%;
  }
  .row-cols-lg-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-lg-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-lg-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-lg-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .row-cols-lg-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-lg-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-lg-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
}
@media (min-width: 1200px) {
  .col-xl {
    flex: 1 0 0%;
  }
  .row-cols-xl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-xl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-xl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-xl-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .row-cols-xl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-xl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-xl-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
}
@media (min-width: 1400px) {
  .col-xxl {
    flex: 1 0 0%;
  }
  .row-cols-xxl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-xxl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-xxl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-xxl-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .row-cols-xxl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-xxl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-xxl-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
}
.col-auto {
  flex: 0 0 auto;
  width: auto;
}

.col-1 {
  flex: 0 0 auto;
  width: 8.33333333%;
}

.col-2 {
  flex: 0 0 auto;
  width: 16.66666667%;
}

.col-3 {
  flex: 0 0 auto;
  width: 25%;
}

.col-4 {
  flex: 0 0 auto;
  width: 33.33333333%;
}

.col-5 {
  flex: 0 0 auto;
  width: 41.66666667%;
}

.col-6 {
  flex: 0 0 auto;
  width: 50%;
}

.col-7 {
  flex: 0 0 auto;
  width: 58.33333333%;
}

.col-8 {
  flex: 0 0 auto;
  width: 66.66666667%;
}

.col-9 {
  flex: 0 0 auto;
  width: 75%;
}

.col-10 {
  flex: 0 0 auto;
  width: 83.33333333%;
}

.col-11 {
  flex: 0 0 auto;
  width: 91.66666667%;
}

.col-12 {
  flex: 0 0 auto;
  width: 100%;
}

.offset-1 {
  margin-left: 8.33333333%;
}

.offset-2 {
  margin-left: 16.66666667%;
}

.offset-3 {
  margin-left: 25%;
}

.offset-4 {
  margin-left: 33.33333333%;
}

.offset-5 {
  margin-left: 41.66666667%;
}

.offset-6 {
  margin-left: 50%;
}

.offset-7 {
  margin-left: 58.33333333%;
}

.offset-8 {
  margin-left: 66.66666667%;
}

.offset-9 {
  margin-left: 75%;
}

.offset-10 {
  margin-left: 83.33333333%;
}

.offset-11 {
  margin-left: 91.66666667%;
}

.g-0,
.gx-0 {
  --bs-gutter-x: 0;
}

.g-0,
.gy-0 {
  --bs-gutter-y: 0;
}

.g-1,
.gx-1 {
  --bs-gutter-x: 0.25rem;
}

.g-1,
.gy-1 {
  --bs-gutter-y: 0.25rem;
}

.g-2,
.gx-2 {
  --bs-gutter-x: 0.5rem;
}

.g-2,
.gy-2 {
  --bs-gutter-y: 0.5rem;
}

.g-3,
.gx-3 {
  --bs-gutter-x: 1rem;
}

.g-3,
.gy-3 {
  --bs-gutter-y: 1rem;
}

.g-4,
.gx-4 {
  --bs-gutter-x: 1.5rem;
}

.g-4,
.gy-4 {
  --bs-gutter-y: 1.5rem;
}

.g-5,
.gx-5 {
  --bs-gutter-x: 3rem;
}

.g-5,
.gy-5 {
  --bs-gutter-y: 3rem;
}

@media (min-width: 576px) {
  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-sm-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-sm-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-sm-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-sm-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-sm-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-sm-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-sm-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-sm-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-sm-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-sm-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-sm-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-sm-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-sm-0 {
    margin-left: 0;
  }
  .offset-sm-1 {
    margin-left: 8.33333333%;
  }
  .offset-sm-2 {
    margin-left: 16.66666667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.33333333%;
  }
  .offset-sm-5 {
    margin-left: 41.66666667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.33333333%;
  }
  .offset-sm-8 {
    margin-left: 66.66666667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.33333333%;
  }
  .offset-sm-11 {
    margin-left: 91.66666667%;
  }
  .g-sm-0,
  .gx-sm-0 {
    --bs-gutter-x: 0;
  }
  .g-sm-0,
  .gy-sm-0 {
    --bs-gutter-y: 0;
  }
  .g-sm-1,
  .gx-sm-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-sm-1,
  .gy-sm-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-sm-2,
  .gx-sm-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-sm-2,
  .gy-sm-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-sm-3,
  .gx-sm-3 {
    --bs-gutter-x: 1rem;
  }
  .g-sm-3,
  .gy-sm-3 {
    --bs-gutter-y: 1rem;
  }
  .g-sm-4,
  .gx-sm-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-sm-4,
  .gy-sm-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-sm-5,
  .gx-sm-5 {
    --bs-gutter-x: 3rem;
  }
  .g-sm-5,
  .gy-sm-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 768px) {
  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-md-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-md-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-md-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-md-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-md-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-md-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-md-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-md-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-md-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-md-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-md-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-md-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-md-0 {
    margin-left: 0;
  }
  .offset-md-1 {
    margin-left: 8.33333333%;
  }
  .offset-md-2 {
    margin-left: 16.66666667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.33333333%;
  }
  .offset-md-5 {
    margin-left: 41.66666667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.33333333%;
  }
  .offset-md-8 {
    margin-left: 66.66666667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.33333333%;
  }
  .offset-md-11 {
    margin-left: 91.66666667%;
  }
  .g-md-0,
  .gx-md-0 {
    --bs-gutter-x: 0;
  }
  .g-md-0,
  .gy-md-0 {
    --bs-gutter-y: 0;
  }
  .g-md-1,
  .gx-md-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-md-1,
  .gy-md-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-md-2,
  .gx-md-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-md-2,
  .gy-md-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-md-3,
  .gx-md-3 {
    --bs-gutter-x: 1rem;
  }
  .g-md-3,
  .gy-md-3 {
    --bs-gutter-y: 1rem;
  }
  .g-md-4,
  .gx-md-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-md-4,
  .gy-md-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-md-5,
  .gx-md-5 {
    --bs-gutter-x: 3rem;
  }
  .g-md-5,
  .gy-md-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 992px) {
  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-lg-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-lg-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-lg-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-lg-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-lg-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-lg-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-lg-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-lg-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-lg-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-lg-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-lg-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-lg-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-lg-0 {
    margin-left: 0;
  }
  .offset-lg-1 {
    margin-left: 8.33333333%;
  }
  .offset-lg-2 {
    margin-left: 16.66666667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.33333333%;
  }
  .offset-lg-5 {
    margin-left: 41.66666667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.33333333%;
  }
  .offset-lg-8 {
    margin-left: 66.66666667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.33333333%;
  }
  .offset-lg-11 {
    margin-left: 91.66666667%;
  }
  .g-lg-0,
  .gx-lg-0 {
    --bs-gutter-x: 0;
  }
  .g-lg-0,
  .gy-lg-0 {
    --bs-gutter-y: 0;
  }
  .g-lg-1,
  .gx-lg-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-lg-1,
  .gy-lg-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-lg-2,
  .gx-lg-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-lg-2,
  .gy-lg-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-lg-3,
  .gx-lg-3 {
    --bs-gutter-x: 1rem;
  }
  .g-lg-3,
  .gy-lg-3 {
    --bs-gutter-y: 1rem;
  }
  .g-lg-4,
  .gx-lg-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-lg-4,
  .gy-lg-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-lg-5,
  .gx-lg-5 {
    --bs-gutter-x: 3rem;
  }
  .g-lg-5,
  .gy-lg-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 1200px) {
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-xl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-xl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-xl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-xl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-xl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-xl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-xl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-xl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-xl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-xl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-xl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-xl-0 {
    margin-left: 0;
  }
  .offset-xl-1 {
    margin-left: 8.33333333%;
  }
  .offset-xl-2 {
    margin-left: 16.66666667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.33333333%;
  }
  .offset-xl-5 {
    margin-left: 41.66666667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.33333333%;
  }
  .offset-xl-8 {
    margin-left: 66.66666667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.33333333%;
  }
  .offset-xl-11 {
    margin-left: 91.66666667%;
  }
  .g-xl-0,
  .gx-xl-0 {
    --bs-gutter-x: 0;
  }
  .g-xl-0,
  .gy-xl-0 {
    --bs-gutter-y: 0;
  }
  .g-xl-1,
  .gx-xl-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-xl-1,
  .gy-xl-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-xl-2,
  .gx-xl-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-xl-2,
  .gy-xl-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-xl-3,
  .gx-xl-3 {
    --bs-gutter-x: 1rem;
  }
  .g-xl-3,
  .gy-xl-3 {
    --bs-gutter-y: 1rem;
  }
  .g-xl-4,
  .gx-xl-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-xl-4,
  .gy-xl-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-xl-5,
  .gx-xl-5 {
    --bs-gutter-x: 3rem;
  }
  .g-xl-5,
  .gy-xl-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 1400px) {
  .col-xxl-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-xxl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-xxl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xxl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-xxl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-xxl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-xxl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-xxl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-xxl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-xxl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-xxl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-xxl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-xxl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-xxl-0 {
    margin-left: 0;
  }
  .offset-xxl-1 {
    margin-left: 8.33333333%;
  }
  .offset-xxl-2 {
    margin-left: 16.66666667%;
  }
  .offset-xxl-3 {
    margin-left: 25%;
  }
  .offset-xxl-4 {
    margin-left: 33.33333333%;
  }
  .offset-xxl-5 {
    margin-left: 41.66666667%;
  }
  .offset-xxl-6 {
    margin-left: 50%;
  }
  .offset-xxl-7 {
    margin-left: 58.33333333%;
  }
  .offset-xxl-8 {
    margin-left: 66.66666667%;
  }
  .offset-xxl-9 {
    margin-left: 75%;
  }
  .offset-xxl-10 {
    margin-left: 83.33333333%;
  }
  .offset-xxl-11 {
    margin-left: 91.66666667%;
  }
  .g-xxl-0,
  .gx-xxl-0 {
    --bs-gutter-x: 0;
  }
  .g-xxl-0,
  .gy-xxl-0 {
    --bs-gutter-y: 0;
  }
  .g-xxl-1,
  .gx-xxl-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-xxl-1,
  .gy-xxl-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-xxl-2,
  .gx-xxl-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-xxl-2,
  .gy-xxl-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-xxl-3,
  .gx-xxl-3 {
    --bs-gutter-x: 1rem;
  }
  .g-xxl-3,
  .gy-xxl-3 {
    --bs-gutter-y: 1rem;
  }
  .g-xxl-4,
  .gx-xxl-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-xxl-4,
  .gy-xxl-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-xxl-5,
  .gx-xxl-5 {
    --bs-gutter-x: 3rem;
  }
  .g-xxl-5,
  .gy-xxl-5 {
    --bs-gutter-y: 3rem;
  }
}
.d-inline {
  display: inline !important;
}

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

.d-block {
  display: block !important;
}

.d-grid {
  display: grid !important;
}

.d-table {
  display: table !important;
}

.d-table-row {
  display: table-row !important;
}

.d-table-cell {
  display: table-cell !important;
}

.d-flex {
  display: flex !important;
}

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

.d-none {
  display: none !important;
}

.flex-fill {
  flex: 1 1 auto !important;
}

.flex-row {
  flex-direction: row !important;
}

.flex-column {
  flex-direction: column !important;
}

.flex-row-reverse {
  flex-direction: row-reverse !important;
}

.flex-column-reverse {
  flex-direction: column-reverse !important;
}

.flex-grow-0 {
  flex-grow: 0 !important;
}

.flex-grow-1 {
  flex-grow: 1 !important;
}

.flex-shrink-0 {
  flex-shrink: 0 !important;
}

.flex-shrink-1 {
  flex-shrink: 1 !important;
}

.flex-wrap {
  flex-wrap: wrap !important;
}

.flex-nowrap {
  flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}

.justify-content-start {
  justify-content: flex-start !important;
}

.justify-content-end {
  justify-content: flex-end !important;
}

.justify-content-center {
  justify-content: center !important;
}

.justify-content-between {
  justify-content: space-between !important;
}

.justify-content-around {
  justify-content: space-around !important;
}

.justify-content-evenly {
  justify-content: space-evenly !important;
}

.align-items-start {
  align-items: flex-start !important;
}

.align-items-end {
  align-items: flex-end !important;
}

.align-items-center {
  align-items: center !important;
}

.align-items-baseline {
  align-items: baseline !important;
}

.align-items-stretch {
  align-items: stretch !important;
}

.align-content-start {
  align-content: flex-start !important;
}

.align-content-end {
  align-content: flex-end !important;
}

.align-content-center {
  align-content: center !important;
}

.align-content-between {
  align-content: space-between !important;
}

.align-content-around {
  align-content: space-around !important;
}

.align-content-stretch {
  align-content: stretch !important;
}

.align-self-auto {
  align-self: auto !important;
}

.align-self-start {
  align-self: flex-start !important;
}

.align-self-end {
  align-self: flex-end !important;
}

.align-self-center {
  align-self: center !important;
}

.align-self-baseline {
  align-self: baseline !important;
}

.align-self-stretch {
  align-self: stretch !important;
}

.order-first {
  order: -1 !important;
}

.order-0 {
  order: 0 !important;
}

.order-1 {
  order: 1 !important;
}

.order-2 {
  order: 2 !important;
}

.order-3 {
  order: 3 !important;
}

.order-4 {
  order: 4 !important;
}

.order-5 {
  order: 5 !important;
}

.order-last {
  order: 6 !important;
}

.m-0 {
  margin: 0 !important;
}

.m-1 {
  margin: 0.25rem !important;
}

.m-2 {
  margin: 0.5rem !important;
}

.m-3 {
  margin: 1rem !important;
}

.m-4 {
  margin: 1.5rem !important;
}

.m-5 {
  margin: 3rem !important;
}

.m-auto {
  margin: auto !important;
}

.mx-0 {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

.mx-1 {
  margin-right: 0.25rem !important;
  margin-left: 0.25rem !important;
}

.mx-2 {
  margin-right: 0.5rem !important;
  margin-left: 0.5rem !important;
}

.mx-3 {
  margin-right: 1rem !important;
  margin-left: 1rem !important;
}

.mx-4 {
  margin-right: 1.5rem !important;
  margin-left: 1.5rem !important;
}

.mx-5 {
  margin-right: 3rem !important;
  margin-left: 3rem !important;
}

.mx-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}

.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.my-1 {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
}

.my-2 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}

.my-3 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}

.my-4 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}

.my-5 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}

.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}

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

.mt-1 {
  margin-top: 0.25rem !important;
}

.mt-2 {
  margin-top: 0.5rem !important;
}

.mt-3 {
  margin-top: 1rem !important;
}

.mt-4 {
  margin-top: 1.5rem !important;
}

.mt-5 {
  margin-top: 3rem !important;
}

.mt-auto {
  margin-top: auto !important;
}

.me-0 {
  margin-right: 0 !important;
}

.me-1 {
  margin-right: 0.25rem !important;
}

.me-2 {
  margin-right: 0.5rem !important;
}

.me-3 {
  margin-right: 1rem !important;
}

.me-4 {
  margin-right: 1.5rem !important;
}

.me-5 {
  margin-right: 3rem !important;
}

.me-auto {
  margin-right: auto !important;
}

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

.mb-1 {
  margin-bottom: 0.25rem !important;
}

.mb-2 {
  margin-bottom: 0.5rem !important;
}

.mb-3 {
  margin-bottom: 1rem !important;
}

.mb-4 {
  margin-bottom: 1.5rem !important;
}

.mb-5 {
  margin-bottom: 3rem !important;
}

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

.ms-0 {
  margin-left: 0 !important;
}

.ms-1 {
  margin-left: 0.25rem !important;
}

.ms-2 {
  margin-left: 0.5rem !important;
}

.ms-3 {
  margin-left: 1rem !important;
}

.ms-4 {
  margin-left: 1.5rem !important;
}

.ms-5 {
  margin-left: 3rem !important;
}

.ms-auto {
  margin-left: auto !important;
}

.p-0 {
  padding: 0 !important;
}

.p-1 {
  padding: 0.25rem !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.p-3 {
  padding: 1rem !important;
}

.p-4 {
  padding: 1.5rem !important;
}

.p-5 {
  padding: 3rem !important;
}

.px-0 {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.px-1 {
  padding-right: 0.25rem !important;
  padding-left: 0.25rem !important;
}

.px-2 {
  padding-right: 0.5rem !important;
  padding-left: 0.5rem !important;
}

.px-3 {
  padding-right: 1rem !important;
  padding-left: 1rem !important;
}

.px-4 {
  padding-right: 1.5rem !important;
  padding-left: 1.5rem !important;
}

.px-5 {
  padding-right: 3rem !important;
  padding-left: 3rem !important;
}

.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.py-1 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}

.py-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}

.py-3 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

.py-4 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}

.py-5 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}

.pt-0 {
  padding-top: 0 !important;
}

.pt-1 {
  padding-top: 0.25rem !important;
}

.pt-2 {
  padding-top: 0.5rem !important;
}

.pt-3 {
  padding-top: 1rem !important;
}

.pt-4 {
  padding-top: 1.5rem !important;
}

.pt-5 {
  padding-top: 3rem !important;
}

.pe-0 {
  padding-right: 0 !important;
}

.pe-1 {
  padding-right: 0.25rem !important;
}

.pe-2 {
  padding-right: 0.5rem !important;
}

.pe-3 {
  padding-right: 1rem !important;
}

.pe-4 {
  padding-right: 1.5rem !important;
}

.pe-5 {
  padding-right: 3rem !important;
}

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

.pb-1 {
  padding-bottom: 0.25rem !important;
}

.pb-2 {
  padding-bottom: 0.5rem !important;
}

.pb-3 {
  padding-bottom: 1rem !important;
}

.pb-4 {
  padding-bottom: 1.5rem !important;
}

.pb-5 {
  padding-bottom: 3rem !important;
}

.ps-0 {
  padding-left: 0 !important;
}

.ps-1 {
  padding-left: 0.25rem !important;
}

.ps-2 {
  padding-left: 0.5rem !important;
}

.ps-3 {
  padding-left: 1rem !important;
}

.ps-4 {
  padding-left: 1.5rem !important;
}

.ps-5 {
  padding-left: 3rem !important;
}

@media (min-width: 576px) {
  .d-sm-inline {
    display: inline !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }
  .d-sm-block {
    display: block !important;
  }
  .d-sm-grid {
    display: grid !important;
  }
  .d-sm-table {
    display: table !important;
  }
  .d-sm-table-row {
    display: table-row !important;
  }
  .d-sm-table-cell {
    display: table-cell !important;
  }
  .d-sm-flex {
    display: flex !important;
  }
  .d-sm-inline-flex {
    display: inline-flex !important;
  }
  .d-sm-none {
    display: none !important;
  }
  .flex-sm-fill {
    flex: 1 1 auto !important;
  }
  .flex-sm-row {
    flex-direction: row !important;
  }
  .flex-sm-column {
    flex-direction: column !important;
  }
  .flex-sm-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-sm-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-sm-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-sm-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-sm-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-sm-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-sm-wrap {
    flex-wrap: wrap !important;
  }
  .flex-sm-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-sm-start {
    justify-content: flex-start !important;
  }
  .justify-content-sm-end {
    justify-content: flex-end !important;
  }
  .justify-content-sm-center {
    justify-content: center !important;
  }
  .justify-content-sm-between {
    justify-content: space-between !important;
  }
  .justify-content-sm-around {
    justify-content: space-around !important;
  }
  .justify-content-sm-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-sm-start {
    align-items: flex-start !important;
  }
  .align-items-sm-end {
    align-items: flex-end !important;
  }
  .align-items-sm-center {
    align-items: center !important;
  }
  .align-items-sm-baseline {
    align-items: baseline !important;
  }
  .align-items-sm-stretch {
    align-items: stretch !important;
  }
  .align-content-sm-start {
    align-content: flex-start !important;
  }
  .align-content-sm-end {
    align-content: flex-end !important;
  }
  .align-content-sm-center {
    align-content: center !important;
  }
  .align-content-sm-between {
    align-content: space-between !important;
  }
  .align-content-sm-around {
    align-content: space-around !important;
  }
  .align-content-sm-stretch {
    align-content: stretch !important;
  }
  .align-self-sm-auto {
    align-self: auto !important;
  }
  .align-self-sm-start {
    align-self: flex-start !important;
  }
  .align-self-sm-end {
    align-self: flex-end !important;
  }
  .align-self-sm-center {
    align-self: center !important;
  }
  .align-self-sm-baseline {
    align-self: baseline !important;
  }
  .align-self-sm-stretch {
    align-self: stretch !important;
  }
  .order-sm-first {
    order: -1 !important;
  }
  .order-sm-0 {
    order: 0 !important;
  }
  .order-sm-1 {
    order: 1 !important;
  }
  .order-sm-2 {
    order: 2 !important;
  }
  .order-sm-3 {
    order: 3 !important;
  }
  .order-sm-4 {
    order: 4 !important;
  }
  .order-sm-5 {
    order: 5 !important;
  }
  .order-sm-last {
    order: 6 !important;
  }
  .m-sm-0 {
    margin: 0 !important;
  }
  .m-sm-1 {
    margin: 0.25rem !important;
  }
  .m-sm-2 {
    margin: 0.5rem !important;
  }
  .m-sm-3 {
    margin: 1rem !important;
  }
  .m-sm-4 {
    margin: 1.5rem !important;
  }
  .m-sm-5 {
    margin: 3rem !important;
  }
  .m-sm-auto {
    margin: auto !important;
  }
  .mx-sm-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-sm-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-sm-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-sm-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-sm-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-sm-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-sm-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-sm-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-sm-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-sm-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-sm-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-sm-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-sm-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-sm-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-sm-0 {
    margin-top: 0 !important;
  }
  .mt-sm-1 {
    margin-top: 0.25rem !important;
  }
  .mt-sm-2 {
    margin-top: 0.5rem !important;
  }
  .mt-sm-3 {
    margin-top: 1rem !important;
  }
  .mt-sm-4 {
    margin-top: 1.5rem !important;
  }
  .mt-sm-5 {
    margin-top: 3rem !important;
  }
  .mt-sm-auto {
    margin-top: auto !important;
  }
  .me-sm-0 {
    margin-right: 0 !important;
  }
  .me-sm-1 {
    margin-right: 0.25rem !important;
  }
  .me-sm-2 {
    margin-right: 0.5rem !important;
  }
  .me-sm-3 {
    margin-right: 1rem !important;
  }
  .me-sm-4 {
    margin-right: 1.5rem !important;
  }
  .me-sm-5 {
    margin-right: 3rem !important;
  }
  .me-sm-auto {
    margin-right: auto !important;
  }
  .mb-sm-0 {
    margin-bottom: 0 !important;
  }
  .mb-sm-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-sm-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-sm-3 {
    margin-bottom: 1rem !important;
  }
  .mb-sm-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-sm-5 {
    margin-bottom: 3rem !important;
  }
  .mb-sm-auto {
    margin-bottom: auto !important;
  }
  .ms-sm-0 {
    margin-left: 0 !important;
  }
  .ms-sm-1 {
    margin-left: 0.25rem !important;
  }
  .ms-sm-2 {
    margin-left: 0.5rem !important;
  }
  .ms-sm-3 {
    margin-left: 1rem !important;
  }
  .ms-sm-4 {
    margin-left: 1.5rem !important;
  }
  .ms-sm-5 {
    margin-left: 3rem !important;
  }
  .ms-sm-auto {
    margin-left: auto !important;
  }
  .p-sm-0 {
    padding: 0 !important;
  }
  .p-sm-1 {
    padding: 0.25rem !important;
  }
  .p-sm-2 {
    padding: 0.5rem !important;
  }
  .p-sm-3 {
    padding: 1rem !important;
  }
  .p-sm-4 {
    padding: 1.5rem !important;
  }
  .p-sm-5 {
    padding: 3rem !important;
  }
  .px-sm-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-sm-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-sm-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-sm-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-sm-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-sm-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-sm-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-sm-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-sm-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-sm-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-sm-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-sm-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-sm-0 {
    padding-top: 0 !important;
  }
  .pt-sm-1 {
    padding-top: 0.25rem !important;
  }
  .pt-sm-2 {
    padding-top: 0.5rem !important;
  }
  .pt-sm-3 {
    padding-top: 1rem !important;
  }
  .pt-sm-4 {
    padding-top: 1.5rem !important;
  }
  .pt-sm-5 {
    padding-top: 3rem !important;
  }
  .pe-sm-0 {
    padding-right: 0 !important;
  }
  .pe-sm-1 {
    padding-right: 0.25rem !important;
  }
  .pe-sm-2 {
    padding-right: 0.5rem !important;
  }
  .pe-sm-3 {
    padding-right: 1rem !important;
  }
  .pe-sm-4 {
    padding-right: 1.5rem !important;
  }
  .pe-sm-5 {
    padding-right: 3rem !important;
  }
  .pb-sm-0 {
    padding-bottom: 0 !important;
  }
  .pb-sm-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-sm-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-sm-3 {
    padding-bottom: 1rem !important;
  }
  .pb-sm-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-sm-5 {
    padding-bottom: 3rem !important;
  }
  .ps-sm-0 {
    padding-left: 0 !important;
  }
  .ps-sm-1 {
    padding-left: 0.25rem !important;
  }
  .ps-sm-2 {
    padding-left: 0.5rem !important;
  }
  .ps-sm-3 {
    padding-left: 1rem !important;
  }
  .ps-sm-4 {
    padding-left: 1.5rem !important;
  }
  .ps-sm-5 {
    padding-left: 3rem !important;
  }
}
@media (min-width: 768px) {
  .d-md-inline {
    display: inline !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-block {
    display: block !important;
  }
  .d-md-grid {
    display: grid !important;
  }
  .d-md-table {
    display: table !important;
  }
  .d-md-table-row {
    display: table-row !important;
  }
  .d-md-table-cell {
    display: table-cell !important;
  }
  .d-md-flex {
    display: flex !important;
  }
  .d-md-inline-flex {
    display: inline-flex !important;
  }
  .d-md-none {
    display: none !important;
  }
  .flex-md-fill {
    flex: 1 1 auto !important;
  }
  .flex-md-row {
    flex-direction: row !important;
  }
  .flex-md-column {
    flex-direction: column !important;
  }
  .flex-md-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-md-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-md-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-md-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-md-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-md-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-md-wrap {
    flex-wrap: wrap !important;
  }
  .flex-md-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-md-start {
    justify-content: flex-start !important;
  }
  .justify-content-md-end {
    justify-content: flex-end !important;
  }
  .justify-content-md-center {
    justify-content: center !important;
  }
  .justify-content-md-between {
    justify-content: space-between !important;
  }
  .justify-content-md-around {
    justify-content: space-around !important;
  }
  .justify-content-md-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-md-start {
    align-items: flex-start !important;
  }
  .align-items-md-end {
    align-items: flex-end !important;
  }
  .align-items-md-center {
    align-items: center !important;
  }
  .align-items-md-baseline {
    align-items: baseline !important;
  }
  .align-items-md-stretch {
    align-items: stretch !important;
  }
  .align-content-md-start {
    align-content: flex-start !important;
  }
  .align-content-md-end {
    align-content: flex-end !important;
  }
  .align-content-md-center {
    align-content: center !important;
  }
  .align-content-md-between {
    align-content: space-between !important;
  }
  .align-content-md-around {
    align-content: space-around !important;
  }
  .align-content-md-stretch {
    align-content: stretch !important;
  }
  .align-self-md-auto {
    align-self: auto !important;
  }
  .align-self-md-start {
    align-self: flex-start !important;
  }
  .align-self-md-end {
    align-self: flex-end !important;
  }
  .align-self-md-center {
    align-self: center !important;
  }
  .align-self-md-baseline {
    align-self: baseline !important;
  }
  .align-self-md-stretch {
    align-self: stretch !important;
  }
  .order-md-first {
    order: -1 !important;
  }
  .order-md-0 {
    order: 0 !important;
  }
  .order-md-1 {
    order: 1 !important;
  }
  .order-md-2 {
    order: 2 !important;
  }
  .order-md-3 {
    order: 3 !important;
  }
  .order-md-4 {
    order: 4 !important;
  }
  .order-md-5 {
    order: 5 !important;
  }
  .order-md-last {
    order: 6 !important;
  }
  .m-md-0 {
    margin: 0 !important;
  }
  .m-md-1 {
    margin: 0.25rem !important;
  }
  .m-md-2 {
    margin: 0.5rem !important;
  }
  .m-md-3 {
    margin: 1rem !important;
  }
  .m-md-4 {
    margin: 1.5rem !important;
  }
  .m-md-5 {
    margin: 3rem !important;
  }
  .m-md-auto {
    margin: auto !important;
  }
  .mx-md-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-md-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-md-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-md-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-md-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-md-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-md-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-md-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-md-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-md-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-md-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-md-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-md-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-md-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-md-0 {
    margin-top: 0 !important;
  }
  .mt-md-1 {
    margin-top: 0.25rem !important;
  }
  .mt-md-2 {
    margin-top: 0.5rem !important;
  }
  .mt-md-3 {
    margin-top: 1rem !important;
  }
  .mt-md-4 {
    margin-top: 1.5rem !important;
  }
  .mt-md-5 {
    margin-top: 3rem !important;
  }
  .mt-md-auto {
    margin-top: auto !important;
  }
  .me-md-0 {
    margin-right: 0 !important;
  }
  .me-md-1 {
    margin-right: 0.25rem !important;
  }
  .me-md-2 {
    margin-right: 0.5rem !important;
  }
  .me-md-3 {
    margin-right: 1rem !important;
  }
  .me-md-4 {
    margin-right: 1.5rem !important;
  }
  .me-md-5 {
    margin-right: 3rem !important;
  }
  .me-md-auto {
    margin-right: auto !important;
  }
  .mb-md-0 {
    margin-bottom: 0 !important;
  }
  .mb-md-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-md-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-md-3 {
    margin-bottom: 1rem !important;
  }
  .mb-md-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-md-5 {
    margin-bottom: 3rem !important;
  }
  .mb-md-auto {
    margin-bottom: auto !important;
  }
  .ms-md-0 {
    margin-left: 0 !important;
  }
  .ms-md-1 {
    margin-left: 0.25rem !important;
  }
  .ms-md-2 {
    margin-left: 0.5rem !important;
  }
  .ms-md-3 {
    margin-left: 1rem !important;
  }
  .ms-md-4 {
    margin-left: 1.5rem !important;
  }
  .ms-md-5 {
    margin-left: 3rem !important;
  }
  .ms-md-auto {
    margin-left: auto !important;
  }
  .p-md-0 {
    padding: 0 !important;
  }
  .p-md-1 {
    padding: 0.25rem !important;
  }
  .p-md-2 {
    padding: 0.5rem !important;
  }
  .p-md-3 {
    padding: 1rem !important;
  }
  .p-md-4 {
    padding: 1.5rem !important;
  }
  .p-md-5 {
    padding: 3rem !important;
  }
  .px-md-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-md-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-md-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-md-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-md-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-md-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-md-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-md-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-md-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-md-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-md-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-md-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-md-0 {
    padding-top: 0 !important;
  }
  .pt-md-1 {
    padding-top: 0.25rem !important;
  }
  .pt-md-2 {
    padding-top: 0.5rem !important;
  }
  .pt-md-3 {
    padding-top: 1rem !important;
  }
  .pt-md-4 {
    padding-top: 1.5rem !important;
  }
  .pt-md-5 {
    padding-top: 3rem !important;
  }
  .pe-md-0 {
    padding-right: 0 !important;
  }
  .pe-md-1 {
    padding-right: 0.25rem !important;
  }
  .pe-md-2 {
    padding-right: 0.5rem !important;
  }
  .pe-md-3 {
    padding-right: 1rem !important;
  }
  .pe-md-4 {
    padding-right: 1.5rem !important;
  }
  .pe-md-5 {
    padding-right: 3rem !important;
  }
  .pb-md-0 {
    padding-bottom: 0 !important;
  }
  .pb-md-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-md-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-md-3 {
    padding-bottom: 1rem !important;
  }
  .pb-md-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-md-5 {
    padding-bottom: 3rem !important;
  }
  .ps-md-0 {
    padding-left: 0 !important;
  }
  .ps-md-1 {
    padding-left: 0.25rem !important;
  }
  .ps-md-2 {
    padding-left: 0.5rem !important;
  }
  .ps-md-3 {
    padding-left: 1rem !important;
  }
  .ps-md-4 {
    padding-left: 1.5rem !important;
  }
  .ps-md-5 {
    padding-left: 3rem !important;
  }
}
@media (min-width: 992px) {
  .d-lg-inline {
    display: inline !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-block {
    display: block !important;
  }
  .d-lg-grid {
    display: grid !important;
  }
  .d-lg-table {
    display: table !important;
  }
  .d-lg-table-row {
    display: table-row !important;
  }
  .d-lg-table-cell {
    display: table-cell !important;
  }
  .d-lg-flex {
    display: flex !important;
  }
  .d-lg-inline-flex {
    display: inline-flex !important;
  }
  .d-lg-none {
    display: none !important;
  }
  .flex-lg-fill {
    flex: 1 1 auto !important;
  }
  .flex-lg-row {
    flex-direction: row !important;
  }
  .flex-lg-column {
    flex-direction: column !important;
  }
  .flex-lg-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-lg-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-lg-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-lg-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-lg-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-lg-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-lg-wrap {
    flex-wrap: wrap !important;
  }
  .flex-lg-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-lg-start {
    justify-content: flex-start !important;
  }
  .justify-content-lg-end {
    justify-content: flex-end !important;
  }
  .justify-content-lg-center {
    justify-content: center !important;
  }
  .justify-content-lg-between {
    justify-content: space-between !important;
  }
  .justify-content-lg-around {
    justify-content: space-around !important;
  }
  .justify-content-lg-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-lg-start {
    align-items: flex-start !important;
  }
  .align-items-lg-end {
    align-items: flex-end !important;
  }
  .align-items-lg-center {
    align-items: center !important;
  }
  .align-items-lg-baseline {
    align-items: baseline !important;
  }
  .align-items-lg-stretch {
    align-items: stretch !important;
  }
  .align-content-lg-start {
    align-content: flex-start !important;
  }
  .align-content-lg-end {
    align-content: flex-end !important;
  }
  .align-content-lg-center {
    align-content: center !important;
  }
  .align-content-lg-between {
    align-content: space-between !important;
  }
  .align-content-lg-around {
    align-content: space-around !important;
  }
  .align-content-lg-stretch {
    align-content: stretch !important;
  }
  .align-self-lg-auto {
    align-self: auto !important;
  }
  .align-self-lg-start {
    align-self: flex-start !important;
  }
  .align-self-lg-end {
    align-self: flex-end !important;
  }
  .align-self-lg-center {
    align-self: center !important;
  }
  .align-self-lg-baseline {
    align-self: baseline !important;
  }
  .align-self-lg-stretch {
    align-self: stretch !important;
  }
  .order-lg-first {
    order: -1 !important;
  }
  .order-lg-0 {
    order: 0 !important;
  }
  .order-lg-1 {
    order: 1 !important;
  }
  .order-lg-2 {
    order: 2 !important;
  }
  .order-lg-3 {
    order: 3 !important;
  }
  .order-lg-4 {
    order: 4 !important;
  }
  .order-lg-5 {
    order: 5 !important;
  }
  .order-lg-last {
    order: 6 !important;
  }
  .m-lg-0 {
    margin: 0 !important;
  }
  .m-lg-1 {
    margin: 0.25rem !important;
  }
  .m-lg-2 {
    margin: 0.5rem !important;
  }
  .m-lg-3 {
    margin: 1rem !important;
  }
  .m-lg-4 {
    margin: 1.5rem !important;
  }
  .m-lg-5 {
    margin: 3rem !important;
  }
  .m-lg-auto {
    margin: auto !important;
  }
  .mx-lg-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-lg-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-lg-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-lg-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-lg-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-lg-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-lg-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-lg-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-lg-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-lg-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-lg-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-lg-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-lg-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-lg-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-lg-0 {
    margin-top: 0 !important;
  }
  .mt-lg-1 {
    margin-top: 0.25rem !important;
  }
  .mt-lg-2 {
    margin-top: 0.5rem !important;
  }
  .mt-lg-3 {
    margin-top: 1rem !important;
  }
  .mt-lg-4 {
    margin-top: 1.5rem !important;
  }
  .mt-lg-5 {
    margin-top: 3rem !important;
  }
  .mt-lg-auto {
    margin-top: auto !important;
  }
  .me-lg-0 {
    margin-right: 0 !important;
  }
  .me-lg-1 {
    margin-right: 0.25rem !important;
  }
  .me-lg-2 {
    margin-right: 0.5rem !important;
  }
  .me-lg-3 {
    margin-right: 1rem !important;
  }
  .me-lg-4 {
    margin-right: 1.5rem !important;
  }
  .me-lg-5 {
    margin-right: 3rem !important;
  }
  .me-lg-auto {
    margin-right: auto !important;
  }
  .mb-lg-0 {
    margin-bottom: 0 !important;
  }
  .mb-lg-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-lg-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-lg-3 {
    margin-bottom: 1rem !important;
  }
  .mb-lg-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-lg-5 {
    margin-bottom: 3rem !important;
  }
  .mb-lg-auto {
    margin-bottom: auto !important;
  }
  .ms-lg-0 {
    margin-left: 0 !important;
  }
  .ms-lg-1 {
    margin-left: 0.25rem !important;
  }
  .ms-lg-2 {
    margin-left: 0.5rem !important;
  }
  .ms-lg-3 {
    margin-left: 1rem !important;
  }
  .ms-lg-4 {
    margin-left: 1.5rem !important;
  }
  .ms-lg-5 {
    margin-left: 3rem !important;
  }
  .ms-lg-auto {
    margin-left: auto !important;
  }
  .p-lg-0 {
    padding: 0 !important;
  }
  .p-lg-1 {
    padding: 0.25rem !important;
  }
  .p-lg-2 {
    padding: 0.5rem !important;
  }
  .p-lg-3 {
    padding: 1rem !important;
  }
  .p-lg-4 {
    padding: 1.5rem !important;
  }
  .p-lg-5 {
    padding: 3rem !important;
  }
  .px-lg-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-lg-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-lg-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-lg-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-lg-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-lg-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-lg-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-lg-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-lg-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-lg-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-lg-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-lg-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-lg-0 {
    padding-top: 0 !important;
  }
  .pt-lg-1 {
    padding-top: 0.25rem !important;
  }
  .pt-lg-2 {
    padding-top: 0.5rem !important;
  }
  .pt-lg-3 {
    padding-top: 1rem !important;
  }
  .pt-lg-4 {
    padding-top: 1.5rem !important;
  }
  .pt-lg-5 {
    padding-top: 3rem !important;
  }
  .pe-lg-0 {
    padding-right: 0 !important;
  }
  .pe-lg-1 {
    padding-right: 0.25rem !important;
  }
  .pe-lg-2 {
    padding-right: 0.5rem !important;
  }
  .pe-lg-3 {
    padding-right: 1rem !important;
  }
  .pe-lg-4 {
    padding-right: 1.5rem !important;
  }
  .pe-lg-5 {
    padding-right: 3rem !important;
  }
  .pb-lg-0 {
    padding-bottom: 0 !important;
  }
  .pb-lg-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-lg-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-lg-3 {
    padding-bottom: 1rem !important;
  }
  .pb-lg-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-lg-5 {
    padding-bottom: 3rem !important;
  }
  .ps-lg-0 {
    padding-left: 0 !important;
  }
  .ps-lg-1 {
    padding-left: 0.25rem !important;
  }
  .ps-lg-2 {
    padding-left: 0.5rem !important;
  }
  .ps-lg-3 {
    padding-left: 1rem !important;
  }
  .ps-lg-4 {
    padding-left: 1.5rem !important;
  }
  .ps-lg-5 {
    padding-left: 3rem !important;
  }
}
@media (min-width: 1200px) {
  .d-xl-inline {
    display: inline !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .d-xl-block {
    display: block !important;
  }
  .d-xl-grid {
    display: grid !important;
  }
  .d-xl-table {
    display: table !important;
  }
  .d-xl-table-row {
    display: table-row !important;
  }
  .d-xl-table-cell {
    display: table-cell !important;
  }
  .d-xl-flex {
    display: flex !important;
  }
  .d-xl-inline-flex {
    display: inline-flex !important;
  }
  .d-xl-none {
    display: none !important;
  }
  .flex-xl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xl-row {
    flex-direction: row !important;
  }
  .flex-xl-column {
    flex-direction: column !important;
  }
  .flex-xl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-xl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-xl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xl-center {
    justify-content: center !important;
  }
  .justify-content-xl-between {
    justify-content: space-between !important;
  }
  .justify-content-xl-around {
    justify-content: space-around !important;
  }
  .justify-content-xl-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-xl-start {
    align-items: flex-start !important;
  }
  .align-items-xl-end {
    align-items: flex-end !important;
  }
  .align-items-xl-center {
    align-items: center !important;
  }
  .align-items-xl-baseline {
    align-items: baseline !important;
  }
  .align-items-xl-stretch {
    align-items: stretch !important;
  }
  .align-content-xl-start {
    align-content: flex-start !important;
  }
  .align-content-xl-end {
    align-content: flex-end !important;
  }
  .align-content-xl-center {
    align-content: center !important;
  }
  .align-content-xl-between {
    align-content: space-between !important;
  }
  .align-content-xl-around {
    align-content: space-around !important;
  }
  .align-content-xl-stretch {
    align-content: stretch !important;
  }
  .align-self-xl-auto {
    align-self: auto !important;
  }
  .align-self-xl-start {
    align-self: flex-start !important;
  }
  .align-self-xl-end {
    align-self: flex-end !important;
  }
  .align-self-xl-center {
    align-self: center !important;
  }
  .align-self-xl-baseline {
    align-self: baseline !important;
  }
  .align-self-xl-stretch {
    align-self: stretch !important;
  }
  .order-xl-first {
    order: -1 !important;
  }
  .order-xl-0 {
    order: 0 !important;
  }
  .order-xl-1 {
    order: 1 !important;
  }
  .order-xl-2 {
    order: 2 !important;
  }
  .order-xl-3 {
    order: 3 !important;
  }
  .order-xl-4 {
    order: 4 !important;
  }
  .order-xl-5 {
    order: 5 !important;
  }
  .order-xl-last {
    order: 6 !important;
  }
  .m-xl-0 {
    margin: 0 !important;
  }
  .m-xl-1 {
    margin: 0.25rem !important;
  }
  .m-xl-2 {
    margin: 0.5rem !important;
  }
  .m-xl-3 {
    margin: 1rem !important;
  }
  .m-xl-4 {
    margin: 1.5rem !important;
  }
  .m-xl-5 {
    margin: 3rem !important;
  }
  .m-xl-auto {
    margin: auto !important;
  }
  .mx-xl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-xl-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-xl-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-xl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-xl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-xl-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-xl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-xl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-xl-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-xl-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-xl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-xl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-xl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-xl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-xl-0 {
    margin-top: 0 !important;
  }
  .mt-xl-1 {
    margin-top: 0.25rem !important;
  }
  .mt-xl-2 {
    margin-top: 0.5rem !important;
  }
  .mt-xl-3 {
    margin-top: 1rem !important;
  }
  .mt-xl-4 {
    margin-top: 1.5rem !important;
  }
  .mt-xl-5 {
    margin-top: 3rem !important;
  }
  .mt-xl-auto {
    margin-top: auto !important;
  }
  .me-xl-0 {
    margin-right: 0 !important;
  }
  .me-xl-1 {
    margin-right: 0.25rem !important;
  }
  .me-xl-2 {
    margin-right: 0.5rem !important;
  }
  .me-xl-3 {
    margin-right: 1rem !important;
  }
  .me-xl-4 {
    margin-right: 1.5rem !important;
  }
  .me-xl-5 {
    margin-right: 3rem !important;
  }
  .me-xl-auto {
    margin-right: auto !important;
  }
  .mb-xl-0 {
    margin-bottom: 0 !important;
  }
  .mb-xl-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-xl-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-xl-3 {
    margin-bottom: 1rem !important;
  }
  .mb-xl-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-xl-5 {
    margin-bottom: 3rem !important;
  }
  .mb-xl-auto {
    margin-bottom: auto !important;
  }
  .ms-xl-0 {
    margin-left: 0 !important;
  }
  .ms-xl-1 {
    margin-left: 0.25rem !important;
  }
  .ms-xl-2 {
    margin-left: 0.5rem !important;
  }
  .ms-xl-3 {
    margin-left: 1rem !important;
  }
  .ms-xl-4 {
    margin-left: 1.5rem !important;
  }
  .ms-xl-5 {
    margin-left: 3rem !important;
  }
  .ms-xl-auto {
    margin-left: auto !important;
  }
  .p-xl-0 {
    padding: 0 !important;
  }
  .p-xl-1 {
    padding: 0.25rem !important;
  }
  .p-xl-2 {
    padding: 0.5rem !important;
  }
  .p-xl-3 {
    padding: 1rem !important;
  }
  .p-xl-4 {
    padding: 1.5rem !important;
  }
  .p-xl-5 {
    padding: 3rem !important;
  }
  .px-xl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-xl-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-xl-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-xl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-xl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-xl-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-xl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-xl-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-xl-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-xl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-xl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-xl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-xl-0 {
    padding-top: 0 !important;
  }
  .pt-xl-1 {
    padding-top: 0.25rem !important;
  }
  .pt-xl-2 {
    padding-top: 0.5rem !important;
  }
  .pt-xl-3 {
    padding-top: 1rem !important;
  }
  .pt-xl-4 {
    padding-top: 1.5rem !important;
  }
  .pt-xl-5 {
    padding-top: 3rem !important;
  }
  .pe-xl-0 {
    padding-right: 0 !important;
  }
  .pe-xl-1 {
    padding-right: 0.25rem !important;
  }
  .pe-xl-2 {
    padding-right: 0.5rem !important;
  }
  .pe-xl-3 {
    padding-right: 1rem !important;
  }
  .pe-xl-4 {
    padding-right: 1.5rem !important;
  }
  .pe-xl-5 {
    padding-right: 3rem !important;
  }
  .pb-xl-0 {
    padding-bottom: 0 !important;
  }
  .pb-xl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-xl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-xl-3 {
    padding-bottom: 1rem !important;
  }
  .pb-xl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-xl-5 {
    padding-bottom: 3rem !important;
  }
  .ps-xl-0 {
    padding-left: 0 !important;
  }
  .ps-xl-1 {
    padding-left: 0.25rem !important;
  }
  .ps-xl-2 {
    padding-left: 0.5rem !important;
  }
  .ps-xl-3 {
    padding-left: 1rem !important;
  }
  .ps-xl-4 {
    padding-left: 1.5rem !important;
  }
  .ps-xl-5 {
    padding-left: 3rem !important;
  }
}
@media (min-width: 1400px) {
  .d-xxl-inline {
    display: inline !important;
  }
  .d-xxl-inline-block {
    display: inline-block !important;
  }
  .d-xxl-block {
    display: block !important;
  }
  .d-xxl-grid {
    display: grid !important;
  }
  .d-xxl-table {
    display: table !important;
  }
  .d-xxl-table-row {
    display: table-row !important;
  }
  .d-xxl-table-cell {
    display: table-cell !important;
  }
  .d-xxl-flex {
    display: flex !important;
  }
  .d-xxl-inline-flex {
    display: inline-flex !important;
  }
  .d-xxl-none {
    display: none !important;
  }
  .flex-xxl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xxl-row {
    flex-direction: row !important;
  }
  .flex-xxl-column {
    flex-direction: column !important;
  }
  .flex-xxl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xxl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xxl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xxl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xxl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xxl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-xxl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xxl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xxl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-xxl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xxl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xxl-center {
    justify-content: center !important;
  }
  .justify-content-xxl-between {
    justify-content: space-between !important;
  }
  .justify-content-xxl-around {
    justify-content: space-around !important;
  }
  .justify-content-xxl-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-xxl-start {
    align-items: flex-start !important;
  }
  .align-items-xxl-end {
    align-items: flex-end !important;
  }
  .align-items-xxl-center {
    align-items: center !important;
  }
  .align-items-xxl-baseline {
    align-items: baseline !important;
  }
  .align-items-xxl-stretch {
    align-items: stretch !important;
  }
  .align-content-xxl-start {
    align-content: flex-start !important;
  }
  .align-content-xxl-end {
    align-content: flex-end !important;
  }
  .align-content-xxl-center {
    align-content: center !important;
  }
  .align-content-xxl-between {
    align-content: space-between !important;
  }
  .align-content-xxl-around {
    align-content: space-around !important;
  }
  .align-content-xxl-stretch {
    align-content: stretch !important;
  }
  .align-self-xxl-auto {
    align-self: auto !important;
  }
  .align-self-xxl-start {
    align-self: flex-start !important;
  }
  .align-self-xxl-end {
    align-self: flex-end !important;
  }
  .align-self-xxl-center {
    align-self: center !important;
  }
  .align-self-xxl-baseline {
    align-self: baseline !important;
  }
  .align-self-xxl-stretch {
    align-self: stretch !important;
  }
  .order-xxl-first {
    order: -1 !important;
  }
  .order-xxl-0 {
    order: 0 !important;
  }
  .order-xxl-1 {
    order: 1 !important;
  }
  .order-xxl-2 {
    order: 2 !important;
  }
  .order-xxl-3 {
    order: 3 !important;
  }
  .order-xxl-4 {
    order: 4 !important;
  }
  .order-xxl-5 {
    order: 5 !important;
  }
  .order-xxl-last {
    order: 6 !important;
  }
  .m-xxl-0 {
    margin: 0 !important;
  }
  .m-xxl-1 {
    margin: 0.25rem !important;
  }
  .m-xxl-2 {
    margin: 0.5rem !important;
  }
  .m-xxl-3 {
    margin: 1rem !important;
  }
  .m-xxl-4 {
    margin: 1.5rem !important;
  }
  .m-xxl-5 {
    margin: 3rem !important;
  }
  .m-xxl-auto {
    margin: auto !important;
  }
  .mx-xxl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-xxl-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-xxl-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-xxl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-xxl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-xxl-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-xxl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-xxl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-xxl-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-xxl-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-xxl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-xxl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-xxl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-xxl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-xxl-0 {
    margin-top: 0 !important;
  }
  .mt-xxl-1 {
    margin-top: 0.25rem !important;
  }
  .mt-xxl-2 {
    margin-top: 0.5rem !important;
  }
  .mt-xxl-3 {
    margin-top: 1rem !important;
  }
  .mt-xxl-4 {
    margin-top: 1.5rem !important;
  }
  .mt-xxl-5 {
    margin-top: 3rem !important;
  }
  .mt-xxl-auto {
    margin-top: auto !important;
  }
  .me-xxl-0 {
    margin-right: 0 !important;
  }
  .me-xxl-1 {
    margin-right: 0.25rem !important;
  }
  .me-xxl-2 {
    margin-right: 0.5rem !important;
  }
  .me-xxl-3 {
    margin-right: 1rem !important;
  }
  .me-xxl-4 {
    margin-right: 1.5rem !important;
  }
  .me-xxl-5 {
    margin-right: 3rem !important;
  }
  .me-xxl-auto {
    margin-right: auto !important;
  }
  .mb-xxl-0 {
    margin-bottom: 0 !important;
  }
  .mb-xxl-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-xxl-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-xxl-3 {
    margin-bottom: 1rem !important;
  }
  .mb-xxl-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-xxl-5 {
    margin-bottom: 3rem !important;
  }
  .mb-xxl-auto {
    margin-bottom: auto !important;
  }
  .ms-xxl-0 {
    margin-left: 0 !important;
  }
  .ms-xxl-1 {
    margin-left: 0.25rem !important;
  }
  .ms-xxl-2 {
    margin-left: 0.5rem !important;
  }
  .ms-xxl-3 {
    margin-left: 1rem !important;
  }
  .ms-xxl-4 {
    margin-left: 1.5rem !important;
  }
  .ms-xxl-5 {
    margin-left: 3rem !important;
  }
  .ms-xxl-auto {
    margin-left: auto !important;
  }
  .p-xxl-0 {
    padding: 0 !important;
  }
  .p-xxl-1 {
    padding: 0.25rem !important;
  }
  .p-xxl-2 {
    padding: 0.5rem !important;
  }
  .p-xxl-3 {
    padding: 1rem !important;
  }
  .p-xxl-4 {
    padding: 1.5rem !important;
  }
  .p-xxl-5 {
    padding: 3rem !important;
  }
  .px-xxl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-xxl-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-xxl-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-xxl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-xxl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-xxl-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-xxl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-xxl-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-xxl-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-xxl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-xxl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-xxl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-xxl-0 {
    padding-top: 0 !important;
  }
  .pt-xxl-1 {
    padding-top: 0.25rem !important;
  }
  .pt-xxl-2 {
    padding-top: 0.5rem !important;
  }
  .pt-xxl-3 {
    padding-top: 1rem !important;
  }
  .pt-xxl-4 {
    padding-top: 1.5rem !important;
  }
  .pt-xxl-5 {
    padding-top: 3rem !important;
  }
  .pe-xxl-0 {
    padding-right: 0 !important;
  }
  .pe-xxl-1 {
    padding-right: 0.25rem !important;
  }
  .pe-xxl-2 {
    padding-right: 0.5rem !important;
  }
  .pe-xxl-3 {
    padding-right: 1rem !important;
  }
  .pe-xxl-4 {
    padding-right: 1.5rem !important;
  }
  .pe-xxl-5 {
    padding-right: 3rem !important;
  }
  .pb-xxl-0 {
    padding-bottom: 0 !important;
  }
  .pb-xxl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-xxl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-xxl-3 {
    padding-bottom: 1rem !important;
  }
  .pb-xxl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-xxl-5 {
    padding-bottom: 3rem !important;
  }
  .ps-xxl-0 {
    padding-left: 0 !important;
  }
  .ps-xxl-1 {
    padding-left: 0.25rem !important;
  }
  .ps-xxl-2 {
    padding-left: 0.5rem !important;
  }
  .ps-xxl-3 {
    padding-left: 1rem !important;
  }
  .ps-xxl-4 {
    padding-left: 1.5rem !important;
  }
  .ps-xxl-5 {
    padding-left: 3rem !important;
  }
}
@media print {
  .d-print-inline {
    display: inline !important;
  }
  .d-print-inline-block {
    display: inline-block !important;
  }
  .d-print-block {
    display: block !important;
  }
  .d-print-grid {
    display: grid !important;
  }
  .d-print-table {
    display: table !important;
  }
  .d-print-table-row {
    display: table-row !important;
  }
  .d-print-table-cell {
    display: table-cell !important;
  }
  .d-print-flex {
    display: flex !important;
  }
  .d-print-inline-flex {
    display: inline-flex !important;
  }
  .d-print-none {
    display: none !important;
  }
}

.input {
  box-sizing: border-box;
  padding: 12px 22px;
  width: 100%;
  border-radius: 8px;
  border: 1px solid var(--light-gray-color);
  outline: none;
  font-weight: 300;
}
@media (max-width: 992px) {
  .input {
    font-size: calc(12px * var(--scale));
    line-height: calc(16px * var(--lh));
  }
}
@media (max-width: 992px) {
  .input {
    padding: 13px 16px;
    border-radius: 6px;
  }
}
.input:hover {
  border-color: #858c9c;
}
.input:focus {
  border: 1px solid #78a4f4;
}
.input::placeholder {
  color: var(--tertiary-text);
}
.input_s {
  padding: 11px 16px;
  border-radius: 6px;
}
.input-search {
  width: calc(100% - 44px);
  border-radius: 8px 0 0 8px !important;
  padding: 8px 20px;
  background-color: var(--grey-adm);
  border: 1px solid var(--grey-adm);
}
.tmp-duma .input-search {
  background-color: var(--main-text-dark-bg);
}
.search-services .input-search {
  width: calc(100% - 44px);
  border-radius: 8px 0 0 8px !important;
  padding: 8px 20px;
  background-color: var(--main-text-dark-bg);
  border: 1px solid var(--main-text-dark-bg);
}
.input-error {
  border: 1px solid #d10404;
}

.button {
  all: unset;
  inline-size: max-content;
  align-self: flex-start;
  cursor: pointer;
  color: var(--content-color);
  border-radius: 8px;
  display: flex;
  align-items: center;
  gap: 8px;
  /*** Описание цветов кнопки ***/
  /*** default blue ***/
  background-color: var(--primary-color);
  border: 1px solid var(--primary-color);
  /** Описание размеров кнопки ***/
  /** default size M **/
  /** Позиционирование иконки ***/
  /** Вариант c закруглением ***/
  /** Вариант без текста ***/
  /** Вариант без действия ***/
  /** Особый шрифт для тегов ***/
}
.button:hover {
  color: var(--content-color);
  text-decoration: none;
  background-color: var(--primary-color-hover);
  border: 1px solid var(--primary-color-hover);
}
.button:active {
  background-color: var(--primary-color-active);
  border: 1px solid var(--primary-color-active);
}
.button:disabled {
  background-color: var(--primary-color-disabled);
  border: 1px solid var(--primary-color-disabled);
}
.button_green {
  background-color: var(--primary-color-green);
  border: 1px solid var(--primary-color-green);
}
.button_green:hover {
  background-color: var(--primary-color-green-hover);
  border: 1px solid var(--primary-color-green-hover);
}
.button_green:active {
  background-color: var(--primary-color-green-click);
  border: 1px solid var(--primary-color-green-click);
}
.button_green:disabled {
  background-color: var(--primary-color-green-disabled);
  border: 1px solid var(--primary-color-green-disabled);
}
.button_red {
  background-color: #d10404;
  border: 1px solid #d10404;
}
.button_gray {
  color: var(--main-text);
  background-color: var(--fourth-text-inverse);
}
.button_white {
  color: var(--primary-color);
  background-color: var(--content-color);
  border: 1px solid var(--primary-color);
}
.button_white:hover {
  background-color: var(--content-color);
  color: var(--primary-color-hover);
  border-color: var(--primary-color-hover);
}
.button_white:active {
  background-color: var(--content-color);
  color: var(--primary-color-active);
  border-color: var(--primary-color-active);
}
.button_white:disabled {
  color: var(--primary-color-disabled);
  border-color: var(--primary-color-disabled);
}
.button_white_no-border {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  border: 1px solid transparent;
}
.button {
  padding: 11px 20px;
}
@media (max-width: 992px) {
  .button {
    padding: 7px 16px;
  }
}
.button .button_span {
  font-weight: 500;
  font-size: calc(14px * var(--scale));
  line-height: calc(20px * var(--lh));
}
@media (max-width: 992px) {
  .button .button_span {
    font-size: calc(12px * var(--scale));
    line-height: calc(16px * var(--lh));
  }
}
.button .icon {
  font-size: 16px;
}
.button_size_l {
  padding: 17px 28px;
}
@media (max-width: 992px) {
  .button_size_l {
    padding: 11px 20px;
  }
}
.button_size_l .button_span {
  font-weight: 500;
  font-size: calc(20px * var(--scale));
  line-height: calc(24px * var(--lh));
}
@media (max-width: 992px) {
  .button_size_l .button_span {
    font-size: calc(14px * var(--scale));
    line-height: calc(18px * var(--lh));
  }
}
.button_size_l .icon {
  font-size: 20px;
}
.button_size_s {
  padding: 7px 16px;
}
.button_size_s .button_span {
  font-weight: 500;
  font-size: calc(12px * var(--scale));
  line-height: calc(16px * var(--lh));
}
@media (max-width: 992px) {
  .button_size_s .button_span {
    font-size: calc(10px * var(--scale));
    line-height: calc(14px * var(--lh));
  }
}
.button_size_s .icon {
  font-size: 12px;
}
.button_size_xs {
  padding: 4px 16px;
}
.button_size_xs .button_span {
  font-weight: 500;
  font-size: calc(12px * var(--scale));
  line-height: calc(16px * var(--lh));
}
@media (max-width: 992px) {
  .button_size_xs .button_span {
    font-size: calc(10px * var(--scale));
    line-height: calc(14px * var(--lh));
  }
}
.button_size_xs .icon {
  font-size: 12px;
}
.button_icon-left {
  flex-direction: row-reverse;
}
.header-services__container .button_icon-left {
  min-height: 46px;
}
.button_radius {
  border-radius: 1000px;
}
.button_without-text {
  gap: 0;
  padding: 12px;
}
@media screen and (max-width: 1000px) {
  .button_without-text {
    padding: 8px;
  }
}
.button_without-event {
  cursor: default;
  pointer-events: none;
}
.button_without-event:hover {
  background-color: inherit;
}
.button_tag-label span {
  font-weight: 500;
  font-size: calc(11px * var(--scale));
  line-height: calc(14px * var(--lh));
  text-transform: uppercase;
}

.link {
  text-decoration: none;
  color: var(--primary-color);
}
.link:hover {
  text-decoration: underline;
  color: var(--primary-color-hover);
}
.link:active {
  text-decoration: underline;
  color: var(--primary-color-active);
}
.link:disabled {
  color: var(--primary-color-disabled);
}

.links-list {
  margin-top: 12px;
  width: 100%;
}
.links-list-item {
  display: flex;
  gap: 12px;
  align-items: center;
  justify-content: space-between;
  border-radius: 8px;
  margin-bottom: 12px;
  background: var(--grey-adm);
  color: var(--main-text);
  padding: 18px 20px;
  text-decoration: none;
  font-weight: 500;
  font-size: calc(16px * var(--scale));
  line-height: calc(20px * var(--lh));
}
@media (max-width: 992px) {
  .links-list-item {
    font-size: calc(12px * var(--scale));
    line-height: calc(16px * var(--lh));
  }
}
@media (max-width: 992px) {
  .links-list-item {
    padding: 13px 16px;
  }
}
.links-list-item:hover {
  text-decoration: none;
  color: var(--main-text);
  transition: box-shadow 0.3s ease-in-out;
  background: var(--services-hover);
}
.links-list-item .icon {
  font-size: 20px;
  color: var(--primary-color);
}
@media (max-width: 992px) {
  .links-list-item .icon {
    font-size: 16px;
  }
}
.links-list-item span {
  color: var(--tertiary-text);
  margin-left: 12px;
  font-weight: 500;
  font-size: calc(12px * var(--scale));
  line-height: calc(16px * var(--lh));
}
@media (max-width: 992px) {
  .links-list-item span {
    font-size: calc(10px * var(--scale));
    line-height: calc(14px * var(--lh));
  }
}

.textarea__container {
  box-sizing: border-box;
  width: 100%;
  height: 200px;
  position: relative;
}
.textarea__container .textarea {
  box-sizing: border-box;
  width: 100%;
  height: 200px;
  padding: 20px 16px;
  border-radius: 8px;
  border: 1px solid #c6cbd9;
  outline: none;
  resize: none;
  font-weight: 300;
  font-size: calc(16px * var(--scale));
  line-height: calc(20px * var(--lh));
}
@media (max-width: 992px) {
  .textarea__container .textarea {
    font-size: calc(12px * var(--scale));
    line-height: calc(16px * var(--lh));
  }
}
.textarea__container .textarea:hover {
  border-color: #858c9c;
}
.textarea__container .textarea:focus {
  border: 1px solid #78a4f4;
}
.textarea__container .textarea::placeholder {
  color: var(--tertiary-text);
}
.textarea__container .textarea:focus-visible {
  outline: 3px solid orange;
  outline-offset: -3px;
}
@media (max-width: 992px) {
  .textarea__container .textarea {
    padding: 15px 16px;
  }
}
.textarea__container .counter {
  display: flex;
  gap: 2px;
  color: var(--tertiary-text);
  position: absolute;
  bottom: 8px;
  right: 8px;
  font-weight: 400;
  font-size: calc(14px * var(--scale));
  line-height: calc(18px * var(--lh));
}
@media (max-width: 992px) {
  .textarea__container .counter {
    font-size: calc(10px * var(--scale));
    line-height: calc(14px * var(--lh));
  }
}

.select {
  box-sizing: border-box;
  padding: 19px 44px 19px 25px;
  width: 100%;
  border-radius: 8px;
  border: 1px solid #c6cbd9;
  appearance: none;
  background: url(/local/templates/surgut/./icons/select-down_icon.svg) center no-repeat;
  background-position: 97%;
  background-size: 20px;
  outline: none;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-weight: 300;
  font-size: calc(16px * var(--scale));
  line-height: calc(20px * var(--lh));
}
@media (max-width: 992px) {
  .select {
    font-size: calc(12px * var(--scale));
    line-height: calc(16px * var(--lh));
  }
}
.select:hover {
  border-color: #858c9c;
  cursor: pointer;
}
@media (max-width: 992px) {
  .select {
    padding: 13px 34px 13px 16px;
    border-radius: 6px;
    background-size: 16px;
  }
}
.select_m {
  padding: 11px 20px;
  background-size: 20px;
}
.select-icon-left {
  background: url(/local/templates/surgut/./icons/folder_icon.svg) center no-repeat;
  background-position: 5%;
  padding: 18px 20px 18px 50px;
}

.select2-container {
  max-height: 46px;
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  position: relative;
  vertical-align: middle;
}

.select2-container .select2-selection--single {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  height: 28px;
  user-select: none;
  -webkit-user-select: none;
}

.select2-container .select2-selection--single .select2-selection__rendered {
  display: block;
  padding-left: 8px;
  padding-right: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.select2-container .select2-selection--single .select2-selection__clear {
  background-color: transparent;
  border: none;
  font-size: 1em;
}

.select2-container[dir="rtl"]
  .select2-selection--single
  .select2-selection__rendered {
  padding-right: 8px;
  padding-left: 20px;
}

.select2-container .select2-selection--multiple {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  min-height: 32px;
  user-select: none;
  -webkit-user-select: none;
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
  display: inline;
  list-style: none;
  padding: 0;
}

.select2-container .select2-selection--multiple .select2-selection__clear {
  background-color: transparent;
  border: none;
  font-size: 1em;
}

.select2-container .select2-search--inline .select2-search__field {
  box-sizing: border-box;
  border: none;
  font-size: 100%;
  margin-top: 5px;
  margin-left: 5px;
  padding: 0;
  max-width: 100%;
  resize: none;
  height: 18px;
  vertical-align: bottom;
  font-family: sans-serif;
  overflow: hidden;
  word-break: keep-all;
}

.select2-container
  .select2-search--inline
  .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

.select2-dropdown {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  box-sizing: border-box;
  display: block;
  position: absolute;
  left: -100000px;
  width: 100%;
  z-index: 1051;
}

.select2-results {
  display: block;
}

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

.select2-results__option {
  padding: 6px;
  user-select: none;
  -webkit-user-select: none;
}

.select2-results__option--selectable {
  cursor: pointer;
}

.select2-container--open .select2-dropdown {
  left: 0;
}

.select2-container--open .select2-dropdown--above {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.select2-container--open .select2-dropdown--below {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.select2-search--dropdown {
  display: block;
  padding: 4px;
}

.select2-search--dropdown .select2-search__field {
  padding: 4px;
  width: 100%;
  box-sizing: border-box;
}

.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

.select2-search--dropdown.select2-search--hide {
  display: none;
}

.select2-close-mask {
  border: 0;
  margin: 0;
  padding: 0;
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 99;
  background-color: #fff;
  filter: alpha(opacity=0);
}

.select2-hidden-accessible {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  -webkit-clip-path: inset(50%) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important;
}

.select2-container--default .select2-selection--single {
  background-color: #fff;
  border: 1px solid #aaa;
  border-radius: 4px;
}

.select2-container--default
  .select2-selection--single
  .select2-selection__rendered {
  color: #444;
  line-height: 28px;
}

.select2-container--default
  .select2-selection--single
  .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  height: 26px;
  margin-right: 20px;
  padding-right: 0px;
}

.select2-container--default
  .select2-selection--single
  .select2-selection__placeholder {
  color: #999;
}

.select2-container--default
  .select2-selection--single
  .select2-selection__arrow {
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
}

.select2-container--default
  .select2-selection--single
  .select2-selection__arrow
  b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
}

.select2-container--default[dir="rtl"]
  .select2-selection--single
  .select2-selection__clear {
  float: left;
}

.select2-container--default[dir="rtl"]
  .select2-selection--single
  .select2-selection__arrow {
  left: 1px;
  right: auto;
}

.select2-container--default.select2-container--disabled
  .select2-selection--single {
  background-color: #eee;
  cursor: default;
}

.select2-container--default.select2-container--disabled
  .select2-selection--single
  .select2-selection__clear {
  display: none;
}

.select2-container--default.select2-container--open
  .select2-selection--single
  .select2-selection__arrow
  b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px;
}

.select2-container--default .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
  padding-bottom: 5px;
  padding-right: 5px;
  position: relative;
}

.select2-container--default
  .select2-selection--multiple.select2-selection--clearable {
  padding-right: 25px;
}

.select2-container--default
  .select2-selection--multiple
  .select2-selection__clear {
  cursor: pointer;
  font-weight: bold;
  height: 20px;
  margin-right: 10px;
  margin-top: 5px;
  position: absolute;
  right: 0;
  padding: 1px;
}

.select2-container--default
  .select2-selection--multiple
  .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 4px;
  box-sizing: border-box;
  display: inline-block;
  margin-left: 5px;
  margin-top: 5px;
  padding: 0;
  padding-left: 20px;
  position: relative;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: bottom;
  white-space: nowrap;
}

.select2-container--default
  .select2-selection--multiple
  .select2-selection__choice__display {
  cursor: default;
  padding-left: 2px;
  padding-right: 5px;
}

.select2-container--default
  .select2-selection--multiple
  .select2-selection__choice__remove {
  background-color: transparent;
  border: none;
  border-right: 1px solid #aaa;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  color: #999;
  cursor: pointer;
  font-size: 1em;
  font-weight: bold;
  padding: 0 4px;
  position: absolute;
  left: 0;
  top: 0;
}

.select2-container--default
  .select2-selection--multiple
  .select2-selection__choice__remove:hover,
.select2-container--default
  .select2-selection--multiple
  .select2-selection__choice__remove:focus {
  background-color: #f1f1f1;
  color: #333;
  outline: none;
}

.select2-container--default[dir="rtl"]
  .select2-selection--multiple
  .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto;
}

.select2-container--default[dir="rtl"]
  .select2-selection--multiple
  .select2-selection__choice__display {
  padding-left: 5px;
  padding-right: 2px;
}

.select2-container--default[dir="rtl"]
  .select2-selection--multiple
  .select2-selection__choice__remove {
  border-left: 1px solid #aaa;
  border-right: none;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.select2-container--default[dir="rtl"]
  .select2-selection--multiple
  .select2-selection__clear {
  float: left;
  margin-left: 10px;
  margin-right: auto;
}

.select2-container--default.select2-container--focus
  .select2-selection--multiple {
  border: solid black 1px;
  outline: 0;
}

.select2-container--default.select2-container--disabled
  .select2-selection--multiple {
  background-color: #eee;
  cursor: default;
}

.select2-container--default.select2-container--disabled
  .select2-selection__choice__remove {
  display: none;
}

.select2-container--default.select2-container--open.select2-container--above
  .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--above
  .select2-selection--multiple {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.select2-container--default.select2-container--open.select2-container--below
  .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--below
  .select2-selection--multiple {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
}

.select2-container--default .select2-search--inline .select2-search__field {
  background: transparent;
  border: none;
  outline: 0;
  box-shadow: none;
  -webkit-appearance: textfield;
}

.select2-container--default .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}

.select2-container--default .select2-results__option .select2-results__option {
  padding-left: 1em;
}

.select2-container--default
  .select2-results__option
  .select2-results__option
  .select2-results__group {
  padding-left: 0;
}

.select2-container--default
  .select2-results__option
  .select2-results__option
  .select2-results__option {
  margin-left: -1em;
  padding-left: 2em;
}

.select2-container--default
  .select2-results__option
  .select2-results__option
  .select2-results__option
  .select2-results__option {
  margin-left: -2em;
  padding-left: 3em;
}

.select2-container--default
  .select2-results__option
  .select2-results__option
  .select2-results__option
  .select2-results__option
  .select2-results__option {
  margin-left: -3em;
  padding-left: 4em;
}

.select2-container--default
  .select2-results__option
  .select2-results__option
  .select2-results__option
  .select2-results__option
  .select2-results__option
  .select2-results__option {
  margin-left: -4em;
  padding-left: 5em;
}

.select2-container--default
  .select2-results__option
  .select2-results__option
  .select2-results__option
  .select2-results__option
  .select2-results__option
  .select2-results__option
  .select2-results__option {
  margin-left: -5em;
  padding-left: 6em;
}

.select2-container--default .select2-results__option--group {
  padding: 0;
}

.select2-container--default .select2-results__option--disabled {
  color: #999;
}

.select2-container--default .select2-results__option--selected {
  background-color: #ddd;
}

.select2-container--default
  .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: #5897fb;
  color: white;
}

.select2-container--default .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
}

.select2-container--classic .select2-selection--single {
  background-color: #f7f7f7;
  border: 1px solid #aaa;
  border-radius: 4px;
  outline: 0;
  background-image: -webkit-linear-gradient(top, #fff 50%, #eee 100%);
  background-image: -o-linear-gradient(top, #fff 50%, #eee 100%);
  background-image: linear-gradient(to bottom, #fff 50%, #eee 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF", endColorstr="#FFEEEEEE", GradientType=0);
}

.select2-container--classic .select2-selection--single:focus {
  border: 1px solid #5897fb;
}

.select2-container--classic
  .select2-selection--single
  .select2-selection__rendered {
  color: #444;
  line-height: 28px;
}

.select2-container--classic
  .select2-selection--single
  .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  height: 26px;
  margin-right: 20px;
}

.select2-container--classic
  .select2-selection--single
  .select2-selection__placeholder {
  color: #999;
}

.select2-container--classic
  .select2-selection--single
  .select2-selection__arrow {
  background-color: #ddd;
  border: none;
  border-left: 1px solid #aaa;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
  background-image: -webkit-linear-gradient(top, #eee 50%, #ccc 100%);
  background-image: -o-linear-gradient(top, #eee 50%, #ccc 100%);
  background-image: linear-gradient(to bottom, #eee 50%, #ccc 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFEEEEEE", endColorstr="#FFCCCCCC", GradientType=0);
}

.select2-container--classic
  .select2-selection--single
  .select2-selection__arrow
  b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
}

.select2-container--classic[dir="rtl"]
  .select2-selection--single
  .select2-selection__clear {
  float: left;
}

.select2-container--classic[dir="rtl"]
  .select2-selection--single
  .select2-selection__arrow {
  border: none;
  border-right: 1px solid #aaa;
  border-radius: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  left: 1px;
  right: auto;
}

.select2-container--classic.select2-container--open .select2-selection--single {
  border: 1px solid #5897fb;
}

.select2-container--classic.select2-container--open
  .select2-selection--single
  .select2-selection__arrow {
  background: transparent;
  border: none;
}

.select2-container--classic.select2-container--open
  .select2-selection--single
  .select2-selection__arrow
  b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px;
}

.select2-container--classic.select2-container--open.select2-container--above
  .select2-selection--single {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background-image: -webkit-linear-gradient(top, #fff 0%, #eee 50%);
  background-image: -o-linear-gradient(top, #fff 0%, #eee 50%);
  background-image: linear-gradient(to bottom, #fff 0%, #eee 50%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF", endColorstr="#FFEEEEEE", GradientType=0);
}

.select2-container--classic.select2-container--open.select2-container--below
  .select2-selection--single {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-image: -webkit-linear-gradient(top, #eee 50%, #fff 100%);
  background-image: -o-linear-gradient(top, #eee 50%, #fff 100%);
  background-image: linear-gradient(to bottom, #eee 50%, #fff 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFEEEEEE", endColorstr="#FFFFFFFF", GradientType=0);
}

.select2-container--classic .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
  outline: 0;
  padding-bottom: 5px;
  padding-right: 5px;
}

.select2-container--classic .select2-selection--multiple:focus {
  border: 1px solid #5897fb;
}

.select2-container--classic
  .select2-selection--multiple
  .select2-selection__clear {
  display: none;
}

.select2-container--classic
  .select2-selection--multiple
  .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 4px;
  display: inline-block;
  margin-left: 5px;
  margin-top: 5px;
  padding: 0;
}

.select2-container--classic
  .select2-selection--multiple
  .select2-selection__choice__display {
  cursor: default;
  padding-left: 2px;
  padding-right: 5px;
}

.select2-container--classic
  .select2-selection--multiple
  .select2-selection__choice__remove {
  background-color: transparent;
  border: none;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  color: #888;
  cursor: pointer;
  font-size: 1em;
  font-weight: bold;
  padding: 0 4px;
}

.select2-container--classic
  .select2-selection--multiple
  .select2-selection__choice__remove:hover {
  color: #555;
  outline: none;
}

.select2-container--classic[dir="rtl"]
  .select2-selection--multiple
  .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto;
}

.select2-container--classic[dir="rtl"]
  .select2-selection--multiple
  .select2-selection__choice__display {
  padding-left: 5px;
  padding-right: 2px;
}

.select2-container--classic[dir="rtl"]
  .select2-selection--multiple
  .select2-selection__choice__remove {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.select2-container--classic.select2-container--open
  .select2-selection--multiple {
  border: 1px solid #5897fb;
}

.select2-container--classic.select2-container--open.select2-container--above
  .select2-selection--multiple {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.select2-container--classic.select2-container--open.select2-container--below
  .select2-selection--multiple {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.select2-container--classic .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
  outline: 0;
}

.select2-container--classic .select2-search--inline .select2-search__field {
  outline: 0;
  box-shadow: none;
}

.select2-container--classic .select2-dropdown {
  background-color: #fff;
  border: 1px solid transparent;
}

.select2-container--classic .select2-dropdown--above {
  border-bottom: none;
}

.select2-container--classic .select2-dropdown--below {
  border-top: none;
}

.select2-container--classic .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}

.select2-container--classic .select2-results__option--group {
  padding: 0;
}

.select2-container--classic .select2-results__option--disabled {
  color: grey;
}

.select2-container--classic
  .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: #3875d7;
  color: #fff;
}

.select2-container--classic .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
}

.select2-container--classic.select2-container--open .select2-dropdown {
  border-color: #5897fb;
}

body.tmp-duma .select2-container--default .select2-selection--single {
  border-color: var(--primary-color-green);
}

.select,
.select2 {
  width: 100% !important;
}
@media (max-width: 768px) {
  .select,
  .select2 {
    width: unset !important;
  }
}

.select2-results__option {
  max-width: 100%;
  hyphens: auto;
}

.select2-container .select2-selection--single {
  height: 100% !important;
  max-height: 60px;
}

.select2-container--default
  .select2-selection--single
  .select2-selection__rendered {
  line-height: unset !important;
  font-weight: 300;
  font-size: calc(16px * var(--scale));
  line-height: calc(20px * var(--lh));
}
@media (max-width: 992px) {
  .select2-container--default
    .select2-selection--single
    .select2-selection__rendered {
    font-size: calc(12px * var(--scale));
    line-height: calc(16px * var(--lh));
  }
}

.select2-container--default .select2-selection--single {
  border-radius: 8px !important;
}
@media (max-width: 992px) {
  .select2-container--default .select2-selection--single {
    border-radius: 6px !important;
  }
}

.select2-search__field {
  display: none;
}

.select2-container .select2-selection--single .select2-selection__rendered {
  padding: 19px 44px 19px 19px !important;
}
@media (max-width: 992px) {
  .select2-container .select2-selection--single .select2-selection__rendered {
    padding: 13px 34px 13px 16px !important;
  }
}

.select2-selection__arrow {
  right: 20px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  border-width: 8px 8px 0 8px !important;
  border-color: var(--secondary-color) transparent transparent transparent;
}
@media (max-width: 992px) {
  .select2-selection__arrow {
    right: 16px !important;
  }
}

.select2-container--open .select2-dropdown--below {
  border: none !important;
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.08) !important;
  border-radius: 8px;
  top: 4px;
}
@media (max-width: 992px) {
  .select2-container--open .select2-dropdown--below {
    border-radius: 6px;
  }
}

.select2-results__option {
  color: var(--main-text) !important;
  margin: 0 !important;
  padding: 20px !important;
  font-weight: 300;
  font-size: calc(16px * var(--scale));
  line-height: calc(24px * var(--lh));
}
@media (max-width: 992px) {
  .select2-results__option {
    font-size: calc(14px * var(--scale));
    line-height: calc(20px * var(--lh));
  }
}
@media (max-width: 992px) {
  .select2-results__option {
    padding: 13px 16px !important;
  }
}
.select2-results__option:hover {
  color: var(--main-text) !important;
  background-color: var(--services-hover) !important;
}

.select2-container--default
  .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: var(--services-active) !important;
}

.select2-container--default .select2-selection--single {
  border-color: #c6cbd9 !important;
}
.select2-container--default .select2-selection--single:hover {
  border-color: #858c9c !important;
}

.select2-container--open .select2-dropdown--below {
  padding: 8px 0 8px !important;
}

.select2-search--dropdown {
  padding: 0 !important;
}

.select2-container--default .select2-results__option--selected {
  background-color: var(--services-hover) !important;
}

.select2-container--default .select2-results > .select2-results__options {
  scrollbar-width: thin;
}

.select2-container--default
  .select2-selection--multiple.select2-selection--clearable {
  display: flex;
  align-items: center;
  padding: 14px 50px 14px 16px !important;
  border-radius: 8px !important;
  height: 100% !important;
  max-height: 60px;
}
@media (max-width: 992px) {
  .select2-container--default
    .select2-selection--multiple.select2-selection--clearable {
    border-radius: 6px !important;
    max-height: 44px !important;
    padding: 8px 42px 8px 16px !important;
  }
}

.select2-container--default .select2-selection--multiple {
  padding: 0 !important;
  max-height: 60px !important;
  height: 100vh !important;
  border-radius: 8px !important;
  border-color: #c6cbd9 !important;
}
.select2-container--default .select2-selection--multiple:hover {
  border-color: #858c9c !important;
}
@media (max-width: 992px) {
  .select2-container--default .select2-selection--multiple {
    border-radius: 6px !important;
    max-height: 44px !important;
  }
}

.select2-selection__clear {
  margin: 0 !important;
  right: 20px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  font-size: 20px !important;
  height: unset !important;
}
.select2-selection__clear:hover {
  color: var(--primary-color-hover) !important;
}
@media (max-width: 992px) {
  .select2-selection__clear {
    right: 16px;
  }
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
  margin: 0;
  display: flex;
  gap: 8px;
  overflow: scroll;
  scrollbar-width: none;
}

.select2-selection__choice__display {
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  font-weight: 300;
  font-size: calc(16px * var(--scale));
  line-height: calc(20px * var(--lh));
}
@media (max-width: 992px) {
  .select2-selection__choice__display {
    font-size: calc(12px * var(--scale));
    line-height: calc(16px * var(--lh));
  }
}

.select2-selection__choice {
  margin: 0 !important;
  background-color: var(--event-color) !important;
  border-radius: 100px !important;
  padding: 5px 40px 5px 20px !important;
  border-color: transparent !important;
  min-width: fit-content !important;
}

.select2-selection__choice__remove {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--main-text) !important;
  background-color: var(--content-color) !important;
  border-radius: 50% !important;
  border-color: transparent !important;
  padding: 0 !important;
  right: 10px;
  left: unset !important;
  top: 50% !important;
  transform: translateY(-50%);
  width: 20px !important;
  height: 20px !important;
}
.select2-selection__choice__remove:hover {
  color: var(--primary-color-hover) !important;
}
.select2-selection__choice__remove span {
  display: flex;
  align-items: center;
  font-size: 20px !important;
}

.сheckbox {
  display: none;
}

.сheckbox.сheckbox-label + label {
  padding: 8px 0 8px 32px;
}
.сheckbox.сheckbox-label + label:before {
  left: 10px;
}
@media (max-width: 992px) {
  .сheckbox.сheckbox-label + label {
    padding-left: 35px;
  }
  .сheckbox.сheckbox-label + label:before {
    left: 12px;
  }
}
@media (max-width: 768px) {
  .сheckbox.сheckbox-label + label {
    padding-left: 30px;
  }
  .сheckbox.сheckbox-label + label:before {
    left: 8px;
  }
}

.сheckbox + label {
  position: relative;
  display: flex;
  align-items: center;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  height: 21px;
  padding-left: 21px;
  font-weight: 300;
  font-size: calc(16px * var(--scale));
  line-height: calc(24px * var(--lh));
}
@media (max-width: 992px) {
  .сheckbox + label {
    font-size: calc(14px * var(--scale));
    line-height: calc(20px * var(--lh));
  }
}
.сheckbox + label:focus-visible {
  outline: 3px solid orange;
  outline-offset: -3px;
}
@media (max-width: 768px) {
  .сheckbox + label {
    height: 16px;
  }
  .сheckbox + label:before {
    width: 16px;
    height: 16px;
  }
}
.сheckbox + label:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 21px;
  height: 21px;
  border: 1px solid #c6cbd9;
  border-radius: 4px;
}

.сheckbox:checked + label::before {
  background-color: var(--primary-color);
  background-image: url(/local/templates/surgut/./icons/checkbox-checked_icon.svg);
  background-position: center;
  background-repeat: no-repeat;
}

.сheckbox:not(:disabled):not(:checked) + label:hover::before {
  border-color: var(--primary-color);
}

.сheckbox:disabled + label {
  color: var(--fourth-text-inverse);
  cursor: not-allowed;
}
.сheckbox:disabled + label::before {
  border-color: var(--fourth-text-inverse);
}

.сheckbox:disabled:checked + label::before {
  background-color: var(--content-color);
  background-image: url(/local/templates/surgut/./icons/checkbox-disabled_icon.svg);
}

.сheckbox:checked + label:hover::before {
  border-color: var(--event-color-hover);
}

.radio + label:before {
  border-radius: 50%;
}

.radio:checked + label::before {
  background-color: var(--content-color);
  border-color: transparent;
  background-image: url(/local/templates/surgut/./icons/radiobtns_icon.svg);
}

.checkbox__label {
  font-weight: 300;
  font-size: calc(16px * var(--scale));
  line-height: calc(24px * var(--lh));
}
@media (max-width: 992px) {
  .checkbox__label {
    font-size: calc(14px * var(--scale));
    line-height: calc(20px * var(--lh));
  }
}

.switch {
  position: relative;
  display: inline-block;
  width: 64px;
  height: 32px;
}
.switch .switch__input {
  display: none;
}
.switch .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--fourth-text-inverse);
  transition: 0.4s;
}
.switch .slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 3px;
  background-color: var(--content-color);
  transition: 0.4s;
}
.switch .slider.round {
  border-radius: 20px;
}
.switch .slider.round::before {
  border-radius: 50%;
}
.switch .switch__input:checked + .slider {
  background-color: var(--primary-color);
}
.switch .switch__input:checked + .slider:before {
  transform: translateX(30px);
}

.search {
  display: flex;
  max-width: 624px;
  width: 100%;
}
.search .search__button {
  box-sizing: border-box;
  border: none;
  border-radius: 0 8px 8px 0;
  padding: 12px;
}
.search .search__button_l {
  width: 60px;
  height: 60px;
}
@media (max-width: 992px) {
  .search .search__button_l {
    height: 44px;
    width: 44px;
  }
}
.search .search__button_l .icon {
  font-size: 44px;
}
@media (max-width: 992px) {
  .search .search__button_l .icon {
    font-size: 24px;
  }
}
.search .search__button_s {
  height: 38px;
  width: 44px;
}
.search .search__button_s .icon {
  font-size: 24px;
}
.search .search__button:hover {
  cursor: pointer;
}

body.tmp-duma .pag-button:hover {
  background-color: var(--event-color);
}
body.tmp-duma .pag-button:active {
  background-color: var(--event-color-hover);
}
body.tmp-duma .pag-button_active:hover {
  color: var(--content-color);
  background-color: var(--primary-color-hover);
}

.pag-button {
  all: unset;
  color: var(--second-text);
  border: 1px solid #cdd0df;
  padding: 12px 25px;
  border-radius: 8px;
  font-weight: 600;
  text-decoration: none;
  font-weight: 500;
  font-size: calc(16px * var(--scale));
  line-height: calc(20px * var(--lh));
}
@media (max-width: 992px) {
  .pag-button {
    font-size: calc(12px * var(--scale));
    line-height: calc(16px * var(--lh));
  }
}
@media (max-width: 992px) {
  .pag-button {
    padding: 10px 15px;
    border-radius: 4px;
  }
}
@media (max-width: 550px) {
  .pag-button {
    padding: 6px 12px;
  }
}
.pag-button:hover {
  color: var(--main-text);
  text-decoration: none;
  background-color: var(--event-color);
  border-color: transparent;
  cursor: pointer;
}
.pag-button:active {
  border-color: transparent;
  background-color: #dae1f1;
}
.pag-button__icon {
  object-fit: cover;
  object-position: center;
  width: 20px;
  height: 20px;
}
@media (max-width: 992px) {
  .pag-button__span {
    display: none;
  }
}
.pag-button_left {
  all: unset;
  flex-direction: row-reverse;
  background-image: url(/local/templates/surgut/./icons/arrow-left_icon.svg);
  background-position: 11%;
  background-repeat: no-repeat;
  padding: 12px 21px 12px 35px;
  color: var(--second-text);
  border: 1px solid #cdd0df;
  border-radius: 8px;
  font-weight: 500;
  font-size: calc(16px * var(--scale));
  line-height: calc(20px * var(--lh));
}
@media (max-width: 992px) {
  .pag-button_left {
    font-size: calc(12px * var(--scale));
    line-height: calc(16px * var(--lh));
  }
}
@media (max-width: 992px) {
  .pag-button_left {
    width: 20px;
    height: 20px;
  }
}
.pag-button_right {
  all: unset;
  background-image: url(/local/templates/surgut/./icons/arrow-right_icon.svg);
  background-position: 89%;
  background-repeat: no-repeat;
  padding: 12px 35px 12px 21px;
  color: var(--second-text);
  border: 1px solid #cdd0df;
  border-radius: 8px;
  font-weight: 500;
  font-size: calc(16px * var(--scale));
  line-height: calc(20px * var(--lh));
}
@media (max-width: 992px) {
  .pag-button_right {
    font-size: calc(12px * var(--scale));
    line-height: calc(16px * var(--lh));
  }
}
@media (max-width: 992px) {
  .pag-button_right {
    width: 20px;
    height: 20px;
  }
}
.pag-button_active {
  background-color: var(--primary-color);
  color: var(--content-color);
  border: 1px solid transparent;
}
.pag-button_active:hover {
  color: var(--main-text);
}

.pag-button-with-icon {
  display: flex;
  gap: 12px;
  align-items: center;
  cursor: pointer;
}
@media (max-width: 992px) {
  .pag-button-with-icon {
    padding: 0;
    border: none;
  }
}
.pag-button-with-icon:hover {
  text-decoration: none;
  color: var(--main-text);
  cursor: pointer;
  background-color: var(--event-color);
  border-color: transparent;
}
.pag-button-with-icon:active {
  border-color: transparent;
  background-color: #dae1f1;
}
@media (max-width: 992px) {
  .pag-button-with-icon_disabled {
    background-color: var(--content-color);
  }
}
.pag-button-with-icon_left_disabled {
  background-image: url(/local/templates/surgut/./icons/arrow-left_icon_disabled.svg);
  color: var(--primary-color-disabled);
  border-color: var(--primary-color-disabled);
  background-color: var(--content-color);
}
.pag-button-with-icon_left_disabled:hover {
  cursor: inherit;
  color: var(--primary-color-disabled);
  border-color: var(--primary-color-disabled);
  background-color: var(--content-color);
}
.pag-button-with-icon_left_disabled:disabled {
  color: var(--primary-color-disabled);
  border-color: var(--primary-color-disabled);
  background-color: var(--content-color);
  pointer-events: none;
  cursor: default;
}
.pag-button-with-icon_right_disabled {
  background-image: url(/local/templates/surgut/./icons/arrow-right_icon_disabled.svg);
  color: var(--primary-color-disabled);
  border-color: var(--primary-color-disabled);
  background-color: var(--content-color);
}
.pag-button-with-icon_right_disabled:hover {
  cursor: inherit;
  color: var(--primary-color-disabled);
  border-color: var(--primary-color-disabled);
  background-color: var(--content-color);
}
.pag-button-with-icon_right_disabled:disabled {
  color: var(--primary-color-disabled);
  border-color: var(--primary-color-disabled);
  background-color: var(--content-color);
  pointer-events: none;
  cursor: default;
}

.main .full-width-container {
  position: relative;
  width: 100vw;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
}
.main .full-width-container .full-width-background {
  background-color: var(--grey-adm);
  top: 0;
  left: 0;
  right: 0;
  z-index: -1;
}
.main .full-width-container .full-width-content {
  box-sizing: border-box;
  max-width: 1440px;
  width: 100%;
  display: flex;
  flex-direction: column;
  margin: auto;
  padding: 0 64px;
}
@media (max-width: 992px) {
  .main .full-width-container .full-width-content {
    padding: 0 20px;
  }
}
@media (max-width: 768px) {
  .main .full-width-container .full-width-content {
    padding: 0 24px;
  }
}

.popup-fade {
  display: none;
}
.popup-fade:before {
  content: "";
  background: rgba(0, 0, 0, 0.7);
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
}

.popup {
  position: fixed;
  top: 50%;
  left: 50%;
  padding: 20px;
  background: var(--content-color);
  z-index: 99999;
  opacity: 1;
  transform: translate(-50%, -50%);
  min-width: 400px;
  min-height: 400px;
  max-width: 90vw;
  max-height: 90vh;
  overflow: auto;
}
.popup .popup-content {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.popup_not-padding .popup {
  padding: 0;
  background: none;
}

.popup-close {
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
  z-index: 999;
  font-size: 30px;
  background: var(--primary-color);
  border-radius: 1000px;
  min-width: 30px;
  min-height: 30px;
  padding: 2px;
  text-align: center;
  color: var(--content-color);
  line-height: 0;
}

.toggle-container {
  background-color: var(--grey-adm);
  border-radius: 12px;
  margin-bottom: 12px;
}
.toggle-container .toggle-header {
  display: flex;
  cursor: pointer;
  align-items: center;
  padding: 20px;
}
@media (max-width: 992px) {
  .toggle-container .toggle-header {
    padding: 16px;
  }
}
.toggle-container .toggle-header .toggle-arrow {
  margin-left: auto;
  transition: transform 0.3s ease;
}
.toggle-container .toggle-title {
  font-weight: 500;
  font-size: calc(20px * var(--scale));
  line-height: calc(24px * var(--lh));
}
@media (max-width: 992px) {
  .toggle-container .toggle-title {
    font-size: calc(14px * var(--scale));
    line-height: calc(18px * var(--lh));
  }
}
.toggle-container .toggle-content {
  overflow: hidden;
  height: 0;
  /* Начальная высота для анимации */
  transition: height 0.3s ease-out, padding 0.3s ease-out;
  /* Плавное изменение высоты и отступов */
  font-weight: 300;
  font-size: calc(16px * var(--scale));
  line-height: calc(24px * var(--lh));
  /* Закрытое состояние - убираем вертикальные отступы */
  /* Открытое состояние - добавляем отступы */
}
@media (max-width: 992px) {
  .toggle-container .toggle-content {
    font-size: calc(14px * var(--scale));
    line-height: calc(20px * var(--lh));
  }
}
.toggle-container .toggle-content-container {
  padding: 0 20px;
}
@media (max-width: 992px) {
  .toggle-container .toggle-content-container {
    padding: 0 16px;
  }
}
.toggle-container .toggle-content.closed {
  padding-top: 0;
  padding-bottom: 0;
}
.toggle-container.open .toggle-content-container {
  padding-top: 20px;
  padding-bottom: 20px;
}
@media (max-width: 992px) {
  .toggle-container.open .toggle-content-container {
    padding-top: 16px;
    padding-bottom: 16px;
  }
}
.toggle-container.open .toggle-header .toggle-arrow {
  transform: rotate(180deg);
  /* Поворачиваем стрелку при открытии */
}

.add-file-button {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-bottom: 28px;
  font-weight: 500;
  font-size: calc(16px * var(--scale));
  line-height: calc(20px * var(--lh));
}
@media (max-width: 992px) {
  .add-file-button {
    font-size: calc(12px * var(--scale));
    line-height: calc(16px * var(--lh));
  }
}
.add-file-button label {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  gap: 8px;
  padding: 11px 20px;
  background-repeat: no-repeat;
  border: 1px solid var(--primary-color);
  color: var(--primary-color);
  border-radius: 8px;
  cursor: pointer;
}
@media (max-width: 768px) {
  .add-file-button label {
    padding: 7px 16px;
  }
}
.add-file-button label .add-file-button__icon {
  font-size: 20px;
}
.add-file-button label:hover {
  color: var(--primary-color-hover);
  border-color: var(--primary-color-hover);
}
.add-file-button label:focus-visible {
  outline: 3px solid orange;
  outline-offset: -3px;
}
.add-file-button input {
  display: none;
}
.add-file-button .add-file-button__desc {
  color: var(--tertiary-text);
  font-weight: 300;
  font-size: calc(16px * var(--scale));
  line-height: calc(24px * var(--lh));
}
@media (max-width: 992px) {
  .add-file-button .add-file-button__desc {
    font-size: calc(14px * var(--scale));
    line-height: calc(20px * var(--lh));
  }
}

.fieldset {
  display: flex;
  flex-direction: column;
  gap: 24px;
  border: none;
  width: 100%;
}
@media (max-width: 768px) {
  .fieldset {
    gap: 16px;
  }
}
.fieldset .fieldset_new-author {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.fieldset .fieldset_new-author .fieldset__delete-button {
  all: unset;
  width: 23px;
  height: 23px;
  cursor: pointer;
  padding: 0;
  background-image: url(/local/templates/surgut/./icons/close-btn_icon.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 23px;
  border-radius: 50%;
}
.fieldset .fieldset_new-author .fieldset__delete-button:hover {
  background-image: url(/local/templates/surgut/./icons/close-hover_icon.svg);
}
.fieldset .fieldset__title {
  padding: 24px 0 0;
  font-weight: 500;
  font-size: calc(20px * var(--scale));
  line-height: calc(24px * var(--lh));
}
@media (max-width: 992px) {
  .fieldset .fieldset__title {
    font-size: calc(14px * var(--scale));
    line-height: calc(18px * var(--lh));
  }
}
@media (max-width: 992px) {
  .fieldset .fieldset__title {
    padding: 16px 0 0;
  }
}
.fieldset .fieldset__req::after {
  content: " *";
  color: red;
}
.fieldset .fieldset__answers {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
@media (max-width: 768px) {
  .fieldset .fieldset__answers {
    gap: 8px;
  }
}
.fieldset .fieldset__answers .container .reception_counter {
  display: none;
}
.fieldset .fieldset__answers .fieldset__span {
  font-size: 13px;
  line-height: 18px;
}
.fieldset .fieldset__answers .fieldset_error {
  color: #d10404;
}
.fieldset .fieldset__answers_checkboxes {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
@media (max-width: 992px) {
  .fieldset .fieldset__answers_checkboxes {
    gap: 16px;
  }
}
.fieldset .fieldset__title-remove {
  display: flex;
  justify-content: space-between;
}
.fieldset .fieldset__title-remove-btn {
  margin: 24px 0 0;
  background-color: var(--grey-adm);
  border-radius: 50%;
  padding: 4px;
  cursor: pointer;
}

.share-menu {
  position: absolute;
  top: 23px;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}

.social_share {
  border: none;
  background-color: transparent;
  padding: 0;
}

.social_share:hover {
  background-color: transparent;
  border: none;
}

.share-content {
  background-color: var(--content-color);
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.08);
  border-radius: 6px;
  max-width: 367px;
  width: 100%;
  display: flex;
  align-items: center;
  padding: 20px;
  box-sizing: border-box;
  gap: 20px;
  margin-top: 20px;
}
.share-content::before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0;
  border-width: 10px;
  border-style: solid;
  border-color: transparent transparent var(--content-color) transparent;
}
.share-content .header__socials {
  display: flex;
  gap: 20px;
}
.share-content .header__socials .header__social-icon {
  width: 32px;
  height: 32px;
  background-size: contain;
}

.share-menu.mobile-share {
  position: fixed !important;
  bottom: 0;
  left: 0;
  right: 0;
  top: unset;
  width: 100%;
  background: white;
  border-radius: 10px 10px 0 0;
  box-shadow: 0 -4px 8px rgba(0, 0, 0, 0.1);
  display: flex;
  flex-direction: column;
  z-index: 1000;
  transition: transform 0.3s ease;
  height: 150px;
  box-sizing: border-box;
  justify-content: stretch;
}
.share-menu.mobile-share .share-content {
  margin-top: unset;
  display: flex;
  flex-direction: column;
  max-width: unset;
  box-shadow: unset;
  justify-content: flex-start;
  height: 100%;
  gap: 0;
}
.share-menu.mobile-share .mobile-share-header {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: var(--main-text);
}
.share-menu.mobile-share .mobile-share-header span {
  font-weight: 500;
  font-size: calc(20px * var(--scale));
  line-height: calc(24px * var(--lh));
}
@media (max-width: 992px) {
  .share-menu.mobile-share .mobile-share-header span {
    font-size: calc(14px * var(--scale));
    line-height: calc(18px * var(--lh));
  }
}
.share-menu.mobile-share .mobile-share-header ion-icon {
  background-color: var(--grey-adm);
  border-radius: 50%;
  padding: 4px;
  cursor: pointer;
}
.share-menu.mobile-share hr {
  width: 100vh;
  margin: 20px 0px;
}
.share-menu.mobile-share .header__socials {
  justify-content: center;
}
.share-menu.mobile-share .header__socials a {
  width: 20px;
  height: 20px;
}
.share-menu.mobile-share .header__socials ion-icon {
  font-size: 20px;
}

.breadcrumbs {
  display: flex;
  align-items: center;
  color: var(--tertiary-text);
  padding: 28px 0;
  gap: 3px;
  box-sizing: border-box;
  font-size: calc(13px * var(--scale));
  line-height: calc(14px * var(--lh));
  font-weight: 500;
}
@media (max-width: 992px) {
  .breadcrumbs {
    font-size: calc(11px * var(--scale));
    line-height: calc(14px * var(--lh));
  }
}
@media (max-width: 768px) {
  .breadcrumbs {
    padding: 18px 0 18px;
  }
}
.breadcrumbs .breadcrumbs__container {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
@media (max-width: 992px) {
  .breadcrumbs .breadcrumbs__container {
    
    overflow: scroll;
    scrollbar-width: none;
  }
}
.breadcrumbs .breadcrumbs__container .breadcrumb_link {
  color: var(--tertiary-text);
}
.breadcrumbs .span {
  color: var(--tertiary-text);
}

.search-full-form {
  display: flex;
  flex-direction: column;
  max-width: 1223px;
  width: 100%;
  gap: 17px;
}

.search-form {
  display: flex;
  gap: 24px;
  max-width: 1223px;
  width: 100%;
}

body.tmp-duma .main-title .main-title__container .tabs .tabs__container {
  gap: 32px;
  font-weight: 500;
  font-size: calc(36px * var(--scale));
  line-height: calc(48px * var(--lh));
}
@media (max-width: 992px) {
  body.tmp-duma .main-title .main-title__container .tabs .tabs__container {
    font-size: calc(20px * var(--scale));
    line-height: calc(24px * var(--lh));
  }
}

body.tmp-duma .main-title .main-title__container .tabs {
  margin: 0;
}

.tabs {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 24px 0;
}

@media (max-width: 768px) {
  .tabs {
    margin: 8px 0 16px;
  }
}
.tabs .tabs__container {
  display: flex;
  flex-wrap: wrap;
  text-wrap: nowrap;
  gap: 16px;
  box-sizing: border-box;
  font-weight: 500;
  font-size: calc(16px * var(--scale));
  line-height: calc(20px * var(--lh));
}
@media (max-width: 992px) {
  .tabs .tabs__container {
    font-size: calc(14px * var(--scale));
    line-height: calc(18px * var(--lh));
  }
}
@media (max-width: 992px) {
  .tabs .tabs__container {
    flex-wrap: nowrap;
    overflow: auto;
    scrollbar-width: none;
  }
}
.tabs .tabs__container .tab-button {
  all: unset;
  color: var(--tertiary-text);
  padding: 0 0 8px;
  border: 2px solid transparent;
}
.tabs .tabs__container .tab-button:hover {
  cursor: pointer;
  border-bottom: 2px solid var(--tertiary-text);
}
.tabs .tabs__container .tab-button:focus-visible {
  outline: 3px solid orange;
  outline-offset: -3px;
}
.tabs .tabs__container .tab-button_active {
  border-bottom: 2px solid var(--second-text);
  color: var(--second-text);
}

.tabs-tag {
  display: flex;
  flex-wrap: wrap;
  margin-top: 0;
  margin-bottom: 32px;
}
.tabs-tag .tab-button {
  background: var(--fourth-text-inverse);
  color: var(--second-text);
  text-decoration: none;
  padding: 6px 12px;
  margin-right: 6px;
  margin-bottom: 6px;
  border-radius: 10px;
  font-weight: 400;
  font-size: calc(14px * var(--scale));
  line-height: calc(24px * var(--lh));
}
@media (max-width: 992px) {
  .tabs-tag .tab-button {
    font-size: calc(12px * var(--scale));
    line-height: calc(18px * var(--lh));
  }
}
.tabs-tag .tab-button:hover {
  color: var(--main-text);
  background: var(--fourth-text);
}
.tabs-tag .tab-button_active {
  background: var(--primary-color);
  color: var(--main-text-dark-bg);
}

.pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  align-self: flex-start;
  margin-top: 48px;
}
@media (max-width: 992px) {
  .pagination {
    align-self: center;
    margin-top: 32px;
  }
}
@media (max-width: 768px) {
  .pagination {
    gap: 8px;
  }
}
@media (max-width: 550px) {
  .pagination {
    gap: 4px;
  }
}
.pagination .pagination__pages {
  display: flex;
  gap: 8px;
}

.footer_container {
  display: flex;
  flex-direction: column;
  max-width: 1440px;
  width: 100%;
  position: relative;
}

.footer {
  display: flex;
  width: 100%;
  background-color: #0d0f43;
  color: var(--content-color);
  justify-content: center;
  margin-top: 64px;
  
}
@media (max-width: 992px) {
  .footer {
    margin-top: 40px;
  }
}
.footer .footer__header {
  display: flex;
  border-bottom: 1px solid rgba(var(--content-color), 0.2);
  padding: 24px 64px;
  justify-content: space-between;
}
@media (max-width: 992px) {
  .footer .footer__header {
    padding: 20px;
  }
}
@media (max-width: 768px) {
  .footer .footer__header {
    border: none;
    padding: 24px 27px 32px;
  }
}
.footer .footer__header .footer__header-links {
  display: flex;
  align-items: center;
  gap: 5px;
}
@media (max-width: 992px) {
  .footer .footer__header .footer__header-links {
    width: 100%;
    justify-content: space-between;
  }
}
.footer .footer__header .footer__header-links .footer__main-links {
  display: flex;
  gap: 8px;
  text-decoration: none;
  color: var(--content-color);
}
.footer .footer__header .footer__header-links .footer__main-links:hover {
  color: var(--fourth-text);
}
.footer
  .footer__header
  .footer__header-links
  .footer__main-links
  .footer__header-links__block {
  display: flex;
  flex-direction: column;
  
}
.footer
  .footer__header
  .footer__header-links
  .footer__main-links
  .footer__header-links__block
  .footer__title {
  font-weight: 500;
  font-size: calc(14px * var(--scale));
  line-height: calc(16px * var(--lh));
}
@media (max-width: 992px) {
  .footer
    .footer__header
    .footer__header-links
    .footer__main-links
    .footer__header-links__block
    .footer__title {
    font-size: calc(10px * var(--scale));
    line-height: calc(14px * var(--lh));
  }
}
.footer
  .footer__header
  .footer__header-links
  .footer__main-links
  .footer__header-links__block
  .footer__link {
  font-weight: 300;
  font-size: calc(12px * var(--scale));
  line-height: calc(16px * var(--lh));
}
@media (max-width: 992px) {
  .footer
    .footer__header
    .footer__header-links
    .footer__main-links
    .footer__header-links__block
    .footer__link {
    font-size: calc(10px * var(--scale));
    line-height: calc(14px * var(--lh));
  }
}
.footer .footer__header .footer__header-links .footer__social-links {
  display: flex;
  gap: 16px;
  margin-left: 40px;
  transition: all;
}
@media (max-width: 992px) {
  .footer .footer__header .footer__header-links .footer__social-links {
    gap: 12px;
    margin-left: 0;
  }
}
@media (max-width: 768px) {
  .footer .footer__header .footer__header-links .footer__social-links {
    gap: 12px;
  }
}
.footer
  .footer__header
  .footer__header-links
  .footer__social-links
  .footer__link-icon:hover {
  opacity: 0.6;
}
.footer .footer__contacts {
  display: flex;
  align-items: center;
  gap: 31px;
  font-weight: 600;
  position: absolute;
  top: 31px;
  right: 62px;
}
@media (max-width: 992px) {
  .footer .footer__contacts {
    position: static;
    padding: 20px;
    justify-content: space-between;
    flex-direction: row-reverse;
  }
}
@media (max-width: 768px) {
  .footer .footer__contacts {
    margin-top: 20px;
    padding: 0 27px 28px;
    gap: 21px;
    align-items: flex-start;
    flex-direction: column-reverse;
  }
}
.footer .footer__contacts .footer__address {
  text-decoration: none;
  color: var(--content-color);
  font-weight: 500;
  font-size: calc(16px * var(--scale));
  line-height: calc(20px * var(--lh));
}
@media (max-width: 992px) {
  .footer .footer__contacts .footer__address {
    font-size: calc(12px * var(--scale));
    line-height: calc(16px * var(--lh));
  }
}
.footer .footer__contacts .footer__address:hover {
  opacity: 0.6;
}
.footer .footer__contacts .footer__email {
  display: flex;
  align-items: center;
  gap: 8px;
  text-decoration: none;
  color: var(--content-color);
}
.footer .footer__contacts .footer__email:hover {
  opacity: 0.6;
}
.footer .footer__contacts .footer__email .footer__email-title {
  font-weight: 500;
  font-size: calc(16px * var(--scale));
  line-height: calc(20px * var(--lh));
}
@media (max-width: 992px) {
  .footer .footer__contacts .footer__email .footer__email-title {
    font-size: calc(12px * var(--scale));
    line-height: calc(16px * var(--lh));
  }
}
.footer .footer__categories {
  display: flex;
  padding: 40px 64px;
  gap: 24px;
  color: var(--content-color);
}
@media (max-width: 992px) {
  .footer .footer__categories {
    padding: 20px;
    flex-wrap: wrap;
    justify-content: space-between;
  }
}
@media (max-width: 768px) {
  .footer .footer__categories {
    flex-direction: column;
    padding: 0 27px 27px;
    gap: 32px;
  }
}
.footer .footer__categories .footer__category-content {
  display: flex;
  flex-direction: column;
  list-style: none;
  gap: 16px;
  max-width: 310px;
  width: 100%;
  margin: 0;
}
@media (max-width: 768px) {
  .footer .footer__categories .footer__category-content {
    gap: 20px;
  }
}
.footer .footer__categories .footer__category-content .footer__categorie-title {
  padding: 0;
  font-weight: 500;
  font-size: calc(16px * var(--scale));
  line-height: calc(20px * var(--lh));
}
@media (max-width: 992px) {
  .footer
    .footer__categories
    .footer__category-content
    .footer__categorie-title {
    font-size: calc(14px * var(--scale));
    line-height: calc(16px * var(--lh));
  }
}
.footer .footer__categories .footer__category-content .footer__categorie-links {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin: 0;
  list-style: none;
}
.footer
  .footer__categories
  .footer__category-content
  .footer__categorie-links
  li {
  margin: 0;
}
.footer
  .footer__categories
  .footer__category-content
  .footer__categorie-links
  .footer__categorie-link {
  text-decoration: none;
  color: var(--fourth-text);
  font-weight: 300;
  font-size: calc(14px * var(--scale));
  line-height: calc(20px * var(--lh));
}
@media (max-width: 992px) {
  .footer
    .footer__categories
    .footer__category-content
    .footer__categorie-links
    .footer__categorie-link {
    font-size: calc(14px * var(--scale));
    line-height: calc(20px * var(--lh));
  }
}
.footer
  .footer__categories
  .footer__category-content
  .footer__categorie-links
  .footer__categorie-link:hover {
  color: var(--content-color);
}

.footer_container-top {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.header {
  display: flex;
  flex-direction: column;
  max-width: 1440px;
  width: 100%;
  color: var(--main-text);
}
.header .header__top-content {
  display: flex;
  padding: 12px 65px;
  align-items: center;
  justify-content: center;
  gap: 20px;
}
.admsurgut .header .header__top-content {
  display: block;
}
@media (max-width: 992px) {
  .header .header__top-content {
    display: none;
  }
}
.header .header__top-content .header__top-links {
  display: flex;
  gap: 40px;
}
.admsurgut .header .header__top-links {
  display: block;
}
.header .header__top-content .header__buttons {
  display: flex;
  gap: 21px;
}
.header .header__top-content .header__buttons .header__eye-link {
  display: flex;
  align-items: center;
  text-decoration: none;
  background-image: url(/local/templates/surgut/./icons/eye-outlined_icon.svg);
  background-size: 18px;
  background-repeat: no-repeat;
  background-position: left;
}
.header .header__top-content .header__buttons .header__eye-link:hover {
  color: var(--primary-color-hover);
}
.header
  .header__top-content
  .header__buttons
  .header__eye-link
  .header__eye-link-title {
  margin-left: 28px;
  font-weight: 400;
  font-size: calc(14px * var(--scale));
  line-height: calc(18px * var(--lh));
}
@media (max-width: 992px) {
  .header
    .header__top-content
    .header__buttons
    .header__eye-link
    .header__eye-link-title {
    font-size: calc(10px * var(--scale));
    line-height: calc(14px * var(--lh));
  }
}
.header .header__bottom-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 65px;
  gap: 24px;
}
@media (max-width: 992px) {
  .header .header__bottom-content {
    padding: 16px 20px;
  }
}

.button_burger {
  all: unset;
  display: none;
}
@media (max-width: 992px) {
  .button_burger {
    display: flex;
  }
}
.button_burger .icon {
  font-size: 24px;
}

.button_close {
  all: unset;
  display: none;
}
@media (max-width: 992px) {
  .button_close {
    display: flex;
  }
}
.button_close .icon {
  font-size: 24px;
}

.search-header {
  max-width: 624px !important;
}
@media (max-width: 992px) {
  .search-header,
  .search-with-list,
  .header__bottom-content > .header__socials,
  .button__eye {
    display: none !important;
  }
}
.search-header .search-results {
  top: 50px !important;
  z-index: 10;
}

.button__eye {
  color: var(--second-text);
  border-color: transparent;
  background-color: transparent;
  font-weight: 400;
  min-width: 182px;
  font-size: calc(14px * var(--scale));
  line-height: calc(18px * var(--lh));
}
@media (max-width: 992px) {
  .button__eye {
    font-size: calc(10px * var(--scale));
    line-height: calc(14px * var(--lh));
  }
}
.button__eye .icon {
  font-size: 20px;
}
.button__eye:hover {
  border-color: transparent;
  background-color: transparent;
}

.menu_main-bg {
  background-color: var(--content-color);
}

.menu_duma-bg {
  background-color: var(--cards-background);
}

.button_header {
  padding: 8px 20px;
  font-weight: 500;
  font-size: calc(12px * var(--scale));
  line-height: calc(16px * var(--lh));
}
@media (max-width: 992px) {
  .button_header {
    font-size: calc(10px * var(--scale));
    line-height: calc(14px * var(--lh));
  }
}

.interview__info {
  display: flex;
  flex-direction: column;
}

.interviews_array {
  display: grid;
  grid-template-columns: repeat(3, calc((100% - 48px) / 3));
  width: 100%;
  align-items: center;
  justify-content: center;
  gap: 24px;
  margin-top: 24px;
}
@media (max-width: 992px) {
  .interviews_array {
    gap: 12px;
    grid-template-columns: repeat(2, calc((100% - 24px) / 2));
    margin-top: 16px;
  }
}
@media (max-width: 768px) {
  .interviews_array {
    grid-template-columns: 100%;
  }
}
.interviews_array .interview {
  display: flex;
  flex-direction: column;
  align-items: baseline;
  width: 100%;
  border-radius: 20px;
  background-color: var(--cards-background);
  justify-content: space-between;
  height: 100%;
  min-height: 428px;
}
@media (max-width: 992px) {
  .interviews_array .interview {
    border-radius: 8px;
    min-height: 288px;
  }
}
.interviews_array .interview .interview__content {
  display: flex;
  flex-direction: column;
  align-items: baseline;
  height: 100%;
  justify-content: space-between;
  padding: 20px;
}
@media (max-width: 992px) {
  .interviews_array .interview .interview__content {
    padding: 16px;
  }
}
.interviews_array .interview .interview__content .iinterview__dates {
  display: flex;
  align-items: center;
  gap: 8px;
}
.interviews_array
  .interview
  .interview__content
  .iinterview__dates
  .iinterview__date {
  border-radius: 100px;
  background-color: var(--content-color);
  padding: 4px 16px;
  font-weight: 500;
  font-size: calc(16px * var(--scale));
  line-height: calc(20px * var(--lh));
}
@media (max-width: 992px) {
  .interviews_array
    .interview
    .interview__content
    .iinterview__dates
    .iinterview__date {
    font-size: calc(12px * var(--scale));
    line-height: calc(16px * var(--lh));
  }
}
.interviews_array .interview .interview__content .iinterview__description {
  display: flex;
  flex-direction: column;
  gap: 16px;
  height: 100%;
  overflow: hidden;
  margin-top: 24px;
}
@media (max-width: 992px) {
  .interviews_array .interview .interview__content .iinterview__description {
    margin-top: 16px;
    gap: 8px;
  }
}
.interviews_array
  .interview
  .interview__content
  .iinterview__description
  .iinterview__title {
  padding: 0;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-weight: 500;
  font-size: calc(24px * var(--scale));
  line-height: calc(28px * var(--lh));
}
@media (max-width: 992px) {
  .interviews_array
    .interview
    .interview__content
    .iinterview__description
    .iinterview__title {
    font-size: calc(16px * var(--scale));
    line-height: calc(20px * var(--lh));
  }
}
.interviews_array
  .interview
  .interview__content
  .iinterview__description
  .interview__text {
  margin: 0;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-weight: 300;
  font-size: calc(16px * var(--scale));
  line-height: calc(24px * var(--lh));
}
@media (max-width: 992px) {
  .interviews_array
    .interview
    .interview__content
    .iinterview__description
    .interview__text {
    font-size: calc(14px * var(--scale));
    line-height: calc(20px * var(--lh));
  }
}
.interviews_array .interview .iinterview__infos {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-top: 20px;
}
.interviews_array .interview .iinterview__infos .iinterview__votes {
  color: var(--tertiary-text);
  font-weight: 300;
  font-size: calc(16px * var(--scale));
  line-height: calc(20px * var(--lh));
}
@media (max-width: 992px) {
  .interviews_array .interview .iinterview__infos .iinterview__votes {
    font-size: calc(12px * var(--scale));
    line-height: calc(16px * var(--lh));
  }
}
.interviews_array .interview .iinterview__infos .iinterview__user-status {
  color: var(--primary-color);
  font-weight: 300;
  font-size: calc(16px * var(--scale));
  line-height: calc(20px * var(--lh));
}
@media (max-width: 992px) {
  .interviews_array .interview .iinterview__infos .iinterview__user-status {
    font-size: calc(12px * var(--scale));
    line-height: calc(16px * var(--lh));
  }
}

.interview-full {
  display: flex;
  flex-direction: column;
  border-radius: 40px;
  background-color: var(--cards-background);
  justify-content: center;
}
@media (max-width: 992px) {
  .interview-full {
    border-radius: 8px;
  }
}
.interview-full .interview-full__container {
  display: flex;
  flex-direction: column;
  max-width: 866px;
  width: 100%;
  gap: 10px;
  padding: 32px 0;
}
@media (max-width: 992px) {
  .interview-full .interview-full__container {
    padding: 24px 0;
    gap: 24px;
  }
}
@media (max-width: 768px) {
  .interview-full .interview-full__container {
    gap: 20px;
  }
}
.interview-full .interview-full__container .interview-full__info {
  display: flex;
  align-items: center;
  gap: 24px;
}
@media (max-width: 992px) {
  .interview-full .interview-full__container .interview-full__info {
    gap: 20px;
  }
}
.interview-full
  .interview-full__container
  .interview-full__info
  .interview-full__date {
  font-weight: 500;
  font-size: calc(16px * var(--scale));
  line-height: calc(20px * var(--lh));
}
@media (max-width: 992px) {
  .interview-full
    .interview-full__container
    .interview-full__info
    .interview-full__date {
    font-size: calc(12px * var(--scale));
    line-height: calc(16px * var(--lh));
  }
}
.interview-full
  .interview-full__container
  .interview-full__info
  .interview-full__votes {
  color: var(--tertiary-text);
  font-weight: 500;
  font-size: calc(16px * var(--scale));
  line-height: calc(20px * var(--lh));
}
@media (max-width: 992px) {
  .interview-full
    .interview-full__container
    .interview-full__info
    .interview-full__votes {
    font-size: calc(12px * var(--scale));
    line-height: calc(16px * var(--lh));
  }
}
.interview-full .interview-full__container .interview-full__description {
  display: flex;
  flex-direction: column;
  gap: 32px;
  max-width: 866px;
  width: 100%;
}
@media (max-width: 992px) {
  .interview-full .interview-full__container .interview-full__description {
    gap: 12px;
  }
}
.interview-full
  .interview-full__container
  .interview-full__description
  .interview-full__title {
  font-weight: 700;
  padding: 0;
  font-weight: 500;
  font-size: calc(32px * var(--scale));
  line-height: calc(38px * var(--lh));
}
@media (max-width: 992px) {
  .interview-full
    .interview-full__container
    .interview-full__description
    .interview-full__title {
    font-size: calc(16px * var(--scale));
    line-height: calc(20px * var(--lh));
  }
}
.interview-full
  .interview-full__container
  .interview-full__description
  .interview-full__text {
  margin: 0;
  font-weight: 300;
  font-size: calc(16px * var(--scale));
  line-height: calc(24px * var(--lh));
}
@media (max-width: 992px) {
  .interview-full
    .interview-full__container
    .interview-full__description
    .interview-full__text {
    font-size: calc(14px * var(--scale));
    line-height: calc(20px * var(--lh));
  }
}

.interview-form {
  display: flex;
  flex-direction: column;
  gap: 24px;
  max-width: 864px;
  width: 100%;
  align-items: baseline;
}
@media (max-width: 992px) {
  .interview-form {
    gap: 8px;
  }
}
.interview-form .interview-form__button {
  margin-top: 24px;
}

.thanks {
  display: flex;
  margin: 40px 64px 60px;
}
@media (max-width: 992px) {
  .thanks {
    margin: 16px 20px 40px;
  }
}
.thanks .thanks__container {
  display: flex;
  flex-direction: column;
  gap: 32px;
  align-items: baseline;
  max-width: 787px;
  width: 100%;
  background-color: var(--cards-background);
  border-radius: 20px;
  padding: 40px;
}
@media (max-width: 992px) {
  .thanks .thanks__container {
    padding: 20px;
    gap: 24px;
  }
}
.thanks .thanks__container .thanks__description {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media (max-width: 992px) {
  .thanks .thanks__container .thanks__description {
    gap: 12px;
  }
}
.thanks .thanks__container .thanks__description .thanks__title {
  padding: 0;
  font-weight: 500;
  font-size: calc(32px * var(--scale));
  line-height: calc(38px * var(--lh));
}
@media (max-width: 992px) {
  .thanks .thanks__container .thanks__description .thanks__title {
    font-size: calc(16px * var(--scale));
    line-height: calc(20px * var(--lh));
  }
}
.thanks .thanks__container .thanks__description .thanks__text {
  font-weight: 300;
  font-size: calc(16px * var(--scale));
  line-height: calc(24px * var(--lh));
}
@media (max-width: 992px) {
  .thanks .thanks__container .thanks__description .thanks__text {
    font-size: calc(14px * var(--scale));
    line-height: calc(20px * var(--lh));
  }
}

.user-profile {
  display: flex;
  align-items: center;
  gap: 40px;
  margin: 36px 0 40px;
  max-width: 1440px;
  width: 100%;
  box-sizing: border-box;
}
.user-profile .user-profile__button {
  all: unset;
  cursor: pointer;
  position: relative;
}
.user-profile .user-profile__button ion-icon {
  position: absolute;
  background-color: var(--primary-color);
  color: var(--content-color);
  padding: 4px;
  border-radius: 50%;
  right: 0;
}
.user-profile .user-profile__button:hover {
  opacity: 0.8;
}
.user-profile .user-profile__button .user-profile__avatar {
  max-width: 100px;
  max-height: 100px;
  width: 100px;
  height: 100px;
  width: 100%;
  object-fit: cover;
  object-position: center;
  border-radius: 50%;
}
.user-profile .user-profile__info {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.user-profile .user-profile__info .user-profile__name {
  margin: 0;
  padding: 0;
  font-weight: 500;
  font-size: calc(32px * var(--scale));
  line-height: calc(38px * var(--lh));
}
@media (max-width: 992px) {
  .user-profile .user-profile__info .user-profile__name {
    font-size: calc(16px * var(--scale));
    line-height: calc(20px * var(--lh));
  }
}
.user-profile .user-profile__info .user-profile_job {
  font-weight: 500;
  font-size: 20px;
  line-height: 24px;
  color: #6e7383;
}

@media screen and (max-width: 1000px) {
  .user-profile {
    margin: 33px 0 0;
    padding: 0;
  }
  .user-profile .user-profile__button .user-profile__avatar {
    max-width: 64px;
    max-height: 64px;
    height: 64x;
    width: 64px;
  }
  .user-profile .user-profile__info .user-profile__name {
    font-size: 24px;
    line-height: 28px;
  }
  .user-profile .user-profile__info .user-profile_job {
    font-size: 16px;
    line-height: 20px;
  }
}
@media screen and (max-width: 600px) {
  .user-profile {
    gap: 24px;
  }
  .user-profile .user-profile__button .user-profile__avatar {
    max-width: 50px;
    max-height: 50px;
    height: 50px;
    width: 50px;
  }
  .user-profile .user-profile__info .user-profile__name {
    font-size: 20px;
    line-height: 24px;
  }
}
.project-card {
  display: flex;
  background-color: var(--cards-background);
  border-radius: 12px;
}
.project-card .project-card__content {
  display: flex;
  align-items: center;
  gap: 24px;
  padding: 20px;
}
@media (max-width: 992px) {
  .project-card .project-card__content {
    padding: 16px;
  }
}
.project-card .project-card__content .project-card__info {
  display: flex;
  flex-direction: column;
  align-items: baseline;
}
.project-card .project-card__content .project-card__info .project-card__title {
  margin: 0;
  padding: 0;
  font-weight: 500;
  font-size: calc(20px * var(--scale));
  line-height: calc(24px * var(--lh));
}
@media (max-width: 992px) {
  .project-card
    .project-card__content
    .project-card__info
    .project-card__title {
    font-size: calc(14px * var(--scale));
    line-height: calc(18px * var(--lh));
  }
}
.project-card .project-card__content .project-card__info .project-card__date {
  margin: 12px 0 24px;
  color: var(--tertiary-text);
  font-weight: 300;
  font-size: calc(16px * var(--scale));
  line-height: calc(20px * var(--lh));
}
@media (max-width: 992px) {
  .project-card .project-card__content .project-card__info .project-card__date {
    font-size: calc(12px * var(--scale));
    line-height: calc(16px * var(--lh));
  }
}
@media (max-width: 768px) {
  .project-card .project-card__content .project-card__info .project-card__date {
    margin: 4px 0 16px;
  }
}
.project-card .project-card__content .project-card__info .button_span {
  text-transform: uppercase;
}

.project-card_link {
  color: var(--main-text);
}
.project-card_link:hover {
  text-decoration: none;
  color: var(--main-text);
  background-color: var(--services-hover);
}
.project-card_link:active {
  background-color: var(--services-active);
}

.projects-array {
  box-sizing: border-box;
  width: 100%;
}
.projects-array .projects-array__content {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
@media (max-width: 992px) {
  .projects-array .projects-array__content {
    gap: 16px;
  }
}
.projects-array .projects-array__content .projects-array__edit-buttons {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 768px) {
  .projects-array
    .projects-array__content
    .projects-array__edit-buttons
    button {
    width: 100%;
    display: flex;
    justify-content: center;
  }
}
.projects-array .projects-array__content .projects-array__list {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
}
@media (max-width: 992px) {
  .projects-array .projects-array__content .projects-array__list {
    gap: 8px;
  }
}
.projects-array .projects-array__content .projects-array__save-buttons {
  display: flex;
  gap: 24px;
}
@media (max-width: 992px) {
  .projects-array .projects-array__content .projects-array__save-buttons {
    gap: 14px;
  }
}

.title {
  width: 100%;
  margin: 24px 0;
}
@media (max-width: 768px) {
  .title {
    margin: 8px 0 16px;
  }
}
.title .title__container {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  gap: 16px;
}
@media (max-width: 768px) {
  .title .title__container {
    flex-direction: column;
    gap: 8px;
  }
}
.title .title__container .title__name {
  padding: 0;
  margin: 0;
  font-weight: 500;
  font-size: calc(28px * var(--scale));
  line-height: calc(32px * var(--lh));
}
@media (max-width: 992px) {
  .title .title__container .title__name {
    font-size: calc(20px * var(--scale));
    line-height: calc(24px * var(--lh));
  }
}
.title .title__container .title__description {
  flex-basis: 100%;
  font-weight: 300;
  font-size: calc(16px * var(--scale));
  line-height: calc(20px * var(--lh));
}
@media (max-width: 992px) {
  .title .title__container .title__description {
    font-size: calc(12px * var(--scale));
    line-height: calc(16px * var(--lh));
  }
}
.title .title__container .title__buttons {
  display: flex;
  gap: 8px;
  margin-left: auto;
}
@media (max-width: 768px) {
  .title .title__container .title__buttons {
    margin-left: 0;
  }
}

.feedback-status {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.feedback-status .feedback-status__container {
  display: flex;
  flex-direction: column;
  padding-top: 26px;
  gap: 24px;
}
.feedback-status .feedback-status__container .feedback-status__title {
  font-weight: 500;
  font-size: calc(20px * var(--scale));
  line-height: calc(24px * var(--lh));
}
@media (max-width: 992px) {
  .feedback-status .feedback-status__container .feedback-status__title {
    font-size: calc(14px * var(--scale));
    line-height: calc(18px * var(--lh));
  }
}
.feedback-status .feedback-status__container .feedback-status__form {
  display: flex;
  gap: 24px;
}
@media (max-width: 768px) {
  .feedback-status .feedback-status__container .feedback-status__form {
    flex-direction: column;
    align-items: baseline;
  }
}
.feedback-status .feedback-status__container .search-feedbacks {
  max-width: none;
}

.reception hr {
  margin: 0;
  width: 100%;
}
.reception .reception__form {
  max-width: 866px;
  margin-top: 24px;
}
@media (max-width: 992px) {
  .reception .reception__form {
    margin-top: 0;
  }
}
@media (max-width: 768px) {
  .reception .reception__form {
    margin-top: 12px;
  }
}
.reception .reception__form .files-list {
  margin-top: 28px;
}
.reception .reception__form .reception__content .reception__main_title {
  padding: 0;
  font-weight: 500;
  font-size: calc(24px * var(--scale));
  line-height: calc(28px * var(--lh));
}
@media (max-width: 992px) {
  .reception .reception__form .reception__content .reception__main_title {
    font-size: calc(16px * var(--scale));
    line-height: calc(20px * var(--lh));
  }
}
.reception .reception__form .reception__content .reception_add-author-btn {
  margin: 32px 0 40px;
}
.reception .reception__form .reception__content .reception__new-user_title {
  margin-top: 6px;
  padding: 0;
  font-weight: 500;
  font-size: calc(24px * var(--scale));
  line-height: calc(28px * var(--lh));
}
@media (max-width: 992px) {
  .reception .reception__form .reception__content .reception__new-user_title {
    font-size: calc(16px * var(--scale));
    line-height: calc(20px * var(--lh));
  }
}
.reception .reception__form .reception__content .reception__email_title {
  padding: 0;
  font-weight: 500;
  font-size: calc(24px * var(--scale));
  line-height: calc(28px * var(--lh));
}
@media (max-width: 992px) {
  .reception .reception__form .reception__content .reception__email_title {
    font-size: calc(16px * var(--scale));
    line-height: calc(20px * var(--lh));
  }
}
.reception .reception__form .reception__content .reception__feedback_title {
  padding: 40px 0 0;
  font-weight: 500;
  font-size: calc(24px * var(--scale));
  line-height: calc(28px * var(--lh));
}
@media (max-width: 992px) {
  .reception .reception__form .reception__content .reception__feedback_title {
    font-size: calc(16px * var(--scale));
    line-height: calc(20px * var(--lh));
  }
}
.reception .reception__form .reception_counter {
  display: none;
}
.reception .reception__form .reception__buttons {
  display: flex;
  flex-direction: column;
  align-items: baseline;
  gap: 12px;
  margin-top: 24px;
}

.reception__agreement {
  display: flex;
  align-items: center;
  margin-top: 16px;
  font-weight: 300;
}
.reception__agreement span,
.reception__agreement a {
  color: var(--tertiary-text) !important;
  font-weight: 300;
  font-size: calc(14px * var(--scale));
  line-height: calc(20px * var(--lh));
}
@media (max-width: 992px) {
  .reception__agreement span,
  .reception__agreement a {
    font-size: calc(14px * var(--scale));
    line-height: calc(20px * var(--lh));
  }
}
.reception__agreement a {
  text-decoration: underline;
}

.reception__submit {
  margin-top: 24px;
}

.reception__cap {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  align-items: flex-start;
}
@media (max-width: 768px) {
  .reception__cap {
    flex-direction: column;
  }
}
.reception__cap .reception__cap-inp {
  display: flex;
  justify-content: center;
  flex-direction: column;
  gap: 8px;
}
.reception__cap .reception__cap-inp input {
  width: 240px;
}
@media (max-width: 992px) {
  .reception__cap .reception__cap-inp input {
    width: 100%;
  }
}
.reception__cap .reception__cap-captcha {
  display: flex;
  justify-content: center;
}
@media (max-width: 992px) {
  .reception__cap .reception__cap-captcha {
    align-self: flex-start;
  }
}
.reception__cap .reception__cap-captcha img {
  object-fit: cover;
  width: 100%;
  height: 100vh;
  max-height: 60px;
}
@media (max-width: 992px) {
  .reception__cap .reception__cap-captcha img {
    max-height: 44px;
  }
}

.hearing-preview {
  max-height: 738px;
  position: relative;
  overflow: hidden;
  display: flex;
  justify-content: center;
  margin-bottom: 20px;
  border-radius: 12px;
}
@media (max-width: 992px) {
  .hearing-preview {
    max-height: 410px;
  }
}
@media (max-width: 768px) {
  .hearing-preview {
    max-height: 189px;
  }
}
.hearing-preview video {
  /*display: none;*/
  width: 100%;
  height: auto;
}
.hearing-preview img {
  width: 100%;
  height: auto;
  object-fit: cover;
}
.hearing-preview-on video {
  display: block;
}
.hearing-preview-on img,
.hearing-preview-on .hearing-preview-play,
.hearing-preview-on .hearing-preview-bg,
.hearing-preview-on .hearing-preview-title {
  display: none;
}
.hearing-preview-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  top: 0;
}
.hearing-preview-title {
  max-width: 890px;
  color: var(--content-color);
  position: absolute;
  bottom: 44px;
  left: 40px;
  text-decoration: none;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-weight: 500;
  font-size: 32px;
  line-height: 38px;
}
@media (max-width: 992px) {
  .hearing-preview-title {
    font-size: 16px;
    line-height: 20px;
  }
}
@media (max-width: 550px) {
  .hearing-preview-title {
    bottom: 12px;
    left: 12px;
  }
}
.hearing-preview-title:hover {
  color: var(--content-color);
  text-decoration: none;
}
.hearing-preview-play {
  position: absolute;
  top: 328px;
  background-color: var(--primary-color);
  border: none;
  border-radius: 50%;
  width: 82px;
  height: 82px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  transition: background-color 0.3s;
}
.hearing-preview-play:hover {
  background-color: var(--primary-color-hover);
}
.hearing-preview-play-icon {
  position: relative;
  width: 0;
  height: 0;
  border-left: 16.4px solid white;
  border-top: 10.988px solid transparent;
  border-bottom: 10.988px solid transparent;
  border-radius: 2px;
  margin-left: +4.1px;
}
@media (max-width: 992px) {
  .hearing-preview-play {
    top: 185px;
    background-color: var(--primary-color);
    border: none;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: background-color 0.3s;
  }
  .hearing-preview-play:hover {
    background-color: var(--primary-color-hover);
  }
  .hearing-preview-play-icon {
    position: relative;
    width: 0;
    height: 0;
    border-left: 8px solid white;
    border-top: 5.36px solid transparent;
    border-bottom: 5.36px solid transparent;
    border-radius: 2px;
    margin-left: +2px;
  }
}
@media (max-width: 550px) {
  .hearing-preview-play {
    top: 79px;
    background-color: var(--primary-color);
    border: none;
    border-radius: 50%;
    width: 32px;
    height: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: background-color 0.3s;
  }
  .hearing-preview-play:hover {
    background-color: var(--primary-color-hover);
  }
  .hearing-preview-play-icon {
    position: relative;
    width: 0;
    height: 0;
    border-left: 6.4px solid white;
    border-top: 4.288px solid transparent;
    border-bottom: 4.288px solid transparent;
    border-radius: 2px;
    margin-left: +1.6px;
  }
}
.hearing-preview .live_stream {
  position: absolute;
  top: 40px;
  left: 40px;
  color: #d10404;
}
@media (max-width: 992px) {
  .hearing-preview .live_stream {
    top: 10px;
    left: 10px;
  }
}
.hearing-preview .live_stream_s {
  display: none;
}
@media (max-width: 550px) {
  .hearing-preview .live_stream_s {
    display: flex;
  }
}
.hearing-preview .live_stream_l {
  display: flex;
}
@media (max-width: 992px) {
  .hearing-preview .live_stream_l {
    display: none;
  }
}

body.tmp-duma .hearing-item img {
  height: auto;
  max-height: 362px;
}
@media (max-width: 992px) {
  body.tmp-duma .hearing-item img {
    max-height: 172px;
  }
}

.hearing-list {
  padding: 24px 0 0 0;
}
@media (max-width: 992px) {
  .hearing-list {
    padding: 16px 0 0 0;
  }
}
.hearing-list h3 {
  margin-bottom: 32px;
  font-weight: 500;
  font-size: calc(24px * var(--scale));
  line-height: calc(28px * var(--lh));
}
@media (max-width: 992px) {
  .hearing-list h3 {
    font-size: calc(16px * var(--scale));
    line-height: calc(20px * var(--lh));
  }
}
@media (max-width: 992px) {
  .hearing-list h3 {
    margin-bottom: 16px;
  }
}

.hearing-list-items {
  display: grid;
  gap: 24px;
  grid-template-columns: repeat(2, calc((100% - 24px) / 2));
}
@media (max-width: 992px) {
  .hearing-list-items {
    grid-template-columns: repeat(2, calc((100% - 8px) / 2));
    gap: 8px;
  }
}
@media (max-width: 768px) {
  .hearing-list-items {
    grid-template-columns: 100%;
  }
}

.hearing-detail-description {
  display: flex;
  padding: 40px 20px;
  font-weight: 300;
  font-size: calc(16px * var(--scale));
  line-height: calc(24px * var(--lh));
}
@media (max-width: 992px) {
  .hearing-detail-description {
    font-size: calc(14px * var(--scale));
    line-height: calc(20px * var(--lh));
  }
}
@media (max-width: 992px) {
  .hearing-detail-description {
    flex-direction: column;
    padding: 20px;
    gap: 24px;
  }
}
.hearing-detail-description-text {
  width: 755px;
}
@media (max-width: 992px) {
  .hearing-detail-description-text {
    width: 100%;
  }
}
.hearing-detail-description-label {
  color: var(--tertiary-text);
  font-weight: 300;
  font-size: calc(14px * var(--scale));
  line-height: calc(20px * var(--lh));
}
@media (max-width: 992px) {
  .hearing-detail-description-label {
    font-size: calc(14px * var(--scale));
    line-height: calc(20px * var(--lh));
  }
}
.hearing-detail-description-label:nth-of-type(2) {
  margin-top: 20px;
}
@media (max-width: 992px) {
  .hearing-detail-description-label:nth-of-type(2) {
    margin-top: 24px;
  }
}
.hearing-detail-description-meta {
  display: flex;
  flex-wrap: wrap;
  font-weight: 500;
  font-size: 24px;
  line-height: 28px;
}
@media (max-width: 992px) {
  .hearing-detail-description-meta {
    font-size: 12px;
    line-height: 16px;
  }
}
@media (max-width: 992px) {
  .hearing-detail-description-meta {
    gap: 32px;
  }
}
.hearing-detail-description-meta-item {
  padding-left: 40px;
}
@media (max-width: 992px) {
  .hearing-detail-description-meta-item {
    padding-left: 0;
  }
  .hearing-detail-description-meta-item:nth-of-type(3) {
    width: 100%;
  }
}
.hearing-detail-description-meta-item:nth-of-type(1) div {
  min-width: 140px;
}

.biography-card {
  display: flex;
  max-width: 1305px;
  width: 100%;
  border-radius: 12px;
  background-color: var(--cards-background);
}
.biography-card .biography-card__container {
  display: flex;
  gap: 40px;

  padding: 20px;
}
@media (max-width: 992px) {
  .biography-card .biography-card__container {
    padding: 16px;
  }
}
@media (max-width: 768px) {
  .biography-card .biography-card__container {
    gap: 20px;
    align-items: center;
  }
}
.biography-card .biography-card__container .biography-card__avatar {
  max-width: 200px;
  width: 100%;
  object-fit: cover;
  object-position: center;
  border-radius: 12px;
  height: 100%;
}
@media (max-width: 768px) {
  .biography-card .biography-card__container .biography-card__avatar {
    max-width: 100px;
    max-height: 115px;
  }
}
.biography-card .biography-card__container .biography-card__user-info {
  display: flex;
  flex-direction: column;
  padding: 24px 0;
}
.biography-card
  .biography-card__container
  .biography-card__user-info
  .biography-card__name {
  padding: 0;
  font-weight: 400;
  font-size: calc(28px * var(--scale));
  line-height: calc(34px * var(--lh));
}
@media (max-width: 992px) {
  .biography-card
    .biography-card__container
    .biography-card__user-info
    .biography-card__name {
    font-size: calc(18px * var(--scale));
    line-height: calc(22px * var(--lh));
  }
}
.biography-card
  .biography-card__container
  .biography-card__user-info
  .biography-card__job {
  margin: 15px 0 60px;
  font-weight: 300;
  font-size: calc(20px * var(--scale));
  line-height: calc(24px * var(--lh));
}
@media (max-width: 992px) {
  .biography-card
    .biography-card__container
    .biography-card__user-info
    .biography-card__job {
    font-size: calc(14px * var(--scale));
    line-height: calc(18px * var(--lh));
  }
}
@media (max-width: 768px) {
  .biography-card
    .biography-card__container
    .biography-card__user-info
    .biography-card__job {
    margin: 12px 0 0;
  }
}
.biography-card
  .biography-card__container
  .biography-card__user-info
  .biography-card__link {
  font-weight: 500;
  font-size: 20px;
  line-height: 32px;
  text-decoration: none;
  color: var(--primary-color);
}
.biography-card__link{
color:var(--second-text) ;
}

.biography-card__link:hover{
  text-decoration: none !important;
}
@media (max-width: 768px) {
  .biography-card
    .biography-card__container
    .biography-card__user-info
    .biography-card__link {
    display: none;
  }
}
.biography-card
  .biography-card__container
  .biography-card__user-info
  .biography-card__link:hover {
  color: var(--primary-color-hover);
  
}
.biography-card
  .biography-card__container
  .biography-card__user-info
  .biography-card__link:active:hover {
  color: var(--primary-color-active);

}

.biography-card_full-page {
  display: none;
}
@media (max-width: 992px) {
  .biography-card_full-page {
    display: flex;
  }
}
.biography-card_full-page .biography-card__container {
  align-items: center;
}
.biography-card_full-page
  .biography-card__container
  .biography-card__user-info
  .biography-card__job {
  margin-bottom: 0;
}

.biography {
  display: flex;
  align-items: center;
  width: 100%;
  box-sizing: border-box;
}
@media (max-width: 992px) {
  .biography {
    padding-top: 12px;
  }
}
.biography .biography__container {
  display: flex;
  font-size: 16px;
  line-height: 24px;
  padding: 20px 0;
  gap: 24px;
  width: 100%;
}
@media (max-width: 992px) {
  .biography .biography__container {
    display: flex;
    flex-direction: column-reverse;
    gap: 12px;
  }
}
@media (max-width: 768px) {
  .biography .biography__container {
    gap: 12px;
  }
}
.biography .biography__container .biography__contacts-content {
  display: flex;
  flex-direction: column;
  gap: 24px;
  max-width: 309px;
  width: 100%;
}
@media (max-width: 992px) {
  .biography .biography__container .biography__contacts-content {
    max-width: none;
  }
}
.biography
  .biography__container
  .biography__contacts-content
  .biography__avatar {
  max-width: 309px;
  width: 100%;
  max-height: 364px;
  height: 100%;
  border-radius: 12px;
  object-fit: cover;
  object-position: top;
}
@media (max-width: 992px) {
  .biography
    .biography__container
    .biography__contacts-content
    .biography__avatar {
    /*display: none;*/
  }
}
.biography
  .biography__container
  .biography__contacts-content
  .biography__contacts {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 20px;
  border-radius: 20px;
  background-color: var(--cards-background);
}
@media (max-width: 768px) {
  .biography
    .biography__container
    .biography__contacts-content
    .biography__contacts {
    flex-direction: row;
    flex-wrap: wrap;
  }
}
.biography
  .biography__container
  .biography__contacts-content
  .biography__contacts
  .biography__phones {
  display: flex;
  flex-direction: column;
  gap: 9px;
}
.biography
  .biography__container
  .biography__contacts-content
  .biography__contacts
  .biography__phones
  .biography__phones-title {
  padding: 0;
  font-weight: 600;
}
.biography
  .biography__container
  .biography__contacts-content
  .biography__contacts
  .biography__phones
  .biography__link {
  color: var(--main-text);
}
.biography .biography__container .biography__info {
  padding: 40px;
  border-radius: 20px;
  background-color: var(--cards-background);
  width: 100%;
}
@media (max-width: 992px) {
  .biography .biography__container .biography__info {
    width: auto;
    padding: 20px;
  }
}
.biography .biography__container .biography__info .biography__info-content {
  display: flex;
  flex-direction: column;
  gap: 32px;
  max-width: 760px;
}
@media (max-width: 992px) {
  .biography
    .biography__container
    .biography__info
    .biography__info-content
    .biography__user {
    display: none;
  }
}
.biography
  .biography__container
  .biography__info
  .biography__info-content
  .biography__user
  .biography__name {
  padding: 0;
  margin-bottom: 12px;
  font-weight: 500;
  font-size: calc(36px * var(--scale));
  line-height: calc(48px * var(--lh));
}
@media (max-width: 992px) {
  .biography
    .biography__container
    .biography__info
    .biography__info-content
    .biography__user
    .biography__name {
    font-size: calc(20px * var(--scale));
    line-height: calc(24px * var(--lh));
  }
}
.biography
  .biography__container
  .biography__info
  .biography__info-content
  .biography__user
  .biography__job {
  font-weight: 300;
  font-size: calc(20px * var(--scale));
  line-height: calc(28px * var(--lh));
}
@media (max-width: 992px) {
  .biography
    .biography__container
    .biography__info
    .biography__info-content
    .biography__user
    .biography__job {
    font-size: calc(16px * var(--scale));
    line-height: calc(24px * var(--lh));
  }
}
.biography
  .biography__container
  .biography__info
  .biography__info-content
  .biography__description {
  display: flex;
  flex-direction: column;
  gap: 7px;
}
.biography
  .biography__container
  .biography__info
  .biography__info-content
  .biography__description
  p {
  margin: 0;
  font-weight: 300;
  font-size: calc(16px * var(--scale));
  line-height: calc(24px * var(--lh));
}
@media (max-width: 992px) {
  .biography
    .biography__container
    .biography__info
    .biography__info-content
    .biography__description
    p {
    font-size: calc(14px * var(--scale));
    line-height: calc(20px * var(--lh));
  }
}
.biography
  .biography__container
  .biography__info
  .biography__info-content
  .biography__description
  .biography__description-span {
  font-weight: 600;
}
.biography
  .biography__container
  .biography__info
  .biography__info-content
  .biography__more-contacts {
  display: flex;
  flex-direction: column;
  gap: 24px;
  margin-top: 26px;
}
@media (max-width: 992px) {
  .biography
    .biography__container
    .biography__info
    .biography__info-content
    .biography__more-contacts {
    margin-top: 0;
  }
}
.biography
  .biography__container
  .biography__info
  .biography__info-content
  .biography__more-contacts
  .biography__more-contacts-content {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
@media (max-width: 992px) {
  .biography
    .biography__container
    .biography__info
    .biography__info-content
    .biography__more-contacts
    .biography__more-contacts-content {
    display: none;
  }
}
.biography
  .biography__container
  .biography__info
  .biography__info-content
  .biography__more-contacts
  .biography__more-contacts-content
  .biography__more-contacts-title {
  padding: 0;
  font-weight: 500;
  font-size: calc(16px * var(--scale));
  line-height: calc(20px * var(--lh));
}
@media (max-width: 992px) {
  .biography
    .biography__container
    .biography__info
    .biography__info-content
    .biography__more-contacts
    .biography__more-contacts-content
    .biography__more-contacts-title {
    font-size: calc(12px * var(--scale));
    line-height: calc(16px * var(--lh));
  }
}
.biography .biography__link {
  color: var(--main-text);
}

.main-title {
  box-sizing: border-box;
  padding: 36px 0 ;
}
@media (max-width: 992px) {
  .main-title {
    padding: 18px 0;
  }
}
.main-title .main-title__container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
}
.main-title .main-title__container .main-title__title {
  font-weight: 500;
  font-size: calc(32px * var(--scale));
  line-height: calc(42px * var(--lh));
}
@media (max-width: 992px) {
  .main-title .main-title__container .main-title__title {
    font-size: calc(20px * var(--scale));
    line-height: calc(24px * var(--lh));
  }
}
.main-title .main-title__container .main-title__link {
  text-decoration: none;
  color: var(--primary-color);
  font-weight: 400;
  font-size: calc(16px * var(--scale));
  line-height: calc(24px * var(--lh));
}
@media (max-width: 992px) {
  .main-title .main-title__container .main-title__link {
    font-size: calc(12px * var(--scale));
    line-height: calc(16px * var(--lh));
  }
}
.main-title .main-title__container .main-title__link:hover {
  text-decoration: underline;
  color: var(--primary-color-hover);
}
.main-title .main-title__container .main-title__link:active {
  text-decoration: underline;
  color: var(--primary-color-active);
}
.main-title .main-title__container .main-title__link:disabled {
  color: var(--primary-color-disabled);
}

.services .services__content {
  padding: 0 0 48px;
}
@media (max-width: 992px) {
  .services .services__content {
    padding: 0 0 24px;
  }
}
@media (max-width: 768px) {
  .services .services__content {
    padding: 0 0 20px;
  }
}
.services .services__content .services__container {
  display: flex;
  flex-direction: column;
  gap: 48px;
}
@media (max-width: 992px) {
  .services .services__content .services__container {
    gap: 20px;
  }
}
.services .services__content .services__container .services__search {
  display: grid;
  grid-template-columns: repeat(2, calc((100% - 24px) / 2));
  gap: 24px;
}
@media (max-width: 992px) {
  .services .services__content .services__container .services__search {
    gap: 8px;
    grid-template-columns: repeat(2, calc((100% - 8px) / 2));
  }
}
@media (max-width: 768px) {
  .services .services__content .services__container .services__search {
    display: flex;
    flex-direction: column;
    gap: 24px;
  }
}
.services
  .services__content
  .services__container
  .services__search
  .services__search-content {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.services
  .services__content
  .services__container
  .services__search
  .services__search-content
  .services__label {
  padding: 0;
  font-weight: 500;
  font-size: calc(24px * var(--scale));
  line-height: calc(28px * var(--lh));
}
@media (max-width: 992px) {
  .services
    .services__content
    .services__container
    .services__search
    .services__search-content
    .services__label {
    font-size: calc(16px * var(--scale));
    line-height: calc(20px * var(--lh));
  }
}
.services
  .services__content
  .services__container
  .services__search
  .services__search-content
  .search-services {
  width: 100%;
  max-width: none;
}
.services .services__content .services__container .services__buttons {
  display: flex;
  flex-direction: column;
}
.services
  .services__content
  .services__container
  .services__buttons
  .services__buttons-title {
  margin-bottom: 24px;
  padding: 0;
  font-weight: 500;
  font-size: calc(24px * var(--scale));
  line-height: calc(28px * var(--lh));
}
@media (max-width: 992px) {
  .services
    .services__content
    .services__container
    .services__buttons
    .services__buttons-title {
    font-size: calc(16px * var(--scale));
    line-height: calc(20px * var(--lh));
  }
}
@media (max-width: 992px) {
  .services
    .services__content
    .services__container
    .services__buttons
    .services__buttons-title {
    margin-bottom: 16px;
  }
}
@media (max-width: 768px) {
  .services
    .services__content
    .services__container
    .services__buttons
    .services__buttons-title {
    margin-bottom: 20px;
  }
}
.services
  .services__content
  .services__container
  .services__buttons
  .services__buttons-container {
  display: flex;
  gap: 24px;
}
@media (max-width: 992px) {
  .services
    .services__content
    .services__container
    .services__buttons
    .services__buttons-container {
    gap: 8px;
  }
}
@media (max-width: 768px) {
  .services
    .services__content
    .services__container
    .services__buttons
    .services__buttons-container {
    flex-direction: column;
    align-items: center;
  }
}
.services
  .services__content
  .services__container
  .services__buttons
  .services__buttons-container
  .services__button {
  justify-content: center;
  width: calc(100% - 40px);
}

.admstruct-contact {
  margin: 20px;
  display: flex;
  gap: 24px;
}
@media (max-width: 992px) {
  .admstruct-contact {
    flex-direction: column;
  }
}
.admstruct-contact-item {
  flex: 1;
  font-weight: 300;
  font-size: calc(16px * var(--scale));
  line-height: calc(24px * var(--lh));
}
@media (max-width: 992px) {
  .admstruct-contact-item {
    font-size: calc(14px * var(--scale));
    line-height: calc(20px * var(--lh));
  }
}
.admstruct-contact .admstruct-contact-item-label {
  display: block;
  margin-bottom: 8px;
  font-weight: 500;
  font-size: calc(20px * var(--scale));
  line-height: calc(24px * var(--lh));
}
@media (max-width: 992px) {
  .admstruct-contact .admstruct-contact-item-label {
    font-size: calc(14px * var(--scale));
    line-height: calc(18px * var(--lh));
  }
}

body.tmp-duma .main-events .main-events__container .main-title {
  padding-bottom: 32px;
}

.events .filters {
  margin-top: 48px;
}
@media (max-width: 768px) {
  .events .filters {
    margin-top: 24px;
    display: none;
  }
}
@media (max-width: 992px) {
  .events .dm-calendar__btn {
    margin-bottom: 0;
  }
}
.events .events__container {
  position: relative;
  padding: 0 0 48px;
}
@media (max-width: 992px) {
  .events .events__container {
    padding: 0 0 24px;
  }
}
@media (max-width: 768px) {
  .events .events__container {
    padding: 0 0 20px;
  }
}
.events .events__container .events__calendar {
  display: none;
}
.events .events__container .events__calendar_active {
  display: flex;
  position: absolute;
  top: 120px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
}
.events .events__container .events__news {
  display: flex;
  overflow: hidden;
}
@media (max-width: 992px) {
  .events .events__container .events__news {
    gap: 8px;
    grid-template-columns: repeat(3, calc((100% - 24px) / 3));
  }
}
@media (max-width: 992px) {
  .events .events__container .events__news {
    display: block;
  }
}
.events .events__container .events__news .news-main-card {
  margin-right: 24px;
}
@media (max-width: 992px) {
  .events .events__container .events__news .news-main-card {
    margin-right: 8px;
  }
}
.events .events__container .events__navigation {
  display: none;
  justify-content: center;
}
@media (max-width: 992px) {
  .events .events__container .events__navigation {
    display: none;
  }
}
.events .events__container .events__slider {
  display: flex;
  justify-content: center;
}

.calendar {
  display: flex;
}
@media (max-width: 768px) {
  .calendar {
    display: none;
  }
}
.calendar .calendar__button {
  display: none;
}
@media (max-width: 992px) {
  .calendar .calendar__button {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    padding: 12px 16px;
  }
}
.calendar .calendar__links {
  display: flex;
  overflow: scroll;
  scrollbar-width: none;
  gap: 20px;
}
@media (max-width: 992px) {
  .calendar .calendar__links {
    display: none;
  }
}
.calendar .calendar__links .calendar__divider {
  border: 1px solid var(--fourth-text);
  height: 100px;
  margin: 0 9px;
}
.calendar .calendar__links .calendar__link-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  min-width: 56px;
  width: 100%;
  gap: 10px;
}
.calendar .calendar__links .calendar__link-content .calendar__link {
  box-sizing: border-box;
  max-width: 56px;
  height: 56px;
  width: 100%;
  text-align: center;
  font-weight: 300;
  text-decoration: none;
  color: var(--tertiary-text);
  padding: 9px;
  cursor: default;
  font-weight: 400;
  font-size: calc(28px * var(--scale));
  line-height: calc(34px * var(--lh));
}
@media (max-width: 992px) {
  .calendar .calendar__links .calendar__link-content .calendar__link {
    font-size: calc(18px * var(--scale));
    line-height: calc(22px * var(--lh));
  }
}
.calendar .calendar__links .calendar__link-content .calendar__link_active {
  border-radius: 50%;
  border: 1.5px solid var(--primary-color);
  color: var(--main-text);
  cursor: pointer;
}
.calendar .calendar__links .calendar__link-content .calendar__link_clicked {
  border-radius: 1000px;
  border: 1.5px solid var(--primary-color);
  color: var(--content-color);
  background-color: var(--primary-color);
  cursor: pointer;
}
.calendar
  .calendar__links
  .calendar__link-content
  .calendar__link_without-events {
  color: var(--main-text);
  cursor: pointer;
}
.calendar .calendar__links .calendar__link-content .calendar__day {
  color: var(--tertiary-text);
  font-weight: 300;
  font-size: calc(20px * var(--scale));
  line-height: calc(28px * var(--lh));
}
@media (max-width: 992px) {
  .calendar .calendar__links .calendar__link-content .calendar__day {
    font-size: calc(16px * var(--scale));
    line-height: calc(24px * var(--lh));
  }
}
.calendar .calendar__links .calendar__link-content .calendar__day_active {
  color: var(--main-text);
}
.calendar .calendar__links .calendar__link-content .calendar__day_clicked {
  color: var(--main-text);
}
.calendar
  .calendar__links
  .calendar__link-content
  .calendar__day_without-events {
  color: var(--main-text);
}
.calendar .calendar__links .calendar__link-content .calendar__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 18px;
  height: 18px;
  background-color: var(--primary-color);
  color: var(--content-color);
  border-radius: 50%;
  font-size: 11px;
  line-height: 14px;
}

.afisha-events .afisha-events__container .calendar {
  margin-bottom: 20px;
}
.afisha-events .afisha-events__container .afisha-events__news {
  display: grid;
  grid-template-columns: repeat(4, calc((100% - 72px) / 4));
  gap: 24px;
}
@media (max-width: 992px) {
  .afisha-events .afisha-events__container .afisha-events__news {
    gap: 8px;
    grid-template-columns: repeat(3, calc((100% - 24px) / 3));
  }
}
@media (max-width: 768px) {
  .afisha-events .afisha-events__container .afisha-events__news {
    gap: 12px;
    grid-template-columns: repeat(2, calc((100% - 12px) / 2));
  }
}
@media (max-width: 550px) {
  .afisha-events .afisha-events__container .afisha-events__news {
    grid-template-columns: 100%;
    justify-items: center;
  }
}

body.tmp-print .event-card .event-card__container .event-card__tags {
  display: none;
}
body.tmp-print .event-card .event-card__container .event-card__buttons {
  display: none;
}

.event-card {
  background-color: var(--cards-background);
  display: flex;
}
.event-card .event-card__container {
  display: flex;
  flex-direction: column;
  max-width: 978px;
  width: 100%;
  padding: 0 0 20px 0;
}
@media (max-width: 992px) {
  .event-card .event-card__container {
    padding: 0 0 20px 0;
  }
}
.event-card .event-card__container .event-card__info .event-card__tags {
  display: flex;
  gap: 8px;
  margin: 12px 0;
}
.event-card .event-card__container .event-card__info .event-card__description {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin: 0;
}
@media (max-width: 768px) {
  .event-card
    .event-card__container
    .event-card__info
    .event-card__description {
    gap: 16px;
  }
}
.event-card
  .event-card__container
  .event-card__info
  .event-card__description
  .event-card__title-content {
  display: flex;
  justify-content: space-between;
  gap: 16px;
}
.event-card
  .event-card__container
  .event-card__info
  .event-card__description
  .event-card__title-content
  .event-card__title {
  padding: 0;
  font-weight: 500;
  font-size: calc(32px * var(--scale));
  line-height: calc(38px * var(--lh));
}
@media (max-width: 992px) {
  .event-card
    .event-card__container
    .event-card__info
    .event-card__description
    .event-card__title-content
    .event-card__title {
    font-size: calc(16px * var(--scale));
    line-height: calc(20px * var(--lh));
  }
}
.event-card
  .event-card__container
  .event-card__info
  .event-card__description
  .event-card__title-content
  .event-card__title-button {
  display: none;
}
@media (max-width: 992px) {
  .event-card
    .event-card__container
    .event-card__info
    .event-card__description
    .event-card__title-content
    .event-card__title-button {
    display: block;
  }
}
.event-card
  .event-card__container
  .event-card__info
  .event-card__description
  .event-card__title-content
  .event-card__title-button
  .button_white {
  border-color: transparent;
  background-color: transparent;
  padding: 0;
}
.event-card
  .event-card__container
  .event-card__info
  .event-card__description
  .event-card__title-content
  .event-card__title-button
  .button_white
  .icon {
  font-size: 20px;
}
@media (max-width: 992px) {
  .event-card
    .event-card__container
    .event-card__info
    .event-card__description
    .event-card__buttons {
    display: none;
  }
}
.event-card
  .event-card__container
  .event-card__info
  .event-card__description
  .event-card__department {
  display: flex;
  gap: 16px;
  font-weight: 300;
  font-size: calc(16px * var(--scale));
  line-height: calc(20px * var(--lh));
}
@media (max-width: 992px) {
  .event-card
    .event-card__container
    .event-card__info
    .event-card__description
    .event-card__department {
    font-size: calc(12px * var(--scale));
    line-height: calc(16px * var(--lh));
  }
}
@media (max-width: 768px) {
  .event-card
    .event-card__container
    .event-card__info
    .event-card__description
    .event-card__department {
    margin: 0;
  }
}
.event-card
  .event-card__container
  .event-card__info
  .event-card__description
  .event-card__department
  .event-card__department-title {
  color: var(--tertiary-text);
}
.event-card
  .event-card__container
  .event-card__info
  .event-card__description
  .event-card__text {
  margin: 0;
  font-weight: 300;
  font-size: calc(16px * var(--scale));
  line-height: calc(24px * var(--lh));
}
@media (max-width: 992px) {
  .event-card
    .event-card__container
    .event-card__info
    .event-card__description
    .event-card__text {
    font-size: calc(14px * var(--scale));
    line-height: calc(20px * var(--lh));
  }
}
.event-card
  .event-card__container
  .event-card__info
  .event-card__description
  .event-card__dates {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.event-card
  .event-card__container
  .event-card__info
  .event-card__description
  .event-card__dates
  .event-card__dates-content {
  display: flex;
  gap: 32px;
  color: var(--tertiary-text);
}
@media (max-width: 550px) {
  .event-card
    .event-card__container
    .event-card__info
    .event-card__description
    .event-card__dates
    .event-card__dates-content {
    flex-direction: column;
    gap: 8px;
    align-items: flex-start;
  }
}
.event-card
  .event-card__container
  .event-card__info
  .event-card__description
  .event-card__dates
  .event-card__dates-content
  .event-card__date {
  font-weight: 300;
  font-size: calc(14px * var(--scale));
  line-height: calc(20px * var(--lh));
}
@media (max-width: 992px) {
  .event-card
    .event-card__container
    .event-card__info
    .event-card__description
    .event-card__dates
    .event-card__dates-content
    .event-card__date {
    font-size: calc(12px * var(--scale));
    line-height: calc(16px * var(--lh));
  }
}
.event-card
  .event-card__container
  .event-card__info
  .event-card__description
  .event-card__dates
  .event-card__dates-content
  .event-card__last-date {
  font-weight: 300;
  font-size: calc(14px * var(--scale));
  line-height: calc(20px * var(--lh));
}
@media (max-width: 992px) {
  .event-card
    .event-card__container
    .event-card__info
    .event-card__description
    .event-card__dates
    .event-card__dates-content
    .event-card__last-date {
    font-size: calc(12px * var(--scale));
    line-height: calc(16px * var(--lh));
  }
}
@media (max-width: 768px) {
  .event-card
    .event-card__container
    .event-card__info
    .event-card__description
    .event-card__dates
    .event-card__buttons {
    display: none;
  }
}
.event-card .event-card__container .event-card__info .event-card__buttons {
  display: flex;
  gap: 20px;
}
.event-card
  .event-card__container
  .event-card__info
  .event-card__buttons
  .button_white {
  border-color: transparent;
  background-color: transparent;
  padding: 0;
}
.event-card
  .event-card__container
  .event-card__info
  .event-card__buttons
  .button_white
  .icon {
  font-size: 20px;
}
.event-card
  .event-card__container
  .event-card__info
  .event-card__buttons
  .event-card__button
  .button_white {
  border-color: transparent;
  background-color: transparent;
  padding: 0;
}
.event-card
  .event-card__container
  .event-card__info
  .event-card__buttons
  .event-card__button
  .button_white
  .icon {
  font-size: 20px;
}
@media (max-width: 768px) {
  .event-card
    .event-card__container
    .event-card__info
    .event-card__buttons
    .event-card__button
    .button_print {
    display: none;
  }
}

.no-events {
  padding: 32px;
  align-self: center;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
@media (max-width: 992px) {
  .no-events {
    position: unset;
    top: unset;
    transform: unset;
  }
}
.no-events .no-events__container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 16px;
}
.no-events .no-events__container .no-events__icon {
  font-size: 80px;
  color: var(--event-color-hover);
}
.no-events .no-events__container .no-events__text {
  font-weight: 300;
  font-size: calc(20px * var(--scale));
  line-height: calc(24px * var(--lh));
}
@media (max-width: 992px) {
  .no-events .no-events__container .no-events__text {
    font-size: calc(14px * var(--scale));
    line-height: calc(18px * var(--lh));
  }
}

body.tmp-duma .navigation .navigation__link {
  color: var(--primary-color-green);
}
body.tmp-duma .navigation .navigation__link:hover {
  color: var(--primary-color-green-hover);
}
body.tmp-duma .navigation .navigation__link:active {
  color: var(--primary-color-green-click);
}

.navigation {
  display: flex;
  align-items: center;
  gap: 24px;
  padding-top: 32px;
  font-weight: 300;
  font-size: calc(14px * var(--scale));
  line-height: calc(20px * var(--lh));
}
@media (max-width: 992px) {
  .navigation {
    font-size: calc(14px * var(--scale));
    line-height: calc(20px * var(--lh));
  }
}
@media (max-width: 992px) {
  .navigation {
    gap: 14px;
    padding-top: 24px;
  }
}
.navigation .navigation__link {
  color: var(--primary-color);
  display: flex;
  align-items: center;
  font-size: 30px;
  cursor: pointer;
}
@media (max-width: 992px) {
  .navigation .navigation__link {
    font-size: 20px;
  }
}
.navigation .navigation__link:hover {
  color: var(--primary-color-hover);
}
.navigation .navigation__link:active {
  color: var(--primary-color-active);
}
.navigation .navigation__pages {
  display: flex;
  gap: 4px;
  font-weight: 400;
  font-size: calc(20px * var(--scale));
  line-height: calc(24px * var(--lh));
}
@media (max-width: 992px) {
  .navigation .navigation__pages {
    font-size: calc(14px * var(--scale));
    line-height: calc(18px * var(--lh));
  }
}

.afisha .filters {
  margin-top: 16px;
}
.afisha .afisha-universal {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.afisha .afisha-universal .afisha-universal__content {
  width: 100%;
}
.afisha
  .afisha-universal
  .afisha-universal__content
  .afisha-universal__events-list {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

body.tmp-duma .event .event__container .event__time-block .event__icon {
  color: var(--primary-color-green);
}

body.tmp-duma .event .event__container .event__location .event__icon-dot {
  background-color: var(--primary-color-green);
}

.event {
  background-color: var(--cards-background);
  border-radius: 12px;
  color: var(--main-text);
}
.event:hover {
  text-decoration: none;
  color: var(--main-text);
  background-color: var(--services-hover);
}
.event:active {
  background-color: var(--services-active);
}
.event .event__container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 64px;
  padding: 10px;
}
@media (max-width: 992px) {
  .event .event__container {
    padding: 16px;
  }
}
@media (max-width: 768px) {
  .event .event__container {
    position: relative;
    flex-direction: column;
    gap: 16px;
  }
}
.event .event__container .event__info {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  max-width: 200px;
  width: 100%;
  gap: 8px;
}
@media (max-width: 768px) {
  .event .event__container .event__info {
    box-sizing: border-box;
    flex-direction: row;
    max-width: none;
    align-self: flex-start;
    justify-content: space-between;
    gap: 35px;
  }
}
.event .event__container .event__time-block {
  display: flex;
  gap: 12px;
  align-items: center;
  text-wrap: nowrap;
  font-weight: 400;
  font-size: calc(16px * var(--scale));
  line-height: calc(28px * var(--lh));
}
@media (max-width: 992px) {
  .event .event__container .event__time-block {
    font-size: calc(14px * var(--scale));
    line-height: calc(20px * var(--lh));
  }
}
.event .event__container .event__time-block .event__icon {
  color: var(--primary-color);
}
.event .event__container .event__location {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  font-weight: 300;
  font-size: calc(16px * var(--scale));
  line-height: calc(20px * var(--lh));
}
@media (max-width: 992px) {
  .event .event__container .event__location {
    font-size: calc(12px * var(--scale));
    line-height: calc(16px * var(--lh));
  }
}
@media (max-width: 768px) {
  .event .event__container .event__location {
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
  }
}
.event .event__container .event__location .event__place {
  position: relative;
}
.event .event__container .event__location .event__place:hover {
  cursor: pointer;
}
.event .event__container .event__location .event__place:hover > .modal-title {
  display: block;
}
@media (max-width: 768px) {
  .event .event__container .event__location .event__place {
    width: 70%;
  }
}
.event .event__container .event__location .event__place .event__place-text {
  position: relative;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.event .event__container .event__location .event__cabinet {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
@media (max-width: 768px) {
  .event .event__container .event__location .event__cabinet {
    width: unset;
  }
}
.event .event__container .event__location .event__icon-dot {
  display: none;
  width: 4px;
  height: 4px;
  background-color: var(--primary-color);
  border-radius: 50%;
}
.event .event__container .event__description {
  max-width: 955px;
  width: 100%;
  margin: 0;
  font-weight: 300;
  font-size: calc(16px * var(--scale));
  line-height: calc(24px * var(--lh));
}
@media (max-width: 992px) {
  .event .event__container .event__description {
    font-size: calc(14px * var(--scale));
    line-height: calc(20px * var(--lh));
  }
}
@media (max-width: 768px) {
  .event .event__container .event__description {
    margin: 0;
  }
}
.event .event__container .event__number {
  display: none;
  color: var(--tertiary-text);
  font-weight: 300;
  font-size: calc(20px * var(--scale));
  line-height: calc(24px * var(--lh));
}
@media (max-width: 992px) {
  .event .event__container .event__number {
    font-size: calc(14px * var(--scale));
    line-height: calc(18px * var(--lh));
  }
}
@media (max-width: 768px) {
  .event .event__container .event__number {
    position: absolute;
    top: 16px;
    right: 20px;
  }
}

.afisha-event .afisha-event__container .afisha-event__content {
  max-width: 978px;
  margin: 40px 0 40px;
  display: flex;
  flex-direction: column;
  gap: 0px;
}
@media (max-width: 992px) {
  .afisha-event .afisha-event__container .afisha-event__content {
    margin-bottom: 0;
  }
}
.afisha-event
  .afisha-event__container
  .afisha-event__content
  .afisha-event__main-text
  .afisha-event__title {
  padding: 0;
  margin-bottom: 24px;
  font-weight: 500;
  font-size: calc(20px * var(--scale));
  line-height: calc(24px * var(--lh));
}
@media (max-width: 992px) {
  .afisha-event
    .afisha-event__container
    .afisha-event__content
    .afisha-event__main-text
    .afisha-event__title {
    font-size: calc(14px * var(--scale));
    line-height: calc(18px * var(--lh));
  }
}
.afisha-event
  .afisha-event__container
  .afisha-event__content
  .afisha-event__main-text
  .afisha-event__text {
  margin: 0;
  font-weight: 300;
  font-size: calc(16px * var(--scale));
  line-height: calc(24px * var(--lh));
}
@media (max-width: 992px) {
  .afisha-event
    .afisha-event__container
    .afisha-event__content
    .afisha-event__main-text
    .afisha-event__text {
    font-size: calc(14px * var(--scale));
    line-height: calc(20px * var(--lh));
  }
}
.afisha-event .afisha-event__container .afisha-event__quote {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media (max-width: 992px) {
  .afisha-event .afisha-event__container .afisha-event__quote {
    padding: 0 16px;
  }
}
.afisha-event
  .afisha-event__container
  .afisha-event__quote
  .afisha-event__quote-text {
  font-weight: 300;
  font-size: calc(20px * var(--scale));
  line-height: calc(28px * var(--lh));
}
@media (max-width: 992px) {
  .afisha-event
    .afisha-event__container
    .afisha-event__quote
    .afisha-event__quote-text {
    font-size: calc(16px * var(--scale));
    line-height: calc(24px * var(--lh));
  }
}
.afisha-event
  .afisha-event__container
  .afisha-event__quote
  .afisha-event__quote-author {
  color: var(--tertiary-text);
  font-weight: 300;
  font-size: calc(14px * var(--scale));
  line-height: calc(20px * var(--lh));
}
@media (max-width: 992px) {
  .afisha-event
    .afisha-event__container
    .afisha-event__quote
    .afisha-event__quote-author {
    font-size: calc(14px * var(--scale));
    line-height: calc(20px * var(--lh));
  }
}
.afisha-event .afisha-event__container .afisha-event__preview {
  max-height: 425px;
  position: relative;
}
.afisha-event .afisha-event__container .afisha-event__preview::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-image: linear-gradient(
    180.7deg,
    rgba(3, 28, 77, 0) 0.6%,
    rgba(0, 0, 0, 0.6) 79.79%
  );
  border-radius: 8px;
}
.afisha-event
  .afisha-event__container
  .afisha-event__preview
  .afisha-event__link-image {
  width: 100%;
  max-height: 425px;
  object-fit: cover;
  object-position: center;
  border-radius: 8px;
}
@media (max-width: 768px) {
  .afisha-event
    .afisha-event__container
    .afisha-event__preview
    .afisha-event__link-image {
    max-height: 189px;
  }
}
.afisha-event
  .afisha-event__container
  .afisha-event__preview
  .afisha-event__item-play {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 48px;
  height: 48px;
  background-color: var(--primary-color);
  color: var(--content-color);
  z-index: 2;
  font-size: 24px;
}
.afisha-event .afisha-event__container .afisha-event__banner {
  display: flex;
  flex-direction: column;
  gap: 28px;
}
.afisha-event
  .afisha-event__container
  .afisha-event__banner
  .afisha-event__banner-list {
  display: flex;
  overflow: scroll;
  scrollbar-width: none;
}
.afisha-event
  .afisha-event__container
  .afisha-event__banner
  .afisha-event__banner-list
  a {
  color: var(--main-text);
}
.afisha-event
  .afisha-event__container
  .afisha-event__banner
  .afisha-event__banner-list
  .afisha-event__image {
  max-width: 978px;
  width: 100%;
  margin-right: 8px;
  min-height: 480px;
  max-height: 480px;
  object-fit: contain;
  object-position: center;
}
@media (max-width: 992px) {
  .afisha-event
    .afisha-event__container
    .afisha-event__banner
    .afisha-event__banner-list
    .afisha-event__image {
    max-height: 270px;
  }
}
@media (max-width: 768px) {
  .afisha-event
    .afisha-event__container
    .afisha-event__banner
    .afisha-event__banner-list
    .afisha-event__image {
    max-height: 125px;
  }
}
.afisha-event
  .afisha-event__container
  .afisha-event__banner
  .afisha-event__navigation {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.afisha-event
  .afisha-event__container
  .afisha-event__banner
  .afisha-event__navigation
  .afisha-event__comment {
  font-weight: 300;
  font-size: calc(14px * var(--scale));
  line-height: calc(20px * var(--lh));
}
@media (max-width: 992px) {
  .afisha-event
    .afisha-event__container
    .afisha-event__banner
    .afisha-event__navigation
    .afisha-event__comment {
    font-size: calc(14px * var(--scale));
    line-height: calc(20px * var(--lh));
  }
}
.afisha-event
  .afisha-event__container
  .afisha-event__banner
  .afisha-event__navigation
  .slider {
  padding-top: 0;
}
.afisha-event
  .afisha-event__container
  .afisha-event__banner
  .afisha-event__navigation
  .slider
  .slider__counter {
  min-width: 43px;
}

body.tmp-duma .slider .slider__link {
  color: var(--primary-color-green);
}
body.tmp-duma .slider .slider__link:hover {
  color: var(--primary-color-green-hover);
}
body.tmp-duma .slider .slider__link:active {
  color: var(--primary-color-green-click);
}

.slider {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  font-size: 34px;
  padding-top: 32px;
}
@media (max-width: 992px) {
  .slider {
    font-size: 24px;
    padding-top: 24px;
  }
}
.slider .slider__counter {
  text-align: center;
  font-weight: 400;
  font-size: calc(20px * var(--scale));
  line-height: calc(24px * var(--lh));
}
@media (max-width: 992px) {
  .slider .slider__counter {
    font-size: calc(14px * var(--scale));
    line-height: calc(18px * var(--lh));
  }
}
.slider .slider__link {
  display: flex;
  align-items: center;
  cursor: pointer;
  color: var(--primary-color);
}
.slider .slider__link:hover {
  color: var(--primary-color-hover);
}
.slider .slider__link:active {
  color: var(--primary-color-active);
}

.service-detail .label {
  color: var(--tertiary-text);
  display: block;
  margin-bottom: 12px;
  font-weight: 300;
  font-size: calc(16px * var(--scale));
  line-height: calc(20px * var(--lh));
}
@media (max-width: 992px) {
  .service-detail .label {
    font-size: calc(12px * var(--scale));
    line-height: calc(16px * var(--lh));
  }
}
.service-detail .toggle-content.pt-0 {
  padding-top: 0;
}
.service-detail .toggle-content.pb-0 {
  padding-bottom: 0;
}

.service-contacts .toggle-content-container {
  display: flex;
  gap: 24px;
}
@media (max-width: 768px) {
  .service-contacts .toggle-content-container {
    gap: 20px;
    flex-direction: column;
  }
}
.service-contacts .toggle-content-container .contacts-item {
  width: 33%;
  box-sizing: border-box;
}
@media (max-width: 768px) {
  .service-contacts .toggle-content-container .contacts-item {
    width: 100%;
  }
}

.service-method .service-method-line {
  display: flex;
  gap: 24px;
}
@media (max-width: 768px) {
  .service-method .service-method-line {
    gap: 20px;
    flex-direction: column;
  }
}
.service-method .service-method-line .method-item {
  width: 300px;
}

.duma-filelist .file-line {
  background-color: var(--grey-adm);
  border-radius: 8px;
  margin-bottom: 12px;
  padding: 20px;
}
@media (max-width: 992px) {
  .duma-filelist .file-line {
    padding: 16px;
  }
}
.duma-filelist .file-line {
  color: var(--second-text);
  font-weight: 400;
  font-size: calc(16px * var(--scale));
  line-height: calc(20px * var(--lh));
}
@media (max-width: 992px) {
  .duma-filelist .file-line {
    font-size: calc(12px * var(--scale));
    line-height: calc(16px * var(--lh));
  }
}
.duma-filelist .file-line .title {
  margin-top: 0;
  margin-bottom: 12px;
  font-weight: 500;
  font-size: calc(20px * var(--scale));
  line-height: calc(24px * var(--lh));
}
@media (max-width: 992px) {
  .duma-filelist .file-line .title {
    font-size: calc(14px * var(--scale));
    line-height: calc(18px * var(--lh));
  }
}
.duma-filelist .file-line .description {
  font-weight: 300;
  font-size: calc(16px * var(--scale));
  line-height: calc(24px * var(--lh));
}
@media (max-width: 992px) {
  .duma-filelist .file-line .description {
    font-size: calc(14px * var(--scale));
    line-height: calc(20px * var(--lh));
  }
}
.duma-filelist .file-line hr {
  margin: 16px 0;
}
@media (max-width: 768px) {
  .duma-filelist .file-line hr {
    display: none;
  }
}
.duma-filelist .file-line .fields {
  display: flex;
  flex-direction: row;
  align-items: center;
}
@media (max-width: 768px) {
  .duma-filelist .file-line .fields {
    margin-top: 20px;
  }
}
.duma-filelist .file-line .fields .field:nth-of-type(1) {
  margin-right: 24px;
  font-weight: 400;
  font-size: calc(20px * var(--scale));
  line-height: calc(24px * var(--lh));
}
@media (max-width: 992px) {
  .duma-filelist .file-line .fields .field:nth-of-type(1) {
    font-size: calc(14px * var(--scale));
    line-height: calc(18px * var(--lh));
  }
}
.duma-filelist .file-line .fields .field:nth-of-type(2) {
  font-weight: 300;
  font-size: calc(16px * var(--scale));
  line-height: calc(24px * var(--lh));
}
@media (max-width: 992px) {
  .duma-filelist .file-line .fields .field:nth-of-type(2) {
    font-size: calc(14px * var(--scale));
    line-height: calc(20px * var(--lh));
  }
}
.duma-filelist .file-line .fields .field:nth-of-type(3) {
  margin-left: auto;
}
@media (max-width: 768px) {
  .duma-filelist .file-line .fields {
    flex-direction: column;
    align-items: baseline;
  }
  .duma-filelist .file-line .fields .field:nth-of-type(2),
  .duma-filelist .file-line .fields .field:nth-of-type(3),
  .duma-filelist .file-line .fields .field:nth-of-type(1) {
    margin-left: 0;
    margin-right: 0;
  }
  .duma-filelist .file-line .fields .field:nth-of-type(3) {
    margin-top: 20px;
    width: 100%;
  }
  .duma-filelist .file-line .fields .field:nth-of-type(3) a {
    width: auto;
    justify-content: center;
  }
}
.duma-filelist .file-line:last-child {
  margin-bottom: 0;
}
.duma-filelist .file-line:hover {
  background: var(--services-hover);
}

.short-filelist .file-line {
  text-decoration: none;
  display: flex;
  gap: 12px;
  align-items: center;
  background-color: var(--grey-adm);
  border-radius: 8px;
  margin-bottom: 12px;
  padding: 20px;
}
@media (max-width: 992px) {
  .short-filelist .file-line {
    padding: 16px;
  }
}
.short-filelist .file-line .file-line-icon {
  width: 20px;
}
@media (max-width: 992px) {
  .short-filelist .file-line .file-line-icon {
    font-size: 16px;
  }
}
.short-filelist .file-line .file-line-span {
  width: calc(100% - 24px);
}
.short-filelist .file-line {
  color: var(--second-text);
  font-weight: 400;
  font-size: calc(16px * var(--scale));
  line-height: calc(20px * var(--lh));
}
@media (max-width: 992px) {
  .short-filelist .file-line {
    font-size: calc(12px * var(--scale));
    line-height: calc(16px * var(--lh));
  }
}
.short-filelist .file-line:last-child {
  margin-bottom: 0;
}
.short-filelist .file-line:hover {
  background: var(--services-hover);
}

body.tmp-duma .short-filelist ion-icon {
  color: var(--secondary-color);
}

.toggle-content-footer .file-line {
  margin-bottom: 0;
}

.doc-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.doc-list .doc-line {
  background: var(--grey-adm);
  border-radius: 12px;
  color: var(--second-text);
  text-decoration: none;
  padding: 20px;
}
@media (max-width: 992px) {
  .doc-list .doc-line {
    padding: 16px;
  }
}
.doc-list .doc-line:hover {
  background: var(--services-hover);
}
.doc-list .doc-line .ident {
  margin-bottom: 12px;
  font-weight: 500;
  font-size: calc(16px * var(--scale));
  line-height: calc(20px * var(--lh));
}
@media (max-width: 992px) {
  .doc-list .doc-line .ident {
    font-size: calc(12px * var(--scale));
    line-height: calc(16px * var(--lh));
  }
}
.doc-list .doc-line .name {
  font-weight: 500;
  font-size: calc(16px * var(--scale));
  line-height: calc(24px * var(--lh));
  margin-bottom: 0.5rem;
}
@media (max-width: 992px) {
  .doc-list .doc-line .name {
    font-size: calc(14px * var(--scale));
    line-height: calc(20px * var(--lh));
  }
}

.doc-fulllist {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.doc-fulllist .doc-line {
  padding: 20px;
  background: var(--grey-adm);
  border-radius: 12px;
  font-weight: 300;
  font-size: calc(16px * var(--scale));
  line-height: calc(24px * var(--lh));
}
@media (max-width: 992px) {
  .doc-fulllist .doc-line {
    font-size: calc(14px * var(--scale));
    line-height: calc(20px * var(--lh));
  }
}
.doc-fulllist .doc-line .doc-field,
.doc-fulllist .doc-line .doc-name {
  margin-top: 24px;
}
.doc-fulllist .doc-line .label {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 8px;
  align-items: center;
  color: var(--tertiary-text);
  font-weight: 300;
  font-size: calc(16px * var(--scale));
  line-height: calc(20px * var(--lh));
}
@media (max-width: 992px) {
  .doc-fulllist .doc-line .label {
    font-size: calc(12px * var(--scale));
    line-height: calc(16px * var(--lh));
  }
}
.doc-fulllist .doc-line .label .fio {
  color: var(--main-text);
  font-weight: 300;
  font-size: calc(16px * var(--scale));
  line-height: calc(24px * var(--lh));
}
@media (max-width: 992px) {
  .doc-fulllist .doc-line .label .fio {
    font-size: calc(14px * var(--scale));
    line-height: calc(20px * var(--lh));
  }
}
.doc-fulllist .doc-line .doc-fields {
  display: flex;
  flex-direction: row;
  gap: 24px;
  align-items: end;
}
@media (max-width: 992px) {
  .doc-fulllist .doc-line .doc-fields {
    flex-wrap: wrap;
  }
}
.doc-fulllist .doc-line .doc-field:nth-child(1) {
  width: 400px;
}
@media (max-width: 992px) {
  .doc-fulllist .doc-line .doc-field:nth-child(1) {
    flex: 0 0 50%;
  }
}
@media (max-width: 768px) {
  .doc-fulllist .doc-line .doc-field:nth-child(1) {
    flex: 0 0 100%;
  }
}
.doc-fulllist .doc-line .doc-field:nth-child(2) {
  width: 155px;
}
@media (max-width: 992px) {
  .doc-fulllist .doc-line .doc-field:nth-child(2) {
    flex-basis: content;
  }
}
@media (max-width: 768px) {
  .doc-fulllist .doc-line .doc-field:nth-child(2) {
    width: 50%;
  }
}
.doc-fulllist .doc-line .doc-field:nth-child(3) {
  width: 182px;
}
@media (max-width: 992px) {
  .doc-fulllist .doc-line .doc-field:nth-child(3) {
    flex-basis: content;
  }
}
@media (max-width: 768px) {
  .doc-fulllist .doc-line .doc-field:nth-child(3) {
    width: 50%;
  }
}
.doc-fulllist .doc-line .doc-field.files {
  display: flex;
  gap: 8px;
  margin-left: auto;
  justify-content: end;
}
@media (max-width: 992px) {
  .doc-fulllist .doc-line .doc-field.files {
    flex: 0 0 100%;
  }
  .doc-fulllist .doc-line .doc-field.files a {
    flex-basis: inherit;
    justify-content: center;
  }
}
@media (max-width: 768px) {
  .doc-fulllist .doc-line .doc-field.files {
    flex-direction: column;
  }
  .doc-fulllist .doc-line .doc-field.files a {
    width: -webkit-fill-available;
    width: fill-available;
  }
}

.line-fields {
  display: flex;
  flex-direction: row;
  gap: 24px;
  font-weight: 300;
  font-size: calc(16px * var(--scale));
  line-height: calc(24px * var(--lh));
}
@media (max-width: 992px) {
  .line-fields {
    font-size: calc(14px * var(--scale));
    line-height: calc(20px * var(--lh));
  }
}
@media (max-width: 992px) {
  .line-fields {
    flex-wrap: wrap;
    gap: 20px;
  }
}
.line-fields a {
  color: var(--second-text);
}
.line-fields .label {
  color: var(--tertiary-text);
  margin-bottom: 12px;
  font-weight: 300;
  font-size: calc(16px * var(--scale));
  line-height: calc(20px * var(--lh));
}
@media (max-width: 992px) {
  .line-fields .label {
    font-size: calc(12px * var(--scale));
    line-height: calc(16px * var(--lh));
  }
}

.phonebook-main-item {
  padding: 20px;
  background: var(--grey-adm);
  border-radius: 12px;
  margin-bottom: 12px;
}
.phonebook-main-item .line .fio {
  margin-bottom: 20px;
  font-weight: 500;
  font-size: calc(20px * var(--scale));
  line-height: calc(24px * var(--lh));
}
@media (max-width: 992px) {
  .phonebook-main-item .line .fio {
    font-size: calc(14px * var(--scale));
    line-height: calc(18px * var(--lh));
  }
}
.phonebook-main-item .line .line-fields {
  padding-top: 12px;
  font-weight: 300;
  font-size: calc(20px * var(--scale));
  line-height: calc(24px * var(--lh));
}
@media (max-width: 992px) {
  .phonebook-main-item .line .line-fields {
    font-size: calc(14px * var(--scale));
    line-height: calc(18px * var(--lh));
  }
}
.phonebook-main-item .line .line-fields .line-field:nth-child(1) {
  width: 316px;
}
@media (max-width: 992px) {
  .phonebook-main-item .line .line-fields .line-field:nth-child(1) {
    width: 160px;
  }
}
@media (max-width: 768px) {
  .phonebook-main-item .line .line-fields .line-field:nth-child(1) {
    width: 100%;
  }
}
.phonebook-main-item .line .line-fields .line-field:nth-child(2) {
  width: 264px;
}
@media (max-width: 992px) {
  .phonebook-main-item .line .line-fields .line-field:nth-child(2) {
    width: 117px;
  }
}
.phonebook-main-item .line .line-fields .line-field:nth-child(3) {
  width: 120px;
}
@media (max-width: 1000px) {
  .phonebook-main-item .line .line-fields .line-field:nth-child(3) {
    width: 60px;
  }
}
.phonebook-main-item .line .line-fields .line-field:nth-child(4) {
  width: 212px;
}
@media (max-width: 1000px) {
  .phonebook-main-item .line .line-fields .line-field:nth-child(4) {
    width: 140px;
  }
}
@media (max-width: 768px) {
  .phonebook-main-item .line .line-fields .line-field:nth-child(2),
  .phonebook-main-item .line .line-fields .line-field:nth-child(3),
  .phonebook-main-item .line .line-fields .line-field:nth-child(4),
  .phonebook-main-item .line .line-fields .line-field:nth-child(5) {
    width: calc(50% - 10px);
    box-sizing: border-box;
  }
}

.phonebook-list .sub_header {
  padding: 20px 0;
  font-weight: 500;
  font-size: calc(16px * var(--scale));
  line-height: calc(20px * var(--lh));
}
@media (max-width: 992px) {
  .phonebook-list .sub_header {
    font-size: calc(12px * var(--scale));
    line-height: calc(16px * var(--lh));
  }
}
.phonebook-list .line {
  padding: 20px 0;
}
@media (max-width: 992px) {
  .phonebook-list .line {
    border-bottom: 1px solid var(--tertiary-text);
  }
  .phonebook-list .line:last-child {
    border-bottom: none;
  }
}
.phonebook-list .line .line-field:nth-child(1) {
  width: 250px;
}
.phonebook-list .line .line-field:nth-child(2) {
  width: 220px;
}
.phonebook-list .line .line-field:nth-child(3) {
  width: 240px;
}
.phonebook-list .line .line-field:nth-child(4) {
  width: 80px;
}
.phonebook-list .line .line-field:nth-child(5) {
  width: 160px;
}
.phonebook-list .line .line-field:nth-child(6) {
  width: 202px;
}
@media (max-width: 992px) {
  .phonebook-list .line .line-field:nth-child(1),
  .phonebook-list .line .line-field:nth-child(2),
  .phonebook-list .line .line-field:nth-child(3),
  .phonebook-list .line .line-field:nth-child(4),
  .phonebook-list .line .line-field:nth-child(5),
  .phonebook-list .line .line-field:nth-child(6) {
    width: calc(33.333% - 13.33px);
    box-sizing: border-box;
  }
}
@media (max-width: 768px) {
  .phonebook-list .line .line-field:nth-child(1),
  .phonebook-list .line .line-field:nth-child(2) {
    width: 100%;
  }
  .phonebook-list .line .line-field:nth-child(3),
  .phonebook-list .line .line-field:nth-child(4),
  .phonebook-list .line .line-field:nth-child(5),
  .phonebook-list .line .line-field:nth-child(6) {
    width: calc(50% - 10px);
    box-sizing: border-box;
  }
}

.overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 999;
}

.login {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: var(--content-color);
  padding: 20px;
  border-radius: 12px;
  z-index: 1000;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  max-width: 400px;
  width: 100%;
}
@media (max-width: 550px) {
  .login {
    height: 110vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    box-sizing: border-box;
    max-width: unset;
    border-radius: 0;
    overflow: hidden;
  }
}

.login__content {
  display: flex;
  flex-direction: column;
  gap: 40px;
}

.login__content-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.login__content-top ion-icon {
  font-size: 16px;
  border-radius: 12px;
  background-color: var(--cards-background);
  padding: 4px;
  box-sizing: border-box;
  font-weight: 600;
  cursor: pointer;
}

.login__content-top span {
  color: var(--main-text);
  font-weight: 500;
  font-size: calc(24px * var(--scale));
  line-height: calc(28px * var(--lh));
}
@media (max-width: 992px) {
  .login__content-top span {
    font-size: calc(16px * var(--scale));
    line-height: calc(20px * var(--lh));
  }
}

.login__content-main {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.login__content-main__text {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.login__content-main__title span {
  font-weight: 600;
  color: var(--main-text);
  font-weight: 500;
  font-size: calc(20px * var(--scale));
  line-height: calc(24px * var(--lh));
}
@media (max-width: 992px) {
  .login__content-main__title span {
    font-size: calc(14px * var(--scale));
    line-height: calc(18px * var(--lh));
  }
}

.login__content-main__subtitle span {
  color: var(--second-text);
  font-weight: 300;
  font-size: calc(14px * var(--scale));
  line-height: calc(20px * var(--lh));
}
@media (max-width: 992px) {
  .login__content-main__subtitle span {
    font-size: calc(14px * var(--scale));
    line-height: calc(20px * var(--lh));
  }
}

.login__content-main__confirm-standart .button,
.login__content-main__confirm-gos .button,
.login__content-main__confirm-email,
.login__content-main__confirm-delim {
  width: 100%;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
}

.login__content-main__confirm-email span {
  color: var(--primary-color);
  cursor: pointer;
  font-size: calc(12px * var(--scale));
  line-height: calc(14px * var(--lh));
  font-weight: 500;
}
@media (max-width: 992px) {
  .login__content-main__confirm-email span {
    font-size: calc(11px * var(--scale));
    line-height: calc(14px * var(--lh));
  }
}

.login__content-main__confirm-delim {
  color: var(--tertiary-text);
  align-items: center;
  justify-content: space-between;
  font-weight: 500;
  font-size: calc(12px * var(--scale));
  line-height: calc(16px * var(--lh));
}
@media (max-width: 992px) {
  .login__content-main__confirm-delim {
    font-size: calc(10px * var(--scale));
    line-height: calc(14px * var(--lh));
  }
}

.delim-line {
  flex: 1;
  height: 1px;
  background-color: var(--fourth-text-inverse);
  max-width: 150px;
}

.login-code .login__content-main__input {
  display: flex;
}

.wrong-code {
  display: none !important;
  gap: 10px;
  flex-direction: column;
}

.wrong-code input,
.wrong-code input:hover {
  border-color: #d10404;
  color: #d10404;
}

.wrong-code input::placeholder {
  color: #d10404;
}

.wrong-code span {
  color: #d10404;
  font-weight: 500;
  font-size: calc(12px * var(--scale));
  line-height: calc(16px * var(--lh));
}
@media (max-width: 992px) {
  .wrong-code span {
    font-size: calc(10px * var(--scale));
    line-height: calc(14px * var(--lh));
  }
}

.hidden {
  display: none !important;
}

body.tmp-print .project-generation__top-btns {
  display: none;
}

.project-generation__container {
  color: var(--main-text);
}
.project-generation__container
  .event-card
  .event-card__container
  .event-card__description {
  margin: 0;
}
@media (max-width: 768px) {
  .project-generation__container
    .event-card
    .event-card__container
    .event-card__buttons
    .button_without-text {
    display: none;
  }
}

.project-generation__main {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.project-generation__main-container,
.project-generation__bottom-container {
  max-width: 978px;
  padding: 32px 0px;
  padding-top: 48px;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.project-generation__bottom-container {
  padding: 0px;
}

.project-generation__main-container span {
  font-weight: 500;
  font-size: calc(24px * var(--scale));
  line-height: calc(28px * var(--lh));
}
@media (max-width: 992px) {
  .project-generation__main-container span {
    font-size: calc(16px * var(--scale));
    line-height: calc(20px * var(--lh));
  }
}

.project-generation__main-content span {
  font-weight: 300;
  font-size: calc(16px * var(--scale));
  line-height: calc(24px * var(--lh));
}
@media (max-width: 992px) {
  .project-generation__main-content span {
    font-size: calc(14px * var(--scale));
    line-height: calc(20px * var(--lh));
  }
}

.project-generation_bottom {
  display: flex;
  align-items: center;
}

.project-generation__bottom-container {
  padding-top: 0;
}

.project-generation__top-btns.mb {
  display: none;
}

@media (max-width: 768px) {
  .project-generation__main-container {
    padding: 32px 0px;
    padding-top: 24px;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 16px;
  }
}
.subscribe {
  padding-top: 24px;
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.subscribe__title {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.subscribe__title span {
  color: var(--main-text);
  font-weight: 500;
  font-size: calc(24px * var(--scale));
  line-height: calc(28px * var(--lh));
}
@media (max-width: 992px) {
  .subscribe__title span {
    font-size: calc(16px * var(--scale));
    line-height: calc(20px * var(--lh));
  }
}
.subscribe__subtitle {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.subscribe__subtitle span {
  color: var(--tertiary-text);
  font-weight: 300;
  font-size: calc(16px * var(--scale));
  line-height: calc(20px * var(--lh));
}
@media (max-width: 992px) {
  .subscribe__subtitle span {
    font-size: calc(12px * var(--scale));
    line-height: calc(16px * var(--lh));
  }
}
.subscribe__agree {
  background: var(--cards-background);
  padding: 20px;
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.subscribe__lineform {
  display: flex;
  flex-direction: row;
  gap: 12px;
}

.subscribe__fields {
  display: flex;
  gap: 20px;
}
@media (max-width: 992px) {
  .subscribe__fields {
    flex-direction: column;
  }
}

.subscribe__field {
  width: 50%;
}
.subscribe__field__heading {
  font-weight: 500;
  font-size: calc(20px * var(--scale));
  line-height: calc(24px * var(--lh));
}
@media (max-width: 992px) {
  .subscribe__field__heading {
    font-size: calc(14px * var(--scale));
    line-height: calc(18px * var(--lh));
  }
}
@media (max-width: 992px) {
  .subscribe__field {
    width: 100%;
  }
}

.subscribe form {
  display: flex;
  flex-direction: column;
  gap: 18px;
}

.header-services {
  display: flex;
  /*background-color: var(--cards-background);*/
  overflow-x: scroll;
  scrollbar-width: none;
}
.header-services .header-services__container {
  display: flex;
  gap: 5px;
  max-width: 1440px;
  width: 100%;
  padding: 20px 0;
}
@media (max-width: 992px) {
  .header-services .header-services__container {
    padding: 12px 0;
    gap: 12px;
  }
}
@media (max-width: 768px) {
  .header-services .header-services__container {
    padding: 8px 0;
  }
}
.header-services .header-services__container .header-services__button {
  background-color: var(--cards-background);
  color: var(--main-text);
  padding: 4px 18px;
  gap: 12px;
  border-color: transparent;
}
.header-services
  .header-services__container
  .header-services__button
  .button_span {
  width: calc(100% - 32px);
  font-weight: 400;
  font-size: calc(14px * var(--scale));
  line-height: calc(16px * var(--lh));
}
@media (max-width: 992px) {
  .header-services
    .header-services__container
    .header-services__button
    .button_span {
    font-size: calc(10px * var(--scale));
    line-height: calc(14px * var(--lh));
  }
}
@media (max-width: 992px) {
  .header-services
    .header-services__container
    .header-services__button
    .button_span {
    width: calc(100% - 45px);
  }
}
.header-services .header-services__container .header-services__button:hover {
  background-color: var(--services-hover);
}
.header-services .header-services__container .header-services__button:active {
  background-color: var(--services-active);
}
.header-services .header-services__container .header-services__button .icon {
  width: 32px;
  color: var(--primary-color);
  font-size: 45px;
}
@media (max-width: 992px) {
  .header-services .header-services__container .header-services__button .icon {
    width: 24px;
    font-size: 40px;
  }
}

.people-care-card {
  max-width: 421px;
  width: 100%;
  max-height: 320px;
  border-radius: 12px;
  background-repeat: no-repeat;
  align-content: end;
  position: relative;
  overflow: hidden;
  margin-right: 24px;
}
@media (max-width: 992px) {
  .people-care-card {
    margin-right: 8px;
    max-width: 237px;
    max-height: 214px;
  }
}
.people-care-card_bg-health {
  background: linear-gradient(#8eec87 0%, #447ecb 100%);
}
.people-care-card_bg-finance {
  background: linear-gradient(#e8aaef 0%, #3172c6 100%);
}
.people-care-card_bg-projects {
  background: linear-gradient(#8edcd6 0%, #1679b7 100%);
}
.people-care-card_bg-social {
  background: linear-gradient(#f97a7c 0%, #5280ea 100%);
}
.people-care-card_bg-dm-1 {
  background: linear-gradient(143.52deg, #eddab7 5.24%, #40330f 90.43%);
}
.people-care-card_bg-dm-2 {
  background: linear-gradient(143.52deg, #87ccb6 5.24%, #085195 90.43%);
}
.people-care-card_bg-dm-3 {
  background: linear-gradient(143.52deg, #8abad3 5.24%, #0a4b89 90.43%);
}
.people-care-card .people-care-card__logo {
  position: absolute;
  top: 0;
  right: 32px;
  width: 70px;
}
.people-care-card .people-care-card__icon {
  position: absolute;
  right: 0;
  top: 0;
  opacity: 0.1;
  font-size: 320px;
}
@media (max-width: 992px) {
  .people-care-card .people-care-card__icon {
    font-size: 140px;
    top: 45px;
    right: 13px;
    bottom: 28px;
  }
}
@media (max-width: 768px) {
  .people-care-card .people-care-card__icon {
    right: 28px;
  }
}
.people-care-card .people-care-card__image {
  position: absolute;
  bottom: 0;
  right: 0;
  max-width: 100%;
  max-height: 100%;
}
.people-care-card .people-care-card__container {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  gap: 32px;
  padding: 32px;
}
@media (max-width: 992px) {
  .people-care-card .people-care-card__container {
    padding: 16px;
    gap: 13px;
  }
}
.people-care-card .people-care-card__container .people-care-card__text-block {
  display: flex;
  flex-direction: column;
  gap: 16px;
  z-index: 1;
}
.people-care-card
  .people-care-card__container
  .people-care-card__text-block
  .people-care-card__title {
  padding: 0;
  color: var(--content-color);
  z-index: 1;
  font-weight: 500;
  font-size: calc(32px * var(--scale));
  line-height: calc(38px * var(--lh));
}
@media (max-width: 992px) {
  .people-care-card
    .people-care-card__container
    .people-care-card__text-block
    .people-care-card__title {
    font-size: calc(16px * var(--scale));
    line-height: calc(20px * var(--lh));
  }
}
@media (max-width: 1199px) {
  .people-care-card
    .people-care-card__container
    .people-care-card__text-block
    .people-care-card__title {
    font-size: calc(24px * var(--scale));
    line-height: calc(28px * var(--lh));
  }
}
@media (max-width: 992px) {
  .people-care-card
    .people-care-card__container
    .people-care-card__text-block
    .people-care-card__title {
    font-weight: 500;
    font-size: calc(32px * var(--scale));
    line-height: calc(38px * var(--lh));
  }
}
@media (max-width: 992px) and (max-width: 992px) {
  .people-care-card
    .people-care-card__container
    .people-care-card__text-block
    .people-care-card__title {
    font-size: calc(16px * var(--scale));
    line-height: calc(20px * var(--lh));
  }
}
.people-care-card
  .people-care-card__container
  .people-care-card__text-block
  .people-care-card__desc {
  color: var(--content-color);
  font-weight: 300;
  font-size: calc(16px * var(--scale));
  line-height: calc(20px * var(--lh));
}
@media (max-width: 992px) {
  .people-care-card
    .people-care-card__container
    .people-care-card__text-block
    .people-care-card__desc {
    font-size: calc(12px * var(--scale));
    line-height: calc(16px * var(--lh));
  }
}
.people-care-card .people-care-card__container .people-care-card__button {
  z-index: 1;
}

.people-care {
  padding: 0 0 48px;
}
@media (max-width: 992px) {
  .people-care {
    padding: 0 0 24px;
  }
}
@media (max-width: 768px) {
  .people-care {
    padding: 0 0 20px;
  }
}
@media (max-width: 992px) {
  .people-care .main-title .main-title__container .slider {
    display: none;
  }
}
.people-care .people-care__container .people-care__card-list {
  display: flex;
  overflow: hidden;
}
.people-care .people-care__container .slick-slide {
  height: 320px;
}
@media (max-width: 992px) {
  .people-care .people-care__container .slick-slide {
    height: 214px;
  }
}
@media (max-width: 768px) {
  .people-care .people-care__container .slick-slide {
    height: 250px;
  }
}
.people-care .people-care__container .people-care__slider {
  display: none;
}
@media (max-width: 992px) {
  .people-care .people-care__container .people-care__slider {
    display: flex;
    justify-content: center;
  }
}

.help-city {
  padding: 0 0 48px;
}
@media (max-width: 992px) {
  .help-city {
    padding: 0 0 24px;
  }
}
@media (max-width: 768px) {
  .help-city {
    padding: 0 0 20px;
  }
}
@media (max-width: 992px) {
  .help-city .help-city__tabs {
    display: none;
  }
}
.help-city .help-city__content {
  display: flex;
  overflow: hidden;
}
.help-city .help-city__content .slick-slide {
  height: 428px;
}
@media (max-width: 992px) {
  .help-city .help-city__content .slick-slide {
    height: 288px;
  }
}
.help-city .help-city__content .main-project-card {
  margin-right: 24px;
}
@media (max-width: 992px) {
  .help-city .help-city__content .main-project-card {
    margin-right: 8px;
  }
}
.help-city .help-city__content .main-project-card .main-project-card__content {
  box-sizing: border-box;
}
.help-city .help-city__navigation {
  display: none;
}
@media (max-width: 992px) {
  .help-city .help-city__navigation {
    display: flex;
    justify-content: center;
  }
}

.main-project-card {
  display: flex;
  flex-direction: column;
  align-items: baseline;
  width: 100%;
  border-radius: 20px;
  background-color: var(--cards-background);
  justify-content: space-between;
  height: 428px;
}
@media (max-width: 992px) {
  .main-project-card {
    height: 288px;
    max-width: 360px;
  }
}
@media (max-width: 768px) {
  .main-project-card {
    max-width: none;
  }
}
.main-project-card .main-project-card__content {
  display: flex;
  flex-direction: column;
  align-items: baseline;
  height: 100%;
  justify-content: space-between;
  padding: 20px;
}
@media (max-width: 992px) {
  .main-project-card .main-project-card__content {
    padding: 16px;
  }
}
.main-project-card .main-project-card__content .main-project-card__dates {
  display: flex;
  align-items: center;
  gap: 20px;
}
@media (max-width: 992px) {
  .main-project-card .main-project-card__content .main-project-card__dates {
    gap: 4px;
  }
}
.main-project-card
  .main-project-card__content
  .main-project-card__dates
  .main-project-card__date {
  border-radius: 100px;
  background-color: var(--content-color);
  padding: 4px 16px;
  font-weight: 500;
  font-size: calc(16px * var(--scale));
  line-height: calc(20px * var(--lh));
}
@media (max-width: 992px) {
  .main-project-card
    .main-project-card__content
    .main-project-card__dates
    .main-project-card__date {
    font-size: calc(12px * var(--scale));
    line-height: calc(16px * var(--lh));
  }
}
.main-project-card .main-project-card__content .main-project-card__description {
  display: flex;
  flex-direction: column;
  gap: 23px;
  overflow: hidden;
  margin-top: 20px;
  min-height: 169px;
}
@media (max-width: 992px) {
  .main-project-card
    .main-project-card__content
    .main-project-card__description {
    margin-top: 18px;
    gap: 8px;
    min-height: 124px;
  }
}
.main-project-card
  .main-project-card__content
  .main-project-card__description
  .main-project-card__title {
  padding: 0;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-weight: 500;
  font-size: calc(24px * var(--scale));
  line-height: calc(28px * var(--lh));
}
@media (max-width: 992px) {
  .main-project-card
    .main-project-card__content
    .main-project-card__description
    .main-project-card__title {
    font-size: calc(16px * var(--scale));
    line-height: calc(20px * var(--lh));
  }
}
.main-project-card
  .main-project-card__content
  .main-project-card__description
  .main-project-card__text {
  margin: 0;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-weight: 300;
  font-size: calc(16px * var(--scale));
  line-height: calc(24px * var(--lh));
}
@media (max-width: 992px) {
  .main-project-card
    .main-project-card__content
    .main-project-card__description
    .main-project-card__text {
    font-size: calc(14px * var(--scale));
    line-height: calc(20px * var(--lh));
  }
}
.main-project-card .main-project-card__infos {
  display: flex;
  align-items: center;
  gap: 16px;
  margin: 8px 0 20px;
}
.main-project-card .main-project-card__infos .main-project-card__votes {
  color: var(--tertiary-text);
  font-weight: 300;
  font-size: calc(16px * var(--scale));
  line-height: calc(20px * var(--lh));
}
@media (max-width: 992px) {
  .main-project-card .main-project-card__infos .main-project-card__votes {
    font-size: calc(12px * var(--scale));
    line-height: calc(16px * var(--lh));
  }
}
.main-project-card .main-project-card__infos .main-project-card__user-status {
  color: var(--primary-color);
  font-weight: 300;
  font-size: calc(16px * var(--scale));
  line-height: calc(20px * var(--lh));
}
@media (max-width: 992px) {
  .main-project-card .main-project-card__infos .main-project-card__user-status {
    font-size: calc(12px * var(--scale));
    line-height: calc(16px * var(--lh));
  }
}

.adm-helpers .adm-helpers__content {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.important-inf {
  display: flex;
  flex-direction: column;
  padding: 0;
}
@media (max-width: 992px) {
  .important-inf {
    padding: 0 0 24px;
  }
}
@media (max-width: 768px) {
  .important-inf {
    padding: 0 0 20px;
  }
}
@media (max-width: 992px) {
  .important-inf .main-title .main-title__container .slider {
    display: none;
  }
}
.important-inf .important-inf__container {
  display: flex;
  overflow: hidden;
}
.important-inf .important-inf__container .important-inf__banner {
  object-fit: cover;
  object-position: center;
  max-width: 873px;
  max-height: 325px;
  margin-right: 24px;
}
@media (max-width: 992px) {
  .important-inf .important-inf__container .important-inf__banner {
    max-width: 482px;
    max-height: 179px;
    margin-right: 8px;
  }
}
@media (max-width: 768px) {
  .important-inf .important-inf__container .important-inf__banner {
    max-width: 336px;
    max-height: 125px;
  }
}
.important-inf .important-inf__slider {
  display: none;
}
@media (max-width: 992px) {
  .important-inf .important-inf__slider {
    display: flex;
    justify-content: center;
  }
}

.solve-problems {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  padding: 0;
  gap: 20px;
  justify-content: space-between;
}
@media (max-width: 992px) {
  .solve-problems {
    padding: 0 0 24px;
  }
}
@media (max-width: 768px) {
  .solve-problems {
    padding: 0 0 20px;
  }
}
.solve-problems .solve-problems__container .solve-problems__banner {
  width: 100%;
}

body.tmp-duma .important-links .main-title {
  padding-bottom: 32px;
}

@media (max-width: 768px) {
  body.tmp-duma .important-links .main-title .main-title__container {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 16px;
  }
}

.important-links {
  padding: 0 0 48px;
}
@media (max-width: 992px) {
  .important-links {
    padding: 0 0 24px;
  }
}
@media (max-width: 768px) {
  .important-links {
    padding: 0 0 20px;
  }
}
.important-links .important-links__navigation {
  display: flex;
  align-items: center;
  justify-content: center;
}
.important-links .important-links__slider {
  display: none;
}
@media (max-width: 992px) {
  .important-links .important-links__slider {
    display: flex;
    justify-content: center;
  }
}
.important-links .important-links__container {
  display: grid;
  grid-template-columns: repeat(3, calc((100% - 48px) / 3));
  justify-content: center;
  gap: 18px;
}
@media (max-width: 992px) {
  .important-links .important-links__container {
    gap: 8px;
  }
}
@media (max-width: 768px) {
  .important-links .important-links__container {
    grid-template-columns: 1fr;
    gap: 8px;
  }
}
.important-links .important-links__container .important-link {
  box-sizing: border-box;
  background-color: var(--cards-background);
  border-radius: 20px;
  text-decoration: none;
  color: var(--main-text);
  align-items: center;
  min-height: 88px;
  padding: 18px;
}
@media (max-width: 992px) {
  .important-links .important-links__container .important-link {
    padding: 16px;
  }
}
.important-links .important-links__container .important-link:hover {
  color: var(--primary-color-hover);
}
.important-links .important-links__container .important-link:active {
  color: var(--primary-color-active);
}
@media (max-width: 992px) {
  .important-links .important-links__container .important-link {
    border-radius: 8px;
    margin-right: 8px;
    min-height: 64px;
  }
}
.important-links
  .important-links__container
  .important-link
  .important-link__container {
  display: flex;
  align-items: center;
  gap: 20px;
}
.important-links
  .important-links__container
  .important-link
  .important-link__container
  .important-link__icon {
  width: 48px;
  height: 48px;
  object-fit: cover;
  object-position: center;
}
@media (max-width: 992px) {
  .important-links
    .important-links__container
    .important-link
    .important-link__container
    .important-link__icon {
    width: 24px;
    height: 24px;
  }
}
.important-links
  .important-links__container
  .important-link
  .important-link__container
  .important-link__title {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-weight: 400;
  font-size: calc(16px * var(--scale));
  line-height: calc(22px * var(--lh));
}

.important-links
  .important-links__container
  .important-link
  .important-link__container
  .no-box {
  display: block;

}
@media (max-width: 992px) {
  .important-links
    .important-links__container
    .important-link
    .important-link__container
    .important-link__title {
    font-size: calc(12px * var(--scale));
    line-height: calc(16px * var(--lh));
  }
}

body.tmp-duma .usefull-links .usefull-links__container .usefull-link__icon {
  color: var(--primary-color-green);
}

body.tmp-duma .usefull-links {
  margin-top: 0;
}

.usefull-links .usefull-links__container {
  display: grid;
  grid-template-columns: repeat(4, calc((100% - 72px) / 4));
  gap: 18px;
  justify-content: center;
}
@media (max-width: 992px) {
  .usefull-links .usefull-links__container {
    gap: 8px;
    grid-template-columns: repeat(3, calc((100% - 16px) / 3));
    margin-top: 0;
    padding: 0 0 4px;
  }
}
@media (max-width: 768px) {
  .usefull-links .usefull-links__container {
    display: flex;
    flex-direction: column;
  }
}
.usefull-links .usefull-links__container .usefull-link {
  display: flex;
  text-decoration: none;
  color: var(--main-text);
  background-color: var(--cards-background);
  border-radius: 8px;
  padding: 20px;
}
@media (max-width: 992px) {
  .usefull-links .usefull-links__container .usefull-link {
    padding: 16px;
  }
}
.usefull-links .usefull-links__container .usefull-link:hover {
  background-color: var(--services-hover);
}
.usefull-links .usefull-links__container .usefull-link:active {
  background-color: var(--services-active);
}
@media (max-width: 992px) {
  .usefull-links .usefull-links__container .usefull-link {
    box-sizing: border-box;
    min-height: 64px;
  }
}
@media (max-width: 768px) {
  .usefull-links .usefull-links__container .usefull-link {
    min-height: unset;
    padding: 12px 20px;
    align-items: center;
    min-height: 48px;
  }
}
.usefull-links
  .usefull-links__container
  .usefull-link
  .usefull-link__container {
  display: flex;
  justify-content: space-between;
  flex-direction: row-reverse;
  width: 100%;
  gap: 8px;
  min-height: 40px;
}
@media (max-width: 992px) {
  .usefull-links
    .usefull-links__container
    .usefull-link
    .usefull-link__container {
    gap: 12px;
    min-height: unset;
  }
}
.usefull-links
  .usefull-links__container
  .usefull-link
  .usefull-link__container
  .usefull-link__icon {
  color: var(--primary-color);
}
.usefull-links
  .usefull-links__container
  .usefull-link
  .usefull-link__container
  .usefull-link__title {
  width: calc(100% - 32px);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-weight: 500;
  font-size: calc(16px * var(--scale));
  line-height: calc(20px * var(--lh));
}
@media (max-width: 992px) {
  .usefull-links
    .usefull-links__container
    .usefull-link
    .usefull-link__container
    .usefull-link__title {
    font-size: calc(12px * var(--scale));
    line-height: calc(16px * var(--lh));
  }
}

.news-top-link {
  display: flex;
  flex-grow: 1;
  background-color: var(--cards-background);
  border-radius: 12px;
  text-decoration: none;
  color: var(--main-text);
  width: 100%;
  box-sizing: border-box;
  padding: 20px;
}
@media (max-width: 992px) {
  .news-top-link {
    padding: 16px;
  }
}
.news-top-link:hover {
  text-decoration: none;
  color: var(--main-text);
  background-color: var(--services-hover);
}
.news-top-link:active {
  background-color: var(--services-active);
}
@media (max-width: 992px) {
  .news-top-link:nth-child(n + 3) {
    display: none;
  }
}
@media (max-width: 768px) {
  .news-top-link {
    max-width: none;
    min-width: auto;
  }
  .news-top-link:nth-child(3n) {
    display: block;
  }
}
.news-top-link .news-top-link__container {
  display: flex;
  flex-direction: column;
  gap: 20px;
  width: 100%;
}
@media (max-width: 992px) {
  .news-top-link .news-top-link__container {
    gap: 12px;
  }
}
.news-top-link .news-top-link__container .news-top-link__content {
  display: flex;
  gap: 20px;
}
.news-top-link
  .news-top-link__container
  .news-top-link__content
  .news-top-link__title {
  width: calc(100% - 44px);
  max-height: 60px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-weight: 500;
  font-size: calc(16px * var(--scale));
  line-height: calc(20px * var(--lh));
}
@media (max-width: 992px) {
  .news-top-link
    .news-top-link__container
    .news-top-link__content
    .news-top-link__title {
    font-size: calc(12px * var(--scale));
    line-height: calc(16px * var(--lh));
  }
}
@media (max-width: 992px) {
  .news-top-link
    .news-top-link__container
    .news-top-link__content
    .news-top-link__title {
    max-height: 48px;
  }
}
.news-top-link
  .news-top-link__container
  .news-top-link__content
  .news-top-link__icon {
  font-size: 24px;
  color: var(--primary-color);
}
.news-top-link
  .news-top-link__container
  .news-top-link__content
  .dm-news-top-link__icon {
  color: var(--primary-color-green);
}
.news-top-link .news-top-link__container .news-top-link__date {
  color: var(--tertiary-text);
  font-weight: 300;
  font-size: calc(14px * var(--scale));
  line-height: calc(18px * var(--lh));
}
@media (max-width: 992px) {
  .news-top-link .news-top-link__container .news-top-link__date {
    font-size: calc(10px * var(--scale));
    line-height: calc(14px * var(--lh));
  }
}

.news-top-card {
  display: none;
  position: relative;
  max-width: 867px;
  width: 100%;
  border-radius: 12px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  color: var(--content-color);
}
.news-top-card::after {
/*  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: linear-gradient(
    180.7deg,
    rgba(3, 28, 77, 0) 0.6%,
    rgba(0, 0, 0, 0.9) 79.79%
  );
  border-radius: 12px; */
}
.news-top-card .news-top-card__container {
  display: flex;
  position: relative;
  width: 100%;
}
@media (max-width: 992px) {
  .news-top-card .news-top-card__container {
    height: 220px;
  }
}
.news-top-card .news-top-card__container .news-top-card__image {
  max-width: 867px;
  width: 100%;
  max-height: 576px;
  height: 100vh;
  object-fit: cover;
  object-position: center;
  border-radius: 12px;
}
@media (max-width: 992px) {
  .news-top-card .news-top-card__container .news-top-card__image {
    max-height: 220px;
  }
}
.news-top-card .news-top-card__container .news-top-card__content {
  display: flex;
  flex-direction: column;
  align-items: baseline;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 20px 40px;
  max-width: 100%;
  background-color: #004badad;
  border-radius: 0 0 12px 12px;
  /*max-width: 780px; 
  position: absolute;
  left: 40px;
  bottom: 40px;
  right: 40px;*/
}
.dm-news-top .news-top-card__content
{
  background-color: #696969ad !important;
}
@media (max-width: 992px) {
  .news-top-card .news-top-card__container .news-top-card__content {
    /*left: 20px;
    bottom: 20px;
    right: 20px;*/
    padding: 10px 20px;
    left: 0;
    right: 0;
    bottom: 0;    
  }
}
.news-top-card
  .news-top-card__container
  .news-top-card__content
  .news-top-card__date {
  z-index: 1;
  font-weight: 300;
  font-size: calc(16px * var(--scale));
  line-height: calc(20px * var(--lh));
}
@media (max-width: 992px) {
  .news-top-card
    .news-top-card__container
    .news-top-card__content
    .news-top-card__date {
    font-size: calc(12px * var(--scale));
    line-height: calc(16px * var(--lh));
  }
}
.news-top-card
  .news-top-card__container
  .news-top-card__content
  .news-top-card__title {
  margin: 8px 0 32px;
  z-index: 1;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-weight: 500;
  font-size: calc(28px * var(--scale));
  line-height: calc(40px * var(--lh));
}
@media (max-width: 992px) {
  .news-top-card
    .news-top-card__container
    .news-top-card__content
    .news-top-card__title {
    font-size: calc(16px * var(--scale));
    line-height: calc(22px * var(--lh));
  }
}
@media (max-width: 992px) {
  .news-top-card
    .news-top-card__container
    .news-top-card__content
    .news-top-card__title {
    margin: 4px 0 16px;
  }
}
.news-top-card
  .news-top-card__container
  .news-top-card__content
  .news-top-card__button {
  z-index: 1;
}

.news-main .news-main__slider {
  display: none;
}
@media (max-width: 992px) {
  .news-main .news-main__slider {
    display: flex;
    justify-content: center;
  }
}
.news-main .news-main__container {
  padding: 0 0 48px;
}
@media (max-width: 992px) {
  .news-main .news-main__container {
    padding: 0 0 24px;
  }
}
@media (max-width: 768px) {
  .news-main .news-main__container {
    padding: 0 0 20px;
  }
}
.news-main .news-main__container .news-main__card-list {
  gap: 24px;
  row-gap: 20px;
  display: grid;
  grid-template-columns: repeat(4, calc((100% - 72px) / 4));
  justify-content: space-between;
  margin-top: 0;
}
@media (max-width: 1280px) {
  .news-main .news-main__container .news-main__card-list {
    grid-template-columns: repeat(3, calc((100% - 72px) / 3));
  }
}
@media (max-width: 992px) {
  .news-main .news-main__container .news-main__card-list {
    display: block;
  }
}

.news-top {
  display: flex;
  width: 100%;
  margin: 0px 0 48px;
}
@media (max-width: 992px) {
  .news-top {
    margin: 18px 0 24px;
  }
}
@media (max-width: 768px) {
  .news-top {
    margin: 20px 0 20px;
  }
}
.news-top__container {
  display: flex;
  width: 100%;
  gap: 24px;
  justify-content: center;
}
.news-top__container:focus-visible {
  outline: 3px solid orange;
  outline-offset: -3px;
}
@media (max-width: 992px) {
  .news-top__container {
    gap: 8px;
  }
}
@media (max-width: 768px) {
  .news-top__container {
    flex-direction: column;
  }
}
.news-top__container .news-top__card-list {
  display: flex;
  overflow: hidden;
  width: 66%;
}
@media (max-width: 992px) {
  .news-top__container .news-top__card-list {
    width: 49%;
  }
}
@media (max-width: 768px) {
  .news-top__container .news-top__card-list {
    width: 100%;
  }
}
.news-top__container .news-top__card-list .slick-dots {
  display: flex;
  margin-left: 0;
  position: absolute;
  bottom: 20px;
  right: 40px;
  gap: 12px;
  list-style: none;
}
@media (max-width: 992px) {
  .news-top__container .news-top__card-list .slick-dots {
    bottom: 10px;
    right: 20px;
  }
}
.news-top__container .news-top__card-list .slick-dots li {
  margin: 0;
}
.news-top__container .news-top__card-list .slick-dots li button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  color: transparent;
  background-color: #000000;
  border: 2px solid var(--tertiary-text);
  cursor: pointer;
}
.news-top__container .news-top__card-list .slick-dots li button:hover {
  border-color: var(--fourth-text);
}
@media (max-width: 768px) {
  .news-top__container .news-top__card-list .slick-dots li button {
    width: 12px;
    height: 12px;
  }
}
.news-top__container .news-top__card-list .slick-dots li.slick-active button {
  border-color: var(--content-color);
}
.news-top__container .news-top__links-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 32%;
}
@media (max-width: 992px) {
  .news-top__container .news-top__links-list {
    width: 49%;
  }
}
@media (max-width: 768px) {
  .news-top__container .news-top__links-list {
    width: 100%;
  }
}

.dm-news-top .main-title {
  padding-bottom: 32px;
}
.dm-news-top .news-top .news-top-card__image {
  height: 462px;
}
@media (max-width: 992px) {
  .dm-news-top .news-top .news-top-card__image {
    height: 220px;
  }
}
.dm-news-top .news-top .news-top__links-list {
  gap: 24px;
}
@media (max-width: 992px) {
  .dm-news-top .news-top .news-top__links-list {
    gap: 8px;
  }
}
.dm-news-top .news-top .news-top__links-list .news-top-link:nth-child(n + 4) {
  display: none;
}

.news-main-card {
  max-width: 310px;
  background-color: var(--cards-background);
  border-radius: 12px;
  text-decoration: none;
  color: var(--main-text);
}
.full-width-background .news-main-card {
  background-color: var(--content-color);
}

.news-main-card:hover {
  text-decoration: none;
  color: var(--primary-color-hover);
}
.news-main-card:active {
  color: var(--primary-color-active);
}
@media (max-width: 992px) {
  .news-main-card {
    margin-right: 8px;
  }
}
@media (max-width: 768px) {
  .news-main-card {
    max-width: 250px;
  }
}
.news-main-card__container .news-main-card__image-block {
  position: relative;
}
.news-main-card__container .news-main-card__image-block .news-main-card__image {
  width: 100%;
  height: 181px;
  object-fit: cover;
  object-position: center;
  border-radius: 12px 12px 0 0;
}
@media (max-width: 992px) {
  .news-main-card__container
    .news-main-card__image-block
    .news-main-card__image {
    max-height: 145px;
  }
}
.news-main-card__container .news-main-card__image-block .news-main-card__tags {
  display: flex;
  gap: 8px;
  position: absolute;
  top: 12px;
  left: 12px;
  flex-wrap: wrap;
  max-width: 90%;
}
@media (max-width: 992px) {
  .news-main-card__container
    .news-main-card__image-block
    .news-main-card__tags {
    top: 8px;
    left: 8px;
  }
}
.news-main-card__container
  .news-main-card__image-block
  .news-main-card__tags
  .news-main-card__tag {
  padding: 4px 12px;
  font-weight: 500;
  font-size: calc(11px * var(--scale));
  line-height: calc(14px * var(--lh));
  text-transform: uppercase;
}
.news-main-card__container .news-main-card__content {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 20px;
}
@media (max-width: 992px) {
  .news-main-card__container .news-main-card__content {
    padding: 16px;
  }
}
.news-main-card__container .news-main-card__content .news-main-card__date {
  color: var(--tertiary-text);
  font-weight: 300;
  font-size: calc(14px * var(--scale));
  line-height: calc(18px * var(--lh));
}
@media (max-width: 992px) {
  .news-main-card__container .news-main-card__content .news-main-card__date {
    font-size: calc(10px * var(--scale));
    line-height: calc(14px * var(--lh));
  }
}
.news-main-card__container .news-main-card__content .news-main-card__title {
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-weight: 500;
  font-size: calc(16px * var(--scale));
  line-height: calc(20px * var(--lh));
}
@media (max-width: 992px) {
  .news-main-card__container .news-main-card__content .news-main-card__title {
    font-size: calc(12px * var(--scale));
    line-height: calc(16px * var(--lh));
  }
}

.init-card {
  background-color: var(--cards-background);
  border-radius: 12px;
  color: var(--main-text);
}
.init-card:hover {
  color: var(--main-text);
  text-decoration: none;
}
.init-card:hover .init-card__title {
  color: var(--primary-color);
}
.init-card:active .init-card__title {
  color: var(--primary-color-active);
}
.init-card .init-card__container .init-card__image {
  width: 100%;
  border-radius: 12px 12px 0 0;
  max-height: 237px;
  height: 100vh;
  object-fit: cover;
  object-position: center;
}
@media (max-width: 992px) {
  .init-card .init-card__container .init-card__image {
    max-height: 220px;
  }
}
@media (max-width: 768px) {
  .init-card .init-card__container .init-card__image {
    max-height: 189px;
  }
}
.init-card .init-card__container .init-card__title {
  padding: 0;
  font-weight: 500;
  font-size: calc(20px * var(--scale));
  line-height: calc(24px * var(--lh));
}
@media (max-width: 992px) {
  .init-card .init-card__container .init-card__title {
    font-size: calc(14px * var(--scale));
    line-height: calc(18px * var(--lh));
  }
}
.init-card .init-card__container .init-card__description {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 20px;
}
@media (max-width: 992px) {
  .init-card .init-card__container .init-card__description {
    padding: 16px;
  }
}
@media (max-width: 992px) {
  .init-card .init-card__container .init-card__description {
    gap: 16px;
  }
}
.init-card .init-card__container .init-card__description .init-card__content {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media (max-width: 992px) {
  .init-card .init-card__container .init-card__description .init-card__content {
    gap: 16px;
  }
}
.init-card
  .init-card__container
  .init-card__description
  .init-card__content
  .init-card__columns {
  display: grid;
  grid-template-columns: repeat(2, calc((100% - 12px) / 2));
  gap: 12px;
}
.init-card
  .init-card__container
  .init-card__description
  .init-card__content
  .init-card__columns:last-of-type {
  grid-template-columns: 100%;
}
.init-card
  .init-card__container
  .init-card__description
  .init-card__content
  .init-card__columns
  .init-card__row-detail {
  display: flex;
  align-items: center;
  gap: 16px;
}
@media (max-width: 992px) {
  .init-card
    .init-card__container
    .init-card__description
    .init-card__content
    .init-card__columns
    .init-card__row-detail {
    gap: 12px;
  }
}
.init-card
  .init-card__container
  .init-card__description
  .init-card__content
  .init-card__columns
  .init-card__row-detail
  .icon {
  font-size: 24px;
  color: var(--icons-color);
}
@media (max-width: 992px) {
  .init-card
    .init-card__container
    .init-card__description
    .init-card__content
    .init-card__columns
    .init-card__row-detail
    .icon {
    font-size: 16px;
  }
}
.init-card
  .init-card__container
  .init-card__description
  .init-card__content
  .init-card__columns
  .init-card__row-detail
  .init-card__row-desc {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: calc(100% - 40px);
}
@media (max-width: 992px) {
  .init-card
    .init-card__container
    .init-card__description
    .init-card__content
    .init-card__columns
    .init-card__row-detail
    .init-card__row-desc {
    gap: 4px;
    width: calc(100% - 28px);
  }
}
.init-card
  .init-card__container
  .init-card__description
  .init-card__content
  .init-card__columns
  .init-card__row-detail
  .init-card__row-desc
  .init-card__name {
  color: var(--tertiary-text);
  font-weight: 300;
  font-size: calc(14px * var(--scale));
  line-height: calc(18px * var(--lh));
}
@media (max-width: 992px) {
  .init-card
    .init-card__container
    .init-card__description
    .init-card__content
    .init-card__columns
    .init-card__row-detail
    .init-card__row-desc
    .init-card__name {
    font-size: calc(10px * var(--scale));
    line-height: calc(14px * var(--lh));
  }
}
.init-card
  .init-card__container
  .init-card__description
  .init-card__content
  .init-card__columns
  .init-card__row-detail
  .init-card__row-desc
  .init-card__text {
  font-weight: 400;
  font-size: calc(16px * var(--scale));
  line-height: calc(20px * var(--lh));
}
@media (max-width: 992px) {
  .init-card
    .init-card__container
    .init-card__description
    .init-card__content
    .init-card__columns
    .init-card__row-detail
    .init-card__row-desc
    .init-card__text {
    font-size: calc(12px * var(--scale));
    line-height: calc(16px * var(--lh));
  }
}
.init-card
  .init-card__container
  .init-card__description
  .init-card__content
  .init-card__columns
  .init-card__row {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.init-card
  .init-card__container
  .init-card__description
  .init-card__content
  .init-card__columns
  .init-card__row
  .init-card__name {
  color: var(--tertiary-text);
  font-weight: 300;
  font-size: calc(14px * var(--scale));
  line-height: calc(18px * var(--lh));
}
@media (max-width: 992px) {
  .init-card
    .init-card__container
    .init-card__description
    .init-card__content
    .init-card__columns
    .init-card__row
    .init-card__name {
    font-size: calc(10px * var(--scale));
    line-height: calc(14px * var(--lh));
  }
}
.init-card
  .init-card__container
  .init-card__description
  .init-card__content
  .init-card__columns
  .init-card__row
  .init-card__text {
  font-weight: 400;
  font-size: calc(16px * var(--scale));
  line-height: calc(20px * var(--lh));
}
@media (max-width: 992px) {
  .init-card
    .init-card__container
    .init-card__description
    .init-card__content
    .init-card__columns
    .init-card__row
    .init-card__text {
    font-size: calc(12px * var(--scale));
    line-height: calc(16px * var(--lh));
  }
}

.init-projects-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.init-projects-title .title {
  width: unset;
}
.init-projects-title button {
  margin: 16px 0px 24px;
}

.init-projects__map {
  width: 100%;
  height: 444px;
}
.init-projects__map iframe {
  height: 100%;
  border-radius: 8px;
}
@media (max-width: 992px) {
  .init-projects__map {
    height: 303px;
  }
}

.init-projects {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
}
.init-projects .init-projects__list {
  display: grid;
  grid-template-columns: repeat(3, calc((100% - 40px) / 3));
  gap: 20px;
  width: 100%;
}
@media (max-width: 992px) {
  .init-projects .init-projects__list {
    grid-template-columns: repeat(2, calc((100% - 8px) / 2));
    gap: 8px;
  }
}
@media (max-width: 768px) {
  .init-projects .init-projects__list {
    grid-template-columns: 100%;
  }
}

.init-project-detail .init-project-detail__container {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
}
@media (max-width: 992px) {
  .init-project-detail .init-project-detail__container {
    gap: 16px;
  }
}
.init-project-detail .init-project-detail__container .title {
  margin: 0;
}
.init-project-detail .init-project-detail__container .init-card {
  box-sizing: border-box;
  max-width: 1312px;
  width: 100%;
  padding: 20px;
}
@media (max-width: 992px) {
  .init-project-detail .init-project-detail__container .init-card {
    padding: 16px;
  }
}
.init-project-detail
  .init-project-detail__container
  .init-card
  .init-card__container {
  display: grid;
  grid-template-columns: repeat(2, calc((100% - 40px) / 2));
  gap: 40px;
  align-items: center;
}
@media (max-width: 992px) {
  .init-project-detail
    .init-project-detail__container
    .init-card
    .init-card__container {
    gap: 20px;
  }
}
@media (max-width: 768px) {
  .init-project-detail
    .init-project-detail__container
    .init-card
    .init-card__container {
    display: flex;
    flex-direction: column;
    gap: 16px;
  }
}
.init-project-detail
  .init-project-detail__container
  .init-card
  .init-card__container
  .init-card__description {
  display: flex;
  justify-content: center;
  padding: 0;
}
@media (max-width: 768px) {
  .init-project-detail
    .init-project-detail__container
    .init-card
    .init-card__container
    .init-card__description {
    align-self: flex-start;
  }
}
.init-project-detail
  .init-project-detail__container
  .init-card
  .init-card__container
  .init-card__description
  .init-card__content {
  gap: 40px;
}
@media (max-width: 992px) {
  .init-project-detail
    .init-project-detail__container
    .init-card
    .init-card__container
    .init-card__description
    .init-card__content {
    gap: 20px;
  }
}
.init-project-detail
  .init-project-detail__container
  .init-card
  .init-card__container
  .init-card__description
  .init-card__content
  .init-card__columns {
  gap: 20px;
}
@media (max-width: 550px) {
  .init-project-detail
    .init-project-detail__container
    .init-card
    .init-card__container
    .init-card__description
    .init-card__content
    .init-card__columns {
    display: flex;
    flex-direction: column;
  }
}
.init-project-detail
  .init-project-detail__container
  .init-card
  .init-card__container
  .init-card__image {
  max-width: 600px;
  border-radius: 12px;
  max-height: 322px;
  object-fit: cover;
  object-position: center;
}
@media (max-width: 992px) {
  .init-project-detail
    .init-project-detail__container
    .init-card
    .init-card__container
    .init-card__image {
    max-width: none;
    max-height: 174px;
  }
}
.init-project-detail
  .init-project-detail__container
  .init-card
  .init-card__container
  .init-project-detail__desc {
  font-weight: 300;
  font-size: calc(16px * var(--scale));
  line-height: calc(24px * var(--lh));
}
@media (max-width: 992px) {
  .init-project-detail
    .init-project-detail__container
    .init-card
    .init-card__container
    .init-project-detail__desc {
    font-size: calc(14px * var(--scale));
    line-height: calc(20px * var(--lh));
  }
}

.monuments-elem {
  margin-top: 24px;
}
@media (max-width: 992px) {
  .monuments-elem {
    margin-top: 8px;
  }
}

.monuments-elem__container {
  display: flex;
  gap: 40px;
  width: 100%;
  align-items: center;
}
@media (max-width: 992px) {
  .monuments-elem__container {
    gap: 20px;
  }
}
@media (max-width: 768px) {
  .monuments-elem__container {
    flex-direction: column;
    padding: 20px 0px;
  }
}

.monuments-elem__img {
  max-width: 360px;
  width: 100%;
  object-fit: cover;
  object-position: center;
  border-radius: 12px;
  height: 100%;
  max-height: 200px;
}
@media (max-width: 768px) {
  .monuments-elem__img {
    max-width: unset;
  }
}

.monuments-elem__info {
  display: flex;
  flex-direction: column;
  gap: 24px;
  width: 100%;
}
@media (max-width: 992px) {
  .monuments-elem__info {
    gap: 16px;
  }
}

.monuments-elem__descr {
  display: flex;
  justify-content: space-between;
  gap: 24px;
}
@media (max-width: 768px) {
  .monuments-elem__descr {
    flex-direction: column;
  }
}

.monuments-elem__descr div {
  width: 50%;
}
@media (max-width: 768px) {
  .monuments-elem__descr div {
    width: 100%;
  }
}

.monuments-elem__date {
  display: flex;
  align-items: center;
  gap: 8px;
}

.monuments-elem__addr,
.monuments-elem__author {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.monuments-elem span,
.monuments-elem__addr span,
.monuments-elem__author span {
  font-weight: 300;
  font-size: calc(14px * var(--scale));
  line-height: calc(18px * var(--lh));
}
@media (max-width: 992px) {
  .monuments-elem span,
  .monuments-elem__addr span,
  .monuments-elem__author span {
    font-size: calc(10px * var(--scale));
    line-height: calc(14px * var(--lh));
  }
}

.monuments-elem__date span:first-child,
.monuments-elem__addr span:first-child,
.monuments-elem__author span:first-child {
  color: var(--tertiary-text);
}

.monuments-elem__title span {
  font-weight: 600;
  font-weight: 500;
  font-size: calc(20px * var(--scale));
  line-height: calc(24px * var(--lh));
}
@media (max-width: 992px) {
  .monuments-elem__title span {
    font-size: calc(14px * var(--scale));
    line-height: calc(18px * var(--lh));
  }
}

.header-duma {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  position: relative;
  color: var(--main-text);
  background-color: var(--cards-background);
  /* border-bottom: 1px solid var(--light-grey);*/
}
.header-duma .header-duma__container {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 1440px;
  padding: 0 64px;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 992px) {
  .header-duma .header-duma__container {
    padding: 0 20px;
  }
}
.header-duma .header-duma__container .header__top-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 20px 0;
  gap: 20px;
}
.header-duma .header-duma__container .header__top-content .header__top-links {
  display: flex;
  gap: 40px;
}
.header-duma .header-duma__container .header__top-content .header__buttons {
  display: flex;
  gap: 21px;
}
@media (max-width: 992px) {
  .header-duma .header-duma__container .header__top-content .header__buttons {
    display: none;
  }
}
.header-duma
  .header-duma__container
  .header__top-content
  .header__buttons
  .header__eye-link {
  display: flex;
  align-items: center;
  text-decoration: none;
  background-image: url(/local/templates/surgut/./icons/eye-outlined_icon.svg);
  background-size: 18px;
  background-repeat: no-repeat;
  background-position: left;
}
.header-duma
  .header-duma__container
  .header__top-content
  .header__buttons
  .header__eye-link:hover {
  filter: invert(44%) sepia(59%) saturate(7476%) hue-rotate(210deg)
    brightness(89%) contrast(105%);
}
.header-duma
  .header-duma__container
  .header__top-content
  .header__buttons
  .header__eye-link
  .header__eye-link-title {
  margin-left: 28px;
  font-weight: 400;
  font-size: calc(14px * var(--scale));
  line-height: calc(18px * var(--lh));
}
@media (max-width: 992px) {
  .header-duma
    .header-duma__container
    .header__top-content
    .header__buttons
    .header__eye-link
    .header__eye-link-title {
    font-size: calc(10px * var(--scale));
    line-height: calc(14px * var(--lh));
  }
}
.header-duma .search-header-duma {
  max-width: 655px;
}
@media (max-width: 992px) {
  .header-duma .search-header-duma {
    display: none;
  }
}
.header-duma .header__bottom-content {
  display: flex;
  max-width: 1312px;
  width: 100%;
  padding: 10px 0 0;
  gap: 60px;
}
@media (max-width: 992px) {
  .header-duma .header__bottom-content {
    display: none;
  }
}

body.tmp-duma .header__link {
  padding-bottom: 20px;
  border-bottom: 1px solid transparent;
}
body.tmp-duma .header__link:hover {
  color: var(--main-text);
  border-color: var(--primary-color-green-hover);
}
body.tmp-duma .header__link:active {
  border-color: var(--primary-color-green-click);
}
body.tmp-duma .header__link_active {
  border-color: var(--primary-color-green-hover);
  color: inherit;
}
body.tmp-duma .header__link a:hover {
  color: inherit;
}

.header_links {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  margin: 0;
}
.admsurgut .header_links {
  justify-content: space-between;
}
@media (max-width: 992px) {
  .header_links {
    display: none;
  }
}
.header_links .header__link {
  text-decoration: none;
  color: var(--second-text);
  list-style: none;

  margin: 0;
  
  cursor: pointer;
  font-weight: 500;
  /*text-transform: uppercase;*/

  font-size: calc(14px * var(--scale));
  line-height: calc(18px * var(--lh));
}
@media (max-width: 992px) {
  .header_links .header__link {
    font-size: calc(12px * var(--scale));
    line-height: calc(14px * var(--lh));
  }
}
.header_links .header__link_active {
  color: var(--primary-color-active);
}
.header_links .header__link:hover {
  color: var(--primary-color);
}
.header_links .header__link span {
  font-weight: 400;
}
.header_links .header__link a {
  color: var(--second-text);
  font-weight: 500;
}
.header_links .header__link a:hover {
  text-decoration: none;
  color: var(--primary-color);
}

body.tmp-duma .header__socials {
  align-items: flex-start;
}

.header__socials {
  display: flex;
  gap: 12px;
  align-items: center;
}
.header__socials .header__social-icon {
  width: 20px;
  height: 20px;
  background-position: center;
  background-repeat: no-repeat;
}
.header__socials .vk_icon-duma {
  background-image: url(/local/templates/surgut/./icons/vk_duma-header.svg);
  background-color: var(--primary-color-green);
  border-radius: 4px;
  width: 24px;
  height: 24px;
}
.header__socials .vk_icon-duma:hover {
  background-color: var(--primary-color-green-hover);
}
.header__socials .vk_icon-duma:active {
  background-color: var(--primary-color-green-click);
}
.header__socials .tg_icon-duma {
  background-image: url(/local/templates/surgut/./icons/tg_icon.svg);
  background-color: var(--primary-color-green);
  background-size: 16px;
  border-radius: 4px;
  width: 24px;
  height: 24px;
}
.header__socials .tg_icon-duma:hover {
  background-color: var(--primary-color-green-hover);
}
.header__socials .tg_icon-duma:active {
  background-color: var(--primary-color-green-click);
}
.header__socials .ok_icon-duma {
  background-image: url(/local/templates/surgut/./icons/ok_duma-header.svg);
  background-color: var(--primary-color-green);
  border-radius: 4px;
  width: 24px;
  height: 24px;
}
.header__socials .ok_icon-duma:hover {
  background-color: var(--primary-color-green-hover);
}
.header__socials .ok_icon-duma:active {
  background-color: var(--primary-color-green-click);
}
.header__socials .vk_icon {
  background-image: url(/local/templates/surgut/./icons/vk_icon_default.svg);
}
.header__socials .vk_icon:hover {
  filter: invert(44%) sepia(59%) saturate(7476%) hue-rotate(210deg)
    brightness(89%) contrast(105%);
}
.header__socials .ok_icon {
  background-image: url(/local/templates/surgut/./icons/ok-header.svg);
}
.header__socials .ok_icon:hover {
  filter: invert(44%) sepia(59%) saturate(7476%) hue-rotate(210deg)
    brightness(89%) contrast(105%);
}
.header__socials .tg_icon {
  background-image: url(/local/templates/surgut/./icons/tg_icon_default.svg);
}
.header__socials .tg_icon:hover {
  filter: invert(44%) sepia(59%) saturate(7476%) hue-rotate(210deg)
    brightness(89%) contrast(105%);
}

.header__main-links {
  display: flex;
  gap: 14px;
  text-decoration: none;
  color: var(--main-text);
}
.header__main-links:hover {
  text-decoration: none;
}
.header__main-links:hover {
  color: var(--primary-color);
}
.header__main-links .header__logo {
  max-width: 48px;
  width: 48px;
}
.header__main-links .header__main-links__block {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 4px;
}
.header__main-links .header__main-links__block .header__title {
  font-weight: 500;
 
  font-size: calc(15px * var(--scale));
  line-height: calc(16px * var(--lh));
}
@media (max-width: 992px) {
  .header__main-links .header__main-links__block .header__title {
    font-size: calc(14px * var(--scale));
    line-height: calc(14px * var(--lh));
  }
}
.header__main-links .header__main-links__block .header__main-link {
  text-decoration: none;
  font-size: 12px;
  line-height: 14px;
}

body.tmp-duma
  .mobile-menu
  .menu
  .menu__container
  .menu__socials
  .header__social-icon,
body.tmp-duma .mobile-menu .menu .menu__container .menu__socials .button__eye {
  background-color: var(--primary-color-green);
}

.mobile-menu {
  position: fixed;
  top: 0;
  right: -100%;

  display: none;
  background-color: rgba(0, 0, 0, 0.5);
  height: 100%;
  width: 100%;
  z-index: 10;
  opacity: 0;
  transition: opacity 0.3s linear;
  will-change: opacity;
}
.mobile-menu_active {
  opacity: 1;
  right: 0;
  display: flex;
}
.mobile-menu .menu {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  right: -100%;
  z-index: 100;
  transition: 0.4s ease-in-out;
  opacity: 1;
  overflow-y: auto;
  scrollbar-width: none;
  max-width: 440px;
  width: 100%;
}
.mobile-menu .menu_active {
  right: 0;
  display: flex;
}
.mobile-menu .menu .menu__container {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 24px;
  width: 100%;
}
.mobile-menu .menu .menu__container .search-header-mobile {
  margin: 36px 0 40px;
}
.mobile-menu .menu .menu__container .menu__buttons {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.mobile-menu .menu .menu__container .menu__list {
  list-style: none;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 24px;
  font-weight: 400;
  font-size: calc(24px * var(--scale));
  line-height: calc(28px * var(--lh));
}
@media (max-width: 992px) {
  .mobile-menu .menu .menu__container .menu__list {
    font-size: calc(16px * var(--scale));
    line-height: calc(20px * var(--lh));
  }
}
.mobile-menu .menu .menu__container .menu__list .menu__item {
  text-decoration: none;
  color: var(--main-text);
}
.mobile-menu .menu .menu__container .menu__bot {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.mobile-menu .menu .menu__container .menu__bot .button__login {
  width: 100%;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
}
.mobile-menu .menu .menu__container .menu__socials {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 24px;
}
.mobile-menu .menu .menu__container .menu__socials .vk_icon-mobile {
  background-image: url(/local/templates/surgut/./icons/vk_duma-header.svg);
}
.mobile-menu .menu .menu__container .menu__socials .ok_icon-mobile {
  background-image: url(/local/templates/surgut/./icons/ok_duma-header.svg);
}
.mobile-menu .menu .menu__container .menu__socials .tg_icon-mobile {
  background-image: url(/local/templates/surgut/./icons/tg_icon.svg);
}
.mobile-menu .menu .menu__container .menu__socials .header__social-icon {
  width: 40px;
  height: 40px;
  background-color: var(--primary-color);
  border-radius: 4px;
  background-size: 30px;
  object-fit: cover;
  object-position: center;
}
.mobile-menu .menu .menu__container .menu__socials .button__eye {
  background-color: var(--primary-color);
  color: var(--content-color);
  box-sizing: border-box;
  padding: 6px;
  border-radius: 4px;
}
.mobile-menu .menu .menu__container .menu__socials .button__eye .icon {
  font-size: 26px;
  border-radius: 4px;
}

.overlay_mobile-menu {
  overflow: hidden;
}

.question-fields {
  display: flex;
  flex-direction: row;
  gap: 20px;
}
@media (max-width: 768px) {
  .question-fields {
    flex-direction: column;
  }
}
.question-fields .field {
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: calc(50% - 6px);
  font-weight: 300;
  font-size: calc(20px * var(--scale));
  line-height: calc(28px * var(--lh));
}
@media (max-width: 992px) {
  .question-fields .field {
    font-size: calc(16px * var(--scale));
    line-height: calc(24px * var(--lh));
  }
}
@media (max-width: 768px) {
  .question-fields .field {
    width: 100%;
    gap: 8px;
  }
}
.question-fields .field .label {
  color: var(--tertiary-text);
  font-weight: 300;
  font-size: calc(16px * var(--scale));
  line-height: calc(20px * var(--lh));
}
@media (max-width: 992px) {
  .question-fields .field .label {
    font-size: calc(12px * var(--scale));
    line-height: calc(16px * var(--lh));
  }
}

.solution-head {
  padding: 8px 0;
  font-weight: 400;
  font-size: calc(16px * var(--scale));
  line-height: calc(20px * var(--lh));
}
@media (max-width: 992px) {
  .solution-head {
    font-size: calc(12px * var(--scale));
    line-height: calc(16px * var(--lh));
  }
}

.solution-fields {
  padding: 16px 0;
  display: flex;
  flex-direction: row;
  gap: 24px;
}
@media (max-width: 768px) {
  .solution-fields {
    flex-direction: column;
    gap: 24px;
  }
}
.solution-fields .field {
  margin: auto;
  font-weight: 400;
  font-size: calc(20px * var(--scale));
  line-height: calc(24px * var(--lh));
}
@media (max-width: 992px) {
  .solution-fields .field {
    font-size: calc(14px * var(--scale));
    line-height: calc(18px * var(--lh));
  }
}
@media (max-width: 992px) {
  .solution-fields .field {
    margin: 0;
  }
}
.solution-fields .field:first-child {
  margin-left: 0px;
}
.solution-fields .field .label {
  color: var(--tertiary-text);
  margin-bottom: 12px;
  font-weight: 300;
  font-size: calc(16px * var(--scale));
  line-height: calc(20px * var(--lh));
}
@media (max-width: 992px) {
  .solution-fields .field .label {
    font-size: calc(12px * var(--scale));
    line-height: calc(16px * var(--lh));
  }
}
@media (max-width: 992px) {
  .solution-fields .field .label {
    margin-bottom: 8px;
  }
}

.board-card {
  border-radius: 12px;
  background-color: var(--cards-background);
}
.board-card:hover {
  text-decoration: none;
}
.board-card .board-card__container {
  display: flex;
  gap: 40px;
  padding: 20px;
}
@media (max-width: 992px) {
  .board-card .board-card__container {
    padding: 16px;
  }
}
@media (max-width: 992px) {
  .board-card .board-card__container {
    gap: 20px;
  }
}
@media (max-width: 768px) {
  .board-card .board-card__container {
    flex-direction: column;
    align-items: center;
  }
}
.board-card .board-card__container .board-card__image {
  border-radius: 12px;
  max-width: 200px;
  width: 100%;
  max-height: 236px;
  object-fit: cover;
  object-position: center;
}
@media (max-width: 992px) {
  .board-card .board-card__container .board-card__image {
    max-width: 110px;
    max-height: 132px;
  }
}
@media (max-width: 768px) {
  .board-card .board-card__container .board-card__image {
    max-width: 296px;
    max-height: 340px;
  }
}
.board-card .board-card__container .board-card__desc {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media (max-width: 992px) {
  .board-card .board-card__container .board-card__desc {
    gap: 8px;
  }
}
.board-card .board-card__container .board-card__desc .board-card__date {
  color: var(--second-text);
  font-weight: 300;
  font-size: calc(16px * var(--scale));
  line-height: calc(20px * var(--lh));
}
@media (max-width: 992px) {
  .board-card .board-card__container .board-card__desc .board-card__date {
    font-size: calc(12px * var(--scale));
    line-height: calc(16px * var(--lh));
  }
}
.board-card .board-card__container .board-card__desc .board-card__about {
  color: var(--main-text);
  margin: 0;
  font-weight: 400;
  font-size: calc(24px * var(--scale));
  line-height: calc(28px * var(--lh));
}
@media (max-width: 992px) {
  .board-card .board-card__container .board-card__desc .board-card__about {
    font-size: calc(16px * var(--scale));
    line-height: calc(20px * var(--lh));
  }
}

.board-card:hover .board-card__desc .board-card__about {
  color: var(--primary-color-hover);
}

.board-card:active .board-card__desc .board-card__about {
  color: var(--primary-color-active);
}

.board-list .board-list__container {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media (max-width: 992px) {
  .board-list .board-list__container {
    gap: 8px;
  }
}

.honor-board__pagination {
  display: flex;
}
@media (max-width: 992px) {
  .honor-board__pagination {
    justify-content: center;
  }
}

.citizen-card {
  background-color: var(--cards-background);
  border-radius: 12px;
}
.citizen-card .citizen-card__desc {
  display: flex;
  gap: 40px;
  padding: 20px;
  position: relative;
}
@media (max-width: 992px) {
  .citizen-card .citizen-card__desc {
    gap: 20px;
  }
}
@media (max-width: 768px) {
  .citizen-card .citizen-card__desc {
    flex-direction: column;
  }
}
.citizen-card .citizen-card__desc .citizen-card__image {
  max-width: 180px;
  width: 100%;
  height: 264px;
  border-radius: 12px;
  object-fit: cover;
  object-position: center;
}
@media (max-width: 992px) {
  .citizen-card .citizen-card__desc .citizen-card__image {
    max-width: 109px;
    height: 160px;
  }
}
@media (max-width: 768px) {
  .citizen-card .citizen-card__desc .citizen-card__image {
    max-width: 81px;
    height: 120px;
  }
}
.citizen-card .citizen-card__desc .citizen-card__name-block_mobile {
  display: none;
}
@media (max-width: 768px) {
  .citizen-card .citizen-card__desc .citizen-card__name-block_mobile {
    display: flex;
    flex-direction: column;
    gap: 16px;
    position: absolute;
    top: 29px;
    left: 121px;
  }
}
.citizen-card
  .citizen-card__desc
  .citizen-card__name-block_mobile
  .citizen-card__name {
  font-weight: 500;
  font-size: calc(20px * var(--scale));
  line-height: calc(24px * var(--lh));
}
@media (max-width: 992px) {
  .citizen-card
    .citizen-card__desc
    .citizen-card__name-block_mobile
    .citizen-card__name {
    font-size: calc(14px * var(--scale));
    line-height: calc(18px * var(--lh));
  }
}
.citizen-card
  .citizen-card__desc
  .citizen-card__name-block_mobile
  .citizen-card__dates {
  font-weight: 500;
  font-size: calc(20px * var(--scale));
  line-height: calc(24px * var(--lh));
}
@media (max-width: 992px) {
  .citizen-card
    .citizen-card__desc
    .citizen-card__name-block_mobile
    .citizen-card__dates {
    font-size: calc(14px * var(--scale));
    line-height: calc(18px * var(--lh));
  }
}
.citizen-card .citizen-card__desc .citizen-card__content {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: calc(100% - 220px);
}
@media (max-width: 992px) {
  .citizen-card .citizen-card__desc .citizen-card__content {
    width: calc(100% - 129px);
  }
}
@media (max-width: 768px) {
  .citizen-card .citizen-card__desc .citizen-card__content {
    width: 100%;
  }
}
.citizen-card
  .citizen-card__desc
  .citizen-card__content
  .citizen-card__name-block {
  display: flex;
  gap: 16px;
}
@media (max-width: 768px) {
  .citizen-card
    .citizen-card__desc
    .citizen-card__content
    .citizen-card__name-block {
    display: none;
  }
}
.citizen-card
  .citizen-card__desc
  .citizen-card__content
  .citizen-card__name-block
  .citizen-card__name {
  font-weight: 500;
  font-size: calc(20px * var(--scale));
  line-height: calc(24px * var(--lh));
}
@media (max-width: 992px) {
  .citizen-card
    .citizen-card__desc
    .citizen-card__content
    .citizen-card__name-block
    .citizen-card__name {
    font-size: calc(14px * var(--scale));
    line-height: calc(18px * var(--lh));
  }
}
.citizen-card
  .citizen-card__desc
  .citizen-card__content
  .citizen-card__name-block
  .citizen-card__dates {
  font-weight: 500;
  font-size: calc(20px * var(--scale));
  line-height: calc(24px * var(--lh));
}
@media (max-width: 992px) {
  .citizen-card
    .citizen-card__desc
    .citizen-card__content
    .citizen-card__name-block
    .citizen-card__dates {
    font-size: calc(14px * var(--scale));
    line-height: calc(18px * var(--lh));
  }
}
.citizen-card .citizen-card__desc .citizen-card__content .citizen-card__about {
  margin: 0;
  font-weight: 300;
  font-size: calc(16px * var(--scale));
  line-height: calc(24px * var(--lh));
}
@media (max-width: 992px) {
  .citizen-card
    .citizen-card__desc
    .citizen-card__content
    .citizen-card__about {
    font-size: calc(14px * var(--scale));
    line-height: calc(20px * var(--lh));
  }
}

.citizens-list .citizens-list__container .citizens-list__desc {
  margin-bottom: 24px;
}
.citizens-list .citizens-list__container .citizens-list__cards {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
@media (max-width: 992px) {
  .citizens-list .citizens-list__container .citizens-list__cards {
    gap: 24px;
  }
}
@media (max-width: 768px) {
  .citizens-list .citizens-list__container .citizens-list__cards {
    gap: 8px;
  }
}

.chronicle {
  display: flex;
  justify-content: space-between;
}
.chronicle .chronicle__container {
  display: flex;
  gap: 24px;
  width: 100%;
  min-height: 332px;
}
@media (max-width: 992px) {
  .chronicle .chronicle__container {
    min-height: unset;
  }
}
.chronicle .chronicle__container .chronicle__list {
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: 100%;
  position: relative;
}
.chronicle .chronicle__container .chronicle__list .chronicle__slider {
  display: flex;
  justify-content: center;
}
@media (max-width: 992px) {
  .chronicle .chronicle__container .chronicle__calendar {
    display: none;
  }
}

.dm-calendar__btn {
  display: none;
  margin-bottom: 24px;
}
@media (max-width: 992px) {
  .dm-calendar__btn {
    display: flex;
  }
}
@media (max-width: 768px) {
  .dm-calendar__btn {
    display: none;
  }
}
@media (max-width: 992px) {
  .dm-calendar__btn .dm-calendar__button {
    width: 100%;
    justify-content: center;
    flex-direction: row-reverse;
    padding: 11px 0;
  }
  .dm-calendar__btn .dm-calendar__button .button_span {
    font-size: 16px;
    line-height: 20px;
  }
}

.dm-filter__btn {
  display: none;
  margin-bottom: 24px;
}
@media (max-width: 768px) {
  .dm-filter__btn {
    display: flex;
  }
}
.dm-filter__btn .dm-filter__button {
  padding: 11px 0;
}
.dm-filter__btn .dm-filter__button .button_span {
  font-size: 16px;
  line-height: 20px;
}
@media (max-width: 768px) {
  .dm-filter__btn .dm-filter__button {
    width: 100%;
    justify-content: center;
  }
}

body.tmp-duma .calendar-dm {
  background-color: var(--cards-background);
}
body.tmp-duma .calendar-dm:focus-visible {
  outline: 3px solid orange;
  outline-offset: -3px;
}
body.tmp-duma .calendar-dm .calendar-day_selected-first,
body.tmp-duma .calendar-dm .calendar-day_selected-last {
  background-color: var(--primary-color-green);
}
body.tmp-duma .calendar-dm .calendar-day_selected-first:hover,
body.tmp-duma .calendar-dm .calendar-day_selected-last:hover {
  background-color: var(--event-color-hover);
}
body.tmp-duma
  .calendar-dm
  .calendar-day_hover-intermediate.calendar-day_hover-first,
body.tmp-duma
  .calendar-dm
  .calendar-day_hover-intermediate.calendar-day_hover-last {
  background-color: var(--primary-color-green);
}
body.tmp-duma .calendar-dm .calendar-day__btn_today::after {
  content: "";
  position: absolute;
  top: 3px;
  right: 5px;
  width: 5px;
  height: 5px;
  background-color: var(--primary-color-green);
  border-radius: 50%;
}
body.tmp-duma .calendar-dm .vanilla-calendar-arrow_prev::before,
body.tmp-duma .calendar-dm .vanilla-calendar-arrow_next::before {
  filter: invert(52%) sepia(86%) saturate(412%) hue-rotate(10deg)
    brightness(87%) contrast(92%);
}

.calendar-dm {
  background-color: var(--content-color);
  z-index: 1;
}
.calendar-dm .vanilla-calendar-header {
  margin-bottom: 20px;
}
.calendar-dm .vanilla-calendar-header .vanilla-calendar-arrow_prev::before {
  background-image: url(/local/templates/surgut/./icons/arrow-left_icon.svg);
  transform: rotate(0);
}
.calendar-dm .vanilla-calendar-header .vanilla-calendar-arrow_next::before {
  background-image: url(/local/templates/surgut/./icons/arrow-left_icon.svg);
  transform: rotate(180deg);
}

.calendar-dm.vanilla-calendar.vanilla-calendar_default {
  align-self: center;
}
@media (max-width: 550px) {
  .calendar-dm.vanilla-calendar.vanilla-calendar_default {
    padding: 5px;
  }
}

.vanilla-calendar-day {
  border: 1px solid transparent;
  box-sizing: border-box;
}
.vanilla-calendar-day:hover {
  background-color: var(--event-color);
  border: 1px solid var(--event-color-hover);
  border-radius: 4px;
}

.calendar-day_selected-first,
.calendar-day_selected-last {
  background-color: var(--primary-color);
  border-radius: 4px;
}
.calendar-day_selected-first:hover,
.calendar-day_selected-last:hover {
  background-color: var(--primary-color-hover);
}
.calendar-day_selected-first .calendar-day__btn,
.calendar-day_selected-last .calendar-day__btn {
  color: var(--content-color);
}

.calendar-day_selected-intermediate {
  color: var(--main-text);
  background-color: var(--event-color);
}
.calendar-day_selected-intermediate:hover {
  border-color: transparent;
}

.calendar-day__btn {
  border: 1px solid transparent;
  background: transparent;
  padding: 7px 14px;
  box-sizing: border-box;
  cursor: pointer;
}
@media (max-width: 388px) {
  .calendar-day__btn {
    padding: 5px 8px;
  }
}
@media (max-width: 330px) {
  .calendar-day__btn {
    padding: 3px 5px;
  }
}

.calendar-day__btn_hover {
  background-color: transparent;
}

.calendar-day_hover-intermediate.calendar-day_hover-first,
.calendar-day_hover-intermediate.calendar-day_hover-last {
  background-color: var(--primary-color);
  color: var(--content-color);
  border-radius: 4px;
}
.calendar-day_hover-intermediate.calendar-day_hover-first .calendar-day__btn,
.calendar-day_hover-intermediate.calendar-day_hover-last .calendar-day__btn {
  color: var(--content-color);
}

.calendar-day_hover-intermediate {
  background-color: var(--event-color);
}

.calendar-day__btn_today::after {
  content: "";
  position: absolute;
  top: 3px;
  right: 5px;
  width: 5px;
  height: 5px;
  background-color: var(--primary-color);
  border-radius: 50%;
}

.calendar-day {
  padding: 4px;
}

.dm-comitet-elem__img {
  max-width: 80px;
  width: 100%;
  object-fit: cover;
  object-position: top;
  border-radius: 12px;
  height: 100%;
  max-height: 80px;
}

.dm-comitet-elem {
  display: flex;
  flex-direction: column;
  max-width: 310px;
  width: 100%;
  background-color: var(--grey-adm);
  border-radius: 12px;
  padding: 20px;
  gap: 12px;
  text-decoration: none;
}
.dm-comitet-elem:hover {
  text-decoration: none;
}
@media (max-width: 992px) {
  .dm-comitet-elem {
    max-width: 237px;
  }
}
@media (max-width: 550px) {
  .dm-comitet-elem {
    max-width: none;
  }
}

.dm-comitet-elem:hover {
  background-color: var(--services-hover);
}

.dm-comitet-elem:active {
  background-color: var(--services-active);
}

.dm-comitet-elem__container {
  display: flex;
  gap: 16px;
  align-items: center;
  width: 100%;  
}
@media (max-width: 992px) {
  .dm-comitet-elem__container {
    padding: 16px;
  }
}

.dm-comitet-elem__info {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
@media (max-width: 768px) {
  .dm-comitet-elem__info {
    gap: 8px;
  }
}

.dm-comitet-elem__info-surname {
  font-weight: 400;
  font-size: calc(18px * var(--scale));
  line-height: calc(22px * var(--lh));
}
@media (max-width: 992px) {
  .dm-comitet-elem__info-surname {
    font-size: calc(14px * var(--scale));
    line-height: calc(18px * var(--lh));
  }
}

.dm-comitet-elem__info-surname span {
  color: var(--main-text);
  text-decoration: none;
  font-weight: 400;
}

.dm-comitet-elem__info-name {
  font-weight: 300;
  font-size: calc(14px * var(--scale));
  line-height: calc(18px * var(--lh));
}
@media (max-width: 992px) {
  .dm-comitet-elem__info-name {
    font-size: calc(10px * var(--scale));
    line-height: calc(14px * var(--lh));
  }
}

.dm-comitet-elem__info-name span {
  color: var(--tertiary-text);
}



.dm-comitet__title {
  font-weight: 500;
  font-size: calc(20px * var(--scale));
  line-height: calc(24px * var(--lh));
}
@media (max-width: 992px) {
  .dm-comitet__title {
    font-size: calc(14px * var(--scale));
    line-height: calc(18px * var(--lh));
  }
}

.dm-comitet__content {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
@media (max-width: 768px) {
  .dm-comitet__content {
    gap: 24px;
  }
}

.dm-comitet__elems {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 24px;
  margin-top: 24px;
}
@media (max-width: 768px) {
  .dm-comitet__elems {
    margin-top: 16px;
    gap: 8px;
  }
}

.dm-comitet__info {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 48px 0 0;
}
@media (max-width: 768px) {
  .dm-comitet__info {
    padding: 24px 0;
  }
}

.dm-comitet__info li {
  font-weight: 300;
  font-size: calc(20px * var(--scale));
  line-height: calc(28px * var(--lh));
}
@media (max-width: 992px) {
  .dm-comitet__info li {
    font-size: calc(16px * var(--scale));
    line-height: calc(24px * var(--lh));
  }
}

.dm-applications {
  display: flex;
  flex-direction: column;
}
.dm-applications .dm-applications__container {
  display: flex;
  flex-direction: column;
  max-width: 978px;
  width: 100%;
}
.dm-applications
  .dm-applications__container
  .dm-applications__list
  .dm-applications__item {
  font-weight: 300;
  font-size: calc(16px * var(--scale));
  line-height: calc(24px * var(--lh));
}
@media (max-width: 992px) {
  .dm-applications
    .dm-applications__container
    .dm-applications__list
    .dm-applications__item {
    font-size: calc(14px * var(--scale));
    line-height: calc(20px * var(--lh));
  }
}
.dm-applications
  .dm-applications__container
  .dm-applications__form
  .dm-applications__title {
  font-weight: 500;
  font-size: calc(24px * var(--scale));
  line-height: calc(28px * var(--lh));
}
@media (max-width: 992px) {
  .dm-applications
    .dm-applications__container
    .dm-applications__form
    .dm-applications__title {
    font-size: calc(16px * var(--scale));
    line-height: calc(20px * var(--lh));
  }
}
.dm-applications
  .dm-applications__container
  .dm-applications__form
  .dm-applications__get-answer {
  margin-top: 18px;
}
.dm-applications .dm-applications__container .dm-applications__buttons {
  display: flex;
  flex-direction: column;
  margin-top: 32px;
}
.dm-applications
  .dm-applications__container
  .dm-applications__buttons
  .dm-applications__agreement {
  display: flex;
  align-items: center;
  gap: 20px;
  margin: 48px 0 48px;
  font-weight: 300;
  font-size: calc(16px * var(--scale));
  line-height: calc(24px * var(--lh));
}
@media (max-width: 992px) {
  .dm-applications
    .dm-applications__container
    .dm-applications__buttons
    .dm-applications__agreement {
    font-size: calc(14px * var(--scale));
    line-height: calc(20px * var(--lh));
  }
}
.dm-applications
  .dm-applications__container
  .dm-applications__buttons
  .dm-applications__agreement
  .dm-applications__span {
  font-weight: 600;
}
.dm-applications
  .dm-applications__container
  .dm-applications__buttons
  .dm-applications__agreement
  .dm-applications__link {
  text-decoration: underline;
  color: var(--main-text);
  font-weight: 300;
}

.dm-applications__divider {
  width: 100%;
  border: 1px solid var(--fourth-text-inverse);
  margin-top: 34px;
}

body.tmp-duma
  .files-list
  .files-list__document
  .files-list__document-description
  .files-list__icon {
  color: var(--primary-color-green);
}

.files-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.files-list .files-list__document {
  display: flex;
  align-items: center;
  gap: 11px;
  cursor: pointer;
}
.files-list .files-list__document .files-list__document-description {
  display: flex;
  align-items: center;
  gap: 12px;
  border-radius: 8px;
  background-color: var(--cards-background);
  width: 100%;
  padding: 20px;
}
@media (max-width: 992px) {
  .files-list .files-list__document .files-list__document-description {
    padding: 16px;
  }
}
.files-list
  .files-list__document
  .files-list__document-description
  .files-list__icon {
  color: var(--primary-color);
  font-size: 20px;
}
.files-list
  .files-list__document
  .files-list__document-description
  .files-list__document-title {
  width: calc(100% - 32px);
  font-weight: 400;
  font-size: calc(16px * var(--scale));
  line-height: calc(20px * var(--lh));
}
@media (max-width: 992px) {
  .files-list
    .files-list__document
    .files-list__document-description
    .files-list__document-title {
    font-size: calc(12px * var(--scale));
    line-height: calc(16px * var(--lh));
  }
}

.files-list__delete-button {
  all: unset;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  font-size: 20px;
  border: 1px solid transparent;
  background-color: var(--cards-background);
  border-radius: 50%;
  cursor: pointer;
}
.files-list__delete-button:hover {
  border: 1px solid transparent;
  background-color: var(--cards-background);
  color: var(--primary-color);
}

.dm-struct-card {
  display: flex;
  background-color: var(--content-color);
  max-width: 584px;
  width: 100%;
  border-radius: 4px;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  max-width: 50%;
}
.dm-struct-card:hover {
  text-decoration: none;
}
@media (max-width: 768px) {
  .dm-struct-card {
    max-width: unset;
  }
}

.dm-struct-card:hover span {
  color: var(--primary-color-hover);
}

.dm-struct-card:active span {
  color: var(--primary-color-active);
}

.dm-struct-card__container {
  padding: 24px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.dm-struct-card__container span {
  color: var(--second-text);
  font-weight: 400;
  font-size: calc(16px * var(--scale));
  line-height: calc(20px * var(--lh));
}
@media (max-width: 992px) {
  .dm-struct-card__container span {
    font-size: calc(12px * var(--scale));
    line-height: calc(16px * var(--lh));
  }
}

.dm-struct__main {
  display: flex;
  flex-direction: column;
  width: 100%;
  align-items: center;
  justify-content: center;
  background-color: var(--grey-adm);
  border-radius: 20px;
}

.dm-struct__main-container {
  padding: 60px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
}
@media (max-width: 992px) {
  .dm-struct__main-container {
    padding: 20px;
    gap: 8px;
  }
}

.dm-struct__main-first,
.dm-struct__main-second,
.dm-struct__main-third,
.dm-struct__main-fourth {
  display: flex;
  justify-content: center;
  width: 100%;
  gap: 24px;
}

.dm-struct__main-second {
  display: flex;
  position: relative;
  padding-top: 24px;
  box-sizing: border-box;
}
.dm-struct__main-second::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 1px;
  background: repeating-linear-gradient(
    to right,
    var(--primary-color-green),
    var(--primary-color-green) 60px,
    transparent 60px,
    transparent 80px
  );
}
@media (max-width: 992px) {
  .dm-struct__main-second {
    gap: 8px;
    padding-top: 12px;
  }
}
@media (max-width: 768px) {
  .dm-struct__main-second {
    display: grid;
    grid-template-columns: 1fr;
  }
}

.dm-struct__main-third {
  display: flex;
  position: relative;
  padding: 24px 0px;
}
.dm-struct__main-third::before,
.dm-struct__main-third::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 1px;
  background: repeating-linear-gradient(
    to right,
    var(--primary-color-green),
    var(--primary-color-green) 60px,
    transparent 60px,
    transparent 80px
  );
}
.dm-struct__main-third::before {
  top: 0;
}
.dm-struct__main-third::after {
  bottom: 0;
}
@media (max-width: 992px) {
  .dm-struct__main-third {
    display: grid;
    grid-template-columns: 1fr 1fr;
    padding: 12px 0px;
    gap: 8px;
  }
  .dm-struct__main-third .dm-struct-card {
    max-width: unset;
  }
}
@media (max-width: 768px) {
  .dm-struct__main-third {
    grid-template-columns: 1fr;
  }
}

.dm-struct__bottom {
  padding-top: 48px;
}
@media (max-width: 992px) {
  .dm-struct__bottom {
    padding-top: 24px;
  }
}

.dm-struct__bottom p,
.dm-struct__bottom a,
.dm-struct__bottom span {
  color: var(--main-text);
  font-weight: 300;
  font-size: calc(16px * var(--scale));
  line-height: calc(24px * var(--lh));
}
@media (max-width: 992px) {
  .dm-struct__bottom p,
  .dm-struct__bottom a,
  .dm-struct__bottom span {
    font-size: calc(14px * var(--scale));
    line-height: calc(20px * var(--lh));
  }
}

@media (max-width: 992px) {
  .dm-struct__bottom ul {
    margin-left: 28px;
  }
}

.dm-struct__bottom a {
  text-decoration: none;
  color: var(--primary-color);
  font-weight: 500;
}

.dm-struct__bottom a:hover {
  color: var(--primary-color-hover);
  border-bottom: 1px solid var(--primary-color-hover);
}

.dm-struct__bottom a:active {
  color: var(--primary-color-active);
  border-bottom: 1px solid var(--primary-color-active);
}

.dm-struct__text {
  color: var(--second-text);
  font-weight: 300;
  font-size: calc(16px * var(--scale));
  line-height: calc(24px * var(--lh));
}
@media (max-width: 992px) {
  .dm-struct__text {
    font-size: calc(14px * var(--scale));
    line-height: calc(20px * var(--lh));
  }
}

.dm-struct__com-content {
  margin: 16px 0 16px;
}

.dm-scheme .dm-struct__main-third {
  padding-bottom: 0px;
}
.dm-scheme .dm-struct__main-third::after {
  height: 0px;
}

.dm-deputies-alphabet {
  padding-top: 20px;
}
@media (max-width: 992px) {
  .dm-deputies-alphabet {
    padding-top: 24px;
  }
}

.dm-deputies-alphabet__row {
  display: flex;
  gap: 180px;
  align-items: center;
}
@media (max-width: 992px) {
  .dm-deputies-alphabet__row {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
  }
}

.dm-deputies-alphabet__content {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 24px;
}

.dm-deputies-alphabet__list {
  width: 100%;
  display: flex;
  gap: 24px;
  flex-wrap: wrap;
}
@media (max-width: 992px) {
  .dm-deputies-alphabet__list {
    gap: 8px;
  }
}

.dm-deputies-alphabet__letter {
  align-self: start;
  min-width: 60px;
}

.dm-deputies-alphabet__letter span {
  font-size: 64px;
  color: var(--main-text);
  font-weight: 500;
}
@media (max-width: 992px) {
  .dm-deputies-alphabet__letter span {
    font-weight: 600 !important;
    font-weight: 500;
    font-size: calc(32px * var(--scale));
    line-height: calc(38px * var(--lh));
  }
  .dm-deputies-alphabet__letter span ::before {
    content: "На букву ";
  }
}
@media (max-width: 992px) and (max-width: 992px) {
  .dm-deputies-alphabet__letter span {
    font-size: calc(16px * var(--scale));
    line-height: calc(20px * var(--lh));
  }
}

.dm-deputies__search .search {
  max-width: unset;
}

.dm-deputies-comitets {
  padding-top: 20px;
}
@media (max-width: 992px) {
  .dm-deputies-comitets {
    padding-top: 24px;
  }
}

.dm-deputies-comitets__block {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media (max-width: 992px) {
  .dm-deputies-comitets__block {
    gap: 16px;
  }
}

.dm-deputies-comitets__content {
  display: flex;
  flex-direction: column;
  gap: 48px;
}
@media (max-width: 992px) {
  .dm-deputies-comitets__content {
    gap: 24px;
  }
}

.dm-deputies-comitets__name span {
  color: var(--main-text);
  font-weight: 400;
  font-size: calc(20px * var(--scale));
  line-height: calc(24px * var(--lh));
}
@media (max-width: 992px) {
  .dm-deputies-comitets__name span {
    font-size: calc(14px * var(--scale));
    line-height: calc(18px * var(--lh));
  }
}

.dm-deputies-comitets__list {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
}
@media (max-width: 992px) {
  .dm-deputies-comitets__list {
    gap: 8px;
  }
}

.dm-deputies__title-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 12px 0 16px;
  gap: 8px;
}
@media (max-width: 768px) {
  .dm-deputies__title-container {
    flex-direction: column;
  }
}
.dm-deputies__title-container .title {
  margin: 0;
}

.dm-deputies__title-container .button {
  width: 100%;
  max-width: 265px;
  box-sizing: border-box;
  justify-content: center;
}
@media (max-width: 768px) {
  .dm-deputies__title-container .button {
    max-width: 205px;
  }
}

.dm-deputies__title-container .button span {
  font-weight: 600;
}

.dm-finance-elem {
  width: 100%;
  border-radius: 8px;
  background-color: var(--grey-adm);
}

.dm-finance-elem__container {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 20px;
}
@media (max-width: 992px) {
  .dm-finance-elem__container {
    padding: 16px;
  }
}
@media (max-width: 992px) {
  .dm-finance-elem__container {
    gap: 16px;
  }
  .dm-finance-elem__container .button {
    width: 100%;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
  }
}

.dm-finance-elem__top span {
  color: var(--second-text);
  font-weight: 500;
  font-weight: 400;
  font-size: calc(20px * var(--scale));
  line-height: calc(24px * var(--lh));
}
@media (max-width: 992px) {
  .dm-finance-elem__top span {
    font-size: calc(14px * var(--scale));
    line-height: calc(18px * var(--lh));
  }
}

.dm-finance-elem__bot {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 992px) {
  .dm-finance-elem__bot {
    gap: 16px;
    align-items: flex-start;
    flex-direction: column;
  }
}

.dm-finance-elem__bot-left {
  display: flex;
  align-items: center;
  gap: 24px;
}
@media (max-width: 768px) {
  .dm-finance-elem__bot-left {
    align-items: flex-start;
    gap: 16px;
    flex-direction: column-reverse;
  }
}

.dm-finance-elem__bot-left span {
  color: var(--second-text);
  font-weight: 400;
  font-size: calc(20px * var(--scale));
  line-height: calc(24px * var(--lh));
}
@media (max-width: 992px) {
  .dm-finance-elem__bot-left span {
    font-size: calc(14px * var(--scale));
    line-height: calc(18px * var(--lh));
  }
}

.dm-finance hr {
  margin: 8px 0;
  border-color: var(--second-text);
  opacity: 0.2;
}

.dm-finance-elem__status {
  display: flex;
  align-items: center;
  gap: 5px;
}

.dm-finance-elem__doc a {
  border-bottom: 1px solid var(--second-text);
  color: var(--second-text);
  font-weight: 300;
  font-size: calc(16px * var(--scale));
  line-height: calc(24px * var(--lh));
}
@media (max-width: 992px) {
  .dm-finance-elem__doc a {
    font-size: calc(14px * var(--scale));
    line-height: calc(20px * var(--lh));
  }
}
.dm-finance-elem__doc a:hover {
  text-decoration: none;
}

.dm-finance__content {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.dm-finance__quote {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 8px 0px;
}

.dm-finance__quote span:first-child {
  padding: 0px 16px;
  color: var(--second-text);
  font-weight: 300;
  font-size: calc(20px * var(--scale));
  line-height: calc(28px * var(--lh));
}
@media (max-width: 992px) {
  .dm-finance__quote span:first-child {
    font-size: calc(16px * var(--scale));
    line-height: calc(24px * var(--lh));
  }
}

.dm-finance__quote span:nth-child(2) {
  color: var(--tertiary-text);
  font-weight: 300;
  font-size: calc(16px * var(--scale));
  line-height: calc(20px * var(--lh));
}
@media (max-width: 992px) {
  .dm-finance__quote span:nth-child(2) {
    font-size: calc(12px * var(--scale));
    line-height: calc(16px * var(--lh));
  }
}

.dm-finance__docs {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.dm-finance__docs span {
  font-weight: 400;
  font-size: calc(16px * var(--scale));
  line-height: calc(20px * var(--lh));
}
@media (max-width: 992px) {
  .dm-finance__docs span {
    font-size: calc(12px * var(--scale));
    line-height: calc(16px * var(--lh));
  }
}

.dm-finance__list {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding-bottom: 16px;
}
@media (max-width: 992px) {
  .dm-finance__list {
    gap: 8px;
  }
}

.dm-mail__contacts {
  width: 100%;
  border-radius: 8px;
  background-color: var(--grey-adm);
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 24px;
  box-sizing: border-box;
  padding: 20px;
}
@media (max-width: 992px) {
  .dm-mail__contacts {
    padding: 16px;
  }
}
@media (max-width: 992px) {
  .dm-mail__contacts {
    flex-direction: column;
  }
}

.dm-mail__top .links-list {
  margin-top: 16px;
}
@media (max-width: 992px) {
  .dm-mail__top .links-list {
    margin-top: 8px;
  }
}

.dm-mail__top .links-list-item {
  margin-bottom: 0;
}

.dm-mail__phone,
.dm-mail__mail,
.dm-mail__addr {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media (max-width: 992px) {
  .dm-mail__phone,
  .dm-mail__mail,
  .dm-mail__addr {
    gap: 8px;
  }
}

.dm-mail__phone span,
.dm-mail__mail span,
.dm-mail__addr span {
  color: var(--second-text);
  font-weight: 300;
  font-size: calc(16px * var(--scale));
  line-height: calc(24px * var(--lh));
}
@media (max-width: 992px) {
  .dm-mail__phone span,
  .dm-mail__mail span,
  .dm-mail__addr span {
    font-size: calc(14px * var(--scale));
    line-height: calc(20px * var(--lh));
  }
}

.dm-mail__phone span:first-child,
.dm-mail__mail span:first-child,
.dm-mail__addr span:first-child,
.dm-mail__descr {
  color: var(--tertiary-text);
  font-weight: 300;
  font-size: calc(16px * var(--scale));
  line-height: calc(20px * var(--lh));
}
@media (max-width: 992px) {
  .dm-mail__phone span:first-child,
  .dm-mail__mail span:first-child,
  .dm-mail__addr span:first-child,
  .dm-mail__descr {
    font-size: calc(12px * var(--scale));
    line-height: calc(16px * var(--lh));
  }
}

.dm-mail__map {
  width: 100%;
  height: 738px;
}
.dm-mail__map iframe {
  height: 100%;
  border-radius: 8px;
}
@media (max-width: 992px) {
  .dm-mail__map {
    height: 410px;
  }
}
@media (max-width: 768px) {
  .dm-mail__map {
    height: 200px;
  }
}

.dm-mail__content {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.dm-mail__bot {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.dm-mail__bot-title span {
  color: var(--main-text);
  font-weight: 400;
  font-size: calc(20px * var(--scale));
  line-height: calc(24px * var(--lh));
}
@media (max-width: 992px) {
  .dm-mail__bot-title span {
    font-size: calc(14px * var(--scale));
    line-height: calc(18px * var(--lh));
  }
}

.dm-mail__bot-list li {
  color: var(--second-text);
  font-weight: 300;
  font-size: calc(16px * var(--scale));
  line-height: calc(24px * var(--lh));
}
@media (max-width: 992px) {
  .dm-mail__bot-list li {
    font-size: calc(14px * var(--scale));
    line-height: calc(20px * var(--lh));
  }
}
@media (max-width: 992px) {
  .dm-mail__bot-list li {
    margin-left: 28px;
  }
}

@media (max-width: 992px) {
  .dm-mail__bot-list ul {
    margin-left: 0;
  }
}

.dm-mail hr {
  margin: 0;
}

.header-visibility {
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  background-color: var(--cards-background);
  display: none;
  max-width: 100vw;
}

.header-duma .header-visibility {
  position: relative;
  display: none;
  width: 100%;
  left: unset;
  right: unset;
  margin-left: unset;
  margin-right: unset;
}

.visibility .dm-archive .dm-archive__container .dm-archive__list .hearing-item {
  max-height: 700px;
}

body.dark-theme.visibility .vanilla-calendar-header__content button,
body.blue-theme.visibility .vanilla-calendar-header__content button {
  color: var(--primary-color) !important;
}

body.dark-theme.visibility .calendar-day__btn,
body.blue-theme.visibility .calendar-day__btn {
  color: var(--primary-color);
}

body.dark-theme.visibility .vanilla-calendar-day__btn_prev,
body.blue-theme.visibility .vanilla-calendar-day__btn_prev {
  color: #94a3b8;
}

.visibility .event .event__container .event__location .event__place {
  max-width: 200px;
}

.header-visibility.active {
  display: block;
}

.header-visibility-container {
  margin: 0 auto;
  box-sizing: border-box;
  max-width: 1440px;
  padding: 20px 65px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 992px) {
  .header-visibility-container {
    padding: 16px 20px;
  }
}

.header-visibility-elems {
  display: flex;
  align-items: center;
  width: 80%;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 20px;
}

.header-visibility-elem {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 14px !important;
  letter-spacing: 0 !important;
  color: var(--main-text);
  font-weight: 400;
}

.header-visibility-elem span {
  font-weight: 300;
  font-size: calc(16px * var(--scale));
  line-height: calc(24px * var(--lh));
}
@media (max-width: 992px) {
  .header-visibility-elem span {
    font-size: calc(14px * var(--scale));
    line-height: calc(20px * var(--lh));
  }
}

.header-visibility-close {
  cursor: pointer;
}

.header-visibility-close ion-icon {
  font-size: 28px;
  color: var(--primary-color);
}

.header-visibility-elem-right {
  display: flex;
  align-items: center;
  gap: 10px;
}

.header-visibility-elem-right span {
  cursor: pointer;
}

.header-visibility-elem-right span,
.header-visibility-elem-left span {
  letter-spacing: 0em;
  line-height: 1.2;
}

.active-param {
  position: relative;
}

.active-param::after {
  content: "";
  position: absolute;
  bottom: -10px;
  left: 50%;
  transform: translateX(-50%);
  width: 6px;
  height: 6px;
  background-color: var(--primary-color);
  border-radius: 50%;
}

.font-size-1 {
  font-size: 14px !important;
}

.font-size-15 {
  font-size: 18px !important;
}

.font-size-2 {
  font-size: 22px !important;
}

.letter-spacing-0 {
  border-left: 1px solid var(--main-text);
  border-right: 1px solid var(--main-text);
  padding: 0px 1px;
}

.letter-spacing-6 {
  border-left: 1px solid var(--main-text);
  border-right: 1px solid var(--main-text);
  padding: 0px 3px;
}

.letter-spacing-12 {
  border-left: 1px solid var(--main-text);
  border-right: 1px solid var(--main-text);
  padding: 0px 6px;
}

.line-height-12 {
  border-bottom: 1px solid var(--main-text);
  border-top: 1px solid var(--main-text);
}

.line-height-15 {
  border-bottom: 1px solid var(--main-text);
  border-top: 1px solid var(--main-text);
  padding: 2px 0px;
}

.line-height-2 {
  border-bottom: 1px solid var(--main-text);
  border-top: 1px solid var(--main-text);
  padding: 4px 0px;
}

.theme-light {
  padding: 4px 8px;
  background-color: white;
  color: black;
  border-radius: 4px;
  box-sizing: border-box;
  border: 1px solid black;
  text-decoration: underline;
  text-underline-offset: 2px;
  padding-bottom: 8px;
  cursor: pointer;
}

.theme-dark {
  border-radius: 4px;
  padding: 4px 8px;
  padding-bottom: 8px;
  box-sizing: border-box;
  background-color: black;
  color: white;
  border: none;
  border: 1px solid black;
  text-decoration: underline;
  text-underline-offset: 2px;
  cursor: pointer;
}

.theme-blue {
  padding: 4px 8px;
  background-color: #b2d9ff;
  color: black;
  border-radius: 4px;
  box-sizing: border-box;
  border: 1px solid #b2d9ff;
  text-decoration: underline;
  text-underline-offset: 2px;
  padding-bottom: 8px;
  cursor: pointer;
}

.header-visibility__top-content {
  padding: 7px 65px;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  display: none;
}
@media (max-width: 992px) {
  .header-visibility__top-content {
    display: none !important;
  }
}

.header-visibility__top-links {
  display: flex;
  gap: 80px;
}

.header-visibility__middle-content {
  display: none;
  align-items: center;
  justify-content: space-between;
  padding: 20px 64px;
  gap: 24px;
}

.header-visibility__bottom-content {
  padding: 7px 65px;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  display: none;
}

.header-visibility__bottom-content .header_links {
  flex-wrap: wrap;
  justify-content: flex-start;
}

.visibility .header-visibility__top-content,
.visibility .header-visibility__middle-content,
.visibility .header-visibility__bottom-content {
  display: flex;
}
@media (max-width: 992px) {
  .visibility .header-visibility__top-content,
  .visibility .header-visibility__middle-content,
  .visibility .header-visibility__bottom-content {
    padding: 16px 20px;
  }
}

.visibility .header__top-content,
.visibility .header__bottom-content {
  display: none;
}

.visibility .header__social-icon {
  width: 40px;
  height: 40px;
  background-size: 40px 40px;
}

.visibility .header-services__container {
  background-color: var(--content-color);
  flex-wrap: wrap;
  align-items: stretch;
}

.visibility .full-width-background {
  background-color: var(--content-color) !important;
}

.visibility .header-services__button {
  flex-direction: column-reverse;
  max-width: 310px;
  width: 100%;
  height: 160px;
  align-items: center;
  justify-content: center;
  text-align: center;
  border-radius: 12px;
  box-sizing: border-box;
}

.visibility .header-services__button ion-icon {
  color: var(--icons-color) !important;
}

.visibility .header-services__button:not(:hover) {
  background-color: var(--content-color) !important;
}

.dark-theme .header-services__button:hover {
  border: 1px solid var(--main-text);
}

.visibility .main-services {
  background-color: var(--content-color) !important;
}

.visibility .main-services__search {
  flex-direction: column !important;
  display: flex !important;
}

.visibility .important-links__container {
  grid-template-columns: repeat(2, 48%);
}

.visibility .main-project-card {
  height: unset !important;
}

.visibility .main-help-city__content {
  overflow-x: scroll;
}

.visibility .main-help-city__content::-webkit-scrollbar {
  width: 0;
}

.visibility .news .news__container {
  flex-direction: column;
}

.visibility .news-card-without-image,
.visibility .news-card-with-image {
  width: 100%;
  max-width: unset;
}

.visibility .important-links__container {
  grid-template-columns: 1fr;
}

.visibility .usefull-links__container {
  grid-template-columns: repeat(3, 1fr);
}

.visibility .main-events .main-events__container .main-events__news {
  grid-template-columns: repeat(3, 1fr);
}

.visibility
  .main-services
  .main-services__container
  .main-services__buttons
  .main-services__buttons-container {
  flex-direction: column;
}

.visibility .people-care-card__title {
  overflow: hidden;
}

.visibility .people-care .people-care__container .slick-slide {
  height: unset !important;
}

.visibility .people-care-card {
  max-height: unset !important;
}

.visibility .slick-track {
  display: flex;
}

.visibility .people-care-card .people-care-card__icon {
  max-height: unset !important;
}

.visibility .main-project-card__info {
  width: 100%;
}

.visibility .calendar__link-content {
  min-width: unset !important;
}

.visibility .calendar .calendar__links .calendar__link-content .calendar__link {
  max-width: unset !important;
  height: unset !important;
  min-width: 70px;
}

.visibility .footer__contacts {
  flex-direction: column;
  align-items: flex-end;
  gap: 0px;
}
@media (max-width: 768px) {
  .visibility .footer__contacts {
    align-items: flex-start;
  }
}

@media (max-width: 992px) {
  .visibility .services__buttons-container {
    flex-direction: column;
  }
}

@media (max-width: 992px) {
  .visibility .services__search {
    display: flex !important;
    flex-direction: column !important;
  }
}

@media (max-width: 992px) {
  .visibility .filters {
    flex-direction: column;
    align-items: flex-start;
  }
}

.visibility .news-main-card__tags {
  flex-wrap: wrap;
}

.visibility .help-city .help-city__content {
  max-height: 720px;
}

.dark-theme .footer,
.blue-theme .footer {
  color: var(--primary-color);
  background-color: var(--content-color);
}

.dark-theme .input {
  background-color: var(--content-color);
  color: var(--main-text);
}

.dark-theme .search__button {
  background-color: var(--primary-color);
  border: 1px solid transparent;
}

.dark-theme .footer__address,
.dark-theme .footer__email,
.dark-theme .footer__main-links,
.dark-theme .footer__categorie-title,
.blue-theme .footer__address,
.blue-theme .footer__email,
.blue-theme .footer__main-links,
.blue-theme .footer__categorie-title {
  color: var(--primary-color) !important;
}

.dark-theme .news-card-without-image__container {
  border: 1px solid var(--main-text);
  padding: 20px;
  border-radius: 12px;
}

.dark-theme .news-card-with-image__content .button,
.dark-theme .main-services__buttons-container .button,
.dark-theme .important-links__container a,
.dark-theme .usefull-link {
  background-color: transparent;
  border: 1px solid var(--main-text);
}

.dark-theme .header__link:hover,
.dark-theme .header__main-links:hover {
  color: unset;
}

.dark-theme .news-top-link,
.blue-theme .news-top-link {
  border: 1px solid var(--main-text);
}

.dark-theme .news-top-card__content {
  color: var(--main-text);
}

.dark-theme .news-main-card:hover,
.blue-theme .news-main-card:hover {
  color: var(--main-text);
}

.dark-theme .button:hover,
.blue-theme .button:hover {
  background-color: var(--primary-color);
  border: 1px solid var(--primary-color);
}

.dark-theme .navigation .navigation__link:hover,
.blue-theme .navigation .navigation__link:hover {
  color: var(--primary-color);
}

.dark-theme .slider .slider__link:hover,
.blue-theme .slider .slider__link:hover {
  color: var(--primary-color);
}

.dark-theme .tabs .tabs__container .tab-button_active {
  color: unset;
  border-bottom: 2px solid var(--main-text);
}

.dark-theme .main-news-card:hover {
  color: unset;
}

.dark-theme .main-title .main-title__container .main-title__link {
  color: var(--main-text);
}

.dark-theme
  .main-news-card
  .main-news-card__container
  .main-news-card__image-block
  .main-news-card__tags
  .news-card__tag {
  background-color: var(--main-text);
  color: var(--content-color);
  border: none;
}

.dark-theme .select {
  color: var(--main-text);
}

.dark-theme
  .people-care-card
  .people-care-card__container
  .people-care-card__title {
  color: var(--main-text);
}

.dark-theme .main-project-card__dates .button,
.dark-theme .main-project-card__dates .main-project-card__date {
  border: 1px solid var(--main-text);
  background-color: var(--content-color);
  margin: 0 !important;
}

.dark-theme .main-project-card__dates .button,
.blue-theme .main-project-card__dates .button {
  color: var(--main-text);
}

.dark-theme .important-links .important-links__container .important-link:hover {
  color: unset;
}

.dark-theme .main-project-card {
  border: 1px solid var(--main-text);
}

.dark-theme .navigation .navigation__link-next,
.dark-theme .navigation .navigation__link-prev {
  color: var(--main-text);
}

.dark-theme .footer__categorie-link:hover,
.blue-theme .footer__categorie-link:hover {
  color: var(--primary-color) !important;
}

.dark-theme
  .mobile-menu
  .menu
  .menu__container
  .menu__socials
  .header__social-icon {
  background-color: var(--content-color);
}

.blue-theme .input {
  background-color: var(--content-color);
  color: var(--main-text);
  border: 1px solid var(--main-text);
}

.blue-theme .search__button {
  background-color: var(--primary-color);
  border: 1px solid var(--main-text);
  color: var(--content-color);
}

.blue-theme
  .news-card-with-image
  .news-card-with-image__container
  .news-card-with-image__content {
  color: var(--content-color);
}

.blue-theme
  .footer
  .footer__header
  .footer__header-links
  .footer__main-links:hover {
  color: var(--primary-color) !important;
}

.blue-theme .news-card-without-image__container {
  border: 1px solid var(--main-text);
  padding: 20px;
  border-radius: 12px;
}

.blue-theme .news-card-with-image__content .button,
.dark-theme .main-services__buttons-container .button,
.dark-theme .important-links__container a,
.dark-theme .usefull-link {
  background-color: transparent;
  border: 1px solid var(--primary-color);
}

.blue-theme .news-card-with-image__content .button {
  color: var(--content-color);
}

.blue-theme
  .news-card-without-image
  .news-card-without-image__container
  .news-card-without-image__date {
  color: var(--main-text);
}

.blue-theme .header__link:hover,
.dark-theme .header__main-links:hover {
  color: unset;
}

.blue-theme .tabs .tabs__container .tab-button_active {
  color: unset;
  border-bottom: 2px solid var(--main-text);
}

.blue-theme .main-news-card:hover {
  color: unset;
}

.blue-theme .main-title .main-title__container .main-title__link {
  color: var(--main-text);
}

.blue-theme
  .main-news-card
  .main-news-card__container
  .main-news-card__image-block
  .main-news-card__tags
  .news-card__tag {
  background-color: var(--main-text);
  color: var(--content-color);
  border: none;
}

.blue-theme
  .calendar
  .calendar__links
  .calendar__link-content
  .calendar__link_clicked {
  border: 1.5px solid var(--main-text);
  color: var(--main-text);
  background-color: var(--content-color);
}

.blue-theme .calendar .calendar__links .calendar__link-content .calendar__icon {
  background-color: var(--main-text);
}

.blue-theme .select {
  color: var(--main-text);
}

.blue-theme
  .people-care-card
  .people-care-card__container
  .people-care-card__title {
  color: var(--main-text);
}

.blue-theme .main-project-card__dates .button,
.dark-theme .main-project-card__dates .main-project-card__date {
  border: 1px solid var(--main-text);
  background-color: var(--content-color);
  margin: 0 !important;
}

.blue-theme .important-link,
.blue-theme .usefull-link {
  border: 1px solid var(--main-text);
}

.blue-theme .important-links .important-links__container .important-link:hover {
  color: unset;
}

.blue-theme .main-project-card {
  border: 1px solid var(--main-text);
}

.blue-theme .navigation .navigation__link-next,
.dark-theme .navigation .navigation__link-prev {
  color: var(--main-text);
}

.visibility .input,
.visibility .select {
  line-height: unset !important;
  font-weight: 300;
  font-size: calc(14px * var(--scale));
  line-height: calc(20px * var(--lh));
}
@media (max-width: 992px) {
  .visibility .input,
  .visibility .select {
    font-size: calc(14px * var(--scale));
    line-height: calc(20px * var(--lh));
  }
}

.visibility .select {
  font-weight: 300;
  font-size: calc(14px * var(--scale)) !important;
  line-height: calc(20px * var(--lh)) !important;
}
@media (max-width: 992px) {
  .visibility .select {
    max-width: unset !important;
    font-size: calc(14px * var(--scale)) !important;
    line-height: calc(20px * var(--lh)) !important;
  }
}

@media (max-width: 992px) {
  .visibility .filters_container {
    max-width: unset !important;
  }
}

.visibility .tabs .tabs__container {
  flex-wrap: wrap;
}

.visibility
  .main-news-card
  .main-news-card__container
  .main-news-card__image-block
  .main-news-card__tags {
  flex-wrap: wrap;
}

.visibility .news .news__container .news__list {
  max-width: unset;
}

.visibility .search .search__button {
  height: unset;
}

.visibility .search .search__button .icon {
  font-size: calc(24px * var(--scale));
}

.dm-unions__content {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.dm-unions-elem__img {
  max-width: 164px;
  width: 164px;
  object-fit: cover;
  object-position: center;
  border-radius: 12px;
  height: 194px;
  max-height: 194px;
}
@media (max-width: 768px) {
  .dm-unions-elem__img {
    max-width: 82px;
    max-height: 108px;
  }
}

.dm-unions-elem {
  display: flex;
  width: 100%;
  background-color: var(--grey-adm);
  border-radius: 12px;
  text-decoration: none;
  color: var(--second-text);
}
.dm-unions-elem:hover {
  text-decoration: none;
  color: var(--main-text);
  background-color: var(--services-hover);
}
.dm-unions-elem:active {
  background-color: var(--services-active);
}

.dm-unions-elem__container {
  display: flex;
  gap: 24px;
  align-items: center;
  width: 100%;
  padding: 20px;
}
@media (max-width: 992px) {
  .dm-unions-elem__container {
    padding: 16px;
  }
}

.dm-unions-elem__right {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 40px;
}
@media (max-width: 768px) {
  .dm-unions-elem__right {
    gap: 24px;
  }
}

.dm-unions-elem__top {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
@media (max-width: 992px) {
  .dm-unions-elem__top {
    gap: 4px;
  }
}

.dm-unions-elem__bot {
  display: flex;
  gap: 40px;
  align-items: center;
}

.dm-unions-elem__info-name span {
  font-weight: 500;
  font-weight: 400;
  font-size: calc(24px * var(--scale));
  line-height: calc(28px * var(--lh));
}
@media (max-width: 992px) {
  .dm-unions-elem__info-name span {
    font-size: calc(16px * var(--scale));
    line-height: calc(20px * var(--lh));
  }
}

.dm-unions-elem__info-descr span {
  font-weight: 300;
  font-size: calc(16px * var(--scale));
  line-height: calc(20px * var(--lh));
}
@media (max-width: 992px) {
  .dm-unions-elem__info-descr span {
    font-size: calc(12px * var(--scale));
    line-height: calc(16px * var(--lh));
  }
}

.dm-unions-elem__bot span {
  font-weight: 300;
  font-size: calc(14px * var(--scale));
  line-height: calc(18px * var(--lh));
}
@media (max-width: 992px) {
  .dm-unions-elem__bot span {
    font-size: calc(10px * var(--scale));
    line-height: calc(14px * var(--lh));
  }
}

.dm-unions-elem__info-currency,
.dm-unions-elem__info-head {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
@media (max-width: 768px) {
  .dm-unions-elem__info-currency,
  .dm-unions-elem__info-head {
    gap: 4px;
  }
}

.dm-unions-elem__info-currency span:first-child,
.dm-unions-elem__info-head span:first-child {
  color: var(--tertiary-text);
}

.dm-meeting-elem {
  width: 100%;
  border-radius: 12px;
  background-color: var(--grey-adm);
}

.dm-meeting-elem__container {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 20px;
}
@media (max-width: 992px) {
  .dm-meeting-elem__container {
    padding: 16px;
  }
}
@media (max-width: 992px) {
  .dm-meeting-elem__container {
    gap: 16px;
  }
  .dm-meeting-elem__container .button {
    width: 100%;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
  }
}

.dm-meeting-elem__top {
  display: flex;
  gap: 5px;
  align-items: flex-start;
}

.dm-meeting-elem__mid {
  display: flex;
  align-items: center;
  gap: 24px;
}
@media (max-width: 768px) {
  .dm-meeting-elem__mid {
    flex-direction: column;
    align-items: flex-start;
  }
}

.dm-meeting-elem__prepare,
.dm-meeting-elem__speaker {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
@media (max-width: 768px) {
  .dm-meeting-elem__prepare,
  .dm-meeting-elem__speaker {
    gap: 8px;
  }
}

.dm-meeting-elem__prepare span,
.dm-meeting-elem__speaker span {
  color: var(--second-text);
  font-weight: 400 !important;
  font-weight: 300;
  font-size: calc(16px * var(--scale));
  line-height: calc(24px * var(--lh));
}
@media (max-width: 992px) {
  .dm-meeting-elem__prepare span,
  .dm-meeting-elem__speaker span {
    font-size: calc(14px * var(--scale));
    line-height: calc(20px * var(--lh));
  }
}

.dm-meeting-elem__prepare span:first-child,
.dm-meeting-elem__speaker span:first-child {
  color: var(--tertiary-text);
  font-weight: 400 !important;
  font-weight: 300;
  font-size: calc(16px * var(--scale));
  line-height: calc(20px * var(--lh));
}
@media (max-width: 992px) {
  .dm-meeting-elem__prepare span:first-child,
  .dm-meeting-elem__speaker span:first-child {
    font-size: calc(12px * var(--scale));
    line-height: calc(16px * var(--lh));
  }
}

.dm-meeting-elem__bot {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 992px) {
  .dm-meeting-elem__bot {
    align-items: flex-start;
    gap: 16px;
    flex-direction: column;
  }
}

.dm-meeting-elem__bot-left {
  display: flex;
  align-items: center;
  gap: 24px;
}
@media (max-width: 768px) {
  .dm-meeting-elem__bot-left {
    align-items: flex-start;
    gap: 20px;
    flex-direction: column-reverse;
  }
}

.dm-meeting-elem__bot-left span {
  color: var(--second-text);
  font-weight: 400;
  font-size: calc(20px * var(--scale));
  line-height: calc(24px * var(--lh));
}
@media (max-width: 992px) {
  .dm-meeting-elem__bot-left span {
    font-size: calc(14px * var(--scale));
    line-height: calc(18px * var(--lh));
  }
}

.dm-meeting-elem__container hr {
  margin: 0;
  border-color: var(--second-text);
  opacity: 0.2;
}
@media (max-width: 768px) {
  .dm-meeting-elem__container hr {
    display: none;
  }
}

.dm-meeting-elem__num span {
  color: var(--tertiary-text);
  font-weight: 500;
  font-weight: 400;
  font-size: calc(20px * var(--scale));
  line-height: calc(24px * var(--lh));
}
@media (max-width: 992px) {
  .dm-meeting-elem__num span {
    font-size: calc(14px * var(--scale));
    line-height: calc(18px * var(--lh));
  }
}

.dm-meeting-elem__name span {
  color: var(--second-text);
  font-weight: 500;
  font-weight: 400;
  font-size: calc(20px * var(--scale));
  line-height: calc(24px * var(--lh));
}
@media (max-width: 992px) {
  .dm-meeting-elem__name span {
    font-size: calc(14px * var(--scale));
    line-height: calc(18px * var(--lh));
  }
}

.dm-meeting-elem__decision {
  display: flex;
  gap: 5px;
}

.dm-meeting-elem__doc a {
  border-bottom: 1px solid var(--second-text);
  color: var(--second-text);
  font-weight: 300;
  font-size: calc(16px * var(--scale));
  line-height: calc(24px * var(--lh));
}
@media (max-width: 992px) {
  .dm-meeting-elem__doc a {
    font-size: calc(14px * var(--scale));
    line-height: calc(20px * var(--lh));
  }
}
.dm-meeting-elem__doc a:hover {
  text-decoration: none;
}

.dm-meeting__list {
  padding-top: 32px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.dm-meeting__info {
  display: flex;
  justify-content: space-between;
  gap: 32px;
}
@media (max-width: 992px) {
  .dm-meeting__info {
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
  }
}

.dm-meeting__addr,
.dm-meeting__date,
.dm-meeting__part,
.dm-meeting__accept {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
@media (max-width: 992px) {
  .dm-meeting__addr,
  .dm-meeting__date,
  .dm-meeting__part,
  .dm-meeting__accept {
    gap: 8px;
  }
}

.dm-meeting__addr span,
.dm-meeting__date span,
.dm-meeting__part span,
.dm-meeting__accept span {
  color: var(--second-text);
  font-weight: 300;
  font-size: calc(20px * var(--scale));
  line-height: calc(28px * var(--lh));
}
@media (max-width: 992px) {
  .dm-meeting__addr span,
  .dm-meeting__date span,
  .dm-meeting__part span,
  .dm-meeting__accept span {
    font-size: calc(16px * var(--scale));
    line-height: calc(24px * var(--lh));
  }
}

.dm-meeting__addr span:first-child,
.dm-meeting__date span:first-child,
.dm-meeting__part span:first-child,
.dm-meeting__accept span:first-child {
  color: var(--tertiary-text);
  font-weight: 300;
  font-size: calc(16px * var(--scale));
  line-height: calc(20px * var(--lh));
}
@media (max-width: 992px) {
  .dm-meeting__addr span:first-child,
  .dm-meeting__date span:first-child,
  .dm-meeting__part span:first-child,
  .dm-meeting__accept span:first-child {
    font-size: calc(12px * var(--scale));
    line-height: calc(16px * var(--lh));
  }
}

.dm-meeting__decision {
  gap: 32px;
  display: flex;
  align-items: center;
}
@media (max-width: 992px) {
  .dm-meeting__decision {
    gap: 24px;
  }
}

.dm-meeting__right {
  display: flex;
  gap: 32px;
  align-items: center;
}
@media (max-width: 992px) {
  .dm-meeting__right {
    flex-direction: column;
    gap: 24px;
  }
}
@media (max-width: 768px) {
  .dm-meeting__right {
    flex-direction: column;
    align-items: flex-start;
  }
}

.dm-meeting__right-info {
  display: flex;
  gap: 32px;
}
@media (max-width: 768px) {
  .dm-meeting__right-info {
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
  }
}

.dm-meeting-elem__bot-info {
  display: flex;
  align-items: center;
  gap: 24px;
}
@media (max-width: 768px) {
  .dm-meeting-elem__bot-info {
    gap: 12px;
  }
}

.dm-meeting__title {
  padding-bottom: 24px;
}

.dm-meeting__title span {
  color: var(--tertiary-text);
  font-weight: 400;
  font-size: calc(16px * var(--scale));
  line-height: calc(20px * var(--lh));
}
@media (max-width: 992px) {
  .dm-meeting__title span {
    font-size: calc(12px * var(--scale));
    line-height: calc(16px * var(--lh));
  }
}

.filters {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 24px;
  gap: 12px;
}
@media (max-width: 768px) {
  .filters {
    flex-direction: column;
    align-items: flex-start;
  }
}
.filters .filters_container {
  display: flex;
  max-width: 620px;
  width: 100%;
  gap: 12px;
}
@media (max-width: 992px) {
  .filters .filters_container {
    max-width: 462px;
  }
}
@media (max-width: 768px) {
  .filters .filters_container {
    display: grid;
    grid-template-columns: 45% 53%;
    grid-template-rows: auto auto;
  }
}
.filters .filters_container .filters__select {
  padding: 13px 34px 13px 16px;
  border-radius: 6px;
  background-size: 16px;
  font-size: 12px;
  line-height: 16px;
  background-position: 94%;
  max-width: 221px;
  width: 100%;
}
.filters .filters_container .filters__select:last-of-type {
  grid-column: span 2;
}
@media (max-width: 992px) {
  .filters .filters_container .filters__select {
    border-radius: 4px;
    padding: 7px 20px 7px 12px;
  }
}
.filters
  .select2-container
  .select2-selection--single
  .select2-selection__rendered {
  padding: 11px 34px 11px 16px !important;
  box-sizing: border-box;
}
.filters .select2-container--default .select2-selection--single {
  border-radius: 4px !important;
}
.filters .select2-selection__arrow {
  right: 16px !important;
}
.filters .select2-container--open .select2-dropdown--below {
  border-radius: 6px;
}
.filters .select2-results__option {
  padding: 13px 16px !important;
}

.projects-detail
  .full-width-container
  .full-width-content
  .event-card
  .event-card__container
  .event-card__description {
  margin-top: 0;
}

.projects-detail__container {
  display: flex;
  flex-direction: column;
  gap: 32px;
  max-width: 978px;
  width: 100%;
  margin: 32px 0 0;
}
.projects-detail__container .projects-detail__about {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.projects-detail__container .projects-detail__about .projects-detail__title {
  padding: 0;
  font-weight: 500;
  font-size: calc(24px * var(--scale));
  line-height: calc(28px * var(--lh));
}
@media (max-width: 992px) {
  .projects-detail__container .projects-detail__about .projects-detail__title {
    font-size: calc(16px * var(--scale));
    line-height: calc(20px * var(--lh));
  }
}
.projects-detail__container .projects-detail__about .projects-detail__desc {
  margin: 0;
  font-weight: 300;
  font-size: calc(16px * var(--scale));
  line-height: calc(24px * var(--lh));
}
@media (max-width: 992px) {
  .projects-detail__container .projects-detail__about .projects-detail__desc {
    font-size: calc(14px * var(--scale));
    line-height: calc(20px * var(--lh));
  }
}

body.tmp-duma .button-popup__content {
  top: 20px;
  left: -117px;
}
@media (max-width: 992px) {
  body.tmp-duma .button-popup__content {
    left: -152px;
  }
}

.button_share:hover ~ .button-popup__content {
  display: flex;
}

.button-popup__content {
  display: none;
  position: absolute;
  top: 43px;
  left: -60%;
  z-index: 1;
}
.button-popup__content:hover {
  display: flex;
}

.button-popup {
  display: flex;
  max-width: 367px;
  background-color: var(--content-color);
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.08);
  margin-top: 20px;
}
.button-popup .button-popup__container {
  display: flex;
  align-items: center;
  gap: 20px;
  padding: 20px;
}
.button-popup .button-popup__container .header__socials {
  gap: 20px;
}
.button-popup .button-popup__container .header__socials .header__social-icon {
  width: 32px;
  height: 32px;
  background-size: 32px;
}

.button-popup::before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  border-top: 12px solid transparent;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-bottom: 12px solid var(--content-color);
  left: 50%;
  top: -4px;
}

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
  width: initial !important;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:before,
.slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[dir="rtl"] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

.dm-city-projects {
  padding: 0 0 48px;
}
@media (max-width: 992px) {
  .dm-city-projects {
    padding: 0 0 24px;
  }
}
@media (max-width: 768px) {
  .dm-city-projects {
    padding: 0 0 20px;
  }
}
@media (max-width: 992px) {
  .dm-city-projects .main-title .main-title__container .slider {
    display: none;
  }
}
.dm-city-projects .dm-city-projects__container .dm-city-projects__card-list {
  display: flex;
}
.dm-city-projects
  .dm-city-projects__container
  .dm-city-projects__card-list
  .people-care-card {
  min-height: 320px !important;
  margin-right: 24px;
}
@media (max-width: 992px) {
  .dm-city-projects
    .dm-city-projects__container
    .dm-city-projects__card-list
    .people-care-card {
    margin-right: 8px;
    min-height: 214px !important;
  }
}
.dm-city-projects .dm-city-projects__container .dm-city-projects__slider {
  display: none;
}
@media (max-width: 992px) {
  .dm-city-projects .dm-city-projects__container .dm-city-projects__slider {
    display: flex;
    justify-content: center;
  }
}

.search-by-site {
  display: flex;
  align-items: center;
  position: relative;
  width: 100%;
  gap: 8px;
}
@media (max-width: 992px) {
  .search-by-site {
    flex-direction: column;
  }
}
.search-by-site .input-search-by-site {
  max-width: 624px;
}
@media (max-width: 992px) {
  .search-by-site .input-search-by-site {
    max-width: none;
  }
}
@media (max-width: 768px) {
  .search-by-site .input-search-by-site {
    display: none;
  }
}
.search-by-site .search-by-site__buttons {
  display: flex;
  align-items: center;
  position: relative;
  width: 100%;
  gap: 8px;
}
@media (max-width: 768px) {
  .search-by-site .search-by-site__buttons {
    display: none;
  }
}
.search-by-site .search-by-site__buttons .search-by-site__button:hover {
  color: var(--main-text);
}
@media (max-width: 992px) {
  .search-by-site .search-by-site__buttons .button {
    padding: 11px 16px;
  }
}
.search-by-site .search-by-site__buttons .search-by-site__calendar {
  display: none;
  position: absolute;
  top: 50px;
  right: 80px;
}
@media (max-width: 992px) {
  .search-by-site .search-by-site__buttons .search-by-site__calendar {
    right: 60px;
  }
}
.search-by-site .search-by-site__buttons .search-by-site__calendar_active {
  display: block;
}
.search-by-site .search-by-site__buttons .search-by-site__select {
  background: url(/local/templates/surgut/./icons/folder_icon.svg) center no-repeat;
  background-position: 7%;
  padding-left: 50px;
  background-size: 20px;
  font-weight: 400;
}
.search-by-site .search-by-site__buttons .search-by-site__select:hover {
  border-color: #858c9c;
}
@media (max-width: 992px) {
  .search-by-site .search-by-site__buttons .search-by-site__select {
    background-position: 5%;
    padding: 7px 16px 7px 44px;
  }
}
.search-by-site .search-by-site__filters {
  display: none;
}
.search-by-site .search-by-site__filters .search-search-by-site {
  max-width: none;
}
@media (max-width: 768px) {
  .search-by-site .search-by-site__filters {
    display: flex;
    flex-direction: column;
    gap: 24px;
    width: 100%;
  }
}
.search-by-site
  .search-by-site__filters
  .dm-filter__btn
  .search-by-site__filters-content {
  display: flex;
  flex-direction: column;
}
.search-by-site
  .select2-container
  .select2-selection--single
  .select2-selection__rendered {
  padding: 11px 34px 11px 16px !important;
}
.search-by-site .select2-container--default .select2-selection--single {
  border-radius: 6px !important;
}
.search-by-site .select2-selection__arrow {
  right: 16px !important;
}
.search-by-site .select2-container--open .select2-dropdown--below {
  border-radius: 6px;
}
.search-by-site .select2-results__option {
  padding: 13px 16px !important;
}

.search-by-site__button {
  background-color: var(--content-color);
  border: 1px solid #c6cbd9;
  color: var(--main-text);
  max-width: 279px;
  width: 100%;
  flex-direction: row-reverse;
  justify-content: left;
  text-wrap: nowrap;
  font-weight: 300;
  font-size: calc(16px * var(--scale));
  line-height: calc(20px * var(--lh));
}
@media (max-width: 992px) {
  .search-by-site__button {
    font-size: calc(12px * var(--scale));
    line-height: calc(16px * var(--lh));
  }
}
.search-by-site__button .button_span {
  font-weight: 400;
}
.search-by-site__button:hover {
  border-color: #858c9c;
  background-color: var(--content-color);
}

.adm-search {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-top: 32px;
}
@media (max-width: 992px) {
  .adm-search {
    gap: 8px;
    margin-top: 16px;
  }
}
@media (max-width: 768px) {
  .adm-search {
    margin-top: 0;
  }
}
.adm-search .adm-search__pagination {
  display: flex;
}
@media (max-width: 768px) {
  .adm-search .adm-search__pagination {
    justify-content: center;
  }
}

.filters-popup {
  display: flex;
  position: fixed;
  top: 0;
  right: -200%;
  height: 100%;
  z-index: 10;
  opacity: 0;
  transition: opacity 0.3s linear;
  will-change: opacity;
  width: 100%;
}
.filters-popup_open {
  opacity: 1;
  right: 0;
}
.filters-popup .filters-popup__container {
  display: flex;
  flex-direction: column;
  gap: 12px;
  background-color: var(--cards-background);
  width: 100%;
}
.filters-popup .filters-popup__container .filters-popup__top-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: var(--content-color);
  padding: 20px 27px;
}
.filters-popup
  .filters-popup__container
  .filters-popup__top-content
  .filters-popup__title {
  font-weight: 500;
  font-size: calc(20px * var(--scale));
  line-height: calc(24px * var(--lh));
}
@media (max-width: 992px) {
  .filters-popup
    .filters-popup__container
    .filters-popup__top-content
    .filters-popup__title {
    font-size: calc(14px * var(--scale));
    line-height: calc(18px * var(--lh));
  }
}
.filters-popup .filters-popup__container .filters-popup__tags {
  background-color: var(--content-color);
  padding: 0 27px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding-top: 20px;
}
.filters-popup
  .filters-popup__container
  .filters-popup__tags
  .filters-popup__title {
  font-weight: 500;
  font-size: calc(20px * var(--scale));
  line-height: calc(24px * var(--lh));
}
@media (max-width: 992px) {
  .filters-popup
    .filters-popup__container
    .filters-popup__tags
    .filters-popup__title {
    font-size: calc(14px * var(--scale));
    line-height: calc(18px * var(--lh));
  }
}
.filters-popup .filters-popup__container .filters-popup__tags .tabs-tag {
  margin: 0;
}
.filters-popup
  .filters-popup__container
  .filters-popup__tags
  .tabs-tag
  .tab-button {
  background-color: var(--cards-background);
  font-weight: 400;
  font-size: calc(20px * var(--scale));
  line-height: calc(24px * var(--lh));
}
@media (max-width: 992px) {
  .filters-popup
    .filters-popup__container
    .filters-popup__tags
    .tabs-tag
    .tab-button {
    font-size: calc(14px * var(--scale));
    line-height: calc(18px * var(--lh));
  }
}
.filters-popup
  .filters-popup__container
  .filters-popup__tags
  .tabs-tag
  .tab-button_active {
  background-color: var(--primary-color);
  color: var(--content-color);
}
.filters-popup .filters-popup__container .filters-popup__calendar {
  padding: 20px 27px;
  background-color: var(--content-color);
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding-top: 20px;
}
.filters-popup
  .filters-popup__container
  .filters-popup__calendar
  .filters-popup__title {
  font-weight: 500;
  font-size: calc(20px * var(--scale));
  line-height: calc(24px * var(--lh));
}
@media (max-width: 992px) {
  .filters-popup
    .filters-popup__container
    .filters-popup__calendar
    .filters-popup__title {
    font-size: calc(14px * var(--scale));
    line-height: calc(18px * var(--lh));
  }
}
.filters-popup .filters-popup__container .filters-popup__buttons {
  display: flex;
  background-color: var(--content-color);
  padding: 12px 27px;
}
.filters-popup
  .filters-popup__container
  .filters-popup__buttons
  .filters-popup__btn {
  width: 100%;
  justify-content: center;
}

/*! name: vanilla-calendar-pro v2.9.10 | url: https://github.com/uvarov-frontend/vanilla-calendar-pro */
.vanilla-calendar {
  position: relative;
  box-sizing: border-box;
  display: flex;
  width: 300px;
  min-width: 272px;
  max-width: 100%;
  flex-direction: column;
  border-radius: 0.75rem;
  padding: 1rem;
  opacity: 1;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.15s;
}

@supports ((width: -webkit-max-content) or (width: max-content)) and
  ((height: -webkit-max-content) or (height: max-content)) {
  .vanilla-calendar {
    height: -webkit-max-content;
    height: max-content;
    width: -webkit-max-content;
    width: max-content;
  }
}
.vanilla-calendar_multiple {
  width: 550px;
}

@supports (width: -webkit-fit-content) or (width: -moz-fit-content) or
  (width: fit-content) {
  .vanilla-calendar_multiple {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
}
.vanilla-calendar button:focus-visible {
  border-radius: 0.5rem;
  outline-style: solid;
  outline-width: 1px;
  outline-offset: -1px;
}

.vanilla-calendar.vanilla-calendar_multiple .vanilla-calendar-days {
  flex-grow: 0;
}

.vanilla-calendar_hidden {
  pointer-events: none;
  opacity: 0;
}

.vanilla-calendar_hidden * {
  pointer-events: none !important;
}

.vanilla-calendar_to-input {
  position: absolute;
}

.vanilla-calendar_to-input_bottom {
  margin-top: 0.25rem;
}

.vanilla-calendar_to-input_top {
  margin-top: -0.25rem;
}

.vanilla-calendar-controls {
  pointer-events: none;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  z-index: 20;
  box-sizing: content-box;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 1.25rem;
}

.vanilla-calendar-arrow {
  pointer-events: auto;
  position: relative;
  display: block;
  height: 1.5rem;
  width: 1.5rem;
  cursor: pointer;
  border-width: 0px;
  background-color: transparent;
}

.vanilla-calendar-arrow:before {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  --tw-content: "";
  content: var(--tw-content);
}

.vanilla-calendar-arrow.vanilla-calendar-arrow_prev:before {
  transform: rotate(90deg);
}

.vanilla-calendar-arrow.vanilla-calendar-arrow_next:before {
  transform: rotate(-90deg);
}

.vanilla-calendar-grid {
  display: flex;
  flex-grow: 1;
  flex-wrap: wrap;
  justify-content: center;
  gap: 1.75rem;
}

.vanilla-calendar-grid.vanilla-calendar-grid_disabled .vanilla-calendar-column {
  pointer-events: none;
  opacity: 0.3;
}

.vanilla-calendar-grid.vanilla-calendar-grid_disabled
  .vanilla-calendar-column.vanilla-calendar-column_month,
.vanilla-calendar-grid.vanilla-calendar-grid_disabled
  .vanilla-calendar-column.vanilla-calendar-column_year {
  pointer-events: auto;
  opacity: 1;
}

.vanilla-calendar-column {
  display: flex;
  min-width: -webkit-min-content;
  min-width: min-content;
  flex-direction: column;
}

.vanilla-calendar-header {
  position: relative;
  margin-bottom: 0.75rem;
  display: flex;
  align-items: center;
}

.vanilla-calendar-header__content {
  display: grid;
  flex-grow: 1;
  grid-auto-columns: -webkit-max-content;
  grid-auto-columns: max-content;
  grid-auto-flow: column;
  align-items: center;
  justify-content: center;
  white-space: pre-wrap;
  padding-left: 1rem;
  padding-right: 1rem;
}

.vanilla-calendar-month,
.vanilla-calendar-year {
  cursor: pointer;
  border-radius: 0.25rem;
  border-width: 0px;
  background-color: transparent;
  padding: 0.25rem;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 700;
}

.vanilla-calendar-month.vanilla-calendar-month_disabled,
.vanilla-calendar-year.vanilla-calendar-year_disabled {
  pointer-events: none;
}

.vanilla-calendar-months {
  display: grid;
  flex-grow: 1;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  align-items: center;
  row-gap: 1rem;
  column-gap: 0.5rem;
}

.vanilla-calendar-years {
  display: grid;
  flex-grow: 1;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  align-items: center;
  row-gap: 1rem;
  column-gap: 0.5rem;
}

.vanilla-calendar-months_selecting .vanilla-calendar-months__month,
.vanilla-calendar-years_selecting .vanilla-calendar-years__year {
  cursor: pointer;
}

.vanilla-calendar-months_selecting
  .vanilla-calendar-months__month
  .vanilla-calendar-months__month_disabled,
.vanilla-calendar-years_selecting
  .vanilla-calendar-years__year
  .vanilla-calendar-years__year_disabled {
  cursor: default;
}

.vanilla-calendar-months__month,
.vanilla-calendar-years__year {
  display: flex;
  height: 2.5rem;
  align-items: center;
  justify-content: center;
  word-break: break-all;
  border-radius: 0.5rem;
  border-width: 0px;
  padding: 0.25rem;
  text-align: center;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 600;
}

.vanilla-calendar-months__month.vanilla-calendar-months__month_disabled,
.vanilla-calendar-years__year.vanilla-calendar-years__year_disabled {
  pointer-events: none;
}

.vanilla-calendar-week-numbers {
  display: flex;
  flex-direction: column;
}

.vanilla-calendar-week-numbers__title {
  margin-bottom: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 700;
}

.vanilla-calendar-week-numbers__content {
  display: grid;
  grid-auto-flow: row;
  align-items: center;
  justify-items: center;
  row-gap: 0.25rem;
}

.vanilla-calendar-week-number {
  margin: 0;
  display: flex;
  min-height: 1.875rem;
  width: 100%;
  min-width: 1.875rem;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  border-style: none;
  background-color: transparent;
  padding: 0;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 600;
}

.vanilla-calendar-wrapper {
  display: flex;
  flex-grow: 1;
}

.vanilla-calendar-content {
  display: flex;
  flex-grow: 1;
  flex-direction: column;
}

.vanilla-calendar-week {
  margin-bottom: 0.5rem;
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  justify-items: center;
}

.vanilla-calendar-week__day {
  display: flex;
  width: 100%;
  min-width: 1.875rem;
  align-items: center;
  justify-content: center;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 700;
}

.vanilla-calendar-days {
  display: grid;
  flex-grow: 1;
  grid-template-columns: repeat(7, 1fr);
  align-items: center;
  justify-items: center;
  row-gap: 0.25rem;
}

.vanilla-calendar-days_selecting .vanilla-calendar-day__btn {
  cursor: pointer;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 75ms;
}

.vanilla-calendar-days_selecting .vanilla-calendar-day__btn_disabled {
  cursor: default;
}

.vanilla-calendar-day {
  position: relative;
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
}

.vanilla-calendar-day_hover-intermediate .vanilla-calendar-day__btn {
  border-radius: 0;
}

.vanilla-calendar-day_hover-first .vanilla-calendar-day__btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-top-left-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
}

.vanilla-calendar-day_hover-last .vanilla-calendar-day__btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}

.vanilla-calendar-day_hover-first.vanilla-calendar-day_hover-last
  .vanilla-calendar-day__btn {
  border-radius: 0.5rem;
}

.vanilla-calendar-day:focus-visible .vanilla-calendar-day__popup,
.vanilla-calendar-day:hover .vanilla-calendar-day__popup {
  pointer-events: auto;
  opacity: 1;
}

.vanilla-calendar-day_selected-first .vanilla-calendar-day__btn_selected {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-top-left-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
}

.vanilla-calendar-day_selected-last .vanilla-calendar-day__btn_selected {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}

.vanilla-calendar-day_selected-first.vanilla-calendar-day_selected-last
  .vanilla-calendar-day__btn_selected {
  border-radius: 0.5rem;
}

.vanilla-calendar-day_selected-intermediate
  .vanilla-calendar-day__btn_selected {
  border-radius: 0;
}

.vanilla-calendar-day__btn {
  display: flex;
  height: 100%;
  min-height: 1.875rem;
  width: 100%;
  min-width: 1.875rem;
  cursor: default;
  align-items: center;
  justify-content: center;
  border-radius: 0.5rem;
  border-width: 0px;
  padding: 0;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 400;
}

.vanilla-calendar-day__btn_today {
  font-weight: 700;
}

.vanilla-calendar-day__btn_disabled {
  pointer-events: none;
}

.vanilla-calendar-day__popup {
  transform: translate(-50%);
  pointer-events: none;
  position: absolute;
  left: 50%;
  top: 100%;
  z-index: 20;
  width: 8rem;
  padding: 0.5rem 0.75rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 400;
  opacity: 0;
}

.vanilla-calendar-day__popup:before {
  content: var(--tw-content);
  position: absolute;
}

.vanilla-calendar-day__popup:after {
  content: var(--tw-content);
  position: absolute;
}

.vanilla-calendar-day__popup:hover {
  pointer-events: auto;
  opacity: 1;
}

.vanilla-calendar-day__popup:before {
  content: "";
  left: 0;
  bottom: 0;
  z-index: -10;
  display: block;
  height: calc(100% - 4px);
  width: 100%;
  border-radius: 0.5rem;
}

.vanilla-calendar-time {
  margin-top: 0.75rem;
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 0.75rem;
  border-top-width: 1px;
  border-bottom-width: 0px;
  border-left-width: 0px;
  border-right-width: 0px;
  border-style: solid;
  padding-top: 0.75rem;
}

.vanilla-calendar-time__content {
  display: grid;
  grid-auto-flow: column;
  align-items: center;
}

.vanilla-calendar-time__hours {
  position: relative;
  margin-right: 0.35rem;
  width: 1.75rem;
}

.vanilla-calendar-time__hours:after {
  position: absolute;
  right: -5px;
  top: 50%;
  margin-top: calc(-50% + 1px);
  display: block;
  --tw-content: ":";
  content: var(--tw-content);
}

.vanilla-calendar-time__minutes {
  width: 1.75rem;
}

.vanilla-calendar-time__hours input,
.vanilla-calendar-time__minutes input {
  position: relative;
  margin: 0;
  box-sizing: border-box;
  display: block;
  width: 100%;
  border-radius: 0.25rem;
  border-width: 0px;
  padding: 0.125rem;
  text-align: center;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.125rem;
}

.vanilla-calendar-time__hours input:focus-visible,
.vanilla-calendar-time__minutes input:focus-visible {
  outline-style: solid;
  outline-width: 1px;
}

.vanilla-calendar-time__hours input:disabled,
.vanilla-calendar-time__minutes input:disabled {
  cursor: default;
}

.vanilla-calendar-time__hours input:hover:disabled,
.vanilla-calendar-time__minutes input:hover:disabled {
  background-color: transparent;
}

.vanilla-calendar-time__keeping {
  margin-left: 1px;
  margin-top: 0.25rem;
  width: 22px;
  cursor: pointer;
  border-radius: 0.25rem;
  border-width: 0px;
  background-color: transparent;
  padding: 0;
  font-size: 0.69rem;
}

.vanilla-calendar-time__keeping:focus-visible {
  outline-style: solid;
  outline-width: 1px;
}

.vanilla-calendar-time__keeping:disabled {
  cursor: default;
}

.vanilla-calendar-time__keeping:hover:disabled {
  background-color: transparent;
}

.vanilla-calendar-time__ranges {
  display: grid;
  grid-auto-flow: row;
}

.vanilla-calendar-time__range {
  position: relative;
  z-index: 10;
  font-size: 0;
}

.vanilla-calendar-time__range:before {
  content: var(--tw-content);
  left: 0;
}

.vanilla-calendar-time__range:after {
  content: var(--tw-content);
  right: 0;
}

.vanilla-calendar-time__range:before,
.vanilla-calendar-time__range:after {
  content: "";
  transform: translateY(-50%);
  pointer-events: none;
  position: absolute;
  top: 50%;
  z-index: 10;
  height: 0.5rem;
  width: 1px;
}

.vanilla-calendar-time__range input {
  position: relative;
  margin: 0;
  height: 1.25rem;
  width: 100%;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  outline-width: 0px;
}

.vanilla-calendar-time__range input::-webkit-slider-thumb {
  position: relative;
  z-index: 20;
  margin-top: -0.5rem;
  box-sizing: border-box;
  height: 1rem;
  width: 0.75rem;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  border-radius: 0.25rem;
  border-width: 1px;
  border-style: solid;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)),
    var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow);
}

.vanilla-calendar-time__range input::-moz-range-thumb {
  position: relative;
  z-index: 20;
  box-sizing: border-box;
  height: 1rem;
  width: 0.75rem;
  cursor: pointer;
  border-radius: 0.25rem;
  border-width: 1px;
  border-style: solid;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)),
    var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow);
}

.vanilla-calendar-time__range input::-webkit-slider-runnable-track {
  margin-top: 1px;
  box-sizing: border-box;
  height: 1px;
  width: 100%;
  cursor: pointer;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)),
    var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow);
}

.vanilla-calendar-time__range input::-moz-range-track {
  margin-top: 1px;
  box-sizing: border-box;
  height: 1px;
  width: 100%;
  cursor: pointer;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)),
    var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow);
}

[data-calendar-theme="light"].vanilla-calendar {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  color: #0f172a;
}

[data-calendar-theme="light"].vanilla-calendar_to-input {
  --tw-shadow: 0 9px 20px rgba(0, 0, 0, 0.1);
  --tw-shadow-colored: 0 9px 20px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)),
    var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow);
}

[data-calendar-theme="light"].vanilla-calendar button:focus-visible {
  outline-color: #fdba74;
}

[data-calendar-theme="light"] .vanilla-calendar-arrow {
  background-color: transparent;
}

[data-calendar-theme="light"] .vanilla-calendar-arrow:before {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyNCAyNCc+PHBhdGggZmlsbD0nIzBmMTcyYScgZD0nTTEyIDE2Yy0uMyAwLS41LS4xLS43LS4zbC02LTZjLS40LS40LS40LTEgMC0xLjRzMS0uNCAxLjQgMGw1LjMgNS4zIDUuMy01LjNjLjQtLjQgMS0uNCAxLjQgMHMuNCAxIDAgMS40bC02IDZjLS4yLjItLjQuMy0uNy4zeicvPjwvc3ZnPg==);
}

[data-calendar-theme="light"] .vanilla-calendar-arrow:hover:before {
  opacity: 0.6;
}

[data-calendar-theme="light"] .vanilla-calendar-header__content,
[data-calendar-theme="light"] .vanilla-calendar-month,
[data-calendar-theme="light"] .vanilla-calendar-year {
  color: #0f172a;
}

[data-calendar-theme="light"] .vanilla-calendar-month:hover,
[data-calendar-theme="light"] .vanilla-calendar-year:hover {
  color: #64748b;
}

[data-calendar-theme="light"]
  .vanilla-calendar-month.vanilla-calendar-month_not-active,
[data-calendar-theme="light"]
  .vanilla-calendar-year.vanilla-calendar-year_not-active {
  color: #94a3b8;
}

[data-calendar-theme="light"]
  .vanilla-calendar-month.vanilla-calendar-month_disabled,
[data-calendar-theme="light"]
  .vanilla-calendar-year.vanilla-calendar-year_disabled {
  color: #cbd5e1;
}

[data-calendar-theme="light"] .vanilla-calendar-months__month {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  color: #64748b;
}

[data-calendar-theme="light"] .vanilla-calendar-months__month:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(241 245 249 / var(--tw-bg-opacity));
}

[data-calendar-theme="light"]
  .vanilla-calendar-months__month.vanilla-calendar-months__month_selected,
[data-calendar-theme="light"]
  .vanilla-calendar-months__month.vanilla-calendar-months__month_selected:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(6 182 212 / var(--tw-bg-opacity));
  color: #fff;
}

[data-calendar-theme="light"]
  .vanilla-calendar-months__month.vanilla-calendar-months__month_disabled,
[data-calendar-theme="light"]
  .vanilla-calendar-months__month.vanilla-calendar-months__month_disabled:hover {
  color: #cbd5e1;
}

[data-calendar-theme="light"] .vanilla-calendar-years__year {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  color: #64748b;
}

[data-calendar-theme="light"] .vanilla-calendar-years__year:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(241 245 249 / var(--tw-bg-opacity));
}

[data-calendar-theme="light"]
  .vanilla-calendar-years__year.vanilla-calendar-years__year_selected,
[data-calendar-theme="light"]
  .vanilla-calendar-years__year.vanilla-calendar-years__year_selected:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(6 182 212 / var(--tw-bg-opacity));
  color: #fff;
}

[data-calendar-theme="light"]
  .vanilla-calendar-years__year.vanilla-calendar-years__year_disabled,
[data-calendar-theme="light"]
  .vanilla-calendar-years__year.vanilla-calendar-years__year_disabled:hover {
  color: #cbd5e1;
}

[data-calendar-theme="light"] .vanilla-calendar-week-numbers__title,
[data-calendar-theme="light"] .vanilla-calendar-week-number {
  color: #64748b;
}

[data-calendar-theme="light"] .vanilla-calendar-week-number:hover {
  color: #475569;
}

[data-calendar-theme="light"] .vanilla-calendar-week__day {
  color: #64748b;
}

[data-calendar-theme="light"] .vanilla-calendar-week__day_weekend {
  color: #f43f5e;
}

[data-calendar-theme="light"]
  .vanilla-calendar-day_selected-intermediate
  .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_selected,
[data-calendar-theme="light"]
  .vanilla-calendar-day_selected-intermediate
  .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_selected,
[data-calendar-theme="light"]
  .vanilla-calendar-day_selected-intermediate
  .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_selected:hover,
[data-calendar-theme="light"]
  .vanilla-calendar-day_selected-intermediate
  .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_selected:hover {
  background-color: rgb(244 63 94 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.7;
  color: #fff;
}

[data-calendar-theme="light"]
  .vanilla-calendar-day_selected-intermediate
  .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_prev.vanilla-calendar-day__btn_selected,
[data-calendar-theme="light"]
  .vanilla-calendar-day_selected-intermediate
  .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_prev.vanilla-calendar-day__btn_selected,
[data-calendar-theme="light"]
  .vanilla-calendar-day_selected-intermediate
  .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_next.vanilla-calendar-day__btn_selected,
[data-calendar-theme="light"]
  .vanilla-calendar-day_selected-intermediate
  .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_next.vanilla-calendar-day__btn_selected,
[data-calendar-theme="light"]
  .vanilla-calendar-day_selected-intermediate
  .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_prev.vanilla-calendar-day__btn_selected:hover,
[data-calendar-theme="light"]
  .vanilla-calendar-day_selected-intermediate
  .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_prev.vanilla-calendar-day__btn_selected:hover,
[data-calendar-theme="light"]
  .vanilla-calendar-day_selected-intermediate
  .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_next.vanilla-calendar-day__btn_selected:hover,
[data-calendar-theme="light"]
  .vanilla-calendar-day_selected-intermediate
  .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_next.vanilla-calendar-day__btn_selected:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(226 232 240 / var(--tw-bg-opacity));
  color: #64748b;
}

[data-calendar-theme="light"]
  .vanilla-calendar-day_selected-intermediate
  .vanilla-calendar-day__btn_selected,
[data-calendar-theme="light"]
  .vanilla-calendar-day_selected-intermediate
  .vanilla-calendar-day__btn_selected:hover {
  background-color: rgb(6 182 212 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.7;
  color: #fff;
}

[data-calendar-theme="light"]
  .vanilla-calendar-day_selected-intermediate
  .vanilla-calendar-day__btn_selected.vanilla-calendar-day__btn_prev,
[data-calendar-theme="light"]
  .vanilla-calendar-day_selected-intermediate
  .vanilla-calendar-day__btn_selected.vanilla-calendar-day__btn_next,
[data-calendar-theme="light"]
  .vanilla-calendar-day_selected-intermediate
  .vanilla-calendar-day__btn_selected.vanilla-calendar-day__btn_prev:hover,
[data-calendar-theme="light"]
  .vanilla-calendar-day_selected-intermediate
  .vanilla-calendar-day__btn_selected.vanilla-calendar-day__btn_next:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(226 232 240 / var(--tw-bg-opacity));
  color: #64748b;
}

[data-calendar-theme="light"] .vanilla-calendar-day__btn {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  color: #0f172a;
}

[data-calendar-theme="light"] .vanilla-calendar-day__btn:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(241 245 249 / var(--tw-bg-opacity));
}

[data-calendar-theme="light"] .vanilla-calendar-day__btn_today {
  --tw-bg-opacity: 1;
  background-color: rgb(241 245 249 / var(--tw-bg-opacity));
  color: #06b6d4;
}

[data-calendar-theme="light"] .vanilla-calendar-day__btn_today:hover {
  color: #06b6d4;
}

[data-calendar-theme="light"]
  .vanilla-calendar-day__btn_today.vanilla-calendar-day__btn_prev,
[data-calendar-theme="light"]
  .vanilla-calendar-day__btn_today.vanilla-calendar-day__btn_next {
  color: #64748b;
}

[data-calendar-theme="light"] .vanilla-calendar-day__btn_prev,
[data-calendar-theme="light"] .vanilla-calendar-day__btn_next {
  color: #94a3b8;
}

[data-calendar-theme="light"] .vanilla-calendar-day__btn_disabled {
  color: #cbd5e1;
}

[data-calendar-theme="light"] .vanilla-calendar-day__btn_hover {
  --tw-bg-opacity: 1;
  background-color: rgb(241 245 249 / var(--tw-bg-opacity));
}

[data-calendar-theme="light"] .vanilla-calendar-day__btn_weekend,
[data-calendar-theme="light"] .vanilla-calendar-day__btn_holiday {
  color: #f43f5e;
}

[data-calendar-theme="light"] .vanilla-calendar-day__btn_weekend:hover,
[data-calendar-theme="light"] .vanilla-calendar-day__btn_holiday:hover,
[data-calendar-theme="light"]
  .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_hover,
[data-calendar-theme="light"]
  .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_hover {
  --tw-bg-opacity: 1;
  background-color: rgb(255 241 242 / var(--tw-bg-opacity));
}

[data-calendar-theme="light"]
  .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_disabled,
[data-calendar-theme="light"]
  .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_disabled {
  color: #cbd5e1;
}

[data-calendar-theme="light"]
  .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_today,
[data-calendar-theme="light"]
  .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_today {
  color: #f43f5e;
}

[data-calendar-theme="light"]
  .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_today.vanilla-calendar-day__btn_disabled,
[data-calendar-theme="light"]
  .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_today.vanilla-calendar-day__btn_disabled {
  color: #cbd5e1;
}

[data-calendar-theme="light"]
  .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_prev,
[data-calendar-theme="light"]
  .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_prev,
[data-calendar-theme="light"]
  .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_next,
[data-calendar-theme="light"]
  .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_next {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  color: #94a3b8;
}

[data-calendar-theme="light"]
  .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_prev:hover,
[data-calendar-theme="light"]
  .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_prev:hover,
[data-calendar-theme="light"]
  .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_next:hover,
[data-calendar-theme="light"]
  .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_next:hover,
[data-calendar-theme="light"]
  .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_prev.vanilla-calendar-day__btn_hover,
[data-calendar-theme="light"]
  .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_prev.vanilla-calendar-day__btn_hover,
[data-calendar-theme="light"]
  .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_next.vanilla-calendar-day__btn_hover,
[data-calendar-theme="light"]
  .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_next.vanilla-calendar-day__btn_hover {
  --tw-bg-opacity: 1;
  background-color: rgb(241 245 249 / var(--tw-bg-opacity));
}

[data-calendar-theme="light"]
  .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_prev.vanilla-calendar-day__btn_today,
[data-calendar-theme="light"]
  .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_prev.vanilla-calendar-day__btn_today,
[data-calendar-theme="light"]
  .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_next.vanilla-calendar-day__btn_today,
[data-calendar-theme="light"]
  .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_next.vanilla-calendar-day__btn_today {
  color: #94a3b8;
}

[data-calendar-theme="light"]
  .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_prev.vanilla-calendar-day__btn_disabled,
[data-calendar-theme="light"]
  .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_prev.vanilla-calendar-day__btn_disabled,
[data-calendar-theme="light"]
  .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_next.vanilla-calendar-day__btn_disabled,
[data-calendar-theme="light"]
  .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_next.vanilla-calendar-day__btn_disabled {
  color: #cbd5e1;
}

[data-calendar-theme="light"]
  .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_selected,
[data-calendar-theme="light"]
  .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_selected,
[data-calendar-theme="light"]
  .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_selected:hover,
[data-calendar-theme="light"]
  .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_selected:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(244 63 94 / var(--tw-bg-opacity));
  color: #fff;
}

[data-calendar-theme="light"]
  .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_prev.vanilla-calendar-day__btn_selected,
[data-calendar-theme="light"]
  .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_prev.vanilla-calendar-day__btn_selected,
[data-calendar-theme="light"]
  .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_next.vanilla-calendar-day__btn_selected,
[data-calendar-theme="light"]
  .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_next.vanilla-calendar-day__btn_selected,
[data-calendar-theme="light"]
  .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_prev.vanilla-calendar-day__btn_selected:hover,
[data-calendar-theme="light"]
  .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_prev.vanilla-calendar-day__btn_selected:hover,
[data-calendar-theme="light"]
  .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_next.vanilla-calendar-day__btn_selected:hover,
[data-calendar-theme="light"]
  .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_next.vanilla-calendar-day__btn_selected:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(203 213 225 / var(--tw-bg-opacity));
  color: #64748b;
}

[data-calendar-theme="light"] .vanilla-calendar-day__btn_selected,
[data-calendar-theme="light"] .vanilla-calendar-day__btn_selected:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(6 182 212 / var(--tw-bg-opacity));
  color: #fff;
}

[data-calendar-theme="light"]
  .vanilla-calendar-day__btn_selected.vanilla-calendar-day__btn_prev,
[data-calendar-theme="light"]
  .vanilla-calendar-day__btn_selected.vanilla-calendar-day__btn_next,
[data-calendar-theme="light"]
  .vanilla-calendar-day__btn_selected.vanilla-calendar-day__btn_prev:hover,
[data-calendar-theme="light"]
  .vanilla-calendar-day__btn_selected.vanilla-calendar-day__btn_next:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(203 213 225 / var(--tw-bg-opacity));
  color: #64748b;
}

[data-calendar-theme="light"] .vanilla-calendar-day__popup {
  color: #0f172a;
}

[data-calendar-theme="light"] .vanilla-calendar-day__popup:before {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  --tw-shadow: 0 3px 15px rgba(85, 85, 85, 0.2);
  --tw-shadow-colored: 0 3px 15px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)),
    var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow);
}

[data-calendar-theme="light"] .vanilla-calendar-time {
  border-color: #cbd5e1;
}

[data-calendar-theme="light"] .vanilla-calendar-time__hours:after {
  content: var(--tw-content);
  color: #0f172a;
}

[data-calendar-theme="light"] .vanilla-calendar-time__hours input,
[data-calendar-theme="light"] .vanilla-calendar-time__minutes input {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  color: #0f172a;
}

[data-calendar-theme="light"] .vanilla-calendar-time__hours input:hover,
[data-calendar-theme="light"] .vanilla-calendar-time__minutes input:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(255 237 213 / var(--tw-bg-opacity));
}

[data-calendar-theme="light"] .vanilla-calendar-time__hours input:focus-visible,
[data-calendar-theme="light"]
  .vanilla-calendar-time__minutes
  input:focus-visible {
  outline-color: #fdba74;
}

[data-calendar-theme="light"]
  .vanilla-calendar-time__hours
  input.vanilla-calendar-is-focus,
[data-calendar-theme="light"]
  .vanilla-calendar-time__minutes
  input.vanilla-calendar-is-focus {
  --tw-bg-opacity: 1;
  background-color: rgb(255 237 213 / var(--tw-bg-opacity));
}

[data-calendar-theme="light"] .vanilla-calendar-time__keeping {
  color: #64748b;
}

[data-calendar-theme="light"] .vanilla-calendar-time__keeping:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(255 237 213 / var(--tw-bg-opacity));
}

[data-calendar-theme="light"] .vanilla-calendar-time__keeping:focus-visible {
  outline-color: #fdba74;
}

[data-calendar-theme="light"] .vanilla-calendar-time__range input {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

[data-calendar-theme="light"] .vanilla-calendar-time__range:before,
[data-calendar-theme="light"] .vanilla-calendar-time__range:after {
  --tw-bg-opacity: 1;
  background-color: rgb(203 213 225 / var(--tw-bg-opacity));
}

[data-calendar-theme="light"]
  .vanilla-calendar-time__range:hover
  input::-webkit-slider-thumb {
  border-color: #94a3b8;
}

[data-calendar-theme="light"]
  .vanilla-calendar-time__range:hover
  input::-moz-range-thumb {
  border-color: #94a3b8;
}

[data-calendar-theme="light"]
  .vanilla-calendar-time__range
  input:focus-visible::-webkit-slider-thumb {
  border-color: #fdba74;
}

[data-calendar-theme="light"]
  .vanilla-calendar-time__range
  input:focus-visible::-moz-range-thumb {
  border-color: #fdba74;
}

[data-calendar-theme="light"]
  .vanilla-calendar-time__range
  input::-webkit-slider-thumb {
  border-color: #cbd5e1;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

[data-calendar-theme="light"]
  .vanilla-calendar-time__range
  input::-moz-range-thumb {
  border-color: #cbd5e1;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

[data-calendar-theme="light"]
  .vanilla-calendar-time__range
  input::-webkit-slider-runnable-track {
  --tw-bg-opacity: 1;
  background-color: rgb(203 213 225 / var(--tw-bg-opacity));
}

[data-calendar-theme="light"]
  .vanilla-calendar-time__range
  input::-moz-range-track {
  --tw-bg-opacity: 1;
  background-color: rgb(203 213 225 / var(--tw-bg-opacity));
}

[data-calendar-theme="dark"].vanilla-calendar {
  --tw-bg-opacity: 1;
  background-color: rgb(15 23 42 / var(--tw-bg-opacity));
  color: #fff;
}

[data-calendar-theme="dark"].vanilla-calendar_to-input {
  --tw-shadow: 0 9px 20px rgba(0, 0, 0, 0.1);
  --tw-shadow-colored: 0 9px 20px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)),
    var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow);
}

[data-calendar-theme="dark"].vanilla-calendar button:focus-visible {
  outline-color: #fdba74;
}

[data-calendar-theme="dark"] .vanilla-calendar-arrow {
  background-color: transparent;
}

[data-calendar-theme="dark"] .vanilla-calendar-arrow:before {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyNCAyNCc+PHBhdGggZmlsbD0nI2ZmZicgZD0nTTEyIDE2Yy0uMyAwLS41LS4xLS43LS4zbC02LTZjLS40LS40LS40LTEgMC0xLjRzMS0uNCAxLjQgMGw1LjMgNS4zIDUuMy01LjNjLjQtLjQgMS0uNCAxLjQgMHMuNCAxIDAgMS40bC02IDZjLS4yLjItLjQuMy0uNy4zeicvPjwvc3ZnPg==);
}

[data-calendar-theme="dark"] .vanilla-calendar-arrow:hover:before {
  opacity: 0.6;
}

[data-calendar-theme="dark"] .vanilla-calendar-header__content,
[data-calendar-theme="dark"] .vanilla-calendar-month,
[data-calendar-theme="dark"] .vanilla-calendar-year {
  color: #fff;
}

[data-calendar-theme="dark"] .vanilla-calendar-month:hover,
[data-calendar-theme="dark"] .vanilla-calendar-year:hover,
[data-calendar-theme="dark"]
  .vanilla-calendar-month.vanilla-calendar-month_not-active,
[data-calendar-theme="dark"]
  .vanilla-calendar-year.vanilla-calendar-year_not-active {
  color: #64748b;
}

[data-calendar-theme="dark"]
  .vanilla-calendar-month.vanilla-calendar-month_disabled,
[data-calendar-theme="dark"]
  .vanilla-calendar-year.vanilla-calendar-year_disabled {
  color: #334155;
  opacity: 0.8;
}

[data-calendar-theme="dark"] .vanilla-calendar-months__month,
[data-calendar-theme="dark"] .vanilla-calendar-years__year {
  --tw-bg-opacity: 1;
  background-color: rgb(15 23 42 / var(--tw-bg-opacity));
  color: #fff;
}

[data-calendar-theme="dark"] .vanilla-calendar-months__month:hover,
[data-calendar-theme="dark"] .vanilla-calendar-years__year:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(30 41 59 / var(--tw-bg-opacity));
}

[data-calendar-theme="dark"]
  .vanilla-calendar-months__month.vanilla-calendar-months__month_selected,
[data-calendar-theme="dark"]
  .vanilla-calendar-years__year.vanilla-calendar-years__year_selected,
[data-calendar-theme="dark"]
  .vanilla-calendar-months__month.vanilla-calendar-months__month_selected:hover,
[data-calendar-theme="dark"]
  .vanilla-calendar-years__year.vanilla-calendar-years__year_selected:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(100 116 139 / var(--tw-bg-opacity));
  color: #fff;
}

[data-calendar-theme="dark"]
  .vanilla-calendar-months__month.vanilla-calendar-months__month_disabled,
[data-calendar-theme="dark"]
  .vanilla-calendar-years__year.vanilla-calendar-years__year_disabled {
  color: #334155;
  opacity: 0.8;
}

[data-calendar-theme="dark"]
  .vanilla-calendar-months__month.vanilla-calendar-months__month_disabled:hover,
[data-calendar-theme="dark"]
  .vanilla-calendar-years__year.vanilla-calendar-years__year_disabled:hover {
  color: #334155;
}

[data-calendar-theme="dark"] .vanilla-calendar-week-numbers__title,
[data-calendar-theme="dark"] .vanilla-calendar-week-number {
  color: #fff;
}

[data-calendar-theme="dark"] .vanilla-calendar-week-number:hover {
  color: #cbd5e1;
}

[data-calendar-theme="dark"] .vanilla-calendar-week__day {
  color: #fff;
}

[data-calendar-theme="dark"] .vanilla-calendar-week__day_weekend {
  color: #f43f5e;
}

[data-calendar-theme="dark"]
  .vanilla-calendar-day_selected-intermediate
  .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_selected,
[data-calendar-theme="dark"]
  .vanilla-calendar-day_selected-intermediate
  .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_selected,
[data-calendar-theme="dark"]
  .vanilla-calendar-day_selected-intermediate
  .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_selected:hover,
[data-calendar-theme="dark"]
  .vanilla-calendar-day_selected-intermediate
  .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_selected:hover {
  background-color: rgb(244 63 94 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.8;
  color: #fff;
}

[data-calendar-theme="dark"]
  .vanilla-calendar-day_selected-intermediate
  .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_prev.vanilla-calendar-day__btn_selected,
[data-calendar-theme="dark"]
  .vanilla-calendar-day_selected-intermediate
  .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_prev.vanilla-calendar-day__btn_selected,
[data-calendar-theme="dark"]
  .vanilla-calendar-day_selected-intermediate
  .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_next.vanilla-calendar-day__btn_selected,
[data-calendar-theme="dark"]
  .vanilla-calendar-day_selected-intermediate
  .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_next.vanilla-calendar-day__btn_selected,
[data-calendar-theme="dark"]
  .vanilla-calendar-day_selected-intermediate
  .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_prev.vanilla-calendar-day__btn_selected:hover,
[data-calendar-theme="dark"]
  .vanilla-calendar-day_selected-intermediate
  .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_prev.vanilla-calendar-day__btn_selected:hover,
[data-calendar-theme="dark"]
  .vanilla-calendar-day_selected-intermediate
  .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_next.vanilla-calendar-day__btn_selected:hover,
[data-calendar-theme="dark"]
  .vanilla-calendar-day_selected-intermediate
  .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_next.vanilla-calendar-day__btn_selected:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(30 41 59 / var(--tw-bg-opacity));
  color: #cbd5e1;
}

[data-calendar-theme="dark"]
  .vanilla-calendar-day_selected-intermediate
  .vanilla-calendar-day__btn_selected,
[data-calendar-theme="dark"]
  .vanilla-calendar-day_selected-intermediate
  .vanilla-calendar-day__btn_selected:hover {
  background-color: rgb(6 182 212 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.8;
  color: #fff;
}

[data-calendar-theme="dark"]
  .vanilla-calendar-day_selected-intermediate
  .vanilla-calendar-day__btn_selected.vanilla-calendar-day__btn_prev,
[data-calendar-theme="dark"]
  .vanilla-calendar-day_selected-intermediate
  .vanilla-calendar-day__btn_selected.vanilla-calendar-day__btn_next,
[data-calendar-theme="dark"]
  .vanilla-calendar-day_selected-intermediate
  .vanilla-calendar-day__btn_selected.vanilla-calendar-day__btn_prev:hover,
[data-calendar-theme="dark"]
  .vanilla-calendar-day_selected-intermediate
  .vanilla-calendar-day__btn_selected.vanilla-calendar-day__btn_next:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(30 41 59 / var(--tw-bg-opacity));
  color: #cbd5e1;
}

[data-calendar-theme="dark"] .vanilla-calendar-day__btn {
  --tw-bg-opacity: 1;
  background-color: rgb(15 23 42 / var(--tw-bg-opacity));
  color: #94a3b8;
}

[data-calendar-theme="dark"] .vanilla-calendar-day__btn:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(30 41 59 / var(--tw-bg-opacity));
  color: #e2e8f0;
}

[data-calendar-theme="dark"] .vanilla-calendar-day__btn_today {
  --tw-bg-opacity: 1;
  background-color: rgb(30 41 59 / var(--tw-bg-opacity));
  color: #06b6d4;
}

[data-calendar-theme="dark"] .vanilla-calendar-day__btn_today:hover {
  color: #06b6d4;
}

[data-calendar-theme="dark"]
  .vanilla-calendar-day__btn_today.vanilla-calendar-day__btn_prev,
[data-calendar-theme="dark"]
  .vanilla-calendar-day__btn_today.vanilla-calendar-day__btn_next,
[data-calendar-theme="dark"] .vanilla-calendar-day__btn_prev,
[data-calendar-theme="dark"] .vanilla-calendar-day__btn_next {
  color: #475569;
}

[data-calendar-theme="dark"] .vanilla-calendar-day__btn_disabled {
  color: #334155;
  opacity: 0.8;
}

[data-calendar-theme="dark"] .vanilla-calendar-day__btn_hover {
  --tw-bg-opacity: 1;
  background-color: rgb(30 41 59 / var(--tw-bg-opacity));
}

[data-calendar-theme="dark"] .vanilla-calendar-day__btn_weekend,
[data-calendar-theme="dark"] .vanilla-calendar-day__btn_holiday {
  color: #f43f5e;
}

[data-calendar-theme="dark"] .vanilla-calendar-day__btn_weekend:hover,
[data-calendar-theme="dark"] .vanilla-calendar-day__btn_holiday:hover,
[data-calendar-theme="dark"]
  .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_hover,
[data-calendar-theme="dark"]
  .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_hover {
  --tw-bg-opacity: 1;
  background-color: rgb(30 41 59 / var(--tw-bg-opacity));
  color: #f43f5e;
}

[data-calendar-theme="dark"]
  .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_disabled,
[data-calendar-theme="dark"]
  .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_disabled {
  color: #334155;
  opacity: 0.8;
}

[data-calendar-theme="dark"]
  .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_today,
[data-calendar-theme="dark"]
  .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_today {
  color: #f43f5e;
}

[data-calendar-theme="dark"]
  .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_today.vanilla-calendar-day__btn_disabled,
[data-calendar-theme="dark"]
  .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_today.vanilla-calendar-day__btn_disabled {
  color: #334155;
}

[data-calendar-theme="dark"]
  .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_prev,
[data-calendar-theme="dark"]
  .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_prev,
[data-calendar-theme="dark"]
  .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_next,
[data-calendar-theme="dark"]
  .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_next {
  --tw-bg-opacity: 1;
  background-color: rgb(15 23 42 / var(--tw-bg-opacity));
  color: #475569;
}

[data-calendar-theme="dark"]
  .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_prev:hover,
[data-calendar-theme="dark"]
  .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_prev:hover,
[data-calendar-theme="dark"]
  .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_next:hover,
[data-calendar-theme="dark"]
  .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_next:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(30 41 59 / var(--tw-bg-opacity));
  color: #cbd5e1;
}

[data-calendar-theme="dark"]
  .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_prev.vanilla-calendar-day__btn_hover,
[data-calendar-theme="dark"]
  .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_prev.vanilla-calendar-day__btn_hover,
[data-calendar-theme="dark"]
  .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_next.vanilla-calendar-day__btn_hover,
[data-calendar-theme="dark"]
  .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_next.vanilla-calendar-day__btn_hover {
  --tw-bg-opacity: 1;
  background-color: rgb(30 41 59 / var(--tw-bg-opacity));
}

[data-calendar-theme="dark"]
  .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_prev.vanilla-calendar-day__btn_today,
[data-calendar-theme="dark"]
  .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_prev.vanilla-calendar-day__btn_today,
[data-calendar-theme="dark"]
  .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_next.vanilla-calendar-day__btn_today,
[data-calendar-theme="dark"]
  .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_next.vanilla-calendar-day__btn_today {
  color: #94a3b8;
}

[data-calendar-theme="dark"]
  .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_prev.vanilla-calendar-day__btn_disabled,
[data-calendar-theme="dark"]
  .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_prev.vanilla-calendar-day__btn_disabled,
[data-calendar-theme="dark"]
  .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_next.vanilla-calendar-day__btn_disabled,
[data-calendar-theme="dark"]
  .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_next.vanilla-calendar-day__btn_disabled {
  color: #334155;
  opacity: 0.8;
}

[data-calendar-theme="dark"]
  .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_selected,
[data-calendar-theme="dark"]
  .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_selected,
[data-calendar-theme="dark"]
  .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_selected:hover,
[data-calendar-theme="dark"]
  .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_selected:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(244 63 94 / var(--tw-bg-opacity));
  color: #fff;
}

[data-calendar-theme="dark"]
  .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_prev.vanilla-calendar-day__btn_selected,
[data-calendar-theme="dark"]
  .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_prev.vanilla-calendar-day__btn_selected,
[data-calendar-theme="dark"]
  .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_next.vanilla-calendar-day__btn_selected,
[data-calendar-theme="dark"]
  .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_next.vanilla-calendar-day__btn_selected,
[data-calendar-theme="dark"]
  .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_prev.vanilla-calendar-day__btn_selected:hover,
[data-calendar-theme="dark"]
  .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_prev.vanilla-calendar-day__btn_selected:hover,
[data-calendar-theme="dark"]
  .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_next.vanilla-calendar-day__btn_selected:hover,
[data-calendar-theme="dark"]
  .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_next.vanilla-calendar-day__btn_selected:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(51 65 85 / var(--tw-bg-opacity));
  color: #cbd5e1;
}

[data-calendar-theme="dark"] .vanilla-calendar-day__btn_selected,
[data-calendar-theme="dark"] .vanilla-calendar-day__btn_selected:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(6 182 212 / var(--tw-bg-opacity));
  color: #fff;
}

[data-calendar-theme="dark"]
  .vanilla-calendar-day__btn_selected.vanilla-calendar-day__btn_prev,
[data-calendar-theme="dark"]
  .vanilla-calendar-day__btn_selected.vanilla-calendar-day__btn_next,
[data-calendar-theme="dark"]
  .vanilla-calendar-day__btn_selected.vanilla-calendar-day__btn_prev:hover,
[data-calendar-theme="dark"]
  .vanilla-calendar-day__btn_selected.vanilla-calendar-day__btn_next:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(51 65 85 / var(--tw-bg-opacity));
  color: #cbd5e1;
}

[data-calendar-theme="dark"] .vanilla-calendar-day__popup {
  color: #fff;
}

[data-calendar-theme="dark"] .vanilla-calendar-day__popup:before {
  --tw-bg-opacity: 1;
  background-color: rgb(15 23 42 / var(--tw-bg-opacity));
  --tw-shadow: inset 0 0 0 1px rgb(255 255 255 / 0.1);
  --tw-shadow-colored: inset 0 0 0 1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)),
    var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow);
}

[data-calendar-theme="dark"] .vanilla-calendar-time {
  border-color: #1e293b;
}

[data-calendar-theme="dark"] .vanilla-calendar-time__hours:after {
  content: var(--tw-content);
  color: #fff;
}

[data-calendar-theme="dark"] .vanilla-calendar-time__hours input,
[data-calendar-theme="dark"] .vanilla-calendar-time__minutes input {
  --tw-bg-opacity: 1;
  background-color: rgb(15 23 42 / var(--tw-bg-opacity));
  color: #fff;
}

[data-calendar-theme="dark"] .vanilla-calendar-time__hours input:hover,
[data-calendar-theme="dark"] .vanilla-calendar-time__minutes input:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(51 65 85 / var(--tw-bg-opacity));
}

[data-calendar-theme="dark"] .vanilla-calendar-time__hours input:focus-visible,
[data-calendar-theme="dark"]
  .vanilla-calendar-time__minutes
  input:focus-visible {
  outline-color: #fdba74;
}

[data-calendar-theme="dark"]
  .vanilla-calendar-time__hours
  input.vanilla-calendar-is-focus,
[data-calendar-theme="dark"]
  .vanilla-calendar-time__minutes
  input.vanilla-calendar-is-focus {
  --tw-bg-opacity: 1;
  background-color: rgb(51 65 85 / var(--tw-bg-opacity));
}

[data-calendar-theme="dark"] .vanilla-calendar-time__keeping {
  color: #64748b;
}

[data-calendar-theme="dark"] .vanilla-calendar-time__keeping:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(51 65 85 / var(--tw-bg-opacity));
  color: #94a3b8;
}

[data-calendar-theme="dark"] .vanilla-calendar-time__keeping:focus-visible {
  outline-color: #fdba74;
}

[data-calendar-theme="dark"] .vanilla-calendar-time__range input {
  --tw-bg-opacity: 1;
  background-color: rgb(15 23 42 / var(--tw-bg-opacity));
}

[data-calendar-theme="dark"] .vanilla-calendar-time__range:before,
[data-calendar-theme="dark"] .vanilla-calendar-time__range:after {
  --tw-bg-opacity: 1;
  background-color: rgb(71 85 105 / var(--tw-bg-opacity));
}

[data-calendar-theme="dark"]
  .vanilla-calendar-time__range:hover
  input::-webkit-slider-thumb {
  border-color: #94a3b8;
}

[data-calendar-theme="dark"]
  .vanilla-calendar-time__range:hover
  input::-moz-range-thumb {
  border-color: #94a3b8;
}

[data-calendar-theme="dark"]
  .vanilla-calendar-time__range
  input:focus-visible::-webkit-slider-thumb {
  border-color: #fdba74;
}

[data-calendar-theme="dark"]
  .vanilla-calendar-time__range
  input:focus-visible::-moz-range-thumb {
  border-color: #fdba74;
}

[data-calendar-theme="dark"]
  .vanilla-calendar-time__range
  input::-webkit-slider-thumb {
  border-color: #475569;
  --tw-bg-opacity: 1;
  background-color: rgb(30 41 59 / var(--tw-bg-opacity));
}

[data-calendar-theme="dark"]
  .vanilla-calendar-time__range
  input::-moz-range-thumb {
  border-color: #475569;
  --tw-bg-opacity: 1;
  background-color: rgb(30 41 59 / var(--tw-bg-opacity));
}

[data-calendar-theme="dark"]
  .vanilla-calendar-time__range
  input::-webkit-slider-runnable-track {
  --tw-bg-opacity: 1;
  background-color: rgb(71 85 105 / var(--tw-bg-opacity));
}

[data-calendar-theme="dark"]
  .vanilla-calendar-time__range
  input::-moz-range-track {
  --tw-bg-opacity: 1;
  background-color: rgb(71 85 105 / var(--tw-bg-opacity));
}

.sorting {
  display: flex;
  align-items: center;
  max-width: 439px;
  width: 100%;
  gap: 12px;
}
.sorting .sorting__desc {
  font-weight: 300;
  font-size: calc(16px * var(--scale));
  line-height: calc(24px * var(--lh));
}
@media (max-width: 992px) {
  .sorting .sorting__desc {
    font-size: calc(14px * var(--scale));
    line-height: calc(20px * var(--lh));
  }
}
.sorting .sorting__select {
  max-width: 182px;
  padding: 11px 20px;
  background-position: 96%;
  border-radius: 4px;
  font-weight: 300;
  font-size: calc(16px * var(--scale));
  line-height: calc(20px * var(--lh));
}
@media (max-width: 992px) {
  .sorting .sorting__select {
    font-size: calc(12px * var(--scale));
    line-height: calc(16px * var(--lh));
  }
}
@media (max-width: 992px) {
  .sorting .sorting__select {
    padding: 7px 16px;
  }
}
.sorting
  .select2-container
  .select2-selection--single
  .select2-selection__rendered {
  padding: 13px 34px 13px 16px !important;
}
.sorting .select2-container--default .select2-selection--single {
  border-radius: 6px !important;
}
.sorting .select2-selection__arrow {
  right: 16px !important;
}
.sorting .select2-container--open .select2-dropdown--below {
  border-radius: 6px;
}
.sorting .select2-results__option {
  padding: 13px 16px !important;
}

.dm-archive .dm-archive__container {
  padding: 0 0 48px;
}
@media (max-width: 992px) {
  .dm-archive .dm-archive__container {
    padding: 0 0 24px;
  }
}
@media (max-width: 768px) {
  .dm-archive .dm-archive__container {
    padding: 0 0 20px;
  }
}
@media (max-width: 768px) {
  .dm-archive .dm-archive__container .main-title__container {
    flex-direction: column;
    align-items: flex-start;
  }
}
.dm-archive .dm-archive__container .dm-archive__list .hearing-item {
  background-color: var(--content-color);
  margin-right: 24px;
  max-width: 644px;
  max-height: 474px;
}
@media (max-width: 992px) {
  .dm-archive .dm-archive__container .dm-archive__list .hearing-item {
    max-width: 360px;
    max-height: 260px;
    margin-right: 8px;
  }
}
@media (max-width: 768px) {
  .dm-archive .dm-archive__container .dm-archive__list .hearing-item {
    max-width: 336px;
    max-height: 276px;
  }
}
.dm-archive
  .dm-archive__container
  .dm-archive__list
  .hearing-item
  .hearing-item-content {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.dm-archive
  .dm-archive__container
  .dm-archive__list
  .hearing-item
  .hearing-item-content
  .hearing-item-title {
  height: unset;
}
.dm-archive .dm-archive__container .dm-archive__link .dm-archive__image {
  min-width: 644px;
  width: 100%;
  max-height: 362px;
  object-fit: cover;
  object-position: center;
  border-radius: 12px;
}
.dm-archive .dm-archive__slider {
  display: flex;
  justify-content: center;
}

.dm-events {
  padding: 0 0 48px;
}
@media (max-width: 992px) {
  .dm-events {
    padding: 0 0 24px;
  }
}
@media (max-width: 768px) {
  .dm-events {
    padding: 0 0 20px;
  }
}
.dm-events .dm-events__container {
  position: relative;
}
.dm-events .dm-events__container .dm-events__calendar {
  display: none;
}
.dm-events .dm-events__container .dm-events__calendar_active {
  display: flex;
  position: absolute;
  top: 120px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
}

.adm-all-news {
  display: flex;
  flex-direction: column;
}
.adm-all-news .adm-all-news__filters {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-bottom: 32px;
}
@media (max-width: 550px) {
  .adm-all-news .adm-all-news__filters {
    display: flex;
    flex-direction: column;
  }
}
.adm-all-news
  .adm-all-news__filters
  .select2-container
  .select2-selection--single
  .select2-selection__rendered {
  padding: 11px 34px 11px 16px !important;
}
.adm-all-news
  .adm-all-news__filters
  .select2-container--default
  .select2-selection--single {
  border-radius: 6px !important;
}
.adm-all-news .adm-all-news__filters .select2-selection__arrow {
  right: 16px !important;
}
.adm-all-news
  .adm-all-news__filters
  .select2-container--open
  .select2-dropdown--below {
  border-radius: 6px;
}
.adm-all-news .adm-all-news__filters .select2-results__option {
  padding: 13px 16px !important;
}
.adm-all-news .adm-all-news__calendar {
  position: relative;
  display: flex;
  flex-direction: row;
  gap: 12px;
  align-items: center;
  flex-wrap: wrap;
}
.adm-all-news .adm-all-news__calendar .adm-all-news__calendar-button {
  border-radius: 6px;
  max-width: 480px;
  width: max-content;
  padding: 11px 16px;
  border: 1px solid #c6cbd9;
}
.adm-all-news .adm-all-news__calendar .adm-all-news__calendar-button:hover {
  border-color: #858c9c;
  color: var(--main-text);
}
@media (max-width: 1125px) {
  .adm-all-news .adm-all-news__calendar .adm-all-news__calendar-button {
    width: calc(100% - 34px);
  }
}
.adm-all-news
  .adm-all-news__calendar
  .adm-all-news__calendar-button
  .button_span {
  overflow: hidden;
  text-overflow: ellipsis;
}
.adm-all-news .adm-all-news__calendar .adm-all-news__calendar-content {
  display: none;
  position: absolute;
  top: 50px;
  left: 0;
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.0784313725);
  border-radius: 20px;
}
.adm-all-news .adm-all-news__calendar .adm-all-news__calendar-content_active {
  display: block;
  z-index: 1;
}
.adm-all-news .news-main-card {
  margin: 0;
  max-width: none;
  width: 100%;
}
.adm-all-news .pagination {
  align-self: flex-start;
}
@media (max-width: 992px) {
  .adm-all-news .pagination {
    align-self: center;
  }
}

body.tmp-duma
  .hearing-item
  .hearing-item-content
  .hearing-item-labels
  .hearing-item-labels-item
  .hearing-item-span-title {
  display: none;
}

body.tmp-duma
  .hearing-item
  .hearing-item-content
  .hearing-item-labels
  .hearing-item-labels-item
  .hearing-item-span-desc {
  color: var(--tertiary-text);
}

.hearing-item {
  flex: 0 0 calc(50% - 12px);
  box-sizing: border-box;
  flex-direction: column;
  display: flex;
  border-radius: 12px;
  background: var(--fourth-text-inverse);
  color: var(--main-text);
  font-weight: 500;
  font-size: 20px;
  line-height: 24px;
}
@media (max-width: 992px) {
  .hearing-item {
    font-size: 10px;
    line-height: 14px;
  }
}
@media (max-width: 992px) {
  .hearing-item {
    flex: 0 0 100%;
  }
}
.hearing-item:hover {
  color: var(--main-text);
  text-decoration: none;
}
.hearing-item:hover .hearing-item-title {
  color: var(--primary-color);
}
.hearing-item:active .hearing-item-title {
  color: var(--primary-color-active);
}
.hearing-item-title span {
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-weight: 400;
  font-size: calc(18px * var(--scale));
  line-height: calc(22px * var(--lh));
}
@media (max-width: 992px) {
  .hearing-item-title span {
    font-size: calc(12px * var(--scale));
    line-height: calc(16px * var(--lh));
  }
}
.hearing-item-content {
  display: flex;
  flex-direction: column;
  gap: 40px;
  padding: 20px;
}
@media (max-width: 992px) {
  .hearing-item-content {
    padding: 16px;
  }
}
@media (max-width: 992px) {
  .hearing-item-content {
    gap: 20px;
  }
}
.hearing-item img {
  height: 362px;
  width: 100%;
  object-fit: cover;
}
@media (max-width: 992px) {
  .hearing-item img {
    height: 188px;
  }
}
.hearing-item-labels {
  display: flex;
}
.hearing-item-labels-item {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.hearing-item-labels-item .hearing-item-span-title {
  color: var(--tertiary-text);
  font-weight: 300;
  font-size: calc(14px * var(--scale));
  line-height: calc(18px * var(--lh));
}
@media (max-width: 992px) {
  .hearing-item-labels-item .hearing-item-span-title {
    font-size: calc(10px * var(--scale));
    line-height: calc(14px * var(--lh));
  }
}
.hearing-item-labels-item .hearing-item-span-desc {
  font-weight: 400;
  font-size: calc(18px * var(--scale));
  line-height: calc(22px * var(--lh));
}
@media (max-width: 992px) {
  .hearing-item-labels-item .hearing-item-span-desc {
    font-size: calc(12px * var(--scale));
    line-height: calc(16px * var(--lh));
  }
}
.hearing-item-labels-item:first-child {
  padding-right: 24px;
}
.hearing-item-link {
  position: relative;
  display: flex;
  justify-content: center;
  border-radius: 8px 8px 0 0;
  overflow: hidden;
}
.hearing-item-link .hearing-card_button {
  position: absolute;
  top: 12px;
  left: 12px;
  padding: 4px 12px;
}
.hearing-item-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  top: 0;
}

.hearing-calendar {
  background-color: var(--cards-background);
  padding: 32px;
  border-radius: 12px;
  position: relative;
}
.hearing-calendar a {
  color: inherit;
}
.hearing-calendar a:hover {
  text-decoration: none;
}
.hearing-calendar .link {
  color: var(--primary-color);
}
.hearing-calendar .link:hover {
  color: var(--primary-color-hover);
}
.hearing-calendar .fc-toolbar-chunk:last-of-type .fc-button-group {
  background-color: var(--cards-background);
}
.hearing-calendar
  .fc-toolbar-chunk:last-of-type
  .fc-button-group
  .fc-button-primary {
  font-size: 24px;
  padding: 0;
}
.hearing-calendar
  .fc-toolbar-chunk:last-of-type
  .fc-button-group
  .fc-button-primary_active {
  border: transparent;
}
.hearing-calendar .fc-button-group {
  background-color: var(--event-color);
  padding: 4px;
  border-radius: 8px;
  gap: 2px;
}
.hearing-calendar .fc-button-group .fc-button-primary {
  border-radius: 8px;
  padding: 9px 16px;
  border: none;
  color: var(--main-text);
  background-color: var(--event-color);
  font-weight: 300;
  font-size: calc(14px * var(--scale));
  line-height: calc(18px * var(--lh));
}
@media (max-width: 992px) {
  .hearing-calendar .fc-button-group .fc-button-primary {
    font-size: calc(10px * var(--scale));
    line-height: calc(14px * var(--lh));
  }
}
.hearing-calendar .fc-button-group .fc-prev-button,
.hearing-calendar .fc-button-group .fc-next-button {
  color: var(--primary-color);
  background-color: var(--cards-background);
}

.fc .fc-button-primary:not(:disabled).fc-button-active,
.fc .fc-button-primary:not(:disabled):active {
  border-radius: 8px;
  padding: 9px 16px;
  border: none;
  color: var(--main-text);
  background-color: var(--content-color);
  box-shadow: unset !important;
  font-weight: 300;
  font-size: calc(14px * var(--scale));
  line-height: calc(18px * var(--lh));
}
@media (max-width: 992px) {
  .fc .fc-button-primary:not(:disabled).fc-button-active,
  .fc .fc-button-primary:not(:disabled):active {
    font-size: calc(10px * var(--scale));
    line-height: calc(14px * var(--lh));
  }
}

.fc-theme-standard .fc-scrollgrid {
  border: none;
}

.fc .fc-col-header-cell-cushion {
  padding: 20px 0;
  color: var(--tertiary-text);
  font-weight: 400;
  font-size: calc(14px * var(--scale));
  line-height: calc(18px * var(--lh));
}
@media (max-width: 992px) {
  .fc .fc-col-header-cell-cushion {
    font-size: calc(10px * var(--scale));
    line-height: calc(14px * var(--lh));
  }
}

.fc-dayGridMonth-view {
  background-color: var(--content-color);
  border-radius: 20px;
  padding: 12px 20px;
}

.fc .fc-daygrid-day-number {
  width: 22px;
  text-align: center;
  color: var(--fourth-text);
  font-weight: 500;
  font-size: calc(11px * var(--scale));
  line-height: calc(14px * var(--lh));
  text-transform: uppercase;
}

.fc .fc-daygrid-day.fc-day-today {
  background-color: var(--content-color);
}
.fc .fc-daygrid-day.fc-day-today .fc-daygrid-day-number {
  background-color: var(--primary-color);
  color: var(--content-color);
  border-radius: 50%;
}
.fc .fc-daygrid-day.fc-day-today .fc-daygrid-day-number:hover {
  text-decoration: none;
}

.fc-event-time {
  font-weight: 400 !important;
  font-weight: 300;
  font-size: calc(12px * var(--scale));
  line-height: calc(16px * var(--lh));
}
@media (max-width: 992px) {
  .fc-event-time {
    font-size: calc(10px * var(--scale));
    line-height: calc(14px * var(--lh));
  }
}

.fc-event-title {
  font-weight: 600 !important;
  text-overflow: ellipsis;
  font-weight: 300;
  font-size: calc(12px * var(--scale));
  line-height: calc(16px * var(--lh));
}
@media (max-width: 992px) {
  .fc-event-title {
    font-size: calc(10px * var(--scale));
    line-height: calc(14px * var(--lh));
  }
}

.fc-timegrid-event .fc-event-time {
  font-weight: 300;
  font-size: calc(12px * var(--scale));
  line-height: calc(16px * var(--lh));
}
@media (max-width: 992px) {
  .fc-timegrid-event .fc-event-time {
    font-size: calc(10px * var(--scale));
    line-height: calc(14px * var(--lh));
  }
}

.fc-timegrid-event-short .fc-event-title {
  font-weight: 300;
  font-size: calc(12px * var(--scale));
  line-height: calc(16px * var(--lh));
}
@media (max-width: 992px) {
  .fc-timegrid-event-short .fc-event-title {
    font-size: calc(10px * var(--scale));
    line-height: calc(14px * var(--lh));
  }
}

.fc-scroller {
  scrollbar-width: none;
}

.fc-daygrid-event-dot {
  border: calc(var(--fc-daygrid-event-dot-width) / 4) solid var(--primary-color);
}

.fc-daygrid-day-events {
  padding-right: 4px;
}

.fc-day-today {
  background-color: var(--primary-color);
  border-radius: 100px !important;
}
.fc-day-today .fc-col-header-cell-cushion {
  color: var(--content-color);
}

.fc .fc-timegrid-col.fc-day-today {
  background-color: var(--content-color);
}

.fc-timeGridWeek-view.fc-view.fc-timegrid {
  background-color: var(--content-color);
  padding: 12px 20px;
  border-radius: 20px;
}
.fc-timeGridWeek-view.fc-view.fc-timegrid .fc-col-header-cell-cushion {
  padding: 10px 0;
}
.fc-timeGridWeek-view.fc-view.fc-timegrid .fc-event {
  color: var(--main-text);
  border: none;
  background-color: var(--content-color);
}
.fc-timeGridWeek-view.fc-view.fc-timegrid .fc-event .fc-event-main-frame {
  color: var(--main-text);
  font-weight: 300;
  font-size: calc(12px * var(--scale));
  line-height: calc(16px * var(--lh));
}
@media (max-width: 992px) {
  .fc-timeGridWeek-view.fc-view.fc-timegrid .fc-event .fc-event-main-frame {
    font-size: calc(10px * var(--scale));
    line-height: calc(14px * var(--lh));
  }
}
.fc-timeGridWeek-view.fc-view.fc-timegrid
  .fc-event
  .fc-event-main-frame
  .fc-event-title-container {
  overflow: hidden;
  text-wrap: nowrap;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.fc .fc-timegrid-slot-minor {
  border-color: transparent;
}

.fc-col-header-cell {
  border-color: transparent !important;
}

.fc-theme-standard th {
  border-color: transparent;
}

.hearing-calendar__select {
  border-radius: 4px;
  border-color: transparent;
  scrollbar-width: none;
  background-color: var(--content-color);
  cursor: pointer;
}

@media (max-width: 992px) {
  .fc-view-harness {
    height: 350px !important;
  }
}

.fc-popover {
  border-radius: inherit;
}

@media (max-width: 768px) {
  .hearing-calendar__container {
    overflow-x: scroll;
    scrollbar-width: none;
  }
}
@media (max-width: 768px) {
  .hearing-calendar__container .hearing-calendar {
    width: 720px;
  }
}

.fc-timegrid-event {
  margin-bottom: 2px;
}

.fc-toolbar-title {
  padding: 0;
}

.fc .fc-toolbar-title {
  font-weight: 500;
  font-size: calc(24px * var(--scale));
  line-height: calc(28px * var(--lh));
}
@media (max-width: 992px) {
  .fc .fc-toolbar-title {
    font-size: calc(16px * var(--scale));
    line-height: calc(20px * var(--lh));
  }
}

.fc-button {
  box-shadow: none !important;
}

.fc-prev-button:hover,
.fc-next-button:hover {
  color: var(--primary-color-hover) !important;
}
.fc-prev-button:active,
.fc-next-button:active {
  background-color: transparent !important;
  color: var(--primary-color-active) !important;
}

.fc-timeGridWeek-view.fc-view.fc-timegrid .fc-col-header-cell-cushion:hover {
  text-decoration: none;
}

.hearing-event-popup {
  display: none;
  max-width: 400px;
  width: 100%;
  border-radius: 20px;
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.08);
  height: 320px;
  background-color: var(--content-color);
}
.hearing-event-popup_open {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 10;
}
.hearing-event-popup
  .hearing-event-popup__container
  .hearing-event-popup__top-content {
  display: flex;
  justify-content: space-between;
  padding: 16px;
}
.hearing-event-popup
  .hearing-event-popup__container
  .hearing-event-popup__top-content
  .hearing-event-popup__title {
  font-weight: 500;
  font-size: calc(16px * var(--scale));
  line-height: calc(20px * var(--lh));
}
@media (max-width: 992px) {
  .hearing-event-popup
    .hearing-event-popup__container
    .hearing-event-popup__top-content
    .hearing-event-popup__title {
    font-size: calc(12px * var(--scale));
    line-height: calc(16px * var(--lh));
  }
}
.hearing-event-popup
  .hearing-event-popup__container
  .hearing-event-popup__top-content
  .hearing-event-popup__buttons {
  display: flex;
  gap: 12px;
}
.hearing-event-popup
  .hearing-event-popup__container
  .hearing-event-popup__top-content
  .hearing-event-popup__buttons
  .hearing-event-popup__share-button {
  background-color: transparent;
}
.hearing-event-popup
  .hearing-event-popup__container
  .hearing-event-popup__bottom-content {
  display: flex;
  box-sizing: border-box;
  padding: 8px 16px 16px;
  max-height: 264px;
  overflow-y: hidden;
}
.hearing-event-popup
  .hearing-event-popup__container
  .hearing-event-popup__bottom-content
  .hearing-event-popup__bottom-info {
  display: flex;
  flex-direction: column;
  gap: 16px;
  overflow: scroll;
  scrollbar-width: none;
}
.hearing-event-popup
  .hearing-event-popup__container
  .hearing-event-popup__bottom-content
  .hearing-event-popup__bottom-info
  .hearing-event-popup__bottom-text-block {
  display: flex;
  gap: 24px;
}
.hearing-event-popup
  .hearing-event-popup__container
  .hearing-event-popup__bottom-content
  .hearing-event-popup__bottom-info
  .hearing-event-popup__desc-title {
  color: var(--tertiary-text);
  min-width: 80px;
  font-weight: 300;
  font-size: calc(12px * var(--scale));
  line-height: calc(16px * var(--lh));
}
@media (max-width: 992px) {
  .hearing-event-popup
    .hearing-event-popup__container
    .hearing-event-popup__bottom-content
    .hearing-event-popup__bottom-info
    .hearing-event-popup__desc-title {
    font-size: calc(10px * var(--scale));
    line-height: calc(14px * var(--lh));
  }
}
.hearing-event-popup
  .hearing-event-popup__container
  .hearing-event-popup__bottom-content
  .hearing-event-popup__bottom-info
  .hearing-event-popup__desc-text {
  box-sizing: border-box;
  overflow-y: scroll;
  scrollbar-width: none;
  font-weight: 300;
  font-size: calc(14px * var(--scale));
  line-height: calc(20px * var(--lh));
}
@media (max-width: 992px) {
  .hearing-event-popup
    .hearing-event-popup__container
    .hearing-event-popup__bottom-content
    .hearing-event-popup__bottom-info
    .hearing-event-popup__desc-text {
    font-size: calc(14px * var(--scale));
    line-height: calc(20px * var(--lh));
  }
}

.hearing-add-event-popup {
  display: none;
  max-width: 400px;
  width: 100%;
  border-radius: 20px;
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.08);
  background-color: var(--content-color);
}
.hearing-add-event-popup_open {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 10;
}
.hearing-add-event-popup .hearing-add-event-popup__container {
  display: flex;
  flex-direction: column;
  padding: 16px;
}
.hearing-add-event-popup
  .hearing-add-event-popup__container
  .hearing-add-event-popup__title-block {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
}
.hearing-add-event-popup
  .hearing-add-event-popup__container
  .hearing-add-event-popup__title-block
  .hearing-add-event-popup__title {
  font-weight: 500;
  font-size: calc(16px * var(--scale));
  line-height: calc(20px * var(--lh));
}
@media (max-width: 992px) {
  .hearing-add-event-popup
    .hearing-add-event-popup__container
    .hearing-add-event-popup__title-block
    .hearing-add-event-popup__title {
    font-size: calc(12px * var(--scale));
    line-height: calc(16px * var(--lh));
  }
}
.hearing-add-event-popup
  .hearing-add-event-popup__container
  .hearing-add-event-popup__content {
  display: flex;
  gap: 8px;
  flex-direction: column;
}
.hearing-add-event-popup
  .hearing-add-event-popup__container
  .hearing-add-event-popup__content
  .hearing-add-event-popup__time {
  display: flex;
  gap: 8px;
}
.hearing-add-event-popup
  .hearing-add-event-popup__container
  .hearing-add-event-popup__content
  .hearing-add-event-popup__time
  .hearing-add-event-popup__fields {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.hearing-add-event-popup
  .hearing-add-event-popup__container
  .hearing-add-event-popup__content
  .hearing-add-event-popup__time
  .hearing-add-event-popup__fields
  .hearing-add-event-popup__label {
  font-weight: 400;
  font-size: calc(14px * var(--scale));
  line-height: calc(18px * var(--lh));
}
@media (max-width: 992px) {
  .hearing-add-event-popup
    .hearing-add-event-popup__container
    .hearing-add-event-popup__content
    .hearing-add-event-popup__time
    .hearing-add-event-popup__fields
    .hearing-add-event-popup__label {
    font-size: calc(10px * var(--scale));
    line-height: calc(14px * var(--lh));
  }
}
.hearing-add-event-popup
  .hearing-add-event-popup__container
  .hearing-add-event-popup__content
  .hearing-add-event-popup__desc {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.hearing-add-event-popup
  .hearing-add-event-popup__container
  .hearing-add-event-popup__content
  .hearing-add-event-popup__desc
  .hearing-add-event-popup__fields {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.hearing-add-event-popup
  .hearing-add-event-popup__container
  .hearing-add-event-popup__content
  .hearing-add-event-popup__desc
  .hearing-add-event-popup__fields:last-of-type {
  margin-bottom: 16px;
}
.hearing-add-event-popup
  .hearing-add-event-popup__container
  .hearing-add-event-popup__content
  .hearing-add-event-popup__desc
  .hearing-add-event-popup__fields
  .hearing-add-event-popup__label {
  font-weight: 400;
  font-size: calc(14px * var(--scale));
  line-height: calc(18px * var(--lh));
}
@media (max-width: 992px) {
  .hearing-add-event-popup
    .hearing-add-event-popup__container
    .hearing-add-event-popup__content
    .hearing-add-event-popup__desc
    .hearing-add-event-popup__fields
    .hearing-add-event-popup__label {
    font-size: calc(10px * var(--scale));
    line-height: calc(14px * var(--lh));
  }
}

body.tmp-duma .dm-second-menu {
  background-color: var(--cards-background);
  top: 170px;
  border-top: none;
  border-color: var(--light-grey);
}
body.tmp-duma
  .dm-second-menu
  .dm-second-menu__col
  .dm-second-menu__links
  .dm-second-menu__title:hover,
body.tmp-duma
  .dm-second-menu
  .dm-second-menu__col
  .dm-second-menu__links
  .dm-second-menu__link:hover {
  color: var(--primary-color-green-hover);
}
body.tmp-duma
  .dm-second-menu
  .dm-second-menu__col
  .dm-second-menu__links
  .dm-second-menu__title:active,
body.tmp-duma
  .dm-second-menu
  .dm-second-menu__col
  .dm-second-menu__links
  .dm-second-menu__link:active {
  color: var(--primary-color-green-click);
}

.dm-second-menu {
  width: 100%;
  position: absolute;
  top: 148px;
  background-color: var(--content-color);
  z-index: 1010;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  justify-content: center;
  box-sizing: border-box;
  border-top: 1px solid rgb(233, 233, 233);
  border-bottom: 1px solid rgb(233, 233, 233);
  max-height: 80vh;
  overflow-y: scroll;
  scrollbar-width: none;
  margin: 0;
  display: none;
  cursor: auto;
}
.dm-second-menu_active {
  display: flex;
}
.dm-second-menu .dm-second-menu__content {
  display: flex;
  text-transform: none;
  gap: 24px;
  padding: 40px 174px;
  max-width: 1440px;
  width: 100%;
  box-sizing: border-box;
  position: relative;
}
.dm-second-menu .dm-second-menu__content .dm-second-menu__button-close {
  position: absolute;
  top: 40px;
  right: 64px;
}
.dm-second-menu .dm-second-menu__content .dm-second-menu__col {
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: 100%;
}
.dm-second-menu
  .dm-second-menu__content
  .dm-second-menu__col
  .dm-second-menu__links {
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: fit-content;
}
.dm-second-menu
  .dm-second-menu__content
  .dm-second-menu__col
  .dm-second-menu__links
  .dm-second-menu__title {
  color: var(--main-text);
  font-weight: 500;
  font-weight: 400;
  font-size: calc(16px * var(--scale));
  line-height: calc(20px * var(--lh));
}
@media (max-width: 992px) {
  .dm-second-menu
    .dm-second-menu__content
    .dm-second-menu__col
    .dm-second-menu__links
    .dm-second-menu__title {
    font-size: calc(12px * var(--scale));
    line-height: calc(16px * var(--lh));
  }
}
.dm-second-menu
  .dm-second-menu__content
  .dm-second-menu__col
  .dm-second-menu__links
  .dm-second-menu__title:hover {
  text-decoration: none;
  color: var(--primary-color-hover);
}
.dm-second-menu
  .dm-second-menu__content
  .dm-second-menu__col
  .dm-second-menu__links
  .dm-second-menu__title:active {
  color: var(--primary-color-active);
}
.dm-second-menu
  .dm-second-menu__content
  .dm-second-menu__col
  .dm-second-menu__links
  .dm-second-menu__link {
  color: var(--main-text);
  font-weight: 300;
  font-size: calc(14px * var(--scale));
  line-height: calc(20px * var(--lh));
}
@media (max-width: 992px) {
  .dm-second-menu
    .dm-second-menu__content
    .dm-second-menu__col
    .dm-second-menu__links
    .dm-second-menu__link {
    font-size: calc(14px * var(--scale));
    line-height: calc(20px * var(--lh));
  }
}
.dm-second-menu
  .dm-second-menu__content
  .dm-second-menu__col
  .dm-second-menu__links
  .dm-second-menu__link:hover {
  text-decoration: none;
  color: var(--primary-color-hover);
}
.dm-second-menu
  .dm-second-menu__content
  .dm-second-menu__col
  .dm-second-menu__links
  .dm-second-menu__link:active {
  color: var(--primary-color-active);
}
.dm-second-menu
  .dm-second-menu__content
  .dm-second-menu__col
  .dm-second-menu__links
  .dm-second-menu__link:first-of-type {
  margin-top: 4px;
}

.board-detail {
  padding-top: 24px;
  border-radius: 12px;
}
@media (max-width: 992px) {
  .board-detail {
    padding-top: 16px;
  }
}
.board-detail .board-detail__container {
  display: flex;
  gap: 40px;
}
@media (max-width: 992px) {
  .board-detail .board-detail__container {
    gap: 20px;
  }
}
@media (max-width: 768px) {
  .board-detail .board-detail__container {
    flex-direction: column;
    align-items: center;
  }
}
.board-detail .board-detail__container .board-detail__image {
  border-radius: 12px;
  max-width: 200px;
  width: 100%;
  max-height: 236px;
  object-fit: cover;
  object-position: center;
}
@media (max-width: 992px) {
  .board-detail .board-detail__container .board-detail__image {
    max-width: 110px;
    max-height: 132px;
  }
}
@media (max-width: 768px) {
  .board-detail .board-detail__container .board-detail__image {
    max-width: 296px;
    max-height: 340px;
  }
}
.board-detail .board-detail__container .board-detail__desc {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 24px;
}
.board-detail
  .board-detail__container
  .board-detail__desc
  .board-detail__desc-info {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
@media (max-width: 992px) {
  .board-detail
    .board-detail__container
    .board-detail__desc
    .board-detail__desc-info {
    gap: 8px;
  }
}
.board-detail
  .board-detail__container
  .board-detail__desc
  .board-detail__desc-info
  .board-detail__date {
  font-weight: 300;
  font-size: calc(16px * var(--scale));
  line-height: calc(20px * var(--lh));
}
@media (max-width: 992px) {
  .board-detail
    .board-detail__container
    .board-detail__desc
    .board-detail__desc-info
    .board-detail__date {
    font-size: calc(12px * var(--scale));
    line-height: calc(16px * var(--lh));
  }
}
.board-detail
  .board-detail__container
  .board-detail__desc
  .board-detail__desc-info
  .board-detail__about {
  font-weight: 400;
  font-size: calc(20px * var(--scale));
  line-height: calc(24px * var(--lh));
}
@media (max-width: 992px) {
  .board-detail
    .board-detail__container
    .board-detail__desc
    .board-detail__desc-info
    .board-detail__about {
    font-size: calc(14px * var(--scale));
    line-height: calc(18px * var(--lh));
  }
}

.table-blue th {
  background-color: var(--primary-color-disabled);
}

.project-table th:first-child,
.project-table td:first-child {
  width: 5%;
  text-align: center;
}
.project-table th:last-child,
.project-table td:last-child {
  width: 25%;
}
.project-table th:nth-child(2),
.project-table td:nth-child(2) {
  width: 70%;
}

.dm-about a {
  color: var(--primary-color);
}
.dm-about .event-card__buttons a {
  display: none;
}
.dm-about .event-card__buttons .event-card__button a {
  display: flex;
}
.dm-about .dm-about-container {
  display: flex;
}
.dm-about .dm-about-content {
  max-width: 866px;
  width: 100%;
}
.dm-about .dm-about-title {
  padding-top: 16px;
  padding-bottom: 16px;
}
.dm-about .dm-about-title span {
  font-weight: 400;
  font-size: calc(24px * var(--scale));
  line-height: calc(28px * var(--lh));
}
@media (max-width: 992px) {
  .dm-about .dm-about-title span {
    font-size: calc(16px * var(--scale));
    line-height: calc(20px * var(--lh));
  }
}
.dm-about .dm-about-block {
  padding-top: 24px;
}
.dm-about .dm-about-symbol {
  width: 100%;
  background-color: var(--grey-adm);
  padding: 20px;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  border-radius: 20px;
  gap: 20px;
  align-items: center;
  margin-top: 24px;
}
@media (max-width: 768px) {
  .dm-about .dm-about-symbol {
    flex-direction: column-reverse;
    align-items: flex-start;
  }
}
.dm-about ol > li::marker {
  font-weight: bold;
}
.dm-about .dm-about-finance-elem {
  width: 100%;
  background-color: var(--grey-adm);
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-top: 16px;
  border-radius: 8px;
  box-sizing: border-box;
}
.dm-about .dm-about-finance-elem hr {
  margin: 0;
}
.dm-about .dm-about-finance-elem .dm-about-finance-elem-bot {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
}
.dm-about
  .dm-about-finance-elem
  .dm-about-finance-elem-bot
  .dm-about-finance-elem-bot-left {
  display: flex;
  gap: 20px;
  align-items: center;
}
.dm-about
  .dm-about-finance-elem
  .dm-about-finance-elem-bot
  .dm-about-finance-elem-bot-left
  a {
  color: var(--main-text);
  text-decoration: underline;
  font-weight: 300;
  font-size: calc(16px * var(--scale));
  line-height: calc(24px * var(--lh));
}
@media (max-width: 992px) {
  .dm-about
    .dm-about-finance-elem
    .dm-about-finance-elem-bot
    .dm-about-finance-elem-bot-left
    a {
    font-size: calc(14px * var(--scale));
    line-height: calc(20px * var(--lh));
  }
}
.dm-about
  .dm-about-finance-elem
  .dm-about-finance-elem-bot
  .dm-about-finance-elem-bot-left
  span {
  font-weight: 400;
  font-size: calc(20px * var(--scale));
  line-height: calc(24px * var(--lh));
}
@media (max-width: 992px) {
  .dm-about
    .dm-about-finance-elem
    .dm-about-finance-elem-bot
    .dm-about-finance-elem-bot-left
    span {
    font-size: calc(14px * var(--scale));
    line-height: calc(18px * var(--lh));
  }
}
@media (max-width: 768px) {
  .dm-about
    .dm-about-finance-elem
    .dm-about-finance-elem-bot
    .dm-about-finance-elem-bot-left {
    flex-direction: column;
    align-items: flex-start;
  }
}
.dm-about
  .dm-about-finance-elem
  .dm-about-finance-elem-bot
  .dm-about-finance-elem-bot-right
  a {
  color: var(--content-color);
}
@media (max-width: 768px) {
  .dm-about
    .dm-about-finance-elem
    .dm-about-finance-elem-bot
    .dm-about-finance-elem-bot-right {
    width: 100%;
  }
  .dm-about
    .dm-about-finance-elem
    .dm-about-finance-elem-bot
    .dm-about-finance-elem-bot-right
    a {
    width: 100%;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
  }
}
@media (max-width: 768px) {
  .dm-about .dm-about-finance-elem .dm-about-finance-elem-bot {
    flex-direction: column;
    align-items: flex-start;
  }
}
.dm-about .dm-about-finance-elem .dm-about-finance-elem-top span {
  font-weight: 400;
  font-size: calc(20px * var(--scale));
  line-height: calc(24px * var(--lh));
}
@media (max-width: 992px) {
  .dm-about .dm-about-finance-elem .dm-about-finance-elem-top span {
    font-size: calc(14px * var(--scale));
    line-height: calc(18px * var(--lh));
  }
}
.dm-about .dm-about-finance-docs {
  padding-top: 24px;
}
.dm-about .dm-finance-quote .dm-finance-quote-top {
  padding: 8px 16px;
  font-weight: 300;
  font-size: calc(20px * var(--scale));
  line-height: calc(28px * var(--lh));
}
@media (max-width: 992px) {
  .dm-about .dm-finance-quote .dm-finance-quote-top {
    font-size: calc(16px * var(--scale));
    line-height: calc(24px * var(--lh));
  }
}
.dm-about .dm-finance-quote .dm-finance-quote-bot {
  padding-top: 8px;
  padding-bottom: 8px;
  color: var(--tertiary-text);
  font-weight: 300;
  font-size: calc(16px * var(--scale));
  line-height: calc(20px * var(--lh));
}
@media (max-width: 992px) {
  .dm-about .dm-finance-quote .dm-finance-quote-bot {
    font-size: calc(12px * var(--scale));
    line-height: calc(16px * var(--lh));
  }
}
.dm-about .dm-about-history-doc {
  padding-top: 16px;
}
.dm-about .links-list-item {
  color: var(--main-text);
}

@media (max-width: 768px) {
  .about {
    margin-top: 32px;
  }
}
.about li {
  font-weight: 300;
  font-size: calc(16px * var(--scale));
  line-height: calc(24px * var(--lh));
}
@media (max-width: 992px) {
  .about li {
    font-size: calc(14px * var(--scale));
    line-height: calc(20px * var(--lh));
  }
}
.about p,
.about span {
  font-weight: 300;
  font-size: calc(16px * var(--scale));
  line-height: calc(24px * var(--lh));
}
@media (max-width: 992px) {
  .about p,
  .about span {
    font-size: calc(14px * var(--scale));
    line-height: calc(20px * var(--lh));
  }
}
.about .about-content {
  max-width: 866px;
  margin: auto;
  display: flex;
  flex-direction: column;
  width: 100%;
}
.about .toggle-container {
  margin: 8px 0 8px;
}
.about .toggle-container .toggle-header:hover {
  border-radius: 12px;
  background-color: var(--services-hover);
}
.about .toggle-container .toggle-header:active {
  background-color: var(--services-active);
}
.about .toggle-container .toggle-arrow {
  color: var(--primary-color);
}
.about .event-card .event-card__container .event-card__description {
  flex-direction: column-reverse;
  margin: 0 0 32px;
}
.about .event-card .event-card__container .event-card__buttons .button {
  display: none;
}
.about .event-card .event-card__container .event-card__buttons .button_share,
.about .event-card .event-card__container .event-card__buttons .share_button {
  display: flex;
}

.profile-settings-title {
  padding-top: 24px;
}
.profile-settings-title span {
  color: var(--main-text);
  font-weight: 500;
  font-size: calc(20px * var(--scale));
  line-height: calc(24px * var(--lh));
}
@media (max-width: 992px) {
  .profile-settings-title span {
    font-size: calc(14px * var(--scale));
    line-height: calc(18px * var(--lh));
  }
}

.profile-settings-inputs {
  padding-top: 24px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.profile-settings {
  width: 100%;
  max-width: 866px;
}
.profile-settings button {
  margin-top: 24px;
}

.profile-settings-interests {
  padding-top: 24px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.button_exit {
  background-color: var(--content-color);
  border: 1px solid #d10404;
  color: #d10404;
}
.button_exit:hover {
  background-color: #d10404;
  border: 1px solid #d10404;
  color: var(--content-color);
}

.profile-anket-main {
  max-width: 866px;
  width: 100%;
}
.profile-anket-main .button_without-event {
  pointer-events: all;
}

.profile-anket-item {
  width: 100%;
}

.profile-anket-item-title span {
  font-weight: 500;
  font-size: calc(24px * var(--scale));
  line-height: calc(28px * var(--lh));
}
@media (max-width: 992px) {
  .profile-anket-item-title span {
    font-size: calc(16px * var(--scale));
    line-height: calc(20px * var(--lh));
  }
}

.profile-anket-main hr {
  width: 100%;
}

.profile-anket-item-title {
  padding-top: 32px;
}

.profile-anket-item-subtitle {
  padding-top: 16px;
  padding-bottom: 16px;
}

.profile-anket-item-subtitle span {
  font-weight: 400;
  font-size: calc(20px * var(--scale));
  line-height: calc(24px * var(--lh));
}
@media (max-width: 992px) {
  .profile-anket-item-subtitle span {
    font-size: calc(14px * var(--scale));
    line-height: calc(18px * var(--lh));
  }
}

.profile-anket-item-with-descr .fieldset__title {
  font-weight: 300;
  font-size: calc(16px * var(--scale));
  line-height: calc(20px * var(--lh));
}
@media (max-width: 992px) {
  .profile-anket-item-with-descr .fieldset__title {
    font-size: calc(12px * var(--scale));
    line-height: calc(16px * var(--lh));
  }
}

.profile-anket-draft {
  width: 100%;
  background-color: var(--grey-adm);
  padding: 20px;
  box-sizing: border-box;
  border-radius: 12px;
  display: flex;
  justify-content: space-between;
  gap: 16px;
  align-items: center;
}
@media (max-width: 768px) {
  .profile-anket-draft {
    flex-direction: column;
    align-items: flex-start;
  }
}

.profile-anket-draft-left {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.profile-anket-draft-right .button_red:hover {
  border: 1px solid #e80000;
  background-color: #e80000;
}
.profile-anket-draft-right .button_red:active {
  border: 1px solid #a50505;
  background-color: #a50505;
}
@media (max-width: 768px) {
  .profile-anket-draft-right {
    width: 100%;
  }
  .profile-anket-draft-right button {
    width: 100%;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
  }
}

.profile-anket-draft-title span {
  font-weight: 500;
  font-size: calc(16px * var(--scale));
  line-height: calc(20px * var(--lh));
}
@media (max-width: 992px) {
  .profile-anket-draft-title span {
    font-size: calc(12px * var(--scale));
    line-height: calc(16px * var(--lh));
  }
}

.profile-anket-draft-subtitle {
  font-weight: 300;
  font-size: calc(12px * var(--scale));
  line-height: calc(16px * var(--lh));
}
@media (max-width: 992px) {
  .profile-anket-draft-subtitle {
    font-size: calc(10px * var(--scale));
    line-height: calc(14px * var(--lh));
  }
}

.login-projects {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: var(--content-color);
  padding: 20px;
  border-radius: 12px;
  z-index: 1000;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  max-width: 400px;
  width: 100%;
}
@media (max-width: 550px) {
  .login-projects {
    height: 110vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    box-sizing: border-box;
    max-width: unset;
    border-radius: 0;
    overflow: hidden;
  }
}
.login-projects .login__content-top {
  justify-content: flex-end;
}
.login-projects .login__content-main {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.login-projects.hidden {
  display: none !important;
}

.delete-project {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: var(--content-color);
  padding: 20px;
  border-radius: 12px;
  z-index: 1000;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  max-width: 400px;
  width: 100%;
}
@media (max-width: 550px) {
  .delete-project {
    height: 110vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    box-sizing: border-box;
    max-width: unset;
    border-radius: 0;
    overflow: hidden;
  }
}
.delete-project .login__content-top {
  justify-content: flex-end;
}
.delete-project .login__content-main {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.delete-project .login__content-main__confirm-email span {
  color: red;
}

.delete-project.hidden {
  display: none !important;
}

.modal-title {
  background-color: var(--content-color);
  border-radius: 4px;
  position: absolute;
  top: 140%;
  left: 50%;
  max-width: 347px;
  width: 174%;
  z-index: 10;
  display: none;
}
.modal-title .modal-title__container {
  padding: 12px;
}
.modal-title .modal-title__container .modal-title__text {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
}
.profile-settings-interest-elem {
  padding: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: var(--grey-adm);
  border-radius: 12px;
  box-sizing: border-box;
  gap: 16px;
}
.profile-settings-interest-elem button {
  margin-top: 0;
}
@media (max-width: 768px) {
  .profile-settings-interest-elem button {
    width: 100%;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
  }
}
@media (max-width: 768px) {
  .profile-settings-interest-elem {
    flex-direction: column;
    align-items: flex-start;
  }
}
.profile-settings-interest-elem .profile-settings-interest-elem-left {
  display: flex;
  align-items: center;
  gap: 20px;
}
@media (max-width: 768px) {
  .profile-settings-interest-elem .profile-settings-interest-elem-left {
    flex-direction: column;
    gap: 16px;
    align-items: flex-start;
  }
}
@media (max-width: 768px) {
  .profile-settings-interest-elem .profile-settings-interest-elem-left {
    gap: 12px;
  }
}
.profile-settings-interest-elem .profile-settings-interest-elem-left .icon {
  font-size: 48px;
  color: #c6cbd9;
}
@media (max-width: 992px) {
  .profile-settings-interest-elem .profile-settings-interest-elem-left .icon {
    font-size: 40px;
  }
}
@media (max-width: 768px) {
  .profile-settings-interest-elem .profile-settings-interest-elem-left .icon {
    font-size: 32px;
  }
}
.profile-settings-interest-elem .profile-settings-interest-elem-mid {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
@media (max-width: 992px) {
  .profile-settings-interest-elem .profile-settings-interest-elem-mid {
    gap: 8px;
  }
}
.profile-settings-interest-elem
  .profile-settings-interest-elem-mid
  .profile-settings-interest-elem-mid-title
  span {
  color: var(--second-text);
  font-weight: 500;
  font-size: calc(16px * var(--scale));
  line-height: calc(20px * var(--lh));
}
@media (max-width: 992px) {
  .profile-settings-interest-elem
    .profile-settings-interest-elem-mid
    .profile-settings-interest-elem-mid-title
    span {
    font-size: calc(12px * var(--scale));
    line-height: calc(16px * var(--lh));
  }
}
.profile-settings-interest-elem
  .profile-settings-interest-elem-mid
  .profile-settings-interest-elem-mid-subtitle
  span {
  font-weight: 300;
  font-size: calc(12px * var(--scale));
  line-height: calc(16px * var(--lh));
}
@media (max-width: 992px) {
  .profile-settings-interest-elem
    .profile-settings-interest-elem-mid
    .profile-settings-interest-elem-mid-subtitle
    span {
    font-size: calc(10px * var(--scale));
    line-height: calc(14px * var(--lh));
  }
}
@media (max-width: 768px) {
  .profile-settings-interest-elem .profile-settings-interest-elem-right {
    width: 100%;
  }
}

.dm-reception .dm-reception__container {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.dm-reception .dm-reception__container .dm-applications__list {
  background-color: var(--cards-background);
  border-radius: 20px;
  padding: 40px 40px 40px 60px;
  margin: 0;
}
@media (max-width: 992px) {
  .dm-reception .dm-reception__container .dm-applications__list {
    padding: 32px 32px 32px 52px;
  }
}
@media (max-width: 768px) {
  .dm-reception .dm-reception__container .dm-applications__list {
    padding: 24px 24px 24px 44px;
  }
}
.dm-reception .dm-reception__container .dm-reception__form {
  background-color: var(--cards-background);
  border-radius: 20px;
  padding: 40px;
}
@media (max-width: 992px) {
  .dm-reception .dm-reception__container .dm-reception__form {
    padding: 32px;
  }
}
@media (max-width: 768px) {
  .dm-reception .dm-reception__container .dm-reception__form {
    padding: 24px;
  }
}
.dm-reception
  .dm-reception__container
  .dm-reception__form
  .dm-reception__title {
  padding: 0;
  margin-bottom: 32px;
  font-weight: 500;
  font-size: calc(24px * var(--scale));
  line-height: calc(28px * var(--lh));
}
@media (max-width: 992px) {
  .dm-reception
    .dm-reception__container
    .dm-reception__form
    .dm-reception__title {
    font-size: calc(16px * var(--scale));
    line-height: calc(20px * var(--lh));
  }
}
.dm-reception
  .dm-reception__container
  .dm-reception__form
  .dm-reception__fileds {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media (max-width: 992px) {
  .dm-reception
    .dm-reception__container
    .dm-reception__form
    .dm-reception__fileds {
    gap: 12px;
  }
}
.dm-reception
  .dm-reception__container
  .dm-reception__form
  .dm-reception__fileds
  .dm-reception__name-inputs {
  display: flex;
  gap: 12px;
}
@media (max-width: 768px) {
  .dm-reception
    .dm-reception__container
    .dm-reception__form
    .dm-reception__fileds
    .dm-reception__name-inputs {
    flex-direction: column;
  }
}
.dm-reception
  .dm-reception__container
  .dm-reception__form
  .dm-reception__fileds
  .dm-reception__inputs {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media (max-width: 992px) {
  .dm-reception
    .dm-reception__container
    .dm-reception__form
    .dm-reception__fileds
    .dm-reception__inputs {
    gap: 12px;
  }
}
.dm-reception
  .dm-reception__container
  .dm-reception__form
  .dm-reception__fileds
  .dm-reception__required {
  margin-top: 8px;
  color: var(--tertiary-text);
  font-weight: 300;
  font-size: calc(16px * var(--scale));
  line-height: calc(20px * var(--lh));
}
@media (max-width: 992px) {
  .dm-reception
    .dm-reception__container
    .dm-reception__form
    .dm-reception__fileds
    .dm-reception__required {
    font-size: calc(12px * var(--scale));
    line-height: calc(16px * var(--lh));
  }
}
.dm-reception
  .dm-reception__container
  .dm-reception__form
  .dm-applications__buttons
  .files-list {
  margin: 16px 0;
}
.dm-reception
  .dm-reception__container
  .dm-reception__form
  .dm-applications__buttons
  .files-list
  .files-list__document-description {
  background-color: var(--content-color);
}
.dm-reception
  .dm-reception__container
  .dm-reception__form
  .dm-applications__buttons
  .files-list
  .files-list__delete-button {
  background-color: var(--content-color);
}
@media (max-width: 768px) {
  .dm-reception
    .dm-reception__container
    .dm-reception__form
    .dm-applications__buttons
    .add-file-button {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }
}
.dm-reception
  .dm-reception__container
  .dm-reception__form
  .dm-applications__buttons
  .dm-applications__divider {
  margin-bottom: 32px;
}
.dm-reception
  .dm-reception__container
  .dm-reception__form
  .dm-applications__buttons
  .dm-reception__button-desc {
  display: flex;
  align-items: center;
  gap: 42px;
}
@media (max-width: 768px) {
  .dm-reception
    .dm-reception__container
    .dm-reception__form
    .dm-applications__buttons
    .dm-reception__button-desc {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }
}
.dm-reception
  .dm-reception__container
  .dm-reception__form
  .dm-applications__buttons
  .dm-reception__button-desc
  .dm-reception__warning {
  max-width: 303px;
  color: var(--tertiary-text);
  font-weight: 300;
  font-size: calc(16px * var(--scale));
  line-height: calc(24px * var(--lh));
}
@media (max-width: 992px) {
  .dm-reception
    .dm-reception__container
    .dm-reception__form
    .dm-applications__buttons
    .dm-reception__button-desc
    .dm-reception__warning {
    font-size: calc(14px * var(--scale));
    line-height: calc(20px * var(--lh));
  }
}
.dm-reception .span_red {
  color: #d10404;
}

.scheme-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 60px;
}
@media (max-width: 992px) {
  .scheme-container {
    gap: 32px;
  }
}
@media (max-width: 768px) {
  .scheme-container {
    gap: 48px;
  }
}

.scheme a:hover {
  text-decoration: none;
}

.scheme-elems {
  gap: 10px;
  display: grid;
  grid-template-columns: repeat(8, 1fr);
}
@media (max-width: 992px) {
  .scheme-elems {
    gap: 5px;
  }
}
@media (max-width: 768px) {
  .scheme-elems {
    display: flex;
    flex-direction: column;
    gap: 40px;
    width: 100%;
  }
}

.scheme-col {
  display: flex;
  flex-direction: column;
  gap: 10px;
  position: relative;
}
@media (max-width: 992px) {
  .scheme-col {
    gap: 5px;
  }
}
@media (max-width: 768px) {
  .scheme-col::before,
  .scheme-col::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    height: 1px;
    margin-top: -20px;
    background: repeating-linear-gradient(
      to right,
      var(--event-color-hover),
      var(--event-color-hover) 60px,
      transparent 60px,
      transparent 80px
    );
  }
}

.scheme-el {
  padding: 16px 8px;
  background-color: var(--event-color);
  border-radius: 4px;
  text-align: center;
  box-sizing: border-box;
}
@media (max-width: 768px) {
  .scheme-el {
    width: 100%;
  }
}

.scheme-el:hover,
.scheme-title:hover {
  background-color: var(--event-color-hover);
}

.scheme-el span {
  color: var(--second-text);
  font-size: 10px;
  line-height: 16px;
  font-weight: 400;
}
@media (max-width: 992px) {
  .scheme-el span {
    font-size: 8px;
  }
}
@media (max-width: 768px) {
  .scheme-el span {
    font-size: 11px;
  }
}

.scheme-title {
  width: 100%;
  padding: 16px 8px;
  background-color: var(--event-color);
  border-radius: 4px;
  text-align: center;
  box-sizing: border-box;
}

.scheme-title span {
  color: var(--second-text);
  font-weight: 400;
  font-size: calc(14px * var(--scale));
  line-height: calc(18px * var(--lh));
}
@media (max-width: 992px) {
  .scheme-title span {
    font-size: calc(10px * var(--scale));
    line-height: calc(14px * var(--lh));
  }
}

.page404-container {
  margin: 0 auto;
  max-width: 480px;
  display: flex;
  flex-direction: column;
  gap: 60px;
  padding-top: 120px;
  padding-bottom: 60px;
}
@media (max-width: 992px) {
  .page404-container {
    max-width: 360px;
    gap: 40px;
  }
}
@media (max-width: 768px) {
  .page404-container {
    gap: 32px;
  }
}
.page404-container .page404-img img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.page404-container .page404-text {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
}
@media (max-width: 992px) {
  .page404-container .page404-text {
    gap: 16px;
  }
}
.page404-container .page404-text-top span {
  color: var(--second-text);
  font-weight: 400;
  font-size: calc(28px * var(--scale));
  line-height: calc(34px * var(--lh));
}
@media (max-width: 992px) {
  .page404-container .page404-text-top span {
    font-size: calc(18px * var(--scale));
    line-height: calc(22px * var(--lh));
  }
}
.page404-container .page404-text-bot a {
  color: var(--primary-color);
  font-weight: 400;
  font-size: calc(20px * var(--scale));
  line-height: calc(24px * var(--lh));
}
@media (max-width: 992px) {
  .page404-container .page404-text-bot a {
    font-size: calc(13px * var(--scale));
    line-height: calc(16px * var(--lh));
  }
}
.dm-deput {
  padding-top: 24px;
}
.dm-deput .dm-deput-container {
  display: flex;
  align-items: top;
  width: 100%;
  gap: 24px;
}
@media (max-width: 992px) {
  .dm-deput .dm-deput-container {
    flex-direction: column;
    gap: 8px;
  }
}
.dm-deput .dm-deput-container .dm-deput-left {
  max-width: 310px;
}
@media (max-width: 992px) {
  .dm-deput .dm-deput-container .dm-deput-left {
    max-width: unset;
    width: 100%;
  }
}
.dm-deput .dm-deput-container .dm-deput-left .dm-deput-left-info {
  display: flex;
  flex-direction: column;
}
@media (max-width: 992px) {
  .dm-deput .dm-deput-container .dm-deput-left .dm-deput-left-info :last-child {
    margin-top: 0;
    order: 2;
  }
}
.dm-deput .dm-deput-container .dm-deput-left img {
  object-fit: cover;
  max-height: 364px;
  object-position: top;
  width: 100%;
  border-radius: 8px;
}
.dm-deput .dm-deput-container .dm-deput-left .dm-deput-info-text {
  width: 100%;
  background-color: var(--grey-adm);
  padding: 20px;
  border-radius: 12px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.dm-deput .dm-deput-container .dm-deput-left .dm-deput-info-text p {
  padding: 0;
  margin: 0;
}

@media (max-width: 992px) {
  .dm-deput .dm-deput-container .dm-deput-left .dm-deput-info-text {
    width: 100%;
    background-color: var(--grey-adm);
    padding: 16px;
    border-radius: 12px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: 16px;
    order: 4;
  }
  .dm-deput
    .dm-deput-container
    .dm-deput-left
    .dm-deput-info-text
    .dm-deput-info-text-info {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    font-weight: 300;
    font-size: calc(16px * var(--scale));
    line-height: calc(24px * var(--lh));
  }
}
@media (max-width: 992px) and (max-width: 992px) {
  .dm-deput
    .dm-deput-container
    .dm-deput-left
    .dm-deput-info-text
    .dm-deput-info-text-info {
    font-size: calc(14px * var(--scale));
    line-height: calc(20px * var(--lh));
  }
}
@media (max-width: 992px) and (max-width: 768px) {
  .dm-deput
    .dm-deput-container
    .dm-deput-left
    .dm-deput-info-text
    .dm-deput-info-text-info {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 992px) {
  .dm-deput
    .dm-deput-container
    .dm-deput-left
    .dm-deput-info-text
    .dm-deput-info-text-title
    span {
    font-weight: 500;
    font-size: calc(16px * var(--scale));
    line-height: calc(20px * var(--lh));
  }
}
@media (max-width: 992px) and (max-width: 992px) {
  .dm-deput
    .dm-deput-container
    .dm-deput-left
    .dm-deput-info-text
    .dm-deput-info-text-title
    span {
    font-size: calc(12px * var(--scale));
    line-height: calc(16px * var(--lh));
  }
}
.dm-deput
  .dm-deput-container
  .dm-deput-left
  .dm-deput-info-text
  .dm-deput-info-text-title
  span {
  font-weight: 500;
  font-size: calc(16px * var(--scale));
  line-height: calc(20px * var(--lh));
}
@media (max-width: 992px) {
  .dm-deput
    .dm-deput-container
    .dm-deput-left
    .dm-deput-info-text
    .dm-deput-info-text-title
    span {
    font-size: calc(12px * var(--scale));
    line-height: calc(16px * var(--lh));
  }
}
.dm-deput .dm-deput-container .dm-deput-right {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.dm-deput .dm-deput-container .dm-deput-right .dm-deput-right-info {
  width: 100%;
  background-color: var(--grey-adm);
  padding: 40px;
  border-radius: 12px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 32px;
}
@media (max-width: 992px) {
  .dm-deput .dm-deput-container .dm-deput-right .dm-deput-right-info {
    margin-top: 8px;
    width: 100%;
    background-color: var(--grey-adm);
    padding: 16px;
    border-radius: 12px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
  }
  .dm-deput
    .dm-deput-container
    .dm-deput-right
    .dm-deput-right-info
    .dm-deput-top {
    display: flex;
    flex-direction: column;
    gap: 12px;
  }
}
.dm-deput
  .dm-deput-container
  .dm-deput-right
  .dm-deput-right-info
  .dm-deput-top {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
@media (max-width: 992px) {
  .dm-deput
    .dm-deput-container
    .dm-deput-right
    .dm-deput-right-info
    .dm-deput-top {
    display: none;
  }
}
.dm-deput
  .dm-deput-container
  .dm-deput-right
  .dm-deput-right-info
  .dm-deput-top
  .dm-deput-name
  span {
  font-weight: 400;
  font-size: calc(28px * var(--scale));
  line-height: calc(34px * var(--lh));
}
@media (max-width: 992px) {
  .dm-deput
    .dm-deput-container
    .dm-deput-right
    .dm-deput-right-info
    .dm-deput-top
    .dm-deput-name
    span {
    font-size: calc(18px * var(--scale));
    line-height: calc(22px * var(--lh));
  }
}
.dm-deput
  .dm-deput-container
  .dm-deput-right
  .dm-deput-right-info
  .dm-deput-top
  .dm-deput-status
  span {
  color: var(--second-text);
  font-weight: 300;
  font-size: calc(16px * var(--scale));
  line-height: calc(20px * var(--lh));
}
@media (max-width: 992px) {
  .dm-deput
    .dm-deput-container
    .dm-deput-right
    .dm-deput-right-info
    .dm-deput-top
    .dm-deput-status
    span {
    font-size: calc(12px * var(--scale));
    line-height: calc(16px * var(--lh));
  }
}

.dm-deput-card {
  width: 100%;
}
@media (max-width: 992px) {
  .dm-deput-card {
    border-radius: 8px;
    background-color: var(--cards-background);
    padding: 16px 100px 16px 16px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    gap: 20px;
    height: 155px;
  }
  .dm-deput-card .dm-deput-card-img {
    min-width: 100px;
    max-width: 100px;
    min-height: 115px;
    max-height: 115px;
    border-radius: 8px;
  }
  .dm-deput-card .dm-deput-card-img img {
    width: 100%;
    height: 100%;
    border-radius: 8px;
    object-fit: cover;
  }
}
@media (max-width: 992px) {
  .dm-deput-card .dm-deput-card-info {
    display: flex;
    flex-direction: column;
    gap: 16px;
  }
  .dm-deput-card .dm-deput-card-info .dm-deput-name span {
    font-weight: 400;
    font-size: calc(28px * var(--scale));
    line-height: calc(34px * var(--lh));
  }
}
@media (max-width: 992px) and (max-width: 992px) {
  .dm-deput-card .dm-deput-card-info .dm-deput-name span {
    font-size: calc(18px * var(--scale));
    line-height: calc(22px * var(--lh));
  }
}
@media (max-width: 992px) {
  .dm-deput-card .dm-deput-card-info .dm-deput-status span {
    color: var(--second-text);
    font-weight: 300;
    font-size: calc(16px * var(--scale));
    line-height: calc(20px * var(--lh));
  }
}
@media (max-width: 992px) and (max-width: 992px) {
  .dm-deput-card .dm-deput-card-info .dm-deput-status span {
    font-size: calc(12px * var(--scale));
    line-height: calc(16px * var(--lh));
  }
}
@media (max-width: 768px) {
  .dm-deput-card {
    padding-right: 16px;
    height: unset;
    align-items: flex-start;
  }
}

.dm-deput-card-info {
  display: none;
}
@media (max-width: 992px) {
  .dm-deput-card-info {
    display: block;
  }
}

.dm-schedule-top a {
  color: var(--primary-color);
}

.dm-schedule-elem {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 20px;
  background-color: var(--grey-adm);
  padding: 20px;
  border-radius: 12px;
  margin-top: 24px;
  box-sizing: border-box;
}
@media (max-width: 992px) {
  .dm-schedule-elem {
    padding: 16px;
    gap: 16px;
    margin-top: 16px;
  }
}
.dm-schedule-elem hr {
  margin: 0;
}
.dm-schedule-elem span,
.dm-schedule-elem a {
  font-weight: 300;
  font-size: calc(16px * var(--scale));
  line-height: calc(24px * var(--lh));
}
@media (max-width: 992px) {
  .dm-schedule-elem span,
  .dm-schedule-elem a {
    font-size: calc(14px * var(--scale));
    line-height: calc(20px * var(--lh));
  }
}
.dm-schedule-elem a {
  color: var(--primary-color);
  font-weight: 400;
}
.dm-schedule-elem .dm-schedule-top span {
  font-weight: 400;
  font-size: calc(24px * var(--scale));
  line-height: calc(28px * var(--lh));
}
@media (max-width: 992px) {
  .dm-schedule-elem .dm-schedule-top span {
    font-size: calc(16px * var(--scale));
    line-height: calc(20px * var(--lh));
  }
}
.dm-schedule-elem .dm-schedule-elem-block {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
@media (max-width: 992px) {
  .dm-schedule-elem .dm-schedule-elem-block {
    gap: 16px;
  }
}
.dm-schedule-elem .dm-schedule-elem-block .dm-schedule-elem-block-item {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
@media (max-width: 992px) {
  .dm-schedule-elem .dm-schedule-elem-block .dm-schedule-elem-block-item {
    gap: 8px;
  }
}
.dm-schedule-elem
  .dm-schedule-elem-block
  .dm-schedule-elem-block-item
  .subtitle {
  color: var(--tertiary-text);
  font-weight: 300;
  font-size: calc(16px * var(--scale));
  line-height: calc(20px * var(--lh));
}
@media (max-width: 992px) {
  .dm-schedule-elem
    .dm-schedule-elem-block
    .dm-schedule-elem-block-item
    .subtitle {
    font-size: calc(12px * var(--scale));
    line-height: calc(16px * var(--lh));
  }
}

.about-partner-card {
  display: flex;
  align-items: center;
  background-color: var(--content-color);
  padding: 20px 32px;
  border-radius: 12px;
  min-width: max-content;
  color: var(--main-text);
}
.about-partner-card:hover {
  text-decoration: none;
}
@media (max-width: 992px) {
  .about-partner-card {
    padding: 12px;
  }
}
.about-partner-card:hover .about-partner-card__title {
  cursor: pointer;
  color: var(--primary-color);
}
.about-partner-card:active .about-partner-card__title {
  cursor: pointer;
  color: var(--primary-color-active);
}
.about-partner-card .about-partner-card__content {
  display: flex;
  align-items: center;
  gap: 20px;
}
.about-partner-card .about-partner-card__content .about-partner-card__image {
  max-width: 56px;
  width: 100%;
  max-height: 56px;
  object-fit: cover;
  object-position: center;
  border-radius: 50%;
}
@media (max-width: 992px) {
  .about-partner-card .about-partner-card__content .about-partner-card__image {
    max-width: 44px;
  }
}
.about-partner-card .about-partner-card__content .about-partner-card__desc {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.about-partner-card
  .about-partner-card__content
  .about-partner-card__desc
  .about-partner-card__title {
  padding: 0;
  font-weight: 500;
  font-size: calc(20px * var(--scale));
  line-height: calc(24px * var(--lh));
}
@media (max-width: 992px) {
  .about-partner-card
    .about-partner-card__content
    .about-partner-card__desc
    .about-partner-card__title {
    font-size: calc(14px * var(--scale));
    line-height: calc(18px * var(--lh));
  }
}
.about-partner-card
  .about-partner-card__content
  .about-partner-card__desc
  .about-partner-card__caption {
  color: var(--tertiary-text);
  font-weight: 300;
  font-size: calc(16px * var(--scale));
  line-height: calc(20px * var(--lh));
}
@media (max-width: 992px) {
  .about-partner-card
    .about-partner-card__content
    .about-partner-card__desc
    .about-partner-card__caption {
    font-size: calc(12px * var(--scale));
    line-height: calc(16px * var(--lh));
  }
}

.about-info {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 32px 0 64px;
}
@media (max-width: 992px) {
  .about-info {
    padding: 0 0 48px;
  }
}
@media (max-width: 768px) {
  .about-info {
    padding: 0 0 32px;
  }
}
.about-info .about-info-row {
  display: flex;
  justify-content: space-between;
  gap: 24px;
  align-items: center;
}
.about-info .about-info-row:last-child .about-info-text {
  text-align: end;
}
@media (max-width: 768px) {
  .about-info .about-info-row:last-child {
    flex-direction: column-reverse;
  }
}
@media (max-width: 768px) {
  .about-info .about-info-row {
    flex-direction: column;
  }
}
.about-info .about-info-row .about-card {
  width: 100%;
  background-color: var(--grey-adm);
  padding: 20px;
  border-radius: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  box-sizing: border-box;
}
.about-info .about-info-row .about-card-left {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.about-info .about-info-row .about-card-left .about-card-fact {
  font-size: 64px;
  color: var(--primary-color);
  font-weight: 600;
  line-height: unset;
}
.about-info .about-info-row .about-card-left .about-card-subtitle {
  font-weight: 400;
  font-size: calc(16px * var(--scale));
  line-height: calc(20px * var(--lh));
}
@media (max-width: 992px) {
  .about-info .about-info-row .about-card-left .about-card-subtitle {
    font-size: calc(12px * var(--scale));
    line-height: calc(16px * var(--lh));
  }
}
.about-info .about-info-row .about-card-left .about-card-title {
  font-weight: 600;
  font-size: 16px;
}
.about-info .about-info-row .about-card-right .about-card-fact {
  font-size: 64px;
  color: var(--primary-color);
  font-weight: 600;
  line-height: unset;
}
@media (max-width: 992px) {
  .about-info .about-info-row .about-card-right .about-card-fact {
    font-size: 40px;
  }
}
@media (max-width: 768px) {
  .about-info .about-info-row .about-card-right .about-card-img {
    display: none;
  }
}
.about-info .about-info-row .about-info-text {
  display: none;
}
@media (max-width: 768px) {
  .about-info .about-info-row .about-info-text {
    display: block;
  }
}
.about-info .about-info__map {
  margin-top: 24px;
}
.about-info .about-info__map .about-info__map-content {
  display: flex;
  align-items: center;
  gap: 40px;
}
@media (max-width: 992px) {
  .about-info .about-info__map .about-info__map-content {
    align-items: center;
    justify-content: center;
  }
}
.about-info .about-info__map .about-info__map-content .about-info__map-image {
  border-radius: 50%;
  border: 1px solid var(--primary-color);
  max-width: 419px;
  width: 100%;
  max-height: 419px;
}
.about-info
  .about-info__map
  .about-info__map-content
  .about-info__map-desc-block {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
@media (max-width: 992px) {
  .about-info
    .about-info__map
    .about-info__map-content
    .about-info__map-desc-block {
    display: none;
  }
}
.about-info
  .about-info__map
  .about-info__map-content
  .about-info__map-desc-block
  .about-info__map-title {
  font-weight: 300;
  font-size: calc(16px * var(--scale));
  line-height: calc(24px * var(--lh));
}
@media (max-width: 992px) {
  .about-info
    .about-info__map
    .about-info__map-content
    .about-info__map-desc-block
    .about-info__map-title {
    font-size: calc(14px * var(--scale));
    line-height: calc(20px * var(--lh));
  }
}
.about-info
  .about-info__map
  .about-info__map-content
  .about-info__map-desc-block
  .about-info__map-list {
  margin: 0;
  font-weight: 300;
  font-size: calc(16px * var(--scale));
  line-height: calc(24px * var(--lh));
}
@media (max-width: 992px) {
  .about-info
    .about-info__map
    .about-info__map-content
    .about-info__map-desc-block
    .about-info__map-list {
    font-size: calc(14px * var(--scale));
    line-height: calc(20px * var(--lh));
  }
}
.about-info
  .about-info__map
  .about-info__map-content
  .about-info__map-desc-block
  .about-info__map-list
  li:first-of-type {
  list-style: none;
}
.about-info
  .about-info__map
  .about-info__map-content
  .about-info__map-desc-block
  .about-info__map-list
  .about-info__map-list-item {
  margin-left: 20px;
}

.about-partners .full-width-content {
  position: relative;
}
.about-partners .about-partners__bg {
  position: absolute;
  bottom: 0;
  right: 0;
  height: 100%;
}
.about-partners .about-partners__container {
  padding: 40px 0;
}
@media (max-width: 992px) {
  .about-partners .about-partners__container {
    padding: 32px 0;
  }
}
.about-partners .about-partners__container .title {
  position: relative;
  max-width: 866px;
  margin: 0 auto 80px;
  z-index: 2;
}
@media (max-width: 992px) {
  .about-partners .about-partners__container .title {
    margin: 0 auto 40px;
  }
}
.about-partners .about-partners__container .about-partners__list {
  display: flex;
  flex-direction: column;
  gap: 24px;
  position: relative;
  width: 100vw;
  margin-left: -50vw;
  margin-right: -50vw;
  left: 50%;
  right: 50%;
}
.about-partners
  .about-partners__container
  .about-partners__list
  .about-partners__row {
  display: flex;
  gap: 24px;
  flex-wrap: nowrap;
  width: 100%;
}

.about-symbols {
  padding: 32px 0 64px;
}
@media (max-width: 992px) {
  .about-symbols {
    padding: 0 0 48px;
  }
}
@media (max-width: 768px) {
  .about-symbols {
    padding: 0 0 32px;
  }
}
.about-symbols .about-symbols__title {
  font-weight: 500;
  font-size: calc(24px * var(--scale));
  line-height: calc(28px * var(--lh));
}
@media (max-width: 992px) {
  .about-symbols .about-symbols__title {
    font-size: calc(16px * var(--scale));
    line-height: calc(20px * var(--lh));
  }
}
.about-symbols .about-symbols__title {
  padding: 32px 0 16px;
}
@media (max-width: 992px) {
  .about-symbols .about-symbols__title {
    padding: 24px 0 8px;
  }
}
.about-symbols .about-symbols-list {
  display: flex;
  flex-direction: column;
  gap: 24px;
  margin: 16px 0 24px;
}
.about-symbols .about-symbols-list .about-symbols-elem {
  width: 100%;
  background-color: var(--grey-adm);
  padding: 32px;
  display: flex;
  gap: 32px;
  align-items: flex-start;
  border-radius: 20px;
  box-sizing: border-box;
}
@media (max-width: 768px) {
  .about-symbols .about-symbols-list .about-symbols-elem {
    flex-direction: column-reverse;
  }
}
.about-symbols .about-symbols__documents {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-top: 8px;
}
.about-symbols .about-symbols__documents .files-list__document-description {
  display: flex;
  align-items: center;
  gap: 12px;
  border-radius: 8px;
  background-color: var(--cards-background);
  color: var(--main-text);
  padding: 20px;
}
@media (max-width: 992px) {
  .about-symbols .about-symbols__documents .files-list__document-description {
    padding: 16px;
  }
}
.about-symbols
  .about-symbols__documents
  .files-list__document-description:hover {
  text-decoration: none;
  background-color: var(--services-hover);
}
.about-symbols
  .about-symbols__documents
  .files-list__document-description:active {
  background-color: var(--services-active);
}
.about-symbols
  .about-symbols__documents
  .files-list__document-description
  .files-list__icon {
  color: var(--primary-color);
  font-size: 20px;
}
.about-symbols
  .about-symbols__documents
  .files-list__document-description
  .files-list__document-title {
  width: calc(100% - 32px);
  font-weight: 400;
  font-size: calc(16px * var(--scale));
  line-height: calc(20px * var(--lh));
}
@media (max-width: 992px) {
  .about-symbols
    .about-symbols__documents
    .files-list__document-description
    .files-list__document-title {
    font-size: calc(12px * var(--scale));
    line-height: calc(16px * var(--lh));
  }
}

.about-history .about-history-elem {
  background-color: var(--primary-color-disabled);
}
.about-history .full-width-container .full-width-background {
  background-color: var(--event-color);
}
.about-history .about-history__container {
  max-width: 866px;
  margin: auto;
  padding: 32px 0 64px;
}
@media (max-width: 992px) {
  .about-history .about-history__container {
    padding: 0 0 48px;
  }
}
@media (max-width: 768px) {
  .about-history .about-history__container {
    padding: 0 0 32px;
  }
}
.about-history .about-history__container .about-history__title {
  margin: 0;
  font-weight: 500;
  font-size: calc(36px * var(--scale));
  line-height: calc(48px * var(--lh));
}
@media (max-width: 992px) {
  .about-history .about-history__container .about-history__title {
    font-size: calc(20px * var(--scale));
    line-height: calc(24px * var(--lh));
  }
}
.about-history .about-history__container .about-history__title {
  padding: 32px 0 16px;
}
@media (max-width: 992px) {
  .about-history .about-history__container .about-history__title {
    padding: 24px 0 8px;
  }
}
.about-history .about-history__container .about-history__container-title {
  font-weight: 500;
  font-size: calc(24px * var(--scale));
  line-height: calc(28px * var(--lh));
}
@media (max-width: 992px) {
  .about-history .about-history__container .about-history__container-title {
    font-size: calc(16px * var(--scale));
    line-height: calc(20px * var(--lh));
  }
}
.about-history .about-history__container .about-history__button {
  background-color: transparent;
  border-color: transparent;
  color: var(--tertiary-text);
  padding: 0;
}
.about-history .about-history__container .about-history__button:hover {
  text-decoration: underline;
  color: var(--primary-color-hover);
}
.about-history .about-history__container .about-history__button:active {
  text-decoration: underline;
  color: var(--primary-color-active);
}
.about-history .about-history__container .about-history__hidden {
  display: none;
}
.about-history .about-history__container .about-history__hidden_open {
  display: block;
}

.about-history-elem__img {
  position: absolute;
  right: 0;
  bottom: 0;
  height: 75%;
}

.about-history-elem {
  width: 100%;
  background-color: var(--grey-adm);
  padding: 32px;
  display: flex;
  gap: 32px;
  align-items: flex-start;
  border-radius: 20px;
  margin-top: 24px;
  margin-bottom: 24px;
  box-sizing: border-box;
  position: relative;
  overflow: hidden;
}
.about-history-elem span {
  z-index: 1;
}
@media (max-width: 992px) {
  .about-history-elem {
    padding: 20px;
  }
}
@media (max-width: 768px) {
  .about-history-elem {
    flex-direction: column-reverse;
  }
}

.about-timeline .about-timeline__title {
  font-weight: 500;
  font-size: calc(24px * var(--scale));
  line-height: calc(28px * var(--lh));
}
@media (max-width: 992px) {
  .about-timeline .about-timeline__title {
    font-size: calc(16px * var(--scale));
    line-height: calc(20px * var(--lh));
  }
}
.about-timeline .about-timeline__title {
  padding: 32px 0 16px;
}
@media (max-width: 992px) {
  .about-timeline .about-timeline__title {
    padding: 24px 0 8px;
  }
}
.about-timeline .about-timeline__content {
  padding: 40px 20px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  row-gap: 43px;
  position: relative;
}
@media (max-width: 768px) {
  .about-timeline .about-timeline__content {
    grid-template-columns: repeat(2, 1fr);
    row-gap: 32px;
  }
}
.about-timeline .about-timeline__content .about-timeline-item {
  width: 100%;
  position: relative;
}
.about-timeline .about-timeline__content .about-timeline-item:nth-child(n + 7) {
  display: none;
}
.about-timeline .about-timeline__content .about-timeline-item p {
  margin: 0;
}
@media (max-width: 992px) {
  .about-timeline .about-timeline__content .about-timeline-item p {
    max-width: 96px;
  }
}
.about-timeline
  .about-timeline__content
  .about-timeline-item
  p:nth-last-child(-n + 3) {
  font-weight: 500;
  font-size: calc(12px * var(--scale));
  line-height: calc(16px * var(--lh));
}
@media (max-width: 992px) {
  .about-timeline
    .about-timeline__content
    .about-timeline-item
    p:nth-last-child(-n + 3) {
    font-size: calc(10px * var(--scale));
    line-height: calc(14px * var(--lh));
  }
}
.about-timeline .about-timeline__content .about-timeline-item p:last-child {
  padding-top: 12px;
  color: var(--primary-color);
  font-weight: 400;
  font-size: calc(14px * var(--scale));
  line-height: calc(18px * var(--lh));
}
@media (max-width: 992px) {
  .about-timeline .about-timeline__content .about-timeline-item p:last-child {
    font-size: calc(10px * var(--scale));
    line-height: calc(14px * var(--lh));
  }
}
.about-timeline
  .about-timeline__content
  .about-timeline-item_open:nth-child(n + 7) {
  display: block;
}
.about-timeline .about-timeline__content .about-timeline-item:after {
  content: "";
  display: block;
  height: 1px;
  background: var(--primary-color-disabled);
  width: 50%;
  position: absolute;
  bottom: 30px;
}
.about-timeline .about-timeline__content .about-timeline-item:before {
  content: "";
  display: block;
  height: 1px;
  background: var(--primary-color-disabled);
  width: 50%;
  position: absolute;
  bottom: 30px;
  left: 50%;
}
.about-timeline
  .about-timeline__content
  .about-timeline-item
  .about-timeline-container {
  display: flex;
  flex-direction: column;
  gap: 12px;
  align-items: center;
  max-width: 132px;
  width: 100%;
  margin: 0 auto;
  text-align: center;
  position: relative;
}
.about-timeline
  .about-timeline__content
  .about-timeline-item
  .about-timeline-container
  img {
  width: 96px;
  height: 96px;
  border-radius: 50%;
  object-fit: cover;
  object-position: center;
}
.about-timeline
  .about-timeline__content
  .about-timeline-item
  .about-timeline-container
  .about-timeline-dot {
  width: 12px;
  height: 12px;
  background: var(--primary-color);
  border-radius: 50%;
  position: absolute;
  bottom: 24px;
  z-index: 2;
}
.about-timeline .about-timeline__button {
  background-color: transparent;
  border-color: transparent;
  color: var(--tertiary-text);
  padding: 0;
}
.about-timeline .about-timeline__button:hover {
  text-decoration: underline;
  color: var(--primary-color-hover);
}
.about-timeline .about-timeline__button:active {
  text-decoration: underline;
  color: var(--primary-color-active);
}

.about-video-list {
  display: grid;
  grid-template-columns: 100%;
  position: relative;
}
.about-video-list .about-video-list__card {
  display: grid;
  gap: 40px;
  grid-template-columns: repeat(2, calc((100% - 40px) / 2));
  margin-top: 64px;
  align-items: flex-start;
  margin-right: 8px;
}
@media (max-width: 992px) {
  .about-video-list .about-video-list__card {
    margin-top: 32px;
  }
}
@media (max-width: 768px) {
  .about-video-list .about-video-list__card {
    display: flex;
    flex-direction: column;
    gap: 24px;
  }
}
.about-video-list .about-video-list__card .about-video-list__desc {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media (max-width: 992px) {
  .about-video-list .about-video-list__card .about-video-list__desc {
    gap: 8px;
  }
}
.about-video-list
  .about-video-list__card
  .about-video-list__desc
  .about-video-list__title {
  padding: 0;
  font-weight: 500;
  font-size: calc(20px * var(--scale));
  line-height: calc(24px * var(--lh));
}
@media (max-width: 992px) {
  .about-video-list
    .about-video-list__card
    .about-video-list__desc
    .about-video-list__title {
    font-size: calc(14px * var(--scale));
    line-height: calc(18px * var(--lh));
  }
}
.about-video-list
  .about-video-list__card
  .about-video-list__desc
  .about-video-list__text {
  margin: 0;
  font-weight: 300;
  font-size: calc(16px * var(--scale));
  line-height: calc(24px * var(--lh));
}
@media (max-width: 992px) {
  .about-video-list
    .about-video-list__card
    .about-video-list__desc
    .about-video-list__text {
    font-size: calc(14px * var(--scale));
    line-height: calc(20px * var(--lh));
  }
}
.about-video-list .about-video-list__card video {
  width: 100%;
  height: 100%;
}
.about-video-list .slick-arrow {
  all: unset;
  color: transparent;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.0784313725);
  width: 40px;
  height: 40px;
  background: url(/local/templates/surgut/./icons/slider_arrow.svg) no-repeat center;
  background-color: var(--content-color);
  z-index: 2;
  cursor: pointer;
}
@media (max-width: 768px) {
  .about-video-list .slick-arrow {
    top: 20%;
    transform: translateY(-20%);
  }
}
.about-video-list .slick-prev {
  left: -6%;
}
@media (max-width: 992px) {
  .about-video-list .slick-prev {
    left: -2%;
  }
}
.about-video-list .slick-next {
  right: -6%;
  background: url(/local/templates/surgut/./icons/slider_arrow_right.svg) no-repeat center;
  background-color: var(--content-color);
}
@media (max-width: 992px) {
  .about-video-list .slick-next {
    right: -2%;
  }
}

.about-today .about-today__button {
  background-color: transparent;
  border-color: transparent;
  color: var(--tertiary-text);
  padding: 0;
}
.about-today .about-today__button:hover {
  text-decoration: underline;
  color: var(--primary-color-hover);
}
.about-today .about-today__button:active {
  text-decoration: underline;
  color: var(--primary-color-active);
}
.about-today .about-today__hidden {
  display: none;
}
.about-today .about-today__hidden_open {
  display: block;
}

.monument-card {
  color: var(--main-text);
}
.monument-card .monument-card__container {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.monument-card .monument-card__container .monument-card__image {
  max-width: 272px;
  width: 100%;
  max-height: 142px;
  object-fit: cover;
  object-position: center;
  border-radius: 8px;
}
@media (max-width: 768px) {
  .monument-card .monument-card__container .monument-card__image {
    min-width: 257px;
  }
}
.monument-card .monument-card__container .monument-card__about {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.monument-card
  .monument-card__container
  .monument-card__about
  .monument-card__title {
  padding: 0;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-weight: 500;
  font-size: calc(16px * var(--scale));
  line-height: calc(20px * var(--lh));
}
@media (max-width: 992px) {
  .monument-card
    .monument-card__container
    .monument-card__about
    .monument-card__title {
    font-size: calc(12px * var(--scale));
    line-height: calc(16px * var(--lh));
  }
}
.monument-card
  .monument-card__container
  .monument-card__about
  .monument-card__desc {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.monument-card
  .monument-card__container
  .monument-card__about
  .monument-card__desc
  .monument-card__desc-block {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.monument-card
  .monument-card__container
  .monument-card__about
  .monument-card__desc
  .monument-card__desc-block:first-of-type {
  flex-direction: row;
}
.monument-card
  .monument-card__container
  .monument-card__about
  .monument-card__desc
  .monument-card__desc-block
  .monument-card__desc-title {
  color: var(--tertiary-text);
  font-weight: 300;
  font-size: calc(12px * var(--scale));
  line-height: calc(16px * var(--lh));
}
@media (max-width: 992px) {
  .monument-card
    .monument-card__container
    .monument-card__about
    .monument-card__desc
    .monument-card__desc-block
    .monument-card__desc-title {
    font-size: calc(10px * var(--scale));
    line-height: calc(14px * var(--lh));
  }
}
.monument-card
  .monument-card__container
  .monument-card__about
  .monument-card__desc
  .monument-card__desc-block
  .monument-card__desc-about {
  font-weight: 300;
  font-size: calc(12px * var(--scale));
  line-height: calc(16px * var(--lh));
}
@media (max-width: 992px) {
  .monument-card
    .monument-card__container
    .monument-card__about
    .monument-card__desc
    .monument-card__desc-block
    .monument-card__desc-about {
    font-size: calc(10px * var(--scale));
    line-height: calc(14px * var(--lh));
  }
}

.about-monuments {
  padding: 16px 0 16px;
}
.about-monuments .main-title {
  padding-top: 0;
  padding-bottom: 24px;
}
.about-monuments .about-monuments__container {
  display: grid;
  gap: 24px;
  grid-template-columns: repeat(3, calc((100% - 48px) / 3));
}
@media (max-width: 992px) {
  .about-monuments .about-monuments__container {
    gap: 8px;
    grid-template-columns: repeat(3, calc((100% - 16px) / 3));
  }
}
@media (max-width: 768px) {
  .about-monuments .about-monuments__container {
    display: flex;
    flex-wrap: nowrap;
    overflow: scroll;
    scrollbar-width: none;
  }
}

.photo-chronicle-card {
  background-color: var(--cards-background);
  border-radius: 12px;
  color: var(--main-text);
}
.photo-chronicle-card:hover {
  text-decoration: none;
}
.photo-chronicle-card:hover .photo-chronicle-card__title {
  color: var(--primary-color);
}
.photo-chronicle-card:active .photo-chronicle-card__title {
  color: var(--primary-color-active);
}
.photo-chronicle-card
  .photo-chronicle-card__container
  .photo-chronicle-card__image {
  max-width: 272px;
  width: 100%;
  max-height: 152px;
  object-fit: cover;
  object-position: center;
  border-radius: 12px 12px 0 0;
}
@media (max-width: 768px) {
  .photo-chronicle-card
    .photo-chronicle-card__container
    .photo-chronicle-card__image {
    min-width: 237px;
  }
}
.photo-chronicle-card
  .photo-chronicle-card__container
  .photo-chronicle-card__about {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 20px;
}
@media (max-width: 992px) {
  .photo-chronicle-card
    .photo-chronicle-card__container
    .photo-chronicle-card__about {
    padding: 16px;
  }
}
.photo-chronicle-card
  .photo-chronicle-card__container
  .photo-chronicle-card__about
  .photo-chronicle-card__caption {
  color: var(--tertiary-text);
  font-weight: 300;
  font-size: calc(14px * var(--scale));
  line-height: calc(18px * var(--lh));
}
@media (max-width: 992px) {
  .photo-chronicle-card
    .photo-chronicle-card__container
    .photo-chronicle-card__about
    .photo-chronicle-card__caption {
    font-size: calc(10px * var(--scale));
    line-height: calc(14px * var(--lh));
  }
}
.photo-chronicle-card
  .photo-chronicle-card__container
  .photo-chronicle-card__about
  .photo-chronicle-card__title {
  padding: 0;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-weight: 500;
  font-size: calc(16px * var(--scale));
  line-height: calc(20px * var(--lh));
}
@media (max-width: 992px) {
  .photo-chronicle-card
    .photo-chronicle-card__container
    .photo-chronicle-card__about
    .photo-chronicle-card__title {
    font-size: calc(12px * var(--scale));
    line-height: calc(16px * var(--lh));
  }
}

.about-photo-chronicle {
  padding: 16px 0 16px;
}
.about-photo-chronicle .main-title {
  padding: 0 0 16px;
}
.about-photo-chronicle .about-photo-chronicle__container {
  display: grid;
  grid-template-columns: repeat(3, calc((100% - 48px) / 3));
  gap: 24px;
}
@media (max-width: 992px) {
  .about-photo-chronicle .about-photo-chronicle__container {
    gap: 8px;
    grid-template-columns: repeat(3, calc((100% - 16px) / 3));
  }
}
@media (max-width: 992px) {
  .about-photo-chronicle .about-photo-chronicle__container {
    display: flex;
    flex-wrap: nowrap;
    overflow: scroll;
    scrollbar-width: none;
  }
}

.about-citizens {
  padding-top: 32px;
}
.about-citizens .about-citizens__container .about-citizens__tabs .tabs-tag {
  margin-bottom: 32px;
}
.about-citizens
  .about-citizens__container
  .about-citizens__tabs
  .tabs-tag
  .tab-button {
  font-weight: 400;
  font-size: calc(16px * var(--scale));
  line-height: calc(20px * var(--lh));
}
@media (max-width: 992px) {
  .about-citizens
    .about-citizens__container
    .about-citizens__tabs
    .tabs-tag
    .tab-button {
    font-size: calc(12px * var(--scale));
    line-height: calc(16px * var(--lh));
  }
}
.about-citizens .about-citizens__container .about-citizens__list {
  display: grid;
  gap: 24px;
  grid-template-columns: repeat(4, calc((100% - 72px) / 4));
}
@media (max-width: 992px) {
  .about-citizens .about-citizens__container .about-citizens__list {
    grid-template-columns: repeat(4, calc((100% - 24px) / 4));
    gap: 8px;
  }
}
@media (max-width: 768px) {
  .about-citizens .about-citizens__container .about-citizens__list {
    display: flex;
    flex-wrap: nowrap;
    overflow: scroll;
    scrollbar-width: none;
  }
}
.about-citizens
  .about-citizens__container
  .about-citizens__list
  .about-citizens__image {
  border-radius: 12px;
  max-width: 198px;
  width: 100%;
  max-height: 236px;
  object-fit: cover;
  object-position: center;
  cursor: pointer;
}
@media (max-width: 768px) {
  .about-citizens
    .about-citizens__container
    .about-citizens__list
    .about-citizens__image {
    min-width: 197px;
  }
}
.about-citizens .about-citizens__container .about-citizens__documents {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-top: 32px;
}
.about-citizens
  .about-citizens__container
  .about-citizens__documents
  .files-list__document-description {
  display: flex;
  align-items: center;
  gap: 12px;
  border-radius: 8px;
  background-color: var(--cards-background);
  color: var(--main-text);
  padding: 20px;
}
@media (max-width: 992px) {
  .about-citizens
    .about-citizens__container
    .about-citizens__documents
    .files-list__document-description {
    padding: 16px;
  }
}
.about-citizens
  .about-citizens__container
  .about-citizens__documents
  .files-list__document-description:hover {
  text-decoration: none;
  background-color: var(--services-hover);
  cursor: pointer;
}
.about-citizens
  .about-citizens__container
  .about-citizens__documents
  .files-list__document-description:active {
  background-color: var(--services-active);
}
.about-citizens
  .about-citizens__container
  .about-citizens__documents
  .files-list__document-description
  .files-list__icon {
  color: var(--primary-color);
  font-size: 20px;
}
.about-citizens
  .about-citizens__container
  .about-citizens__documents
  .files-list__document-description
  .files-list__document-title {
  width: calc(100% - 32px);
  font-weight: 400;
  font-size: calc(16px * var(--scale));
  line-height: calc(20px * var(--lh));
}
@media (max-width: 992px) {
  .about-citizens
    .about-citizens__container
    .about-citizens__documents
    .files-list__document-description
    .files-list__document-title {
    font-size: calc(12px * var(--scale));
    line-height: calc(16px * var(--lh));
  }
}

.about-other-info .about-other-info__container .title {
  margin: 0;
  padding: 32px 0 16px;
}

.about-organs hr {
  margin: 20px 0 20px;
}
@media (max-width: 992px) {
  .about-organs hr {
    margin: 16px 0 16px;
  }
}

.about-organ {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 40px;
  box-sizing: border-box;
}
@media (max-width: 992px) {
  .about-organ {
    gap: 32px;
  }
}
@media (max-width: 768px) {
  .about-organ {
    gap: 20px;
  }
}
.about-organ .about-organ-top {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
@media (max-width: 768px) {
  .about-organ .about-organ-top {
    flex-direction: column;
  }
}
.about-organ .about-organ-top .about-organ-top-left {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
@media (max-width: 992px) {
  .about-organ .about-organ-top .about-organ-top-left {
    gap: 8px;
  }
}
.about-organ .about-organ-top .about-organ-top-left .about-organ-title span {
  font-weight: 400;
  font-size: calc(20px * var(--scale));
  line-height: calc(24px * var(--lh));
}
@media (max-width: 992px) {
  .about-organ .about-organ-top .about-organ-top-left .about-organ-title span {
    font-size: calc(14px * var(--scale));
    line-height: calc(18px * var(--lh));
  }
}
.about-organ .about-organ-top .about-organ-top-left .about-organ-subtitle span {
  font-weight: 300;
  font-size: calc(16px * var(--scale));
  line-height: calc(20px * var(--lh));
}
@media (max-width: 992px) {
  .about-organ
    .about-organ-top
    .about-organ-top-left
    .about-organ-subtitle
    span {
    font-size: calc(12px * var(--scale));
    line-height: calc(16px * var(--lh));
  }
}
.about-organ .about-organ-top .about-organ-ref {
  font-size: calc(12px * var(--scale));
  line-height: calc(14px * var(--lh));
  font-weight: 500;
}
@media (max-width: 992px) {
  .about-organ .about-organ-top .about-organ-ref {
    font-size: calc(11px * var(--scale));
    line-height: calc(14px * var(--lh));
  }
}
.about-organ .about-organ-bot {
  display: grid;
  grid-template-columns: 48% 22% 24%;
  justify-content: space-between;
  align-items: flex-start;
  gap: 24px;
}
@media (max-width: 992px) {
  .about-organ .about-organ-bot {
    grid-template-columns: 37% 25% 28%;
  }
}
@media (max-width: 768px) {
  .about-organ .about-organ-bot {
    display: flex;
    flex-direction: column;
    gap: 16px;
  }
}
.about-organ .about-organ-bot .about-organ-bot-elem {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
@media (max-width: 992px) {
  .about-organ .about-organ-bot .about-organ-bot-elem {
    gap: 8px;
  }
}
@media (max-width: 768px) {
  .about-organ .about-organ-bot .about-organ-bot-elem {
    gap: 4px;
  }
}
.about-organ .about-organ-bot .about-organ-bot-elem span {
  font-weight: 300;
  font-size: calc(16px * var(--scale));
  line-height: calc(20px * var(--lh));
}
@media (max-width: 992px) {
  .about-organ .about-organ-bot .about-organ-bot-elem span {
    font-size: calc(12px * var(--scale));
    line-height: calc(16px * var(--lh));
  }
}
.about-organ .about-organ-bot .about-organ-bot-elem span:first-child {
  color: var(--tertiary-text);
}

.about-agency {
  margin-top: 8px;
}
.about-agency .about-history-elem {
  background-color: var(--services-hover);
}
.about-agency .about-history-elem .about-history-elem__img {
  opacity: 0.07;
  filter: invert(99%) sepia(59%) saturate(0%) hue-rotate(124deg)
    brightness(109%) contrast(96%);
}

.telephone-elem {
  display: flex;
  flex-direction: column;
  width: 100%;
  background-color: var(--grey-adm);
  padding: 20px;
  box-sizing: border-box;
  border-radius: 12px;
}
.telephone-elem.active > .tepelhone-elem-title .telephone-elem-expand {
  transform: rotate(180deg);
}
.telephone-elem.active hr:first-of-type {
  display: block;
}
@media (max-width: 768px) {
  .telephone-elem {
    padding: 10px;
  }
}
.telephone-elem hr {
  margin: 0;
  margin-top: 20px;
  width: 100%;
  border: 1px solid var(--fourth-text);
  border-top: 0;
}
.telephone-elem hr:first-of-type {
  display: none;
}
@media (max-width: 768px) {
  .telephone-elem hr {
    margin-top: 10px;
  }
}
.telephone-elem .telephone-elem {
  padding-bottom: 0;
}
.telephone-elem .tepelhone-elem-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
}
.telephone-elem .tepelhone-elem-title span {
  color: var(--second-text);
  font-weight: 500;
  font-size: calc(16px * var(--scale));
  line-height: calc(20px * var(--lh));
}
@media (max-width: 992px) {
  .telephone-elem .tepelhone-elem-title span {
    font-size: calc(12px * var(--scale));
    line-height: calc(16px * var(--lh));
  }
}
.telephone-elem .tepelhone-elem-title ion-icon {
  color: var(--primary-color);
  cursor: pointer;
}
.telephone-elem .tepelhone-elem-title ion-icon:hover {
  color: var(--primary-color-hover);
}
.telephone-elem .tepelhone-elem-title ion-icon:active {
  color: var(--primary-color-active);
}
.telephone-elem .tepelhone-elem-title .telephone-elem-title-left {
  display: flex;
  align-items: center;
  gap: 12px;
}
.telephone-elem .tepelhone-elem-title .telephone-elem-title-left a {
  color: var(--primary-color);
  font-size: calc(12px * var(--scale));
  line-height: calc(14px * var(--lh));
  font-weight: 500;
}
@media (max-width: 992px) {
  .telephone-elem .tepelhone-elem-title .telephone-elem-title-left a {
    font-size: calc(11px * var(--scale));
    line-height: calc(14px * var(--lh));
  }
}
.telephone-elem .tepelhone-elem-title .telephone-elem-title-left a:hover {
  color: var(--primary-color-hover);
  text-decoration: none;
}
.telephone-elem .tepelhone-elem-title .telephone-elem-title-left a:active {
  color: var(--primary-color-active);
}
.telephone-elem .telephone-elem-main {
  display: none;
}
.telephone-elem .telephone-elem-main.active {
  display: block;
}
.telephone-elem .telephone-elem-main .telephone-elem {
  padding: 20px 0px 0px 20px;
}
@media (max-width: 768px) {
  .telephone-elem .telephone-elem-main .telephone-elem {
    padding: 10px 0px 0px 10px;
  }
}
.telephone-elem .telephone-elem-main .telephone-elem-phones {
  display: flex;
  flex-direction: column;
}
.telephone-elem
  .telephone-elem-main
  .telephone-elem-phones
  .telephone-elem-phones-row {
  padding: 20px 0px;
  display: flex;
  box-sizing: border-box;
  gap: 24px;
}
@media (max-width: 768px) {
  .telephone-elem
    .telephone-elem-main
    .telephone-elem-phones
    .telephone-elem-phones-row {
    display: flex;
    flex-direction: column;
    gap: 20px;
  }
}
.telephone-elem
  .telephone-elem-main
  .telephone-elem-phones
  .telephone-elem-phones-row
  .telephone-elem-row-item:first-child,
.telephone-elem
  .telephone-elem-main
  .telephone-elem-phones
  .telephone-elem-phones-row
  .telephone-elem-row-item:last-child {
  width: 35%;
}
@media (max-width: 768px) {
  .telephone-elem
    .telephone-elem-main
    .telephone-elem-phones
    .telephone-elem-phones-row
    .telephone-elem-row-item:first-child,
  .telephone-elem
    .telephone-elem-main
    .telephone-elem-phones
    .telephone-elem-phones-row
    .telephone-elem-row-item:last-child {
    width: 100%;
  }
}
.telephone-elem
  .telephone-elem-main
  .telephone-elem-phones
  .telephone-elem-phones-row
  .telephone-elem-row-item {
  display: flex;
  align-items: flex-start;
  gap: 24px;
  width: 30%;
}
@media (max-width: 768px) {
  .telephone-elem
    .telephone-elem-main
    .telephone-elem-phones
    .telephone-elem-phones-row
    .telephone-elem-row-item {
    width: 100%;
  }
}
@media (max-width: 992px) {
  .telephone-elem
    .telephone-elem-main
    .telephone-elem-phones
    .telephone-elem-phones-row
    .telephone-elem-row-item {
    flex-direction: column;
  }
}
.telephone-elem
  .telephone-elem-main
  .telephone-elem-phones
  .telephone-elem-phones-row
  .telephone-elem-row-item
  .telephone-elem-row-el {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.telephone-elem
  .telephone-elem-main
  .telephone-elem-phones
  .telephone-elem-phones-row
  .telephone-elem-row-item
  .telephone-elem-row-el
  span:first-child {
  color: var(--tertiary-text);
  font-weight: 300;
  font-size: calc(16px * var(--scale));
  line-height: calc(20px * var(--lh));
}
@media (max-width: 992px) {
  .telephone-elem
    .telephone-elem-main
    .telephone-elem-phones
    .telephone-elem-phones-row
    .telephone-elem-row-item
    .telephone-elem-row-el
    span:first-child {
    font-size: calc(12px * var(--scale));
    line-height: calc(16px * var(--lh));
  }
}
.telephone-elem
  .telephone-elem-main
  .telephone-elem-phones
  .telephone-elem-phones-row
  .telephone-elem-row-item
  .telephone-elem-row-el
  span:last-child {
  color: var(--second-text);
  font-weight: 300;
  font-size: calc(16px * var(--scale));
  line-height: calc(24px * var(--lh));
}
@media (max-width: 992px) {
  .telephone-elem
    .telephone-elem-main
    .telephone-elem-phones
    .telephone-elem-phones-row
    .telephone-elem-row-item
    .telephone-elem-row-el
    span:last-child {
    font-size: calc(14px * var(--scale));
    line-height: calc(20px * var(--lh));
  }
}

.telephone-elem-row-el-fio {
  max-width: 200px;
  width: 50%;
}
.telephone-elem-row-el-fio span {
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}
@media (max-width: 992px) {
  .telephone-elem-row-el-fio {
    width: unset;
    max-width: unset;
  }
}

.telephone-elem-row-el-status {
  width: 50%;
  max-width: 180px;
}
@media (max-width: 992px) {
  .telephone-elem-row-el-status {
    width: unset;
    max-width: unset;
  }
}
.telephone-elem-row-el-status span {
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}

.telephone-elem-row-el-addr {
  width: 50%;
}
@media (max-width: 992px) {
  .telephone-elem-row-el-addr {
    width: unset;
    max-width: unset;
  }
}
.telephone-elem-row-el-addr span {
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}

.telephone-elem-row-el-cab {
  width: 50%;
}
@media (max-width: 992px) {
  .telephone-elem-row-el-cab {
    width: unset;
    max-width: unset;
  }
}

.telephone-elem-row-el-phone {
  width: 40%;
}
@media (max-width: 992px) {
  .telephone-elem-row-el-phone {
    width: unset;
    max-width: unset;
  }
}

.telephone-elem-row-el-mail {
  width: 60%;
  max-width: 200px;
}
@media (max-width: 992px) {
  .telephone-elem-row-el-mail {
    width: unset;
    max-width: unset;
  }
}
.telephone-elem-row-el-mail span {
  overflow-wrap: break-word;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}

@media (max-width: 992px) {
  .telephone-elem-row-item-first {
    min-width: unset;
  }
}

.telephone {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.telephone .telephone-search {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.telephone .telephone-search .telephone-search-mid {
  display: flex;
  gap: 16px;
  align-items: center;
}
@media (max-width: 768px) {
  .telephone .telephone-search .telephone-search-mid {
    flex-direction: column;
  }
}
.telephone .telephone-search .telephone-search-bot {
  display: flex;
  gap: 16px;
  align-items: center;
}
@media (max-width: 768px) {
  .telephone .telephone-search .telephone-search-bot {
    flex-direction: column;
  }
}
.telephone .telephone-search .telephone-search-bot-btns {
  display: flex;
  gap: 16px;
  align-items: center;
}
@media (max-width: 768px) {
  .telephone .telephone-search .telephone-search-bot-btns {
    width: 100%;
  }
  .telephone .telephone-search .telephone-search-bot-btns button {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}

body.compensate-for-scrollbar {
  overflow: hidden;
}

.fancybox-active {
  height: auto;
}

.fancybox-is-hidden {
  left: -9999px;
  margin: 0;
  position: absolute !important;
  top: -9999px;
  visibility: hidden;
}

.fancybox-container {
  -webkit-backface-visibility: hidden;
  height: 100%;
  left: 0;
  outline: none;
  position: fixed;
  -webkit-tap-highlight-color: transparent;
  top: 0;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  transform: translateZ(0);
  width: 100%;
  z-index: 99992;
}

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

.fancybox-bg,
.fancybox-inner,
.fancybox-outer,
.fancybox-stage {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.fancybox-outer {
  -webkit-overflow-scrolling: touch;
  overflow-y: auto;
}

.fancybox-bg {
  background: #1e1e1e;
  opacity: 0;
  transition-duration: inherit;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71);
}

.fancybox-is-open .fancybox-bg {
  opacity: 0.9;
  transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
}

.fancybox-caption,
.fancybox-infobar,
.fancybox-navigation .fancybox-button,
.fancybox-toolbar {
  direction: ltr;
  opacity: 0;
  position: absolute;
  transition: opacity 0.25s ease, visibility 0s ease 0.25s;
  visibility: hidden;
  z-index: 99997;
}

.fancybox-show-caption .fancybox-caption,
.fancybox-show-infobar .fancybox-infobar,
.fancybox-show-nav .fancybox-navigation .fancybox-button,
.fancybox-show-toolbar .fancybox-toolbar {
  opacity: 1;
  transition: opacity 0.25s ease 0s, visibility 0s ease 0s;
  visibility: visible;
}

.fancybox-infobar {
  color: #ccc;
  font-size: 13px;
  -webkit-font-smoothing: subpixel-antialiased;
  height: 44px;
  left: 0;
  line-height: 44px;
  min-width: 44px;
  mix-blend-mode: difference;
  padding: 0 10px;
  pointer-events: none;
  top: 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.fancybox-toolbar {
  right: 0;
  top: 0;
}

.fancybox-stage {
  direction: ltr;
  overflow: visible;
  transform: translateZ(0);
  z-index: 99994;
}

.fancybox-is-open .fancybox-stage {
  overflow: hidden;
}

.fancybox-slide {
  -webkit-backface-visibility: hidden;
  display: none;
  height: 100%;
  left: 0;
  outline: none;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  padding: 44px;
  position: absolute;
  text-align: center;
  top: 0;
  transition-property: transform, opacity;
  white-space: normal;
  width: 100%;
  z-index: 99994;
}

.fancybox-slide:before {
  content: "";
  display: inline-block;
  font-size: 0;
  height: 100%;
  vertical-align: middle;
  width: 0;
}

.fancybox-is-sliding .fancybox-slide,
.fancybox-slide--current,
.fancybox-slide--next,
.fancybox-slide--previous {
  display: block;
}

.fancybox-slide--image {
  overflow: hidden;
  padding: 44px 0;
}

.fancybox-slide--image:before {
  display: none;
}

.fancybox-slide--html {
  padding: 6px;
}

.fancybox-content {
  background: #fff;
  display: inline-block;
  margin: 0;
  max-width: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  padding: 44px;
  position: relative;
  text-align: left;
  vertical-align: middle;
}

.fancybox-slide--image .fancybox-content {
  animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1);
  -webkit-backface-visibility: hidden;
  background: transparent;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  left: 0;
  max-width: none;
  overflow: visible;
  padding: 0;
  position: absolute;
  top: 0;
  transform-origin: top left;
  transition-property: transform, opacity;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  z-index: 99995;
}

.fancybox-can-zoomOut .fancybox-content {
  cursor: zoom-out;
}

.fancybox-can-zoomIn .fancybox-content {
  cursor: zoom-in;
}

.fancybox-can-pan .fancybox-content,
.fancybox-can-swipe .fancybox-content {
  cursor: grab;
}

.fancybox-is-grabbing .fancybox-content {
  cursor: grabbing;
}

.fancybox-container [data-selectable="true"] {
  cursor: text;
}

.fancybox-image,
.fancybox-spaceball {
  background: transparent;
  border: 0;
  height: 100%;
  left: 0;
  margin: 0;
  max-height: none;
  max-width: none;
  padding: 0;
  position: absolute;
  top: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 100%;
}

.fancybox-spaceball {
  z-index: 1;
}

.fancybox-slide--iframe .fancybox-content,
.fancybox-slide--map .fancybox-content,
.fancybox-slide--pdf .fancybox-content,
.fancybox-slide--video .fancybox-content {
  height: 100%;
  overflow: visible;
  padding: 0;
  width: 100%;
}

.fancybox-slide--video .fancybox-content {
  background: #000;
}

.fancybox-slide--map .fancybox-content {
  background: #e5e3df;
}

.fancybox-slide--iframe .fancybox-content {
  background: #fff;
}

.fancybox-iframe,
.fancybox-video {
  background: transparent;
  border: 0;
  display: block;
  height: 100%;
  margin: 0;
  overflow: hidden;
  padding: 0;
  width: 100%;
}

.fancybox-iframe {
  left: 0;
  position: absolute;
  top: 0;
}

.fancybox-error {
  background: #fff;
  cursor: default;
  max-width: 400px;
  padding: 40px;
  width: 100%;
}

.fancybox-error p {
  color: #444;
  font-size: 16px;
  line-height: 20px;
  margin: 0;
  padding: 0;
}

.fancybox-button {
  background: rgba(30, 30, 30, 0.6);
  border: 0;
  border-radius: 0;
  box-shadow: none;
  cursor: pointer;
  display: inline-block;
  height: 44px;
  margin: 0;
  padding: 10px;
  position: relative;
  transition: color 0.2s;
  vertical-align: top;
  visibility: inherit;
  width: 44px;
}

.fancybox-button,
.fancybox-button:link,
.fancybox-button:visited {
  color: #ccc;
}

.fancybox-button:hover {
  color: #fff;
}

.fancybox-button:focus {
  outline: none;
}

.fancybox-button.fancybox-focus {
  outline: 1px dotted;
}

.fancybox-button[disabled],
.fancybox-button[disabled]:hover {
  color: #888;
  cursor: default;
  outline: none;
}

.fancybox-button div {
  height: 100%;
}

.fancybox-button svg {
  display: block;
  height: 100%;
  overflow: visible;
  position: relative;
  width: 100%;
}

.fancybox-button svg path {
  fill: currentColor;
  stroke-width: 0;
}

.fancybox-button--fsenter svg:nth-child(2),
.fancybox-button--fsexit svg:first-child,
.fancybox-button--pause svg:first-child,
.fancybox-button--play svg:nth-child(2) {
  display: none;
}

.fancybox-progress {
  background: #ff5268;
  height: 2px;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  transform: scaleX(0);
  transform-origin: 0;
  transition-property: transform;
  transition-timing-function: linear;
  z-index: 99998;
}

.fancybox-close-small {
  background: transparent;
  border: 0;
  border-radius: 0;
  color: #ccc;
  cursor: pointer;
  opacity: 0.8;
  padding: 8px;
  position: absolute;
  right: -12px;
  top: -44px;
  z-index: 401;
}

.fancybox-close-small:hover {
  color: #fff;
  opacity: 1;
}

.fancybox-slide--html .fancybox-close-small {
  color: currentColor;
  padding: 10px;
  right: 0;
  top: 0;
}

.fancybox-slide--image.fancybox-is-scaling .fancybox-content {
  overflow: hidden;
}

.fancybox-is-scaling .fancybox-close-small,
.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {
  display: none;
}

.fancybox-navigation .fancybox-button {
  background-clip: content-box;
  height: 100px;
  opacity: 0;
  position: absolute;
  top: calc(50% - 50px);
  width: 70px;
}

.fancybox-navigation .fancybox-button div {
  padding: 7px;
}

.fancybox-navigation .fancybox-button--arrow_left {
  left: 0;
  left: env(safe-area-inset-left);
  padding: 31px 26px 31px 6px;
}

.fancybox-navigation .fancybox-button--arrow_right {
  padding: 31px 6px 31px 26px;
  right: 0;
  right: env(safe-area-inset-right);
}

.fancybox-caption {
  background: linear-gradient(
    0deg,
    rgba(0, 0, 0, 0.85) 0,
    rgba(0, 0, 0, 0.3) 50%,
    rgba(0, 0, 0, 0.15) 65%,
    rgba(0, 0, 0, 0.075) 75.5%,
    rgba(0, 0, 0, 0.037) 82.85%,
    rgba(0, 0, 0, 0.019) 88%,
    transparent
  );
  bottom: 0;
  color: #eee;
  font-size: 14px;
  font-weight: 400;
  left: 0;
  line-height: 1.5;
  padding: 75px 44px 25px;
  pointer-events: none;
  right: 0;
  text-align: center;
  z-index: 99996;
}

@supports (padding: max(0px)) {
  .fancybox-caption {
    padding: 75px max(44px, env(safe-area-inset-right))
      max(25px, env(safe-area-inset-bottom))
      max(44px, env(safe-area-inset-left));
  }
}
.fancybox-caption--separate {
  margin-top: -50px;
}

.fancybox-caption__body {
  max-height: 50vh;
  overflow: auto;
  pointer-events: all;
}

.fancybox-caption a,
.fancybox-caption a:link,
.fancybox-caption a:visited {
  color: #ccc;
  text-decoration: none;
}

.fancybox-caption a:hover {
  color: #fff;
  text-decoration: underline;
}

.fancybox-loading {
  animation: a 1s linear infinite;
  background: transparent;
  border: 4px solid #888;
  border-bottom-color: #fff;
  border-radius: 50%;
  height: 50px;
  left: 50%;
  margin: -25px 0 0 -25px;
  opacity: 0.7;
  padding: 0;
  position: absolute;
  top: 50%;
  width: 50px;
  z-index: 99999;
}

@keyframes a {
  to {
    transform: rotate(1turn);
  }
}
.fancybox-animated {
  transition-timing-function: cubic-bezier(0, 0, 0.25, 1);
}

.fancybox-fx-slide.fancybox-slide--previous {
  opacity: 0;
  transform: translate3d(-100%, 0, 0);
}

.fancybox-fx-slide.fancybox-slide--next {
  opacity: 0;
  transform: translate3d(100%, 0, 0);
}

.fancybox-fx-slide.fancybox-slide--current {
  opacity: 1;
  transform: translateZ(0);
}

.fancybox-fx-fade.fancybox-slide--next,
.fancybox-fx-fade.fancybox-slide--previous {
  opacity: 0;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

.fancybox-fx-fade.fancybox-slide--current {
  opacity: 1;
}

.fancybox-fx-zoom-in-out.fancybox-slide--previous {
  opacity: 0;
  transform: scale3d(1.5, 1.5, 1.5);
}

.fancybox-fx-zoom-in-out.fancybox-slide--next {
  opacity: 0;
  transform: scale3d(0.5, 0.5, 0.5);
}

.fancybox-fx-zoom-in-out.fancybox-slide--current {
  opacity: 1;
  transform: scaleX(1);
}

.fancybox-fx-rotate.fancybox-slide--previous {
  opacity: 0;
  transform: rotate(-1turn);
}

.fancybox-fx-rotate.fancybox-slide--next {
  opacity: 0;
  transform: rotate(1turn);
}

.fancybox-fx-rotate.fancybox-slide--current {
  opacity: 1;
  transform: rotate(0deg);
}

.fancybox-fx-circular.fancybox-slide--previous {
  opacity: 0;
  transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
}

.fancybox-fx-circular.fancybox-slide--next {
  opacity: 0;
  transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
}

.fancybox-fx-circular.fancybox-slide--current {
  opacity: 1;
  transform: scaleX(1) translateZ(0);
}

.fancybox-fx-tube.fancybox-slide--previous {
  transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg);
}

.fancybox-fx-tube.fancybox-slide--next {
  transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg);
}

.fancybox-fx-tube.fancybox-slide--current {
  transform: translateZ(0) scale(1);
}

@media (max-height: 576px) {
  .fancybox-slide {
    padding-left: 6px;
    padding-right: 6px;
  }
  .fancybox-slide--image {
    padding: 6px 0;
  }
  .fancybox-close-small {
    right: -6px;
  }
  .fancybox-slide--image .fancybox-close-small {
    background: #4e4e4e;
    color: #f2f4f6;
    height: 36px;
    opacity: 1;
    padding: 6px;
    right: 0;
    top: 0;
    width: 36px;
  }
  .fancybox-caption {
    padding-left: 12px;
    padding-right: 12px;
  }
  @supports (padding: max(0px)) {
    .fancybox-caption {
      padding-left: max(12px, env(safe-area-inset-left));
      padding-right: max(12px, env(safe-area-inset-right));
    }
  }
}
.fancybox-share {
  background: #f4f4f4;
  border-radius: 3px;
  max-width: 90%;
  padding: 30px;
  text-align: center;
}

.fancybox-share h1 {
  color: #222;
  font-size: 35px;
  font-weight: 700;
  margin: 0 0 20px;
}

.fancybox-share p {
  margin: 0;
  padding: 0;
}

.fancybox-share__button {
  border: 0;
  border-radius: 3px;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  line-height: 40px;
  margin: 0 5px 10px;
  min-width: 130px;
  padding: 0 15px;
  text-decoration: none;
  transition: all 0.2s;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  white-space: nowrap;
}

.fancybox-share__button:link,
.fancybox-share__button:visited {
  color: #fff;
}

.fancybox-share__button:hover {
  text-decoration: none;
}

.fancybox-share__button--fb {
  background: #3b5998;
}

.fancybox-share__button--fb:hover {
  background: #344e86;
}

.fancybox-share__button--pt {
  background: #bd081d;
}

.fancybox-share__button--pt:hover {
  background: #aa0719;
}

.fancybox-share__button--tw {
  background: #1da1f2;
}

.fancybox-share__button--tw:hover {
  background: #0d95e8;
}

.fancybox-share__button svg {
  height: 25px;
  margin-right: 7px;
  position: relative;
  top: -1px;
  vertical-align: middle;
  width: 25px;
}

.fancybox-share__button svg path {
  fill: #fff;
}

.fancybox-share__input {
  background: transparent;
  border: 0;
  border-bottom: 1px solid #d7d7d7;
  border-radius: 0;
  color: #5d5b5b;
  font-size: 14px;
  margin: 10px 0 0;
  outline: none;
  padding: 10px 15px;
  width: 100%;
}

.fancybox-thumbs {
  background: #ddd;
  bottom: 0;
  display: none;
  margin: 0;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  padding: 2px 2px 4px;
  position: absolute;
  right: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  top: 0;
  width: 212px;
  z-index: 99995;
}

.fancybox-thumbs-x {
  overflow-x: auto;
  overflow-y: hidden;
}

.fancybox-show-thumbs .fancybox-thumbs {
  display: block;
}

.fancybox-show-thumbs .fancybox-inner {
  right: 212px;
}

.fancybox-thumbs__list {
  font-size: 0;
  height: 100%;
  list-style: none;
  margin: 0;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 0;
  position: absolute;
  position: relative;
  white-space: nowrap;
  width: 100%;
}

.fancybox-thumbs-x .fancybox-thumbs__list {
  overflow: hidden;
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar {
  width: 7px;
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track {
  background: #fff;
  border-radius: 10px;
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb {
  background: #2a2a2a;
  border-radius: 10px;
}

.fancybox-thumbs__list a {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  background-color: rgba(0, 0, 0, 0.1);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  cursor: pointer;
  float: left;
  height: 75px;
  margin: 2px;
  max-height: calc(100% - 8px);
  max-width: calc(50% - 4px);
  outline: none;
  overflow: hidden;
  padding: 0;
  position: relative;
  -webkit-tap-highlight-color: transparent;
  width: 100px;
}

.fancybox-thumbs__list a:before {
  border: 6px solid #ff5268;
  bottom: 0;
  content: "";
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  z-index: 99991;
}

.fancybox-thumbs__list a:focus:before {
  opacity: 0.5;
}

.fancybox-thumbs__list a.fancybox-thumbs-active:before {
  opacity: 1;
}

@media (max-width: 576px) {
  .fancybox-thumbs {
    width: 110px;
  }
  .fancybox-show-thumbs .fancybox-inner {
    right: 110px;
  }
  .fancybox-thumbs__list a {
    max-width: calc(100% - 10px);
  }
}
.baloon-container {
  top: 2px;
  left: 58px;
  position: absolute;
}
@media (max-width: 768px) {
  .baloon-container {
    position: fixed;
    z-index: 1010;
    bottom: 0;
  }
}

.balloon {
  display: none;
  padding: 20px;
  height: 100%;
  height: max-content;
  max-height: 444px;
  width: 100%;
  max-width: 400px;
  background-color: var(--content-color);
  border-radius: 12px;
  box-sizing: border-box;
  flex-direction: column;
  gap: 24px;
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.08);
  z-index: 1100;
  position: absolute;
}
@media (max-width: 768px) {
  .balloon {
    display: flex;
    position: fixed;
    max-width: unset;
    max-height: 70%;
    bottom: -100%;
    opacity: 0;
    transition: bottom 0.1s linear;
    will-change: bottom;
  }
}
.balloon_active {
  display: flex;
}
@media (max-width: 768px) {
  .balloon_active {
    bottom: 0;
    width: 100%;
    opacity: 1;
  }
}

.balloon-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 14px;
}

.balloon-name a {
  color: var(--main-text);
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-weight: 500;
  font-size: calc(16px * var(--scale));
  line-height: calc(20px * var(--lh));
}
@media (max-width: 992px) {
  .balloon-name a {
    font-size: calc(12px * var(--scale));
    line-height: calc(16px * var(--lh));
  }
}
.balloon-name a:hover {
  text-decoration: none;
  color: var(--primary-color-hover);
}
.balloon-name a:active {
  color: var(--primary-color-active);
}

.balloon-btns {
  display: flex;
  align-items: center;
  gap: 12px;
}
.balloon-btns ion-icon {
  cursor: pointer;
}
.balloon-btns ion-icon:hover {
  color: var(--primary-color-hover);
}

.balloon-img {
  width: 100%;
  height: 200px;
  margin-bottom: 24px;
}
@media (max-width: 992px) {
  .balloon-img {
    margin-bottom: 12px;
  }
}
.balloon-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 8px;
}

.balloon-info {
  display: flex;
  flex-direction: column;
  gap: 24px;
  overflow-y: scroll;
  scrollbar-width: none;
}
@media (max-width: 992px) {
  .balloon-info {
    gap: 12px;
  }
}

.balloon-info::-webkit-scrollbar {
  width: 5px;
  background-color: transparent;
  border-radius: 2px;
}

.balloon-info::-webkit-scrollbar-thumb {
  background-color: var(--fourth-text);
  border: 1px solid transparent;
  border-radius: 4px;
  background-clip: padding-box;
}

.balloon-info-item {
  display: grid;
  width: 100%;
  gap: 24px;
  grid-template-columns: 2fr 5fr;
}
@media (max-width: 992px) {
  .balloon-info-item {
    gap: 12px;
  }
}
.balloon-info-item span:first-child {
  color: var(--tertiary-text);
  font-weight: 300;
  font-size: calc(12px * var(--scale));
  line-height: calc(16px * var(--lh));
}
@media (max-width: 992px) {
  .balloon-info-item span:first-child {
    font-size: calc(10px * var(--scale));
    line-height: calc(14px * var(--lh));
  }
}
.balloon-info-item span:last-child {
  color: var(--main-text);
  font-weight: 300;
  font-size: calc(14px * var(--scale));
  line-height: calc(18px * var(--lh));
}
@media (max-width: 992px) {
  .balloon-info-item span:last-child {
    font-size: calc(10px * var(--scale));
    line-height: calc(14px * var(--lh));
  }
}

.balloon-content {
  max-height: 364px;
  overflow-y: scroll;
  scrollbar-width: none;
  margin-top: 24px;
}
@media (max-width: 992px) {
  .balloon-content {
    margin-top: 12px;
  }
}

.exit {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: var(--content-color);
  padding: 20px;
  border-radius: 12px;
  z-index: 1000;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  max-width: 400px;
  width: 100%;
}
.exit .login__content {
  gap: 16px;
}
@media (max-width: 550px) {
  .exit {
    height: 110vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    box-sizing: border-box;
    max-width: unset;
    border-radius: 0;
    overflow: hidden;
  }
}
.exit .login__content-top {
  justify-content: flex-end;
}
.exit .login__content-main {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.exit .login__content-main__confirm-email span {
  color: red;
}

.exit.hidden {
  display: none !important;
}

.profile-logout-popup {
  display: none;
  align-items: center;
  justify-content: center;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 10;
}
.profile-logout-popup_open {
  display: flex;
}
.profile-logout-popup .profile-logout-popup__content {
  background-color: var(--content-color);
  position: relative;
  padding: 64px 83px 24px;
  border-radius: 12px;
}
@media (max-width: 768px) {
  .profile-logout-popup .profile-logout-popup__content {
    padding: 60px 30px 24px;
    margin: 0 24px;
  }
}
.profile-logout-popup
  .profile-logout-popup__content
  .profile-logout-popup__button-close {
  position: absolute;
  top: 20px;
  right: 20px;
}
@media (max-width: 768px) {
  .profile-logout-popup
    .profile-logout-popup__content
    .profile-logout-popup__button-close {
    top: 12px;
    right: 12px;
  }
}
.profile-logout-popup
  .profile-logout-popup__content
  .profile-logout-popup__container {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
}
.profile-logout-popup
  .profile-logout-popup__content
  .profile-logout-popup__container
  .profile-logout-popup__title {
  padding: 0;
  font-weight: 500;
  font-size: calc(20px * var(--scale));
  line-height: calc(24px * var(--lh));
}
@media (max-width: 992px) {
  .profile-logout-popup
    .profile-logout-popup__content
    .profile-logout-popup__container
    .profile-logout-popup__title {
    font-size: calc(14px * var(--scale));
    line-height: calc(18px * var(--lh));
  }
}
.profile-logout-popup
  .profile-logout-popup__content
  .profile-logout-popup__container
  .profile-logout-popup__desc {
  font-weight: 300;
  font-size: calc(16px * var(--scale));
  line-height: calc(24px * var(--lh));
}
@media (max-width: 992px) {
  .profile-logout-popup
    .profile-logout-popup__content
    .profile-logout-popup__container
    .profile-logout-popup__desc {
    font-size: calc(14px * var(--scale));
    line-height: calc(20px * var(--lh));
  }
}
.profile-logout-popup
  .profile-logout-popup__content
  .profile-logout-popup__container
  .profile-logout-popup__button-exit {
  border: none;
  align-self: unset;
  color: #d10404;
  font-size: calc(12px * var(--scale));
  line-height: calc(14px * var(--lh));
  font-weight: 500;
}
@media (max-width: 992px) {
  .profile-logout-popup
    .profile-logout-popup__content
    .profile-logout-popup__container
    .profile-logout-popup__button-exit {
    font-size: calc(11px * var(--scale));
    line-height: calc(14px * var(--lh));
  }
}
.profile-logout-popup
  .profile-logout-popup__content
  .profile-logout-popup__container
  .profile-logout-popup__button-exit:hover {
  color: #e24545;
}

.search-with-list {
  display: flex;
  position: relative;
  max-width: unset;
  width: 100%;
}
.search-with-list .search-results {
  display: none;
  position: absolute;
  top: 70px;
  width: 100%;
  border-radius: 8px;
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.0784313725);
  background-color: var(--content-color);
  max-height: 262px;
  overflow-y: auto;
  scrollbar-width: thin;
}
@media (max-width: 992px) {
  .search-with-list .search-results {
    top: 50px;
  }
}
.search-with-list .search-results_active {
  display: block;
}
.search-with-list .search-results .search-results__container {
  display: flex;
  flex-direction: column;
  list-style: none;
  margin: 0;
}
.search-with-list .search-results .search-results__container li {
  margin: 0;
}
.search-with-list
  .search-results
  .search-results__container
  .search-results__element {
  color: var(--main-text);
  text-decoration: none;
  width: fit-content;
}
.search-with-list
  .search-results
  .search-results__container
  .search-results__element:hover
  .search-results__element-title {
  color: var(--primary-color-hover);
}
.search-with-list
  .search-results
  .search-results__container
  .search-results__element:active
  .search-results__element-title {
  color: var(--primary-color-active);
}
.search-with-list
  .search-results
  .search-results__container
  .search-results__element
  .search-results__element-container {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 12px 20px;
}
.search-with-list
  .search-results
  .search-results__container
  .search-results__element
  .search-results__element-container:hover {
  background-color: var(--services-hover);
}
.search-with-list
  .search-results
  .search-results__container
  .search-results__element
  .search-results__element-container:active {
  background-color: var(--services-active);
}
.search-with-list
  .search-results
  .search-results__container
  .search-results__element
  .search-results__element-container
  .search-results__element-title {
  font-weight: 300;
  font-size: calc(16px * var(--scale));
  line-height: calc(24px * var(--lh));
}
@media (max-width: 992px) {
  .search-with-list
    .search-results
    .search-results__container
    .search-results__element
    .search-results__element-container
    .search-results__element-title {
    font-size: calc(14px * var(--scale));
    line-height: calc(20px * var(--lh));
  }
}
.search-with-list
  .search-results
  .search-results__container
  .search-results__element
  .search-results__element-container
  .search-results__element-date {
  color: var(--tertiary-text);
  font-weight: 300;
  font-size: calc(14px * var(--scale));
  line-height: calc(18px * var(--lh));
}
@media (max-width: 992px) {
  .search-with-list
    .search-results
    .search-results__container
    .search-results__element
    .search-results__element-container
    .search-results__element-date {
    font-size: calc(10px * var(--scale));
    line-height: calc(14px * var(--lh));
  }
}

* {
  font-family: "Manrope", sans-serif;
  margin: 0;
  padding: 0;
  font-weight: 300;
}

a:focus-visible,
button:focus-visible,
li:focus-visible,
textarea:focus-visible,
select:focus-visible,
span:focus-visible,
div:focus-visible {
  outline: 3px solid orange;
  outline-offset: -3px;
}

body {
  display: flex;
  margin: auto;
  align-items: center;
  flex-direction: column;
  height: 100vh;
  color: #000000;
  overflow-x: hidden;
  color: var(--main-text);
  letter-spacing: var(--ls);
  background-color: var(--content-color);
}

body.tmp-print .header {
  display: none;
}
body.tmp-print .breadcrumbs {
  display: none;
}
body.tmp-print .button {
  display: none;
}
body.tmp-print .pagination {
  display: none;
}
body.tmp-print .footer {
  display: none;
}

.main {
  box-sizing: border-box;
  max-width: 1440px;
  width: 100%;
  display: flex;
  flex-direction: column;
  margin: 0 auto;
  flex-grow: 1;
  padding: 0 64px;
}
@media (max-width: 992px) {
  .main {
    padding: 0 20px;
  }
}
@media (max-width: 768px) {
  .main {
    padding: 0 24px;
  }
}

.components {
  display: flex;
  flex-direction: column;
  align-items: baseline;
  gap: 20px;
  margin: 20px 0 20px;
}

.grey-block {
  background: var(--cards-background);
  border-radius: 12px;
  width: 100%;
}

hr {
  border-color: var(--fourth-text);
  border-top: 0px;
  margin: 32px 0 16px;
}

.upper-text {
  text-transform: uppercase;
}

[id^="wait_comp_"] {
  background-color: white !important;
  border: 1px solid var(--event-color) !important;
  border-radius: 1000px !important;
  color: var(--primary-color) !important;
  font-size: 0px !important;
  background-position-x: 25px !important;
  padding-left: 55px !important;
}

[id^="wait_comp_"]::after {
  content: "Загрузка" !important;
  font-weight: 300;
  font-size: calc(16px * var(--scale));
  line-height: calc(20px * var(--lh));
}
@media (max-width: 992px) {
  [id^="wait_comp_"]::after {
    font-size: calc(12px * var(--scale));
    line-height: calc(16px * var(--lh));
  }
}

.generate_form {
  max-width: 866px;
}
.generate_form .generate_buttons {
  display: flex;
  gap: 24px;
  margin-top: 24px;
}
.generate_form .search-by-site__button {
  max-width: unset;
  width: unset;
}
.generate_form .search-by-site__button:hover {
  color: var(--main-text);
}

.error-input {
  border: 1px solid #d10404 !important;
}

.error-input::placeholder {
  color: #d10404 !important;
}

.error-message {
  color: #d10404;
  height: 1em;
  font-weight: 300;
  font-size: calc(10px * var(--scale));
  line-height: calc(14px * var(--lh));
}
@media (max-width: 992px) {
  .error-message {
    font-size: calc(8px * var(--scale));
    line-height: calc(12px * var(--lh));
  }
}

/* Стили УИТС */

/*Виджеты ПОС*/
.gosuslugi-pos-og-widget__startText{
  width: 50% !important;
}
/* Разное */
strong {
  font-weight: bold !important;
}
.header_date {
  display: flex;
  justify-content: space-between;
  font-size: 12px;

  padding: 10px 65px 0 65px;
}
.header_date .today {
  color: var(--tertiary-text);
}

.header_date-duma {
  width: 100%;
  display: flex;
  justify-content: space-between;
  font-size: 12px;
  
  padding: 10px 0 0 0;
}

 .disclaimer-duma {
  color: var(--tertiary-text);
  font-weight: 600;

}

.header_date .disclaimer {
  color: var(--tertiary-text);
  font-weight: 600;

}
@media (max-width: 992px) {
  .header_date .today {
    display: none;
    
  }
  .header_date {
  padding: 10px 20px 0 20px;
  }
}
.header-visibility__top-links {
  gap: 0;
}

.tree-menu-container ul,
.tree-menu-container ol,
.tree-menu-container li {
  margin: 0;
  padding: 0;
}

.tree-menu {
  list-style: none;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 15px;
}

.tree-menu-item {
  position: relative;
  max-width: 300px;
}
.tree-menu-item a {
  text-decoration: none;
  display: flex;
  gap: 10px;
  justify-content: space-between; /* Выравниваем текст и стрелку */
  align-items: center;
  padding: 10px 20px;
  background-color: var(--grey-adm);
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  color: var(--main-text);
  font-size: 14px;
  transition: all 0.3s;
}

/* Стрелочка справа */
.tree-menu-arrow {
  font-size: 12px;
  color: #999;
}

.tree-menu-item.has-submenu:hover > a,
.tree-menu-item:hover > a,
.tree-submenu li a:hover {
  background: #ddd;
  color: var(--primary-color);
  text-decoration: none;
}
.tree-menu-item .menu-icon {
  max-width: 25px;
}
/* Подменю */
.tree-submenu {
  display: none;
  position: absolute;
  flex-direction: column;
  gap: 0;
  left: 100%;
  top: 0;
  background: white;
  border-radius: 5px;
  background-color: var(--grey-adm);
  border: 1px solid #ddd;
  min-width: 200px;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);
  list-style: none;
  padding: 0;
  z-index: 1001;
}

/* Чтобы подменю не исчезало */
.tree-menu-item:hover > .tree-submenu,
.tree-menu-item .tree-submenu:hover {
  display: flex;
}

.tree-submenu li a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 20px;
  color: var(--main-text);
  text-decoration: none;
  
  box-shadow: none;
}
.w500 {
  font-weight: 500;
}

/* Календарь новостей АГ */
.vanilla-calendar-container {
  position: absolute;
  background: var(--cards-background);
  border: 1px solid #ddd;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  padding: 10px;
  z-index: 1000;
}

.adm-all-news__calendar-button {
  min-width: 158px;
  display: flex;
  align-items: center;
  gap: 8px; /* Отступ между иконкой и текстом */
  cursor: pointer; /* Курсор у всей кнопки */
  padding: 8px 12px; /* Увеличиваем зону клика */
}

.adm-all-news__calendar-button img {
  pointer-events: none; /* Чтобы клики проходили сквозь SVG */
}

.adm-all-news__calendar-button span {
  flex-grow: 1; /* Растягиваем span на всю доступную ширину */
  text-align: left; /* Выравниваем текст */
  cursor: pointer; /* Делаем текст кликабельным */
  pointer-events: none;
}


.cal-btn{
  background-color: white;
  color: black;
}

.cal-btn:hover{
  border: 1px solid black !important;
  background-color: white !important;
}

.cal-div{
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 5px;
}

.create-date__div{
  display: flex;
  flex-direction: row;
  gap: 12px;
  color: var(--tertiary-text);
}


.btn{
  padding: 15px 20px;
  color: var(--content-color);
  background-color: var(--primary-color);
}

.btn:hover{
  color: var(--content-color);
  text-decoration: underline; 
}



.gosuslugi-business-banner {
  max-width:350px; 

}
.gosuslugi-business-banner img {
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
border-radius: 12px;
}
.gosuslugi-pos-og-widget__startHead, .gosuslugi-pos-og-widget__startText {
  background-color: #ffffffa3;
}

.gosuslugi-banner {
  background: linear-gradient(86deg, rgb(237, 242, 254) 0%, rgb(215, 231, 255) 100%);
  border-radius: 12px;
  padding: 28px 20px;
  flex-grow: 1;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
}

.gosuslugi-banner-container {
  display: flex;
  flex-direction: column !important;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 20px;
  height: 100%;
}

.banner-text {
  flex-grow: 1;
}

.banner-title {
  font-size: 28px;
  color: #1a1a1a;
  margin-bottom: 20px;
  text-align: center;
}

.banner-description {
  font-size: 18px;
  color: #333;
  margin-bottom: 30px;
  text-align:center;
}

.store-buttons {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
  justify-content: center;
}

.button-col{
  display: flex;
  flex-direction: column;
  gap:20px;
}

.store-buttons a img {
  width: 230px;
  transition: transform 0.3s;
}

.store-buttons a img:hover {
  transform: scale(1.05);
}

.banner-image {
  flex: 1;
  text-align: center;
}

.banner-image img {

  width: auto;
  min-height: 256px;
}



.posb_container {
  max-width: 600px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 0;
}

.posb_image {
  text-align: center;
  max-width: 550px;
}

.posb_image img {
  width: 100%;
}

.posb_header {
  font-size: 1.5rem;
  font-weight: 600;
  text-align: left;
}

.posb_subheader {
  font-size: 1.2rem;
  text-align: left;
  font-weight: 100;
}

.posb_gosuslugi_footer {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: 2rem;
  align-items: flex-end;
}

.posb_btn {
  color: white;
  background-color: var(--primary-color);
  padding: 1rem 2rem;
  border-radius: 0.5rem;
  font-size: 1.2rem;
  text-decoration: none;
}
.posb_btn:hover {
  color: white;
  text-decoration: none;
}
.posb_gosuslugi_text {
  width: 50%;
  text-align: center;
}

.posb_gosuslugi_text img {
  width: 100%;
}
.content
{
  font-size: calc(16px * var(--scale));
  line-height: calc(20px * var(--lh));
}
.footer__age {
  margin-top: 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #dcb572;
  font-weight: 600;
  border: 1px solid #d7d7d7;
  padding: 5px 10px;
  min-width: 54px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: 28px
}

#myCarousel {
  --f-carousel-slide-height: 100%;
  --f-carousel-spacing: 10px;
  height: 200px;
}

.services-banners{
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 15px;
}

.services-banners img{
  height: 61px;
}

.toggle-content-container{
  background-color: #fff;
  border: 1px var(--grey-adm) solid;
  border-radius: 8px;
}

.toggle-content-container .label{
  text-align: left;
}

/*html, body {
  overflow: hidden;
}

body {
  overflow-y: scroll;
}*/

/* Дисклеймер политики Cookie */
.nca-cookiesaccept-line{
  right: 0;
  background-color: rgba(38, 38, 38, 0.85) !important;
}

#nca-cookiesaccept-line-accept-btn{
  color: #fff;
  min-width: 180px;
  border: none;
  padding: 10px;
  background-color: var(--primary-color-green);
  font-size: 16px;
}

#nca-cookiesaccept-line-accept-btn:hover{
  background-color: var(--primary-color-green-click);
}

.attention-link{
  text-decoration: none !important;
  color: #59b4ff !important;
}

.attention-link:hover{
  color: #fff  !important;
}

/* Функция скрытия картинок */
.hide-images * {
  background-image: none !important;
}

.hide-images img, .hide-images svg   {
  visibility: hidden;
  width: 0;
  height: 0;
  overflow: hidden;
}

.hide-images img::before, .hide-images svg::before {
  content: attr(alt);
  visibility: visible;
  display: inline-block;
  font-size: 14px;
  color: #000;
  background: #f0f0f0;
  padding: 5px;
}

.biography-card__job{
  font-size: 16px !important;
}

/* swiper */

.swiper {
  width: 100%;
  height: 100%;
}

.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}

.swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.swiper {
  width: 100%;
  height: 300px;
  margin-left: auto;
  margin-right: auto;
}

.swiper-slide {
  background-size: cover;
  background-position: center;
  display: flex;
  flex-direction: row;
  max-width: fit-content;
  overflow: hidden;
}

.mySwiper2 {
  height: 80%;
  width: 100%;
}

.mySwiper {
  height: 20%;
  box-sizing: border-box;
  padding: 10px 0;
}

.mySwiper .swiper-slide {
  width: 25%;
  max-height: 20%;
  opacity: 0.4;
  overflow: hidden;
}

.mySwiper .swiper-slide-thumb-active {
  opacity: 1;
}

.swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}


.mySwiper2 .swiper-slide,
.mySwiper2 img{
  min-width: 100%;
  max-height: 100%;

}

#js-show-iframe-wrapper {
  min-width: 300px !important;
}
.person_card {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
}

/* Десктоп */
.person_bio img 
{
  width: 40%;
  min-width: 309px;
  float: left;
  margin: 48px 20px 20px 0;
  border-radius: 12px;
}
.person_photo {
  flex: 0 0 300px;
  order: 1;
}

.person_bio {

}

.person_contacts {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  width: 100%;
}
.phone_title {
  font-weight: 600;
}
.person_add_phones, .person_phones {
  background-color: var(--grey-adm);
  border-radius: 12px;
  padding: 12px 20px;
  flex-grow: 1;
  max-width: 49%;
  justify-content: space-between;
}

.zamestiteli-img{
  width: 30% !important;
}

.zam-card{
  margin-top: 15px !important;
}

/* СПИСОК */
.biography-card__container:hover{
  text-decoration: none !important;
}

/* Мобильный */
@media (max-width: 991px) {
  .person_card {

  }
  .person_photo {

  }
  .person_bio {

  }
  .person_contacts {
 
  }
  .person_add_phones, .person_phones{
    max-width: 100%;
  }
}

.tag-date {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.doc-date .label {
  margin-bottom: 0 !important;
}
.tag-date .doc-date {
  display: flex;
  align-items: center;
  gap: 12px;
}
.glyphicon
{
  color: gray;
  font-family: 'Glyphicons Halflings', sans-serif !important;
}
.panel .panel-default
{
  border-radius: 12px !important;
}
.panel-footer {
  background-color: var(--grey-adm);
}
.panel-body, .panel-footer 
{
  padding: 20px 28px !important;
}
.orv-date {
  padding: 8px 28px;
  gap: 8px;
  display: flex;
  justify-content: end;
}

/* Инвестору */
#popupBtn {
	background:url(/files/materials/userimg/invest.png) no-repeat;
	background-size: contain;
	/*background-image: url('/local/templates/surgut/files/materials/userimg/form-bg.png');*/
	display: flex;
	align-items: center;
	justify-content: center;
  border:none;
	position: fixed;
	bottom: 160px;
	right: 32px;
	/*color: #707070;*/
	z-index: 5;
	width:100px;
	height:118px;       
  
	cursor: pointer;
	/*background-color: #efebeb;*/
	/*box-shadow: 0px 5px 15px 0px rgba(154, 130, 69, 0.31);*/
	animation: cssAnimation_0 2s infinite ease-out;
	/*animation-delay: 1s;*/
	transition: all 0.5s ease-out;     
	transform: scale(0.9);
		   
}

@keyframes cssAnimation_0 {
	0% { 
		transform: scale(0.9);
	}
	50% { transform: scale(1); }
	100% { transform: scale(0.9); }
}

#popupBtn:hover {
	/*box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.35);*/                                
	animation: none; 
	transform: scale(1);               
}

#popupText {
	font-size:0.9rem;
	display: flex;
	flex-direction: column;
	align-items: left;
	justify-content: center;
	color: #474747;
	background-color: #FFFFFF;
	border-radius: 20px;
	padding: 20px;
	transition: opacity 500ms, z-index 500ms ease-out;
	box-shadow: 0px 5px 15px 0px #deebf5;
	position: fixed;
	bottom: 300px;
	right: 32px;
	min-height: 200px;
	overflow: hidden;
	width: 300px;
}
#popupText h4
{ 
	text-align: center; 
	margin: 10px 0;
}
#popupText a
{             
	transition: color 0.5s easy-out;
	color:#109fe7;
	text-decoration: underline;
}
#popupText .pItem
{
	padding: 10px;
	text-align: center;
	margin: 0;
}
#popupText a:hover
{
	
	text-decoration: underline;
				 
}
/* Инвестору */

/* старые  моддалки */


.m-modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background: rgba(0, 0, 0, 0.5); /* затемнение */
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease;
  z-index: 1000;
}

.m-modal-overlay.active {
  opacity: 1;
  visibility: visible;
}

.m-modal-content {
  background: var(--grey-adm);
  padding: 4rem;
  
  position: relative;
  max-width: 800px;
  width: 90%;
  max-height: 80vh; /* 90% от высоты экрана */
  overflow-y: auto; /* Прокрутка внутри самой модалки */
 
  box-shadow: 0px 5px 10px 2px rgba(0, 0, 0, 0.33);
}
.m-modal-content h2
{
  padding: 1rem 0;
  text-align: center;
  margin: 0;
}
.m-modal-close {
  position: absolute;
  top: 1rem;
  right: 2.5rem;
  background: transparent;
  border: none;
  color: gray;
  font-size: 24px;
  cursor: pointer;
}

.list-item-container {
  display: flex; 
  flex-direction: column;
  gap: 0.5rem;
}

.list-item-name {
  font-weight: 500;
}
.list-item-date {
  font-size:  calc(12px * var(--scale));
}
/*Фикс поля mail*/
.telephone-elem-row-el-mail {
  word-break: normal;
  overflow-wrap: normal;
  max-width: 100%;
  flex-grow: 1;
}
.telephone-elem .telephone-elem-main .telephone-elem-phones .telephone-elem-phones-row .telephone-elem-row-item 
{
  gap: 12px;
}
.telephone-elem .telephone-elem-main .telephone-elem-phones .telephone-elem-phones-row .telephone-elem-row-item:first-child, .telephone-elem .telephone-elem-main .telephone-elem-phones .telephone-elem-phones-row .telephone-elem-row-item:last-child {
  width: 40%;
}

.attention { 
  color: #a3272f;
}
.news-top-card__link  {
  color:white; 
  z-index:10;
  
}
.news-top-card__link:hover {
  text-decoration: none;
  color:white;
}

#video_online-container {
  width: 100%;


  position: relative;
}

#video_online {
  width: 100%;
  height: 100%;
  object-fit: contain; /* Чтобы не растягивало видео */

}

.duma-adress p{
  text-decoration: none;
  color: var(--fourth-text);
  font-weight: 300;
  font-size: calc(14px * var(--scale));
  line-height: calc(20px * var(--lh));
}

.duma-adress p:first-child{
  margin-top: 0 ;
}

.duma_footer-menu{
  min-width: 620px;
}

.duma-visibility{
  color: #fff;
  font-weight: bold !important;
}

.duma-adress{
  max-width: 620px !important;
}

.footer__menu-columns {
  display: flex;
  width: 100%;
  max-width: 620px;
  justify-content: space-between;
}

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

.duma-footer{
  max-width: 620px !important;
}


.footer__categorie-links {
  /* можно добавить дополнительные стили при необходимости */
}

.footer__categorie-link {
  text-decoration: none;
  color: #000;
  font-size: 14px;
}

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

.footer__title {
  margin: 0 0 10px 0;
  font-weight: bold;
  font-size: 16px;
}

/* Если нужно выравнивание второй колонки по первой строке после заголовка */
.footer__menu-columns ul:nth-child(2) {
  margin-top: 34px; /* отрегулируй под размер заголовка */
}

.footer__category-content p{
  margin: 0 0 8px;
}

.header__link button {
  all: unset
}
.header__link button:focus-visible {
  outline: 3px solid orange; outline-offset: -3px;
}
.dm-meeting #video-player {
  border-radius: 12px;
  overflow: hidden;
  margin: 20px 0;
}
.dm-comitet-elem__info-district
{
  text-align: right;
  color: var(--main-text);
  font-weight: 500 !important;
  font-size: calc(14px * var(--scale));
  line-height: calc(18px * var(--lh));
}
.slim td, .slim th {
  padding: 5px;
}
.footer__logo {
  min-width: 40px;
}
a.footer__main-links {
  gap: 12px !important;
}
/* End */


/* Start:/local/components/atlassys/sms.auth/templates/.default/style.css?1733890776112*/
.form_content {
    display: flex;
    flex-direction: column;
    gap: 24px;
}
.form_sms2 {
    display:none;
}
/* End */


/* Start:/bitrix/components/niges/cookiesaccept/templates/.default/style.css?17427951482729*/
/* NIGES.COOKIESACCEPT */

.nca-cookiesaccept-line {
    font-size: inherit;
    font-family: inherit;
    line-height: 1;
    padding: 10px;
}


.nca-cookiesaccept-line.style-1 .nca-cookiesaccept-line-text,
.nca-cookiesaccept-line.style-3 .nca-cookiesaccept-line-text,
.nca-cookiesaccept-line.style-5 .nca-cookiesaccept-line-text,
.nca-cookiesaccept-line.style-7 .nca-cookiesaccept-line-text {
    color:#111;
}
.nca-cookiesaccept-line.style-2 .nca-cookiesaccept-line-text,
.nca-cookiesaccept-line.style-4 .nca-cookiesaccept-line-text,
.nca-cookiesaccept-line.style-6 .nca-cookiesaccept-line-text,
.nca-cookiesaccept-line.style-8 .nca-cookiesaccept-line-text {
    color:#eee;
}

.nca-cookiesaccept-line.style-1 {
    /* background-position: center;
    background-repeat: repeat-x;
	background-image: url(/bitrix/components/niges/cookiesaccept/templates/.default/images/style-1-2.svg);
    background-size: contain; */
    background-color: rgb(61, 168, 255); 
}

.nca-cookiesaccept-line.style-2 {
    background-color: rgb(13, 62, 102);
}


.nca-cookiesaccept-line.style-3 {
    background-color: rgb(197, 197, 197);
}

.nca-cookiesaccept-line.style-4 {
    background-color: rgb(71, 71, 71);
}

.nca-cookiesaccept-line.style-5 {
    background-color: rgb(61, 255, 158);
}

.nca-cookiesaccept-line.style-6 {
    background-color: rgb(9, 92, 50);
}

.nca-cookiesaccept-line.style-7 {
    background-color: rgb(84, 255, 61);
}

.nca-cookiesaccept-line.style-8 {
    background-color: rgb(92, 5, 5);
}

.nca-cookiesaccept-line.style-9 {
    background-color: rgb(203, 255, 61);
}

.nca-cookiesaccept-line.style-10 {
    background-color: rgb(70, 94, 4);
}

.nca-cookiesaccept-line.style-11 {
    background-color: rgb(255, 148, 61);
}

.nca-cookiesaccept-line.style-12 {
    background-color: rgb(138, 70, 14);
}

.nca-cookiesaccept-line.style-13 {
    background-color: rgb(255, 61, 61);
}

.nca-cookiesaccept-line.style-14 {
    background-color: rgb(119, 22, 22);
}

.nca-cookiesaccept-line.style-15 {
    background-color: rgb(255, 61, 152);
}

.nca-cookiesaccept-line.style-16 {
    background-color: rgb(85, 10, 45);
}

.nca-cookiesaccept-line.style-17 {
    background-color: rgb(83, 129, 255);
}

.nca-cookiesaccept-line.style-18 {
    background-color: rgb(6, 37, 122);
}

 
.nca-cookiesaccept-line.style-19 {
    background-color: rgb(255, 255, 255);
}

.nca-cookiesaccept-line.style-20 {
    background-color: rgb(0, 0, 0);
}
 

@media screen and (min-width:767.01px) {
	.nca-hidden-pc {display: none !important;}
}
@media screen and (max-width:767px) {
	.nca-hidden-mobile {display: none !important;}
}
/* End */


/* Start:/local/templates/surgut/styles.css?17460217454108*/
html {

}
.admsurgut * {
  font-family: "Manrope", serif;
}
h2 {
  padding: 48px 0 16px;
  font-weight: 500;
  font-size: calc(28px * var(--scale));
  line-height: calc(38px * var(--lh));
}
@media (max-width: 992px) {
  h2 {
    font-size: calc(16px * var(--scale));
    line-height: calc(20px * var(--lh));
  }
}
@media (max-width: 992px) {
  h2 {
    padding: 32px 0 8px;
  }
}

h3 {
  font-weight: 500;
  font-size: calc(24px * var(--scale));
  line-height: calc(28px * var(--lh));
}
@media (max-width: 992px) {
  h3 {
    font-size: calc(16px * var(--scale));
    line-height: calc(20px * var(--lh));
  }
}
h3 {
  padding: 32px 0 8px;
}
@media (max-width: 992px) {
  h3 {
    padding: 24px 0 8px;
  }
}

h4 {
  font-weight: 500;
  font-size: calc(20px * var(--scale));
  line-height: calc(24px * var(--lh));
}
@media (max-width: 992px) {
  h4 {
    font-size: calc(14px * var(--scale));
    line-height: calc(18px * var(--lh));
  }
}
h4 {
  padding: 32px 0 8px;
}
@media (max-width: 992px) {
  h4 {
    padding: 24px 0 8px;
  }
}

h5 {
  font-weight: 500;
  font-size: calc(16px * var(--scale));
  line-height: calc(20px * var(--lh));
}
@media (max-width: 992px) {
  h5 {
    font-size: calc(12px * var(--scale));
    line-height: calc(16px * var(--lh));
  }
}
h5 {
  padding: 32px 0 8px;
}
@media (max-width: 992px) {
  h5 {
    padding: 24px 0 8px;
  }
}

h6 {
  font-weight: 500;
  font-size: calc(12px * var(--scale));
  line-height: calc(16px * var(--lh));
}
@media (max-width: 992px) {
  h6 {
    font-size: calc(10px * var(--scale));
    line-height: calc(14px * var(--lh));
  }
}
h6 {
  padding: 32px 0 8px;
}
@media (max-width: 992px) {
  h6 {
    padding: 24px 0 8px;
  }
}

ul,
ol {
  margin-left: 44px;
}

li {
  margin: 8px 0 8px;
}

p {
  margin: 8px 0 8px;
}

a {
  font-weight: 400;
  text-decoration: none;
  color: var(--primary-color);
}
a:hover {
  text-decoration: underline;
  color: var(--primary-color-hover);
}
a:active {
  text-decoration: underline;
  color: var(--primary-color-active);
}

b {
  font-weight: 600;
}

.content .button_white {
  border-color: transparent;
  background-color: transparent;
  padding: 0;
}
.content .button_white:hover {
  background-color: transparent;
}
.content .button_white:active {
  background-color: transparent;
}
.content .button_white .icon {
  font-size: 20px;
}
.content .content__link {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
}
.content .content__link .icon {
  min-width: 14px;
}
.content .glyphicon-save::before {
  content: unset;
}
.content-card {
  /*background-color: var(--cards-background);*/

}
.content-card__container {
  margin: 0;
  max-width: 978px;
  width: 100%;
  padding: 20px 0;
  
}
.content-card h1 {
  margin-bottom: 20px;
  font-weight: 500;
  font-size: calc(32px * var(--scale));
  line-height: calc(38px * var(--lh));
}
@media (max-width: 992px) {
  .content-card h1 {
    font-size: calc(16px * var(--scale));
    line-height: calc(20px * var(--lh));
  }
}
.content-page {
  margin-top: 24px;
  max-width: 978px;
}
.content-page-duma {
  margin-top: 20px;

}

table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}

th,
td {
  text-align: left;
  padding: 18px 12px;
  border: 1px solid var(--tertiary-text-dark-bg);
  font-weight: 300;
  font-size: calc(14px * var(--scale));
  line-height: calc(22px * var(--lh));
}
@media (max-width: 992px) {
  th,
  td {
    font-size: calc(12px * var(--scale));
    line-height: calc(18px * var(--lh));
  }
}

th {
  background-color: var(--grey-adm);
  border-right: none;
  border-left: none;
  font-weight: 500;
  font-size: calc(14px * var(--scale));
  line-height: calc(22px * var(--lh));
}
@media (max-width: 992px) {
  th {
    font-size: calc(12px * var(--scale));
    line-height: calc(18px * var(--lh));
  }
}

th:first-child {
  border-left: 1px solid var(--tertiary-text-dark-bg);
}

th:last-child {
  border-right: 1px solid var(--tertiary-text-dark-bg);
}

tr:last-child td:first-child {

}

tr:last-child td:last-child {

}
.wa {
  width: auto !important;
}
/* End */
/* /local/templates/surgut/template_styles.css?1748496474552115 */
/* /local/components/atlassys/sms.auth/templates/.default/style.css?1733890776112 */
/* /bitrix/components/niges/cookiesaccept/templates/.default/style.css?17427951482729 */
/* /local/templates/surgut/styles.css?17460217454108 */