@charset "UTF-8";

@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900%3B1,100..900&display=swap");

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
video {
  display: block;
}

body {
  line-height: 1;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

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

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

:root {
  --container-width: 1356px;
  --transition: 0.3s ease;
  --default-font-family: 'Montserrat';
  --heading-font-family: 'Montserrat';
  --sp: 70px;
  --bg: #E7EDF4;
  --accent: #FFB93E;
  --text-color: #0A0C18;
  --text-blue: #0D2433;
  --fz-default: 16px;
  --h1: 34px;
  --h2: 28px;
  --h3: 24px;
  --h4: 20px;
  --l: 27px;
  --m: 21px;
  --s: 16px;
}

body {
  font: 400 var(--fz-default)/130% var(--default-font-family), Helvetica, Arial, sans-serif;
  background: #fff;
  min-width: 360px;
  color: var(--text-color);
  position: relative;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

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

.hidden {
  display: none;
  overflow: hidden;
}

img {
  max-width: 100%;
}

.wrapper {
  margin: 0 auto;
  position: relative;
  overflow: visible;
  min-height: 100vh;
  display: flex;
  flex-flow: column;
}

.container,
[class*=__container] {
  margin: 0 auto;
  max-width: var(--container-width);
  padding: 0 16px;
  width: 100%;
}

form input.error {
  box-shadow: inset 0px 0px 20px 1px rgba(255, 0, 0, 0.3);
  border: 2px solid red !important;
}

form input.not_error {
  box-shadow: inset 0px 0px 20px 1px rgba(100, 255, 100, 0.3);
  border: 2px solid #99FF99 !important;
}

h1,
._h1 {
  font: 700 var(--h1) var(--heading-font-family);
}

h2,
._h2 {
  font: 700 var(--h2) var(--heading-font-family);
  margin: 1em 0;
}

h3,
._h3 {
  font: 700 var(--h3) var(--heading-font-family);
  margin-bottom: 1em;
}

h4,
._h4 {
  font: 700 var(--h4) var(--heading-font-family);
}

button {
  font-family: var(--heading-font-family);
}

a {
  color: var(--text-color);
  text-decoration: none;
}

a:hover {
  color: #8391A1;
}

em {
  font-style: italic;
}

._semibold {
  font-weight: 600;
}

._bold {
  font-weight: 700;
}

._accent {
  color: var(--accent);
}

._s {
  font-size: var(--s);
  line-height: 140%;
}

._m {
  font-size: var(--m);
  line-height: 140%;
}

._l {
  font-size: var(--l);
  line-height: 140%;
}

.wp-block-image .wp-element-caption {
  font-weight: 400;
  font-size: 14px;
  line-height: 1.5;
  color: #2A4362;
}

p {
  font-size: 16px;
  line-height: 140%;
  margin-bottom: 1em;
}

.text-content strong,
.contacts-hero strong {
  font-weight: 700;
}

.text-content ul:not([class]) li,
.text-content ul.wp-block-list li,
.contacts-hero ul:not([class]) li,
.contacts-hero ul.wp-block-list li {
  margin-bottom: 14px;
}

.text-content ul:not([class]) li::before,
.text-content ul.wp-block-list li::before,
.contacts-hero ul:not([class]) li::before,
.contacts-hero ul.wp-block-list li::before {
  content: "";
  background: #2A4362;
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  margin-right: 8px;
}

.text-content a,
.contacts-hero a {
  font-weight: bold;
  text-decoration: underline;
}

.text-content a:hover,
.contacts-hero a:hover {
  color: var(--text-color);
  text-decoration: none;
}

.contacts-info {
  max-width: 540px;
  padding: 14px 18px;
  background: #E7EDF4;
  margin-bottom: 20px;
}

.contacts-info a {
  text-decoration: none;
}

.contacts-info a:hover {
  color: var(--text-color);
  text-decoration: underline;
}

.contacts-info .mail {
  padding-left: 34px;
  margin-bottom: 12px;
  background: no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M20 4H4C2.9 4 2.01 4.9 2.01 6L2 18C2 19.1 2.9 20 4 20H20C21.1 20 22 19.1 22 18V6C22 4.9 21.1 4 20 4ZM19.6 8.25L12.53 12.67C12.21 12.87 11.79 12.87 11.47 12.67L4.4 8.25C4.29973 8.19371 4.21192 8.11766 4.14189 8.02645C4.07186 7.93525 4.02106 7.83078 3.99258 7.71937C3.96409 7.60796 3.9585 7.49194 3.97616 7.37831C3.99381 7.26468 4.03434 7.15581 4.09528 7.0583C4.15623 6.96079 4.23632 6.87666 4.33073 6.811C4.42513 6.74533 4.53187 6.69951 4.6445 6.6763C4.75712 6.65309 4.87328 6.65297 4.98595 6.67595C5.09863 6.69893 5.20546 6.74453 5.3 6.81L12 11L18.7 6.81C18.7945 6.74453 18.9014 6.69893 19.014 6.67595C19.1267 6.65297 19.2429 6.65309 19.3555 6.6763C19.4681 6.69951 19.5749 6.74533 19.6693 6.811C19.7637 6.87666 19.8438 6.96079 19.9047 7.0583C19.9657 7.15581 20.0062 7.26468 20.0238 7.37831C20.0415 7.49194 20.0359 7.60796 20.0074 7.71937C19.9789 7.83078 19.9281 7.93525 19.8581 8.02645C19.7881 8.11766 19.7003 8.19371 19.6 8.25Z' fill='%232A4362'/%3E%3C/svg%3E");
}

.contacts-info .phone {
  padding-left: 34px;
  margin-bottom: 12px;
  background: no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M21 16.42V19.956C21.0001 20.2092 20.9042 20.453 20.7316 20.6382C20.559 20.8234 20.3226 20.9363 20.07 20.954C19.6333 20.9847 19.2767 21 19 21C10.163 21 3 13.837 3 5C3 4.724 3.01533 4.36733 3.046 3.93C3.06372 3.67744 3.17658 3.44101 3.3618 3.26841C3.54703 3.09581 3.79082 2.99989 4.044 3H7.58C7.70404 2.99987 7.8237 3.04586 7.91573 3.12902C8.00776 3.21218 8.0656 3.32658 8.078 3.45C8.10067 3.67933 8.122 3.86333 8.142 4.002C8.34072 5.38893 8.74799 6.73784 9.35 8.003C9.445 8.203 9.383 8.442 9.203 8.57L7.045 10.112C8.36471 13.1863 10.8147 15.6363 13.889 16.956L15.429 14.802C15.4917 14.7137 15.5835 14.6503 15.6883 14.6231C15.7932 14.5958 15.9042 14.6064 16.002 14.653C17.267 15.2539 18.6156 15.6601 20.002 15.858C20.1407 15.878 20.324 15.8993 20.552 15.922C20.6752 15.9346 20.7894 15.9926 20.8724 16.0846C20.9553 16.1766 21.0002 16.2961 21 16.42Z' fill='%232A4362'/%3E%3C/svg%3E");
}

.contacts-info .address {
  padding-left: 34px;
  margin-bottom: 12px;
  background: no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M12 11.5C11.337 11.5 10.7011 11.2366 10.2322 10.7678C9.76339 10.2989 9.5 9.66304 9.5 9C9.5 8.33696 9.76339 7.70107 10.2322 7.23223C10.7011 6.76339 11.337 6.5 12 6.5C12.663 6.5 13.2989 6.76339 13.7678 7.23223C14.2366 7.70107 14.5 8.33696 14.5 9C14.5 9.3283 14.4353 9.65339 14.3097 9.95671C14.1841 10.26 13.9999 10.5356 13.7678 10.7678C13.5356 10.9999 13.26 11.1841 12.9567 11.3097C12.6534 11.4353 12.3283 11.5 12 11.5ZM12 2C10.1435 2 8.36301 2.7375 7.05025 4.05025C5.7375 5.36301 5 7.14348 5 9C5 14.25 12 22 12 22C12 22 19 14.25 19 9C19 7.14348 18.2625 5.36301 16.9497 4.05025C15.637 2.7375 13.8565 2 12 2Z' fill='%232A4362'/%3E%3C/svg%3E");
}

input,
textarea {
  font: 300 16px var(--default-font-family), Helvetica, Arial, sans-serif;
}

input {
  padding: 14px 24px;
  height: 50px;
}

textarea {
  padding: 14px 24px;
  height: 170px;
}

.btn {
  -moz-appearance: none;
  appearance: none;
  -webkit-appearance: none;
}

.subm {
  cursor: pointer;
  border: none;
  display: block;
  margin: 0 auto;
}

.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 14px 20px;
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
  text-decoration: none;
  cursor: pointer;
  border: 1px solid transparent;
  transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

.btn::after {
  content: "";
  display: block;
  width: 11px;
  height: 13px;
  background: no-repeat center url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='13' viewBox='0 0 11 13' fill='none'%3E%3Cpath d='M-4.86374e-05 0C0.32552 0.176093 0.650142 0.353604 0.973819 0.532532C3.88692 2.14289 6.72346 3.86806 9.48346 5.70806L10.1214 6.13333L9.48346 6.5586C6.72346 8.3986 3.88692 10.1238 0.97382 11.7341C0.650143 11.9131 0.325519 12.0906 -4.86374e-05 12.2667C0.287717 12.0339 0.576429 11.8025 0.866084 11.5725C3.47299 9.50289 6.15644 7.54806 8.91644 5.70806V6.5586C6.15644 4.7186 3.47299 2.76378 0.866084 0.694135C0.576428 0.464174 0.287718 0.232796 -4.86374e-05 0Z' fill='%23F2F3F5'/%3E%3C/svg%3E");
  transition: transform 0.2s ease, background 0.2s ease;
}

.btn:hover::after {
  transform: translateX(2px);
}

.btn--primary {
  background: #1e4b6a;
  border-color: #1e4b6a;
  color: #ffffff;
}

.btn--primary:hover {
  background: transparent;
  color: #1e4b6a;
}

.btn--primary:hover::after {
  background: no-repeat center url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='13' viewBox='0 0 11 13' fill='none'%3E%3Cpath d='M-4.86374e-05 0C0.32552 0.176093 0.650142 0.353604 0.973819 0.532532C3.88692 2.14289 6.72346 3.86806 9.48346 5.70806L10.1214 6.13333L9.48346 6.5586C6.72346 8.3986 3.88692 10.1238 0.97382 11.7341C0.650143 11.9131 0.325519 12.0906 -4.86374e-05 12.2667C0.287717 12.0339 0.576429 11.8025 0.866084 11.5725C3.47299 9.50289 6.15644 7.54806 8.91644 5.70806V6.5586C6.15644 4.7186 3.47299 2.76378 0.866084 0.694135C0.576428 0.464174 0.287718 0.232796 -4.86374e-05 0Z' fill='%23000000'/%3E%3C/svg%3E");
}

.btn--secondary {
  background: #fff;
  color: #0f1720;
  border-color: #fff;
}

.btn--secondary:hover {
  background: #2A4362;
  color: #fff;
}

.btn--secondary::after {
  background: no-repeat center url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='13' viewBox='0 0 11 13' fill='none'%3E%3Cpath d='M-4.86374e-05 0C0.32552 0.176093 0.650142 0.353604 0.973819 0.532532C3.88692 2.14289 6.72346 3.86806 9.48346 5.70806L10.1214 6.13333L9.48346 6.5586C6.72346 8.3986 3.88692 10.1238 0.97382 11.7341C0.650143 11.9131 0.325519 12.0906 -4.86374e-05 12.2667C0.287717 12.0339 0.576429 11.8025 0.866084 11.5725C3.47299 9.50289 6.15644 7.54806 8.91644 5.70806V6.5586C6.15644 4.7186 3.47299 2.76378 0.866084 0.694135C0.576428 0.464174 0.287718 0.232796 -4.86374e-05 0Z' fill='%23000000'/%3E%3C/svg%3E");
}

.btn--secondary:hover::after {
  background: no-repeat center url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='13' viewBox='0 0 11 13' fill='none'%3E%3Cpath d='M-4.86374e-05 0C0.32552 0.176093 0.650142 0.353604 0.973819 0.532532C3.88692 2.14289 6.72346 3.86806 9.48346 5.70806L10.1214 6.13333L9.48346 6.5586C6.72346 8.3986 3.88692 10.1238 0.97382 11.7341C0.650143 11.9131 0.325519 12.0906 -4.86374e-05 12.2667C0.287717 12.0339 0.576429 11.8025 0.866084 11.5725C3.47299 9.50289 6.15644 7.54806 8.91644 5.70806V6.5586C6.15644 4.7186 3.47299 2.76378 0.866084 0.694135C0.576428 0.464174 0.287718 0.232796 -4.86374e-05 0Z' fill='%23ffffff'/%3E%3C/svg%3E");
}

.btn--ghost {
  background: transparent;
  color: #000;
  border-color: #2A4362;
}

.btn--ghost::after {
  background: no-repeat center url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='13' viewBox='0 0 11 13' fill='none'%3E%3Cpath d='M-4.86374e-05 0C0.32552 0.176093 0.650142 0.353604 0.973819 0.532532C3.88692 2.14289 6.72346 3.86806 9.48346 5.70806L10.1214 6.13333L9.48346 6.5586C6.72346 8.3986 3.88692 10.1238 0.97382 11.7341C0.650143 11.9131 0.325519 12.0906 -4.86374e-05 12.2667C0.287717 12.0339 0.576429 11.8025 0.866084 11.5725C3.47299 9.50289 6.15644 7.54806 8.91644 5.70806V6.5586C6.15644 4.7186 3.47299 2.76378 0.866084 0.694135C0.576428 0.464174 0.287718 0.232796 -4.86374e-05 0Z' fill='%23000000'/%3E%3C/svg%3E");
}

.btn--ghost:hover {
  background: #2A4362;
  color: #fff;
}

.btn--ghost:hover::after {
  background: no-repeat center url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='13' viewBox='0 0 11 13' fill='none'%3E%3Cpath d='M-4.86374e-05 0C0.32552 0.176093 0.650142 0.353604 0.973819 0.532532C3.88692 2.14289 6.72346 3.86806 9.48346 5.70806L10.1214 6.13333L9.48346 6.5586C6.72346 8.3986 3.88692 10.1238 0.97382 11.7341C0.650143 11.9131 0.325519 12.0906 -4.86374e-05 12.2667C0.287717 12.0339 0.576429 11.8025 0.866084 11.5725C3.47299 9.50289 6.15644 7.54806 8.91644 5.70806V6.5586C6.15644 4.7186 3.47299 2.76378 0.866084 0.694135C0.576428 0.464174 0.287718 0.232796 -4.86374e-05 0Z' fill='%23ffffff'/%3E%3C/svg%3E");
}

.btn--dark {
  background: #1e4b6a;
  border-color: #1e4b6a;
  color: #ffffff;
  text-transform: lowercase;
  padding: 14px 20px;
}

.btn--dark:hover {
  background: transparent;
  color: #000;
}

.btn--dark:hover::after {
  background: no-repeat center url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='13' viewBox='0 0 11 13' fill='none'%3E%3Cpath d='M-4.86374e-05 0C0.32552 0.176093 0.650142 0.353604 0.973819 0.532532C3.88692 2.14289 6.72346 3.86806 9.48346 5.70806L10.1214 6.13333L9.48346 6.5586C6.72346 8.3986 3.88692 10.1238 0.97382 11.7341C0.650143 11.9131 0.325519 12.0906 -4.86374e-05 12.2667C0.287717 12.0339 0.576429 11.8025 0.866084 11.5725C3.47299 9.50289 6.15644 7.54806 8.91644 5.70806V6.5586C6.15644 4.7186 3.47299 2.76378 0.866084 0.694135C0.576428 0.464174 0.287718 0.232796 -4.86374e-05 0Z' fill='%23000000'/%3E%3C/svg%3E");
}

#support-once {
  background: #B7CCBA;
  border: 1px solid #9F9F9F;
  padding: 20px 18px;
  position: relative;
}

.support-once__row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  margin-bottom: 12px;
}

.support-once__input {
  width: 100%;
  padding: 10px 12px;
  border: 1px solid #ddd;
  font-size: 14px;
}

.support-once__presets {
  display: flex;
  gap: 8px;
}

.support-once__preset {
  flex: 1;
  padding: 10px 0;
  border: 1px solid #ddd;
  background: #fff;
  font-size: 14px;
  cursor: pointer;
  transition: 0.15s ease;
}

.support-once__preset.is-active {
  background: #ffe68a;
  border-color: #000;
  font-weight: 600;
}

.support-once__submit {
  width: 100%;
  margin-top: 12px;
  padding: 12px 16px;
  background: #d75632;
  color: #fff;
  border: none;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
}

.form {
  max-width: 400px;
  position: relative;
}

.form__inputs {
  display: flex;
  flex-flow: column;
  gap: 15px;
}

.form .input {
  background: #fff;
  width: 100%;
  height: 60px;
  border: 2px solid #dcdcdc;
  padding-left: 15px;
  font-weight: 400;
  font-size: 16px;
  line-height: 60px;
  display: block;
}

.form .input__wrap {
  display: block;
  text-align: left;
}

.form .input__label {
  font-weight: 400;
  font-size: 15px;
  line-height: 22px;
  display: block;
}

.form:before {
  content: "";
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: rgba(255, 255, 255, 0.7) url(../img/loading.svg) 50% no-repeat;
  z-index: 10;
}

.form.loading:before {
  display: block;
}

.form .intl-tel-input {
  width: 100%;
}

.form .country-list .country-name {
  color: #333;
}

.header {
  position: sticky;
  top: 0;
  z-index: 97;
  background: #fff;
  transform: translateY(0);
  transition: transform 0.2s ease;
  will-change: transform;
  border-bottom: 1px solid #AEC2DA;
}

.header--hidden {
  transform: translateY(-100%);
}

.header__middle {
  padding: 15px 0;
  background: #AEC2DA;
}

.header__middle .container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 6px;
}

.header__middle .title {
  font-weight: 600;
  font-size: 18px;
  line-height: 100%;
}

.header__logo {
  display: block;
  width: 28px;
  height: 28px;
  background: url(../img/logo_2x.png);
  background-size: 100%;
}

.header__social.social {
  display: none;
}

.header .top__menu {
  font-size: 12px;
}

.header [class*=__menu] {
  display: none;
}

.header [class*=__menu] li a {
  display: block;
  padding: 10px 8px;
  color: var(--text-color);
}

.header [class*=__menu] li a:hover {
  background: #E7EDF4;
}

.burger {
  width: 22px;
  height: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}

.burger__icon {
  position: relative;
  width: 22px;
  height: 12px;
  display: block;
}

.burger__icon::before,
.burger__icon::after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 1px;
  background: #000;
  transition: transform 0.18s ease, opacity 0.18s ease;
}

.burger__icon::before {
  top: 0;
}

.burger__icon::after {
  bottom: 0;
}

.burger__icon > i {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 12px;
  height: 1px;
  background: #000;
  transform: translate(-50%, -50%);
  transition: opacity 0.18s ease, transform 0.18s ease;
  display: block;
}

.burger.is-open .burger__icon::before {
  transform: translateY(5.5px) rotate(45deg);
}

.burger.is-open .burger__icon::after {
  transform: translateY(-5.5px) rotate(-45deg);
}

.burger.is-open .burger__icon > i {
  opacity: 0;
  transform: translate(-50%, -50%) scaleX(0.6);
}

.mobile-menu {
  display: none;
  position: fixed;
  inset: 0;
  z-index: 98;
  pointer-events: none;
  height: 100%;
}

.mobile-menu[aria-hidden=false] {
  display: block;
  pointer-events: auto;
}

.mobile-menu__panel {
  position: absolute;
  padding-top: 56px;
  inset: 0;
  background: rgba(231, 237, 244, 0.8);
  backdrop-filter: blur(10px);
  transform: translateY(-100%);
  transition: transform 0.3s ease;
  display: flex;
  flex-direction: column;
  overflow: auto;
}

.mobile-menu[aria-hidden=false] .mobile-menu__panel {
  transform: translateY(0);
}

.mobile-menu__top {
  background: #AEC2DA;
  padding: 14px 16px;
  display: grid;
  grid-template-columns: auto 1fr auto auto;
  align-items: center;
  gap: 14px;
  margin-bottom: 10px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.mobile-menu__title {
  text-align: center;
  font-size: 18px;
  font-weight: 600;
}

.mobile-menu[aria-hidden=false] .mobile-menu__nav {
  padding: 30px 0;
  margin: 0 32px;
  display: flex;
  gap: 16px;
}

.mobile-menu[aria-hidden=false] .mobile-menu__nav ul {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.mobile-menu[aria-hidden=false] .mobile-menu__nav + .mobile-menu__nav {
  border-top: 1px solid #AEC2DA;
  border-bottom: 1px solid #AEC2DA;
}

.mobile-menu[aria-hidden=false] .social {
  justify-content: center;
  padding: 40px 0;
}

.mobile-menu__social {
  margin-top: auto;
  display: flex;
  gap: 12px;
}

.mobile-menu__close {
  position: relative;
  width: 16px;
  height: 16px;
  background: none;
  border: none;
  cursor: pointer;
}

.mobile-menu__close::before,
.mobile-menu__close::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 22px;
  height: 1.5px;
  background: #000;
  transform-origin: center;
}

.mobile-menu__close::before {
  transform: translate(-50%, -50%) rotate(45deg);
}

.mobile-menu__close::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}

.btn_search {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cg clip-path='url(%23clip0_1113_2557)'%3E%3Cpath d='M15.7461 14.3975L19.8252 18.4756L18.4776 19.8232L14.3995 15.7442C12.8821 16.9606 10.9947 17.6222 9.04994 17.6194C4.31852 17.6194 0.478516 13.7794 0.478516 9.04799C0.478516 4.31656 4.31852 0.476562 9.04994 0.476562C13.7814 0.476562 17.6214 4.31656 17.6214 9.04799C17.6241 10.9928 16.9625 12.8801 15.7461 14.3975ZM13.8357 13.6908C15.0443 12.4479 15.7193 10.7817 15.7166 9.04799C15.7166 5.36513 12.7328 2.38132 9.04994 2.38132C5.36709 2.38132 2.38328 5.36513 2.38328 9.04799C2.38328 12.7308 5.36709 15.7147 9.04994 15.7147C10.7837 15.7174 12.4498 15.0424 13.6928 13.8337L13.8357 13.6908Z' fill='%230A0C18'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1113_2557'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") no-repeat 50%/100%;
  border: none;
  width: 20px;
  height: 20px;
  cursor: pointer;
}

.btn_search:hover {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cg clip-path='url(%23clip0_1113_2557)'%3E%3Cpath d='M15.7461 14.3975L19.8252 18.4756L18.4776 19.8232L14.3995 15.7442C12.8821 16.9606 10.9947 17.6222 9.04994 17.6194C4.31852 17.6194 0.478516 13.7794 0.478516 9.04799C0.478516 4.31656 4.31852 0.476562 9.04994 0.476562C13.7814 0.476562 17.6214 4.31656 17.6214 9.04799C17.6241 10.9928 16.9625 12.8801 15.7461 14.3975ZM13.8357 13.6908C15.0443 12.4479 15.7193 10.7817 15.7166 9.04799C15.7166 5.36513 12.7328 2.38132 9.04994 2.38132C5.36709 2.38132 2.38328 5.36513 2.38328 9.04799C2.38328 12.7308 5.36709 15.7147 9.04994 15.7147C10.7837 15.7174 12.4498 15.0424 13.6928 13.8337L13.8357 13.6908Z' fill='%238391A1'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1113_2557'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") no-repeat 50%/100%;
}

.social {
  display: flex;
  gap: 10px;
}

.social li .social-link {
  background: transparent;
  display: block;
  width: 30px;
  height: 30px;
  border: 1px solid #0A0C18;
  border-radius: 50%;
  padding: 0;
  cursor: pointer;
  -moz-appearance: none;
  appearance: none;
  -webkit-appearance: none;
  transition: background-color 0.2s, border-color 0.2s;
}

.social li .social-link:hover {
  border-color: #8391A1;
}

.social .social-link.instagram {
  background: no-repeat center url('data:image/svg+xml;utf8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M9.99997%207.39414C8.56638%207.39414%207.39646%208.56406%207.39646%209.99765C7.39646%2011.4312%208.56638%2012.6012%209.99997%2012.6012C11.4336%2012.6012%2012.6035%2011.4312%2012.6035%209.99765C12.6035%208.56406%2011.4336%207.39414%209.99997%207.39414ZM17.8086%209.99765C17.8086%208.91953%2017.8183%207.85117%2017.7578%206.775C17.6972%205.525%2017.4121%204.41562%2016.498%203.50156C15.582%202.58554%2014.4746%202.30234%2013.2246%202.24179C12.1465%202.18124%2011.0781%202.19101%2010.0019%202.19101C8.9238%202.19101%207.85544%202.18124%206.77927%202.24179C5.52927%202.30234%204.41989%202.58749%203.50583%203.50156C2.58981%204.41757%202.30661%205.525%202.24606%206.775C2.18552%207.85312%202.19528%208.92148%202.19528%209.99765C2.19528%2011.0738%202.18552%2012.1441%202.24606%2013.2203C2.30661%2014.4703%202.59177%2015.5797%203.50583%2016.4937C4.42185%2017.4098%205.52927%2017.693%206.77927%2017.7535C7.85739%2017.8141%208.92575%2017.8043%2010.0019%2017.8043C11.08%2017.8043%2012.1484%2017.8141%2013.2246%2017.7535C14.4746%2017.693%2015.584%2017.4078%2016.498%2016.4937C17.414%2015.5777%2017.6972%2014.4703%2017.7578%2013.2203C17.8203%2012.1441%2017.8086%2011.0758%2017.8086%209.99765ZM9.99997%2014.0035C7.78317%2014.0035%205.99411%2012.2144%205.99411%209.99765C5.99411%207.78085%207.78317%205.99179%209.99997%205.99179C12.2168%205.99179%2014.0058%207.78085%2014.0058%209.99765C14.0058%2012.2144%2012.2168%2014.0035%209.99997%2014.0035ZM14.1699%206.76328C13.6523%206.76328%2013.2343%206.34531%2013.2343%205.82773C13.2343%205.31015%2013.6523%204.89218%2014.1699%204.89218C14.6875%204.89218%2015.1054%205.31015%2015.1054%205.82773C15.1056%205.95063%2015.0815%206.07235%2015.0345%206.18593C14.9876%206.29951%2014.9187%206.4027%2014.8318%206.48961C14.7449%206.57651%2014.6417%206.64542%2014.5281%206.69238C14.4145%206.73934%2014.2928%206.76343%2014.1699%206.76328Z%22%20fill%3D%22%230A0C18%22%2F%3E%0A%3C%2Fsvg%3E%0A');
}

.social .social-link.facebook {
  background: no-repeat center url('data:image/svg+xml;utf8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M11.6665%2011.2513H13.7498L14.5832%207.91797H11.6665V6.2513C11.6665%205.39297%2011.6665%204.58464%2013.3332%204.58464H14.5832V1.78464C14.3115%201.7488%2013.2857%201.66797%2012.2023%201.66797C9.93983%201.66797%208.33316%203.0488%208.33316%205.58464V7.91797H5.83316V11.2513H8.33316V18.3346H11.6665V11.2513Z%22%20fill%3D%22%230A0C18%22%2F%3E%0A%3C%2Fsvg%3E%0A');
}

.social .social-link.bsky {
  background: no-repeat center url('data:image/svg+xml;utf8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M9.99999%209.4902C9.24499%208.02271%207.18999%205.28687%205.27916%203.93854C3.44832%202.64687%202.75082%202.86937%202.29332%203.07771C1.76332%203.31521%201.66666%204.12937%201.66666%204.60687C1.66666%205.08604%201.92916%208.53104%202.09999%209.10687C2.66666%2011.0069%204.67832%2011.6485%206.53332%2011.4427C3.81666%2011.8452%201.40249%2012.8344%204.56666%2016.3577C8.04832%2019.9619%209.33832%2015.5852%209.99999%2013.366C10.6617%2015.5852%2011.4233%2019.8044%2015.37%2016.3577C18.3333%2013.366%2016.1842%2011.8452%2013.4675%2011.4427C15.3217%2011.6485%2017.3342%2011.0069%2017.9%209.10687C18.0708%208.53187%2018.3333%205.08604%2018.3333%204.60771C18.3333%204.12854%2018.2367%203.31604%2017.7067%203.07604C17.2492%202.86937%2016.5517%202.64521%2014.7208%203.93687C12.81%205.28771%2010.7542%208.02354%209.99999%209.4902Z%22%20fill%3D%22%230A0C18%22%2F%3E%0A%3C%2Fsvg%3E%0A');
}

.social .social-link.x {
  background: no-repeat center url('data:image/svg+xml;utf8,%3Csvg%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2018%2018%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cg%20clip-path%3D%22url(%23clip0_1176_1494)%22%3E%0A%3Cmask%20id%3D%22mask0_1176_1494%22%20style%3D%22mask-type%3Aluminance%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2218%22%20height%3D%2218%22%3E%0A%3Cpath%20d%3D%22M0%200H18V18H0V0Z%22%20fill%3D%22white%22%2F%3E%0A%3C%2Fmask%3E%0A%3Cg%20mask%3D%22url(%23mask0_1176_1494)%22%3E%0A%3Cpath%20d%3D%22M14.175%200.84375H16.9354L10.9054%207.75318L18%2017.1569H12.4457L8.09229%2011.4548L3.11657%2017.1569H0.353571L6.80271%209.76404L0%200.845036H5.69571L9.62486%206.05604L14.175%200.84375ZM13.2043%2015.5009H14.7343L4.86%202.41361H3.21943L13.2043%2015.5009Z%22%20fill%3D%22%230A0C18%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fg%3E%0A%3Cdefs%3E%0A%3CclipPath%20id%3D%22clip0_1176_1494%22%3E%0A%3Crect%20width%3D%2218%22%20height%3D%2218%22%20fill%3D%22white%22%2F%3E%0A%3C%2FclipPath%3E%0A%3C%2Fdefs%3E%0A%3C%2Fsvg%3E%0A');
}

.social .social-link.telegram {
  background: no-repeat center url('data:image/svg+xml;utf8,%3Csvg%20width%3D%2217%22%20height%3D%2215%22%20viewBox%3D%220%200%2017%2015%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cg%20clip-path%3D%22url(%23clip0_1176_1503)%22%3E%0A%3Cpath%20d%3D%22M16.6135%201.80944L14.0885%2013.6303C13.9002%2014.4628%2013.4169%2014.6503%2012.7185%2014.2744L8.93102%2011.4811L7.07686%2013.2536C6.88936%2013.4419%206.70102%2013.6303%206.27102%2013.6303L6.56686%209.73444L13.6319%203.31444C13.9269%203.0186%2013.551%202.9111%2013.1752%203.1536L4.39102%208.68694L0.602692%207.53194C-0.229808%207.2636%20-0.229808%206.6986%200.791025%206.3236L15.5119%200.601102C16.2369%200.386102%2016.8552%200.762769%2016.6135%201.80944Z%22%20fill%3D%22%230A0C18%22%2F%3E%0A%3C%2Fg%3E%0A%3Cdefs%3E%0A%3CclipPath%20id%3D%22clip0_1176_1503%22%3E%0A%3Crect%20width%3D%2216.6668%22%20height%3D%2215%22%20fill%3D%22white%22%2F%3E%0A%3C%2FclipPath%3E%0A%3C%2Fdefs%3E%0A%3C%2Fsvg%3E%0A');
}

.social .social-link.youtube {
  background: no-repeat center url('data:image/svg+xml;utf8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M18.3334%209.94912C18.3412%208.6079%2018.2268%207.26875%2017.9917%205.94828C17.8877%205.59977%2017.6943%205.28455%2017.4307%205.03396C17.1671%204.78338%2016.8425%204.60617%2016.4892%204.51995C14.3293%204.26696%2012.1554%204.15284%209.98086%204.17828C7.80669%204.15328%205.63336%204.26995%203.47419%204.52828C3.12368%204.62487%202.80424%204.81081%202.54715%205.0679C2.29005%205.32499%202.10412%205.64443%202.00753%205.99495C1.77253%207.31514%201.65872%208.65404%201.66753%209.99495C1.65919%2011.3366%201.77336%2012.675%202.00836%2013.995C2.10664%2014.3493%202.29486%2014.6723%202.55477%2014.9325C2.81467%2015.1927%203.13742%2015.3813%203.49169%2015.48C5.65169%2015.7325%207.82503%2015.8466%2010%2015.8208C12.1683%2015.8501%2014.336%2015.736%2016.4892%2015.4791C16.8394%2015.3826%2017.1585%2015.1968%2017.4154%2014.94C17.6723%2014.6833%2017.8583%2014.3642%2017.955%2014.0141C18.2109%2012.6741%2018.3384%2011.3125%2018.3334%209.94912ZM12.1575%2010.4341L8.82003%2012.3266C8.75281%2012.3635%208.67715%2012.3823%208.60049%2012.381C8.52382%2012.3798%208.4488%2012.3587%208.38279%2012.3196C8.31678%2012.2806%208.26207%2012.2251%208.22404%2012.1585C8.186%2012.092%208.16595%2012.0166%208.16586%2011.94V8.01328C8.16488%207.93634%208.18441%207.86053%208.22243%207.79364C8.26045%207.72674%208.3156%207.67118%208.38221%207.63265C8.44882%207.59413%208.52449%207.57404%208.60143%207.57444C8.67838%207.57485%208.75383%207.59573%208.82003%207.63495L12.2675%209.61662C12.334%209.65582%2012.3888%209.71206%2012.4262%209.77951C12.4637%209.84697%2012.4824%209.9232%2012.4805%2010.0003C12.4787%2010.0775%2012.4562%2010.1527%2012.4156%2010.2183C12.3749%2010.2838%2012.3175%2010.3373%2012.2492%2010.3733L12.1575%2010.4341Z%22%20fill%3D%22%230A0C18%22%2F%3E%0A%3C%2Fsvg%3E%0A');
}

.social .social-link.copy {
  background: no-repeat center url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M12.7622%203.04422C12.9836%202.81499%2013.2484%202.63216%2013.5412%202.50637C13.834%202.38059%2014.1489%202.31439%2014.4676%202.31162C14.7863%202.30885%2015.1023%202.36957%2015.3973%202.49025C15.6922%202.61092%2015.9602%202.78913%2016.1855%203.01447C16.4109%203.23981%2016.5891%203.50778%2016.7098%203.80273C16.8304%204.09768%2016.8912%204.41371%2016.8884%204.73238C16.8856%205.05105%2016.8194%205.36598%2016.6936%205.65879C16.5678%205.9516%2016.385%206.21642%2016.1558%206.43782L12.5558%2010.0378C12.1057%2010.4877%2011.4954%2010.7405%2010.859%2010.7405C10.2226%2010.7405%209.61225%2010.4877%209.16218%2010.0378C8.93586%209.81923%208.63274%209.69827%208.3181%209.70101C8.00347%209.70374%207.70249%209.82995%207.48%2010.0524C7.25751%2010.2749%207.13131%2010.5759%207.12857%2010.8905C7.12584%2011.2052%207.24679%2011.5083%207.46538%2011.7346C8.36552%2012.6345%209.58619%2013.14%2010.859%2013.14C12.1318%2013.14%2013.3525%2012.6345%2014.2526%2011.7346L17.8526%208.13462C18.7269%207.22933%2019.2108%206.01684%2019.1998%204.75829C19.1889%203.49975%2018.6841%202.29585%2017.7941%201.40589C16.9042%200.515929%2015.7003%200.0111179%2014.4417%200.000181453C13.1832%20-0.010755%2011.9707%200.473058%2011.0654%201.34742L9.26538%203.14742C9.15077%203.25811%209.05935%203.39053%208.99646%203.53693C8.93357%203.68334%208.90047%203.8408%208.89908%204.00014C8.8977%204.15947%208.92806%204.31749%208.9884%204.46496C9.04873%204.61244%209.13784%204.74642%209.25051%204.85909C9.36318%204.97176%209.49716%205.06087%209.64464%205.1212C9.79211%205.18154%209.95013%205.2119%2010.1095%205.21052C10.2688%205.20913%2010.4263%205.17603%2010.5727%205.11314C10.7191%205.05025%2010.8515%204.95883%2010.9622%204.84422L12.7622%203.04422ZM6.76218%209.04422C7.21225%208.59429%207.82259%208.34153%208.45898%208.34153C9.09538%208.34153%209.70572%208.59429%2010.1558%209.04422C10.2665%209.15883%2010.3989%209.25025%2010.5453%209.31314C10.6917%209.37603%2010.8492%209.40913%2011.0085%209.41052C11.1678%209.4119%2011.3259%209.38154%2011.4733%209.3212C11.6208%209.26087%2011.7548%209.17176%2011.8675%209.05909C11.9801%208.94642%2012.0692%208.81244%2012.1296%208.66496C12.1899%208.51749%2012.2203%208.35947%2012.2189%208.20014C12.2175%208.0408%2012.1844%207.88334%2012.1215%207.73693C12.0586%207.59053%2011.9672%207.45811%2011.8526%207.34742C10.9525%206.44756%209.73177%205.94204%208.45898%205.94204C7.1862%205.94204%205.96552%206.44756%205.06538%207.34742L1.46538%2010.9474C1.00693%2011.3902%200.64126%2011.9199%200.389697%2012.5055C0.138134%2013.0911%200.00571955%2013.721%200.000181232%2014.3583C-0.00535709%2014.9956%200.116091%2015.6277%200.357439%2016.2176C0.598788%2016.8075%200.955203%2017.3434%201.40589%2017.7941C1.85657%2018.2448%202.3925%2018.6012%202.9824%2018.8426C3.57231%2019.0839%204.20437%2019.2054%204.84171%2019.1998C5.47905%2019.1943%206.10891%2019.0619%206.69453%2018.8103C7.28014%2018.5587%207.8098%2018.1931%208.25258%2017.7346L10.0526%2015.9346C10.1672%2015.8239%2010.2586%2015.6915%2010.3215%2015.5451C10.3844%2015.3987%2010.4175%2015.2412%2010.4189%2015.0819C10.4203%2014.9226%2010.3899%2014.7645%2010.3296%2014.6171C10.2692%2014.4696%2010.1801%2014.3356%2010.0675%2014.2229C9.95479%2014.1103%209.8208%2014.0212%209.67333%2013.9608C9.52585%2013.9005%209.36784%2013.8701%209.2085%2013.8715C9.04917%2013.8729%208.8917%2013.906%208.7453%2013.9689C8.59889%2014.0318%208.46648%2014.1232%208.35578%2014.2378L6.55578%2016.0378C6.33439%2016.267%206.06956%2016.4499%205.77675%2016.5757C5.48394%2016.7014%205.16902%2016.7677%204.85035%2016.7704C4.53168%2016.7732%204.21565%2016.7125%203.92069%2016.5918C3.62574%2016.4711%203.35778%2016.2929%203.13244%2016.0676C2.90709%2015.8422%202.72889%2015.5743%202.60821%2015.2793C2.48754%2014.9844%202.42681%2014.6683%202.42958%2014.3497C2.43235%2014.031%202.49856%2013.7161%202.62434%2013.4232C2.75012%2013.1304%202.93296%2012.8656%203.16218%2012.6442L6.76218%209.04422Z%22%20fill%3D%22%230A0C18%22%2F%3E%0A%3C%2Fsvg%3E');
}

.hero-slider {
  position: relative;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
  height: 426px;
}

.hero-slide {
  position: relative;
  background: #333 no-repeat center/cover;
  display: flex;
  align-items: center;
  min-height: 100%;
}

.hero-slide__content {
  position: relative;
  z-index: 5;
  width: min(90%, 930px);
  margin: auto;
  padding: 10px;
  color: #f2f3f5;
  text-align: center;
}

.hero-slide__title {
  margin: 0 0 10px;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.3;
}

.hero-slide__meta {
  font-size: 16px;
  line-height: 1.4;
  text-transform: uppercase;
}

.hero-slide__nav {
  position: absolute;
  left: 50%;
  bottom: 30px;
  transform: translateX(-50%);
  display: flex;
  gap: 16px;
  z-index: 10;
}

.hero-arrow {
  position: static;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  border: 2px solid #fff;
  transition: opacity 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
  background: no-repeat center url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='24' viewBox='0 0 20 24' fill='none'%3E%3Cpath d='M19.8027 0C19.1658 0.34453 18.5306 0.691834 17.8973 1.04191C12.1978 4.1926 6.64804 7.56795 1.24803 11.1679L-4.12464e-05 12L1.24803 12.8321C6.64803 16.4321 12.1978 19.8074 17.8973 22.9581C18.5306 23.3082 19.1658 23.6555 19.8027 24C19.2397 23.5445 18.6748 23.0918 18.1081 22.6419C13.0077 18.5926 7.75743 14.768 2.35743 11.1679V12.8321C7.75744 9.23205 13.0077 5.4074 18.1081 1.35809C18.6748 0.908167 19.2397 0.45547 19.8027 0Z' fill='%23F2F3F5'/%3E%3C/svg%3E");
}

.hero-arrow:hover {
  opacity: 0.4;
}

.hero-arrow:active {
  transform: scale(0.95);
}

.swiper-button-next.hero-arrow {
  transform: rotate(180deg);
}

.swiper-button-next.hero-arrow:active {
  transform: rotate(180deg) scale(0.95);
}

.swiper-button-prev::after,
.swiper-button-next::after {
  display: none;
}

.search-modal {
  position: fixed;
  inset: 0;
  z-index: 1000;
  display: none;
}

.search-modal.is-open {
  display: block;
}

.search-modal__overlay {
  position: absolute;
  inset: 0;
  background: rgba(231, 237, 244, 0.8);
  backdrop-filter: blur(10px);
}

.search-modal__dialog {
  position: absolute;
  inset: 0;
  padding: 20px 16px 24px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  z-index: 99;
}

.search-modal__close {
  position: absolute;
  top: 12px;
  right: 12px;
  width: 35px;
  height: 35px;
  padding: 0;
  border: none;
  background: none;
  cursor: pointer;
  color: #2A4362;
}

.search-modal__close::before,
.search-modal__close::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 35px;
  height: 2px;
  background: currentColor;
  transform-origin: center;
}

.search-modal__close::before {
  transform: translate(-50%, -50%) rotate(45deg);
}

.search-modal__close::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}

.search-modal__close:hover {
  opacity: 0.8;
}

.search__form {
  display: flex;
  flex-wrap: wrap;
  gap: 16px 0;
}

.search__form .title {
  flex: 1 0 100%;
  font-size: 18px;
  line-height: 1;
  font-weight: 700;
  margin-bottom: 20px;
}

.search__form input[type=search] {
  padding: 5px;
  font-size: 18px;
  height: 33px;
  flex: 1 0 auto;
  border: 1px solid white;
  background: white no-repeat 14px 50%/28px url(../img/icon_search.svg);
  padding-left: 58px;
}

.search__form .btn {
  flex: 0 0 79px;
  height: 33px;
  padding: 5px;
}

.search__form .btn:hover {
  background: #fff;
}

.search__form .btn::after {
  display: none;
}

.section-title {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: 10px;
  margin: 0 auto 30px;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.2;
}

.section-title::before,
.section-title::after {
  content: "";
  width: 50px;
  height: 1px;
  background: #000;
}

.regions {
  padding: 40px 0;
  background: var(--bg);
}

.regions__grid {
  display: flex;
  gap: 20px;
  overflow: auto;
  padding-bottom: 18px;
  width: calc(100% + 16px);
  position: relative;
}

.regions__grid .region-card {
  flex: 0 0 calc((100% - 60px) / 4);
  min-width: 262px;
}

.region-card {
  display: block;
  position: relative;
  text-align: center;
  overflow: hidden;
}

.region-card::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(360deg, #0A0C18 9.83%, rgba(42, 67, 98, 0.8) 33.81%, rgba(108, 131, 158, 0.3) 56.1%, rgba(255, 255, 255, 0) 100%);
  opacity: 0;
  transition: opacity 0.3s ease;
  z-index: 1;
  pointer-events: none;
}

.region-card:hover::after {
  opacity: 1;
}

.region-card__media {
  display: block;
}

.region-card__media img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.region-card__title {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  gap: 12px;
  background: rgba(42, 67, 98, 0.7);
  backdrop-filter: blur(2px);
  -webkit-backdrop-filter: blur(2px);
  padding: 15px 18px;
  font-weight: 700;
  font-size: 14px;
  line-height: 130%;
  white-space: nowrap;
  color: #F2F3F5;
  z-index: 2;
}

.region-card__title::after {
  content: "";
  display: block;
  width: 11px;
  height: 13px;
  background: no-repeat center url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='13' viewBox='0 0 11 13' fill='none'%3E%3Cpath d='M-4.86374e-05 0C0.32552 0.176093 0.650142 0.353604 0.973819 0.532532C3.88692 2.14289 6.72346 3.86806 9.48346 5.70806L10.1214 6.13333L9.48346 6.5586C6.72346 8.3986 3.88692 10.1238 0.97382 11.7341C0.650143 11.9131 0.325519 12.0906 -4.86374e-05 12.2667C0.287717 12.0339 0.576429 11.8025 0.866084 11.5725C3.47299 9.50289 6.15644 7.54806 8.91644 5.70806V6.5586C6.15644 4.7186 3.47299 2.76378 0.866084 0.694135C0.576428 0.464174 0.287718 0.232796 -4.86374e-05 0Z' fill='%23F2F3F5'/%3E%3C/svg%3E");
}

.region-card:hover .region-card__title {
  background: #2A4362;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

.region-card__description {
  position: absolute;
  left: 16px;
  right: 16px;
  bottom: 22px;
  font-size: 14px;
  line-height: 130%;
  color: #F2F3F5;
  opacity: 0;
  transform: translateY(8px);
  transition: opacity 0.3s ease, transform 0.3s ease;
  z-index: 2;
}

.region-card:hover .region-card__description {
  opacity: 1;
  transform: translateY(0);
}

.our-influence {
  padding: 40px 0;
  background: var(--bg);
}

.our-influence__list {
  display: flex;
  gap: 16px;
  overflow: auto;
  width: calc(100% + 16px);
  position: relative;
  padding-bottom: 18px;
}

.our-influence__list .our-influence__item {
  min-width: 287px;
}

.our-influence__list .our-influence__item .story__media {
  aspect-ratio: 16/8.1;
}

.our-influence__more.btn {
  margin: 30px auto 0;
  display: flex;
  width: -moz-max-content;
  width: max-content;
}

.banner-instagram {
  position: relative;
  background: linear-gradient(111.1deg, #2A4362 5.87%, #AEC2DA 93.77%);
  font-weight: 400;
  font-size: 16px;
  line-height: 130%;
  color: #fff;
}

.banner-instagram::after {
  position: absolute;
  top: 26px;
  right: 0;
}

.banner-instagram::after {
  content: "";
  display: block;
  background: url(../img/cat_glass_2_1.png) no-repeat;
  width: 184px;
  height: 107px;
}

.banner-instagram .title {
  font-weight: 700;
  font-size: 24px;
  line-height: 130%;
}

.banner-instagram p {
  margin: 10px 0 20px;
}

.banner-instagram .btn--ghost {
  background: #fff;
  padding: 15px;
  width: 250px;
}

.banner-instagram .btn--ghost:hover {
  background: #1e4b6a;
  background: #2A4362;
  border-color: white;
}

.banner-instagram .container {
  background: url(../img/iPhone15.png) no-repeat bottom/305px;
  padding: 163px 10px 434px;
}

.about-hero {
  position: relative;
  padding: 80px 0;
  background: linear-gradient(274.46deg, #2A4362 5.46%, #AEC2DA 50.24%);
  overflow: hidden;
  min-height: 489px;
}

.about-hero::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  background: url(../img/ukraine-outline.svg) no-repeat;
  width: 647px;
  height: 331px;
  max-width: 90%;
}

.about-hero::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 44%;
  background: url(../img/cat_search.png) no-repeat;
  width: 341px;
  height: 313px;
  max-width: 80%;
}

.about-hero__title {
  margin: 0;
  max-width: 500px;
  font-weight: 700;
  font-size: 24px;
  position: relative;
  z-index: 1;
}

.about-hero__media {
  display: flex;
  justify-content: center;
}

.about-hero__map {
  position: relative;
  width: 100%;
  max-width: 360px;
  margin: 0 auto;
}

.editorial-hero {
  position: relative;
  background: linear-gradient(180deg, #2A4362 0%, #F2F3F5 100%);
  overflow: hidden;
}

.editorial-hero .container {
  padding: 80px 16px;
  min-height: 372px;
}

.editorial-hero .container::after {
  content: "";
  position: absolute;
  top: 20px;
  right: 20px;
  background: url(../img/ukraine-outline-full.svg) no-repeat center;
  width: 488px;
  height: 330px;
}

.editorial-hero .container::before {
  content: "";
  position: absolute;
  bottom: 0px;
  left: 122px;
  background: url(../img/cat_laptop.png) no-repeat bottom;
  width: 260px;
  height: 260px;
}

.editorial-hero__inner {
  position: relative;
  z-index: 2;
}

.editorial-hero__title {
  margin: 0;
  max-width: 655px;
  font-weight: 700;
  font-size: 24px;
  color: #f2f3f5;
}

.editorial-hero__content {
  position: relative;
  z-index: 1;
}

.about-content {
  padding: 40px 0;
}

.about-content__container {
  display: grid;
  gap: 32px;
}

.about-content__main {
  font-size: 16px;
  line-height: 1.6;
}

.about-content__main p {
  margin: 0 0 16px;
}

.about-content__callout {
  margin: 24px 0;
  padding: 12px 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  text-align: center;
  background: #E7EDF4;
  font-size: 18px;
  line-height: 1.5;
}

.about-content__callout::before,
.about-content__callout::after {
  content: "";
  width: 29px;
  height: 26px;
  flex: 0 0 29px;
  background: url(../img/cat-outline.png) no-repeat center/contain;
}

.about-content__side-title::before,
.about-content__side-title::after {
  width: 38px;
}

.about-content__side-list {
  display: flex;
  gap: 20px;
  overflow: auto;
  padding-bottom: 18px;
  width: calc(100% + 16px);
  position: relative;
}

.about-content__side .story__title {
  font-size: 16px;
  margin: 0 0 6px;
}

.about-content__side .story__meta {
  font-size: 12px;
}

.about-map {
  padding: 0 0 60px;
}

.about-map .container {
  position: relative;
}

.about-map .container .title {
  font-weight: 400;
  font-size: 16px;
  line-height: 140%;
}

.about-map .container .title a {
  font-weight: 600;
  color: var(--text-color);
  text-decoration: underline;
}

.about-map .container .title a:hover {
  color: var(--text-color);
  text-decoration: none;
}

.about-support {
  position: relative;
  padding: 40px 0;
  background: radial-gradient(48.16% 172.55% at 48.16% 54.11%, #2A4362 0%, #AEC2DA 100%);
  color: #fff;
  overflow: hidden;
}

.about-support::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  background: url(../img/support_left.png) no-repeat center/contain;
  pointer-events: none;
  width: 100px;
}

.about-support::after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  background: url(../img/support_right.png) no-repeat center/contain;
  pointer-events: none;
  width: 100px;
}

.about-support__container {
  text-align: center;
  position: relative;
  z-index: 2;
}

.about-support__container::before {
  content: "";
  display: inline-block;
  width: 50px;
  height: 67px;
  margin-bottom: 32px;
  background: url(../img/support_center.png) no-repeat center;
}

.about-support__title {
  margin: 0 auto 28px;
  font-size: 18px;
  line-height: 1.3;
  font-weight: 700;
  max-width: 780px;
}

.about-support .btn--secondary {
  padding: 12px;
  width: 170px;
}

.about-support .btn--secondary:hover {
  background: transparent;
}

.page-template-page-editorial-policy-php .editorial-hero__title {
  color: #0A0C18;
}

.contacts-hero {
  background: #E7EDF4;
}

.contacts-hero__container {
  padding: 40px 16px 150px;
}

.contacts-hero__container {
  display: grid;
  gap: 30px;
  align-items: center;
  background: url(../img/cat_desk.png) no-repeat 100% 100%/100%;
}

.contacts-hero__title {
  margin: 0 0 16px;
  font-size: 28px;
  font-weight: 700;
}

.contacts-main {
  padding: 40px 0;
}

.contacts-main__container {
  display: grid;
  gap: 20px;
}

.contacts-main__info .contacts-info {
  background: #AEC2DA url(../img/cat_mouse.png) no-repeat bottom 20px right 20px;
  display: flex;
  flex-direction: column;
  height: 100%;
  margin: 0 !important;
}

.contacts-main__info .contacts-info .mail,
.contacts-main__info .contacts-info .phone,
.contacts-main__info .contacts-info .address {
  margin-bottom: 18px;
}

.contacts-main__info .contacts-info .mail span,
.contacts-main__info .contacts-info .phone span,
.contacts-main__info .contacts-info .address span {
  white-space: nowrap;
}

.contacts-main__info .contacts-info__social-title {
  margin-bottom: 10px;
}

.contacts-main__info .contacts-info__social {
  margin-top: auto;
}

.contacts-form {
  display: grid;
  gap: 10px;
}

.contacts-form__row {
  display: grid;
  gap: 10px;
}

.contacts-form input,
.contacts-form textarea {
  width: 100%;
  border: none;
  background: #E7EDF4;
  padding: 12px 14px;
  font-size: 14px;
  resize: vertical;
}

.contacts-form__submit.btn {
  padding: 12px 26px;
}

.donors-hero {
  background: url(../img/ukraine_donors.svg) no-repeat 100% 0/110%, linear-gradient(266.74deg, #AEC2DA 0%, #FFFFFF 99.68%);
  overflow: hidden;
}

.donors-hero__container {
  display: grid;
  gap: 24px;
  align-items: center;
  padding: 75px 16px 215px;
  min-height: 379px;
  background: no-repeat 50% 100%/80% url(../img/cat_piggibank.png);
}

.donors-hero__title {
  margin: 0 0 16px;
  font-size: 28px;
  font-weight: 700;
  line-height: 1.2;
}

.donors-hero__text {
  font-size: 15px;
  line-height: 1.5;
}

.donors-hero__media {
  position: relative;
  min-height: 220px;
}

.donors-hero__map {
  position: absolute;
  right: -20px;
  top: -20px;
  width: min(520px, 100%);
  height: auto;
  opacity: 0.3;
}

.donors-hero__cat {
  position: absolute;
  right: 0;
  bottom: 0;
  width: min(320px, 60%);
  height: auto;
}

.donors {
  padding: 80px 0 40px;
}

.donors__grid {
  -moz-columns: 1;
  columns: 1;
}

.donor-card {
  width: 100%;
  margin: 0 0 20px;
  -moz-column-break-inside: avoid;
  break-inside: avoid;
  border: 1px solid #AEC2DA;
  background: #fff;
  display: grid;
  grid-template-rows: auto 1fr;
  overflow: hidden;
}

.donor-card__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 16px;
  background: #E7EDF4;
  min-height: 101px;
}

.donor-card__title {
  margin: 0;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.3;
}

.donor-card__logo {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 110px;
  min-height: 48px;
}

.donor-card__logo-image {
  display: block;
  width: auto;
  height: auto;
  max-height: 48px;
  max-width: 140px;
}

.donor-card__logo-text {
  font-weight: 700;
  color: #2A4362;
  font-size: 14px;
  text-align: right;
}

.donor-card__body {
  padding: 16px;
}

.donor-card__text {
  font-size: 16px;
  line-height: 1.4;
}

.donor-card__text p {
  margin: 0 0 12px;
}

.donor-card__text p:last-child {
  margin-bottom: 0;
}

.partners {
  padding: 40px 0 60px;
}

.partners__grid {
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: center;
  justify-content: center;
}

.partners__item img {
  max-height: 90px;
}

.help-hero {
  background: url(../img/ukraine_help.svg) no-repeat 100% 0/100%, linear-gradient(180.68deg, #AEC2DA 0.55%, #FFFFFF 99.38%);
  margin-bottom: 90px;
}

.help-hero__container {
  display: grid;
  gap: 10px;
  min-height: 306px;
  padding: 40px 16px;
  overflow: hidden;
  background: no-repeat 55% 100%/285px url(../img/cat_piggibank_cons.png);
}

.help-hero__title {
  margin: 0 0 10px;
  font-size: 28px;
  font-weight: 700;
  line-height: 1.2;
  max-width: 490px;
}

.help-hero__text {
  max-width: 490px;
  font-size: 16px;
  line-height: 1.5;
  max-width: 222px;
}

.help-hero__media {
  position: relative;
  min-height: 220px;
}

.help-hero__map {
  position: absolute;
  right: -10px;
  top: -20px;
  width: min(540px, 100%);
  height: auto;
  opacity: 0.35;
}

.help-hero__cat {
  position: absolute;
  right: 0;
  bottom: 0;
  width: min(300px, 65%);
  height: auto;
}

.help-actions {
  padding: 40px 0 60px;
}

.help-actions p {
  line-height: 1.5;
}

.help-actions p + p {
  margin: 12px 0 0;
}

.help-action {
  display: grid;
  gap: 20px;
  align-items: center;
  padding: 40px 0;
}

.help-action--reverse .help-action__media {
  order: 2;
}

.help-action__media {
  display: flex;
  align-items: center;
  justify-content: center;
}

.help-action__title {
  margin: 0 0 20px;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.4;
}

.help-action__text {
  max-width: 470px;
  font-size: 16px;
  line-height: 1.5;
  margin-bottom: 20px;
}

.help-action__button.btn {
  width: 220px;
  padding: 13px;
}

.help-action__image {
  display: block;
  width: 100%;
  height: auto;
}

.help-action__footer {
  max-width: 880px;
}

.help-action__footer a {
  text-decoration: underline;
}

.help-action__footer a:hover {
  text-decoration: none;
}

.help-social .help-action__title {
  padding-bottom: 50px;
  margin-bottom: 10px;
  background: url(../img/social_arrow_pointer.svg) no-repeat 55% 100%;
}

.help-social .help-action__box {
  width: -moz-max-content;
  width: max-content;
  max-width: 100%;
  padding: 16px;
  background: #E7EDF4;
  margin-bottom: 20px;
}

.help-social .help-action__box .help-action__box-title {
  max-width: 225px;
  margin-bottom: 10px;
}

.help-social .social li .social-link {
  width: 42px;
  height: 42px;
}

.help-social .help-social__note {
  font-size: 18px;
  max-width: 540px;
}

.error-404 {
  padding: 60px 0 80px;
}

.error-404__hero {
  position: relative;
  display: grid;
  gap: 28px;
  align-items: center;
  margin-bottom: 120px;
}

.error-404__hero::after {
  content: "";
  display: block;
  background: url(../img/cat_chain.png) no-repeat;
  width: 502px;
  height: 402px;
  position: absolute;
  top: 64px;
  left: 50%;
  transform: translateX(-65px);
  z-index: 1;
}

.error-404__copy {
  position: relative;
  z-index: 1;
  padding-top: 300px;
}

.error-404__code {
  position: absolute;
  top: 30px;
  left: 50%;
  transform: translateX(-50%);
  font-size: clamp(120px, 22vw, 300px);
  line-height: 1;
  font-weight: 800;
  color: #EEF1F4;
  z-index: -1;
  pointer-events: none;
}

.error-404__title {
  margin: 0 0 12px;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.35;
  color: #0A0C18;
}

.error-404__text {
  font-size: 20px;
  line-height: 1.4;
  margin: 0 0 22px;
  max-width: 520px;
}

.error-404__search {
  margin: 0 auto;
  max-width: 875px;
  background: #E7EDF4;
  padding: 20px 40px;
  position: relative;
  z-index: 2;
}

.error-404__search-label {
  display: block;
  margin-bottom: 10px;
  font-size: 20px;
  font-weight: 600;
}

.error-404__search-row {
  display: grid;
  grid-template-columns: 50px 1fr 181px;
  align-items: center;
  background: #fff;
  border: 1px solid #D7E1EC;
  overflow: hidden;
}

.error-404__search-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 58px;
  height: 50px;
}

.error-404__search input {
  border: none;
  height: 50px;
  font-size: 18px;
  padding: 0 10px;
}

.error-404__search button {
  border: none;
  height: 50px;
  background: #1E4B6A;
  color: #fff;
  font-size: 18px;
  font-weight: 400;
  cursor: pointer;
}

.error-404__search button:hover {
  background: #0A0C18;
}

.error-404__detective {
  max-width: 240px;
  height: auto;
}

.error-404__chain {
  position: absolute;
  left: 10%;
  bottom: 24px;
  width: 180px;
  height: auto;
}

.error-404__read-title {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  margin: 0 0 24px;
  font-size: 22px;
  font-weight: 700;
  color: #0A0C18;
}

.error-404__read-title::before,
.error-404__read-title::after {
  content: "";
  height: 1px;
  width: 60px;
  background: #AEB7C2;
}

.error-404__read-list {
  display: grid;
  gap: 16px;
}

.error-404__read-item .story {
  height: 100%;
}

.news-category {
  padding: 20px 0 40px;
}

.breadcrumbs {
  margin: 20px 0;
  font-weight: 400;
  line-height: 1;
}

.breadcrumbs p {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px;
  font-size: 0;
  margin: 0;
}

.breadcrumbs a,
.breadcrumbs .breadcrumb_last {
  font-size: 12px;
  line-height: 1;
}

.breadcrumbs a {
  color: #AEC2DA;
}

.breadcrumbs a:hover {
  color: #0A0C18;
}

.breadcrumbs a::after {
  background: #AEC2DA;
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  margin: 0 4px;
  -webkit-mask: url(../img/arrow.svg) no-repeat center/contain;
  mask: url(../img/arrow.svg) no-repeat center/contain;
}

.breadcrumbs a:last-of-type::after {
  background: #0A0C18;
}

.breadcrumbs .breadcrumb_last {
  color: #0A0C18;
}

body[class*=-region] .breadcrumbs {
  margin-bottom: 30px;
}

.pagination {
  margin: 30px 0 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
  font-size: 18px;
  text-align: center;
}

.pagination .page-numbers {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border: 1px solid #0A0C18;
  border-radius: 50%;
  color: #0A0C18;
  background: #fff;
  font-size: 14px;
  transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

.pagination .page-numbers.prev,
.pagination .page-numbers.next {
  position: relative;
  font-size: 0;
  color: transparent;
}

.pagination .page-numbers.prev::after,
.pagination .page-numbers.next::after {
  content: "";
  position: absolute;
  inset: 0;
  margin: auto;
  width: 12px;
  height: 12px;
  background: url(../img/arrow.svg) no-repeat center/contain;
}

.pagination .page-numbers.prev::after {
  transform: rotate(180deg);
}

.pagination .page-numbers.current {
  background: #2A4362;
  border-color: #0A0C18;
  color: #fff;
}

.pagination a.page-numbers:hover {
  background: #AEC2DA;
  border-color: #0A0C18;
  color: #0A0C18;
}

.pagination a.page-numbers.prev:hover::after,
.pagination a.page-numbers.next:hover::after {
  filter: invert(1);
}

.region-category {
  padding-bottom: 60px;
}

.region-category__hero {
  background: #2A4362;
  position: relative;
  margin-bottom: 30px;
  overflow: hidden;
  min-height: 505px;
}

.region-category__hero-media img {
  display: block;
  margin-left: auto;
  height: auto;
}

.region-category__hero-body {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
  color: #fff;
}

.region-category__hero-body .container {
  position: relative;
  padding: 20px;
  height: 100%;
}

.region-category__hero-body .container .map {
  width: 95%;
  position: absolute;
  z-index: 9;
  top: 30px;
  left: 2.5%;
  padding: 60px 30px;
  min-height: 241px;
}

.region-category__hero-body .container:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: linear-gradient(342.28deg, rgba(251, 251, 251, 0) 21.27%, rgba(237, 240, 243, 0) 25.7%, #96ABC4 49.61%, #526986 67.3%, #2A4362 92.3%);
}

.region-category__title {
  margin: 0 0 6px;
  font-weight: 700;
  font-size: 24px;
  line-height: 1.2;
}

.region-category__description {
  max-width: 520px;
  font-size: 14px;
  line-height: 1.4;
}

.region-category__content {
  display: grid;
  gap: 24px;
}

.region-category__grid {
  display: grid;
  gap: 20px;
}

.region-category__item--text .story--text {
  border-bottom: 1px solid #AEC2DA;
  padding-bottom: 12px;
}

.region-category__side {
  display: grid;
  gap: 24px;
}

.region-category__side-title {
  margin: 0 0 14px;
  font-weight: 700;
  font-size: 24px;
  text-align: center;
}

.region-category__side-title::before,
.region-category__side-title::after {
  width: 50px;
}

.region-category__side-list {
  display: flex;
  gap: 20px;
  overflow: auto;
  padding-bottom: 18px;
  width: calc(100% + 16px);
  position: relative;
}

.region-category__side-list .story__title {
  font-size: 14px;
  margin: 0 0 6px;
}

.region-category__side-list .story__meta {
  font-size: 12px;
}

.region-category__extra {
  padding-bottom: 40px;
}

.region-category__extra-list {
  display: grid;
  gap: 16px;
}

.category-odesa-region .map {
  background: url(../img/regions/ukraine_odesa.svg) no-repeat center/100%;
}

.category-kirovohrad-region .map {
  background: url(../img/regions/ukraine_krop.svg) no-repeat center/100%;
}

.category-mykolaiv-region .map {
  background: url(../img/regions/ukraine_mik.svg) no-repeat center/100%;
}

.category-kherson-region .map {
  background: url(../img/regions/ukraine_herson.svg) no-repeat center/100%;
}

.news-related {
  padding: 40px 0;
}

.news-related__list {
  display: flex;
  gap: 20px;
  overflow: auto;
  padding-bottom: 18px;
  width: calc(100% + 16px);
  position: relative;
}

.news-related__item {
  min-width: 287px;
}

.author-page {
  margin-top: 30px;
  padding-bottom: 60px;
}

.author-page__header {
  display: grid;
  gap: 0;
  align-items: stretch;
  margin-bottom: 40px;
  border: 1px solid #AEC2DA;
  padding: 0;
}

.author-page__avatar {
  background: #E7EDF4;
  height: 100%;
  max-height: 350px;
  overflow: hidden;
  display: flex;
  align-items: flex-end;
}

.author-page__avatar img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center bottom;
  object-position: center bottom;
  display: block;
}

.author-page__info {
  padding: 20px;
}

.author-page__name {
  margin: 0;
  font-size: 22px;
  font-weight: 700;
}

.author-page__position {
  margin: 0 0 12px;
  font-size: 14px;
}

.author-page__bio {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  overflow: hidden;
}

.author-page__bio[data-collapsed=false] {
  display: block;
  -webkit-line-clamp: unset;
}

.author-page__bio[data-collapsed=false] + .author-page__toggle::after {
  transform: rotate(-90deg);
}

.author-page__toggle {
  margin-top: 20px;
  padding: 0;
  border: none;
  background: none;
  font-weight: 600;
  cursor: pointer;
}

.author-page__toggle::after {
  content: "";
  display: inline-block;
  width: 11px;
  height: 13px;
  margin-left: 10px;
  transform: rotate(90deg);
  transition: all 0.3s;
  background: no-repeat center url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='13' viewBox='0 0 11 13' fill='none'%3E%3Cpath d='M-4.86374e-05 0C0.32552 0.176093 0.650142 0.353604 0.973819 0.532532C3.88692 2.14289 6.72346 3.86806 9.48346 5.70806L10.1214 6.13333L9.48346 6.5586C6.72346 8.3986 3.88692 10.1238 0.97382 11.7341C0.650143 11.9131 0.325519 12.0906 -4.86374e-05 12.2667C0.287717 12.0339 0.576429 11.8025 0.866084 11.5725C3.47299 9.50289 6.15644 7.54806 8.91644 5.70806V6.5586C6.15644 4.7186 3.47299 2.76378 0.866084 0.694135C0.576428 0.464174 0.287718 0.232796 -4.86374e-05 0Z' fill='%230A0C18'/%3E%3C/svg%3E");
}

.author-articles {
  margin-bottom: 40px;
}

.author-articles__title {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  margin: 0 0 24px;
  font-size: 22px;
  font-weight: 700;
}

.author-articles__title::before,
.author-articles__title::after {
  content: "";
  height: 1px;
  width: 60px;
  background: #AEB7C2;
}

.author-articles__list {
  display: grid;
  gap: 20px;
}

.authors-list {
  padding: 10px 0 40px;
}

.authors-list__title {
  margin: 0 0 10px;
  font-size: 26px;
  font-weight: 700;
}

.authors-list__intro {
  max-width: 820px;
  margin: 0 auto 30px;
  text-align: center;
}

.authors-list__grid {
  display: grid;
  gap: 20px;
}

.authors-list__item {
  display: flex;
  gap: 0;
  padding: 0;
  border: 1px solid #AEC2DA;
  background: #fff;
  align-items: stretch;
  flex-direction: column;
  color: #0A0C18;
  overflow: hidden;
  cursor: pointer;
}

.authors-list__item .authors-list__media {
  position: relative;
  top: -1px;
  bottom: -1px;
  left: -1px;
  height: calc(100% + 2px);
}

.authors-list__item:hover {
  color: #0A0C18;
  border-color: #2A4362;
}

.authors-list__item:hover .authors-list__media {
  top: 0px;
  bottom: 0px;
  left: 0px;
  height: auto;
}

.authors-list__item:hover .authors-list__media img {
  transform: scale(1.15);
}

.authors-list__item--reverse .authors-list__media {
  left: 0;
  right: -1px;
}

.authors-list__item--reverse .authors-list__media:hover {
  color: #0A0C18;
  border-color: #2A4362;
}

.authors-list__item--reverse .authors-list__media:hover .authors-list__media {
  right: 0px;
}

.authors-list__media {
  width: 100%;
  height: 100%;
  max-width: 326px;
  min-height: 220px;
  background: #E7EDF4;
  flex: 1 1 50%;
  display: block;
  text-decoration: none;
}

.authors-list__media img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  transition: all 0.5s;
}

.authors-list__body {
  position: relative;
  padding: 20px;
  flex: 1 1 50%;
  background: #fff;
}

.authors-list__name {
  margin: 0 0 8px;
  font-size: 20px;
  font-weight: 700;
}

.authors-list__name-link {
  color: inherit;
  text-decoration: none;
}

.authors-list__position {
  margin: 0 0 26px;
  font-style: italic;
  font-size: 14px;
}

.authors-list__bio {
  margin: 0 0 16px;
}

.authors-list__bio p {
  font-size: 16px;
  line-height: 1.5;
}

.authors-list__bio {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 7;
  overflow: hidden;
}

.authors-list__link.btn {
  position: absolute;
  right: 24px;
  bottom: 20px;
  border-color: transparent;
  background: transparent;
  font-size: 14px;
  color: #2A4362;
}

.authors-list__link.btn::after {
  background: no-repeat center url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='13' viewBox='0 0 11 13' fill='none'%3E%3Cpath d='M-4.86374e-05 0C0.32552 0.176093 0.650142 0.353604 0.973819 0.532532C3.88692 2.14289 6.72346 3.86806 9.48346 5.70806L10.1214 6.13333L9.48346 6.5586C6.72346 8.3986 3.88692 10.1238 0.97382 11.7341C0.650143 11.9131 0.325519 12.0906 -4.86374e-05 12.2667C0.287717 12.0339 0.576429 11.8025 0.866084 11.5725C3.47299 9.50289 6.15644 7.54806 8.91644 5.70806V6.5586C6.15644 4.7186 3.47299 2.76378 0.866084 0.694135C0.576428 0.464174 0.287718 0.232796 -4.86374e-05 0Z' fill='%23000000'/%3E%3C/svg%3E");
}

.authors-list__link.btn:hover {
  background: transparent;
  border-color: transparent;
  color: #2A4362;
}

.authors-list__link.btn:hover::after {
  transform: none;
}

.single-article {
  padding-bottom: 60px;
}

.single-article__hero {
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  max-height: 632px;
}

.single-article__hero-image {
  width: 100%;
  height: auto;
  display: block;
}

.single-article__hero-overlay {
  position: absolute;
  inset: 0;
  background: radial-gradient(62.57% 111.54% at 48.64% 50.07%, #0A0C18 0%, rgba(10, 12, 24, 0) 100%);
}

.single-article__hero-content {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 20px;
  width: min(90%, 870px);
  margin: auto;
  color: #fff;
}

.single-article__title {
  margin: 0 0 12px;
  font-size: 24px;
  line-height: 1.3;
  font-weight: 700;
}

.single-article__meta {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 16px;
  text-transform: uppercase;
}

.single-article__meta a {
  color: #F2F3F5;
}

.single-article__meta a:hover {
  text-decoration: underline;
}

.single-article__caption {
  padding-top: 10px;
  color: #2A4362;
  font-size: 14px;
  line-height: 150%;
}

.single-article__body {
  padding-top: 60px;
  display: grid;
  gap: 20px;
}

.single-article__share {
  order: 2;
  width: 100%;
}

.single-article__share-title {
  display: block;
  text-align: center;
  font-size: 14px;
  font-weight: 500;
}

.single-article__share-list {
  flex-direction: row;
  gap: 12px;
  flex-wrap: wrap;
}

.single-article__content {
  order: 1;
}

.single-article__content p {
  margin: 0 0 16px;
}

.single-article__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 20px;
}

.single-article__tags a {
  display: inline-flex;
  align-items: center;
  padding: 6px 8px;
  background: #F2F3F5;
  font-weight: 400;
  font-size: 12px;
  line-height: 1.4;
  color: #0A0C18;
  text-decoration: none;
}

.single-article__tags a:hover {
  background: #AEC2DA;
}

.single-article__sidebar {
  padding-top: 80px;
  order: 3;
}

.single-article__sidebar .single-article__side-list {
  display: flex;
  gap: 20px;
  overflow: auto;
  padding-bottom: 18px;
  width: calc(100% + 16px);
  position: relative;
}

.single-article__sidebar .single-article__side-list .single-article__side-item {
  min-width: 287px;
}

.single-article__sidebar .single-article__side-list .story__title {
  font-size: 14px;
  margin: 0 0 6px;
}

.single-article__sidebar .single-article__side-list .story__meta {
  font-size: 12px;
}

.single-article__side-title {
  margin: 0 0 30px;
  font-weight: 700;
  font-size: 24px;
  text-align: center;
}

.single-article__side-title::before,
.single-article__side-title::after {
  width: 50px;
}

/* ============ NEWS SECTION LAYOUT ============ */

.news-grid {
  padding: 40px 0;
}

.news-grid__list {
  min-width: 0;
  display: grid;
  gap: 20px;
}

.news-grid__more {
  margin: 30px auto 0;
  display: flex;
  width: -moz-max-content;
  width: max-content;
}

/* ============ STORY CARD BASE ============ */

.story {
  position: relative;
  display: grid;
  gap: 12px;
}

.story__link {
  position: absolute;
  inset: 0;
  z-index: 5;
}

.story__media {
  position: relative;
  overflow: hidden;
  background: #E7EDF4;
  aspect-ratio: 16/8.1;
}

.story__img {
  width: 100%;
  height: 100%;
  display: block;
  -o-object-fit: cover;
  object-fit: cover;
}

.story__overlay {
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.2s ease;
}

.story__title {
  margin: 0 0 6px;
  font-weight: 700;
  line-height: 1.3;
  font-size: 16px;
}

.story__excerpt {
  margin: 0;
  font-size: 14px;
  line-height: 1.3;
}

.story__meta {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  text-transform: uppercase;
  white-space: nowrap;
  overflow: hidden;
}

/* ============ VARIANT 1: Split (image left, text right) ============ */

/* как 1-й скрин: фото слева, справа заголовок + короткий текст */

.story--split {
  grid-template-columns: 1fr;
  align-items: start;
}

.story--split.story--clamp {
  grid-template-columns: 113px 1fr;
}

.story--split.story--clamp .story__img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.story--split.story--clamp .story__media {
  margin-top: -3px;
}

.story--split .story__meta {
  display: none;
}

/* ============ VARIANT 2: Overlay (text over image) ============ */

/* как большой hero на 2-м скрине: текст поверх + автор/дата */

.investigation .news-grid__list > *:nth-child(n+6) .story--text {
  border-bottom: 1px solid #AEC2DA;
}

.story--overlay .story__media {
  aspect-ratio: 16/8.1;
}

.story--overlay .story__body {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
  padding: 14px;
  color: #fff;
}

.story--overlay .story__overlay {
  opacity: 1;
  background: linear-gradient(360deg, #0A0C18 9.83%, rgba(42, 67, 98, 0.8) 33.81%, rgba(108, 131, 158, 0.3) 56.1%, rgba(255, 255, 255, 0) 100%);
}

/* ============ VARIANT 4: Text only (title + meta, no image) ============ */

/* под правую сетку: тайтл + короткое описание (если нужно) + мета */

.story--text .story__media {
  display: none;
}

.story--text .story__title {
  font-size: 16px;
}

.story--text .story__meta {
  margin-top: 6px;
}

/* ============ UTIL: clamp titles/excerpt if you want ============ */

.story--clamp .story__title {
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.story--clamp .story__excerpt {
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.home-articles {
  padding: 40px 0;
}

.home-articles__left .story .story__media {
  aspect-ratio: 16/15.8;
}

.home-articles__left .story__media {
  height: 100%;
}

.home-articles__left .story__img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.home-articles__left .story__body {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 14px;
  color: #fff;
  z-index: 2;
}

.home-articles__left .story__overlay {
  position: absolute;
  inset: 0;
  z-index: 1;
}

.home-articles__left .story--overlay {
  position: relative;
  overflow: hidden;
}

.home-articles__left .story__title {
  font-size: 20px;
  line-height: 1.3;
  margin-bottom: 8px;
}

.home-articles__item {
  padding: 20px 0;
  border-bottom: 1px solid #AEC2DA;
}

.home-articles__item .story {
  background: transparent;
  padding: 0;
  box-shadow: none;
}

.home-articles__item .story__title {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 8px;
}

.home-articles__item .story__meta {
  font-size: 12px;
  margin-bottom: 8px;
}

.home-articles__footer {
  margin-top: 30px;
  text-align: center;
}

.footer {
  background: #F2F3F5;
  padding: 40px 0;
}

.footer__container {
  position: relative;
  display: flex;
  justify-content: space-between;
}

.footer_right__menu {
  width: 230px;
}

.footer__center {
  max-width: 615px;
  text-align: center;
  color: #0A0C18;
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
}

.footer__center .btn {
  margin: 20px 0;
  padding: 13px 20px 14px;
  width: 180px;
}

.footer__center .text_copyright {
  font-weight: 400;
  font-style: italic;
}

.footer__center .social {
  display: inline-flex;
  margin: 40px 0;
}

.footer__logo {
  display: inline-block;
  width: 98px;
  height: 98px;
  background: url(../img/footer_logo_2x.png);
  background-size: 100%;
  margin-bottom: 16px;
}

.footer .menu-item {
  margin-bottom: 16px;
}

.footer .menu-item a {
  color: #0A0C18;
}

.footer .menu-item a:hover {
  color: #8391A1;
}

.footer p {
  margin: 0;
  font-size: 14px;
}

.modal-overlay {
  display: none;
  padding-top: 1px;
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.8);
  z-index: 999;
  overflow: auto;
  align-items: center;
  justify-content: center;
  padding-top: 60px;
}

.modal-overlay .modal-content {
  margin-bottom: 0px;
}

.modal-overlay .close-button {
  position: absolute;
  width: 50px;
  height: 50px;
  top: 10px;
  right: 10px;
  cursor: pointer;
  transition: 0.2s linear;
}

.modal-overlay .close-button:before {
  background: #fff;
  content: "";
  height: 50px;
  width: 2px;
  display: block;
  transform: translateX(25px) rotate(-45deg);
}

.modal-overlay .close-button:after {
  background: #fff;
  content: "";
  margin-top: -50px;
  height: 50px;
  width: 2px;
  display: block;
  transform: translateX(25px) rotate(45deg);
  transition: 0.2s linear;
}

#modal-video .modal-content {
  height: auto;
  width: 100%;
}

#modal-video .video {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}

#modal-video .video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.countdownHolder {
  margin: 0 auto;
  font: 30px/1 Roboto, sans-serif;
  text-align: center;
  letter-spacing: -3px;
  display: flex;
  align-items: flex-start;
  justify-content: center;
}

.countdownHolder .position {
  display: inline-block;
  height: 1em;
  overflow: hidden;
  position: relative;
  width: 0.5em;
}

.countdownHolder {
  /*Параметры цифр */
}

.countdownHolder .digit {
  position: absolute;
  display: block;
  border-radius: 0.2em;
  text-align: center;
  color: #000;
  letter-spacing: -1px;
  left: 50%;
  transform: translateX(-50%);
}

.countdownHolder {
  /*Параметры подложки для секций */
}

.countdownHolder .countDays,
.countdownHolder .countHours,
.countdownHolder .countMinutes,
.countdownHolder .countSeconds {
  background: #fff;
  border-radius: 5px;
  padding: 10px;
}

.countdownHolder {
  /*Параметры секций разделения (:)*/
}

.countdownHolder .countDiv {
  display: none;
  width: 10px;
  height: 1em;
  position: relative;
}

.countdownHolder .countDiv:before,
.countdownHolder .countDiv:after {
  background: #444;
  position: absolute;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  left: 50%;
  margin-left: -3px;
  top: 0.2em;
  box-shadow: 1px 1px 1px rgba(4, 4, 4, 0.5);
  content: "";
}

.countdownHolder .countDiv:after {
  top: 0.6em;
}

.countdownHolder {
  /*Параметры вспомогательного текста (дни, часы, минуты, секунды)*/
}

.countdownHolder .textdigit {
  font-size: 15px;
  letter-spacing: 0px;
}

@media (min-width: 768px) {
  .hero-slider {
    height: 740px;
  }

  .hero-slide__title {
    font-size: 38px;
    line-height: 1.3;
    margin-bottom: 12px;
  }

  .hero-slide__meta {
    font-size: 18px;
  }

  .hero-slide__nav {
    bottom: 165px;
    gap: 24px;
  }

  .hero-arrow {
    width: 45px;
    height: 45px;
  }

  .search__form .title {
    font-size: 28px;
  }

  .search__form input[type=search] {
    height: 50px;
    padding: 14px 14px 14px 58px;
  }

  .search__form .btn {
    flex: 0 0 180px;
    height: 50px;
  }

  .partners__grid {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 80px;
  }

  .authors-list__item {
    flex-direction: row;
    align-items: stretch;
  }

  .authors-list__item--reverse {
    flex-direction: row-reverse;
  }

  .authors-list__media {
    min-height: 100%;
  }
}

@media (min-width: 1024px) {
  .btn_burger,
  .mobile-menu {
    display: none;
  }
}

@media (min-width: 1260px) {
  p {
    font-size: 18px;
  }

  .contacts-info {
    margin-bottom: 40px;
  }

  .btn {
    font-size: 18px;
  }

  .btn--dark {
    min-width: 180px;
  }

  .header__middle {
    padding: 6px 0;
  }

  .header__middle .container {
    gap: 28px;
    justify-content: center;
  }

  .header__middle .title {
    font-size: 36px;
    line-height: 100%;
  }

  .header__logo {
    width: 60px;
    height: 60px;
  }

  .header__social.social {
    position: absolute;
    right: 3vw;
    display: flex;
  }

  .header [class*=__menu] {
    display: flex;
    justify-content: center;
  }

  .burger {
    display: none;
  }

  .btn_search {
    position: absolute;
    right: calc(3vw + 260px);
    width: 28px;
    height: 28px;
  }

  .search-modal__dialog {
    position: relative;
    inset: auto;
    max-width: 837px;
    width: calc(100% - 32px);
    margin: 7vh auto 0;
    padding-top: 12vh;
  }

  .search__form {
    gap: 20px 0;
  }

  .search__form .title {
    font-size: 28px;
  }

  .section-title {
    gap: 20px;
    font-size: 38px;
    margin-bottom: 40px;
  }

  .section-title::before,
  .section-title::after {
    width: 100px;
  }

  .regions {
    padding: 60px 0 40px;
  }

  .regions__grid {
    width: 100%;
  }

  .region-card__title {
    font-size: 16px;
  }

  .our-influence {
    padding: 60px 0;
  }

  .our-influence__list {
    width: 100%;
    gap: 20px;
  }

  .our-influence__list .our-influence__item {
    flex: 0 0 calc((100% - 60px) / 3);
  }

  .our-influence__more.btn {
    margin-top: 40px;
  }

  .banner-instagram {
    font-size: 23px;
  }

  .banner-instagram::before {
    position: absolute;
    top: 0;
    left: 4%;
    content: "";
    display: block;
    background: url(../img/cat_glass_2_1.png) no-repeat;
    width: 137px;
    height: 140px;
    transform: rotate(-90deg);
  }

  .banner-instagram::after {
    top: 155px;
  }

  .banner-instagram .title {
    max-width: 580px;
    font-size: 38px;
  }

  .banner-instagram .btn--ghost {
    width: 270px;
  }

  .banner-instagram .container {
    padding: 210px 10px 120px;
    background-position: right 200px bottom;
  }

  .about-hero {
    padding: 80px 0;
    min-height: 372px;
  }

  .about-hero__title {
    font-size: 38px;
  }

  .editorial-hero .container {
    padding: 80px 16px;
    min-height: 456px;
  }

  .editorial-hero__title {
    font-size: 38px;
  }

  .about-content {
    padding: 90px 0 40px;
  }

  .about-content__container {
    grid-template-columns: minmax(0, 1fr) 316px;
    gap: 132px;
  }

  .about-content__container .about-content__main {
    padding-left: 112px;
  }

  .about-content__side-title {
    gap: 12px;
    font-weight: 700;
    font-size: 20px;
    margin-bottom: 30px;
  }

  .about-content__side-title::before,
  .about-content__side-title::after {
    width: 38px;
  }

  .about-content__side-list {
    width: 100%;
    flex-direction: column;
  }

  .about-map .container {
    padding-left: 112px;
  }

  .about-map .container .title {
    position: absolute;
    bottom: 40px;
    left: 150px;
    max-width: 300px;
  }

  .about-support {
    padding: 60px 0 60px;
  }

  .about-support::before {
    width: 433px;
    bottom: 0;
  }

  .about-support::after {
    width: 582px;
    bottom: 0;
  }

  .about-support__title {
    font-size: 38px;
  }

  .about-support .btn--secondary {
    width: 220px;
  }

  .contacts-hero__container {
    padding: 60px 16px;
  }

  .contacts-hero__container {
    background-size: auto;
    grid-template-columns: 700px 1fr;
    gap: 40px;
  }

  .contacts-hero__title {
    font-size: 38px;
  }

  .contacts-hero__text {
    font-size: 18px;
  }

  .contacts-main {
    padding: 60px 0;
  }

  .contacts-main__container {
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    align-items: stretch;
    max-width: 1120px;
    margin: 0 auto;
  }

  .contacts-main__info .contacts-info {
    font-size: 18px;
    padding: 30px 70px 30px 40px;
    background-position: bottom 30px right 40px;
  }

  .contacts-form__row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .donors-hero {
    background-size: auto;
  }

  .donors-hero__container {
    background-position: 80% 100%;
    background-size: auto;
    padding: 60px 16px;
    min-height: 372px;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 40px;
  }

  .donors-hero__title {
    font-size: 38px;
  }

  .donors {
    padding: 60px 0 40px;
  }

  .donors__grid {
    -moz-columns: 2;
    columns: 2;
    -moz-column-gap: 20px;
    column-gap: 20px;
  }

  .donor-card {
    margin: 0 0 30px;
  }

  .donor-card__head {
    padding: 24px;
    min-height: 121px;
  }

  .donor-card__title {
    font-size: 28px;
  }

  .donor-card__text {
    font-size: 16px;
  }

  .partners {
    padding: 40px 0 80px;
  }

  .help-hero {
    background-size: auto;
  }

  .help-hero__container {
    gap: 24px;
    align-items: center;
    background-size: auto;
    padding: 60px 0 40px;
    min-height: 357px;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 40px;
  }

  .help-hero__title {
    font-size: 38px;
  }

  .help-hero__text {
    max-width: 100%;
  }

  .help-actions {
    padding: 60px 0 90px;
  }

  .help-actions p + p {
    margin: 30px 0 0;
  }

  .help-action {
    grid-template-columns: 765px 1fr;
    gap: 20px;
    padding: 90px 0;
  }

  .help-action .help-action__content {
    padding-top: 50px;
  }

  .help-action--reverse {
    grid-template-columns: 1fr 842px;
    gap: 10px;
  }

  .help-action--reverse .help-action__content {
    margin-top: -140px;
    padding-top: 0;
  }

  .help-action__title {
    font-size: 32px;
    margin: 0 0 30px;
  }

  .help-action__text {
    margin-bottom: 30px;
    font-size: 18px;
  }

  .help-action__button.btn {
    width: 250px;
  }

  .help-action__footer {
    font-size: 18px;
  }

  .help-social {
    grid-template-columns: 1fr 670px;
    gap: 20px;
  }

  .help-social .help-action__title {
    background-size: 245px 100%;
  }

  .help-social .help-action__box {
    padding: 20px 30px;
  }

  .help-social .social li .social-link {
    width: 52px;
    height: 52px;
    background-size: 30px;
    border-width: 2px;
  }

  .error-404__title {
    font-size: 26px;
  }

  .error-404__text {
    margin: 0 0 55px;
  }

  .error-404__read-list {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .news-category {
    padding: 40px 0 60px;
  }

  .breadcrumbs {
    margin: 30px 0;
  }

  .breadcrumbs a,
  .breadcrumbs .breadcrumb_last {
    font-size: 14px;
  }

  .pagination {
    margin: 40px 0 0;
  }

  .region-category__hero {
    min-height: auto;
    margin-bottom: 60px;
  }

  .region-category__hero-body .container {
    padding: 70px 20px 20px;
  }

  .region-category__hero-body .container .map {
    top: 0;
    left: 0;
    width: 50%;
    height: 100%;
    padding: 90px 47px;
  }

  .region-category__hero-body .container:after {
    background: linear-gradient(273.55deg, rgba(251, 251, 251, 0) 3.52%, rgba(237, 240, 243, 0) 22.26%, #96ABC4 40.97%, #526986 78.5%, #2A4362 99%);
  }

  .region-category__title {
    font-size: 38px;
  }

  .region-category__description {
    font-size: 16px;
  }

  .region-category__content {
    gap: 122px;
    grid-template-columns: minmax(0, 1fr) 316px;
  }

  .region-category__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .region-category__item--featured {
    grid-row: span 2;
  }

  .region-category__item--featured .story {
    height: 100%;
  }

  .region-category__item--featured .story--overlay .story__media {
    aspect-ratio: auto;
  }

  .region-category__item--text .story--text {
    border-right: 1px solid #AEC2DA;
    height: 100%;
    padding-right: 16px;
  }

  .region-category__side-title {
    font-size: 20px;
    margin: 0 0 30px;
  }

  .region-category__side-title::before,
  .region-category__side-title::after {
    width: 30px;
  }

  .region-category__side-list {
    width: 100%;
    flex-direction: column;
  }

  .region-category__extra {
    padding-bottom: 60px;
  }

  .region-category__extra-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .news-related {
    padding: 60px 0;
  }

  .news-related__list {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .author-page__header {
    grid-template-columns: 316px 1fr;
    margin-bottom: 110px;
  }

  .author-page__info {
    padding: 30px;
  }

  .author-page__name {
    font-size: 32px;
  }

  .author-page__position {
    margin: 0 0 20px;
  }

  .author-page__toggle {
    font-size: 18px;
  }

  .author-articles__list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .authors-list {
    padding: 30px 0 60px;
  }

  .authors-list__title {
    font-size: 38px;
    margin-bottom: 40px;
  }

  .authors-list__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
  }

  .authors-list__body {
    padding: 20px 24px 70px;
  }

  .authors-list__name {
    font-size: 24px;
  }

  .single-article__title {
    font-size: 38px;
    line-height: 1.3;
  }

  .single-article__meta {
    font-size: 18px;
  }

  .single-article__body {
    grid-template-columns: 92px minmax(0, 1fr) 316px;
    align-items: start;
  }

  .single-article__share {
    position: sticky;
    top: 20px;
    align-self: start;
    order: 0;
  }

  .single-article__share-title {
    margin-bottom: 20px;
  }

  .single-article__share-list {
    flex-direction: column;
    align-items: center;
  }

  .single-article__share-list.social li .social-link {
    width: 36px;
    height: 36px;
    background-size: 24px;
  }

  .single-article__share-list.social li .social-link.x,
  .single-article__share-list.social li .social-link.copy {
    background-size: 20px;
  }

  .single-article__content {
    padding-right: 112px;
  }

  .single-article__tags a {
    font-size: 14px;
    padding: 10px;
  }

  .single-article__sidebar {
    padding-top: 0;
  }

  .single-article__sidebar .single-article__side-list {
    width: 100%;
    flex-direction: column;
  }

  .single-article__side-title {
    font-size: 20px;
  }

  .single-article__side-title::before,
  .single-article__side-title::after {
    width: 30px;
  }

  .news-grid {
    padding: 60px 0;
  }

  .news-grid__list {
    grid-template-columns: repeat(2, 1fr);
  }

  .news-grid .story__title {
    font-size: 24px;
  }

  .news-grid__more {
    margin-top: 40px;
  }

  .story__title {
    font-size: 18px;
    margin: 0 0 8px;
  }

  .story__excerpt {
    font-size: 16px;
  }

  .story__meta {
    font-size: 14px;
  }

  .story--split {
    grid-template-columns: 380px 1fr;
    gap: 24px;
  }

  .story--split .story__media {
    margin-top: 0px;
  }

  .story--split .story__title {
    font-size: 20px;
  }

  .story--split .story__excerpt {
    max-width: 52ch;
  }

  .story--split.story--clamp {
    grid-template-columns: minmax(113px, 316px) 1fr;
  }

  .story--split.story--clamp .story__media {
    max-width: 316px;
    width: 100%;
  }

  .story--split.story--clamp .story__img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
  }

  .investigation .news-grid__list {
    grid-template-columns: repeat(6, 1fr);
  }

  .investigation .news-grid__list > *:nth-child(-n+2) {
    grid-column: span 3;
  }

  .investigation .news-grid__list > *:nth-child(-n+2) .story__title {
    font-size: 24px;
  }

  .investigation .news-grid__list > *:nth-child(n+3) {
    grid-column: span 2;
  }

  .investigation .news-grid__list > *:nth-child(n+3) .story__title {
    font-size: 18px;
  }

  .investigation .news-grid__list .story.story--text.story--clamp {
    padding: 0 10px 20px;
  }

  .investigation .news-grid__list > *:nth-child(6) .story--text,
  .investigation .news-grid__list > *:nth-child(7) .story--text,
  .investigation .news-grid__list > *:nth-child(8) .story--text {
    border-bottom: 1px solid #AEC2DA;
  }

  .investigation .news-grid__list > *:nth-child(6) .story--text,
  .investigation .news-grid__list > *:nth-child(7) .story--text,
  .investigation .news-grid__list > *:nth-child(9) .story--text,
  .investigation .news-grid__list > *:nth-child(10) .story--text {
    border-right: 1px solid #AEC2DA;
  }

  .investigation .news-grid__list > *:nth-child(n+9) .story--text {
    border-bottom: 0;
  }

  .investigation .news-grid__list > *:nth-child(n+6) {
    display: flex;
  }

  .investigation .news-grid__list > *:nth-child(n+6) .story--text {
    flex: 1;
  }

  .investigation .news-grid__list > *:nth-child(6),
  .investigation .news-grid__list > *:nth-child(7),
  .investigation .news-grid__list > *:nth-child(9),
  .investigation .news-grid__list > *:nth-child(10) {
    margin-right: -20px;
  }

  .investigation .news-grid__list > *:nth-child(6),
  .investigation .news-grid__list > *:nth-child(7),
  .investigation .news-grid__list > *:nth-child(8) {
    margin-bottom: -20px;
  }

  .investigation .news-grid__list > *:nth-child(9) .story.story--text.story--clamp,
  .investigation .news-grid__list > *:nth-child(10) .story.story--text.story--clamp,
  .investigation .news-grid__list > *:nth-child(11) .story.story--text.story--clamp {
    padding: 20px 10px 0;
  }

  .story--overlay .story__body {
    padding: 20px;
  }

  .story--text .story__title {
    font-size: 18px;
  }

  .story--text .story__meta {
    margin-top: 12px;
  }

  .home-articles {
    padding: 80px 0;
  }

  .home-articles__grid {
    display: grid;
    grid-template-columns: 1fr 2fr;
    gap: 20px;
    align-items: stretch;
  }

  .home-articles__left .story {
    height: 100%;
  }

  .home-articles__left .story__body {
    padding: 24px 28px;
  }

  .home-articles__left .story__title {
    font-size: 24px;
  }

  .home-articles__right {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-auto-rows: minmax(0, 1fr);
  }

  .home-articles__right .home-articles__item .story__title {
    font-size: 20px;
  }

  .home-articles__right .home-articles__item .story__meta {
    font-size: 14px;
  }

  .home-articles__item {
    padding: 20px 0 0;
    border-bottom: 0;
  }

  .home-articles__item:nth-child(odd) {
    border-right: 1px solid #AEC2DA;
    padding-right: 20px;
  }

  .home-articles__item:first-child,
  .home-articles__item:nth-child(2) {
    padding: 0 0 20px;
    border-bottom: 1px solid #AEC2DA;
  }

  .home-articles__item:nth-child(even) {
    padding-left: 20px;
  }

  .home-articles__footer {
    margin-top: 40px;
  }

  .footer {
    padding: 60px 0;
  }

  .footer__center .footer__social {
    position: absolute;
    bottom: 10px;
    right: 0;
    margin: 0;
  }

  .footer_right__menu {
    padding-bottom: 50px;
  }
}

@media (max-width: 768px) {
  .region-category__hero {
    display: flex;
    flex-direction: column;
    justify-content: end;
  }

  .region-category__hero .region-category__hero-media {
    text-align: right;
  }

  .region-category__hero .region-category__hero-media img {
    max-width: none;
    height: 300px;
  }

  .single-article__share {
    display: flex;
    align-items: center;
    gap: 10px;
  }

  .footer__container {
    flex-direction: column;
  }

  .footer__menu {
    order: 2;
    margin-bottom: 14px;
  }

  .footer_right__menu {
    order: 3;
  }
}
/*# sourceMappingURL=main.css.map */

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