/*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/
*,
::before,
::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: currentColor; /* 2 */
}

/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
*/
html {
  line-height: 1.5; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -moz-tab-size: 4; /* 3 */
  tab-size: 4; /* 3 */
  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
  font-feature-settings: normal; /* 5 */
  font-variation-settings: normal; /* 6 */
}

/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/
body {
  margin: 0; /* 1 */
  line-height: inherit; /* 2 */
}

/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/
hr {
  height: 0; /* 1 */
  color: inherit; /* 2 */
  border-top-width: 1px; /* 3 */
}

/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/
abbr:where([title]) {
  text-decoration: underline dotted;
}

/*
Remove the default font size and weight for headings.
*/
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}

/*
Reset links to optimize for opt-in styling instead of opt-out.
*/
a {
  color: inherit;
  text-decoration: inherit;
}

/*
Add the correct font weight in Edge and Safari.
*/
b,
strong {
  font-weight: bolder;
}

/*
1. Use the user's configured `mono` font family by default.
2. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/*
Add the correct font size in all browsers.
*/
small {
  font-size: 80%;
}

/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/
table {
  text-indent: 0; /* 1 */
  border-color: inherit; /* 2 */
  border-collapse: collapse; /* 3 */
}

/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-feature-settings: inherit; /* 1 */
  font-variation-settings: inherit; /* 1 */
  font-size: 100%; /* 1 */
  font-weight: inherit; /* 1 */
  line-height: inherit; /* 1 */
  color: inherit; /* 1 */
  margin: 0; /* 2 */
  padding: 0; /* 3 */
}

/*
Remove the inheritance of text transform in Edge and Firefox.
*/
button,
select {
  text-transform: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button; /* 1 */
  background-color: transparent; /* 2 */
  background-image: none; /* 2 */
}

/*
Use the modern Firefox focus style for all focusable elements.
*/
:-moz-focusring {
  outline: auto;
}

/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/
:-moz-ui-invalid {
  box-shadow: none;
}

/*
Add the correct vertical alignment in Chrome and Firefox.
*/
progress {
  vertical-align: baseline;
}

/*
Correct the cursor style of increment and decrement buttons in Safari.
*/
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/
[type=search] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/*
Remove the inner padding in Chrome and Safari on macOS.
*/
::-webkit-search-decoration {
  -webkit-appearance: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/*
Add the correct display in Chrome and Safari.
*/
summary {
  display: list-item;
}

/*
Removes the default spacing for appropriate elements.
*/
blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

dialog {
  padding: 0;
}

/*
Prevent resizing textareas horizontally by default.
*/
textarea {
  resize: vertical;
}

/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
*/
input::placeholder,
textarea::placeholder {
  opacity: 1; /* 1 */
}

/*
Set the default cursor for buttons.
*/
button,
[role=button] {
  cursor: pointer;
}

/*
Make sure disabled buttons don't get the pointer cursor.
*/
:disabled {
  cursor: default;
}

/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/
img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block; /* 1 */
  vertical-align: middle; /* 2 */
}

/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/
img,
video {
  max-width: 100%;
  height: auto;
}

/* Make elements with the HTML hidden attribute stay hidden by default */
[hidden] {
  display: none;
}

@font-face {
  font-family: "PT Serif";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/PTSerif/PTSerif-Regular.woff2") format("woff2"), url("../fonts/PTSerif/PTSerif-Regular.woff") format("woff"), url("../fonts/PTSerif/PTSerif-Regular.ttf") format("ttf");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/Inter/Inter-Medium.woff2") format("woff2"), url("../fonts/Inter/Inter-Medium.woff") format("woff"), url("../fonts/Inter/Inter-Medium.otf") format("otf");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../fonts/Inter/Inter-Regular.woff2") format("woff2"), url("../fonts/Inter/Inter-Regular.woff") format("woff"), url("../fonts/Inter/Inter-Regular.otf") format("otf");
}
input:focus::-webkit-input-placeholder {
  color: transparent;
}

textarea:focus::-webkit-input-placeholder {
  color: transparent;
}

input {
  border: none;
  outline: none;
}

html, body {
  min-height: 100vh;
  margin: 0;
  padding: 0;
}

body {
  width: 100%;
  height: 100%;
  font-family: "Inter", sans-serif;
  color: #000000;
  line-height: 1.2;
  font-weight: 400;
}

a {
  text-decoration: none;
  display: block;
}

.wrapper {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
.wrapper--send {
  background-color: #f7f5ee;
}

.main {
  margin-top: 16px;
  flex-grow: 1;
}
.main__inner-title.title {
  display: none;
}
@media (max-width: 1023px) {
  .main__inner-title.title {
    display: flex;
    margin-bottom: 16px;
    font-size: 24px;
  }
}
@media (max-width: 1023px) {
  .main__inner {
    display: flex;
    flex-direction: column;
  }
  .main__inner .breadcrumbs {
    margin-bottom: 28px;
    order: 1;
  }
  .main__inner-title.title, .main__inner-title {
    margin-bottom: 28px;
    order: 2;
  }
  .main__inner .search-mobile {
    order: 3;
  }
}

.container {
  width: 100%;
  max-width: 1840px;
  padding-left: 20px;
  padding-right: 20px;
  margin: 0 auto;
}
@media screen and (max-width: 1023px) {
  .container {
    max-width: 720px;
  }
}
@media screen and (max-width: 768px) {
  .container {
    max-width: 540px;
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media screen and (max-width: 576px) {
  .container {
    max-width: none;
  }
}

.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  border: 0;
  clip: rect(0 0 0 0);
}

.section {
  margin-bottom: clamp(3.75rem, 1.469vw + 2.774rem, 4.5rem);
}
.section:last-child {
  margin-bottom: 0;
}
@media (max-width: 1023px) {
  .section {
    margin-bottom: 32px;
  }
  .section:last-child {
    margin-bottom: 0;
  }
}

.is-hidden {
  display: none;
}

.is-visible {
  display: block;
}

.is-visible-flex {
  display: flex;
}

.is-visible-inline-block {
  display: inline-block;
}

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

.pointer-events-none {
  pointer-events: none;
}

.pointer-events-auto {
  pointer-events: auto;
}

.cursor-not-allowed {
  cursor: not-allowed;
}

.cursor-pointer {
  cursor: pointer;
}

.visibility-hidden {
  visibility: hidden;
}

.visibility-visible {
  visibility: visible;
}

.opacity-60 {
  opacity: 0.6;
}

.opacity-100 {
  opacity: 1;
}

.overflow-hidden {
  overflow: hidden;
}

.overflow-auto {
  overflow: auto;
}

.header {
  position: static;
  top: 0;
  left: 0;
  right: 0;
  z-index: 10;
  width: 100%;
  background-color: #fefefe;
  will-change: transform;
  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  padding-top: 24px;
  padding-bottom: 32px;
}
@media (max-width: 1023px) {
  .header {
    flex-direction: column;
    padding: 16px 0;
  }
}
.header.is-fixed {
  position: fixed;
  transform: translateY(0);
}
@media (max-width: 1023px) {
  .header.is-fixed {
    max-height: 100vh;
  }
}
.header.is-scrolling {
  transform: translateY(-100%);
}
@media (max-width: 1023px) {
  .header {
    display: flex;
  }
}
.header__logo {
  width: 120px;
  height: 45px;
  margin-right: clamp(1.5rem, 0.979vw + 0.849rem, 2rem);
  display: flex;
  flex-shrink: 0;
  gap: 11px;
  align-items: center;
}
.header__logo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.header__text {
  font-size: 12px;
  color: #d42427;
  text-transform: uppercase;
}
.header__container {
  position: relative;
  width: 100%;
  max-width: 1840px;
  padding-left: 20px;
  padding-right: 20px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 30px;
  width: 100%;
}
@media screen and (max-width: 1023px) {
  .header__container {
    max-width: 720px;
  }
}
@media screen and (max-width: 768px) {
  .header__container {
    max-width: 540px;
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media screen and (max-width: 576px) {
  .header__container {
    max-width: none;
  }
}
@media (max-width: 1023px) {
  .header__container {
    display: flex;
    gap: 16px;
    margin-bottom: 0;
  }
}
.header__menu {
  display: flex;
  align-items: center;
}
@media (max-width: 1023px) {
  .header__menu-desktop {
    display: none;
  }
}
.header__menu-mobile {
  position: absolute;
  top: 100%;
  right: 0;
  max-width: 375px;
  min-height: 100vh;
  width: 100%;
  padding: 24px 20px;
  display: none;
  z-index: 10;
  background-color: #fefefe;
  transform: translateX(100%);
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  opacity: 0;
  visibility: hidden;
}
@media (max-width: 1023px) {
  .header__menu-mobile {
    display: flex;
  }
}
.header__menu-mobile--open {
  transform: translateX(0);
  opacity: 1;
  visibility: visible;
}
.header__menu-mobile-list {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.header__menu-mobile-list ul {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.header__menu-mobile-list a:not(.header__menu-mobile-link) {
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 2px;
}
.header__menu-mobile-title.title {
  font-size: 24px;
  margin-bottom: 24px;
}
.header__menu-mobile-link {
  display: flex;
  align-items: center;
  gap: 24px;
  font-family: "Inter", sans-serif;
  font-size: 24px;
  text-decoration: none;
  transition: color 0.38s ease-in-out, border-color 0.38s ease-in-out;
}
.header__menu-mobile-link:active {
  color: #a62320;
}
.header__menu-mobile-link:active .header__menu-mobile-link-icon {
  border-color: #a62320;
  color: #a62320;
}
.header__menu-mobile-link-text {
  font-size: 18px;
}
.header__menu-mobile-link-icon {
  font-size: 18px;
  width: 30px;
  height: 30px;
  border: 1px solid #00486b;
  color: #00486b;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: color 0.38s ease-in-out, border-color 0.38s ease-in-out;
}
.header__menu-controls {
  display: flex;
  align-items: center;
}
@media (max-width: 1023px) {
  .header__search-container {
    display: none;
  }
  .header__search-container.is-visible {
    display: block;
    padding-top: 10px;
    background-color: #fefefe;
  }
  .header--home .header__search-container {
    display: block;
    padding-top: 10px;
    background-color: #fefefe;
  }
}
.header__menu-list {
  display: flex;
  align-items: center;
}
.header__menu-list li {
  padding: 0 23px;
  border-left: 1px solid #d9d9d9;
}
.header__menu-list li:first-child {
  border-left: none;
  padding-left: 0;
}
@media (max-width: 1023px) {
  .header__menu-list {
    display: none;
  }
}
.header__menu-link {
  white-space: nowrap;
  cursor: pointer;
  transition: color 0.38s ease-in-out;
}
@media (hover: hover) {
  .header__menu-link:hover {
    color: #a62320;
  }
}
.header__menu-link:active {
  color: #000000;
}
.header__menu-link--active {
  color: #a62320;
}
.header__controls {
  display: flex;
  align-items: center;
  gap: clamp(0.875rem, 1.224vw + 0.062rem, 1.5rem);
}
.header__control-link {
  display: flex;
  gap: clamp(0.5rem, 0.979vw + -0.151rem, 1rem);
  font-size: 16px;
  color: #000000;
  cursor: pointer;
  transition: color 0.38s ease-in-out;
}
.header__control-link.link {
  color: #000000;
}
@media (hover: hover) {
  .header__control-link:hover {
    color: #a62320;
  }
}
.header__control-link--active {
  color: #a62320;
}
.header__user-controls {
  display: flex;
  align-items: baseline;
  gap: clamp(0.875rem, 1.958vw + -0.426rem, 1.875rem);
  padding: 0 23px;
  border-left: 1px solid #d9d9d9;
  border-right: 1px solid #d9d9d9;
}
@media (max-width: 1023px) {
  .header__user-controls {
    padding: 0;
    margin-right: 0;
    padding-left: 16px;
    border: none;
  }
}
.header__user-name {
  max-width: 300px;
  overflow: hidden;
  text-overflow: ellipsis;
  font-family: inherit;
  font-size: inherit;
  color: inherit;
  white-space: nowrap;
}
@media (max-width: 1439px) {
  .header__user-name {
    display: none;
  }
}
.header__auth-link {
  display: flex;
  align-items: center;
  gap: 12px;
}
.header__auth-link .is-hidden {
  display: none;
}
.header__user-icon {
  position: relative;
}
.header__user-has-info {
  position: absolute;
  top: -5px;
  right: -3px;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  background-color: #a62320;
}
.header__user-has-info.is-hidden {
  display: none;
}
.header__logout.is-hidden {
  display: none;
}
.header__search-mobile {
  display: none;
}
@media (max-width: 1023px) {
  .header__search-mobile {
    display: flex;
    padding-left: 16px;
  }
}
.header__bvi-btn {
  font-size: 18px;
  padding-left: 15px;
}
@media (max-width: 1023px) {
  .header__bvi-btn {
    display: none;
  }
}
.header__menu-burger-btn {
  display: none;
}
.header__menu-burger-btn .icon-close {
  font-size: 24px;
  display: none;
}
@media (max-width: 1023px) {
  .header__menu-burger-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-left: 16px;
  }
}

.wrapper--send .header {
  background-color: #f7f5ee;
}

.body--scroll-locked {
  overflow: hidden;
  height: 100vh;
}

.footer {
  margin-top: clamp(3rem, 2.938vw + 1.048rem, 4.5rem);
  padding: clamp(1rem, 0.979vw + 0.349rem, 1.5rem) 0;
}
@media (max-width: 1023px) {
  .footer {
    margin-top: 40px;
    margin-bottom: 24px;
    padding: 0;
  }
}
.footer__container {
  width: 100%;
  max-width: 1840px;
  padding-left: 20px;
  padding-right: 20px;
  margin: 0 auto;
}
@media screen and (max-width: 1023px) {
  .footer__container {
    max-width: 720px;
  }
}
@media screen and (max-width: 768px) {
  .footer__container {
    max-width: 540px;
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media screen and (max-width: 576px) {
  .footer__container {
    max-width: none;
  }
}
.footer__content {
  display: grid;
  grid-template-columns: clamp(10rem, 32.558vw + -11.631rem, 26.625rem) auto;
  gap: clamp(1.5rem, 0.979vw + 0.849rem, 2rem);
  align-items: flex-start;
}
@media (max-width: 1023px) {
  .footer__content {
    gap: 20px;
    grid-template-columns: 43px auto;
  }
}
.footer__column-wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: clamp(1.5rem, 0.979vw + 0.849rem, 2rem);
}
@media (max-width: 1023px) {
  .footer__column-wrapper {
    display: flex;
    flex-direction: column;
    gap: 16px;
  }
}
.footer__column {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.footer__column--logo {
  width: clamp(10rem, 32.558vw + -11.631rem, 26.625rem);
  justify-content: space-between;
}
.footer__column--additional {
  justify-content: center;
}
@media (max-width: 1023px) {
  .footer__column--logo {
    width: auto;
  }
}
.footer__logo {
  display: flex;
  gap: 11px;
  align-items: center;
  width: 120px;
  height: 60px;
}
@media (max-width: 1023px) {
  .footer__logo {
    display: none;
  }
}
.footer__logo--mobile {
  width: 36px;
  height: 45px;
  display: none;
}
@media (max-width: 1023px) {
  .footer__logo--mobile {
    display: flex;
  }
}
.footer__text {
  font-size: 12px;
  color: #d42427;
  text-transform: uppercase;
}
@media (max-width: 1023px) {
  .footer__text {
    display: none;
  }
}
.footer__logo-image {
  max-width: 120px;
  height: auto;
  object-fit: contain;
}
@media (max-width: 1023px) {
  .footer__logo-image {
    max-width: 120px;
  }
}
.footer__info {
  margin: auto 0 0;
  font-family: "Inter", sans-serif;
  font-size: clamp(0.875rem, 0.245vw + 0.712rem, 1rem);
  font-weight: 400;
  line-height: 1.2;
  color: #b8b5b3;
}
@media (max-width: 1023px) {
  .footer__info {
    display: none;
  }
}
.footer__address {
  font-style: normal;
}
@media (max-width: 1023px) {
  .footer__address {
    font-size: 12px;
  }
}
.footer__title {
  margin-bottom: clamp(1rem, 0.979vw + 0.349rem, 1.5rem);
  font-family: "PT Serif", sans-serif;
  font-size: clamp(1.125rem, 0.734vw + 0.637rem, 1.5rem);
  font-weight: 400;
  line-height: 1.4;
  color: #000000;
}
@media (max-width: 1023px) {
  .footer__title {
    display: none;
  }
}
.footer__contacts {
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 0.245vw + 0.587rem, 0.875rem);
}
.footer__contact-item {
  max-width: 240px;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
@media (max-width: 1023px) {
  .footer__contact-item {
    max-width: 100%;
  }
}
@media (max-width: 1023px) {
  .footer__contact-link {
    font-size: 12px;
  }
}
.footer__social {
  display: flex;
  gap: clamp(1.25rem, 1.469vw + 0.274rem, 2rem);
  margin-bottom: clamp(1rem, 0.49vw + 0.675rem, 1.25rem);
}
@media (max-width: 1023px) {
  .footer__social {
    gap: 8px;
    margin: 0;
  }
}
.footer__social-link {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #00486b;
  width: clamp(1.5rem, 0.979vw + 0.849rem, 2rem);
  height: clamp(1.5rem, 0.979vw + 0.849rem, 2rem);
}
.footer__social-link svg {
  min-width: 32px;
  max-height: 32px;
  width: 100%;
  height: auto;
}
.footer__social-link .link__icon {
  font-size: clamp(1.5rem, 0.979vw + 0.849rem, 2rem);
}
@media (max-width: 1023px) {
  .footer__social-link .link__icon {
    font-size: 18px;
  }
}
.footer__additional {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 0.979vw + 0.349rem, 1.5rem);
}
@media (max-width: 1023px) {
  .footer__additional {
    gap: 22px;
  }
}
@media (max-width: 1023px) {
  .footer__additional-link {
    font-size: 12px;
    color: #000000;
  }
}

.inner-page {
  position: relative;
  display: flex;
  gap: clamp(1.5rem, 5.875vw + -2.403rem, 4.5rem);
  margin-bottom: clamp(4rem, 0.979vw + 3.349rem, 4.5rem);
  transition: gap 0.38s ease-in-out;
}
@media (max-width: 1023px) {
  .inner-page {
    flex-direction: column;
    gap: 32px;
  }
}
.inner-page__title--personal {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  border: 0;
  clip: rect(0 0 0 0);
}
@media (max-width: 1023px) {
  .inner-page__title--personal {
    position: static;
    display: flex;
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    overflow: initial;
    border: 0;
    clip: initial;
    font-size: 24px;
  }
}
.inner-page__aside {
  min-width: clamp(20rem, 13.709vw + 10.892rem, 27rem);
  max-width: 432px;
  transition: width 0.38s ease-in-out, max-width 0.38s ease-in-out, min-width 0.38s ease-in-out, opacity 0.38s ease-in-out;
}
.inner-page__aside.is-hidden {
  width: 0;
  max-width: 0;
  min-width: 0;
  overflow: hidden;
  opacity: 0;
}
@media (max-width: 1023px) {
  .inner-page__aside {
    max-width: inherit;
    overflow: auto;
    width: 100%;
  }
  .inner-page__aside:has(.aside-menu--column:not(.is-shown)) {
    width: 0;
    max-width: 0;
    min-width: 0;
    overflow: hidden;
    opacity: 0;
  }
}
@media (max-width: 576px) {
  .inner-page__aside {
    max-width: none;
    min-width: calc(100vw - 20px);
    width: 100%;
    overflow-x: auto;
  }
  .inner-page__aside :not(.aside-menu--column) .aside-menu__nav {
    padding-right: 20px;
  }
}
.inner-page__content {
  width: 100%;
  transition: width 0.38s ease-in-out;
}
.inner-page__content.is-full-content {
  width: 100%;
}
.inner-page.is-full {
  gap: 0;
}
.inner-page.is-aside-hidden {
  gap: 0;
}

.breadcrumbs {
  margin-bottom: clamp(1rem, 0.979vw + 0.349rem, 1.5rem);
}
.breadcrumbs__list {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  list-style: none;
  margin: 0;
  padding: 0;
  gap: clamp(1rem, 2.448vw + -0.626rem, 2.25rem);
}
.breadcrumbs__item {
  position: relative;
  display: flex;
  align-items: center;
}
.breadcrumbs__link {
  font-size: 14px;
  color: #000000;
  text-decoration: none;
  opacity: 0.5;
  transition: color 0.38s ease-in-out, opacity 0.38s ease-in-out;
}
@media (hover: hover) {
  .breadcrumbs__link:hover {
    color: #a62320;
    opacity: 1;
  }
}
.breadcrumbs__link:active {
  color: #000000;
}
.breadcrumbs__current {
  font-size: 14px;
  opacity: 0.5;
  pointer-events: none;
}
.breadcrumbs__separator {
  position: absolute;
  right: 0;
  top: 0;
  transform: translate3d(clamp(0.75rem, 1.224vw + -0.063rem, 1.375rem), -6px, 0);
  color: #d9d9d9;
  display: flex;
  font-size: 20px;
  align-items: center;
}
.breadcrumbs__mobile {
  display: none;
}
@media (max-width: 1023px) {
  .breadcrumbs__list {
    display: none;
  }
  .breadcrumbs__mobile {
    display: block;
  }
  .breadcrumbs__link {
    font-size: 13px;
  }
  .breadcrumbs__link--mobile {
    display: flex;
    align-items: center;
    gap: 8px;
    padding-bottom: 16px;
  }
  .breadcrumbs__mobile-icon {
    font-size: 18px;
    transform: rotate(180deg);
  }
  .breadcrumbs__mobile-text {
    font-size: 14px;
  }
}

input[type=number]::-webkit-outer-spin-button, input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
input[type=number], input[type=number]:hover, input[type=number]:focus {
  appearance: none;
  -moz-appearance: textfield;
}

input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active {
  box-shadow: 0 0 0 30px #000000 inset !important;
  -webkit-text-fill-color: #f7f5ee !important;
  -webkit-tap-highlight-color: #f7f5ee !important;
}

.input {
  position: relative;
  width: 100%;
  color: #000000;
}
.input input::-webkit-input-placeholder {
  color: #000000;
  opacity: 0.5;
}
.input input::-moz-placeholder {
  color: #000000;
  opacity: 0.5;
}
.input input:-ms-input-placeholder {
  color: #000000;
  opacity: 0.5;
}
.input input::-ms-input-placeholder {
  color: #000000;
  opacity: 0.5;
}
.input input::placeholder {
  color: #000000;
  opacity: 0.5;
}
.input__element {
  width: 100%;
  min-height: 43px;
  padding: 11px 8px;
  font-family: "Inter", sans-serif;
  font-size: clamp(0.875rem, 0.245vw + 0.712rem, 1rem);
  font-weight: 400;
  line-height: 1;
  color: #000000;
  background-color: #fefefe;
  border: 1px solid #d9d9d9;
  border-radius: 8px;
  box-sizing: border-box;
  transition: border-color 0.38s ease-in-out;
}
@media (hover: hover) {
  .input__element:hover {
    border-color: #00486b;
  }
}
.input__element:focus, .input__element:focus-visible {
  border-color: #00486b;
}
.input__element.invalid {
  border-color: #ff0000;
}
.input__element.invalid + .input__error {
  display: block;
}
.input__element.valid {
  border-color: #7b8a00;
}
.input__element--with-icon {
  padding-right: 34px;
}
.input--with-icon .input__field-wrapper {
  position: relative;
}
.input--with-icon .input__icon {
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  pointer-events: none;
}
.input--with-icon .input__icon-img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.input--with-icon .input__icon-font {
  font-size: clamp(1rem, 0.245vw + 0.837rem, 1.125rem);
  color: inherit;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.input__label {
  display: block;
  margin-bottom: 8px;
  font-family: "Inter", sans-serif;
  font-size: clamp(1rem, 0.245vw + 0.837rem, 1.125rem);
  font-weight: 400;
  color: #000000;
}
.input--label-left {
  display: flex;
  align-items: center;
  gap: 16px;
}
.input--label-left .input__label {
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  flex-shrink: 0;
}
.input--label-left .input__element {
  flex: 1;
}
.input__error {
  display: none;
  margin-top: 8px;
  font-family: "Inter", sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 1;
  color: #ff0000;
}
.input.is-valid .input__element {
  border-color: #7b8a00;
}
.input.is-invalid .input__element {
  border-color: #ff0000;
}

.select {
  width: 100%;
}
.select select {
  display: none;
}
.select--big {
  min-width: 275px;
}
.select--error .choices__inner {
  border-color: #d42427;
}
.select--valid .choices__inner {
  border-color: #7b8a00;
}
.select__error {
  display: block;
  margin-top: 8px;
  font-size: 13px;
  color: #a62320;
}
.select.is-valid .choices__inner {
  border-color: #7b8a00;
}
.select.is-invalid .choices__inner {
  border-color: #ff0000;
}

.choices {
  font-size: clamp(0.875rem, 0.245vw + 0.712rem, 1rem);
  margin: unset;
  line-height: 1;
}
.choices.is-focused .choices__inner {
  border-color: #00486b;
}
.choices.is-open .choices__inner {
  border-color: #00486b;
}

.choices__list--single {
  padding: 0;
}

.choices__inner {
  min-height: 43px;
  background-color: #fefefe;
  border: 1px solid #d9d9d9;
  border-radius: 8px;
  line-height: 1;
  font-size: clamp(0.875rem, 0.245vw + 0.712rem, 1rem);
  color: #000000;
  transition: border-color 0.38s ease-in-out;
}
.choices__inner:not(.is-open):not(.is-focused) {
  border-radius: 8px;
}
@media (hover: hover) {
  .choices__inner:hover {
    border-color: #00486b;
  }
}

.select--filter .choices__inner {
  font-size: clamp(0.875rem, 0.245vw + 0.712rem, 1rem);
  font-weight: 400;
}

.choices[data-type*=select-one] .choices__inner {
  padding: 11px 8px;
  padding-right: 24px;
  display: flex;
  align-items: center;
}

.choices__list--dropdown .choices__item {
  font-size: clamp(0.875rem, 0.245vw + 0.712rem, 1rem);
  line-height: 1;
  color: #000000;
}

.select .choices__list--single > .choices__item--selectable {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #000000;
}

.select--filter .choices[data-type*=select-one] .choices__inner {
  padding-left: 44px;
  padding-right: 4px;
}

.choices__list--dropdown .choices__item,
.choices__list[aria-expanded] .choices__item {
  padding: 12px 18px;
  word-break: break-word;
}

.choices[data-type*=select-one]::after {
  content: "\e908";
  font-family: "icomoon";
  font-size: 20px;
  color: currentColor;
  height: 16px;
  width: 16px;
  border: unset;
  margin-top: -8px;
  right: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #000000;
}

.select--filter .choices[data-type*=select-one]::after {
  content: "\e91a";
  font-family: "icomoon";
  font-size: 20px;
  color: currentColor;
  height: 20px;
  width: 20px;
  right: unset;
  left: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.choices[data-type*=select-one].is-open::after {
  margin-top: -8px;
  transform: rotate(180deg);
}

.select--filter .choices[data-type*=select-one].is-open::after {
  transform: unset;
}

.is-open .choices__list--dropdown,
.choices__list--dropdown {
  border: 1px solid #00486b;
}

.is-focused .choices__inner,
.is-open .choices__inner {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.select--filter .is-focused .choices__inner,
.select--filter .is-open .choices__inner {
  border-radius: 8px;
}

.is-flipped.is-open .choices__inner {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}

.is-open .choices__list--dropdown,
.is-open .choices__list[aria-expanded] {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  border-top-width: 0;
}

.is-flipped .choices__list--dropdown,
.is-flipped .choices__list[aria-expanded] {
  border-radius: 8px 8px 0 0;
  border-top-width: 1px;
  border-bottom-width: 0;
}

.select--filter .is-open .choices__list--dropdown,
.select--filter .is-open .choices__list[aria-expanded] {
  margin-top: 8px;
  border-radius: 8px;
  border: unset;
}
.select--filter .is-flipped .choices__list--dropdown,
.select--filter .is-flipped .choices__list[aria-expanded] {
  margin-bottom: 8px;
}
.select--filter .choices__list--dropdown .choices__item,
.select--filter .choices__list[aria-expanded] .choices__item {
  font-size: clamp(0.875rem, 0.245vw + 0.712rem, 1rem);
  line-height: 15;
  padding-top: 11px;
  padding-bottom: 11px;
  word-break: auto-phrase;
  color: #000000;
}
.select--filter .choices__list--dropdown .choices__list,
.select--filter .choices__list[aria-expanded] .choices__list {
  padding-top: 8px;
  padding-bottom: 8px;
  padding-inline: 20px;
}

.checkbox {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}
.checkbox__label {
  cursor: pointer;
  font-size: clamp(1rem, 0.245vw + 0.837rem, 1.125rem);
  line-height: 1;
  color: #000000;
  transition: color 0.38s ease-in-out;
}
.checkbox input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
  height: 0;
  margin: 0;
  padding: 0;
}
.checkbox input:checked + .checkbox__box {
  background-color: #7b8a00;
  border-color: #7b8a00;
}
.checkbox input:checked + .checkbox__box .checkbox__icon {
  opacity: 1;
}
.checkbox__box {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 15px;
  height: 15px;
  border: 2px solid #d9d9d9;
  border-radius: 2px;
  overflow: hidden;
  flex-shrink: 0;
  transition: border-color 0.38s ease-in-out, background-color 0.38s ease-in-out;
}
.checkbox__icon {
  opacity: 0;
  font-size: 10px;
  color: #fefefe;
  transition: opacity 0.38s ease-in-out;
}
@media (hover: hover) {
  .checkbox:hover .checkbox__box {
    border-color: #00486b;
  }
  .checkbox:hover .checkbox__label {
    color: #00486b;
  }
  .checkbox:hover input:checked + .checkbox__box {
    background-color: #00486b;
    border-color: #00486b;
  }
}
.checkbox:active .checkbox__box {
  border-color: #000000;
}
.checkbox:active .checkbox__label {
  color: #000000;
}
.checkbox:active input:checked + .checkbox__box {
  background-color: #000000;
  border-color: #000000;
}
.checkbox:disabled .checkbox__box {
  border-color: #d9d9d9;
}
.checkbox:disabled .checkbox__label {
  color: #d9d9d9;
}
.checkbox--error .checkbox__box {
  border-color: #ff0000;
}
.checkbox--error .checkbox__label {
  color: #ff0000;
}
.checkbox--error input:checked + .checkbox__box {
  background-color: #ff0000;
  border-color: #ff0000;
}
.checkbox--valid .checkbox__box {
  border-color: #7b8a00;
}
.checkbox--valid .checkbox__label {
  color: #7b8a00;
}
.checkbox--valid input:checked + .checkbox__box {
  background-color: #7b8a00;
  border-color: #7b8a00;
}
.checkbox.is-valid .checkbox__box {
  border-color: #7b8a00;
}
.checkbox.is-valid .checkbox__label {
  color: #7b8a00;
}
.checkbox.is-valid input:checked + .checkbox__box {
  background-color: #7b8a00;
  border-color: #7b8a00;
}
.checkbox.is-invalid .checkbox__box {
  border-color: #ff0000;
}
.checkbox.is-invalid .checkbox__label {
  color: #ff0000;
}
.checkbox.is-invalid input:checked + .checkbox__box {
  background-color: #ff0000;
  border-color: #ff0000;
}

.radio {
  display: flex;
  align-items: center;
  gap: 8px;
  position: relative;
}
.radio__label {
  cursor: pointer;
  font-family: "Inter", sans-serif;
  font-size: clamp(1rem, 0.245vw + 0.837rem, 1.125rem);
  line-height: 1;
  color: #000000;
  transition: color 0.38s ease-in-out;
}
.radio input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
  width: 0;
  height: 0;
  margin: 0;
  padding: 0;
}
.radio input:checked + .radio__custom::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 9px;
  height: 9px;
  background-color: #000000;
  border-radius: 50%;
  transform: translate(-50%, -50%) scale(1);
  transition: background-color 0.38s ease-in-out;
}
.radio__custom {
  position: relative;
  display: inline-block;
  width: 18px;
  height: 18px;
  border: 2px solid #000000;
  border-radius: 50%;
  background-color: #fefefe;
  cursor: pointer;
  flex-shrink: 0;
  transition: border-color 0.38s ease-in-out;
}
.radio--error .radio__custom,
.radio--error .radio__label {
  border-color: #a62320;
}
.radio--error input:checked + .radio__custom::after {
  background-color: #a62320;
}
.radio:focus-within .radio__custom {
  border-color: #00486b;
}
@media (hover: hover) {
  .radio:hover .radio__custom {
    border-color: #00486b;
  }
  .radio:hover input:checked + .radio__custom::after {
    background-color: #00486b;
  }
  .radio:hover .radio__label {
    color: #00486b;
  }
}
.radio:active .radio__custom {
  border-color: #000000;
}
.radio:active input:checked + .radio__custom::after {
  background-color: #000000;
}
.radio:active .radio__label {
  color: #000000;
}
.radio.is-disabled .radio__custom {
  border-color: #d9d9d9;
}
.radio.is-disabled .radio__label {
  color: #d9d9d9;
  cursor: not-allowed;
  pointer-events: none;
}
.radio.is-disabled input:checked + .radio__custom::after {
  background-color: #d9d9d9;
}

.radio-group {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.textarea {
  position: relative;
  width: 100%;
  color: #000000;
}
.textarea__label {
  display: block;
  margin-bottom: 8px;
  font-family: "Inter", sans-serif;
  font-size: clamp(1rem, 0.245vw + 0.837rem, 1.125rem);
  font-weight: 400;
  color: #000000;
}
.textarea__element {
  width: 100%;
  min-height: 150px;
  padding: 12px 8px;
  font-family: "Inter", sans-serif;
  font-size: clamp(0.875rem, 0.245vw + 0.712rem, 1rem);
  font-weight: 400;
  line-height: 1;
  color: #000000;
  background-color: #fefefe;
  border: 1px solid #d9d9d9;
  border-radius: 8px;
  box-sizing: border-box;
  resize: none;
  transition: border-color 0.38s ease-in-out;
}
@media (hover: hover) {
  .textarea__element:hover {
    border-color: #00486b;
  }
}
.textarea__element:focus, .textarea__element:focus-visible {
  border-color: #00486b;
  outline: none;
}
.textarea__element.invalid {
  border-color: #ff0000;
}
.textarea--error .textarea__element {
  border-color: #ff0000;
}
.textarea--valid .textarea__element {
  border-color: #7b8a00;
}
.textarea--invalid .textarea__element {
  border-color: #ff0000;
}
.textarea--valid .textarea__element {
  border-color: #7b8a00;
}
.textarea__error {
  margin-top: 8px;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  color: #ff0000;
}
.textarea.is-valid .textarea__element {
  border-color: #7b8a00;
}
.textarea.is-invalid .textarea__element {
  border-color: #ff0000;
}

.file__element {
  display: none;
}
.file__label {
  font-size: clamp(0.875rem, 0.245vw + 0.712rem, 1rem);
  display: flex;
  align-items: center;
  gap: 6px;
  width: fit-content;
  cursor: pointer;
  transition: color 0.38s ease-in-out;
}
@media (hover: hover) {
  .file__item:hover {
    color: #fdbd48;
  }
}
.file__text {
  text-decoration: underline;
}
.file.is-valid .file__label {
  color: #7b8a00;
}
.file.is-invalid .file__label {
  color: #ff0000;
}

.input-message {
  display: block;
  margin-top: 8px;
  font-family: "Inter", sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 1;
}
.input-message.is-valid {
  color: #7b8a00;
}
.input-message.is-invalid {
  color: #ff0000;
}

.switch {
  position: relative;
  display: inline-block;
  width: 36px;
  height: 20px;
}
.switch__checkbox {
  opacity: 0;
  width: 0;
  height: 0;
}
.switch__checkbox:checked + .switch__slider {
  background-color: #fdbd48;
}
.switch__checkbox:checked + .switch__slider:before {
  transform: translateX(16px);
}
.switch__slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 10px;
  transition: background-color 0.38s ease-in-out;
}
.switch__slider:before {
  position: absolute;
  content: "";
  height: 16px;
  width: 16px;
  left: 2px;
  bottom: 2px;
  background-color: #f7f5ee;
  transition: transform 0.38s ease-in-out;
  border-radius: 50%;
}

.file {
  position: relative;
  display: inline-block;
  max-width: 100%;
}

.file__element {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;
}

.file input[type=file] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;
}

.file__label {
  display: inline-flex;
  align-items: center;
  gap: px;
  cursor: pointer;
  max-width: 100%;
  color: #000000;
  text-decoration: none;
  transition: color 0.38s ease-in-out;
}
@media (hover: hover) {
  .file__label:hover {
    color: #a62320;
  }
}
.file__label:active {
  color: #e43b36;
}

.file__icon {
  font-size: 18px;
  line-height: 1;
  flex: 0 0 auto;
  color: #000000;
}

.file__text {
  line-height: 1.2;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1 1 auto;
  min-width: 0;
  text-transform: lowercase;
  color: #000000;
}

.btn {
  display: flex;
  align-items: center;
  text-align: center;
  padding: 12px 24px;
  font-size: 16px;
  line-height: 1;
  font-weight: 400;
  color: #000000;
  border: none;
  outline: none;
  background-color: #fefefe;
  border-radius: 8px;
  border: 1px solid #eeeeee;
  cursor: pointer;
  transition: background-color 0.38s ease-in-out, border-color 0.38s ease-in-out, color 0.38s ease-in-out;
}
.btn__icon {
  font-size: 16px;
}
.btn__icon-left {
  margin-right: 8px;
}
span + .btn__icon {
  margin-left: 8px;
}
@media (hover: hover) {
  .btn:hover {
    background-color: #eeeeee;
  }
}
.btn:focus, .btn:focus-visible {
  border-color: #d9d9d9;
}
.btn:active, .btn:focus:active {
  background-color: #fefefe;
  border-color: #eeeeee;
}
.btn:disabled, .btn--disabled {
  background-color: #eeeeee;
  border-color: #eeeeee;
  color: #b8b5b3;
  cursor: not-allowed;
  pointer-events: none;
}
.btn--small {
  padding: 8px 16px;
  font-size: clamp(0.625rem, 0.245vw + 0.462rem, 0.75rem);
}
.btn--large {
  padding: 16px 32px;
  font-size: clamp(1.5rem, 0.734vw + 1.012rem, 1.875rem);
}
.btn--blue {
  background-color: #00486b;
  border-color: #00486b;
  color: #fefefe;
}
@media (hover: hover) {
  .btn--blue:hover {
    background-color: #005d8b;
    border-color: #005d8b;
  }
}
.btn--blue:focus, .btn--blue:focus-visible {
  border-color: #000000;
}
.btn--blue:active, .btn--blue:focus:active {
  background-color: #0073ab;
  border-color: #0073ab;
}
.btn--red {
  background-color: #a62320;
  border-color: #a62320;
  color: #fefefe;
}
@media (hover: hover) {
  .btn--red:hover {
    background-color: #d42427;
    border-color: #d42427;
  }
}
.btn--red:focus, .btn--red:focus-visible {
  border-color: #000000;
}
.btn--red:active, .btn--red:focus:active {
  background-color: #e43b36;
  border-color: #e43b36;
}
.btn--black {
  background-color: #000000;
  border-color: #000000;
  color: #fefefe;
}
@media (hover: hover) {
  .btn--black:hover {
    background-color: #d9d9d9;
    border-color: #d9d9d9;
  }
}
.btn--black:focus, .btn--black:focus-visible {
  border-color: #d9d9d9;
}
.btn--black:active, .btn--black:focus:active {
  background-color: #000000;
  border-color: #000000;
}
.btn--default {
  background-color: #7b8a00;
  border-color: #7b8a00;
  color: #fefefe;
}
@media (hover: hover) {
  .btn--default:hover {
    background-color: #a62320;
    border-color: #a62320;
  }
}
.btn--default:focus, .btn--default:focus-visible {
  border-color: #000000;
}
.btn--default:active, .btn--default:focus:active {
  background-color: #000000;
  border-color: #000000;
}
.btn--grey {
  background-color: #d9d9d9;
  border-color: #d9d9d9;
  color: #fefefe;
}
@media (hover: hover) {
  .btn--grey:hover {
    background-color: #000000;
    border-color: #000000;
  }
}
.btn--grey:focus, .btn--grey:focus-visible {
  border-color: #000000;
}
.btn--grey:active, .btn--grey:focus:active {
  background-color: #d9d9d9;
  border-color: #d9d9d9;
}
.btn--outline {
  border: 1px solid #000000;
  color: #000000;
}
@media (hover: hover) {
  .btn--outline:hover {
    background-color: #000000;
    color: #fefefe;
  }
}
.btn--outline:focus, .btn--outline:focus-visible {
  border-color: #d9d9d9;
}
.btn--outline:active, .btn--outline:focus:active {
  background-color: transparent;
  border-color: #000000;
  color: #000000;
}
.btn--link {
  background-color: transparent;
  border: none;
  color: #7b8a00;
  padding: 0;
}
.btn--link.btn--blue {
  color: #00486b;
}
.btn--link.btn--black {
  color: #000000;
}
.btn--link.btn--default {
  color: #7b8a00;
}
.btn--link.btn--grey {
  color: #d9d9d9;
}
.btn--link:hover {
  background-color: transparent;
  color: #a62320;
}
.btn--link:focus, .btn--link:focus-visible {
  border-color: transparent;
}
.btn--link:active, .btn--link:focus:active {
  background-color: transparent;
  color: #000000;
}
.btn--link:disabled {
  background-color: transparent;
  color: #b8b5b3;
}
.btn--icon {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px;
  background-color: transparent;
  border: none;
  color: currentColor;
  font-size: 16px;
  border-radius: 0;
  min-width: auto;
}
.btn--icon:hover {
  background-color: transparent;
  color: #a62320;
}
.btn--icon:focus, .btn--icon:focus-visible {
  border-color: transparent;
}
.btn--icon:active, .btn--icon:focus:active {
  background-color: transparent;
  color: #000000;
}
.btn--round {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  width: clamp(1.875rem, 1.469vw + 0.899rem, 2.625rem);
  height: clamp(1.875rem, 1.469vw + 0.899rem, 2.625rem);
  border-radius: 50%;
  border-width: 2px;
  color: #d9d9d9;
}
.btn--round.btn--icon-small {
  width: clamp(1.5rem, 0.734vw + 1.012rem, 1.875rem);
  height: clamp(1.5rem, 0.734vw + 1.012rem, 1.875rem);
  border-width: 1px;
}
.btn--round.btn--small {
  width: clamp(1.5rem, 0.734vw + 1.012rem, 1.875rem);
  height: clamp(1.5rem, 0.734vw + 1.012rem, 1.875rem);
  font-size: clamp(0.625rem, 0.245vw + 0.462rem, 0.75rem);
  border-width: 1px;
}
.btn--round.btn--large {
  width: clamp(2.625rem, 3.672vw + 0.185rem, 4.5rem);
  height: clamp(2.625rem, 3.672vw + 0.185rem, 4.5rem);
  border-width: 2px;
}
@media (hover: hover) {
  .btn--round:hover:hover, .btn--round:hover:focus:hover {
    background-color: transparent;
    color: #000000;
    border-color: #000000;
  }
}
.btn--round:focus, .btn--round:focus-visible {
  color: #000000;
}
.btn--round:active, .btn--round:focus:active {
  background-color: transparent;
  border-color: #d9d9d9;
  color: #d9d9d9;
}
.btn--round:disabled {
  background-color: #eeeeee;
  border-color: #eeeeee;
  color: #b8b5b3;
  cursor: not-allowed;
}
.btn--round.btn--blue {
  color: #00486b;
  border-color: #00486b;
  background-color: #fefefe;
}
@media (hover: hover) {
  .btn--round.btn--blue:hover:hover {
    background-color: #fefefe;
    border-color: #005d8b;
    color: #005d8b;
  }
}
.btn--round.btn--blue:focus, .btn--round.btn--blue:focus-visible {
  border-color: #000000;
}
.btn--round.btn--blue:active, .btn--round.btn--blue:focus:active {
  background-color: #fefefe;
  border-color: #0073ab;
  color: #0073ab;
}
.btn--round.btn--red {
  color: #a62320;
  border-color: #a62320;
  background-color: #fefefe;
}
@media (hover: hover) {
  .btn--round.btn--red:hover:hover {
    background-color: #fefefe;
    border-color: #d42427;
    color: #d42427;
  }
}
.btn--round.btn--red:focus, .btn--round.btn--red:focus-visible {
  border-color: #000000;
}
.btn--round.btn--red:active, .btn--round.btn--red:focus:active {
  background-color: #fefefe;
  border-color: #e43b36;
  color: #e43b36;
}
.btn--round.btn--black {
  color: #000000;
  border-color: #000000;
  background-color: #fefefe;
}
@media (hover: hover) {
  .btn--round.btn--black:hover:hover {
    background-color: #fefefe;
    border-color: #d9d9d9;
    color: #d9d9d9;
  }
}
.btn--round.btn--black:focus, .btn--round.btn--black:focus-visible {
  border-color: #d9d9d9;
}
.btn--round.btn--black:active, .btn--round.btn--black:focus:active {
  background-color: #fefefe;
  border-color: #000000;
  color: #000000;
}
.btn--round.btn--default {
  color: #7b8a00;
  border-color: #7b8a00;
  background-color: #fefefe;
}
@media (hover: hover) {
  .btn--round.btn--default:hover:hover {
    background-color: #fefefe;
    border-color: #a62320;
    color: #a62320;
  }
}
.btn--round.btn--default:focus, .btn--round.btn--default:focus-visible {
  border-color: #000000;
}
.btn--round.btn--default:active, .btn--round.btn--default:focus:active {
  background-color: #fefefe;
  border-color: #000000;
  color: #000000;
}
.btn--round.btn--grey {
  color: #d9d9d9;
  border-color: #d9d9d9;
  background-color: #fefefe;
}
@media (hover: hover) {
  .btn--round.btn--grey:hover:hover {
    background-color: #fefefe;
    border-color: #000000;
    color: #000000;
  }
}
.btn--round.btn--grey:focus, .btn--round.btn--grey:focus-visible {
  border-color: #000000;
}
.btn--round.btn--grey:active, .btn--round.btn--grey:focus:active {
  background-color: #fefefe;
  border-color: #d9d9d9;
  color: #d9d9d9;
}
.btn--block {
  width: fit-content;
}
.btn:disabled, .btn--disabled {
  background-color: #eeeeee;
  border-color: #eeeeee;
  color: #b8b5b3;
  cursor: not-allowed;
  pointer-events: none;
}
.btn .sliderNavigateBtn {
  border: none;
  width: clamp(1.875rem, 1.224vw + 1.062rem, 2.5rem);
  height: clamp(1.875rem, 1.224vw + 1.062rem, 2.5rem);
  border-radius: 50%;
  background-color: #f7f5ee;
  cursor: pointer;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  transition: all 0.38s ease-in-out;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
}
.btn .sliderNavigateBtn:hover {
  color: #f7f5ee;
  background-color: #fdbd48;
}
.btn .sliderNavigateBtn--left {
  left: -12px;
}
@media (min-width: 1023px) {
  .btn .sliderNavigateBtn--left {
    left: calc(-0.0089186176 * 100vw + -2.8762541806px);
  }
}
@media (min-width: 1920px) {
  .btn .sliderNavigateBtn--left {
    left: -20px;
  }
}
.btn .sliderNavigateBtn--right {
  right: -12px;
}
@media (min-width: 1023px) {
  .btn .sliderNavigateBtn--right {
    right: calc(-0.0089186176 * 100vw + -2.8762541806px);
  }
}
@media (min-width: 1920px) {
  .btn .sliderNavigateBtn--right {
    right: -20px;
  }
}
.btn .sliderNavigateBtn--vertical {
  position: static;
  transform: none;
  border-radius: 10px;
  box-shadow: none;
  height: 36px;
  width: 40px;
}
.btn .sliderNavigateBtn--vertical:hover {
  background-color: #000000;
}
.btn .arrowBtn {
  font-size: clamp(0.938rem, 0.612vw + 0.531rem, 1.25rem);
}
.btn .arrowBtn--left {
  transform: rotate(180deg);
}
.btn .arrowBtn--bottom {
  transform: rotate(90deg);
}
.btn .arrowBtn--top {
  transform: rotate(-90deg);
}

.sliderBtn {
  font-size: clamp(0.938rem, 0.612vw + 0.531rem, 1.25rem);
  width: 44px;
  height: 44px;
  color: #fefefe;
  background-color: #a62320;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  transition: background-color 0.38s ease-in-out;
}
@media (hover: hover) {
  .sliderBtn:hover {
    background-color: #d42427;
  }
}
.sliderBtn--left {
  transform: rotate(-180deg);
}

@media screen and (max-width: 1023px) {
  .sliderNavigateBtn {
    display: none;
  }
}
.link {
  width: fit-content;
  font-family: "Inter", sans-serif;
  font-size: clamp(0.875rem, 0.245vw + 0.712rem, 1rem);
  font-weight: 400;
  line-height: 1.2;
  color: #7b8a00;
  text-decoration: none;
  cursor: pointer;
  transition: color 0.38s ease-in-out;
}
@media (hover: hover) {
  .link:hover {
    color: #a62320;
  }
}
.link:active {
  color: #000000;
}
.link--default {
  color: #7b8a00;
}
.link--black {
  color: #000000;
}
.link--blue {
  color: #00486b;
}
.link--grey {
  color: #d9d9d9;
}
.link--red {
  color: #a62320;
}
@media (hover: hover) {
  .link--red:hover {
    color: #a62320;
  }
  .link--red:hover .link__icon {
    margin-left: 8px;
  }
}
.link--button {
  display: inline-block;
  padding: 10px 22px;
  background-color: #fefefe;
  color: #000000;
  border: 1px solid #eeeeee;
  border-radius: 8px;
  text-decoration: none;
  font-weight: 400;
  transition: background-color 0.38s ease-in-out, border-color 0.38s ease-in-out;
}
.link--button:focus, .link--button:focus-visible {
  border-color: #d9d9d9;
}
.link--button:active, .link--button:focus:active {
  background-color: #fefefe;
  border-color: #eeeeee;
}
.link--button.link--blue {
  background-color: #00486b;
  color: #fefefe;
  border-color: #00486b;
}
.link--button.link--blue:hover {
  background-color: #005d8b;
  border-color: #005d8b;
  color: #fefefe;
}
.link--button.link--blue:active {
  background-color: #0073ab;
  border-color: #0073ab;
  color: #fefefe;
}
.link--button.link--blue:focus, .link--button.link--blue:focus-visible {
  border-color: #005d8b;
}
.link--with-icon {
  display: flex;
  align-items: center;
  gap: 8px;
}
.link--with-icon svg {
  max-width: 34px;
}
.link--with-text {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
  text-align: center;
}
.link--reverse {
  flex-direction: row-reverse;
  justify-content: flex-start;
}
.link--icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  padding: 8px;
  background-color: transparent;
  border: none;
  color: currentColor;
  font-size: clamp(1rem, 0.245vw + 0.837rem, 1.125rem);
  line-height: 1.2;
}
.link--icon-border {
  display: flex;
  align-items: center;
  gap: 8px;
}
.link--icon-border .link__icon--border {
  border: 1px solid currentColor;
  border-radius: 50%;
  padding: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: clamp(2.5rem, 0.612vw + 2.093rem, 2.813rem);
  height: clamp(2.5rem, 0.612vw + 2.093rem, 2.813rem);
}
.link--icon-border-small .link__icon--border-small {
  border: 1px solid currentColor;
  border-radius: 50%;
  padding: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  font-size: 14px;
}
.link--icon-border-large .link__icon--border-large {
  border: 2px solid currentColor;
  border-radius: 50%;
  padding: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: clamp(3.438rem, 2.081vw + 2.055rem, 4.5rem);
  height: clamp(3.438rem, 2.081vw + 2.055rem, 4.5rem);
  font-size: clamp(1.5rem, 0.979vw + 0.849rem, 2rem);
}
.link__text {
  display: flex;
  align-items: center;
  justify-content: center;
}
.link__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: clamp(1rem, 0.245vw + 0.837rem, 1.125rem);
  transition: margin-left 0.38s ease-in-out;
}
.link__icon--small {
  font-size: 18px;
}
.link__icon--large {
  width: clamp(2.5rem, 3.917vw + -0.102rem, 4.5rem);
  height: clamp(2.5rem, 3.917vw + -0.102rem, 4.5rem);
  flex-shrink: 0;
  border: 2px solid currentColor;
  border-radius: 50%;
  padding: 8px;
  font-size: clamp(1.5rem, 0.979vw + 0.849rem, 2rem);
}
.link__icon--large svg {
  max-width: 32px;
  width: 100%;
  height: 100%;
}
.link__icon--border {
  border: 1px solid currentColor;
  border-radius: 50%;
  padding: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: clamp(2.5rem, 0.612vw + 2.093rem, 2.813rem);
  height: clamp(2.5rem, 0.612vw + 2.093rem, 2.813rem);
}
.link__icon--border svg {
  max-width: 20px;
}
.link--round {
  display: flex;
  align-items: center;
  justify-content: center;
  width: clamp(2.5rem, 0.612vw + 2.093rem, 2.813rem);
  height: clamp(2.5rem, 0.612vw + 2.093rem, 2.813rem);
  min-width: auto;
  padding: 0;
  border: 1px solid #d9d9d9;
  border-radius: 50%;
  color: #d9d9d9;
  background-color: transparent;
  transition: color 0.38s ease-in-out, border 0.38s ease-in-out, background-color 0.38s ease-in-out;
}
.link--round svg {
  max-width: 20px;
  max-height: 20px;
}
.link--round:hover {
  background-color: #fefefe;
  border-color: #000000;
  color: #000000;
}
.link--round:active {
  background-color: #fefefe;
  border-color: #a62320;
  color: #a62320;
}
.link--round.link--black {
  color: #000000;
  border-color: #000000;
  background-color: #fefefe;
}
.link--round.link--black:hover {
  background-color: #fefefe;
  border-color: #a62320;
  color: #a62320;
}
.link--round.link--black:active {
  background-color: #fefefe;
  border-color: #000000;
  color: #000000;
}
.link--iconRed .link__icon {
  color: #a62320;
  transition: color 0.38s ease-in-out;
}
@media (hover: hover) {
  .link--iconRed .link__icon:hover {
    color: #d42427;
  }
}
.link--round-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: clamp(2.5rem, 3.917vw + -0.102rem, 4.5rem);
  height: clamp(2.5rem, 3.917vw + -0.102rem, 4.5rem);
  min-width: auto;
  padding: 0;
  border: 2px solid #d9d9d9;
  border-radius: 50%;
  color: #d9d9d9;
  background-color: transparent;
  transition: color 0.38s ease-in-out, border 0.38s ease-in-out, background-color 0.38s ease-in-out;
}
.link--round-btn svg {
  max-width: 32px;
  max-height: 32px;
}
.link--round-btn:hover {
  background-color: #fefefe;
  border-color: #000000;
  color: #000000;
}
.link--round-btn:active {
  background-color: #fefefe;
  border-color: #d9d9d9;
  color: #d9d9d9;
}
.link--round-btn.link--blue {
  color: #00486b;
  border-color: #00486b;
  background-color: #fefefe;
}
.link--round-btn.link--blue:hover {
  background-color: #fefefe;
  border-color: #005d8b;
  color: #005d8b;
}
.link--round-btn.link--blue:active {
  background-color: #fefefe;
  border-color: #0073ab;
  color: #0073ab;
}
.link--round-btn.link--black {
  color: #000000;
  border-color: #000000;
  background-color: #fefefe;
}
.link--round-btn.link--black:hover {
  background-color: #fefefe;
  border-color: #000000;
  color: #000000;
}
.link--round-btn.link--black:active {
  background-color: #fefefe;
  border-color: #a62320;
  color: #a62320;
}
.link--round-btn-small {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  min-width: auto;
  padding: 0;
  border: 1px solid #d9d9d9;
  border-radius: 50%;
  color: #d9d9d9;
  background-color: transparent;
  transition: color 0.38s ease-in-out, border 0.38s ease-in-out, background-color 0.38s ease-in-out;
}
.link--round-btn-small svg {
  max-width: 16px;
  max-height: 16px;
}
.link--round-btn-small:hover {
  background-color: #fefefe;
  border-color: #000000;
  color: #000000;
}
.link--round-btn-small:active {
  background-color: #fefefe;
  border-color: #d9d9d9;
  color: #d9d9d9;
}
.link--round-btn-small.link--blue {
  color: #00486b;
  border-color: #00486b;
  background-color: #fefefe;
}
.link--round-btn-small.link--blue:hover {
  background-color: #fefefe;
  border-color: #005d8b;
  color: #005d8b;
}
.link--round-btn-small.link--blue:active {
  background-color: #fefefe;
  border-color: #0073ab;
  color: #0073ab;
}
.link--round-btn-small.link--black {
  color: #000000;
  border-color: #000000;
  background-color: #fefefe;
}
.link--round-btn-small.link--black:hover {
  background-color: #fefefe;
  border-color: #000000;
  color: #000000;
}
.link--round-btn-small.link--black:active {
  background-color: #fefefe;
  border-color: #a62320;
  color: #a62320;
}
.link--disabled {
  color: #b8b5b3;
  cursor: not-allowed;
  pointer-events: none;
}
.link--disabled.link--round-btn-small.link--blue {
  color: #b8b5b3;
  border-color: #b8b5b3;
}

.list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.list--unordered .list__item {
  position: relative;
  padding-left: 20px;
  margin-bottom: 8px;
}
.list--unordered .list__item::before {
  content: "";
  position: absolute;
  left: 0;
  top: 8px;
  width: 6px;
  height: 6px;
  background-color: #000000;
  border-radius: 50%;
}
.list--ordered {
  counter-reset: list-counter;
}
.list--ordered .list__item {
  margin-bottom: 8px;
  counter-increment: list-counter;
  display: flex;
  align-items: flex-start;
  gap: 8px;
}
.list--ordered .list__item .list__number {
  position: static;
  color: #000000;
  font-weight: 400;
  flex-shrink: 0;
  min-width: 20px;
}
.list--ordered .list__item .list__number::after {
  content: counter(list-counter) ".";
}
.list--ordered .list__item .list__text {
  flex: 1;
}
.list .list {
  margin-top: 8px;
  margin-right: 32px;
}
.list .list--unordered .list__item::before {
  background-color: #000000;
}
.list .list--ordered .list--ordered {
  counter-reset: nested-counter;
}
.list .list--ordered .list--ordered .list__item {
  counter-increment: nested-counter;
}
.list .list--ordered .list--ordered .list__item .list__number::after {
  content: counter(list-counter) "." counter(nested-counter);
}
.list .list--ordered .list--ordered .list--ordered {
  counter-reset: third-level-counter;
}
.list .list--ordered .list--ordered .list--ordered .list__item {
  counter-increment: third-level-counter;
}
.list .list--ordered .list--ordered .list--ordered .list__item .list__number::after {
  content: counter(list-counter) "." counter(nested-counter) "." counter(third-level-counter);
}
.list .list--ordered .list--ordered .list--ordered .list--ordered {
  counter-reset: fourth-level-counter;
}
.list .list--ordered .list--ordered .list--ordered .list--ordered .list__item {
  counter-increment: fourth-level-counter;
}
.list .list--ordered .list--ordered .list--ordered .list--ordered .list__item .list__number::after {
  content: counter(list-counter) "." counter(nested-counter) "." counter(third-level-counter) "." counter(fourth-level-counter);
}
.list--marked .list__title {
  margin-bottom: 16px;
}
.list--marked ul, .list--marked ol {
  margin: 0;
  padding: 0;
  list-style: none;
}
.list--marked ul li, .list--marked ol li {
  position: relative;
  padding-left: 20px;
  margin-bottom: 8px;
  font-size: clamp(1rem, 0.245vw + 0.837rem, 1.125rem);
  line-height: 1.4;
  color: #000000;
}
.list--marked ul li::before, .list--marked ol li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 8px;
  width: 6px;
  height: 6px;
  background-color: #000000;
  border-radius: 50%;
}
.list--marked ul li:last-child, .list--marked ol li:last-child {
  margin-bottom: 0;
}
.list--marked ol {
  counter-reset: list-counter;
}
.list--marked ol li {
  counter-increment: list-counter;
}
.list--marked ol li::before {
  display: none;
}
.list--marked ol li::after {
  content: counter(list-counter) ".";
  position: absolute;
  left: 0;
  top: 0;
  color: #000000;
  font-weight: 400;
  min-width: 20px;
}

.title {
  font-size: clamp(1.375rem, 0.245vw + 1.212rem, 1.5rem);
  width: 100%;
  font-weight: 500;
  line-height: 1.2;
  color: #000000;
  margin: 0;
  font-family: "PT Serif", sans-serif;
  transition: color 0.38s ease-in-out;
}
.title--h1 {
  font-size: clamp(2.25rem, 0.979vw + 1.599rem, 2.75rem);
  font-weight: 400;
  line-height: 1.2;
  margin: 0;
}
.title--h2 {
  font-size: clamp(1.75rem, 0.49vw + 1.425rem, 2rem);
  font-weight: 400;
  line-height: 1.2;
  margin: 0;
}
.title--h3 {
  font-size: clamp(1.25rem, 0.49vw + 0.925rem, 1.5rem);
  font-weight: 400;
  line-height: 1.2;
  margin: 0;
}
.title--h4 {
  font-size: clamp(1rem, 0.245vw + 0.837rem, 1.125rem);
  font-weight: 400;
  line-height: 1.2;
  margin: 0;
}
.title--big {
  font-size: clamp(3.75rem, 2.448vw + 2.124rem, 5rem);
  line-height: 1.2;
  font-weight: 400;
  margin: 0;
}
.title--white {
  color: #fefefe;
}
.title__content {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.title__content:has(.title__icon) {
  justify-content: flex-start;
  gap: 32px;
}
.title__desc {
  margin-top: clamp(0.5rem, 0.979vw + -0.151rem, 1rem);
  font-size: clamp(0.875rem, 0.245vw + 0.712rem, 1rem);
  font-family: "Inter", sans-serif;
  opacity: 0.5;
  width: 500px;
}
.title__total {
  font-size: clamp(1rem, 0.245vw + 0.837rem, 1.125rem);
  font-weight: 600;
  margin-left: clamp(0.75rem, 0.49vw + 0.425rem, 1rem);
  color: #b8b5b3;
  white-space: nowrap;
}
.title__link {
  font-weight: 400;
  font-size: 14px;
  line-height: 1;
  color: #fdbd48;
  transition: color 0.38s ease-in-out;
  white-space: nowrap;
  margin-left: auto;
}
@media (hover: hover) {
  .title__link:hover {
    color: #000000;
  }
}
.title__icon {
  font-size: 20px;
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #a62320;
  color: #a62320;
  border-radius: 50%;
  transition: color 0.38s ease-in-out, border 0.38s ease-in-out;
}
@media (hover: hover) {
  .title__icon:hover {
    color: #d42427;
    border: 2px solid #d42427;
  }
}

.wrapper--send .title {
  color: #a62320;
}
.wrapper--send .title--h3 {
  color: #000000;
}
.wrapper--send .title__desc {
  color: #000000;
}

.aside-menu {
  max-width: 432px;
  width: 100%;
}
@media (max-width: 1023px) {
  .aside-menu--column {
    position: absolute;
    top: 0;
    left: 0;
    max-width: 100%;
    background-color: #fefefe;
    border-radius: 8px;
    box-shadow: 0 10px 15px -15px rgba(0, 0, 0, 0.6);
    opacity: 0;
    z-index: 3;
    transform: translateX(-100%);
    transition: opacity 0.38s ease-in-out, transform 0.38s ease-in-out;
  }
  .aside-menu--column.is-shown {
    display: block;
    opacity: 1;
    transform: translateX(0);
  }
  .aside-menu--column .aside-menu__nav {
    flex-direction: column;
    min-width: auto;
    padding: 0;
    padding-right: 0;
  }
  .aside-menu--column .aside-menu__nav-link {
    padding: 17px 16px;
    white-space: normal;
  }
}
.aside-menu .accordion {
  gap: 0;
}
.aside-menu .accordion__item {
  border-bottom: 1px solid #d9d9d9;
}
.aside-menu .accordion__item:last-child {
  border-bottom: none;
}
.aside-menu .accordion__header {
  position: relative;
  width: 100%;
  background: none;
  cursor: pointer;
  font-family: "Inter", sans-serif;
  font-size: clamp(0.875rem, 0.245vw + 0.712rem, 1rem);
  font-weight: 400;
  line-height: 1.3;
  color: #000000;
  text-align: left;
  transition: color 0.38s ease-in-out;
}
@media (hover: hover) {
  .aside-menu .accordion__header:hover {
    color: #a62320;
  }
}
.aside-menu .accordion__header::after {
  content: "";
  position: absolute;
  right: 2px;
  top: 50%;
  transform: translateY(-50%);
  width: clamp(1.5rem, 0.734vw + 1.012rem, 1.875rem);
  height: clamp(1.5rem, 0.734vw + 1.012rem, 1.875rem);
  background-size: clamp(0.875rem, 0.245vw + 0.712rem, 1rem) clamp(0.875rem, 0.245vw + 0.712rem, 1rem);
  transition: transform 0.38s ease-in-out;
}
.aside-menu .accordion__body {
  overflow: hidden;
  max-height: 0;
  transition: max-height 0.3s ease;
}
.aside-menu .accordion__item.is-active .accordion__body {
  max-height: 400px;
}
.aside-menu .accordion__body-content {
  padding: 0 7px;
  padding-bottom: clamp(1rem, 0.49vw + 0.675rem, 1.25rem);
  font-family: "Inter", sans-serif;
  font-size: clamp(0.875rem, 0.245vw + 0.712rem, 1rem);
  font-weight: 400;
  line-height: 1.4;
  color: #000000;
}
@media (max-width: 1023px) {
  .aside-menu .accordion__body-content {
    font-size: 12px;
  }
}
.aside-menu .accordion__item.is-active {
  background-color: #fefefe;
}
.aside-menu .accordion__item.is-active .accordion__body {
  max-height: 500px;
  opacity: 1;
}
.aside-menu__nav {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: clamp(1.5rem, 2.938vw + -0.452rem, 3rem);
}
@media (max-width: 1023px) {
  .aside-menu__nav {
    flex-direction: row;
    margin-bottom: 0;
    min-width: max-content;
  }
}
.aside-menu__nav-item {
  border-radius: 8px;
  overflow: hidden;
}
@media (max-width: 1023px) {
  .aside-menu__nav-item {
    flex-shrink: 0;
  }
}
.aside-menu__nav-item.is-active .aside-menu__nav-link {
  background-color: #e2dac9;
  pointer-events: none;
}
.aside-menu__nav-link {
  position: relative;
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  font-size: 16px;
  line-height: 1.2;
  font-weight: 400;
  color: #000000;
  text-align: left;
  padding: 16px;
  background-color: #f7f5ee;
  border-radius: 8px;
  transition: color 0.38s ease-in-out, background-color 0.38s ease-in-out;
}
@media (max-width: 1023px) {
  .aside-menu__nav-link {
    white-space: nowrap;
    padding: 12px 16px;
    font-size: 13px;
  }
}
@media (hover: hover) {
  .aside-menu__nav-link:hover:hover {
    color: #a62320;
  }
}
.aside-menu__nav-link:active {
  background-color: #ebe9e1;
}
.aside-menu__nav-link-count {
  position: absolute;
  top: 0;
  right: 0;
  transform: translate3d(-16px, 50%, 0);
  padding: 4px 12px;
  font-size: clamp(0.75rem, 0.49vw + 0.425rem, 1rem);
  line-height: 1.2;
  color: #fefefe;
  background-color: #d42427;
  border-radius: 8px;
}
@media (max-width: 1023px) {
  .aside-menu__nav-link-count {
    width: 8px;
    height: 8px;
    padding: 0;
    top: 8px;
    right: 8px;
    transform: none;
    font-size: 0;
    border-radius: 50%;
  }
}
.aside-menu__nav-sub {
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  transform: translateY(-10px);
  transition: max-height 0.38s ease-in-out, opacity 0.38s ease-in-out, transform 0.38s ease-in-out;
  flex-direction: column;
  gap: 8px;
}
.aside-menu__nav-sub.is-open {
  max-height: 500px;
  opacity: 1;
  transform: translateY(0);
}
.aside-menu__nav-link-icon {
  font-size: 18px;
  flex-shrink: 0;
  transition: transform 0.38s ease-in-out;
}
.aside-menu__nav-link-icon.is-rotated {
  transform: rotate(180deg);
}
.aside-menu__nav-item--sub {
  background-color: transparent;
  padding: 12px;
  margin-left: 16px;
}
.aside-menu__nav-item--sub .aside-menu__nav-link {
  background-color: transparent;
}
.aside-menu__nav-sub-link.is-active {
  color: #a62320;
}
.aside-menu__nav-sub-link.btn {
  font-size: 16px;
  text-align: left;
}

.search-container__btn-icon {
  transition: opacity 0.2s ease;
}
.search-container__btn-icon.is-hidden {
  opacity: 0;
}
.search-container__btn-icon.is-visible {
  opacity: 1;
}

.date-plate {
  display: block;
  width: fit-content;
  padding: 4px;
  font-family: "Inter", sans-serif;
  font-size: 16px;
  line-height: 1.2;
  color: #000000;
  background-color: #fefefe;
  border-radius: 8px;
}
@media (max-width: 1023px) {
  .date-plate {
    font-size: 13px;
  }
}

.ac.js-enabled .ac-panel {
  visibility: hidden;
}

.ac.is-active .ac-panel {
  visibility: visible;
}

.ac .ac-panel {
  overflow: hidden;
  transition-property: height, visibility;
  transition-timing-function: ease;
}

.accordion {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.accordion__container {
  border-radius: 10px;
  padding: clamp(1.25rem, 0.49vw + 0.925rem, 1.5rem) clamp(1.25rem, 0.49vw + 0.925rem, 1.5rem);
  transition: background-color 0.38s ease-in-out;
}
.accordion__container.is-active .accordion__icon {
  transform: rotate(-90deg);
}
.accordion__btn {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.accordion__title {
  font-size: 18px;
  font-weight: 600;
  transition: color 0.38s ease-in-out;
}
.accordion__icon {
  font-size: 16px;
  transform: rotate(90deg);
  transition: color 0.38s ease-in-out;
}
.accordion__content {
  font-size: 16px;
  margin-top: clamp(1.875rem, 0.734vw + 1.387rem, 2.25rem);
  line-height: 1.4;
}

.tab__list {
  display: flex;
  flex-wrap: wrap;
}
.tab__item {
  cursor: pointer;
}
.tab__choices {
  display: none;
}
.tab__content {
  display: none;
  opacity: 0;
  transition: opacity 0.38s ease-in-out;
}
.tab__content--active {
  display: block;
}
.tab__content--opacity {
  opacity: 1;
}

@media screen and (max-width: 768px) {
  .tab__list {
    display: none;
  }
  .tab__choices {
    display: block;
    margin-bottom: 20px;
  }
}
.counter {
  display: flex;
  justify-content: space-between;
  gap: 4px;
  max-width: 81px;
  width: 100%;
  padding: 8px 4px;
  background-color: #fefefe;
  border-radius: 8px;
}
.counter__value {
  max-width: 35px;
  width: 100%;
  text-align: center;
  font-size: clamp(0.875rem, 0.49vw + 0.55rem, 1.125rem);
  font-weight: 400;
  line-height: 1.2;
  color: #000000;
}
.counter__btn {
  font-size: 16px;
  color: #000000;
  transition: color 0.38s ease-in-out, opacity 0.38s ease-in-out;
}
@media (hover: hover) {
  .counter__btn:hover:hover {
    color: #a62320;
  }
}
.counter__btn:active {
  color: #000000;
}
.counter__btn--decrease {
  transform: rotate(90deg);
}
.counter__btn--increase {
  transform: rotate(-90deg);
}
.counter__btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.counter.is-disabled {
  cursor: not-allowed;
  pointer-events: none;
  background-color: #f3f3f3;
}
.counter.is-disabled button,
.counter.is-disabled input {
  cursor: not-allowed;
  pointer-events: none;
  background-color: #f3f3f3;
}

.banner {
  padding: clamp(1.5rem, 2.938vw + -0.452rem, 3rem);
  border-radius: 8px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  overflow: hidden;
}
.banner--white .banner__title {
  color: #000000;
}
.banner--white .banner__content-item {
  color: #000000;
}
.banner--blue .banner__title {
  color: #00486b;
}
.banner--blue .banner__content-item {
  color: #00486b;
}
.banner--with-bg {
  position: relative;
  background-image: url("../img/picture/Services/reading-room.jpg");
}
.banner--with-bg::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}
.banner--with-bg .banner__title,
.banner--with-bg .banner__wrapper {
  position: relative;
  z-index: 2;
}
.banner--with-bg.banner--white::after {
  background: rgba(254, 254, 254, 0.9);
}
.banner--with-bg.banner--blue::after {
  background: rgba(190, 226, 255, 0.9);
}
.banner__title {
  margin-bottom: clamp(1rem, 0.979vw + 0.349rem, 1.5rem);
}
.banner__wrapper {
  display: flex;
  align-items: flex-start;
  gap: clamp(1.5rem, 2.938vw + -0.452rem, 3rem);
}
.banner__content {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  gap: clamp(0.5rem, 0.49vw + 0.175rem, 0.75rem);
  padding-top: clamp(1rem, 0.979vw + 0.349rem, 1.5rem);
}
.banner__content-item {
  font-family: "Inter", sans-serif;
  font-size: clamp(0.875rem, 0.245vw + 0.712rem, 1rem);
  line-height: 1.4;
  font-weight: 400;
  font-style: normal;
  text-decoration: none;
}
.banner__banner-link {
  font-size: clamp(1.125rem, 0.734vw + 0.637rem, 1.5rem);
  white-space: nowrap;
}

.modal {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: fixed;
  z-index: 999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(1.2);
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  transition: transform 0.38s ease-in-out, visibility 0.38s ease-in-out, opacity 0.38s ease-in-out;
}
.modal.is-active {
  transform: scale(1);
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
}
.modal__overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.9);
  cursor: pointer;
  z-index: -1;
}
.modal__content {
  position: relative;
  background-color: #fefefe;
  padding: 32px clamp(1rem, 1.958vw + -0.301rem, 2rem);
  border-radius: 8px;
  max-width: 459px;
  color: #000000;
}
.modal__close {
  position: absolute;
  top: 12px;
  right: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px;
  border: 1px solid transparent;
  transition: color 0.38s ease-in-out, border-color 0.38s ease-in-out;
}
.modal__close svg {
  width: 11px;
  height: 11px;
}
@media (hover: hover) {
  .modal__close:hover {
    color: #a62320;
  }
}
.modal__close:focus, .modal__close:focus-visible {
  border-color: #00486b;
}
.modal__close:active {
  color: #000000;
}

.order-modal__loader {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #ffffff;
  z-index: 2;
}
.order-modal__spinner {
  width: 48px;
  height: 48px;
  border: 4px solid #eeeeee;
  border-top-color: #a62320;
  border-radius: 50%;
  animation: order-modal-spin 0.9s linear infinite;
}

@keyframes order-modal-spin {
  to {
    transform: rotate(360deg);
  }
}
.confirm-modal__title, .confirm-modal__text,
.notification-modal__title,
.notification-modal__text {
  margin-bottom: clamp(1rem, 0.979vw + 0.349rem, 1.5rem);
}
.confirm-modal__actions,
.notification-modal__actions {
  display: flex;
  gap: clamp(1rem, 0.979vw + 0.349rem, 1.5rem);
}

.modal--content-width {
  padding: clamp(1rem, 3.917vw + -1.602rem, 3rem);
}
.modal--content-width .modal__content {
  width: 100%;
  max-width: 1840px;
  padding-left: 20px;
  padding-right: 20px;
  margin: 0 auto;
  max-width: 1610px;
  max-height: 90vh;
  overflow-y: auto;
}
@media screen and (max-width: 1023px) {
  .modal--content-width .modal__content {
    max-width: 720px;
  }
}
@media screen and (max-width: 768px) {
  .modal--content-width .modal__content {
    max-width: 540px;
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media screen and (max-width: 576px) {
  .modal--content-width .modal__content {
    max-width: none;
  }
}

.modal-open {
  overflow: hidden;
}

@media (max-width: 768px) {
  .modal {
    padding: 0;
  }
  .modal__content {
    width: 100%;
    height: 100%;
    max-width: none;
    max-height: none;
    border-radius: 0;
    padding: 16px;
    display: flex;
    flex-direction: column;
  }
  .modal__close {
    top: 16px;
    right: 16px;
    padding: 12px;
  }
  .modal__close svg {
    width: 16px;
    height: 16px;
  }
  .modal--content-width {
    padding: 0;
  }
  .modal--content-width .modal__content {
    width: 100%;
    height: 100%;
    max-width: none;
    max-height: none;
    border-radius: 0;
    padding: 16px;
  }
}
@media (max-width: 768px) and (max-width: 1023px) {
  .modal--content-width .modal__content {
    padding: 44px 16px;
  }
}
.modal--authentication .modal__close {
  top: 17px;
  right: 14px;
}
.modal--authentication .modal__close-icon {
  width: 15px;
  height: 15px;
}
.modal--authentication .modal__content {
  padding-right: clamp(1.5rem, 0.979vw + 0.849rem, 2rem);
  padding-left: clamp(1.5rem, 0.979vw + 0.849rem, 2rem);
}

.schedule {
  display: flex;
  flex-direction: column;
  background: #f7f5ee;
  border-radius: 8px;
  padding: clamp(1rem, 0.979vw + 0.349rem, 1.5rem);
  gap: 8px;
}
@media (max-width: 1023px) {
  .schedule {
    padding: 24px 12px;
  }
}
@media (max-width: 1023px) {
  .schedule__title {
    font-size: 24px;
  }
}
.schedule__table table {
  width: 100%;
}
.schedule__table td {
  padding: 8px 0;
  font-size: clamp(0.875rem, 0.49vw + 0.55rem, 1.125rem);
  text-align: right;
}
.schedule__table td:first-child {
  text-align: left;
}
@media (max-width: 1023px) {
  .schedule__table td {
    font-size: 13px;
  }
}
.schedule__footer {
  font-size: 14px;
}
@media (max-width: 1023px) {
  .schedule__footer {
    font-size: 13px;
  }
}
.schedule__footer p {
  margin: 0;
}

.pagination {
  display: flex;
  width: fit-content;
}
.pagination__desktop {
  display: flex;
  align-items: center;
  gap: 10px;
}
.pagination__icon--prev {
  transform: rotate(180deg);
}
.pagination__dots {
  color: #00486b;
}
@media (max-width: 1023px) {
  .pagination__icon--prev, .pagination__icon--next {
    gap: 0;
    color: #000000;
    font-size: 20px;
  }
}
@media (max-width: 1023px) {
  .pagination__icon--prev .icon-arrow-right, .pagination__icon--next .icon-arrow-right {
    font-size: 20px;
  }
}
.pagination__list {
  display: flex;
  align-items: center;
}
.pagination__item {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 37px;
  height: 35px;
}
.pagination__button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: 8px;
  font-size: 16px;
  line-height: 1.2;
  color: #00486b;
  border-radius: 8px;
  transition: color 0.38s ease-in-out, background-color 0.38s ease-in-out;
}
@media (hover: hover) {
  .pagination__button:hover {
    color: #a62320;
  }
}
.pagination__button.is-active {
  color: #a62320;
  background-color: #f3f3f3;
}
.pagination__button:disabled {
  color: #d9d9d9;
  pointer-events: none;
}
.pagination__button--prev, .pagination__button--next {
  width: 40px;
  height: 40px;
  padding: 8px;
  border: 1px solid transparent;
  background-color: transparent;
  flex-shrink: 0;
}
.pagination__button--prev:disabled, .pagination__button--next:disabled {
  color: #d9d9d9;
}
.pagination__button--prev {
  transform: rotate(180deg);
}

.search {
  position: relative;
}
.search .animate-desktop,
.search .animate-mobile {
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.search .animate-mobile {
  transform: translateX(100%);
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.search .animate-mobile.is-visible {
  transform: translateX(0);
}
@media (max-width: 1023px) {
  .search__suggestions, .search__history, .search__advanced {
    transform: translateX(100%);
  }
  .search__suggestions.is-visible, .search__history.is-visible, .search__advanced.is-visible {
    transform: translateX(0);
  }
}
.search__wrapper {
  display: flex;
  gap: 16px;
  width: 100%;
  background-color: #fefefe;
  border-radius: 8px;
}
@media (max-width: 1023px) {
  .search__wrapper {
    flex-direction: column;
    align-items: flex-start;
  }
}
.search__aside-btn {
  flex-shrink: 0;
  gap: clamp(0.5rem, 0.979vw + -0.151rem, 1rem);
  padding: 0 16px;
  font-size: 18px;
}
.search__aside-btn.btn {
  padding: 12px 24px;
}
@media (max-width: 1023px) {
  .search__aside-btn.btn.hide-on-mobile {
    display: none;
  }
}
@media (max-width: 1023px) {
  .search__aside-btn.hide-on-desktop {
    display: none;
  }
}
.search__toggle-btn {
  flex-shrink: 0;
  gap: clamp(0.5rem, 0.979vw + -0.151rem, 1rem);
}
.search__toggle-btn.btn {
  padding: 0 16px;
  font-size: 18px;
}
.search__toggle-btn .icon-burger,
.search__toggle-btn .icon-close {
  transition: opacity 0.38s ease-in-out;
}
.search__toggle-btn .icon-close {
  display: none;
}
.search__toggle-btn.is-open .icon-burger {
  display: none;
  pointer-events: none;
}
.search__toggle-btn.is-open .icon-close {
  display: block;
  opacity: 1;
}
@media (max-width: 1023px) {
  .search__toggle-btn {
    display: none;
  }
}
.search__form {
  position: relative;
  width: 100%;
  padding: 12px 8px;
  border: 1px solid #d9d9d9;
  border-radius: 8px;
}
.search__form form {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
@media (max-width: 1023px) {
  .search:has(.search__dropdown.has-visible-dropdown) .search__form {
    width: calc(100% - 32px - 8px);
  }
}
.search__input {
  width: 100%;
  border: none;
  outline: none;
  color: #000000;
}
.search__input::placeholder {
  color: #000000;
}
.search__icon {
  font-size: 18px;
  color: #000000;
  transition: color 0.38s ease-in-out;
}
@media (hover: hover) {
  .search__icon:hover {
    color: #a62320;
  }
}
.search__controls {
  display: flex;
  gap: clamp(1rem, 0.979vw + 0.349rem, 1.5rem);
  padding-left: clamp(1rem, 0.979vw + 0.349rem, 1.5rem);
}
.search__control.btn {
  font-size: 16px;
  white-space: nowrap;
  text-transform: lowercase;
}
@media (max-width: 1023px) {
  .search__control.btn {
    color: #fefefe;
    text-transform: initial;
  }
}
.search__control--mobile {
  display: none;
  border: 1px solid #eeeeee;
}
@media (hover: hover) {
  .search__control--mobile:hover {
    color: #000000;
    border-color: #eeeeee;
  }
}
.search__control--mobile:focus {
  border-color: #000000;
}
.search__control.is-active {
  color: #a62320;
  pointer-events: none;
}
.search__control-text {
  display: block;
}
@media (max-width: 1023px) {
  .search__control-text {
    display: none;
  }
}
.search__control-text-mobile {
  display: none;
}
@media (max-width: 1023px) {
  .search__control-text-mobile {
    display: block;
  }
}
@media (max-width: 1023px) {
  .search__control {
    display: none;
    padding: 12px;
    max-width: 335px;
    width: 100%;
    font-size: 16px;
    color: #fefefe;
    text-align: center;
    justify-content: center;
    background-color: #a62320;
  }
}
@media (max-width: 1023px) and (hover: hover) {
  .search__control:hover {
    background-color: #fefefe;
    border-color: #eeeeee;
    color: #000000;
  }
}
@media (max-width: 1023px) {
  .search__control:focus, .search__control:focus-visible {
    border-color: #d9d9d9;
  }
  .search__control:active, .search__control:focus:active {
    background-color: #fefefe;
    border-color: #eeeeee;
  }
  .search__control--mobile {
    display: none;
  }
  .search__control--mobile.is-visible {
    display: flex;
  }
  .search__control--mobile.is-visible:focus {
    color: #000000;
  }
}
.search__dropdown {
  position: relative;
}
.search__dropdown:not(.has-visible-dropdown) {
  padding: 0;
  overflow: hidden;
  background-color: transparent;
}
.search__dropdown.has-visible-dropdown {
  padding-top: clamp(1rem, 0.979vw + 0.349rem, 1.5rem);
  overflow: visible;
  background-color: #fefefe;
  max-width: 100vw;
  width: 100%;
  box-sizing: border-box;
}
@media (max-width: 1023px) {
  .search__dropdown.has-visible-dropdown {
    padding: 16px 0;
    max-height: calc(100vh - 120px);
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    max-width: 100vw;
    min-height: 100vh;
  }
}
.search__suggestions {
  display: grid;
  grid-template-columns: auto 1fr 1fr 1fr;
  gap: clamp(1rem, 18.115vw + -11.035rem, 10.25rem);
  padding-bottom: clamp(1rem, 0.979vw + 0.349rem, 1.5rem);
  background-color: #fefefe;
}
@media (max-width: 1023px) {
  .search__suggestions {
    display: flex;
    flex-direction: column;
    gap: 32px;
    padding-bottom: clamp(1rem, 0.979vw + 0.349rem, 1.5rem);
  }
}
@media (max-width: 1023px) {
  .search__suggestion-item--mobile-hidden {
    display: none;
  }
}
.search__suggestions-title {
  margin-bottom: 16px;
  min-width: clamp(7.813rem, 1.836vw + 6.593rem, 8.75rem);
}
@media (max-width: 1023px) {
  .search__suggestions-title {
    font-size: 24px;
  }
}
.search__suggestion-list ul {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.search__suggestion-list a {
  transition: color 0.38s ease-in-out;
}
@media (hover: hover) {
  .search__suggestion-list a:hover {
    color: #a62320;
  }
}
.search__suggestion-list a:focus {
  color: #00486b;
}
.search__suggestion-list a:active {
  color: #000000;
}
.search__suggestion-popular {
  max-width: 584px;
}
.search__suggestion-popular ul {
  gap: 8px;
}
.search__suggestion-popular a {
  padding: 12px 16px;
  font-size: 13px;
  background-color: #f7f5ee;
  border-radius: 8px;
}
@media (max-width: 1023px) {
  .search__suggestion-popular a {
    padding: 12px 16px;
    font-size: 16px;
  }
}
.search__suggestion-menu ul {
  flex-direction: column;
  gap: clamp(0.875rem, 0.245vw + 0.712rem, 1rem);
  min-width: clamp(6.25rem, 4.896vw + 2.997rem, 8.75rem);
}
.search__suggestion-menu a {
  font-family: "PT Serif", sans-serif;
  font-size: clamp(1rem, 0.979vw + 0.349rem, 1.5rem);
}
.search__suggestion-projects ul {
  flex-direction: column;
  gap: clamp(0.875rem, 0.245vw + 0.712rem, 1rem);
  min-width: clamp(11.25rem, 6.12vw + 7.184rem, 14.375rem);
}
.search__suggestion-projects a {
  font-size: clamp(0.875rem, 0.245vw + 0.712rem, 1rem);
}
.search__history {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 0.979vw + 0.349rem, 1.5rem);
  padding-bottom: clamp(1rem, 0.979vw + 0.349rem, 1.5rem);
  background-color: #fefefe;
}
@media (max-width: 1023px) {
  .search__history {
    padding-bottom: clamp(1rem, 0.979vw + 0.349rem, 1.5rem);
  }
}
.search__history .icon-repeat {
  font-size: 19px;
}
.search__history li {
  display: flex;
  align-items: center;
  gap: clamp(0.5rem, 0.979vw + -0.151rem, 1rem);
}
.search__suggestions, .search__history, .search__advanced {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 1000;
  visibility: hidden;
  opacity: 0;
  display: none;
}
.search__suggestions.is-visible, .search__history.is-visible, .search__advanced.is-visible {
  position: static;
  top: auto;
  left: auto;
  right: auto;
  display: flex;
}
@media (max-width: 1023px) {
  .search__suggestions, .search__history, .search__advanced {
    max-height: 380px;
    overflow-y: visible;
    overflow-x: hidden;
  }
}
.search__suggestions.is-visible, .search__history.is-visible, .search__advanced.is-visible {
  visibility: visible;
  opacity: 1;
  display: flex;
}
.search .is-hidden-immediate {
  visibility: hidden;
  opacity: 0;
  transform: translateY(-20px);
  transition: none;
}
@media (max-width: 1023px) {
  .search .is-hidden-immediate {
    transform: translateX(100%);
  }
}
.search__advanced {
  flex-direction: column;
  padding-bottom: clamp(1rem, 0.979vw + 0.349rem, 1.5rem);
  background-color: #fefefe;
}
.search__advanced-title {
  margin-bottom: clamp(1rem, 0.979vw + 0.349rem, 1.5rem);
}
.search__advanced-title-mobile {
  display: none;
}
@media (max-width: 1023px) {
  .search__advanced-title-mobile {
    display: block;
  }
}
@media (max-width: 1023px) {
  .search__advanced-title-desktop {
    display: none;
  }
}
@media (max-width: 1023px) {
  .search__advanced-title {
    margin-bottom: 32px;
    font-size: 24px;
  }
}
.search__advanced-form {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: clamp(1rem, 10.526vw + -5.993rem, 6.375rem);
}
@media (max-width: 1023px) {
  .search__advanced-form {
    display: flex;
    flex-direction: column;
    gap: 12px;
  }
}
.search__advanced-form-group {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 0.979vw + 0.349rem, 1.5rem);
}
@media (max-width: 1023px) {
  .search__advanced-form-group {
    gap: 12px;
  }
}
.search__advanced-form-group .input--label-left {
  display: grid;
  grid-template-columns: clamp(4.375rem, 8.201vw + -1.073rem, 8.563rem) clamp(14.375rem, 15.912vw + 3.804rem, 22.5rem);
  gap: 8px;
}
@media (max-width: 1023px) {
  .search__advanced-form-group .input--label-left {
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: flex-start;
  }
}
.search__advanced-form-buttons {
  display: flex;
  gap: 16px;
  margin-top: clamp(1.5rem, 5.386vw + -2.078rem, 4.25rem);
}
@media (max-width: 1023px) {
  .search__advanced-form-buttons {
    margin-top: 32px;
    flex-direction: row-reverse;
    justify-content: flex-end;
  }
}
@media (max-width: 1023px) {
  .search__advanced-form-buttons [type=submit] {
    width: 100%;
    max-width: 260px;
    justify-content: center;
  }
}
.search__close-btn {
  display: none;
}
@media (max-width: 1023px) {
  .search__close-btn {
    position: absolute;
    right: 0;
    top: 0;
    transform: translate3d(0, 22%, 0);
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    padding: 0;
    border: none;
    color: #000000;
  }
  .search__dropdown.has-visible-dropdown .search__close-btn {
    display: flex;
  }
  .search:has(.search__dropdown.has-visible-dropdown) .search__close-btn {
    display: flex;
  }
  .search__close-btn .icon-close {
    font-size: 24px;
  }
}

.search-mobile {
  display: none;
}
.search-mobile__form {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  margin-bottom: 24px;
}
@media (max-width: 1023px) {
  .search-mobile {
    display: flex;
  }
}
.search-mobile__field {
  flex: 1;
  position: relative;
}
.search-mobile__input {
  max-height: 46px;
  width: 100%;
  padding: 12px 8px;
  border: 1px solid #d9d9d9;
  border-radius: 8px;
  background-color: #fefefe;
  font-size: 16px;
  line-height: 1.5;
  color: #000000;
  outline: none;
  transition: border-color 0.38s ease-in-out;
}
.search-mobile__input::placeholder {
  color: #000000;
}
.search-mobile__input:focus {
  border-color: #00486b;
}
.search-mobile__toggle-btn {
  max-width: 46px;
  max-height: 46px;
  width: 100%;
  height: 100%;
  flex-shrink: 0;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #a62320;
  border-color: #a62320;
  color: #fefefe;
}
.search-mobile .search-container__btn-icon--open {
  display: block;
  width: 20px;
  height: 20px;
  transition: opacity 0.38s ease-in-out;
}
.search-mobile .icon-close {
  display: none;
  font-size: 35px;
  transition: opacity 0.38s ease-in-out;
}
.search-mobile .is-hidden {
  display: none;
}
.search-mobile .is-visible {
  display: block;
}

.filter {
  position: relative;
  display: flex;
  align-items: center;
}
.filter__label {
  cursor: pointer;
}
.filter__input {
  display: none;
  padding: 12px 8px;
  border: 1px solid #00486b;
  border-radius: 8px;
  width: 100%;
}
.filter.active .filter__label {
  display: none;
}
.filter.active .filter__input {
  display: inline-block;
}
.filter__icon {
  position: absolute;
  right: 2%;
}
.filter__icon.active {
  color: #00486b;
}
.filter__modal-icon {
  display: none;
}

.alphabeticalFilter {
  display: flex;
  gap: clamp(0.438rem, 0.857vw + -0.132rem, 0.875rem);
  margin-bottom: clamp(1rem, 1.958vw + -0.301rem, 2rem);
}
.alphabeticalFilter__link {
  font-family: "PT Serif", sans-serif;
  font-size: clamp(1.25rem, 0.49vw + 0.925rem, 1.5rem);
  color: #b8b5b3;
  transition: color 0.38s ease-in-out;
}
@media (hover: hover) {
  .alphabeticalFilter__link:hover {
    color: #a62320;
  }
}

@media (max-width: 1023px) {
  .filter {
    display: none;
  }
  .filter__modal-icon {
    display: inline-block;
  }
  .filter__modal-input {
    padding: 12px 8px;
    border: 1px solid #00486b;
    border-radius: 8px;
    width: 100%;
  }
  .filter__modal-label {
    padding: 16px 0;
    display: inline-block;
  }
  .filter__modal .modal__content {
    justify-content: center;
    gap: 12px;
  }
}
.header-banners ul {
  display: grid;
  grid-template-rows: repeat(3, 1fr);
  gap: clamp(0.5rem, 0.49vw + 0.175rem, 0.75rem);
  min-width: clamp(17.5rem, 9.302vw + 11.32rem, 22.25rem);
}
@media (max-width: 1023px) {
  .header-banners ul {
    display: flex;
    flex-direction: column;
    gap: 12px;
  }
}
@media (max-width: 1023px) {
  .header-banners li {
    width: 100%;
  }
}
.header-banners a {
  display: flex;
  align-items: center;
  height: 100%;
  padding: 14px 12px;
  font-size: clamp(0.875rem, 0.49vw + 0.55rem, 1.125rem);
  color: #00486b;
  background-color: #bee2ff;
  border-radius: 8px;
}
@media (max-width: 1023px) {
  .header-banners a {
    padding: 16px 12px;
    font-size: 16px;
    height: auto;
  }
}
.header-banners a.vov-museum {
  color: #000000;
  background-color: #e2dac9;
  background-image: url("../img/picture/ribbon.png");
  background-repeat: no-repeat;
  background-position: right center;
}

.tags {
  display: grid;
  gap: 12px;
  margin-bottom: 48px;
}
.tags__item {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}
.tags__tag {
  padding: 8px 16px;
  border-radius: 8px;
  font-size: 13px;
  cursor: pointer;
  transition: color 0.38s ease-in-out, background-color 0.38s ease-in-out;
}
.tags__tag--big {
  font-size: 18px;
}
.tags__tag--send {
  background-color: #f7f5ee;
}
.tags__tag--send:hover {
  background-color: #e2dac9;
}
.tags__tag--red {
  background-color: #a62320;
  color: #fefefe;
}
.tags__tag--grey {
  background-color: #e2dac9;
}
.tags__tag--grey50 {
  background-color: #f3f3f3;
}
.tags__tag--grey50:hover {
  background-color: #e2dac9;
}
.tags__tag--big:hover {
  background-color: #a62320;
  color: #fefefe;
}

.wrapper--send .tags__tag--send {
  background-color: #fefefe;
}
.wrapper--send .tags__tag--send:hover {
  background-color: #e2dac9;
}
.wrapper--send .tags__tag--grey50 {
  background-color: #fefefe;
}
.wrapper--send .tags__tag--grey50:hover {
  background-color: #e2dac9;
}
.wrapper--send .tags__tag--big:hover {
  background-color: #a62320;
}

.fancybox__content > .f-button.is-close-btn {
  top: -70px;
  right: -10px;
  --f-button-svg-width: 30px;
  --f-button-svg-height: 30px;
  --f-button-width: 43px;
  --f-button-height: 43px;
  opacity: 1;
  box-shadow: none;
  border-radius: 8px;
  transition: background-color 0.38s ease-in-out;
}
@media (hover: hover) {
  .fancybox__content > .f-button.is-close-btn:hover {
    background-color: #a62320;
  }
}

.is-horizontal .fancybox__nav .f-button.is-next, .is-horizontal .fancybox__nav .f-button.is-prev {
  position: static;
  bottom: clamp(2.5rem, 4.896vw + -0.753rem, 5rem);
  width: auto;
  height: auto;
  padding: 12px;
  border: 1px solid #fefefe;
  border-radius: 8px;
  transition: border 0.38s ease-in-out, background-color 0.38s ease-in-out;
}
.is-horizontal .fancybox__nav .f-button.is-next svg, .is-horizontal .fancybox__nav .f-button.is-prev svg {
  display: none;
}
.is-horizontal .fancybox__nav .f-button.is-next:before, .is-horizontal .fancybox__nav .f-button.is-prev:before {
  content: none;
}
.is-horizontal .fancybox__nav .f-button.is-next:after, .is-horizontal .fancybox__nav .f-button.is-prev:after {
  content: "";
  background: url("../img/icon/arrow2.svg") no-repeat;
  background-size: contain;
  width: 20px;
  height: 20px;
}
@media (hover: hover) {
  .is-horizontal .fancybox__nav .f-button.is-next:hover, .is-horizontal .fancybox__nav .f-button.is-prev:hover {
    border: 1px solid #a62320;
    background-color: #a62320;
  }
}

.is-horizontal .fancybox__nav .f-button.is-next {
  transform: none;
}

.is-horizontal .fancybox__nav .f-button.is-prev {
  transform: rotate(180deg);
}

.is-idle .fancybox__nav {
  opacity: 1 !important;
}

.fancybox__caption {
  max-width: 50%;
  padding: clamp(1.5rem, 2.938vw + -0.452rem, 3rem) 0;
}

.galleryFixed .fancybox__slide.has-image > .fancybox__content {
  min-height: 500px;
}

.fancybox__slide.has-image > .fancybox__content img {
  border-radius: 8px;
}

.fancybox__nav {
  display: flex;
  justify-content: center;
  flex-direction: row-reverse;
  gap: 16px;
  position: absolute;
  bottom: clamp(2.5rem, 4.896vw + -0.753rem, 5rem);
  width: 100%;
}

.viewer-toolbar > ul > li {
  transition: background-color 0.38s ease-in-out;
}
.viewer-toolbar > ul > li:before {
  width: 18px;
  height: 18px;
  margin: 0;
  background-size: contain;
  background-position: center center;
}
@media (hover: hover) {
  .viewer-toolbar > ul > li:hover {
    background-color: #a62320;
  }
}
.viewer-toolbar > ul > li + li {
  margin-left: 16px;
}

.viewer-title {
  font-family: "PT Serif", sans-serif;
  font-size: 32px;
  line-height: 1.2;
  opacity: 1;
  color: #fefefe;
  margin-bottom: 12px;
  white-space: normal;
  max-width: 54%;
  min-height: auto;
  text-align: justify;
}
.viewer-title--custom {
  font-family: "Inter", sans-serif;
  font-size: 16px;
}

.viewer-zoom-in:before {
  background-image: url("../img/icon/plus.svg");
}

.viewer-zoom-out:before {
  background-image: url("../img/icon/minus.svg");
}

.viewer-one-to-one:before {
  background-image: url("../img/icon/one-to-one.svg");
}

.viewer-reset:before {
  background-image: url("../img/icon/replay.svg");
}

.viewer-prev:before {
  background-image: url("../img/icon/arrow2.svg");
  transform: rotate(-180deg);
}

.viewer-next:before {
  background-image: url("../img/icon/arrow2.svg");
}

.viewer-rotate-left:before {
  background-image: url("../img/icon/arrow4.svg");
}

.viewer-rotate-right:before {
  background-image: url("../img/icon/arrow4.svg");
  transform: scale(-1, 1);
}

.viewer-flip-horizontal:before {
  background-image: url("../img/icon/arrow-left-right.svg");
}

.viewer-flip-vertical:before {
  background-image: url("../img/icon/arrow-top-bottom.svg");
}

.viewer-button {
  transition: background-color 0.38s ease-in-out;
  width: 32px;
  height: 32px;
  top: 5px;
  right: 5px;
}
@media (hover: hover) {
  .viewer-button:hover {
    background-color: #a62320;
  }
}

.viewer-close {
  display: flex;
  justify-content: center;
  align-items: center;
}
.viewer-close:before {
  background-image: url("../img/icon/close.svg");
  background-size: contain;
  background-position: center center;
  width: 22px;
  height: 22px;
  bottom: auto;
  left: auto;
}

.miniatures-icon {
  color: #fefefe;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
}

.not-found {
  margin-bottom: clamp(2rem, 4.896vw + -1.253rem, 4.5rem);
}
.not-found__wrapper {
  height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
}
.not-found__img {
  position: absolute;
  top: 0;
  left: 0;
  width: 45%;
  z-index: 1;
}
.not-found__block {
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, 0.979vw + 0.849rem, 2rem);
  align-items: center;
  justify-content: center;
  z-index: 3;
}
.not-found__value {
  color: #d42427;
  font-size: clamp(2rem, 5.875vw + -1.903rem, 5rem);
  font-family: "PT Serif", sans-serif;
}
.not-found__title {
  justify-content: center;
  text-align: center;
  font-family: "PT Serif", sans-serif;
  font-size: clamp(1.5rem, 2.448vw + -0.126rem, 2.75rem);
}
.not-found__descr {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.not-found__descr-text {
  font-size: clamp(1rem, 0.245vw + 0.837rem, 1.125rem);
  text-align: center;
}
.not-found__navigation {
  display: flex;
  gap: 24px;
}
.not-found__navigation button {
  border: 1px solid #B2B5BB;
}

@media (max-width: 768px) {
  .not-found__wrapper {
    height: 66vh;
  }
  .not-found__img {
    left: -25%;
    width: 85%;
  }
  .not-found__block {
    max-width: 279px;
    padding: 24px 14px;
  }
  .not-found__title {
    width: clamp(127px, 20vw, 200px);
  }
  .not-found__descr {
    align-items: center;
    gap: 16px;
  }
  .not-found__navigation {
    text-wrap: nowrap;
  }
}
.home {
  display: flex;
  gap: 20px;
}
@media (max-width: 1023px) {
  .home {
    flex-direction: column;
    gap: 32px;
    overflow: hidden;
  }
}
.home__slider {
  width: 80%;
}
@media (max-width: 1023px) {
  .home__slider {
    width: 100%;
  }
}
.home__slider .swiper-pagination-bullets {
  display: none;
}
@media (max-width: 1023px) {
  .home__slider .swiper-pagination-bullets {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    margin-top: 12px;
  }
}
.home__slider .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.home__slider .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0;
}
.home__slider .swiper-pagination-bullet {
  width: 6px;
  height: 6px;
  border-radius: 8px;
  background-color: #000000;
  opacity: 0.5;
  transition: opacity 0.38s ease-in-out, width 0.38s ease-in-out;
}
.home__slider .swiper-pagination-bullet-active {
  width: 43px;
  opacity: 0.8;
}
.home .swiper-wrapper {
  border-top-right-radius: 8px;
  overflow: hidden;
}
.home__slide {
  position: relative;
  display: flex;
  justify-content: center;
  flex-direction: column;
  padding-left: clamp(1.875rem, 3.672vw + -0.565rem, 3.75rem);
  border-radius: 8px;
  background-color: #f7f5ee;
}
@media (max-width: 1023px) {
  .home__slide {
    min-height: 183px;
    padding-left: 16px;
  }
}
.home__slide--send_brend {
  background-color: #f7f5ee;
}
.home__slide--green_accent {
  background-color: #7b8a00;
}
.home__slide--red_brand_press {
  background-color: #e43b36;
}
.home__slide--orange_accent {
  background-color: #fdbd48;
}
.home__slide-date {
  max-width: 185px;
  margin-bottom: 8px;
  z-index: 1;
}
.home__slide-date span {
  color: #7b8a00;
  margin-left: 8px;
}
@media (max-width: 1023px) {
  .home__slide-date {
    max-width: 185px;
    font-size: 12px;
  }
}
.home__slide-img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 8px;
  opacity: 0.4;
}
@media (max-width: 1023px) {
  .home__slide-img {
    inset: 0;
    object-fit: initial;
  }
}
.home__slide-title {
  max-width: 610px;
  font-family: "PT Serif", sans-serif;
  font-size: clamp(2.5rem, 4.896vw + -0.753rem, 5rem);
  margin-bottom: 4px;
  z-index: 1;
}
@media (max-width: 1023px) {
  .home__slide-title {
    max-width: 185px;
    font-size: 24px;
  }
}
.home__slide-text {
  max-width: 610px;
  font-family: "PT Serif", sans-serif;
  font-size: clamp(1.375rem, 2.693vw + -0.414rem, 2.75rem);
  z-index: 1;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (max-width: 1023px) {
  .home__slide-text {
    max-width: 185px;
    font-size: 16px;
  }
}
.home__cards-wrapper {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media (max-width: 1023px) {
  .home__cards-wrapper {
    width: 100%;
    flex-direction: row;
    padding-right: 44px;
    overflow-x: auto;
  }
}
.home__cards {
  width: 20%;
}
@media (max-width: 1023px) {
  .home__cards {
    width: 100%;
    overflow: hidden;
  }
}
@media (max-width: 576px) {
  .home__cards {
    min-width: 100vw;
  }
}
.home__card {
  padding: 24px 16px;
  height: 160px;
  border-radius: 8px;
  position: relative;
}
@media (max-width: 1023px) {
  .home__card {
    min-width: 264px;
    height: 120px;
  }
}
.home__card--blue_brand {
  background-color: #00486b;
}
.home__card--green_accent {
  background-color: #7b8a00;
}
.home__card--red_brand {
  background-color: #a62320;
}
.home__card-img {
  position: absolute;
  width: 106px;
  height: 106px;
  right: 0;
  bottom: 0;
  object-fit: contain;
}
.home__card-title {
  color: #fefefe;
  font-family: "PT Serif", sans-serif;
  margin-bottom: 16px;
  font-size: clamp(1.25rem, 0.49vw + 0.925rem, 1.5rem);
}
@media (max-width: 1023px) {
  .home__card-title {
    margin-bottom: 20px;
    font-size: 18px;
  }
}
.home__card-text {
  color: #fefefe;
  font-size: clamp(0.875rem, 0.245vw + 0.712rem, 1rem);
  max-width: 212px;
}
@media (max-width: 1023px) {
  .home__card-text {
    max-width: 158px;
    font-size: 12px;
  }
}

.archives-slider {
  position: relative;
  display: flex;
  overflow: hidden;
}
.archives-slider__slider {
  width: 100%;
  overflow: hidden;
  transition: margin-left 0.3s ease;
}
.archives-slider__slider-list {
  width: 100%;
  display: flex;
  align-items: flex-start;
}
@media (max-width: 1023px) {
  .archives-slider__slider-list {
    flex-direction: column;
    gap: 32px;
  }
}
.archives-slider__slide {
  display: flex;
  min-width: 100%;
  width: 100%;
  gap: clamp(1rem, 0.979vw + 0.349rem, 1.5rem);
}
@media (max-width: 1023px) {
  .archives-slider__slide {
    gap: 0;
    height: auto;
    overflow: auto;
  }
  .archives-slider__slide:nth-child(even) .archives-slider__content-info {
    order: 1;
    padding: 11px 18px;
    padding-right: 0;
  }
  .archives-slider__slide:nth-child(even) .archives-slider__image {
    order: 2;
  }
}
.archives-slider__content {
  flex: 1 1 0%;
  min-width: 0;
  width: 100%;
  max-width: 66%;
  display: flex;
  flex-direction: column;
  background-color: #f7f5ee;
  border-radius: 8px;
  overflow: hidden;
}
@media (max-width: 1023px) {
  .archives-slider__content {
    max-width: 100%;
  }
}
.archives-slider__hero {
  max-width: 32%;
  width: 100%;
  padding: 0 clamp(1.5rem, 0.734vw + 1.012rem, 1.875rem);
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: clamp(1.5rem, 7.834vw + -3.704rem, 5.5rem);
  background-color: #fefefe;
}
@media (max-width: 1023px) {
  .archives-slider__hero {
    display: none;
  }
}
.archives-slider__hero-header {
  margin-top: clamp(4.5rem, 4.039vw + 1.816rem, 6.563rem);
}
.archives-slider__hero-title {
  color: #d9d9d9;
}
.archives-slider__slide-content {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: clamp(1rem, 0.979vw + 0.349rem, 1.5rem);
  height: 100%;
  border-radius: 8px;
  overflow: hidden;
}
@media (max-width: 1023px) {
  .archives-slider__slide-content {
    gap: 8px;
    grid-template-columns: 54% 46%;
  }
  .archives-slider__slide-content:nth-child(even) {
    display: flex;
    flex-direction: row-reverse;
  }
}
.archives-slider__image {
  max-width: 584px;
  max-height: 494px;
}
.archives-slider__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (max-width: 1023px) {
  .archives-slider__image {
    max-width: 54%;
    max-width: 100%;
  }
}
.archives-slider__content-info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: clamp(1rem, 0.979vw + 0.349rem, 1.5rem);
  font-family: "PT Serif", sans-serif;
}
@media (max-width: 1023px) {
  .archives-slider__content-info {
    padding: 10px;
    padding-left: 0;
    justify-content: flex-start;
    gap: 8px;
  }
}
@media (max-width: 1023px) {
  .archives-slider__content-title {
    font-size: 24px;
  }
}
.archives-slider__count {
  font-size: clamp(1.375rem, 2.693vw + -0.414rem, 2.75rem);
  font-weight: 400;
  line-height: 1.2;
  color: #7b8a00;
}
@media (max-width: 1023px) {
  .archives-slider__count {
    font-size: 12px;
  }
}
.archives-slider__text {
  max-width: 375px;
  font-size: clamp(0.75rem, 1.469vw + -0.226rem, 1.5rem);
  font-weight: 400;
  line-height: 1.3;
  color: #000000;
}
@media (max-width: 1023px) {
  .archives-slider__text {
    max-width: 150px;
    font-family: "Inter", sans-serif;
    font-size: 12px;
    line-height: 1.2;
  }
}
.archives-slider__link {
  width: fit-content;
  padding: 11px 24px;
  font-family: "Inter", sans-serif;
}
.archives-slider__link--mobile {
  display: none;
}
@media (max-width: 1023px) {
  .archives-slider__link--mobile {
    display: flex;
    gap: 10px;
    padding: 7px 0;
    font-size: 12px;
    text-transform: lowercase;
  }
  .archives-slider__link--desktop {
    display: none;
  }
}
@media (max-width: 1023px) {
  .archives-slider__link-icon {
    font-size: 18px;
  }
}
.archives-slider .tab__container {
  height: 100%;
}

.exhibitions {
  position: relative;
  overflow: hidden;
}
.exhibitions__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: clamp(1.5rem, 0.979vw + 0.849rem, 2rem);
}
@media (max-width: 1023px) {
  .exhibitions__header {
    margin-bottom: 16px;
  }
}
@media (max-width: 1023px) {
  .exhibitions__title {
    font-family: "Inter", sans-serif;
    font-size: 18px;
  }
}
.exhibitions__slider-controls {
  display: flex;
  align-items: center;
  margin-left: clamp(1rem, 0.979vw + 0.349rem, 1.5rem);
  gap: 12px;
}
@media (max-width: 1023px) {
  .exhibitions__slider-controls {
    display: none;
  }
}
.exhibitions__slider-prev, .exhibitions__slider-next {
  max-width: 30px;
  max-height: 30px;
  padding: 10px;
}
.exhibitions__slider-prev {
  transform: scaleX(-1);
}
.exhibitions__slider {
  margin-bottom: clamp(1.5rem, 0.979vw + 0.849rem, 2rem);
  overflow: hidden;
}
.exhibitions__list {
  display: flex;
  gap: clamp(1rem, 0.979vw + 0.349rem, 1.5rem);
}
.exhibitions__card {
  position: relative;
  display: flex;
  flex-direction: column;
  height: clamp(15.625rem, 14.443vw + 6.029rem, 23rem);
  max-width: clamp(20.5rem, 31.334vw + -0.318rem, 36.5rem);
  background-color: #fefefe;
  border-radius: 8px;
  overflow: hidden;
}
.exhibitions__card::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #41291d 100%);
  z-index: 1;
}
@media (max-width: 1023px) {
  .exhibitions__card {
    min-width: 285px;
    min-height: 180px;
    height: auto;
  }
}
.exhibitions__card-img {
  transition: transform 0.38s ease-in-out;
}
.exhibitions__card-wrap {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  overflow: hidden;
}
.exhibitions__card-wrap img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.exhibitions__card-date {
  position: absolute;
  top: clamp(1rem, 0.979vw + 0.349rem, 1.5rem);
  left: clamp(1rem, 0.979vw + 0.349rem, 1.5rem);
  padding: 4px;
  font-size: clamp(0.75rem, 0.49vw + 0.425rem, 1rem);
  color: #000000;
  font-weight: 400;
  background-color: #ffffff;
  border-radius: 8px;
}
@media (max-width: 1023px) {
  .exhibitions__card-date {
    top: 12px;
    left: 12px;
  }
}
.exhibitions__card-content {
  position: relative;
  flex: 1 1 auto;
  margin-top: auto;
  padding: clamp(1rem, 0.979vw + 0.349rem, 1.5rem);
  display: flex;
  flex-direction: column;
  z-index: 1;
}
.exhibitions__card-title {
  margin: 0;
  margin-bottom: 16px;
  font-family: "PT Serif", sans-serif;
  font-size: clamp(1.5rem, 0.979vw + 0.849rem, 2rem);
  font-weight: 400;
  color: #fefefe;
}
@media (max-width: 1023px) {
  .exhibitions__card-title {
    font-family: "Inter", sans-serif;
    font-size: 18px;
    margin-bottom: 16px;
  }
}
.exhibitions__card-desc {
  margin: 0;
  font-family: "Inter", sans-serif;
  font-size: clamp(0.875rem, 0.245vw + 0.712rem, 1rem);
  font-weight: 400;
  line-height: 1.2;
  color: #fefefe;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (max-width: 1023px) {
  .exhibitions__card-desc {
    font-size: 12px;
  }
}
.exhibitions__more {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  color: #00486b;
  font-size: clamp(0.875rem, 0.245vw + 0.712rem, 1rem);
  font-weight: 500;
  text-decoration: none;
  text-transform: lowercase;
  transition: color 0.38s ease-in-out;
}
@media (hover: hover) {
  .exhibitions__more:hover:hover {
    color: #a62320;
  }
}
@media (max-width: 1023px) {
  .exhibitions__more {
    margin-top: -8px;
    font-size: 12px;
  }
}
.exhibitions__more-icon {
  font-size: clamp(1rem, 0.49vw + 0.675rem, 1.25rem);
  line-height: 1;
}

@media screen and (max-width: 576px) {
  .exhibitions__info {
    padding: 24px 12px;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
  }
  .exhibitions__info-title {
    font-size: 24px;
  }
}
.innovations {
  display: flex;
  gap: clamp(1rem, 0.979vw + 0.349rem, 1.5rem);
}
@media (max-width: 1023px) {
  .innovations {
    gap: 10px;
  }
}
.innovations__main {
  position: relative;
  min-height: clamp(18.75rem, 8.323vw + 13.22rem, 23rem);
  max-width: 1192px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-grow: 1;
  background-color: #eeeeee;
  border-radius: 8px;
  overflow: hidden;
}
@media (max-width: 1023px) {
  .innovations__main {
    padding: 16px 32px;
    align-items: flex-start;
    min-height: 180px;
  }
}
.innovations__img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}
.innovations__content {
  position: relative;
  max-width: 474px;
  display: flex;
  flex-direction: column;
  align-items: center;
  color: #00486b;
  z-index: 2;
}
.innovations__header {
  margin-bottom: 24px;
}
.innovations__header-title {
  color: #00486b;
  text-align: center;
}
@media (max-width: 1023px) {
  .innovations__header-title {
    font-size: 16px;
  }
}
.innovations__btn {
  padding: 12px 24px;
}
@media (max-width: 1023px) {
  .innovations__btn {
    display: none;
  }
}
.innovations__side {
  min-width: clamp(12.5rem, 7.344vw + 7.621rem, 16.25rem);
  max-width: 584px;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: clamp(1rem, 3.182vw + -1.114rem, 2.625rem);
  background-color: #f7f5ee;
  border-radius: 8px;
  padding: 0 clamp(1rem, 0.979vw + 0.349rem, 1.5rem);
}
@media (max-width: 1023px) {
  .innovations__side {
    justify-content: flex-start;
    align-items: center;
    gap: 12px;
    min-width: 150px;
    padding: 22px 12px;
  }
}
@media (max-width: 1023px) {
  .innovations__side-title {
    font-size: 12px;
    justify-content: center;
    text-align: center;
  }
}
.innovations__side-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  gap: clamp(1rem, 2.938vw + -0.952rem, 2.5rem);
}
@media (max-width: 1023px) {
  .innovations__side-wrap {
    flex-direction: column;
    gap: 12px;
  }
}
.innovations__side-logo {
  max-width: 340px;
  max-height: 174px;
}
.innovations__side-logo img {
  width: 100%;
  height: auto;
  object-fit: cover;
}
@media (max-width: 1023px) {
  .innovations__side-logo {
    max-width: 105px;
  }
}
@media (max-width: 1023px) {
  .innovations__side-link {
    max-width: 32px;
    max-height: 32px;
    color: #00486b;
  }
  .innovations__side-link .link__icon {
    max-width: 32px;
    max-height: 32px;
    font-size: 14px;
  }
}

.news {
  display: flex;
  gap: clamp(3.75rem, 1.469vw + 2.774rem, 4.5rem);
}
.news__top {
  display: flex;
  flex-direction: column;
  max-width: clamp(18.75rem, 16.157vw + 8.016rem, 27rem);
}
@media (max-width: 1023px) {
  .news__top {
    display: none;
  }
}
.news__top-image {
  min-width: clamp(18.75rem, 16.157vw + 8.016rem, 27rem);
  min-height: clamp(10.313rem, 8.813vw + 4.458rem, 14.813rem);
  margin-bottom: clamp(1rem, 0.979vw + 0.349rem, 1.5rem);
  object-fit: cover;
  border-radius: 8px;
  flex-shrink: 0;
}
.news__top-meta {
  display: flex;
  gap: 8px;
  margin-bottom: 16px;
  font-family: "Inter", sans-serif;
  font-size: clamp(0.875rem, 0.245vw + 0.712rem, 1rem);
  line-height: 1.2;
  font-weight: 400;
  color: #000000;
}
.news__top-category {
  color: #7b8a00;
}
.news__top-title {
  margin-bottom: clamp(0.5rem, 0.979vw + -0.151rem, 1rem);
  line-height: 1.4;
  transition: color 0.38s ease-in-out;
}
@media (hover: hover) {
  .news__top-title:hover {
    color: #a62320;
  }
}
.news__top-title:active {
  color: #000000;
}
.news__top-title-link {
  font-family: "PT Serif", sans-serif;
  font-size: clamp(1.25rem, 0.49vw + 0.925rem, 1.5rem);
  font-weight: 400;
  line-height: 1.2;
}
.news__more {
  text-transform: lowercase;
}
@media (max-width: 1023px) {
  .news__more {
    gap: 3px;
    margin-top: -6px;
    font-size: 12px;
  }
  .news__more .link__icon {
    border: none;
    font-size: 18px;
  }
}
.news__link-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid currentColor;
  border-radius: 50%;
  padding: 5px;
  font-size: clamp(1rem, 0.245vw + 0.837rem, 1.125rem);
}
.news__tabs {
  display: flex;
  flex-direction: column;
  margin-top: 12px;
  background-color: #f7f5ee;
  border-radius: 8px;
  border-top-left-radius: 0;
}
.news__tabs select {
  display: none;
}
.news .tab__list {
  display: flex;
  gap: 10px;
  margin-bottom: clamp(1.125rem, 0.49vw + 0.8rem, 1.375rem);
}
.news .tab__item {
  position: relative;
  padding: 12px 8px;
  font-family: "Inter", sans-serif;
  font-size: clamp(0.875rem, 0.49vw + 0.55rem, 1.125rem);
  font-weight: 400;
  line-height: 1.2;
  color: #000000;
  transition: color 0.38s ease-in-out;
}
.news .tab__item:first-child {
  padding-left: 24px;
}
.news .tab__item::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 12px;
  transform: translateY(-100%);
  background-color: #ebe9e1;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  z-index: -1;
  transition: background-color 0.38s ease-in-out;
}
@media (hover: hover) {
  .news .tab__item:hover {
    color: #a62320;
  }
}
.news .tab__item--active {
  background-color: #f7f5ee;
  color: #a62320;
  cursor: initial;
  pointer-events: none;
}
.news .tab__item--active::before {
  background-color: #f7f5ee;
}
@media (max-width: 1023px) {
  .news .tab__item {
    padding: 12px 8px;
    font-size: 18px;
  }
  .news .tab__item:first-child {
    padding-left: 12px;
  }
  .news .tab__item::before {
    height: 4px;
  }
}
@media (max-width: 1023px) {
  .news .tab__choices {
    display: none;
  }
}
.news__tab-contents-wrap {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: clamp(1.5rem, 0.979vw + 0.849rem, 2rem);
  padding: clamp(1rem, 0.979vw + 0.349rem, 1.5rem);
  padding-top: 0;
}
@media (max-width: 1239px) {
  .news__tab-contents-wrap {
    display: flex;
    flex-direction: column;
    padding: 12px;
    padding-top: 0;
    padding-bottom: 17px;
  }
}
.news__column {
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, 0.979vw + 0.849rem, 2rem);
}
@media (max-width: 1023px) {
  .news__column {
    gap: 32px;
  }
}
.news__item {
  display: flex;
  width: 100%;
  gap: 16px;
  font-size: 16px;
}
.news__item:focus .news__item-text {
  color: #00486b;
}
@media (hover: hover) {
  .news__item:hover .news__item-text {
    color: #a62320;
  }
}
.news__item:active .news__item-text {
  color: #000000;
}
@media (max-width: 1023px) {
  .news__item {
    gap: 8px;
  }
}
.news__item-image {
  max-width: 98px;
  max-height: 98px;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 8px;
  flex-shrink: 0;
}
.news__item-content {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.news__item-meta {
  display: flex;
  gap: 8px;
  font-family: "Inter", sans-serif;
  font-size: clamp(0.875rem, 0.245vw + 0.712rem, 1rem);
  font-weight: 400;
  line-height: 1.2;
  color: #000000;
}
@media (max-width: 1023px) {
  .news__item-meta {
    font-size: 12px;
  }
}
.news__item-category {
  color: #7b8a00;
}
.news__item-text {
  font-size: clamp(0.875rem, 0.245vw + 0.712rem, 1rem);
  font-weight: 400;
  line-height: 1.2;
  color: #000000;
  transition: color 0.38s ease-in-out;
}
@media (max-width: 1023px) {
  .news__item-text {
    font-size: 12px;
  }
}

.faq__container {
  padding: clamp(1rem, 0.979vw + 0.349rem, 1.5rem);
  background-color: #f7f5ee;
  border-radius: 8px;
}
@media (max-width: 1023px) {
  .faq__container {
    padding: 12px;
  }
}
.faq__header {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: clamp(1.75rem, 0.49vw + 1.425rem, 2rem);
  margin-bottom: clamp(2.75rem, 1.224vw + 1.937rem, 3.375rem);
}
@media (max-width: 1023px) {
  .faq__header {
    margin-bottom: 16px;
    gap: 12px;
    justify-content: space-between;
  }
}
.faq__title {
  color: #000000;
}
@media (max-width: 1023px) {
  .faq__title-text {
    font-family: "Inter", sans-serif;
    font-size: 18px;
  }
}
.faq__content {
  display: flex;
  gap: clamp(1rem, 0.979vw + 0.349rem, 1.5rem);
}
@media (max-width: 1023px) {
  .faq__content {
    flex-direction: column;
    gap: 0;
  }
}
.faq__columns {
  position: relative;
  flex: 1;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 546px));
  gap: clamp(1.5rem, 5.875vw + -2.403rem, 4.5rem);
  z-index: 2;
}
@media (max-width: 1023px) {
  .faq__columns {
    display: flex;
    flex-direction: column;
    gap: 0;
  }
}
.faq__column {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 0.49vw + 0.675rem, 1.25rem);
}
.faq .accordion {
  gap: 0;
}
.faq .accordion__item {
  border-bottom: 1px solid #d9d9d9;
}
.faq .accordion__item:last-child {
  border-bottom: none;
}
.faq .accordion__item.is-active .accordion__header::after {
  background: url("../img/icon/minus.svg") no-repeat center;
  background-size: 18px;
}
.faq .accordion__header {
  position: relative;
  width: 100%;
  background: none;
  border: none;
  cursor: pointer;
  padding: 11px 7px;
  padding-right: 24px;
  font-family: "Inter", sans-serif;
  font-size: clamp(0.875rem, 0.245vw + 0.712rem, 1rem);
  font-weight: 400;
  line-height: 1.3;
  color: #000000;
  text-align: left;
  transition: color 0.38s ease-in-out;
}
@media (hover: hover) {
  .faq .accordion__header:hover {
    color: #a62320;
  }
}
.faq .accordion__header::after {
  content: "";
  position: absolute;
  right: 2px;
  top: 50%;
  transform: translateY(-50%);
  width: clamp(1.5rem, 0.734vw + 1.012rem, 1.875rem);
  height: clamp(1.5rem, 0.734vw + 1.012rem, 1.875rem);
  background: url("../img/icon/plus.svg") no-repeat center;
  background-size: clamp(0.875rem, 0.245vw + 0.712rem, 1rem) clamp(0.875rem, 0.245vw + 0.712rem, 1rem);
  transition: transform 0.38s ease-in-out;
}
@media (max-width: 1023px) {
  .faq .accordion__header {
    padding: 8px;
    padding-top: 10px;
    padding-bottom: 11px;
    padding-right: 36px;
    font-size: 12px;
  }
  .faq .accordion__header::after {
    right: -3px;
  }
}
.faq .accordion__body {
  overflow: hidden;
  max-height: 0;
  transition: max-height 0.38s ease-in-out, opacity 0.38s ease-in-out;
  opacity: 0;
}
.faq .accordion__body-content {
  padding: 0 7px;
  padding-bottom: clamp(1rem, 0.49vw + 0.675rem, 1.25rem);
  font-family: "Inter", sans-serif;
  font-size: clamp(0.875rem, 0.245vw + 0.712rem, 1rem);
  font-weight: 400;
  line-height: 1.4;
  color: #000000;
}
@media (max-width: 1023px) {
  .faq .accordion__body-content {
    font-size: 12px;
  }
}
.faq .accordion__item.is-active {
  background-color: #fefefe;
}
.faq .accordion__item.is-active .accordion__body {
  max-height: 500px;
  opacity: 1;
}
.faq__bg {
  max-width: min(420px, 30vw);
  max-height: min(317px, 22vw);
}
.faq__bg img {
  margin-top: calc(clamp(2.5rem, 8.568vw + -3.192rem, 6.875rem) * -1);
  width: 100%;
  height: auto;
  object-fit: contain;
  transform: translate3d(clamp(-60px, -4vw, -40px), clamp(10px, 2vw, 27px), 0);
}
@media (max-width: 1023px) {
  .faq__bg {
    display: none;
  }
}
.faq__ask {
  text-transform: lowercase;
}
@media (max-width: 1023px) {
  .faq__ask {
    font-size: 12px;
  }
  .faq__ask .link__icon {
    width: fit-content;
    height: auto;
    padding: 0;
    border: none;
    font-size: 18px;
  }
}

.stories[data-loading=true] {
  display: none;
}
.stories__header {
  margin-bottom: clamp(2rem, 0.979vw + 1.349rem, 2.5rem);
}
.stories__swiper {
  overflow: hidden;
  position: relative;
}
.stories__item-wrapper {
  border-radius: 8px;
  width: 336px;
  min-width: 336px;
  flex-shrink: 0;
}
.stories__item {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 28px;
  min-height: 238px;
}
.stories__item-top {
  display: flex;
  flex-direction: column;
  gap: 24px;
  overflow: hidden;
}
.stories__item-image, .stories__item-video {
  height: 238px;
  min-height: 238px;
  width: 336px;
  min-width: 336px;
  object-fit: cover;
  border-radius: 8px;
  flex-shrink: 0;
}
.stories__text {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: clamp(0.875rem, 0.245vw + 0.712rem, 1rem);
  line-height: 1.2;
}
.stories__bottom {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  color: #b8b5b3;
  font-size: clamp(0.875rem, 0.245vw + 0.712rem, 1rem);
}
.stories__more {
  color: #b8b5b3;
}
.stories__stats {
  display: flex;
  gap: 16px;
}
@media (max-width: 1023px) {
  .stories__stats {
    gap: 8px;
  }
}
.stories__stats-item {
  display: flex;
  align-items: center;
  gap: 8px;
}
@media (max-width: 1023px) {
  .stories__stats-item {
    gap: 4px;
  }
}
.stories__date {
  white-space: nowrap;
}

.links-list {
  padding: clamp(1rem, 0.979vw + 0.349rem, 1.5rem);
  margin-bottom: clamp(3rem, 2.938vw + 1.048rem, 4.5rem);
  border-radius: 8px;
  background-color: #f3f3f3;
}
@media (max-width: 1023px) {
  .links-list {
    padding: 0;
    background-color: #fefefe;
  }
}
.links-list:last-child {
  margin-bottom: 0;
}
.links-list__title {
  margin-bottom: clamp(1.5rem, 0.734vw + 1.012rem, 1.875rem);
}
@media (max-width: 1023px) {
  .links-list__title {
    margin-bottom: 12px;
    font-family: "Inter", sans-serif;
    font-size: 18px;
  }
}
.links-list__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: clamp(1rem, 0.979vw + 0.349rem, 1.5rem);
}
@media (max-width: 1023px) {
  .links-list__grid {
    display: flex;
    flex-direction: column;
    gap: 0;
  }
}
.links-list__list {
  display: flex;
  flex-direction: column;
  gap: clamp(0.5rem, 0.734vw + 0.012rem, 0.875rem);
  list-style: none;
  margin: 0;
  padding: 0;
}
.links-list__item {
  display: flex;
  align-items: center;
  gap: 12px;
}
@media (max-width: 1023px) {
  .links-list__item {
    gap: 8px;
    align-items: flex-start;
  }
}
.links-list__link {
  display: flex;
  align-items: center;
  flex-grow: 1;
  padding: 7px 0;
}
@media (max-width: 1023px) {
  .links-list__link {
    padding: 0 0 9px 0;
    font-size: 13px;
  }
}
.links-list__icon {
  max-width: 32px;
  max-height: 32px;
  flex-shrink: 0;
}
@media (max-width: 1023px) {
  .links-list__icon {
    max-width: 16px;
    max-height: 16px;
  }
}

.notifications__item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  padding: 12px;
  margin-bottom: clamp(1rem, 0.979vw + 0.349rem, 1.5rem);
  background-color: #ebe9e1;
  border-radius: 8px;
}
.notifications__item:last-child {
  margin-bottom: 0;
}
.notifications__date, .notifications__desc, .notifications__order {
  font-size: clamp(0.75rem, 0.49vw + 0.425rem, 1rem);
  line-height: 1.2;
  font-weight: 400;
  color: #000000;
}
.notifications__content {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  gap: clamp(0.75rem, 1.469vw + -0.226rem, 1.5rem);
}
.notifications__col {
  max-width: 880px;
}
.notifications__order {
  color: #005d8b;
}
.notifications__price {
  white-space: nowrap;
  font-size: clamp(1rem, 0.245vw + 0.837rem, 1.125rem);
}
.notifications__additional {
  display: flex;
  align-items: center;
  gap: 12px;
}
.notifications__warning {
  flex-shrink: 0;
}
.notifications__additional-wrap {
  display: flex;
  gap: clamp(0.75rem, 1.469vw + -0.226rem, 1.5rem);
}
.notifications__additional-content {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.order-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: clamp(1rem, 0.979vw + 0.349rem, 1.5rem);
  background-color: #f7f5ee;
  border-radius: 8px;
}
@media (max-width: 1023px) {
  .order-list {
    gap: 12px;
    padding: 12px;
  }
}
.order-list__count {
  font-size: 12px;
}
.order-list__item {
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: 100%;
  padding: 12px;
  border-radius: 8px;
  background-color: #ebe9e1;
  cursor: pointer;
  pointer-events: auto;
}
@media (hover: hover) {
  .order-list__item:hover .order-list__description {
    color: #a62320;
  }
}
@media (max-width: 1023px) {
  .order-list__item {
    display: flex;
    flex-direction: column;
    gap: 10px;
  }
}
.order-list__link {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
}
.order-list__content {
  display: flex;
  flex-direction: column;
  gap: clamp(0.875rem, 0.245vw + 0.712rem, 1rem);
  padding: 12px;
  margin-bottom: clamp(1rem, 0.979vw + 0.349rem, 1.5rem);
  background-color: #ebe9e1;
  border-radius: 8px;
}
.order-list__content:last-child {
  margin-bottom: 0;
}
.order-list__top {
  display: flex;
  align-items: center;
  gap: clamp(1rem, 0.979vw + 0.349rem, 1.5rem);
}
@media (max-width: 1023px) {
  .order-list__top {
    gap: 8px;
  }
}
.order-list__bottom {
  display: flex;
  align-items: center;
  gap: clamp(1rem, 0.979vw + 0.349rem, 1.5rem);
}
@media (max-width: 1023px) {
  .order-list__bottom {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }
}
@media (max-width: 1023px) {
  .order-list__date {
    font-size: 13px;
  }
}
.order-list__title, .order-list__order-number {
  font-size: 16px;
  line-height: 1.2;
  font-weight: 400;
  color: #005d8b;
}
@media (max-width: 1023px) {
  .order-list__title, .order-list__order-number {
    font-size: 13px;
  }
}
.order-list__title {
  display: flex;
  gap: 8px;
}
@media (max-width: 1023px) {
  .order-list__title {
    flex-direction: column;
    gap: 8px;
  }
}
.order-list__title-add {
  color: #000000;
}
.order-list__status {
  padding: 4px 8px;
  font-size: 16px;
  line-height: 1.2;
  font-weight: 400;
  color: #000000;
  border-radius: 8px;
  background-color: #fefefe;
  text-transform: lowercase;
}
@media (max-width: 1023px) {
  .order-list__status {
    font-size: 13px;
  }
}
.order-list__price {
  margin-left: auto;
  font-size: 18px;
  line-height: 1.2;
  font-weight: 400;
  color: #000000;
}
.order-list__price.is-hidden {
  display: none;
}
@media (max-width: 1023px) {
  .order-list__price {
    margin: 0;
    font-size: 13px;
  }
}
.order-list__description {
  font-size: 16px;
  line-height: 1.2;
  font-weight: 400;
  color: #000000;
  transition: color 0.38s ease-in-out;
}
@media (max-width: 1023px) {
  .order-list__description {
    font-size: 13px;
  }
}
.order-list__actions {
  margin-left: auto;
  display: flex;
  gap: 12px;
  align-items: center;
}
.order-list__statuses {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
.order-list__status--duplicate {
  background-color: #f7f5ee;
  color: #5b422c;
}

.order-detail {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.order-detail__list {
  display: flex;
  gap: clamp(1rem, 9.058vw + -5.018rem, 5.625rem);
}
@media (max-width: 1023px) {
  .order-detail__list {
    gap: 24px;
    flex-direction: column;
  }
}
.order-detail__item {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 12px;
  font-weight: 400;
  line-height: 1.2;
  color: #000000;
}
.order-detail__item--price {
  margin-left: auto;
  align-items: flex-end;
}
@media (max-width: 1023px) {
  .order-detail__item--price {
    flex-direction: row;
    margin-left: 0;
    justify-content: flex-start;
  }
}
.order-detail__label {
  font-size: 16px;
}
.order-detail__value {
  font-size: 18px;
}
.order-detail__button {
  margin-left: auto;
}
.order-detail__counter {
  align-self: flex-start;
}

.payments-list {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 0.979vw + 0.349rem, 1.5rem);
}
.payments-list__item {
  display: flex;
  align-items: center;
  gap: clamp(1rem, 1.958vw + -0.301rem, 2rem);
  padding: clamp(1rem, 0.979vw + 0.349rem, 1.5rem) clamp(0.5rem, 0.979vw + -0.151rem, 1rem);
  background-color: #eeeeee;
  border-radius: 8px;
}
.payments-list__img {
  max-width: 52px;
  max-height: 52px;
  width: 100%;
  height: auto;
  object-fit: cover;
}
.payments-list__title {
  margin-bottom: 4px;
}
.payments-list__text {
  font-size: 16px;
}
.payments-list__link {
  max-width: 30px;
  max-height: 30px;
  flex-shrink: 0;
  margin-left: auto;
}
.payments-list__link.link--blue {
  background-color: transparent;
}
.payments-list__block {
  display: flex;
  flex-direction: column;
  gap: 23px;
  align-items: center;
}
.payments-list__block-title {
  color: #7b8a00;
  justify-content: center;
  max-width: 265px;
  text-align: center;
}

.documents {
  margin-bottom: 72px;
}
.documents__item {
  padding: 16px 0;
  display: grid;
  grid-template-columns: 0.75fr 1fr 140px;
  border-bottom: 1px solid #d9d9d9;
  justify-content: center;
  align-items: center;
}
.documents__title {
  margin-bottom: clamp(2rem, 1.958vw + 0.699rem, 3rem);
}
.documents__subtitle {
  font-weight: 700;
  line-height: 1.2;
  padding: 24px 8px;
}
.documents__descr {
  padding: 24px;
}
.documents__download {
  padding: 0 24px 0 86px;
}
.documents__download span {
  color: #00486b;
  border: 1px solid #00486b;
  border-radius: 50%;
  padding: 7px;
  cursor: pointer;
  transition: color 0.38s ease-in-out;
}
.documents__download span:hover {
  color: #a62320;
  border: 1px solid #a62320;
}
.documents__pagination {
  padding: 24px 0;
  display: flex;
  justify-content: center;
}

@media (max-width: 992px) {
  .documents__item {
    grid-template-columns: 79fr 9fr;
    column-gap: 16px;
    align-items: start;
  }
  .documents__title {
    font-size: 24px;
  }
  .documents__subtitle {
    order: 1;
    padding: 12px;
    font-weight: 400;
  }
  .documents__download {
    padding: 0px;
    order: 2;
    padding: 12px;
  }
  .documents__descr {
    order: 3;
    grid-column: span 2;
    padding: 12px;
    font-size: 13px;
  }
}
.request {
  margin-bottom: clamp(2rem, 4.896vw + -1.253rem, 4.5rem);
}
.request__title {
  margin-bottom: 24px;
}
.request__wrapper {
  display: grid;
  grid-template-columns: 1fr 3fr;
  gap: clamp(2rem, 4.896vw + -1.253rem, 4.5rem);
}
.request__block {
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, 2.938vw + -0.452rem, 3rem);
}
.request__subtitle {
  font-weight: 700;
}
.request__content {
  display: flex;
  flex-direction: column;
  gap: clamp(2rem, 4.896vw + -1.253rem, 4.5rem);
}
.request__wrap {
  background: #f7f5ee;
  border-radius: 8px;
  padding: 24px 40px;
}
.request__wrap-info {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 0.979vw + 0.349rem, 1.5rem);
}
.request__wrap-subtitle {
  display: none;
}
.request__link {
  display: flex;
  gap: clamp(0.5rem, 1.958vw + -0.801rem, 1.5rem);
  align-items: center;
  color: #00486b;
  font-size: 16px;
}
.request__link-download {
  border: 1px solid #00486b;
  padding: 14px 6px;
  border-radius: 50%;
}
.request__list {
  list-style-type: disc;
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-left: 18px;
}
.request__base {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 0.979vw + 0.349rem, 1.5rem);
}
.request__annotation {
  max-width: 550px;
}
.request__annotation-title {
  margin-bottom: 8px;
  font-size: 18px;
}
.request__pagination {
  padding: 36px 0;
  display: flex;
  justify-content: center;
}
.request__button {
  display: none;
}

.request__forms-block {
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, 2.938vw + -0.452rem, 3rem);
}
.request__forms-item {
  display: grid;
  grid-template-columns: 81fr 2fr;
  padding: clamp(1rem, 2.448vw + -0.626rem, 2.25rem) 0;
  border-bottom: 1px solid #d9d9d9;
}
.request__forms-download span {
  color: #00486b;
  border: 1px solid #00486b;
  border-radius: 50%;
  padding: 7px;
  cursor: pointer;
  transition: color 0.38s ease-in-out;
}
.request__forms-download span:hover {
  color: #a62320;
  border: 1px solid #a62320;
}
.request__forms-text {
  font-size: clamp(0.875rem, 0.49vw + 0.55rem, 1.125rem);
  max-width: 83%;
}

.request__info-wrapper {
  margin-right: clamp(0rem, 5.875vw + -3.903rem, 3rem);
}
.request__info-block {
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, 2.938vw + -0.452rem, 3rem);
}
.request__info-content {
  display: flex;
  flex-direction: column;
  gap: clamp(2rem, 4.896vw + -1.253rem, 4.5rem);
}
.request__info-wrap {
  display: flex;
  flex-direction: column;
  gap: clamp(0.5rem, 0.979vw + -0.151rem, 1rem);
}
.request__info-title {
  font-size: clamp(1.5rem, 0.979vw + 0.849rem, 2rem);
}
.request__info-subtitle {
  font-size: clamp(1.125rem, 0.734vw + 0.637rem, 1.5rem);
}
.request__info-text {
  font-size: clamp(0.813rem, 0.367vw + 0.569rem, 1rem);
}
.request__info-text span {
  color: #a62320;
}
.request__info-block {
  padding: 12px 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.request__info-link {
  display: flex;
  gap: clamp(0.5rem, 1.958vw + -0.801rem, 1.5rem);
  align-items: center;
  color: #00486b;
  font-size: clamp(0.813rem, 0.367vw + 0.569rem, 1rem);
}
.request__info-link-download {
  border: 1px solid #00486b;
  padding: 14px 6px;
  border-radius: 50%;
}
.request__info-link-download:hover {
  transition: color 0.38s ease-in-out, border-color 0.38s ease-in-out;
  border: 1px solid #a62320;
  color: #a62320;
}
.request__info-list {
  max-width: 688px;
  list-style-type: disc;
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-left: 18px;
}
.request__info-video {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 48px;
}
.request__info-video img:hover {
  cursor: pointer;
}

.request__address {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.request__address-title {
  max-width: 524px;
}
.request__address-map {
  max-height: 389px;
  overflow: hidden;
  border-radius: 8px;
}
.request__address-map img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.request__address-wrap {
  display: grid;
  grid-template-columns: 41fr 57fr;
  gap: 24px;
}
.request__address-block {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 1.958vw + -0.301rem, 2rem);
}
.request__address-item {
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1.469vw + -0.226rem, 1.5rem);
}
.request__address-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.request__address-phone {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.request__address-text br {
  display: none;
}
.request__address-text.gray {
  color: #b8b5b3;
}
.request__address-content {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.request__address-content p {
  padding: 8px 0;
}

@media (max-width: 992px) {
  .request__title {
    font-size: 24px;
    margin-bottom: 0;
  }
  .request__subtitle {
    display: none;
  }
  .request__wrapper {
    display: flex;
    flex-direction: column;
    position: relative;
    margin-top: 32px;
  }
  .request__wrap {
    padding: 0;
  }
  .request__wrap-info {
    padding: 24px 16px;
  }
  .request__wrap-subtitle {
    display: block;
    font-size: 18px;
    font-family: "Inter", sans-serif;
  }
  .request__link {
    justify-content: space-between;
  }
  .request__link.small {
    font-size: 13px;
  }
  .request__link .replace-icon {
    font-size: 18px;
  }
  .request__text {
    font-size: 13px;
  }
  .request__block {
    order: 2;
  }
  .request__content {
    order: 1;
    margin-top: 72px;
  }
  .request .aside-menu {
    overflow-x: auto;
    position: absolute;
    top: 0;
  }
  .request__pagination {
    display: none;
  }
  .request__button {
    display: flex;
    gap: 16px;
    align-items: center;
    padding: 25px 16px;
    background: #a62320;
    color: #fefefe;
    justify-content: space-between;
    border-radius: 8px;
    order: 3;
  }
  .request__button h3 {
    color: #fefefe;
    width: auto;
    font-size: 24px;
  }
  .request__forms {
    margin-top: 32px;
  }
  .request__forms-item {
    align-items: center;
    gap: 12px;
    grid-template-columns: 293px 30px;
  }
  .request__forms-list {
    margin-bottom: 32px;
  }
  .request__forms-text {
    max-width: 100%;
  }
  .request__address {
    margin-top: 72px;
  }
  .request__address-map {
    display: none;
  }
  .request__address-wrap {
    display: flex;
    flex-direction: column;
    gap: 32px;
  }
  .request__address-title {
    font-size: 24px;
  }
  .request__address-subtitle {
    font-size: 18px;
  }
  .request__address-content {
    gap: 12px;
  }
  .request__address-text {
    font-size: 14px;
  }
  .request__address-text br {
    display: block;
  }
  .request__info-video {
    display: flex;
    flex-direction: column;
    gap: 16px;
  }
  .request__info-link .replace-icon {
    font-size: 18px;
  }
  .personal__aside-phone.mobile {
    display: none;
  }
}
.projects {
  margin-bottom: clamp(2rem, 1.958vw + 0.699rem, 3rem);
}
.projects__title {
  font-size: clamp(1.5rem, 2.448vw + -0.126rem, 2.75rem);
  margin-bottom: 24px;
}
.projects__content {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
}
.projects__card {
  position: relative;
  display: flex;
  flex-direction: column;
  height: clamp(9.313rem, 6.242vw + 5.165rem, 12.5rem);
  background-color: #f7f5ee;
  border-radius: 8px;
  overflow: hidden;
}
.projects__card-top {
  display: flex;
  gap: 32px;
  width: 65%;
  align-items: center;
}
.projects__card-top .link {
  border: #a62320 1px solid;
  color: #a62320;
}
.projects__card:last-child {
  grid-column: 1/-1;
  height: clamp(9.313rem, 6.242vw + 5.165rem, 12.5rem);
}
.projects__card:last-child::before {
  content: "";
  position: absolute;
  inset: 0;
  background: #a62320;
  opacity: 88%;
  z-index: 1;
}
.projects__card:last-child h3 {
  font-size: clamp(1.125rem, 3.182vw + -0.989rem, 2.75rem);
  color: #fefefe;
}
.projects__card:last-child p {
  color: #fefefe;
}
.projects__card:last-child img {
  transform: rotate(-45deg);
  height: 150%;
}
@media (max-width: 1023px) {
  .projects__card:last-child img {
    transform: rotate(-25deg);
    height: 120%;
  }
}
.projects__card:last-child .link {
  color: #fefefe;
  border: 1px #fefefe solid;
}
.projects__card:last-child .link:hover {
  color: #a62320;
}
.projects__card-wrap {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  overflow: hidden;
  z-index: 2;
}
.projects__card-img {
  display: flex;
  align-items: end;
}
.projects__card-img img {
  width: 100%;
  height: 80%;
}
.projects__card-content {
  position: relative;
  flex: 1 1 auto;
  margin-top: auto;
  padding: clamp(1rem, 1.958vw + -0.301rem, 2rem) clamp(0.75rem, 2.448vw + -0.876rem, 2rem);
  display: flex;
  flex-direction: column;
  height: 100%;
  gap: 16px;
}
.projects__card-title {
  margin: 0;
  font-size: clamp(1rem, 0.979vw + 0.349rem, 1.5rem);
  font-weight: 400;
  color: #000000;
  width: auto;
}
.projects__card-text {
  font-size: clamp(0.813rem, 0.367vw + 0.569rem, 1rem);
  color: #e2dac9;
  width: 60%;
}

@media screen and (max-width: 768px) {
  .projects__content {
    display: flex;
    flex-direction: column;
    gap: 32px;
    align-items: center;
  }
  .projects__card :last-child img {
    object-fit: cover;
  }
  .projects__card-wrap {
    display: grid;
    grid-template-columns: 1fr 128px;
  }
  .projects__card-text {
    width: auto;
  }
  .projects__card-title {
    width: 70%;
  }
  .projects__card-top {
    gap: 0;
    justify-content: space-between;
    width: auto;
  }
  .projects__card-img {
    width: 128px;
  }
}
.authentication {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 1.958vw + -0.301rem, 2rem);
}
.authentication__title--step {
  margin-bottom: 8px;
}
.authentication__description {
  font-family: "PT Serif", sans-serif;
  font-size: clamp(1rem, 0.979vw + 0.349rem, 1.5rem);
}
.authentication__description--combine {
  margin-bottom: clamp(1rem, 1.958vw + -0.301rem, 2rem);
}
.authentication__main {
  padding: clamp(1rem, 0.245vw + 0.837rem, 1.125rem) clamp(1rem, 0.979vw + 0.349rem, 1.5rem);
  border: 1px solid #d9d9d9;
  border-radius: 8px;
}
.authentication__main-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  color: #a62320;
  transition: color 0.38s ease-in-out;
}
@media (hover: hover) {
  .authentication__main-link:hover {
    color: #00486b;
  }
}
.authentication__main-link:focus-visible {
  outline: 2px solid #00486b;
}
.authentication__main-link:active {
  color: #000000;
}
.authentication__main-icon {
  max-width: 58px;
  max-height: 30px;
  width: 100%;
  height: auto;
  object-fit: contain;
}
.authentication__combine {
  width: fit-content;
  font-size: 16px;
  color: #a62320;
  text-decoration: underline;
  text-underline-offset: 2px;
  transition: color 0.38s ease-in-out;
}
@media (hover: hover) {
  .authentication__combine:hover {
    color: #00486b;
  }
}
.authentication__combine:focus-visible {
  outline: 2px solid #00486b;
}
.authentication__combine:active {
  color: #000000;
}
.authentication__notice {
  margin-bottom: clamp(0.875rem, 0.245vw + 0.712rem, 1rem);
  display: inline-block;
  font-size: clamp(0.875rem, 0.49vw + 0.55rem, 1.125rem);
}
.authentication__link {
  display: inline;
  font-size: clamp(0.875rem, 0.49vw + 0.55rem, 1.125rem);
  text-decoration: underline;
  text-underline-offset: 2px;
}
.authentication__combine-step {
  display: none;
}
.authentication__combine-step.is-active {
  display: block;
}
.authentication__form {
  display: flex;
  flex-direction: column;
  gap: clamp(0.875rem, 0.245vw + 0.712rem, 1rem);
}
.authentication__form.is-invalid .authentication__button--continue {
  display: none;
}
.authentication__form.is-invalid .authentication__button--restore {
  display: flex;
}
.authentication__button {
  width: fit-content;
}
.authentication__button--restore {
  display: none;
}

.clarification__title {
  margin-bottom: clamp(1.5rem, 0.979vw + 0.849rem, 2rem);
}
.clarification__description {
  padding: clamp(1.5rem, 1.958vw + 0.199rem, 2.5rem) 0;
  font-size: 16px;
  border-top: 1px solid #a62320;
}

.unique {
  margin-bottom: clamp(2rem, 4.896vw + -1.253rem, 4.5rem);
}
.unique__content {
  display: flex;
  flex-direction: column;
  gap: clamp(2rem, 4.896vw + -1.253rem, 4.5rem);
}
.unique__title {
  margin-bottom: 24px;
}
.unique__wrapper {
  display: flex;
  gap: 24px;
}
.unique__top {
  display: grid;
  grid-template-columns: 0.5fr 1fr 0.5fr;
  border-bottom: 1px solid #d9d9d9;
}
.unique__top span {
  padding: 24px;
}
.unique__block {
  margin-bottom: 24px;
}
.unique__item {
  display: grid;
  grid-template-columns: 0.5fr 1fr 0.5fr 30px;
  padding: 24px;
  border-bottom: 1px solid #d9d9d9;
}
.unique__download span {
  color: #00486b;
  border: 1px solid #00486b;
  border-radius: 50%;
  padding: 7px;
  cursor: pointer;
  transition: color 0.38s ease-in-out;
}
.unique__download span:hover {
  color: #a62320;
  border: 1px solid #a62320;
}
.unique__pagination {
  display: flex;
  justify-content: center;
}
.unique .accordion {
  gap: 0;
}
.unique .accordion__item {
  border-bottom: 1px solid #d9d9d9;
}
.unique .accordion__item.is-active .accordion__header::after {
  background: url("../img/icon/minus.svg") no-repeat center;
  background-size: 18px;
}
.unique .accordion__header {
  position: relative;
  width: 100%;
  background: none;
  border: none;
  cursor: pointer;
  padding: 12px 48px 12px 8px;
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.2;
  color: #000000;
  text-align: left;
  transition: color 0.38s ease-in-out;
}
@media (hover: hover) {
  .unique .accordion__header:hover {
    color: #a62320;
  }
}
.unique .accordion__header::after {
  content: "";
  position: absolute;
  right: 2px;
  top: 50%;
  transform: translateY(-50%);
  width: clamp(1.5rem, 0.734vw + 1.012rem, 1.875rem);
  height: clamp(1.5rem, 0.734vw + 1.012rem, 1.875rem);
  background: url("../img/icon/plus.svg") no-repeat center;
  background-size: clamp(0.875rem, 0.245vw + 0.712rem, 1rem) clamp(0.875rem, 0.245vw + 0.712rem, 1rem);
  transition: transform 0.38s ease-in-out;
}
@media (max-width: 1023px) {
  .unique .accordion__header {
    padding: 8px;
    padding-top: 10px;
    padding-bottom: 11px;
    padding-right: 36px;
  }
  .unique .accordion__header::after {
    right: -3px;
  }
}
.unique .accordion__body {
  overflow: hidden;
  max-height: 0;
  transition: max-height 0.38s ease-in-out, opacity 0.38s ease-in-out;
  opacity: 0;
}
.unique .accordion__body-content {
  padding: 12px 0;
  font-family: "Inter", sans-serif;
  font-size: clamp(0.875rem, 0.245vw + 0.712rem, 1rem);
  font-weight: 400;
  line-height: 1.2;
  color: #000000;
}
@media (max-width: 1023px) {
  .unique .accordion__body-content {
    font-size: 13px;
    flex-direction: column;
  }
}
.unique .accordion__item.is-active {
  background-color: #fefefe;
}
.unique .accordion__item.is-active .accordion__body {
  max-height: 500px;
  opacity: 1;
}
.unique__accordion-body {
  display: flex;
  flex-direction: column;
  gap: clamp(0rem, 2.938vw + -1.952rem, 1.5rem);
}
.unique__accordion-content {
  display: flex;
  gap: clamp(0rem, 5.875vw + -3.903rem, 3rem);
}
.unique__accordion-info {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 0.979vw + 0.349rem, 1.5rem);
}
.unique__accordion-section {
  font-size: 18px;
}
.unique__accordion-button {
  margin-bottom: clamp(1rem, 0.979vw + 0.349rem, 1.5rem);
}

.document-detail {
  margin-bottom: clamp(2.25rem, 4.406vw + -0.677rem, 4.5rem);
}
.document-detail__title {
  margin-bottom: 24px;
}
.document-detail__wrapper {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.document-detail__info {
  background: #f7f5ee;
  padding: 24px;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.document-detail__info-item {
  column-gap: 32px;
  display: grid;
  grid-template-columns: 120px 1fr;
}
.document-detail__img {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
}
.document-detail__img li {
  cursor: pointer;
}
.document-detail__img li img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 8px;
}
.document-detail__modal .modal__content {
  padding: 0;
}
.document-detail__modal .modal__close {
  z-index: 2;
  background: #fefefe;
  border-radius: 6px;
}
.document-detail__modal .modal__close svg {
  width: 25px;
  height: 25px;
}
.document-detail__modal img {
  height: 90vh;
  border-radius: 8px;
  width: 100%;
  object-fit: cover;
}
.document-detail__navigation {
  position: absolute;
  bottom: 24px;
  display: flex;
  gap: 16px;
  width: 100%;
  align-items: center;
  justify-content: center;
  z-index: 15;
}
.document-detail__prev {
  transform: rotate(180deg);
}
.document-detail__prev, .document-detail__next {
  cursor: pointer;
  color: #fefefe;
  border: #fefefe 1px solid;
  padding: 12px;
  border-radius: 8px;
}

@media (max-width: 1023px) {
  .unique__wrapper {
    flex-direction: column;
  }
  .unique__title {
    margin-bottom: 32px;
    font-size: 24px;
  }
  .unique__accordion-info {
    padding: 12px 8px;
  }
  .unique__accordion-button button {
    width: 100%;
    justify-content: center;
  }
  .unique .accordion__item.is-active .accordion__body {
    max-height: 746px;
  }
  .document-detail__wrapper {
    gap: 32px;
  }
  .document-detail__title {
    font-size: 24px;
  }
  .document-detail__info {
    padding: 12px 0;
    gap: 12px;
  }
  .document-detail__info-item {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 12px;
  }
  .document-detail__info-title {
    margin: 4px 0;
    font-size: 18px;
  }
  .document-detail__info-text {
    font-size: 13px;
  }
  .document-detail__info-button {
    padding: 12px;
  }
  .document-detail__info-button button {
    width: 100%;
    justify-content: center;
  }
  .document-detail__img {
    grid-template-columns: repeat(2, 1fr);
    column-gap: 24px;
    row-gap: 32px;
  }
  .document-detail__img li {
    height: 150px;
  }
  .document-detail__modal .modal__content {
    max-width: 90vw;
    height: 66vh;
  }
  .document-detail__modal .swiper {
    margin-left: 0;
    margin-right: 0;
  }
  .document-detail__modal img {
    height: 100%;
  }
}
.personal-block {
  padding: clamp(1rem, 0.979vw + 0.349rem, 1.5rem);
  padding-bottom: clamp(1rem, 1.958vw + -0.301rem, 2rem);
  background-color: #f7f5ee;
  border-radius: 8px;
}
.personal-block__title {
  margin-bottom: clamp(1rem, 2.938vw + -0.952rem, 2.5rem);
}
@media (max-width: 1023px) {
  .personal-block__title {
    margin-bottom: 24px;
    font-size: 18px;
  }
}

.reading-rooms-tabs {
  position: relative;
  min-height: clamp(12.5rem, 4.651vw + 9.41rem, 14.875rem);
  display: flex;
  gap: clamp(1.5rem, 8.078vw + -3.867rem, 5.625rem);
  border-radius: 8px;
  padding: clamp(1rem, 0.979vw + 0.349rem, 1.5rem) clamp(1rem, 1.958vw + -0.301rem, 2rem);
  padding-right: 16px;
  padding-bottom: 12px;
  background-image: url("../img/picture/Services/reading-room.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  overflow: hidden;
}
.reading-rooms-tabs::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 115, 171, 0.8);
}
@media (max-width: 768px) {
  .reading-rooms-tabs {
    background-image: none;
    padding: 0;
    overflow: auto;
    border-radius: 0;
  }
  .reading-rooms-tabs::before {
    display: none;
  }
}
.reading-rooms-tabs__title {
  font-family: "Inter", sans-serif;
  font-size: clamp(1rem, 0.245vw + 0.837rem, 1.125rem);
  color: #bee2ff;
  background-color: transparent;
  white-space: nowrap;
  cursor: pointer;
  transition: text-decoration 0.38s ease-in-out;
}
@media (hover: hover) {
  .reading-rooms-tabs__title:hover:hover {
    text-decoration: underline;
  }
}
.reading-rooms-tabs__title:active {
  text-decoration: none;
}
.reading-rooms-tabs__title--mobile {
  display: none;
  font-family: "PT Serif", sans-serif;
  font-size: clamp(1.125rem, 1.714vw + -0.013rem, 2rem);
  color: #fefefe;
  pointer-events: none;
}
@media (max-width: 768px) {
  .reading-rooms-tabs__title--mobile {
    display: block;
    font-size: 24px;
    font-family: "PT Serif", sans-serif;
    opacity: 1;
  }
}
.reading-rooms-tabs .tab__list {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: clamp(1rem, 1.224vw + 0.187rem, 1.625rem);
  padding-top: clamp(1rem, 0.734vw + 0.512rem, 1.375rem);
  z-index: 1;
}
@media (max-width: 768px) {
  .reading-rooms-tabs .tab__list {
    display: none;
  }
}
.reading-rooms-tabs .tab__item {
  padding: 0;
}
.reading-rooms-tabs .tab__item--active {
  font-family: "PT Serif", sans-serif;
  font-size: clamp(1.125rem, 1.714vw + -0.013rem, 2rem);
  text-decoration: underline;
  text-underline-offset: 2px;
  pointer-events: none;
}
.reading-rooms-tabs .tab__container {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
}
@media (max-width: 768px) {
  .reading-rooms-tabs .tab__container {
    gap: 16px;
  }
}
.reading-rooms-tabs .tab__content {
  display: none;
  opacity: 0;
  width: 100%;
  height: 100%;
  padding: 22px 19px;
  column-gap: clamp(1.5rem, 8.078vw + -3.867rem, 5.625rem);
  row-gap: clamp(1rem, 0.979vw + 0.349rem, 1.5rem);
  transition: opacity 0.38s ease-in-out;
}
.reading-rooms-tabs .tab__content--active {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.reading-rooms-tabs .tab__content--opacity {
  opacity: 1;
}
@media (max-width: 768px) {
  .reading-rooms-tabs .tab__content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    opacity: 1;
    min-width: 285px;
    padding: 24px 16px;
    background-color: #0073ab;
    border-radius: 8px;
  }
}
.reading-rooms-tabs__description {
  max-width: 490px;
}
.reading-rooms-tabs__description p {
  font-size: clamp(0.875rem, 0.245vw + 0.712rem, 1rem);
  color: #fefefe;
}
@media (max-width: 768px) {
  .reading-rooms-tabs__description p {
    font-size: 13px;
  }
}
.reading-rooms-tabs__contacts {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 14px;
}
.reading-rooms-tabs__contacts-link {
  font-size: clamp(1rem, 0.245vw + 0.837rem, 1.125rem);
  color: #fefefe;
  transition: color 0.38s ease-in-out;
}
@media (hover: hover) {
  .reading-rooms-tabs__contacts-link:hover:hover {
    color: #a62320;
  }
}
.reading-rooms-tabs__contacts-link:active {
  color: #fefefe;
}
@media (max-width: 768px) {
  .reading-rooms-tabs__contacts-link {
    font-size: 13px;
  }
}

.categories-list {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: clamp(1rem, 0.979vw + 0.349rem, 1.5rem);
  list-style: none;
  padding: 0;
  margin: 0;
}
@media (max-width: 1023px) {
  .categories-list {
    display: flex;
    flex-direction: column;
  }
}
.categories-list__item {
  min-height: 116px;
  border-radius: 8px;
  overflow: hidden;
}
@media (max-width: 1023px) {
  .categories-list__item {
    min-height: auto;
  }
}
@media (hover: hover) {
  .categories-list__item:hover {
    background-color: #ebe9e1;
  }
}
.categories-list__item:active {
  background-color: #f7f5ee;
}
.categories-list__link {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 16px;
  background-color: #f7f5ee;
  border: 1px solid transparent;
  transition: background-color 0.38s ease-in-out;
}
@media (hover: hover) {
  .categories-list__link:hover {
    background-color: #ebe9e1;
  }
}
.categories-list__link:focus, .categories-list__link:focus-visible {
  outline: none;
  border-color: #ebe9e1;
}
.categories-list__link:active {
  background-color: #f7f5ee;
}
.categories-list__text {
  font-size: 16px;
}
@media (max-width: 1023px) {
  .categories-list__text {
    font-size: 13px;
  }
}

.detail-form {
  padding: clamp(1.5rem, 0.979vw + 0.849rem, 2rem);
  background-color: #f7f5ee;
  border-radius: 8px;
}
.detail-form__row {
  display: flex;
  gap: clamp(1rem, 5.875vw + -2.903rem, 4rem);
  margin-bottom: clamp(1rem, 1.346vw + 0.105rem, 1.688rem);
}
.detail-form__row:last-child {
  margin-bottom: 0;
}
.detail-form__row--policy {
  justify-content: flex-end;
}
@media (max-width: 1023px) {
  .detail-form__row {
    flex-direction: column;
  }
}
.detail-form__col {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 0.979vw + 0.349rem, 1.5rem);
  max-width: 584px;
  width: 100%;
}
.detail-form__title {
  margin-bottom: clamp(1rem, 0.979vw + 0.349rem, 1.5rem);
}
.detail-form__label {
  margin-bottom: 8px;
  font-size: clamp(1rem, 0.245vw + 0.837rem, 1.125rem);
  opacity: 0.87;
}
.detail-form__fields {
  display: flex;
  flex-direction: column;
}
.detail-form__field {
  position: relative;
  margin-bottom: clamp(1rem, 0.979vw + 0.349rem, 1.5rem);
}
.detail-form__field:last-child {
  margin-bottom: 0;
}
.detail-form__field-input {
  position: relative;
}
.detail-form__field-icon {
  position: absolute;
  left: 8px;
  top: 12px;
  font-size: 18px;
  z-index: 1;
}
.detail-form__input {
  padding: 12px 8px;
  padding-left: 34px;
  width: 100%;
  font-size: 16px;
  border-radius: 8px;
  border: 1px solid #d9d9d9;
}
.detail-form__policy {
  display: flex;
  gap: 12px;
  padding: 0 clamp(1rem, 0.979vw + 0.349rem, 1.5rem);
  font-size: 14px;
  color: #000000;
}
.detail-form__policy .checkbox__label {
  font-size: 14px;
}
.detail-form__policy a {
  display: inline-block;
  text-decoration: underline;
  text-underline-offset: 2px;
  transition: color 0.38s ease-in-out;
}
@media (hover: hover) {
  .detail-form__policy a:hover {
    color: #a62320;
  }
}
.detail-form__policy a:active {
  color: #000000;
}
.detail-form__button {
  justify-self: flex-end;
  margin-right: clamp(1rem, 0.979vw + 0.349rem, 1.5rem);
}

.order-placing {
  padding: clamp(1rem, 6.854vw + -3.554rem, 4.5rem);
  padding-top: clamp(1rem, 6.365vw + -3.229rem, 4.25rem);
  overflow-y: auto;
}
@media (max-width: 1023px) {
  .order-placing {
    padding: 0;
  }
}
.order-placing__header {
  position: relative;
  display: flex;
  align-items: flex-start;
  gap: 16px;
  justify-content: space-between;
  flex-direction: column;
  margin-bottom: clamp(1.5rem, 5.386vw + -2.078rem, 4.25rem);
}
@media (max-width: 1023px) {
  .order-placing__header {
    gap: 16px;
    margin-bottom: 16px;
  }
}
.order-placing__cancel-btn {
  flex-shrink: 0;
}
.order-placing__number {
  font-size: clamp(1rem, 0.979vw + 0.349rem, 1.5rem);
  color: #005d8b;
}
@media (max-width: 1023px) {
  .order-placing__number {
    font-size: 18px;
  }
}
@media (max-width: 1023px) {
  .order-placing__title {
    font-family: "Inter", sans-serif;
    font-size: 18px;
  }
}
.order-placing__close {
  position: absolute;
  top: -8px;
  right: -8px;
  font-size: 25px;
}

.related-order-cancellation-banner {
  background-color: #bee2ff;
  border-left: 4px solid #00486b;
  padding: 12px 16px;
  margin-bottom: 16px;
  border-radius: 8px;
  display: flex;
  align-items: flex-start;
  gap: 12px;
}
.related-order-cancellation-banner__icon {
  color: #00486b;
  font-size: 20px;
  flex-shrink: 0;
}
.related-order-cancellation-banner__text {
  color: #00486b;
  font-size: 14px;
  line-height: 1.5;
  flex: 1;
}

.order-steps {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 1.958vw + -0.301rem, 2rem);
  padding-top: clamp(1rem, 1.714vw + -0.138rem, 1.875rem);
  width: 100%;
  min-width: 0;
}
@media (max-width: 1023px) {
  .order-steps {
    gap: 24px;
  }
}

.order-step {
  display: flex;
  flex-direction: column;
  padding-bottom: 12px;
  border-bottom: 1px solid #d9d9d9;
  width: 100%;
  min-width: 0;
  opacity: 0.5;
  cursor: pointer;
}
.order-step:last-child {
  border-bottom: none;
}
@media (max-width: 1023px) {
  .order-step {
    padding-bottom: 18px;
  }
}
.order-step.is-current, .order-step.is-completed {
  opacity: 1;
}
.order-step.is-current .order-step__icon, .order-step.is-completed .order-step__icon {
  background-color: #7b8a00;
  color: #fefefe;
  font-size: 8px;
}
.order-step.is-current .order-step__icon::before, .order-step.is-completed .order-step__icon::before {
  content: "\e901";
  font-family: "icomoon";
}
.order-step.is-current .order-step__number, .order-step.is-completed .order-step__number {
  color: #7b8a00;
}
.order-step.is-completed {
  color: #7b8a00;
  opacity: 1;
  transition: color 0.38s ease-in-out, opacity 0.38s ease-in-out;
}
.order-step.is-completed .order-step__status {
  color: #7b8a00;
}
.order-step.is-completed .order-step__date {
  opacity: 0.5;
}
.order-step.is-completed.is-open {
  opacity: 1;
}
.order-step.is-completed.is-open .order-step__date {
  opacity: 1;
}
.order-step.is-disabled {
  pointer-events: none;
  cursor: not-allowed;
}
.order-step.is-disabled .order-step__header {
  cursor: not-allowed;
}
.order-step.is-current {
  opacity: 1;
  color: #7b8a00;
}
.order-step.is-current .order-step__date,
.order-step.is-current .order-step__title {
  opacity: 1;
  color: #000000;
}
.order-step.is-current.order-step--warning {
  opacity: 1;
}
.order-step.is-current.order-step--warning .order-step__icon {
  opacity: 1;
}
.order-step.is-current.is-open .order-step__content {
  display: block;
}
@media (hover: hover) {
  .order-step:hover.is-completed {
    opacity: 1;
  }
  .order-step:hover .order-step__title {
    color: #005d8b;
  }
}
.order-step__wrap {
  width: 100%;
  display: flex;
  align-items: flex-end;
  gap: clamp(1rem, 3.917vw + -1.602rem, 3rem);
}
@media (max-width: 1023px) {
  .order-step__wrap {
    align-items: flex-start;
    gap: 20px;
  }
}
.order-step__status {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 18px;
  color: currentColor;
}
@media (max-width: 1023px) {
  .order-step__status {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    font-size: 13px;
  }
}
.order-step__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 21px;
  height: 21px;
  font-size: 9px;
  color: #fefefe;
  border-radius: 50%;
  background-color: #d9d9d9;
}
@media (max-width: 1023px) {
  .order-step__icon {
    width: 18px;
    height: 18px;
  }
}
.order-step__number {
  font-size: 18px;
  color: currentColor;
  white-space: nowrap;
}
@media (max-width: 1023px) {
  .order-step__number {
    font-size: 13px;
  }
}
.order-step__header {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 6px;
  width: 100%;
}
@media (max-width: 1023px) {
  .order-step__header {
    gap: 8px;
  }
}
.order-step__date {
  font-size: 13px;
  color: #000000;
  opacity: 0.5;
}
.order-step__title {
  line-height: 1;
  transition: color 0.38s ease-in-out, opacity 0.38s ease-in-out;
}
.order-step__title--neads-info {
  position: relative;
}
.order-step__title--neads-info::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 21px;
  height: 21px;
  background-color: #d42427;
  border-radius: 50%;
  transform: translate3d(-38px, 25%, 0);
}
@media (max-width: 1023px) {
  .order-step__title--neads-info::after {
    display: none;
  }
}
@media (max-width: 1023px) {
  .order-step__title {
    padding-right: 40px;
    padding-top: 0;
    padding-bottom: 0;
    font-family: "Inter", sans-serif;
    font-size: 18px;
    min-height: 44px;
    display: flex;
    align-items: center;
  }
}
.order-step__arrow {
  font-size: 24px;
  color: #000000;
  transition: transform 0.38s ease-in-out;
}
@media (max-width: 1023px) {
  .order-step__arrow {
    transform: rotate(0deg);
    font-size: 40px;
  }
}
.order-step.is-open .order-step__arrow {
  transform: rotate(180deg);
}
.order-step__content {
  width: 100%;
  min-width: 0;
  overflow-wrap: break-word;
  overflow: visible;
  transition: transform 0.38s ease-in-out, max-height 0.38s ease-in-out;
}
@media (max-width: 1023px) {
  .order-step__content {
    overflow: visible;
  }
}
.order-step__content.is-closed {
  opacity: 0;
  transform: translateY(-10px);
  max-height: 0;
  padding: 0;
  overflow: hidden;
}
.order-step__content.is-open {
  opacity: 1;
  transform: translateY(0);
  max-height: none;
  padding: clamp(1rem, 1.958vw + -0.301rem, 2rem) 0;
  overflow: visible;
}
.order-step.is-open .order-step__content {
  opacity: 1;
  transform: translateY(0);
}
.order-step__info {
  margin-bottom: clamp(1rem, 1.958vw + -0.301rem, 2rem);
  padding: 16px;
  font-size: 16px;
  color: #000000;
  border-radius: 8px;
  background-color: #f7f5ee;
}
@media (max-width: 1023px) {
  .order-step__info {
    padding: 12px 10px;
    font-size: 13px;
  }
}
.order-step__contacts {
  margin-bottom: 0;
  padding: 0;
  background-color: #fefefe;
}
.order-step__contacts .order-step__contacts-title {
  margin-bottom: 16px;
}
.order-step__title-inner {
  margin-bottom: clamp(1rem, 1.958vw + -0.301rem, 2rem);
}
.order-step__details-btn {
  margin-bottom: clamp(1rem, 1.958vw + -0.301rem, 2rem);
}
@media (max-width: 1023px) {
  .order-step__details-btn {
    font-size: 13px;
  }
}
.order-step__payment-img {
  margin-top: clamp(1rem, 1.958vw + -0.301rem, 2rem);
}
.order-step__actions {
  display: flex;
  gap: 10px;
  margin-top: clamp(1rem, 1.958vw + -0.301rem, 2rem);
}
.order-step .order-details {
  display: flex;
  gap: clamp(1rem, 1.958vw + -0.301rem, 2rem);
  margin-bottom: clamp(1rem, 1.958vw + -0.301rem, 2rem);
}
@media (max-width: 1023px) {
  .order-step .order-details {
    gap: 8px;
  }
}
.order-step .order-details.is-hidden {
  display: none;
}
.order-step .order-details__item {
  min-width: 120px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  color: #000000;
}
.order-step .order-details__item:last-child {
  margin-left: auto;
}
@media (max-width: 1023px) {
  .order-step .order-details__item {
    min-width: 85px;
  }
}

.request-form {
  width: 100%;
  height: 100%;
  padding: clamp(1rem, 2.448vw + -0.626rem, 2.25rem) clamp(1rem, 0.979vw + 0.349rem, 1.5rem);
  background-color: #f7f5ee;
}
.request-form form {
  width: 100%;
  height: 100%;
}
.request-form__wrap {
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, 0.979vw + 0.849rem, 2rem);
}
@media (max-width: 1023px) {
  .request-form__wrap {
    gap: 16px;
  }
}
.request-form__col-wrap {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: clamp(1rem, 0.979vw + 0.349rem, 1.5rem);
  align-items: flex-end;
}
@media (max-width: 1023px) {
  .request-form__col-wrap {
    grid-template-columns: 1fr;
    gap: 16px;
  }
}
.request-form__col-wrap--two {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: clamp(1rem, 0.979vw + 0.349rem, 1.5rem);
}
@media (max-width: 1023px) {
  .request-form__col-wrap--two {
    grid-template-columns: 1fr;
    gap: 16px;
  }
}
.request-form .request-form__col, .request-form__col {
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.request-form__label, .request-form__box-title {
  margin-bottom: 8px;
  font-size: clamp(1rem, 0.245vw + 0.837rem, 1.125rem);
  font-family: "Inter", sans-serif;
  font-weight: 400;
  color: #000000;
  line-height: 1.2;
}
.request-form__label a, .request-form__box-title a {
  display: inline;
  color: #00486b;
  transition: color 0.38s ease-in-out;
}
@media (hover: hover) {
  .request-form__label a:hover, .request-form__box-title a:hover {
    color: #a62320;
  }
}
.request-form__label a:focus, .request-form__box-title a:focus, .request-form__label a:focus-visible, .request-form__box-title a:focus-visible {
  text-decoration: underline;
  outline: none;
}
.request-form__label a:active, .request-form__box-title a:active {
  color: #000000;
}
.request-form__group {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 0.979vw + 0.349rem, 1.5rem);
}
@media (max-width: 1023px) {
  .request-form__group {
    gap: 12px;
  }
}
.request-form__box {
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.request-form__box--half {
  flex: 1 1 50%;
  max-width: 50%;
}
@media (max-width: 1023px) {
  .request-form__box--half {
    flex-basis: 100%;
    max-width: 100%;
  }
}
.request-form__inline {
  display: flex;
  align-items: center;
  gap: clamp(0.5rem, 0.49vw + 0.175rem, 0.75rem);
}
.request-form__inline .input {
  flex: 1 1 auto;
}
.request-form__inline .request-form__label, .request-form__inline .request-form__box-title {
  margin: 0;
}
@media (max-width: 1023px) {
  .request-form__inline .request-form__label, .request-form__inline .request-form__box-title {
    min-width: 20px;
  }
}
@media (max-width: 1023px) {
  .request-form__inline .request-form__label,
  .request-form__inline .request-form__box-title {
    min-width: 25px;
    white-space: nowrap;
  }
}
.request-form input[name=fio]:disabled,
.request-form input[name=fio][readonly],
.request-form input[name=fio].is-disabled,
.request-form input[name=phone]:disabled,
.request-form input[name=phone][readonly],
.request-form input[name=phone].is-disabled,
.request-form input[name=email]:disabled,
.request-form input[name=email][readonly],
.request-form input[name=email].is-disabled {
  background-color: #f3f3f3;
  color: #b8b5b3;
  cursor: not-allowed;
  opacity: 0.7;
}
.request-form select[name=fio]:disabled,
.request-form select[name=fio].is-disabled,
.request-form select[name=phone]:disabled,
.request-form select[name=phone].is-disabled,
.request-form select[name=email]:disabled,
.request-form select[name=email].is-disabled {
  background-color: #f3f3f3;
  color: #b8b5b3;
  cursor: not-allowed;
  opacity: 0.7;
}
.request-form .choices[data-type*=select-one] .choices__inner input[disabled],
.request-form .choices[data-type*=select-one].is-disabled .choices__inner {
  background-color: #f3f3f3;
  color: #b8b5b3;
  cursor: not-allowed;
  opacity: 0.7;
  pointer-events: none;
}
.request-form .choices.is-disabled .choices__inner {
  background-color: #f3f3f3;
  color: #b8b5b3;
  cursor: not-allowed;
  opacity: 0.7;
}
.request-form .choices.is-disabled .choices__item {
  color: #b8b5b3;
}
.request-form [data-validate-type] {
  position: relative;
  min-height: fit-content;
}
.request-form .input-message.is-invalid {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #ff0000;
  padding: 4px 0;
  transform: translateY(100%);
}
.request-form .input-message.is-valid {
  color: #7b8a00;
}
.request-form__footer {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  margin-top: clamp(1.5rem, 0.979vw + 0.849rem, 2rem);
}
@media (max-width: 1023px) {
  .request-form__footer {
    gap: 10px;
    margin-top: 16px;
  }
}
.request-form__error-message {
  display: none;
  padding: 12px 16px;
  gap: 10px;
  font-size: clamp(1rem, 0.245vw + 0.837rem, 1.125rem);
  line-height: 1.4;
  align-items: center;
  color: #a62320;
  background-color: rgba(166, 35, 32, 0.1);
  border: 1px solid rgba(166, 35, 32, 0.3);
  border-radius: 8px;
  opacity: 0;
  transform: translateY(-10px);
  transition: opacity 0.38s ease-in-out, transform 0.38s ease-in-out;
}
.request-form__error-message.is-visible {
  opacity: 1;
  transform: translateY(0);
}
@media (max-width: 1023px) {
  .request-form__error-message {
    padding: 10px 14px;
    font-size: 14px;
  }
}
.request-form__error-icon {
  flex-shrink: 0;
  font-size: 18px;
  color: #a62320;
}
@media (max-width: 1023px) {
  .request-form__error-icon {
    font-size: 16px;
  }
}
.request-form__error-text {
  flex: 1;
}
.request-form__row a {
  pointer-events: auto;
}
.request-form .checkbox__label a {
  display: inline-block;
  color: #00486b;
  transition: color 0.38s ease-in-out;
}
@media (hover: hover) {
  .request-form .checkbox__label a:hover {
    color: #a62320;
  }
}
.request-form .checkbox__label a:active {
  color: #000000;
}
.request-form .benefit-description {
  margin-top: 4px;
}
.request-form .benefit-description__content {
  color: #333;
  font-size: 14px;
  line-height: 1.5;
  padding-left: 14px;
  list-style: disc;
  position: relative;
}
.request-form .benefit-description__content::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.5em;
  width: 6px;
  height: 6px;
  background-color: currentColor;
  border-radius: 50%;
}
.request-form .preserve-width {
  min-width: var(--preserve-width, auto);
}
.request-form .file {
  display: block;
}

.request-details {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 0.979vw + 0.349rem, 1.5rem);
  margin-top: clamp(1rem, 0.979vw + 0.349rem, 1.5rem);
  padding: 0 16px;
  background-color: #ebe9e1;
  border-radius: 8px;
  color: #000000;
}
@media (max-width: 1023px) {
  .request-details {
    gap: 8px;
  }
}
.request-details__toggle-btn {
  padding: 16px 0;
  margin-bottom: 0;
  align-self: flex-start;
  line-height: 0;
}
.request-details__toggle-btn .icon-info {
  margin-right: 8px;
  font-size: 18px;
}
@media (max-width: 1023px) {
  .request-details__toggle-btn {
    font-size: 13px;
  }
}
.request-details__toggle-btn .icon-arrow-shevron {
  margin-left: 8px;
  font-size: 18px;
  transition: transform 0.38s ease-in-out;
}
.request-details__toggle-btn.is-open .icon-arrow-shevron {
  transform: rotate(180deg);
}
.request-details__content {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 1.958vw + -0.301rem, 2rem);
  color: #000000;
}
@media (max-width: 1023px) {
  .request-details__content {
    gap: 16px;
  }
}
.request-details__content.is-hidden {
  display: none;
}
.request-details__row {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 0.979vw + 0.349rem, 1.5rem);
  padding-bottom: clamp(1rem, 1.958vw + -0.301rem, 2rem);
}
.request-details__row:not(:last-child) {
  border-bottom: 1px solid #d9d9d9;
}
@media (max-width: 1023px) {
  .request-details__row {
    padding-bottom: 24px;
  }
}
.request-details__row--with-cols {
  flex-direction: row;
}
.request-details__item {
  min-width: 120px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  color: #000000;
}
.request-details__item:last-child {
  margin-left: auto;
}
@media (max-width: 1023px) {
  .request-details__item {
    min-width: 85px;
  }
}
.request-details__label {
  font-size: 13px;
  color: #000000;
  opacity: 0.7;
}
.request-details__value {
  font-size: 16px;
  color: #000000;
  font-weight: 500;
}
@media (max-width: 1023px) {
  .request-details__value {
    font-size: 14px;
  }
}
.request-details p {
  font-size: clamp(0.875rem, 0.49vw + 0.55rem, 1.125rem);
}
.request-details p b {
  font-size: clamp(1rem, 0.245vw + 0.837rem, 1.125rem);
  font-weight: 600;
  color: #000000;
}
@media (max-width: 1023px) {
  .request-details p b {
    font-size: 14px;
  }
}
.request-details a:not(.link) {
  display: inline;
  color: #00486b;
  text-decoration: none;
  transition: color 0.38s ease-in-out;
}
@media (hover: hover) {
  .request-details a:not(.link):hover {
    color: #a62320;
  }
}
.request-details a:not(.link):active {
  color: #000000;
}
.request-details a:not(.link):focus, .request-details a:not(.link):focus-visible {
  text-decoration: underline;
  outline: none;
}
.request-details .link {
  padding: 6px 0;
  font-size: clamp(0.875rem, 0.49vw + 0.55rem, 1.125rem);
}
.request-details__files {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.request-details__files--two-cols {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
}
@media (max-width: 1023px) {
  .request-details__files--two-cols {
    grid-template-columns: 1fr;
    gap: 16px;
  }
}
.request-details__files-block {
  display: flex;
  flex-direction: column;
}
.request-details__files-block a + a {
  margin-top: 4px;
}
.request-details__files-block a + p {
  margin-top: 16px;
}
.request-details__files-block p + p {
  margin-top: 4px;
}
.request-details__files-title {
  margin-bottom: 6px;
  font-size: clamp(1rem, 0.245vw + 0.837rem, 1.125rem);
  font-weight: 600;
  color: #000000;
}
@media (max-width: 1023px) {
  .request-details__files-title {
    font-size: 14px;
  }
}
.request-details__comment:not(:last-child) {
  border-bottom: 1px solid #d9d9d9;
}
.request-details__comment-title {
  font-size: clamp(0.875rem, 0.49vw + 0.55rem, 1.125rem);
  color: #00486b;
}
.request-details__comment-title b {
  color: #000000;
}
@media (max-width: 1023px) {
  .request-details__comment-title {
    font-size: 16px;
  }
}
.request-details__related-orders {
  margin-top: 16px;
}
.request-details__related-orders-title {
  margin-bottom: 16px;
  color: #000000;
  font-size: clamp(0.875rem, 0.49vw + 0.55rem, 1.125rem);
  font-weight: 600;
}
@media (max-width: 1023px) {
  .request-details__related-orders-title {
    font-size: 14px;
    margin-bottom: 12px;
  }
}
.request-details__related-orders-cards {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
  width: 100%;
}
@media (max-width: 1023px) {
  .request-details__related-orders-cards {
    grid-template-columns: 1fr;
    gap: 12px;
  }
}
.request-details__related-orders-card {
  background-color: #fefefe;
  border: 1px solid #d9d9d9;
  border-radius: 8px;
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  transition: box-shadow 0.38s ease-in-out;
}
@media (hover: hover) {
  .request-details__related-orders-card:hover {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  }
}
@media (max-width: 1023px) {
  .request-details__related-orders-card {
    padding: 16px;
    gap: 12px;
  }
}
.request-details__related-orders-card-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
}
@media (max-width: 1023px) {
  .request-details__related-orders-card-header {
    gap: 12px;
  }
}
.request-details__related-orders-card-info {
  display: flex;
  flex-direction: column;
  gap: 12px;
  flex: 1;
}
@media (max-width: 1023px) {
  .request-details__related-orders-card-info {
    gap: 8px;
  }
}
.request-details__related-orders-card-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 8px 0;
  border-bottom: 1px solid #eeeeee;
}
.request-details__related-orders-card-row:last-child {
  border-bottom: none;
}
@media (max-width: 1023px) {
  .request-details__related-orders-card-row {
    gap: 8px;
    padding: 6px 0;
  }
}
.request-details__related-orders-card-row-label {
  font-size: clamp(0.875rem, 0.49vw + 0.55rem, 1.125rem);
  color: #000000;
  font-weight: 500;
  min-width: 120px;
}
@media (max-width: 1023px) {
  .request-details__related-orders-card-row-label {
    font-size: 14px;
    min-width: 85px;
  }
}
.request-details__related-orders-card-row-value {
  font-size: clamp(0.875rem, 0.49vw + 0.55rem, 1.125rem);
  color: #000000;
  font-weight: 600;
  text-align: right;
  flex: 1;
}
@media (max-width: 1023px) {
  .request-details__related-orders-card-row-value {
    font-size: 14px;
  }
}
.request-details__related-orders-card-actions {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
  margin-top: 8px;
}
@media (max-width: 1023px) {
  .request-details__related-orders-card-actions {
    gap: 8px;
    margin-top: 4px;
    padding-top: 8px;
  }
}
.request-details--white {
  background-color: #fefefe;
  padding: 0;
}
.request-details--white .request-details__toggle-btn {
  color: #00486b;
  padding: 16px 0;
  margin-bottom: 0;
  align-self: flex-start;
  line-height: 1.2;
  transition: color 0.38s ease-in-out;
}
@media (hover: hover) {
  .request-details--white .request-details__toggle-btn:hover {
    color: #a62320;
  }
}
.request-details--white .request-details__toggle-btn:active, .request-details--white .request-details__toggle-btn:focus:active {
  color: #e43b36;
}
.request-details--white .request-details__toggle-btn:focus, .request-details--white .request-details__toggle-btn:focus-visible {
  outline: none;
  text-decoration: none;
}
.request-details--white .request-details__toggle-btn:focus span, .request-details--white .request-details__toggle-btn:focus-visible span {
  text-decoration: underline;
}
.request-details--white .request-details__toggle-btn:focus .icon-arrow-shevron, .request-details--white .request-details__toggle-btn:focus-visible .icon-arrow-shevron {
  text-decoration: none;
}
.request-details--white .request-details__toggle-btn .icon-info {
  display: none;
}
@media (max-width: 1023px) {
  .request-details--white .request-details__toggle-btn {
    font-size: 13px;
  }
}

.request-details__summary {
  margin-top: 24px;
  background-color: #fefefe;
  border: 1px solid #d9d9d9;
  border-radius: 8px;
  padding: clamp(1rem, 0.979vw + 0.349rem, 1.5rem);
}
@media (max-width: 1023px) {
  .request-details__summary {
    margin-top: 16px;
    padding: 16px;
  }
}
.request-details__summary-title {
  font-size: clamp(0.875rem, 0.49vw + 0.55rem, 1.125rem);
  font-weight: 400;
  color: #000000;
  margin-bottom: 16px;
}
@media (max-width: 1023px) {
  .request-details__summary-title {
    font-size: 16px;
    margin-bottom: 12px;
  }
}
.request-details__summary-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 16px;
}
.request-details__summary-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.request-details__summary-item-theme {
  font-size: clamp(0.875rem, 0.49vw + 0.55rem, 1.125rem);
  color: #000000;
  flex: 1;
  margin: 0 16px;
  word-break: break-word;
}
@media (max-width: 1023px) {
  .request-details__summary-item-theme {
    font-size: 14px;
    margin: 0 12px;
  }
}
.request-details__summary-item-price {
  font-size: clamp(0.875rem, 0.49vw + 0.55rem, 1.125rem);
  font-weight: 600;
  color: #000000;
  min-width: 80px;
  text-align: right;
}
@media (max-width: 1023px) {
  .request-details__summary-item-price {
    font-size: 14px;
    min-width: 70px;
  }
}
.request-details__summary-total {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
  color: #000000;
}
.request-details__summary-total-value {
  font-weight: 600;
}

.archive__banner {
  position: relative;
  color: #fefefe;
  font-family: "PT Serif", sans-serif;
  height: clamp(31.25rem, 11.995vw + 23.281rem, 37.375rem);
  margin-bottom: clamp(2rem, 4.896vw + -1.253rem, 4.5rem);
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.archive__banner::before {
  content: "";
  position: absolute;
  inset: 0;
  background: #00486b;
  z-index: 1;
}
.archive__banner--black50::before {
  background: #000000;
  opacity: 0.5;
  z-index: 2;
}
.archive__banner-img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.archive__banner-content {
  z-index: 4;
  position: relative;
  padding: clamp(4.5rem, 8.813vw + -1.355rem, 9rem) clamp(1.875rem, 3.672vw + -0.565rem, 3.75rem);
  display: flex;
  flex-direction: column;
  gap: 32px;
  width: 100%;
  max-width: 1840px;
  padding-left: 20px;
  padding-right: 20px;
  margin: 0 auto;
}
@media screen and (max-width: 1023px) {
  .archive__banner-content {
    max-width: 720px;
  }
}
@media screen and (max-width: 768px) {
  .archive__banner-content {
    max-width: 540px;
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media screen and (max-width: 576px) {
  .archive__banner-content {
    max-width: none;
  }
}
.archive__banner-text {
  font-size: clamp(0.813rem, 1.346vw + -0.082rem, 1.5rem);
  line-height: 1.2;
  max-width: 801px;
}
.archive__hero {
  font-size: clamp(1.5rem, 6.854vw + -3.054rem, 5rem);
  font-family: "PT Serif", sans-serif;
}
.archive__title {
  margin-bottom: 24px;
  font-family: "PT Serif", sans-serif;
  font-size: clamp(1.5rem, 2.448vw + -0.126rem, 2.75rem);
}
.archive__wrap {
  display: grid;
  grid-template-columns: 3fr 1fr;
  gap: clamp(2.25rem, 4.406vw + -0.677rem, 4.5rem);
}
.archive__subtitle {
  font-size: clamp(1.125rem, 0.734vw + 0.637rem, 1.5rem);
  font-family: "PT Serif", sans-serif;
}
.archive__text {
  font-size: clamp(1rem, 0.245vw + 0.837rem, 1.125rem);
}
.archive__text.right {
  text-align: right;
}
.archive__join {
  margin-bottom: clamp(2rem, 4.896vw + -1.253rem, 4.5rem);
  align-items: center;
}
.archive__join-block {
  display: flex;
  justify-content: space-between;
  padding: clamp(1.5rem, 3.427vw + -0.777rem, 3.25rem) clamp(1rem, 0.979vw + 0.349rem, 1.5rem);
  background-color: #f7f5ee;
  border: 1px solid #ebe9e1;
  border-radius: 8px;
  gap: 16px;
}
.archive__join-button {
  text-wrap: nowrap;
}
.archive__info {
  display: grid;
  grid-template-columns: 3fr 1fr;
  gap: 10px;
  margin-bottom: clamp(2.25rem, 4.406vw + -0.677rem, 4.5rem);
}
.archive__info-descr {
  display: grid;
  grid-template-columns: 1fr 2fr;
  gap: 32px;
}
.archive__info-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 8px;
}
.archive__info-content {
  padding-right: 37px;
  padding-bottom: clamp(2.063rem, 2.938vw + 0.111rem, 3.563rem);
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.archive__documents {
  display: flex;
  flex-direction: column;
  gap: 32px;
  height: 100%;
}
.archive__documents-title {
  font-size: clamp(1.5rem, 2.448vw + -0.126rem, 2.75rem);
}
.archive__documents-subtitle {
  font-size: 24px;
  font-family: "PT Serif", sans-serif;
}
.archive__documents-top {
  display: flex;
  flex-direction: column;
  gap: 32px;
  background-color: #bee2ff;
  padding: 19px 24px;
  border-radius: 8px;
  position: relative;
  overflow: hidden;
}
.archive__documents-block {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.archive__documents-link {
  display: flex;
  gap: 24px;
  align-items: center;
}
.archive__documents-link .link--round-btn.link--blue {
  background: transparent;
}
.archive__documents-bottom {
  background: #00486b;
  color: #ffffff;
  padding: 46px 24px;
  border-radius: 8px;
  display: flex;
  gap: 24px;
  align-items: center;
}
.archive__documents-bottom .link--round-btn.link--blue {
  background: transparent;
  color: #fefefe;
}
.archive__documents-img {
  max-height: 100%;
  max-width: 100%;
  object-fit: cover;
  position: absolute;
  opacity: 10%;
  top: 25%;
  left: 0;
}
.archive__numbers {
  margin-bottom: clamp(2.25rem, 4.406vw + -0.677rem, 4.5rem);
  font-family: "PT Serif", sans-serif;
}
.archive__numbers-list {
  background: #f3f3f3;
  border: 1px solid #ebe9e1;
  padding: 24px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
  border-radius: 8px;
}
.archive__numbers-list li {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding-right: 34px;
}
.archive__numbers-list li:last-child {
  justify-content: center;
  font-size: 24px;
  padding-right: 0px;
}
.archive__numbers-number {
  color: #7b8a00;
  font-size: clamp(1.5rem, 2.448vw + -0.126rem, 2.75rem);
}
.archive__numbers-descr {
  font-size: clamp(1rem, 0.979vw + 0.349rem, 1.5rem);
}
.archive__numbers-link {
  font-size: clamp(0.813rem, 1.346vw + -0.082rem, 1.5rem);
  gap: 24px;
}
.archive__history {
  margin-bottom: clamp(2.25rem, 4.406vw + -0.677rem, 4.5rem);
}
.archive__history-wrapper {
  background: #5b422c;
  display: flex;
  position: relative;
  border-radius: 8px;
}
.archive__history-wrapper::before {
  content: "";
  position: absolute;
  inset: 0;
  background: #5b422c;
  opacity: 35%;
  z-index: 1;
  border-radius: 8px;
}
.archive__history-prev {
  color: #d9d9d9;
  display: flex;
  gap: 24px;
  align-items: center;
  margin: -10% -4% 0 4%;
}
.archive__history-prev button {
  transform: rotate(180deg);
  background: transparent;
}
.archive__history-next {
  color: #d9d9d9;
  display: flex;
  gap: 24px;
  align-items: center;
  margin: -40px 40px 0 -40px;
  margin: -10% 4% 0 -4%;
}
.archive__history-next button {
  background: transparent;
}
.archive__history-date {
  text-wrap: nowrap;
  font-size: 24px;
}
.archive__history-img {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.archive__history-img img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.archive__history-person {
  font-size: 14px;
  margin-top: -10%;
  color: #f7f5ee;
  z-index: 2;
}
.archive__history-content {
  color: #ffffff;
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2.57vw + -0.708rem, 2.313rem);
  padding-top: 63px;
  padding-bottom: 44px;
  margin-left: -2%;
  z-index: 2;
}
.archive__history-text {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.archive__history-navigation {
  display: none;
}
.archive__services {
  margin-bottom: clamp(1rem, 6.854vw + -3.554rem, 4.5rem);
}
.archive__services-info {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.archive__services-text {
  font-size: clamp(0.813rem, 0.367vw + 0.569rem, 1rem);
}
.archive__services-appeal {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.archive__other {
  margin-bottom: clamp(2.25rem, 4.406vw + -0.677rem, 4.5rem);
}
.archive__other-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}
.archive__other-list li {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.archive__other-transition {
  display: none;
}
.archive__other-img {
  display: none;
}
.archive__other-link {
  font-size: clamp(1.125rem, 0.245vw + 0.962rem, 1.25rem);
}
.archive__other-link span:first-child {
  text-decoration: underline;
}
.archive__other-descr {
  font-size: 14px;
}
.archive .accordion {
  gap: 0;
}
.archive .accordion__item {
  border-bottom: 1px solid #d9d9d9;
}
.archive .accordion__item:last-child {
  border-bottom: none;
}
.archive .accordion__header {
  display: none;
}
.archive .accordion__body-content {
  padding: 12px 0;
  font-family: "Inter", sans-serif;
  font-size: clamp(0.813rem, 0.367vw + 0.569rem, 1rem);
  font-weight: 400;
  line-height: 1.2;
  color: #000000;
}
@media (max-width: 1023px) {
  .archive .accordion__body-content {
    font-size: 12px;
  }
}
.archive .accordion__item.is-active {
  background-color: #fefefe;
}
.archive .accordion__item.is-active .accordion__body {
  max-height: 500px;
  opacity: 1;
}

@media (max-width: 1023px) {
  .archive__banner {
    margin-right: 20px;
    margin-left: 20px;
    display: flex;
  }
  .archive__banner-content {
    flex-direction: column-reverse;
    padding: 24px 12px;
  }
  .archive__banner::before {
    border-radius: 8px;
  }
  .archive__banner-img {
    object-position: left;
  }
  .archive__join-block {
    flex-direction: column;
  }
  .archive__join-button {
    background: transparent;
    color: #00486b;
    border: none;
    padding: 0;
    position: relative;
    gap: 8px;
  }
  .archive__join-button::after {
    content: "";
    width: 18px;
    height: 18px;
    background-size: clamp(0.875rem, 0.245vw + 0.712rem, 1rem) clamp(0.875rem, 0.245vw + 0.712rem, 1rem);
    transition: transform 0.38s ease-in-out;
    -webkit-mask: url("../img/icon/arrow2.svg") no-repeat center/contain;
    mask: url("../img/icon/arrow2.svg") no-repeat center/contain;
    background-color: currentColor;
  }
  .archive__join-search {
    display: none;
  }
  .archive__info {
    display: flex;
    flex-direction: column;
    gap: 32px;
  }
  .archive__info-descr {
    display: flex;
    flex-direction: column;
  }
  .archive__info-img {
    height: 180px;
    object-position: bottom;
  }
  .archive__info-content {
    padding: 0;
  }
  .archive__documents-top {
    flex-direction: row;
  }
  .archive__documents-img {
    top: 0;
  }
  .archive__services-info {
    display: none;
  }
  .archive__services .tab__container {
    display: none;
  }
  .archive__services .tab__list {
    flex-direction: column;
    margin-bottom: 0;
  }
  .archive__services .service-tabs .tab__item {
    background-color: #f3f3f3;
  }
  .archive__services .service-tabs .tab__item--active {
    background-color: #f3f3f3;
  }
  .archive__services .service-tabs .tab__list {
    margin-bottom: 0;
  }
  .archive__services .tab__choices {
    display: none;
  }
  .archive__history-wrapper {
    font-size: 13px;
  }
  .archive__history-prev, .archive__history-next {
    display: none;
  }
  .archive__history-img {
    position: absolute;
    height: 100%;
    width: 100%;
  }
  .archive__history-img img {
    object-fit: cover;
  }
  .archive__history-content {
    padding: 24px 16px 56px 16px;
  }
  .archive__history-navigation {
    display: flex;
    justify-content: space-around;
    margin-top: 16px;
    color: #00486b;
    font-size: 13px;
  }
  .archive__history-navigation div {
    display: flex;
    align-items: center;
    gap: 24px;
    width: 50%;
    justify-content: center;
  }
  .archive__history-navigation div:first-child {
    border-right: 1px solid #d9d9d9;
  }
  .archive__history-navigation div:first-child button {
    transform: rotate(180deg);
  }
  .archive__history-person {
    position: absolute;
    bottom: 7%;
    left: 3%;
  }
  .archive__wrap {
    display: flex;
    flex-direction: column-reverse;
  }
  .archive__other-list {
    display: flex;
    flex-direction: column;
    gap: 24px;
  }
  .archive__other-button {
    display: none;
  }
  .archive__other-transition {
    display: flex;
  }
  .archive__other-transition span {
    display: flex;
    background: #bee2ff;
  }
  .archive__other-documents {
    display: flex;
    align-items: center;
    padding: 40px 16px;
    background: #bee2ff;
    border-radius: 8px;
    position: relative;
    gap: 16px;
    height: 152px;
  }
  .archive__other-title {
    margin-bottom: 0px;
  }
  .archive__other-img {
    display: block;
    width: 113px;
    height: 123px;
    position: absolute;
    top: 16px;
    left: 16px;
    opacity: 10%;
  }
  .archive__other-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .archive__numbers-list {
    display: flex;
    flex-direction: column;
    padding: 24px 16px;
  }
  .archive__numbers-list li {
    padding: 0;
  }
  .archive__numbers-link {
    gap: 8px;
  }
  .archive__numbers-link .link__icon {
    display: none;
  }
  .archive__numbers-link::after {
    content: "";
    width: 18px;
    height: 18px;
    background-size: clamp(0.875rem, 0.245vw + 0.712rem, 1rem) clamp(0.875rem, 0.245vw + 0.712rem, 1rem);
    transition: transform 0.38s ease-in-out;
    -webkit-mask: url("../img/icon/arrow2.svg") no-repeat center/contain;
    mask: url("../img/icon/arrow2.svg") no-repeat center/contain;
    background-color: currentColor;
  }
  .archive .accordion__body {
    overflow: hidden;
    max-height: 0;
    opacity: 0;
  }
  .archive .accordion__header {
    position: relative;
    width: 50%;
    background: none;
    border: none;
    cursor: pointer;
    display: block;
    text-wrap: nowrap;
    font-family: "Inter", sans-serif;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.2;
    color: #00486b;
    text-align: left;
    display: flex;
    gap: 8px;
    transition: color 0.38s ease-in-out;
  }
  .archive .accordion__header span {
    transform: rotate(90deg);
  }
}
@media (max-width: 1023px) and (hover: hover) {
  .archive .accordion__header:hover {
    color: #a62320;
  }
}
@media (max-width: 1023px) {
  .archive .accordion__item.is-active .accordion__header span {
    transform: rotate(270deg);
  }
}
.archive-numbers__title {
  margin-bottom: 24px;
  font-size: clamp(1.5rem, 2.448vw + -0.126rem, 2.75rem);
}
.archive-numbers__info {
  margin-bottom: clamp(3.25rem, 2.448vw + 1.624rem, 4.5rem);
}
.archive-numbers__info-top {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-bottom: clamp(1.5rem, 2.938vw + -0.452rem, 3rem);
}
.archive-numbers__info-title {
  margin-bottom: 48px;
  font-size: clamp(1.125rem, 1.714vw + -0.013rem, 2rem);
}
.archive-numbers__info-subtitle {
  font-size: clamp(1.5rem, 0.979vw + 0.849rem, 2rem);
}
.archive-numbers__info-descr {
  font-size: clamp(1.125rem, 0.734vw + 0.637rem, 1.5rem);
}
.archive-numbers__result {
  grid-column: span 2;
}
.archive-numbers__result-fund {
  background-color: #fefefe;
  border-radius: 8px;
  padding: 8px;
}
.archive-numbers__list {
  padding-top: clamp(1rem, 2.938vw + -0.952rem, 2.5rem);
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: 32px;
  row-gap: 40px;
}
.archive-numbers__list-info {
  display: flex;
  flex-direction: column;
  gap: 12px;
  border-right: 1px solid rgba(0, 0, 0, 0.5019607843);
  align-items: flex-start;
  width: 50%;
}
.archive-numbers__list-fund {
  background: #f3f3f3;
  padding: 8px;
  border-radius: 8px;
}
.archive-numbers__list-fund:empty {
  display: none;
}
.archive-numbers__list-count {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 50%;
}
.archive-numbers__list-count:last-child {
  width: auto;
}
.archive-numbers__list-descr {
  padding-right: 16px;
}
.archive-numbers__list-value {
  color: #7b8a00;
  font-size: clamp(1.375rem, 2.693vw + -0.414rem, 2.75rem);
  display: flex;
  gap: 24px;
  text-wrap: nowrap;
}
.archive-numbers__list-result {
  width: 100%;
  background: #f3f3f3;
  padding: 24px 64px 24px 0;
  display: flex;
  border-radius: 8px;
  gap: 32px;
  align-items: center;
  justify-content: flex-end;
}
.archive-numbers__list-block {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.archive-numbers__value {
  width: 69px;
  object-fit: cover;
}
.archive-numbers__item {
  display: flex;
  gap: clamp(1rem, 0.979vw + 0.349rem, 1.5rem);
  align-items: center;
}

@media (min-width: 769px) {
  .swiper-pagination {
    display: none !important;
  }
}
@media (max-width: 1023px) {
  .archive-numbers__list {
    display: flex;
    margin-bottom: 20px;
    column-gap: 0;
  }
  .archive-numbers__list-fund {
    background-color: #d9d9d9;
    text-wrap: nowrap;
    font-size: 13px;
  }
  .archive-numbers__list-descr {
    font-size: 13px;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .archive-numbers__list-result {
    width: auto;
    gap: 16px;
    padding: 0;
  }
  .archive-numbers__list-value {
    gap: 16px;
  }
  .archive-numbers__result-fund {
    background-color: #d9d9d9;
    text-wrap: nowrap;
    font-size: 13px;
  }
  .archive-numbers__item {
    background-color: #f3f3f3;
    padding: 24px 16px;
    border-radius: 8px;
    max-width: 100%;
    flex: 0 0 100%;
    justify-content: space-around;
    min-height: 127px;
    height: auto;
  }
  .swiper-pagination {
    z-index: 1;
  }
  .swiper-pagination-bullet-active {
    width: 43px;
    height: 6px;
    border-radius: 2px;
    background: #000000;
    opacity: 80%;
  }
  .swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: unset;
  }
}
.archive-tabs {
  margin-bottom: clamp(2.25rem, 4.406vw + -0.677rem, 4.5rem);
}
.archive-tabs select {
  display: none;
}
.archive-tabs__wrapper {
  display: grid;
  grid-template-columns: 2fr 1fr;
  column-gap: clamp(3.75rem, 7.344vw + -1.129rem, 7.5rem);
}
.archive-tabs__block {
  display: flex;
  flex-direction: column;
  gap: 12px;
  justify-content: space-between;
  padding: 10px 0 53px 28px;
}
.archive-tabs__info {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.archive-tabs__info-descr {
  font-size: clamp(1.125rem, 0.734vw + 0.637rem, 1.5rem);
}
.archive-tabs__item {
  display: flex;
  align-items: flex-end;
  height: 226px;
  justify-content: space-between;
  gap: 40px;
}
.archive-tabs__item-container {
  min-height: 325px;
  border-radius: 8px;
  display: flex;
  align-items: flex-end;
}
.archive-tabs__item-bar {
  flex: 1;
  background-image: url("../img/picture/Archive/doc-pattern.jpg");
  background-size: 100% auto;
  background-repeat: repeat-y;
  background-position: center;
  border-radius: 4px 4px 0 0;
  position: relative;
  width: 70px;
  height: 0;
  transition: height 1s ease-out;
}
.archive-tabs__item-value {
  position: absolute;
  top: -52px;
  left: 50%;
  transform: translateX(-50%);
  color: #7b8a00;
  font-size: 18px;
  white-space: nowrap;
  opacity: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.archive-tabs__item-value span {
  color: #000000;
  font-size: 14px;
}
.archive-tabs__item-year {
  position: absolute;
  bottom: -25px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 14px;
  white-space: nowrap;
}
.archive-tabs__img {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.archive-tabs__img img {
  height: auto;
  width: 100%;
  object-fit: cover;
  border-radius: 8px;
}

@media (max-width: 1023px) {
  .archive-tabs {
    background: transparent;
  }
  .archive-tabs .tab__list {
    flex-direction: row;
    gap: 8px;
    flex-wrap: nowrap;
    text-wrap: nowrap;
    overflow-x: auto;
  }
  .archive-tabs .tab__item--active {
    color: #000000;
  }
  .archive-tabs .tab__item {
    border-radius: 8px;
  }
  .archive-tabs .tab__item:first-child {
    padding-left: 12px;
  }
  .archive-tabs .tab__item::before {
    height: 0;
  }
  .archive-tabs .tab__choices {
    display: none;
  }
  .archive-tabs__wrapper {
    display: flex;
    flex-direction: column;
    background: #f7f5ee;
    border-radius: 8px;
  }
  .archive-tabs__title {
    font-size: 18px;
  }
  .archive-tabs__info-descr {
    font-size: 16px;
    font-weight: 400;
  }
  .archive-tabs__item {
    padding-bottom: 30px;
  }
  .archive-tabs__item-container {
    min-height: 300px;
    overflow-x: auto;
    overflow-y: hidden;
  }
  .archive-tabs__block {
    padding: 24px 16px;
  }
  .archive-tabs__img {
    display: none;
  }
}
.story-slider {
  position: relative;
  max-width: 1015px;
}
@media (max-width: 1023px) {
  .story-slider {
    margin-bottom: 32px;
  }
}
.story-slider__swiper {
  width: 100%;
}
.story-slider__wrapper {
  display: flex;
}
.story-slider__slide {
  display: flex;
  flex-direction: column;
  width: 100%;
  flex-shrink: 0;
  min-width: 0;
  max-width: 100%;
}
.story-slider__slide.swiper-slide {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}
.story-slider .swiper-wrapper {
  width: 100%;
  max-width: 100%;
}
.story-slider__title {
  justify-content: flex-start;
  gap: 8px;
  margin-bottom: clamp(1rem, 1.958vw + -0.301rem, 2rem);
}
@media (max-width: 1023px) {
  .story-slider__title {
    margin-bottom: 24px;
    font-size: 24px;
    white-space: nowrap;
    overflow: hidden;
  }
}
.story-slider__title-additional {
  display: none;
  opacity: 0.3;
}
@media (max-width: 1023px) {
  .story-slider__title-additional {
    display: inline;
  }
}
.story-slider__content, .story-slider__add-content {
  margin-bottom: clamp(1rem, 0.979vw + 0.349rem, 1.5rem);
}
@media (max-width: 1023px) {
  .story-slider__content, .story-slider__add-content {
    margin-bottom: 8px;
  }
}
.story-slider__content p, .story-slider__add-content p {
  margin-bottom: 16px;
  font-size: clamp(0.875rem, 0.245vw + 0.712rem, 1rem);
  text-align: justify;
}
.story-slider__content p:last-child, .story-slider__add-content p:last-child {
  margin-bottom: 0;
}
@media (max-width: 1023px) {
  .story-slider__content p, .story-slider__add-content p {
    margin-bottom: 24px;
    font-size: 13px;
  }
}
.story-slider__image {
  max-width: 100%;
  width: 100%;
  max-height: 330px;
  height: 100%;
  border-radius: 8px;
  overflow: hidden;
}
.story-slider__image img {
  width: 100%;
  height: auto;
  object-fit: cover;
  max-width: 100%;
}
@media (max-width: 1023px) {
  .story-slider__image {
    display: none;
  }
}
.story-slider__image--mobile {
  display: none;
  border-radius: 0;
  min-height: 180px;
  margin-bottom: 24px;
}
.story-slider__image--mobile img {
  min-height: 180px;
  height: 100%;
  object-position: left;
}
@media (max-width: 1023px) {
  .story-slider__image--mobile {
    display: block;
  }
}
.story-slider__controls {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: clamp(1rem, 0.979vw + 0.349rem, 1.5rem);
  margin-top: clamp(1rem, 0.979vw + 0.349rem, 1.5rem);
}
.story-slider__control {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  padding: 12px 16px;
  border: 1px solid #d9d9d9;
  border-radius: 8px;
  font-size: 13px;
  color: #00486b;
  transition: border-color 0.38s ease-in-out, color 0.38s ease-in-out;
}
@media (hover: hover) {
  .story-slider__control:hover {
    border-color: #00486b;
  }
}
.story-slider__control:focus {
  border-color: #00486b;
}
.story-slider__control:focus:active, .story-slider__control:active {
  border-color: #d9d9d9;
}
.story-slider__control:disabled {
  opacity: 0.5;
  cursor: not-allowed;
  pointer-events: none;
}
.story-slider__control--next {
  align-items: flex-end;
}
.story-slider__control--next .story-slider__control-text {
  text-align: right;
}
.story-slider__control-icon {
  font-size: 18px;
}
.story-slider__control-icon--prev {
  transform: rotate(-180deg);
}
.story-slider__control-text {
  max-width: 130px;
  text-align: left;
}
.story-slider__controls--top {
  display: flex;
  margin-top: 0;
  margin-bottom: 16px;
  gap: clamp(1rem, 0.979vw + 0.349rem, 1.5rem);
}
.story-slider__controls--top .story-slider__control {
  border: 0;
  padding: 0;
  max-width: none;
  flex-direction: row;
  align-items: center;
}
.story-slider__controls--top .story-slider__control--next {
  flex-direction: row-reverse;
}
.story-slider__controls--top .story-slider__control-text {
  max-width: none;
}
.story-slider__add-content {
  margin-top: 16px;
}
@media (max-width: 1023px) {
  .story-slider__add-content {
    margin-top: 0;
  }
}
.story-slider__poetry {
  white-space: pre-line;
  margin-bottom: 16px;
  font-size: clamp(0.875rem, 0.245vw + 0.712rem, 1rem);
}
@media (max-width: 1023px) {
  .story-slider__poetry {
    margin-bottom: 8px;
    font-size: 13px;
  }
}
.story-slider__transferred {
  font-size: clamp(0.875rem, 0.245vw + 0.712rem, 1rem);
}
@media (max-width: 1023px) {
  .story-slider__transferred {
    font-size: 13px;
  }
}

@media (max-width: 1023px) {
  .stories-muscovites-slider .story-slider__title {
    white-space: initial;
  }
  .stories-muscovites-slider .story-slider__title-additional {
    display: none;
  }
}

.story-image-gallery {
  max-height: none;
  width: 100%;
  border-radius: 0;
}
.story-image-gallery__slider {
  position: relative;
  width: 100%;
}
.story-image-gallery__slider.swiper {
  overflow: hidden;
}
.story-image-gallery__wrapper {
  width: 100%;
}
.story-image-gallery__wrapper.swiper-wrapper {
  display: flex;
  transition-property: transform;
}
.story-image-gallery__slide {
  max-width: 717px;
  max-height: 480px;
  width: auto;
  height: auto;
  flex-shrink: 0;
}
@media (max-width: 1023px) {
  .story-image-gallery__slide {
    max-height: 350px;
  }
}
.story-image-gallery__slide.swiper-slide {
  width: auto;
  height: auto;
}
.story-image-gallery__slide img {
  width: auto;
  height: auto;
  max-width: 100%;
  display: block;
  object-fit: contain;
}
@media (max-width: 1023px) {
  .story-image-gallery__slide img {
    min-width: 100%;
    min-height: 350px;
    height: 100%;
    object-fit: cover;
  }
}

.virtual-exhibitions {
  position: relative;
}
.virtual-exhibitions__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: clamp(1.5rem, 0.979vw + 0.849rem, 2rem);
}
@media (max-width: 1023px) {
  .virtual-exhibitions__header {
    margin-bottom: 16px;
  }
}
@media (max-width: 1023px) {
  .virtual-exhibitions__title {
    font-size: 24px;
  }
}
.virtual-exhibitions__wrapper {
  display: grid;
  grid-template-columns: 1fr 3fr;
  gap: clamp(2rem, 4.896vw + -1.253rem, 4.5rem);
}
@media (max-width: 1023px) {
  .virtual-exhibitions__aside-bottom {
    display: none;
  }
}
.virtual-exhibitions__schedule--mobile {
  display: none;
}
@media (max-width: 1023px) {
  .virtual-exhibitions__schedule--mobile {
    display: block;
  }
}
.virtual-exhibitions__content {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 48px;
}
.virtual-exhibitions__card {
  position: relative;
  display: flex;
  flex-direction: column;
  height: clamp(11.25rem, 23.011vw + -4.038rem, 23rem);
  max-width: 624px;
  background-color: #fefefe;
  border-radius: 8px;
  overflow: hidden;
}
.virtual-exhibitions__card:first-child {
  grid-column: 1/-1;
  max-width: 1296px;
}
.virtual-exhibitions__card:first-child img {
  height: 185%;
}
.virtual-exhibitions__card::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #41291d 100%);
  z-index: 1;
}
@media (max-width: 1023px) {
  .virtual-exhibitions__card {
    min-width: 285px;
    min-height: 180px;
    height: auto;
  }
}
@media (hover: hover) {
  .virtual-exhibitions__card:hover .virtual-exhibitions__card-img {
    transform: scale(1.2);
  }
}
.virtual-exhibitions__card-wrap {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  overflow: hidden;
}
.virtual-exhibitions__card-wrap img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transform: scale(1);
  transition: transform 0.38s ease-in-out;
}
.virtual-exhibitions__card-date {
  position: absolute;
  top: clamp(1rem, 0.979vw + 0.349rem, 1.5rem);
  left: clamp(1rem, 0.979vw + 0.349rem, 1.5rem);
  padding: 4px;
  font-size: clamp(0.75rem, 0.49vw + 0.425rem, 1rem);
  color: #000000;
  font-weight: 400;
  background-color: #ffffff;
  border-radius: 8px;
  z-index: 4;
}
@media (max-width: 1023px) {
  .virtual-exhibitions__card-date {
    top: 12px;
    left: 12px;
  }
}
.virtual-exhibitions__card-content {
  position: relative;
  flex: 1 1 auto;
  margin-top: auto;
  padding: clamp(1rem, 0.979vw + 0.349rem, 1.5rem);
  display: flex;
  flex-direction: column;
  z-index: 1;
}
.virtual-exhibitions__card-title {
  margin: 0;
  margin-bottom: 16px;
  font-family: "PT Serif", sans-serif;
  font-size: clamp(1.5rem, 0.979vw + 0.849rem, 2rem);
  font-weight: 400;
  color: #fefefe;
}
@media (max-width: 1023px) {
  .virtual-exhibitions__card-title {
    font-family: "Inter", sans-serif;
    font-size: 18px;
    margin-bottom: 16px;
  }
}
.virtual-exhibitions__card-desc {
  margin: 0;
  font-family: "Inter", sans-serif;
  font-size: clamp(0.875rem, 0.245vw + 0.712rem, 1rem);
  font-weight: 400;
  line-height: 1.2;
  color: #fefefe;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (max-width: 1023px) {
  .virtual-exhibitions__card-desc {
    font-size: 12px;
  }
}
.virtual-exhibitions__pagination {
  display: none;
}
.virtual-exhibitions .accordion {
  gap: 0;
}
.virtual-exhibitions .accordion__item {
  border-bottom: 1px solid #d9d9d9;
}
.virtual-exhibitions .accordion__item:last-child {
  border-bottom: none;
}
.virtual-exhibitions .accordion__item.is-active .accordion__header::after {
  background: url("../img/icon/minus.svg") no-repeat center;
  background-size: 18px;
}
.virtual-exhibitions .accordion__header {
  position: relative;
  width: 100%;
  background: none;
  border: none;
  cursor: pointer;
  padding: 12px 48px 12px 8px;
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.2;
  color: #000000;
  text-align: left;
  transition: color 0.38s ease-in-out;
}
@media (hover: hover) {
  .virtual-exhibitions .accordion__header:hover {
    color: #a62320;
  }
}
.virtual-exhibitions .accordion__header::after {
  content: "";
  position: absolute;
  right: 2px;
  top: 50%;
  transform: translateY(-50%);
  width: clamp(1.5rem, 0.734vw + 1.012rem, 1.875rem);
  height: clamp(1.5rem, 0.734vw + 1.012rem, 1.875rem);
  background: url("../img/icon/plus.svg") no-repeat center;
  background-size: clamp(0.875rem, 0.245vw + 0.712rem, 1rem) clamp(0.875rem, 0.245vw + 0.712rem, 1rem);
  transition: transform 0.38s ease-in-out;
}
@media (max-width: 1023px) {
  .virtual-exhibitions .accordion__header {
    padding: 8px;
    padding-top: 10px;
    padding-bottom: 11px;
    padding-right: 36px;
  }
  .virtual-exhibitions .accordion__header::after {
    right: -3px;
  }
}
.virtual-exhibitions .accordion__body {
  overflow: hidden;
  max-height: 0;
  opacity: 0;
}
.virtual-exhibitions .accordion__body-content {
  padding: 12px 0;
  font-family: "Inter", sans-serif;
  font-size: clamp(0.875rem, 0.245vw + 0.712rem, 1rem);
  font-weight: 400;
  line-height: 1.2;
  color: #000000;
}
@media (max-width: 1023px) {
  .virtual-exhibitions .accordion__body-content {
    font-size: 12px;
  }
}
.virtual-exhibitions .accordion__item.is-active {
  background-color: #fefefe;
}
.virtual-exhibitions .accordion__item.is-active .accordion__body {
  max-height: 500px;
  opacity: 1;
}
.virtual-exhibitions__accordion-block {
  padding: 12px;
  display: grid;
  grid-template-columns: 372px 1fr;
  gap: clamp(1rem, 3.917vw + -1.602rem, 3rem);
  margin-bottom: 24px;
}
.virtual-exhibitions__accordion-img {
  height: 209px;
}
.virtual-exhibitions__accordion-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 8px;
}
.virtual-exhibitions__accordion-content {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.virtual-exhibitions__accordion-button {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 12px;
}

.wrapper--send .virtual-exhibitions__card-title {
  color: #fefefe;
}

@media screen and (max-width: 1023px) {
  .virtual-exhibitions__wrapper {
    display: flex;
    flex-direction: column;
  }
  .virtual-exhibitions__card {
    width: 100%;
    min-width: auto;
  }
  .virtual-exhibitions__wrap ul {
    flex-direction: row;
  }
  .virtual-exhibitions__block {
    display: flex;
    flex-direction: column;
    gap: 32px;
  }
  .virtual-exhibitions__accordion-block {
    grid-template-columns: repeat(2, 1fr);
  }
  .virtual-exhibitions__accordion-descr {
    display: none;
  }
}
@media screen and (max-width: 576px) {
  .virtual-exhibitions__content {
    display: flex;
    flex-direction: column;
    gap: 32px;
  }
  .virtual-exhibitions__pagination {
    display: flex;
    justify-content: center;
  }
  .virtual-exhibitions__card {
    height: 180px;
  }
  .virtual-exhibitions__card:first-child img {
    height: auto;
  }
  .virtual-exhibitions__accordion-content {
    font-size: 13px;
  }
  .virtual-exhibitions__accordion-img {
    height: 100%;
  }
}
.personal {
  display: flex;
  margin-bottom: clamp(3rem, 2.938vw + 1.048rem, 4.5rem);
}
.personal__title {
  display: flex;
  align-items: baseline;
  justify-content: flex-start;
  gap: clamp(1rem, 1.958vw + -0.301rem, 2rem);
  margin-bottom: 24px;
}
.personal__title-icon {
  font-size: 31px;
}
.personal__wrapper {
  display: flex;
  align-items: flex-start;
  gap: clamp(2rem, 4.896vw + -1.253rem, 4.5rem);
}
.personal__content {
  width: 100%;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, 0.979vw + 0.849rem, 2rem);
}
.personal__content-wrap {
  width: 100%;
}
.personal__section {
  margin-bottom: clamp(1.5rem, 0.979vw + 0.849rem, 2rem);
}
@media (max-width: 1023px) {
  .personal__section {
    margin-bottom: 32px;
  }
}
.personal__section:last-child {
  margin-bottom: 0;
}
.personal__grid {
  display: flex;
  gap: clamp(1rem, 0.979vw + 0.349rem, 1.5rem);
}
@media (max-width: 1023px) {
  .personal__grid {
    flex-direction: column;
    gap: 24px;
  }
}
.personal__info {
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1.469vw + -0.226rem, 1.5rem);
}
.personal__info--contacts {
  margin-top: 8px;
  gap: clamp(1rem, 1.958vw + -0.301rem, 2rem);
}
.personal__info-item {
  display: flex;
  flex-direction: column;
  font-family: "Inter", sans-serif;
  font-size: clamp(0.875rem, 0.245vw + 0.712rem, 1rem);
  line-height: 1.2;
  font-weight: 400;
  color: #000000;
}
.personal__info-value {
  display: flex;
  gap: 6px;
  align-items: center;
}
.personal__info-edit-btn {
  text-transform: lowercase;
  font-size: 14px;
  flex-shrink: 0;
}
.personal__info-label {
  margin-bottom: clamp(0.75rem, 0.49vw + 0.425rem, 1rem);
  font-size: 18px;
}
.personal__banner-link .link__text {
  white-space: nowrap;
}
.personal__columns {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: clamp(1rem, 0.979vw + 0.349rem, 1.5rem);
}
.personal__col {
  max-width: 408px;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: clamp(0.5rem, 0.979vw + -0.151rem, 1rem);
}
.personal__label {
  display: block;
  margin-bottom: 8px;
  font-size: clamp(1rem, 0.245vw + 0.837rem, 1.125rem);
}
.personal__row {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.personal__value {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: clamp(0.875rem, 0.245vw + 0.712rem, 1rem);
}
.personal__link {
  font-size: 14px;
  text-transform: lowercase;
}
.personal__processing-title {
  margin-bottom: clamp(1rem, 0.979vw + 0.349rem, 1.5rem);
  font-size: 16px;
  font-weight: 700;
}
.personal__processing-number {
  font-weight: 400;
}
.personal__processing-text {
  font-weight: 600;
}
.personal__processing-text-more {
  font-weight: 400;
}
@media (max-width: 1023px) {
  .personal__aside-bottom {
    display: none;
  }
}
.personal__aside-phone-link {
  margin-bottom: clamp(1rem, 0.49vw + 0.675rem, 1.25rem);
  font-family: "PT Serif", sans-serif;
  font-size: 24px;
}
.personal__aside-phone-text {
  font-size: clamp(0.875rem, 0.245vw + 0.712rem, 1rem);
  line-height: 1.2;
  font-weight: 400;
  color: #000000;
}
.personal__info-input {
  width: 0;
  height: 0;
  max-width: 200px;
  overflow: hidden;
  transition: width 0.38s ease-in-out, height 0.38s ease-in-out;
}
.personal__info-input.is-active {
  width: 200px;
  height: auto;
}

.personal__tab-content {
  display: none;
  opacity: 0;
  width: 100%;
  transition: opacity 0.38s ease-in-out;
}
.personal__tab-content--active {
  display: block;
  opacity: 1;
}

.personal__empty {
  text-align: center;
  font-size: clamp(1.125rem, 0.734vw + 0.637rem, 1.5rem);
  font-family: "PT Serif", sans-serif;
}

.order-detail-form form {
  border-radius: 8px;
  background-color: #f7f5ee;
  padding: clamp(1rem, 0.979vw + 0.349rem, 1.5rem);
}
.order-detail-form__form-desktop {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: clamp(1rem, 1.958vw + -0.301rem, 2rem);
}
.order-detail-form__fields-desktop {
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.order-detail-form__description {
  display: flex;
  gap: 6px;
  color: #5b422c;
}
.order-detail-form__description .icon-info {
  font-size: 16px;
}
.order-detail-form ol {
  list-style: decimal;
  padding-left: clamp(1rem, 0.979vw + 0.349rem, 1.5rem);
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 2.448vw + -0.876rem, 2rem);
}
.order-detail-form ol li {
  font-size: clamp(0.875rem, 0.245vw + 0.712rem, 1rem);
  color: #000000;
}
.order-detail-form ol a {
  display: inline;
  color: #00486b;
  transition: color 0.38s ease-in-out;
}
@media (hover: hover) {
  .order-detail-form ol a:hover {
    color: #a62320;
  }
}
.order-detail-form ol a:active {
  color: #000000;
}
.order-detail-form ol a:focus, .order-detail-form ol a:focus-visible {
  text-decoration: underline;
  outline: none;
}
.order-detail-form textarea {
  padding: 12px;
  width: 100%;
  height: 100%;
  resize: none;
  border-radius: 8px;
  border: 1px solid #d9d9d9;
  color: #000000;
  transition: border-color 0.38s ease-in-out;
}
@media (hover: hover) {
  .order-detail-form textarea:hover {
    border-color: #00486b;
  }
}
.order-detail-form textarea:focus, .order-detail-form textarea:focus-visible {
  border-color: #00486b;
  outline: none;
}
.order-detail-form__footer {
  display: flex;
  align-items: center;
  gap: clamp(1rem, 1.958vw + -0.301rem, 2rem);
  margin-top: clamp(1rem, 2.938vw + -0.952rem, 2.5rem);
}
.order-detail-form__file {
  margin-left: auto;
  flex-direction: row-reverse;
  text-transform: lowercase;
}

.personal-alert {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 16px 12px;
  border-radius: 8px;
  color: #fefefe;
  background-color: #984995;
}
.personal-alert.is-hidden {
  display: none;
}
@media (max-width: 1023px) {
  .personal-alert {
    align-items: baseline;
  }
}
.personal-alert__text {
  font-size: clamp(0.875rem, 0.245vw + 0.712rem, 1rem);
  line-height: 1.2;
  font-weight: 400;
}
.personal-alert .icon-rotate {
  font-size: 18px;
}

.contacts__wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
  background-color: #f7f5ee;
  padding: 16px;
  border-radius: 8px;
}
.contacts__info {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
}
.contacts__title {
  margin-bottom: clamp(1rem, 0.979vw + 0.349rem, 1.5rem);
}
.contacts__subtitle {
  margin-bottom: 32px;
}
.contacts__list {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.contacts__list-item {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.contacts__list-text {
  font-size: clamp(0.813rem, 0.367vw + 0.569rem, 1rem);
}
.contacts__list-title {
  font-size: clamp(1.125rem, 0.734vw + 0.637rem, 1.5rem);
}
.contacts__item {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.contacts__map img {
  width: 100%;
  height: 100%;
  border-radius: 8px;
}

@media (max-width: 1023px) {
  .contacts__wrapper {
    display: flex;
    flex-direction: column;
  }
  .contacts__info {
    display: flex;
    flex-direction: column;
  }
  .contacts__subtitle {
    display: none;
  }
  .contacts__title {
    font-size: 24px;
  }
}
.menu-dropdowns {
  position: absolute;
  z-index: 1;
  left: 0;
  top: 100%;
  display: none;
  gap: 24px;
  justify-content: space-between;
  max-width: 1840px;
  width: 100%;
  padding: clamp(1rem, 3.917vw + -1.602rem, 3rem) 20px;
  background-color: #fefefe;
}
.menu-dropdowns--open {
  display: flex;
}
.menu-dropdowns__banners {
  height: inherit;
  max-width: 356px;
  padding-top: 12px;
}
.menu-dropdowns__banners ul {
  height: 100%;
}
.menu-dropdowns__content {
  position: absolute;
  display: flex;
  opacity: 0;
  visibility: hidden;
  gap: clamp(1rem, 12.729vw + -7.457rem, 7.5rem);
  justify-content: space-between;
  align-items: flex-start;
  overflow: hidden;
  transform: translateY(-999px);
  transition: opacity 0.38s ease-in-out;
}
.menu-dropdowns__content--active {
  position: static;
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.menu-dropdowns__list {
  display: flex;
  align-items: flex-start;
  gap: clamp(1rem, 8.69vw + -4.774rem, 5.438rem);
  padding-top: 12px;
}
.menu-dropdowns__list-title {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 16px;
  color: currentColor;
  white-space: nowrap;
}
.menu-dropdowns__title-link {
  display: flex;
  align-items: center;
  gap: 12px;
  white-space: nowrap;
  transition: color 0.38s ease-in-out;
}
@media (hover: hover) {
  .menu-dropdowns__title-link:hover {
    color: #a62320;
  }
}
.menu-dropdowns__title-link:active {
  color: #000000;
}
.menu-dropdowns__title-link-text {
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 2px;
}
.menu-dropdowns__title-link-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  border: 1px solid currentColor;
  border-radius: 50%;
  font-size: 18px;
  transition: color 0.38s ease-in-out, border-color 0.38s ease-in-out;
}
.menu-dropdowns__item ul {
  display: flex;
  flex-direction: column;
  gap: clamp(0.5rem, 0.49vw + 0.175rem, 0.75rem);
}
.menu-dropdowns__item a {
  transition: color 0.38s ease-in-out;
}
@media (hover: hover) {
  .menu-dropdowns__item a:hover {
    color: #a62320;
  }
}
.menu-dropdowns__item a:active {
  color: #000000;
}

.services__header {
  margin-bottom: clamp(1.5rem, 0.49vw + 1.175rem, 1.75rem);
}
@media (max-width: 1023px) {
  .services__header {
    margin-bottom: 13px;
  }
}
@media (max-width: 1023px) {
  .services__title {
    font-family: "Inter", sans-serif;
    font-size: 18px;
  }
}
.services__container {
  display: grid;
  grid-template-columns: clamp(20rem, 13.709vw + 10.892rem, 27rem) auto clamp(13.75rem, 26.316vw + -3.734rem, 27.188rem);
  gap: clamp(1.25rem, 6.12vw + -2.816rem, 4.375rem);
  width: 100%;
}
@media (max-width: 1023px) {
  .services__container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
  }
}
.services__promo {
  position: relative;
  min-height: clamp(15.625rem, 26.928vw + -2.265rem, 29.375rem);
  padding: 24px;
  display: flex;
  align-items: center;
  border-radius: 8px;
  background-color: #bee2ff;
  overflow: hidden;
}
.services__promo::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, #bee2ff 0%, rgba(255, 255, 255, 0) 80.29%);
  z-index: 1;
}
@media (max-width: 1023px) {
  .services__promo {
    min-height: auto;
    width: 100%;
    padding: 38px 20px;
    justify-content: center;
  }
}
.services__promo-bg {
  position: absolute;
  inset: 0;
  background: url("../img/picture/Services/reading-room.jpg") center/cover no-repeat;
  opacity: 0.3;
  z-index: 1;
}
.services__promo-content {
  position: relative;
  max-width: 250px;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  z-index: 2;
}
@media (max-width: 1023px) {
  .services__promo-content {
    max-width: 100%;
  }
}
.services__promo-title {
  margin-bottom: 16px;
  color: #00486b;
}
@media (max-width: 1023px) {
  .services__promo-title {
    font-family: "Inter", sans-serif;
    margin: 0;
    justify-content: center;
    font-size: 16px;
    text-align: center;
  }
}
@media (max-width: 1023px) {
  .services__promo-btn {
    display: none;
  }
}
.services__list-wrap {
  display: flex;
  flex-direction: column;
}
.services__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-bottom: 12px;
}
@media (max-width: 1023px) {
  .services__list {
    gap: 16px;
  }
}
.services__item-link {
  display: flex;
  align-items: center;
  gap: 12px;
}
@media (max-width: 1023px) {
  .services__item-link {
    font-size: 12px;
    gap: 8px;
  }
}
@media (max-width: 1023px) {
  .services__item-icon {
    max-width: 16px;
    max-height: 16px;
  }
}
.services__all {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: auto;
  font-family: "Inter", sans-serif;
  font-size: clamp(0.875rem, 0.245vw + 0.712rem, 1rem);
  font-weight: 400;
  line-height: 1;
  color: #00486b;
  transition: color 0.38s ease-in-out;
}
@media (hover: hover) {
  .services__all:hover {
    color: #a62320;
  }
}
@media (max-width: 1023px) {
  .services__all {
    margin-top: 10px;
    font-size: 12px;
    gap: 3px;
  }
  .services__all .link__icon {
    font-size: 16px;
    border: none;
  }
}
.services__all-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid currentColor;
  border-radius: 50%;
  padding: 5px;
  font-size: clamp(1rem, 0.245vw + 0.837rem, 1.125rem);
}
.services__hit {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
@media (max-width: 1023px) {
  .services__hit {
    flex-direction: row-reverse;
    align-items: center;
    gap: 12px;
  }
}
.services__hit-wrap {
  margin-bottom: clamp(1rem, 0.734vw + 0.512rem, 1.375rem);
}
@media (max-width: 1023px) {
  .services__hit-wrap {
    margin-bottom: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
  }
}
.services__hit-label {
  margin-bottom: 16px;
  font-family: "Inter", sans-serif;
  font-size: clamp(0.75rem, 0.49vw + 0.425rem, 1rem);
  font-weight: 400;
  line-height: 1.2;
  color: #d42427;
}
@media (max-width: 1023px) {
  .services__hit-label {
    color: #000000;
    margin-bottom: 0;
  }
}
.services__hit-title-link {
  font-family: "PT Serif", sans-serif;
  font-size: clamp(1.25rem, 0.49vw + 0.925rem, 1.5rem);
  font-weight: 400;
  line-height: 1.3;
  color: #000000;
}
@media (max-width: 1023px) {
  .services__hit-title-link {
    font-size: 18px;
    font-family: "Inter", sans-serif;
  }
}
.services__hit-bg {
  max-width: 280px;
  max-height: 315px;
  width: 100%;
  height: 100%;
  aspect-ratio: 1/1;
  background: url("../img/icon/student-calendar.svg") center/200px 200px no-repeat, url("../img/picture/Services/star.png") center/contain no-repeat;
}
@media (max-width: 1023px) {
  .services__hit-bg {
    max-width: 91px;
    max-height: 91px;
    flex: 0 0 91px;
    background: url("../img/icon/student-calendar.svg") center/57px 57px no-repeat, url("../img/picture/Services/star.png") center/contain no-repeat;
  }
}

.services-filter {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: clamp(1rem, 0.979vw + 0.349rem, 1.5rem);
  padding: 10px 8px;
  margin-bottom: clamp(1.5rem, 2.938vw + -0.452rem, 3rem);
  border-bottom: 1px solid #d9d9d9;
}
@media (max-width: 1023px) {
  .services-filter {
    display: none;
  }
}
.services-filter__controls {
  display: flex;
  align-items: center;
  gap: clamp(0.5rem, 0.979vw + -0.151rem, 1rem);
}
.services-filter__control {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5px;
  transition: color 0.38s ease-in-out;
}
@media (hover: hover) {
  .services-filter__control:hover {
    color: #d42427;
  }
}
.services-filter__control:active {
  color: #000000;
}
.services-filter__control.is-active {
  color: #a62320;
  pointer-events: none;
}
.services-filter__icon-grid {
  font-size: 20px;
}
.services-filter__icon-list {
  font-size: 16px;
}

.services-category {
  display: flex;
  flex-direction: column;
  gap: clamp(2rem, 1.958vw + 0.699rem, 3rem);
  margin-bottom: clamp(2rem, 1.958vw + 0.699rem, 3rem);
}
@media (max-width: 1023px) {
  .services-category {
    gap: 32px;
  }
}
.services-category__title {
  max-width: 710px;
  margin-bottom: 16px;
  font-family: "Inter", sans-serif;
  font-size: clamp(1rem, 0.245vw + 0.837rem, 1.125rem);
  font-weight: 400;
  line-height: 1.2;
  color: #000000;
  text-align: left;
}
@media (max-width: 1023px) {
  .services-category__title {
    font-size: 18px;
  }
}
.services-category__title:not(:first-child) {
  margin-top: clamp(2rem, 1.958vw + 0.699rem, 3rem);
}
.services-category__list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.services-category__item {
  min-height: 130px;
  padding: 16px;
  padding-top: clamp(1rem, 0.49vw + 0.675rem, 1.25rem);
  border-radius: 8px;
  border: 1px solid #d9d9d9;
}
@media (max-width: 1023px) {
  .services-category__item {
    min-height: auto;
    padding: 24px 16px;
    padding-bottom: 16px;
  }
}
.services-category__service {
  display: flex;
  flex-direction: column;
  gap: clamp(0.5rem, 0.49vw + 0.175rem, 0.75rem);
  height: 100%;
  position: relative;
  overflow: hidden;
}
.services-category__service .services-category__service-name.olive {
  color: #5b422c;
}
@media (max-width: 1023px) {
  .services-category__service {
    gap: 16px;
  }
}
.services-category__service-name {
  font-family: "Inter", sans-serif;
  font-size: clamp(0.875rem, 0.245vw + 0.712rem, 1rem);
  font-weight: 400;
  line-height: 1.2;
  color: #00486b;
  margin: 0;
  flex-grow: 1;
}
@media (max-width: 1023px) {
  .services-category__service-name {
    font-size: 14px;
  }
}
.services-category__service-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: clamp(0.75rem, 0.49vw + 0.425rem, 1rem);
  margin-top: auto;
}
.services-category__list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: clamp(0.75rem, 0.49vw + 0.425rem, 1rem);
}
@media (max-width: 768px) {
  .services-category__list {
    display: flex;
    flex-direction: column;
    gap: 16px;
  }
}
.services-category__service-icon.link {
  margin-left: auto;
}

.services-subcategory {
  transition: opacity 0.38s ease-in-out;
}
.services-subcategory.is-hidden {
  position: absolute;
  top: 0;
  left: -9999px;
  opacity: 0;
  visibility: hidden;
  height: 0;
  margin-bottom: 0;
  pointer-events: none;
}
.services-subcategory.is-visible {
  opacity: 1;
  visibility: visible;
  height: auto;
  pointer-events: auto;
}

.services-page__header {
  margin-bottom: clamp(1.5rem, 2.938vw + -0.452rem, 3rem);
}
@media (max-width: 1023px) {
  .services-page__header {
    margin-bottom: 32px;
  }
}
.services-page__title {
  max-width: 500px;
  margin-bottom: 8px;
}
@media (max-width: 1023px) {
  .services-page__title {
    margin-bottom: 11px;
    font-size: 24px;
  }
}
.services-page__description {
  font-size: clamp(0.875rem, 0.245vw + 0.712rem, 1rem);
}
@media (max-width: 1023px) {
  .services-page__description {
    font-size: 13px;
  }
}
.services-page__popular-wrapper {
  display: grid;
  grid-template-columns: 1fr minmax(0, 434px);
  gap: clamp(1rem, 0.979vw + 0.349rem, 1.5rem);
}
@media (max-width: 1023px) {
  .services-page__popular-wrapper {
    display: flex;
    flex-direction: column;
    gap: 24px;
  }
}
.services-page__popular-blocks {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 0.979vw + 0.349rem, 1.5rem);
}
@media (max-width: 1023px) {
  .services-page__popular-blocks {
    gap: 24px;
  }
}
.services-page__popular-row {
  display: flex;
  gap: clamp(1rem, 0.979vw + 0.349rem, 1.5rem);
}
@media (max-width: 1239px) {
  .services-page__popular-row--reading-rooms {
    flex-direction: column;
  }
}
@media (max-width: 1023px) {
  .services-page__popular-row {
    gap: 24px;
    flex-direction: column;
  }
}
.services-page__popular-item {
  padding: clamp(1rem, 8.813vw + -4.855rem, 5.5rem) clamp(1rem, 3.182vw + -1.114rem, 2.625rem) clamp(1rem, 0.979vw + 0.349rem, 1.5rem);
  border-radius: 8px;
  overflow: hidden;
}
@media (max-width: 1023px) {
  .services-page__popular-item {
    padding: 40px 16px;
  }
}
.services-page__popular-item--archive-services, .services-page__popular-item--church-services, .services-page__popular-item--city-services {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-image: url("../img/picture/servicesPage/archive.png");
}
.services-page__popular-item--archive-services, .services-page__popular-item--church-services {
  min-height: clamp(18.75rem, 8.323vw + 13.22rem, 23rem);
  background-color: #e2dac9;
}
.services-page__popular-item--archive-services {
  position: relative;
  max-width: 736px;
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-image: url("../img/picture/servicesPage/archive.png");
}
@media (max-width: 1023px) {
  .services-page__popular-item--archive-services {
    min-height: auto;
  }
}
.services-page__popular-item--archive-services::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: #382222;
  opacity: 0.6;
}
.services-page__popular-item--archive-services .services-page__popular-title {
  max-width: 350px;
  margin-bottom: clamp(1rem, 0.734vw + 0.512rem, 1.375rem);
  color: #fefefe;
}
@media (max-width: 1023px) {
  .services-page__popular-item--archive-services .services-page__popular-title {
    margin-bottom: 24px;
    font-size: 24px;
  }
}
.services-page__popular-item--archive-services .services-page__popular-link {
  padding: 11px 24px;
}
@media (max-width: 1023px) {
  .services-page__popular-item--archive-services .services-page__popular-link {
    display: flex;
    align-items: center;
    padding: 0;
    background-color: transparent;
    border: none;
    color: #fefefe;
    font-size: 16px;
  }
}
.services-page__popular-item--archive-services .services-page__link-icon {
  display: none;
}
@media (max-width: 1023px) {
  .services-page__popular-item--archive-services .services-page__link-icon {
    display: inline;
    width: auto;
    height: auto;
    padding: 0 0 0 6px;
    font-size: 18px;
    border: none;
  }
}
.services-page__popular-item--church-services {
  min-width: 288px;
  padding-left: clamp(1rem, 0.979vw + 0.349rem, 1.5rem);
  flex: 1;
  background-image: url("../img/picture/servicesPage/church.png");
  background-size: auto;
  background-position: bottom;
}
@media (max-width: 1023px) {
  .services-page__popular-item--church-services {
    max-height: 167px;
    min-height: auto;
    padding: 42px 16px;
    background-size: 249px;
    background-position: 161px bottom;
  }
}
@media (max-width: 1023px) {
  .services-page__popular-item--church-services .services-page__popular-title {
    font-size: 24px;
  }
}
.services-page__popular-item--church-services .services-page__popular-link {
  max-width: 420px;
}
.services-page__popular-item--church-services .services-page__link-icon {
  width: 30px;
  height: 30px;
  padding: 7px;
  display: inline-block;
  font-size: 13px;
  transform: translate(10px, -3px);
}
@media (max-width: 1023px) {
  .services-page__popular-item--church-services .services-page__link-icon {
    transform: translate(7px, 0);
  }
}
.services-page__popular-item--reading-rooms {
  max-width: 888px;
  width: 100%;
  padding: 0;
  border-radius: 0;
}
@media (max-width: 768px) {
  .services-page__popular-item--reading-rooms {
    overflow: auto;
    min-width: calc(100vw - 20px);
  }
  .services-page__popular-item--reading-rooms .reading-rooms-tabs .tab__container {
    width: auto;
    padding-right: 20px;
  }
}
.services-page__popular-item--all-services {
  position: relative;
  min-width: 238px;
  background-color: #f7f5ee;
  padding: clamp(1rem, 0.979vw + 0.349rem, 1.5rem);
  border-radius: 8px;
  display: flex;
  flex-grow: 1;
}
.services-page__popular-item--all-services::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: url("../img/picture/servicesPage/services-all-bg.png");
  background-size: 244px 209px;
  background-position: bottom right;
  background-repeat: no-repeat;
}
.services-page__popular-item--all-services .services-page__popular-title {
  display: flex;
  max-width: 234px;
}
.services-page__popular-item--all-services .services-page__link-icon {
  width: 72px;
  height: 72px;
  font-size: 28px;
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  border: 1px solid currentColor;
  border-radius: 50%;
  color: #d9d9d9;
}
@media (max-width: 768px) {
  .services-page__popular-item--all-services {
    display: none;
  }
}
.services-page__popular-item--all-mobile {
  display: none;
  padding: 24px 16px;
  background-color: #a62320;
}
.services-page__popular-item--all-mobile .services-page__popular-title {
  display: flex;
  gap: 16px;
  justify-content: space-between;
  align-items: center;
  font-size: 24px;
  color: #fefefe;
}
.services-page__popular-item--all-mobile .services-page__link-icon {
  width: 30px;
  height: 30px;
  font-size: 28px;
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  border: 1px solid currentColor;
  border-radius: 50%;
  font-size: 13px;
}
@media (max-width: 768px) {
  .services-page__popular-item--all-mobile {
    display: block;
  }
}
.services-page__popular-item .services-page__popular-content {
  align-self: center;
}
.services-page__popular-content {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  z-index: 1;
}
.services-page__popular-title {
  display: inline-block;
}
.services-page__link-icon {
  width: 72px;
  height: 72px;
  font-size: 28px;
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  border: 1px solid currentColor;
  border-radius: 50%;
  color: currentColor;
}
.services-page__catalog-services {
  background-color: #7b8a00;
  border-radius: 8px;
  background-image: url("../img/picture/servicesPage/city.jpg");
  background-repeat: no-repeat;
  background-size: auto;
  background-position: bottom;
}
@media (max-width: 1023px) {
  .services-page__catalog-services {
    min-height: 248px;
  }
}
.services-page__catalog-services .services-page__popular-link {
  padding: clamp(1rem, 0.979vw + 0.349rem, 1.5rem);
  padding-top: clamp(3rem, 12.974vw + -5.62rem, 9.625rem);
}
@media (max-width: 1023px) {
  .services-page__catalog-services .services-page__popular-link {
    padding: 40px 15px;
  }
}
.services-page__catalog-services .services-page__popular-title {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: clamp(1rem, 1.224vw + 0.187rem, 1.625rem);
  font-size: clamp(1.5rem, 0.979vw + 0.849rem, 2rem);
  color: #fefefe;
}
@media (max-width: 1023px) {
  .services-page__catalog-services .services-page__popular-title {
    flex-direction: row;
    font-size: 24px;
    gap: 16px;
    justify-content: flex-start;
    align-items: center;
  }
  .services-page__catalog-services .services-page__popular-title span {
    max-width: 190px;
  }
}
.services-page__catalog-services .services-page__link-icon {
  width: 72px;
  height: 72px;
  font-size: 28px;
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  border: 1px solid currentColor;
  border-radius: 50%;
  color: #fefefe;
}
@media (max-width: 1023px) {
  .services-page__catalog-services .services-page__link-icon {
    width: 72px;
    height: 72px;
    font-size: 28px;
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    border: 1px solid currentColor;
    border-radius: 50%;
    border-width: 2px;
  }
}
.services-page__categories-title {
  margin-bottom: clamp(1rem, 0.979vw + 0.349rem, 1.5rem);
}
@media (max-width: 1023px) {
  .services-page__categories-title {
    font-size: 24px;
    margin-bottom: 32px;
  }
}
.services-page__tabs-title {
  margin-bottom: clamp(1rem, 2.448vw + -0.626rem, 2.25rem);
}
@media (max-width: 1023px) {
  .services-page__tabs-title {
    font-size: 24px;
    margin-bottom: 16px;
  }
}

.services-all__categories {
  margin-bottom: clamp(2rem, 1.958vw + 0.699rem, 3rem);
}
.services-all .pagination {
  justify-self: center;
}

.services-detail {
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, 0.979vw + 0.849rem, 2rem);
}
.services-detail__card {
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, 0.979vw + 0.849rem, 2rem);
}
.services-detail__card .personal-block__title {
  margin: 0;
}
.services-detail__back {
  display: flex;
  align-items: center;
  gap: 8px;
  text-transform: lowercase;
  opacity: 0.5;
  transition: opacity 0.38s ease-in-out;
}
.services-detail__back .icon-arrow-right {
  transform: rotate(180deg);
}
@media (hover: hover) {
  .services-detail__back:hover {
    opacity: 1;
  }
}
.services-detail__send {
  width: fit-content;
  margin: 24px 0;
}

.service-tabs {
  display: flex;
  flex-direction: column;
  margin-top: 12px;
  background-color: #f7f5ee;
  border-radius: 8px;
  border-top-left-radius: 0;
}
@media (max-width: 1023px) {
  .service-tabs {
    border-radius: 0;
    background-color: transparent;
    overflow: hidden;
  }
}
.service-tabs .choices {
  display: none;
}
.service-tabs .tab__list {
  display: flex;
  gap: 10px;
  margin-bottom: clamp(1.375rem, 1.591vw + 0.318rem, 2.188rem);
}
@media (max-width: 1023px) {
  .service-tabs .tab__list {
    flex-wrap: nowrap;
    overflow: auto;
  }
}
.service-tabs .tab__item {
  position: relative;
  padding: 12px 7px;
  font-size: clamp(1rem, 0.245vw + 0.837rem, 1.125rem);
  font-weight: 400;
  line-height: 1.2;
  color: rgba(0, 0, 0, 0.5);
  transition: color 0.38s ease-in-out;
}
.service-tabs .tab__item:first-child {
  padding-left: 24px;
}
@media (hover: hover) {
  .service-tabs .tab__item:hover {
    color: #a62320;
  }
}
@media (max-width: 1023px) {
  .service-tabs .tab__item {
    padding: 12px 16px;
    border-radius: 8px;
    background-color: #f7f5ee;
    font-size: 13px;
    white-space: nowrap;
  }
  .service-tabs .tab__item:first-child {
    padding: 12px 16px;
  }
}
.service-tabs .tab__item::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 12px;
  transform: translateY(-100%);
  background-color: #ebe9e1;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  z-index: -1;
  transition: background-color 0.38s ease-in-out;
}
@media (max-width: 1023px) {
  .service-tabs .tab__item::before {
    display: none;
  }
}
.service-tabs .tab__item--active {
  background-color: #f7f5ee;
  color: #a62320;
  cursor: initial;
  pointer-events: none;
}
.service-tabs .tab__item--active::before {
  background-color: #f7f5ee;
}
@media (max-width: 1023px) {
  .service-tabs .tab__item--active {
    background-color: #e2dac9;
    color: #000000;
  }
}
.service-tabs__tab-content {
  padding: clamp(1rem, 0.979vw + 0.349rem, 1.5rem);
  padding-top: 0;
}
@media (max-width: 1023px) {
  .service-tabs__tab-content {
    padding: 0;
  }
}
.service-tabs__content {
  display: flex;
  flex-direction: column;
  gap: clamp(0.5rem, 0.979vw + -0.151rem, 1rem);
}
.service-tabs__row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: clamp(1.25rem, 1.469vw + 0.274rem, 2rem);
}
@media (max-width: 1023px) {
  .service-tabs__row {
    grid-template-columns: 1fr;
    gap: 24px;
  }
}
.service-tabs__text-block {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.service-tabs__text-block p {
  margin: 0;
}
@media (max-width: 1023px) {
  .service-tabs__text-block p {
    font-size: 13px;
    line-height: 1.23;
  }
}
.service-tabs__block-title {
  margin-bottom: 16px;
}
@media (max-width: 1023px) {
  .service-tabs__block-title {
    margin-bottom: 18px;
    font-size: 18px;
  }
}
.service-tabs__link-row {
  display: flex;
  justify-content: flex-start;
}
@media (max-width: 1023px) {
  .service-tabs__link-more {
    display: none;
  }
}

.exhibition-banner {
  position: relative;
  min-width: 100vw;
  width: 100%;
  height: clamp(21.875rem, 30.355vw + 1.708rem, 37.375rem);
}
.exhibition-banner::before {
  content: "";
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  background-color: #302b27;
  z-index: -1;
}
@media (max-width: 1023px) {
  .exhibition-banner {
    min-width: auto;
    max-width: calc(100% - 40px);
    max-height: 294px;
    margin: 0 auto;
    border-radius: 8px;
    overflow: hidden;
  }
}
.exhibition-banner__wrapper {
  position: relative;
  max-width: 1920px;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  padding: clamp(1.5rem, 10.159vw + -5.249rem, 6.688rem) clamp(1.5rem, 4.406vw + -1.427rem, 3.75rem);
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
@media (max-width: 1023px) {
  .exhibition-banner__wrapper {
    padding: 11px;
    padding-bottom: 40px;
  }
}
.exhibition-banner__img {
  position: absolute;
  inset: 0;
  max-width: 1920px;
  max-height: 598px;
  width: 100%;
  height: 100%;
}
.exhibition-banner__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0.25;
}
.exhibition-banner__img--opacity100 img {
  opacity: 1;
}
.exhibition-banner__content {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  width: 100%;
  min-height: 100%;
  height: 100%;
  z-index: 1;
}
.exhibition-banner__content .date-plate__text {
  display: none;
}
@media (max-width: 1023px) {
  .exhibition-banner__content .date-plate__text {
    display: inline;
  }
}
.exhibition-banner__date {
  position: absolute;
  top: 0;
  left: 0;
}
.exhibition-banner__description-wrap {
  font-family: "PT Serif", sans-serif;
  font-size: 32px;
  font-weight: 400;
  line-height: 1.2;
  color: #fefefe;
}
@media (max-width: 1023px) {
  .exhibition-banner__description-wrap {
    font-family: "Inter", sans-serif;
    font-size: 12px;
  }
}
.exhibition-banner__description-wrap p {
  margin: 0;
}
.exhibition-banner__title {
  margin-top: clamp(1rem, 1.958vw + -0.301rem, 2rem);
  color: #fefefe;
}
@media (max-width: 1023px) {
  .exhibition-banner__title {
    margin-top: 0;
    margin-bottom: 16px;
    font-size: 24px;
    order: -1;
  }
}

.wrapper--send .exhibition-banner {
  min-width: auto;
  height: 238px;
}
.wrapper--send .exhibition-banner__wrapper {
  padding: 0;
}

.exhibition-list {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 0.49vw + 0.675rem, 1.25rem);
}
@media (max-width: 1023px) {
  .exhibition-list {
    gap: 0;
  }
}
@media (max-width: 1023px) {
  .exhibition-list__title {
    margin-bottom: 24px;
    font-size: 24px;
  }
}
.exhibition-list__list {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.exhibition-list__link {
  padding: 6px 0;
  font-size: clamp(0.875rem, 0.49vw + 0.55rem, 1.125rem);
}
@media (max-width: 1023px) {
  .exhibition-list__link {
    color: #000000;
  }
}
.exhibition-list__all {
  width: fit-content;
}
@media (max-width: 1023px) {
  .exhibition-list__all {
    margin-top: 10px;
    font-size: 13px;
    color: #000000;
  }
}

.virtual-exhibitions-page {
  display: flex;
  flex-direction: column;
  margin-bottom: 48px;
}
@media (max-width: 1023px) {
  .virtual-exhibitions-page {
    margin-bottom: 18px;
  }
}
.virtual-exhibitions-page .exhibition-banner {
  margin-bottom: clamp(1.5rem, 2.938vw + -0.452rem, 3rem);
}
@media (max-width: 1023px) {
  .virtual-exhibitions-page .exhibition-banner {
    margin-bottom: 32px;
  }
}
.virtual-exhibitions-page .breadcrumbs {
  width: 100%;
  max-width: 1840px;
  padding-left: 20px;
  padding-right: 20px;
  margin: 0 auto;
  margin-bottom: clamp(1rem, 0.979vw + 0.349rem, 1.5rem);
}
@media screen and (max-width: 1023px) {
  .virtual-exhibitions-page .breadcrumbs {
    max-width: 720px;
  }
}
@media screen and (max-width: 768px) {
  .virtual-exhibitions-page .breadcrumbs {
    max-width: 540px;
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media screen and (max-width: 576px) {
  .virtual-exhibitions-page .breadcrumbs {
    max-width: none;
  }
}
@media (max-width: 1023px) {
  .virtual-exhibitions-page .breadcrumbs {
    order: -1;
  }
}
.virtual-exhibitions-page__inner-page {
  width: 100%;
  max-width: 1840px;
  padding-left: 20px;
  padding-right: 20px;
  margin: 0 auto;
}
@media screen and (max-width: 1023px) {
  .virtual-exhibitions-page__inner-page {
    max-width: 720px;
  }
}
@media screen and (max-width: 768px) {
  .virtual-exhibitions-page__inner-page {
    max-width: 540px;
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media screen and (max-width: 576px) {
  .virtual-exhibitions-page__inner-page {
    max-width: none;
  }
}
.virtual-exhibitions-page__inner-content {
  overflow: hidden;
}
.virtual-exhibitions-page__aside-bottom {
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, 2.938vw + -0.452rem, 3rem);
}
@media (max-width: 1023px) {
  .virtual-exhibitions-page__aside-bottom {
    display: none;
  }
}
.virtual-exhibitions-page__content-bottom {
  display: none;
  flex-direction: column;
  gap: 32px;
}
@media (max-width: 1023px) {
  .virtual-exhibitions-page__content-bottom {
    display: flex;
    margin-top: 32px;
  }
}

.exhibition-galleries__title {
  margin-bottom: clamp(1rem, 0.979vw + 0.349rem, 1.5rem);
}
.exhibition-galleries__description {
  font-size: clamp(0.875rem, 0.245vw + 0.712rem, 1rem);
  margin-bottom: clamp(1rem, 6.854vw + -3.554rem, 4.5rem);
}
.exhibition-galleries__wrap {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 0.979vw + 0.349rem, 1.5rem);
}
.exhibition-galleries .pagination {
  margin: 0 auto;
  margin-top: clamp(1rem, 0.979vw + 0.349rem, 1.5rem);
}
.exhibition-galleries__slide {
  height: clamp(28.125rem, 12.24vw + 19.993rem, 34.375rem);
  max-width: 400px;
  border-radius: 8px;
  overflow: hidden;
  align-self: normal;
}
.exhibition-galleries__slide--numbers-facts {
  height: clamp(28.125rem, 12.24vw + 19.993rem, 34.375rem);
}
.exhibition-galleries__slide--historical-materials {
  max-width: 646px;
  height: clamp(25rem, 9.792vw + 18.494rem, 30rem);
}
.exhibition-galleries__slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.actions-detail__title {
  margin-bottom: clamp(1rem, 0.979vw + 0.349rem, 1.5rem);
}
.actions-detail__content {
  margin-bottom: clamp(1rem, 6.854vw + -3.554rem, 4.5rem);
}
.actions-detail__content p {
  margin-bottom: 18px;
  font-size: clamp(0.875rem, 0.245vw + 0.712rem, 1rem);
}
.actions-detail__content p:last-child {
  margin-bottom: 0;
}
.actions-detail__form {
  padding: clamp(1rem, 1.958vw + -0.301rem, 2rem);
  background-color: #f7f5ee;
  border-radius: 8px;
}
.actions-detail__form-title {
  margin-bottom: clamp(1rem, 0.979vw + 0.349rem, 1.5rem);
}
.actions-detail__form-row-wrap {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 0.979vw + 0.349rem, 1.5rem);
}
.actions-detail__form-row {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.actions-detail__form-row-label {
  font-size: clamp(0.875rem, 0.49vw + 0.55rem, 1.125rem);
}
.actions-detail__form-group {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: clamp(1rem, 0.979vw + 0.349rem, 1.5rem);
}
@media (max-width: 1023px) {
  .actions-detail__form-group {
    display: flex;
    flex-direction: column;
  }
}
.actions-detail__form-group--fill {
  display: flex;
}
.actions-detail__form-group .textarea__element {
  min-height: 124px;
}
.actions-detail__policy {
  margin-top: 6px;
}
.actions-detail__policy .checkbox {
  gap: 10px;
}
.actions-detail__policy .checkbox__label {
  font-size: 14px;
}
.actions-detail__send {
  margin-top: 8px;
  margin-right: auto;
}
@media (max-width: 576px) {
  .actions-detail__send {
    max-width: 303px;
    width: 100%;
    justify-content: center;
  }
}

.funds {
  margin-bottom: clamp(2rem, 4.896vw + -1.253rem, 4.5rem);
}
.funds__title {
  margin-bottom: 24px;
}
.funds__wrapper {
  display: grid;
  grid-template-columns: 1fr 3fr;
  gap: 72px;
}
.funds__list {
  margin-bottom: 24px;
}
.funds__items {
  display: grid;
  grid-template-columns: 18fr 60fr 11fr 11fr;
  border-bottom: 1px solid #d9d9d9;
}
.funds__items .filter {
  padding: 24px;
}
.funds__item {
  padding: 24px;
}
.funds__link {
  display: flex;
  justify-content: end;
}
.funds__link a {
  border-color: #00486b;
  color: #00486b;
}
.funds__link a:hover {
  border-color: #a62320;
  color: #a62320;
}
.funds__pagination {
  display: flex;
  justify-content: center;
}
.funds .funds__accordion.open .accordion-hidden {
  display: inline;
}
.funds .accordion-toggle {
  display: none;
}

@media (max-width: 1023px) {
  .funds__wrapper {
    display: flex;
    flex-direction: column;
    gap: 32px;
  }
  .funds__wrapper .aside-menu {
    overflow-x: auto;
  }
  .funds__wrapper .aside-menu__nav-link {
    height: 100%;
    white-space: initial;
    max-width: 335px;
  }
  .funds__title {
    font-size: 24px;
  }
  .funds__items {
    display: flex;
    flex-direction: column;
  }
  .funds__items:first-child {
    border-bottom: none;
    padding: 24px;
    align-items: end;
  }
  .funds__item {
    padding: 12px;
  }
  .funds__accordion .accordion-hidden {
    display: none;
  }
  .funds__accordion-text {
    margin-bottom: 12px;
  }
  .funds .accordion-toggle {
    display: flex;
    font-size: 13px;
  }
  .funds .accordion-toggle span {
    transform: rotate(90deg);
  }
  .funds .accordion-toggle[aria-expanded=true] span {
    transform: rotate(270deg);
  }
}
.opisi__title {
  margin-bottom: 24px;
}
.opisi__wrapper {
  display: flex;
  flex-direction: column;
  gap: clamp(0.625rem, 1.714vw + -0.513rem, 1.5rem);
}
.opisi__info {
  padding: clamp(0.75rem, 1.469vw + -0.226rem, 1.5rem) clamp(0rem, 2.938vw + -1.952rem, 1.5rem);
  background: #f7f5ee;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 2.448vw + -0.876rem, 2rem);
}
.opisi__info-item {
  display: grid;
  grid-template-columns: 120px 1fr;
  gap: 32px;
}
.opisi__items {
  display: grid;
  grid-template-columns: 13fr 72fr 8fr 8fr;
  border-bottom: 1px solid #d9d9d9;
}
.opisi__items .filter {
  padding: 24px;
}
.opisi__item {
  padding: 24px;
}
.opisi__link {
  display: flex;
  justify-content: end;
}
.opisi__link a {
  border-color: #00486b;
  color: #00486b;
}
.opisi__link a:hover {
  border-color: #a62320;
  color: #a62320;
}
.opisi .accordion-hidden {
  display: inline;
}
.opisi .opisi__accordion.open .accordion-hidden {
  display: inline;
}
.opisi .accordion-toggle {
  display: none;
}

.opisi-detail {
  margin-bottom: clamp(2rem, 4.896vw + -1.253rem, 4.5rem);
}
.opisi-detail__title {
  margin-bottom: 24px;
}
.opisi-detail__info {
  padding: 24px;
  background: #f7f5ee;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 2.448vw + -0.876rem, 2rem);
}
.opisi-detail__info-item {
  display: grid;
  grid-template-columns: 120px 1fr;
}
.opisi-detail__block {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.opisi-detail__gallery {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: 48px;
  row-gap: 24px;
}
.opisi-detail__gallery li {
  max-height: clamp(9.375rem, 26.683vw + -8.353rem, 23rem);
}
.opisi-detail__gallery li:hover {
  cursor: pointer;
}
.opisi-detail__gallery li img {
  object-fit: cover;
  height: 100%;
  width: 100%;
  border-radius: 8px;
}
.opisi-detail__modal .modal__content {
  padding: 0;
  max-width: 52vw;
}
.opisi-detail__modal .modal__close {
  z-index: 2;
  background: #fefefe;
  border-radius: 6px;
}
.opisi-detail__modal .modal__close svg {
  width: 25px;
  height: 25px;
}
.opisi-detail__modal img {
  height: 90vh;
  border-radius: 8px;
  width: 100%;
  object-fit: cover;
}
.opisi-detail__navigation {
  position: absolute;
  bottom: 24px;
  display: flex;
  gap: 16px;
  width: 100%;
  align-items: center;
  justify-content: center;
  z-index: 15;
}
.opisi-detail__prev {
  transform: rotate(180deg);
}
.opisi-detail__prev, .opisi-detail__next {
  cursor: pointer;
  color: #fefefe;
  border: #fefefe 1px solid;
  padding: 12px;
  border-radius: 8px;
}
.opisi-detail__pagination {
  display: flex;
  justify-content: center;
}
.opisi-detail__comments-wrapper {
  max-width: 1342px;
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 0.979vw + 0.349rem, 1.5rem);
}
.opisi-detail__comments-block {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.opisi-detail__comments-send {
  display: flex;
  gap: 12px;
  align-items: center;
}
.opisi-detail__comments-user {
  padding: 8px 10px;
  border-radius: 50%;
}
.opisi-detail__comments-user span {
  color: #fefefe;
}
.opisi-detail__comments-user.blue {
  background: #00486b;
}
.opisi-detail__comments-input {
  width: 100%;
}
.opisi-detail__item {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.opisi-detail__item-block {
  display: flex;
  flex-direction: column;
  gap: 8px;
  background-color: #f3f3f3;
  border-radius: 8px;
  padding: 12px clamp(0.5rem, 0.979vw + -0.151rem, 1rem);
}
.opisi-detail__item-block--reply {
  background-color: #f3f3f3;
}
.opisi-detail__item-block--quote {
  background-color: #f7f5ee;
}
.opisi-detail__item-block--quote .opisi-detail__item-text.quote {
  color: #5b422c;
}
.opisi-detail__item-info {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.opisi-detail__item-user {
  display: flex;
  align-items: center;
  gap: 20px;
}
.opisi-detail__item-user p {
  font-size: clamp(1rem, 0.245vw + 0.837rem, 1.125rem);
}
.opisi-detail__item-date {
  color: #b8b5b3;
}
.opisi-detail__item-communication {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.opisi-detail__item-send {
  display: flex;
  gap: 16px;
  color: #b8b5b3;
}
.opisi-detail__item-textarea {
  width: 100%;
  height: clamp(10.188rem, 1.591vw + 9.13rem, 11rem);
  margin-bottom: 8px;
  padding: 12px 8px;
  border-radius: 8px;
}
.opisi-detail__reply {
  margin-left: clamp(1rem, 1.958vw + -0.301rem, 2rem);
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.opisi-detail__reply-form {
  background-color: #f3f3f3;
  padding: 12px 16px;
  border-radius: 10px;
  display: block;
}
.opisi-detail__reply-form.is-hidden {
  display: none;
}
.opisi-detail__reply-actions {
  display: flex;
  gap: 12px;
}
.opisi-detail__cancel-btn {
  color: #005d8b;
}

@media (max-width: 1023px) {
  .opisi__title {
    margin-bottom: 32px;
    font-size: 24px;
  }
  .opisi__info-item {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 12px;
  }
  .opisi__info-subtitle {
    font-size: 18px;
  }
  .opisi__info-text {
    font-size: 13px;
  }
  .opisi__items {
    display: flex;
    flex-direction: column;
  }
  .opisi__items:first-child {
    border-bottom: none;
    padding: 24px;
    align-items: end;
  }
  .opisi__item {
    padding: 12px;
  }
  .opisi__accordion .accordion-hidden {
    display: none;
  }
  .opisi__accordion-text {
    margin-bottom: 12px;
  }
  .opisi .accordion-toggle {
    display: flex;
    font-size: 13px;
  }
  .opisi .accordion-toggle span {
    transform: rotate(90deg);
  }
  .opisi .accordion-toggle[aria-expanded=true] span {
    transform: rotate(270deg);
  }
  .opisi-detail__title {
    font-size: 24px;
  }
  .opisi-detail__modal .modal__content {
    max-width: 90vw;
    height: 31vh;
  }
  .opisi-detail__modal .swiper {
    margin-left: 0;
    margin-right: 0;
  }
  .opisi-detail__modal img {
    height: 100%;
  }
  .opisi-detail__info-item {
    display: flex;
    flex-direction: column;
    gap: 12px;
  }
  .opisi-detail__info-button button {
    width: 100%;
    justify-content: center;
  }
  .opisi-detail__gallery {
    grid-template-columns: repeat(2, 1fr);
    column-gap: 24px;
    row-gap: 32px;
  }
  .opisi-detail__comments-send {
    flex-wrap: wrap;
  }
  .opisi-detail__comments-input {
    width: 85%;
  }
  .opisi-detail__comments-button {
    display: flex;
    justify-content: end;
    width: 100%;
  }
  .opisi-detail__item-info {
    flex-direction: column;
    align-items: start;
    gap: 4px;
  }
  .opisi-detail__item-user {
    gap: 12px;
  }
  .opisi-detail__item-block {
    gap: 12px;
  }
  .opisi-detail__item-communication {
    font-size: 13px;
  }
  .opisi-detail__item-date {
    font-size: 13px;
  }
}
.guide__title {
  margin-bottom: 24px;
}
.guide__wrapper {
  display: grid;
  grid-template-columns: 1fr 3fr;
  gap: clamp(2rem, 4.896vw + -1.253rem, 4.5rem);
}
.guide__info {
  display: flex;
  flex-direction: column;
  gap: clamp(2rem, 1.958vw + 0.699rem, 3rem);
}
.guide__info-list {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.guide__info-information {
  font-size: clamp(0.813rem, 0.367vw + 0.569rem, 1rem);
  color: #b8b5b3;
}
.guide__info-title {
  margin-bottom: 16px;
}
.guide__info-text {
  font-size: clamp(0.813rem, 0.367vw + 0.569rem, 1rem);
}
.guide__items {
  display: grid;
  grid-template-columns: 18fr 71fr 11fr;
  border-bottom: 1px solid #d9d9d9;
}
.guide__item {
  padding: 24px;
}
.guide__download {
  text-align: end;
}
.guide__download span {
  color: #00486b;
  border: 1px solid #00486b;
  border-radius: 50%;
  padding: 7px;
  cursor: pointer;
  transition: color 0.38s ease-in-out;
}
.guide__download span:hover {
  transition: color 0.38s ease-in-out, border-color 0.38s ease-in-out;
  border: 1px solid #a62320;
  color: #a62320;
}
.guide .guide__accordion.open .accordion-hidden {
  display: inline;
}
.guide .accordion-toggle {
  display: none;
}

@media (max-width: 1023px) {
  .guide__title {
    margin-bottom: 32px;
    font-size: 24px;
  }
  .guide__wrapper {
    display: flex;
    flex-direction: column-reverse;
    position: relative;
  }
  .guide__info .aside-menu {
    overflow-x: auto;
    position: absolute;
    top: 0;
  }
  .guide__info .aside-menu__nav-link {
    height: 100%;
    white-space: initial;
    max-width: 335px;
  }
  .guide__info-title {
    font-size: 24px;
  }
  .guide__content {
    margin-top: 88px;
  }
  .guide__items {
    display: flex;
    flex-direction: column;
  }
  .guide__items:first-child {
    border-bottom: none;
    padding: 24px;
    align-items: end;
  }
  .guide__item {
    padding: 12px;
  }
  .guide__accordion .accordion-hidden {
    display: none;
  }
  .guide__accordion-text {
    margin-bottom: 12px;
  }
  .guide .accordion-toggle {
    display: flex;
    font-size: 13px;
  }
  .guide .accordion-toggle span {
    transform: rotate(90deg);
  }
  .guide .accordion-toggle[aria-expanded=true] span {
    transform: rotate(270deg);
  }
}
.family {
  margin-bottom: clamp(2rem, 4.896vw + -1.253rem, 4.5rem);
}
.family__title {
  font-size: clamp(1.5rem, 2.448vw + -0.126rem, 2.75rem);
  margin-bottom: 24px;
}
.family__wrapper {
  display: grid;
  grid-template-columns: 1fr 3fr;
  gap: clamp(2rem, 4.896vw + -1.253rem, 4.5rem);
}
.family__block {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.family__pagination {
  display: flex;
  justify-content: center;
}
.family__text {
  padding: clamp(0.75rem, 0.49vw + 0.425rem, 1rem) 0;
  text-transform: uppercase;
}
.family__link {
  display: flex;
  padding: 16px;
}
.family__link.pointer {
  display: none;
}
.family__link .link:hover {
  color: #a62320;
  border: 1px solid #a62320;
}
.family__banner {
  border-radius: 8px;
  position: relative;
  overflow: hidden;
  background-repeat: no-repeat;
  background-size: cover;
  background-position-x: right;
}
.family__banner-confession:has([data-fund-accordion].open) {
  background-image: none;
  background-color: #7b8a00;
}
.family__banner-confession {
  background-image: url("../img/picture/MyFamily/bg-confession.png");
}
.family__banner-metric:has([data-fund-accordion].open) {
  background-image: none;
  background-color: #005d8b;
}
.family__banner-metric {
  background-image: url("../img/picture/MyFamily/bg-metric-books.png");
}
.family__banner-fairy:has([data-fund-accordion].open) {
  background-image: none;
  background-color: #7b8a00;
}
.family__banner-fairy {
  background-image: url("../img/picture/MyFamily/bg-fairy-tales.png");
}
.family__banner-sevastopol:has([data-fund-accordion].open) {
  background-image: none;
  background-color: #5b422c;
}
.family__banner-sevastopol {
  background-image: url("../img/picture/MyFamily/bg-metric-books-sevastopol.png");
}
.family__banner-breeding {
  background-image: url("../img/picture/MyFamily/bg-breeding.png");
}
.family__banner-parish {
  background-image: url("../img/picture/MyFamily/bg-parish-markers.png");
}
.family__banner-parish:has([data-fund-accordion].open) {
  background-image: none;
  background-color: #5b422c;
}

.family-breeding__wrapper {
  display: flex;
  flex-direction: column;
  gap: clamp(2rem, 1.958vw + 0.699rem, 3rem);
}
.family-breeding__title {
  font-size: clamp(1.5rem, 0.979vw + 0.849rem, 2rem);
}
.family-breeding__text {
  font-size: clamp(0.813rem, 0.612vw + 0.406rem, 1.125rem);
}
.family-breeding__text span {
  color: #a62320;
  text-decoration: underline;
}
.family-breeding__text span :hover {
  cursor: pointer;
}
.family-breeding__banner {
  padding: 24px;
  border-radius: 8px;
  color: #fefefe;
}
.family-breeding__banner-title {
  font-size: clamp(1.125rem, 1.714vw + -0.013rem, 2rem);
}
.family-breeding__banner-block {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 0.979vw + 0.349rem, 1.5rem);
  width: 65%;
}
.family-breeding__banner-text {
  font-size: clamp(0.813rem, 0.367vw + 0.569rem, 1rem);
}
.family-breeding__banner-text a {
  text-decoration: underline;
  display: inline-block;
}
.family-breeding__banner-text a:hover {
  cursor: pointer;
}
.family-breeding__banner h2 {
  color: #fefefe;
}
.family-breeding__block {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.family-breeding__list {
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1.469vw + -0.226rem, 1.5rem);
}
.family-breeding__list-item {
  display: grid;
  grid-template-columns: 30px 1fr;
  gap: 32px;
  padding: 24px;
  background: #f7f5ee;
  border-radius: 8px;
}
.family-breeding__list-number {
  color: #a62320;
}
.family-breeding__list-number p {
  border: 1px solid #a62320;
  border-radius: 50%;
  padding: 4px 8px;
  text-align: center;
}
.family-breeding__list-content {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.family-breeding__list-info li {
  list-style-type: disc;
  margin-left: 20px;
}
.family-breeding__attention {
  background: #e2dac9;
  display: flex;
  gap: 16px;
  padding: 24px 12px;
  border-radius: 8px;
}
.family-breeding__attention p {
  font-size: clamp(1rem, 0.245vw + 0.837rem, 1.125rem);
}

.family-moscow__left {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.family-moscow__left .aside-menu__nav {
  margin-bottom: 0;
}
.family-moscow__item {
  display: flex;
  gap: 24px;
  align-items: center;
  background-color: #f3f3f3;
  border: 1px solid #ebe9e1;
  padding: 24px clamp(0.75rem, 1.469vw + -0.226rem, 1.5rem);
  border-radius: 8px;
}
.family-moscow__text {
  color: #00486b;
  font-size: 24px;
  font-family: "PT Serif", sans-serif;
}
.family-moscow__link .link {
  background: transparent;
}
.family-moscow__map {
  width: 78%;
  cursor: pointer;
}
.family-moscow__map img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.family-pointer__item {
  display: grid;
  grid-template-columns: 60fr 40fr;
  padding: 24px;
  align-items: center;
  gap: 48px;
  border-bottom: 1px solid #d9d9d9;
}
.family-pointer__link {
  display: none;
}

.family-confessional__content {
  display: flex;
  flex-direction: column;
  gap: 48px;
}
.family-confessional__block {
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  color: #fefefe;
  width: 69%;
  position: relative;
  z-index: 1;
}
.family-confessional__block h2 {
  color: #fefefe;
  margin-bottom: 0;
}
.family-confessional__item {
  display: grid;
  grid-template-columns: 18fr 60fr 13fr 13fr;
  padding: 24px;
  border-bottom: 1px solid #d9d9d9;
  align-items: center;
  gap: 48px;
}
.family-confessional__accordion-text:last-child {
  margin-bottom: 0;
}
.family-confessional__accordion.open .accordion-hidden {
  display: block;
}
.family-confessional__accordion .accordion-hidden {
  display: none;
}
.family-confessional__accordion .accordion-toggle {
  display: flex;
  font-size: 13px;
  align-items: center;
  gap: 4px;
  color: #fefefe;
}
.family-confessional__accordion .accordion-toggle span {
  display: inline-block;
  transition: transform 0.3s;
  transform: rotate(90deg);
}
.family-confessional__accordion .accordion-toggle[aria-expanded=true] span {
  transform: rotate(270deg);
}

.family-detail__wrapper {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.family-detail__icon {
  position: absolute;
  top: 20px;
  right: 20px;
  font-size: 18px;
  color: #fefefe;
}
.family-detail__block {
  padding: 24px clamp(0.75rem, 1.469vw + -0.226rem, 1.5rem);
  background-color: #f7f5ee;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 2.448vw + -0.876rem, 2rem);
}
.family-detail__block-item {
  display: grid;
  grid-template-columns: 120px 1fr;
  gap: 32px;
}
.family-detail__block-text {
  padding: clamp(0.25rem, 0.49vw + -0.075rem, 0.5rem) 0;
}
.family-detail__block-text.red {
  color: #a62320;
}
.family-detail__gallery {
  display: grid;
  grid-template-columns: 66fr 32fr;
  gap: 24px;
}
.family-detail__main {
  background-color: rgba(0, 0, 0, 0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 24px;
  padding-bottom: 24px;
  border-radius: 8px;
  position: relative;
}
.family-detail__main-img {
  height: auto;
  max-width: 40%;
  cursor: pointer;
}
.family-detail__info {
  background-color: #eeeeee;
  padding: 24px 16px;
  border-radius: 8px;
  max-height: 751px;
  overflow-y: auto;
}
.family-detail__toggle {
  margin-bottom: 20px;
  display: flex;
  justify-content: end;
}
.family-detail__toggle .btn {
  padding: 0;
  background-color: transparent;
}
.family-detail__toggle .btn span {
  transform: rotate(90deg);
}
.family-detail__toggle .btn:focus {
  border-color: transparent;
}
.family-detail__miniatures {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
  gap: 16px;
}
.family-detail__miniature {
  width: 100%;
  border-radius: 8px;
  cursor: pointer;
  position: relative;
  height: 149px;
}
.family-detail__miniature.active::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(48, 43, 39, 0.4);
  border-radius: inherit;
  z-index: 1;
}
.family-detail__miniature.active {
  outline: 2px solid #a62320;
  opacity: 1;
}
.family-detail__miniature-img {
  width: 100%;
  height: 100%;
  border-radius: 8px;
  object-fit: cover;
}
.family-detail__items {
  display: grid;
  grid-template-columns: 13fr 72fr 8fr 8fr;
  border-bottom: 1px solid #d9d9d9;
  padding: 16px;
}
.family-detail__items .filter {
  padding: 16px;
}
.family-detail__item {
  padding: clamp(0.75rem, 1.469vw + -0.226rem, 1.5rem);
}
.family-detail__accordion-text {
  margin-bottom: clamp(0.75rem, 1.469vw + -0.226rem, 1.5rem);
}
.family-detail__accordion-text:last-child {
  margin-bottom: 0;
}
.family-detail__accordion.open .accordion-hidden {
  display: inline;
}
.family-detail__accordion .accordion-hidden {
  display: inline;
}
.family-detail__accordion .accordion-toggle {
  display: none;
}
.family-detail__modal .modal__content {
  padding: 0;
  max-width: 52vw;
}
.family-detail__modal .modal__close {
  z-index: 2;
  background: #fefefe;
  border-radius: 6px;
}
.family-detail__modal .modal__close svg {
  width: 25px;
  height: 25px;
}
.family-detail__modal img {
  height: 90vh;
  border-radius: 8px;
  width: 100%;
  object-fit: cover;
}
.family-detail__navigation {
  position: absolute;
  bottom: 24px;
  display: flex;
  gap: 16px;
  width: 100%;
  align-items: center;
  justify-content: center;
  z-index: 15;
}
.family-detail__prev {
  transform: rotate(180deg);
}
.family-detail__prev, .family-detail__next {
  cursor: pointer;
  color: #fefefe;
  border: #fefefe 1px solid;
  padding: 12px;
  border-radius: 8px;
}
.family-detail__comments-wrapper {
  max-width: 1342px;
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 0.979vw + 0.349rem, 1.5rem);
}
.family-detail__comments-block {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.family-detail__comments-send {
  display: flex;
  gap: 12px;
  align-items: center;
}
.family-detail__comments-user {
  padding: 8px 10px;
  border-radius: 50%;
}
.family-detail__comments-user span {
  color: #fefefe;
}
.family-detail__comments-user.blue {
  background: #00486b;
}
.family-detail__comments-input {
  width: 100%;
}
.family-detail__comment {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.family-detail__item-block {
  display: flex;
  flex-direction: column;
  gap: 8px;
  background-color: #f3f3f3;
  border-radius: 8px;
  padding: 12px clamp(0.5rem, 0.979vw + -0.151rem, 1rem);
}
.family-detail__item-block--reply {
  background-color: #f3f3f3;
}
.family-detail__item-block--quote {
  background-color: #f7f5ee;
}
.family-detail__item-block--quote .opisi-detail__item-text.quote {
  color: #5b422c;
}
.family-detail__item-info {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.family-detail__item-user {
  display: flex;
  align-items: center;
  gap: 20px;
}
.family-detail__item-user p {
  font-size: clamp(1rem, 0.245vw + 0.837rem, 1.125rem);
}
.family-detail__item-date {
  color: #b8b5b3;
}
.family-detail__item-communication {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.family-detail__item-send {
  display: flex;
  gap: 16px;
  color: #b8b5b3;
}
.family-detail__item-textarea {
  width: 100%;
  height: clamp(10.188rem, 1.591vw + 9.13rem, 11rem);
  margin-bottom: 8px;
  padding: 12px 8px;
  border-radius: 8px;
}
.family-detail__reply {
  margin-left: clamp(1rem, 1.958vw + -0.301rem, 2rem);
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.family-detail__reply-form {
  background-color: #f3f3f3;
  padding: 12px 16px;
  border-radius: 10px;
  display: block;
}
.family-detail__reply-form.is-hidden {
  display: none;
}
.family-detail__reply-actions {
  display: flex;
  gap: 12px;
}
.family-detail__cancel-btn {
  color: #005d8b;
}

@media (max-width: 1023px) {
  .family__title {
    margin-bottom: 32px;
  }
  .family__wrapper {
    display: flex;
    flex-direction: column;
  }
  .family__wrapper .aside-menu {
    overflow-x: auto;
  }
  .family__link {
    justify-content: end;
  }
  .family__link.pointer {
    display: flex;
  }
  .family__banner-confession {
    background-image: none;
    background-color: #7b8a00;
  }
  .family__banner-fairy {
    background-image: none;
    background-color: #7b8a00;
  }
  .family__banner-metric {
    background-image: none;
    background-color: #005d8b;
  }
  .family__banner-sevastopol {
    background-image: none;
    background-color: #5b422c;
  }
  .family__banner-breeding {
    background-image: none;
    background: #00486b;
  }
  .family__banner-parish {
    background-image: none;
    background-color: #5b422c;
  }
  .family-breeding__banner {
    padding: 24px 16px;
  }
  .family-breeding__banner-block {
    width: 100%;
  }
  .family-breeding__banner-title {
    width: 75%;
  }
  .family-breeding__list-item {
    display: flex;
    flex-direction: column-reverse;
    position: relative;
    padding: 24px 0;
    background: none;
  }
  .family-breeding__list-number {
    position: absolute;
    top: 24px;
    left: 0;
  }
  .family-breeding__list-content h3 {
    margin-left: 46px;
    font-size: 18px;
    width: 75%;
  }
  .family-moscow__wrapper {
    position: relative;
  }
  .family-moscow__map {
    width: 100%;
    order: 1;
    margin-top: 88px;
  }
  .family-moscow__left {
    order: 2;
  }
  .family-moscow__left .aside-menu {
    position: absolute;
    top: 0;
    left: 0;
    overflow-x: auto;
  }
  .family-pointer__item {
    display: flex;
    flex-direction: column;
    align-items: normal;
    gap: 0px;
  }
  .family-pointer__item:first-child {
    border-bottom: none;
    padding: 24px;
    align-items: end;
  }
  .family-pointer__link {
    display: flex;
    justify-content: end;
  }
  .family-pointer__text {
    color: #b8b5b3;
  }
  .family-confessional__item {
    display: flex;
    flex-direction: column;
    align-items: normal;
    gap: 0px;
  }
  .family-confessional__item:first-child {
    border-bottom: none;
    padding: 24px;
    align-items: end;
  }
  .family-confessional__block {
    width: 100%;
  }
  .family-confessional__banner {
    background-image: none;
    background-color: #7b8a00;
  }
  .family-confessional__accordion-text {
    padding: 0;
  }
  .family-detail__block-item {
    display: flex;
    flex-direction: column;
    gap: 12px;
  }
  .family-detail__block-subtitle {
    font-size: 18px;
  }
  .family-detail__gallery {
    display: flex;
    flex-direction: column;
  }
  .family-detail__miniatures {
    grid-template-rows: none;
  }
  .family-detail__main-img {
    width: 70%;
  }
  .family-detail__items {
    display: flex;
    flex-direction: column;
  }
  .family-detail__items:first-child {
    border-bottom: none;
    padding: 24px;
    align-items: end;
  }
  .family-detail__accordion-text {
    margin-bottom: 12px;
  }
  .family-detail .accordion-hidden {
    display: none;
  }
  .family-detail .accordion-toggle {
    display: flex;
    font-size: 13px;
    align-items: center;
    gap: 4px;
  }
  .family-detail .accordion-toggle span {
    display: inline-block;
    transition: transform 0.3s;
    transform: rotate(90deg);
  }
  .family-detail .accordion-toggle[aria-expanded=true] span {
    transform: rotate(270deg);
  }
  .family-detail__modal .modal__content {
    max-width: 90vw;
    height: 31vh;
  }
  .family-detail__modal .swiper {
    margin-left: 0;
    margin-right: 0;
  }
  .family-detail__modal img {
    height: 100%;
  }
  .family-detail__comments-send {
    flex-wrap: wrap;
  }
  .family-detail__comments-input {
    width: 85%;
  }
  .family-detail__comments-button {
    display: flex;
    justify-content: end;
    width: 100%;
  }
  .family-detail__item-info {
    flex-direction: column;
    align-items: start;
    gap: 4px;
  }
  .family-detail__item-user {
    gap: 12px;
  }
  .family-detail__item-block {
    gap: 12px;
  }
  .family-detail__item-communication {
    font-size: 13px;
  }
  .family-detail__item-date {
    font-size: 13px;
  }
}
.wow {
  margin-bottom: 0;
}
.wow__search {
  margin-bottom: 16px;
  width: 880px;
}
.wow__modal {
  display: none;
  padding: 0;
  width: 1150px;
  background-color: transparent;
}
.wow__content {
  margin-bottom: clamp(1.5rem, 2.938vw + -0.452rem, 3rem);
}
.wow__gallery {
  height: 750px;
}
.wow__gallery .family-detail__main-img {
  max-width: 100%;
  object-fit: contain;
}
.wow__title {
  margin-bottom: clamp(1.5rem, 0.979vw + 0.849rem, 2rem);
}
.wow__text {
  font-size: 16px;
  display: grid;
  gap: 24px;
  text-align: justify;
  grid-template-rows: max-content;
}
.wow .exhibitions__card-title {
  margin-bottom: 0;
}
.wow .exhibitions__card:nth-child(1) {
  grid-row-start: 1;
  grid-column-start: 1;
}
.wow .exhibitions__card:nth-child(2) {
  grid-row-start: 2;
  grid-column-start: 1;
}
.wow .exhibitions__card:nth-child(4) {
  grid-row-start: 1;
  grid-column-start: 3;
}
.wow .exhibitions__card:nth-child(5) {
  grid-row-start: 2;
  grid-column-start: 3;
}
.wow .news__top-image {
  width: 100%;
}
.wow__container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: clamp(2rem, 3.917vw + -0.602rem, 4rem);
}
.wow__container--col3 {
  grid-template-columns: repeat(3, 1fr);
}
.wow__container--col4 {
  grid-template-columns: 1fr 1fr 1fr 1fr;
}
.wow__container--flex {
  display: flex;
}

.wowDetail--grid {
  display: grid;
  grid-template-columns: 390px 1fr;
  gap: clamp(2.25rem, 4.406vw + -0.677rem, 4.5rem);
}
.wowDetail--gridBig {
  display: grid;
  grid-template-columns: 584px 1fr;
  gap: clamp(2.25rem, 4.406vw + -0.677rem, 4.5rem);
}
.wowDetail__sidebar {
  position: sticky;
  top: 176px;
  height: fit-content;
}
.wowDetail__sidebar-list {
  margin-bottom: clamp(2rem, 3.917vw + -0.602rem, 4rem);
}
.wowDetail__sidebar-list--flex {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.wowDetail__sidebar-link {
  padding: 16px 32px;
  border-bottom: 2px solid #d9d9d9;
  font-size: 18px;
  transition: border-bottom 0.38s ease-in-out;
}
.wowDetail__sidebar-link--active {
  border-bottom: 2px solid #a62320;
}
@media (hover: hover) {
  .wowDetail__sidebar-link:hover {
    border-bottom: 2px solid #a62320;
  }
}
.wowDetail__gallery {
  display: grid;
  grid-template-columns: 1fr 1fr;
  row-gap: 48px;
  column-gap: 16px;
}
.wowDetail__gallery-img {
  height: 480px;
  cursor: pointer;
  overflow: hidden;
}
@media (hover: hover) {
  .wowDetail__gallery-img:hover img {
    transform: scale(1.2);
  }
}
.wowDetail__gallery-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1);
  transition: transform 0.38s ease-in-out;
}
.wowDetail__container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: clamp(2rem, 3.917vw + -0.602rem, 4rem);
  margin-bottom: clamp(1.5rem, 2.938vw + -0.452rem, 3rem);
}
.wowDetail__slider-navigate {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 16px;
  gap: 16px;
}
.wowDetail__slider-slide {
  width: auto;
  cursor: pointer;
}
.wowDetail__slider-slide img {
  width: 100%;
  height: 550px;
  object-fit: contain;
}

.wowNews__title {
  margin-bottom: clamp(1rem, 0.979vw + 0.349rem, 1.5rem);
}
.wowNews__container {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: clamp(1.5rem, 2.938vw + -0.452rem, 3rem);
}
.wowNews__container .virtual-exhibitions__card:first-child {
  grid-column: auto;
}

.wowMuseum {
  display: grid;
  grid-template-columns: 1fr 504px 1fr;
  grid-template-rows: auto;
  gap: 24px;
  column-gap: 64px;
}
.wowMuseum__card {
  grid-row: span 2;
  grid-column: 2;
}
@media (hover: hover) {
  .wowMuseum__card:hover .link__icon {
    margin-left: 8px;
  }
  .wowMuseum__card:hover .wowMuseum__card-title {
    color: #a62320;
  }
}
.wowMuseum__card--flex {
  display: flex;
  grid-column: auto;
  gap: 24px;
}
.wowMuseum__card--grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column: auto;
  gap: 24px;
}
.wowMuseum__card-title {
  margin-bottom: clamp(0.5rem, 0.979vw + -0.151rem, 1rem);
  transition: color 0.38s ease-in-out;
}
.wowMuseum__card-image {
  min-height: 285px;
  object-fit: cover;
  border-radius: 8px;
}
.wowMuseum__card-desc {
  font-size: 16px;
}
.wowMuseum__card-link {
  margin-top: clamp(1rem, 2.448vw + -0.626rem, 2.25rem);
}
@media (hover: hover) {
  .wowMuseum .exhibitions__card:hover .exhibitions__card-img {
    transform: scale(1.2);
  }
}

.wowMedia__slide {
  height: clamp(15.625rem, 14.443vw + 6.029rem, 23rem);
  border-radius: 8px;
  position: relative;
}
.wowMedia__slide-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 70px;
  height: 70px;
  background: url("../img/icon/play.svg") no-repeat;
  opacity: 0.8;
  cursor: pointer;
  background-size: contain;
  z-index: 1;
  border-radius: 50%;
  transition: opacity 0.38s ease-in-out;
}
.wowMedia__slide-icon:hover {
  opacity: 1;
}
.wowMedia__slide:has(img) {
  border: 1px solid #000000;
}
.wowMedia__slide:has(video):before {
  content: "";
  border-radius: 8px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #41291d 100%);
}
.wowMedia__slide video, .wowMedia__slide img {
  width: 100%;
  border-radius: 8px;
  height: 100%;
  object-fit: cover;
}

.wowList__content {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 64px;
}

.fancybox__slide.is-selected .wowMap__modal {
  visibility: visible;
  position: relative;
}

.viewer__desc {
  margin-bottom: 12px;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
  text-align: left;
}
.viewer__desc-text {
  color: #fefefe;
  font-size: 16px;
  line-height: 1.2;
}

.wowMap {
  display: grid;
  grid-template-columns: 584px 1fr;
  gap: 48px;
}
.wowMap--full {
  grid-template-columns: 1fr;
}
.wowMap--full .wowMap__content {
  gap: clamp(2rem, 3.917vw + -0.602rem, 4rem);
}
.wowMap__search {
  position: absolute;
  z-index: 9;
  left: 15px;
  top: 15px;
  width: 296px;
}
.wowMap__search-title {
  font-size: 14px;
  margin-bottom: 6px;
}
.wowMap__search-text {
  font-size: 13px;
  opacity: 0.5;
}
.wowMap__search .autoComplete_wrapper {
  width: 100%;
}
.wowMap__search .autoComplete_wrapper > input {
  width: 100%;
  background-color: #fefefe;
  border-radius: 8px;
  border: 1px solid #d9d9d9;
  padding: 12px 40px 12px 16px;
  line-height: 1.2;
  font-size: 16px;
  height: auto;
  color: #000000;
  background-image: url("../img/icon/search.svg");
  background-size: 18px;
  background-position: right 16px center;
}
.wowMap__search .autoComplete_wrapper > input::-webkit-input-placeholder {
  color: #b8b5b3;
}
.wowMap__search .autoComplete_wrapper > input::-moz-placeholder {
  color: #b8b5b3;
}
.wowMap__search .autoComplete_wrapper > input:-ms-input-placeholder {
  color: #b8b5b3;
}
.wowMap__search .autoComplete_wrapper > input::-ms-input-placeholder {
  color: #b8b5b3;
}
.wowMap__search .autoComplete_wrapper > input::placeholder {
  color: #b8b5b3;
}
.wowMap__search .autoComplete_wrapper > ul {
  width: 100%;
  padding: 16px 6px;
  max-height: 560px;
}
.wowMap__search .autoComplete_wrapper > ul > li mark {
  color: #a62320;
}
.wowMap__search .autoComplete_wrapper > ul > li {
  margin: 0 0 10px 0;
  padding: 10px 10px 16px 10px;
  white-space: normal;
  border-bottom: 1px solid #d9d9d9;
  border-radius: 0;
}
.wowMap__modal {
  visibility: hidden;
  position: absolute;
  width: 1600px;
  padding: 0;
  background: transparent;
}
.wowMap__modal .wowMap__imgs {
  height: 750px;
}
.wowMap__container {
  position: relative;
  height: 650px;
}
.wowMap__content {
  height: 100%;
  display: flex;
}
.wowMap__map {
  width: 100%;
  height: 618px;
  object-fit: cover;
}
.wowMap__imgs {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 6px;
  margin-bottom: clamp(1rem, 0.979vw + 0.349rem, 1.5rem);
  position: relative;
  height: 247px;
}
.wowMap__imgs-slider {
  position: absolute;
  z-index: 9;
  cursor: pointer;
  background-color: #fefefe;
  border-radius: 8px;
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background-color 0.38s ease-in-out;
}
.wowMap__imgs-slider:hover, .wowMap__imgs-slider:active {
  background-color: #a62320;
}
.wowMap__imgs-slider:hover .wowMap__imgs-icon, .wowMap__imgs-slider:active .wowMap__imgs-icon {
  color: #fefefe;
}
.wowMap__imgs-icon {
  font-size: 20px;
  transition: color 0.38s ease-in-out;
}
.wowMap__imgs-icon--left {
  transform: rotate(180deg);
  margin-right: -10px;
}
.wowMap__imgs-img {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.wowMap__imgs-img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  vertical-align: middle;
}

.wowChronicle {
  display: grid;
  grid-template-columns: 584px 1144px;
  gap: 72px;
  position: relative;
}
.wowChronicle__sidebar {
  position: sticky;
  top: 190px;
  height: fit-content;
}
.wowChronicle__sidebar-title {
  margin-bottom: clamp(1rem, 1.958vw + -0.301rem, 2rem);
}
.wowChronicle__sidebar-text {
  width: 100%;
  text-align: justify;
  display: grid;
  gap: 20px;
}
.wowChronicle__sidebar-slider {
  margin-bottom: 72px;
}
.wowChronicle__sidebar-slider .swiper-slide-thumb-active {
  border-bottom: 2px solid #a62320;
  color: #a62320;
}
.wowChronicle__sidebar-slide {
  text-align: center;
  padding-bottom: 16px;
  cursor: pointer;
  border-bottom: 2px solid transparent;
  transition: border-bottom 0.38s ease-in-out, color 0.38s ease-in-out;
}
.wowChronicle__sidebar-slide:hover {
  color: #a62320;
}
.wowChronicle__sidebar .title__desc {
  width: 100%;
  text-align: justify;
}
.wowChronicle__content .swiper-slide {
  background-color: #f7f5ee;
}
.wowChronicle__content-slide {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 64px;
}
.wowChronicle__img {
  height: 368px;
  object-fit: cover;
}
.wowChronicle__card {
  cursor: pointer;
}
@media (hover: hover) {
  .wowChronicle__card:hover .link__icon {
    margin-left: 8px;
  }
  .wowChronicle__card:hover .wowMedia__slide-icon {
    opacity: 1;
  }
  .wowChronicle__card:hover .title {
    color: #a62320;
  }
}
.wowChronicle__card--flex {
  display: flex;
  flex-direction: column;
}
.wowChronicle__card--flex .wowChronicle__card-img {
  flex-grow: 1;
  object-fit: contain;
}
.wowChronicle__card--width {
  width: 22.3%;
  margin-bottom: clamp(1.5rem, 2.938vw + -0.452rem, 3rem);
}
.wowChronicle__card--widthCol3 {
  width: 400px;
  margin-bottom: clamp(2rem, 3.917vw + -0.602rem, 4rem);
}
.wowChronicle__card--widthCol2 {
  width: 540px;
  margin-bottom: clamp(2rem, 3.917vw + -0.602rem, 4rem);
}
.wowChronicle__card-link {
  margin-top: 36px;
}
.wowChronicle__card-item {
  margin-bottom: 24px;
  position: relative;
}
.wowChronicle__card-img {
  margin-bottom: 24px;
  width: 100%;
  object-fit: contain;
  border-radius: 8px;
  object-position: left;
}
.wowChronicle__card-img--pointer {
  cursor: pointer;
}
.wowChronicle__card-img--cover {
  object-fit: cover;
  min-height: 307px;
}
.wowChronicle__card-desc {
  margin-top: 24px;
  font-size: 16px;
  margin-bottom: clamp(1.125rem, 2.203vw + -0.339rem, 2.25rem);
}

.leaflet-pane {
  z-index: 8;
}

.map-1-container {
  margin: 0px 2px 0px 0px;
  width: 100%;
  text-align: center;
  position: relative;
}

.map-2-container {
  margin: 0 0px 0px 2px;
  width: 100%;
  text-align: center;
  position: relative;
}

#map2, #map1, #map {
  height: 100%;
  border-radius: 8px;
}

.leaflet-control {
  z-index: 9;
}

.leaflet-top, .leaflet-bottom {
  z-index: 9;
}

.aim {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 9;
  pointer-events: none;
}

.wowMapBig {
  display: grid;
  grid-template-columns: 1fr 1168px;
  gap: 48px;
  border-radius: 8px;
}
.wowMapBig--full {
  grid-template-columns: 1fr;
}
.wowMapBig--full .wowMapBig__map {
  height: 650px;
}
.wowMapBig__modal {
  display: none;
}
.wowMapBig__map {
  height: 800px;
}
.wowMapBig .news__top-image {
  height: 400px;
}

.wowLibrary__slide {
  width: auto;
}
@media (hover: hover) {
  .wowLibrary__slide:hover .wowLibrary__slide-title {
    color: #a62320;
  }
}
.wowLibrary__slide-title {
  max-width: 370px;
  transition: color 0.38s ease-in-out;
}
.wowLibrary__slide-img {
  height: clamp(15.625rem, 10.404vw + 8.713rem, 20.938rem);
  border-radius: 8px;
  object-fit: cover;
  width: 100%;
  margin-bottom: clamp(1rem, 0.979vw + 0.349rem, 1.5rem);
}

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