.vars {--first: #F5F4F0; --second: #EDEADF; --active: #8C9C8A; --black: #07304C; --gray: #5D788A; --line: #D8DCDC; --line-white: #E1E6E9; --blue: #72869D; --element: #A5B3BC; --margin: 50px; --radius: 40px}

/* GLOBAL */
* {margin: 0px; padding: 0px; box-sizing: border-box; outline: none; -webkit-locale: auto}
html {font-size: 16px}
html, body {width: 100%}
body {font-family: 'Noto Sans', Arial, sans-serif; line-height: 1.4; font-weight: 300; color: var(--black); background: var(--first); -webkit-text-size-adjust: none; overflow-x: hidden}
.max {margin: 0px auto; width: 100%; max-width: 1920px; padding: 0 clamp(20px, 10.42vw, 200px)}

a {color: inherit; text-decoration: none; outline: none; cursor: pointer; transition: 250ms}
h1, .h1-like, h2, .h2-like, h3, .h3-like {font-family: 'Libre Franklin', Arial, sans-serif; line-height: 1.1; color: var(--black)}
h1, .h1-like {font-size: 60px; font-weight: 500}
h2, .h2-like {font-size: 44px; font-weight: 500}
h3, .h3-like {font-size: 34px; font-weight: 400}
p {font-family: 'Libre Franklin', Arial, sans-serif; font-size: 18px; font-weight: 300}

b, strong {font-weight: 500}
ul {list-style-type: none}
img {object-fit: contain}
img, svg {height: auto; max-height: 100%; max-width: 100%; display: inline-block; vertical-align: middle}
svg {fill: currentColor}
svg * {transition: fill 250ms}
::placeholder {color: var(--element)}
/* GLOBAL */


/* BASIC */
.icons-sprite {display: none}
main {display: block}
main.single, body > .max.index, main > .our-projects:first-child {padding-top: 140px}
.ds {-webkit-user-select: none; -moz-user-select: none; -webkit-user-drag: none; -webkit-touch-callout: none}
.flex {display: flex; flex-wrap: wrap}
.flex.column {flex-direction: column}
.flex.nowrap {flex-wrap: nowrap}
.flex.align-center {align-items: center}
.flex.center {justify-content: center}
.flex.space-between {justify-content: space-between}
.cover {background-position: 50% 50%; background-repeat: no-repeat; background-size: cover}
.mobile-show {display: none}
.tablet-show {display: none}
.mobile-flex {display: none}
/* BASIC */


/* BUTTON */
.button {height: 70px; width: auto; max-width: none; margin: 0; padding: 0 30px; gap: 10px; border-radius: 50px; font-size: 16px; font-weight: 500; line-height: 1.4; text-transform: none; white-space: nowrap; cursor: pointer; transition: 250ms}
.button:not(.flex) {display: inline-flex; align-items: center; justify-content: center}
.button.green {color: #fff; border-color: rgba(6,39,61,0.12); background: radial-gradient(60% 136% at 8% 100%, #526250 0%, rgba(82,98,80,0) 100%), radial-gradient(97% 111% at 84% 9%, #B9CDB6 0%, rgba(140,156,138,0) 100%), var(--active)}
.button.beige {color: var(--black); background: radial-gradient(60% 136% at 8% 100%, #BDB8A4 0%, rgba(221,216,201,0) 100%), radial-gradient(97% 111% at 84% 9%, #FFFFFF 0%, rgba(237,234,223,0) 100%), var(--second)}
.button.white {color: var(--black); background: #fff}
.button svg {width: 22px; height: 22px; color: var(--element)}
/* BUTTON */


/* HEADER */
header {position: absolute; top: 24px; left: 0; width: 100%; z-index: 1000}
header.fixed {position: fixed; top: 0; padding: 14px 0; background: rgba(245,244,240,0.85); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px)}
header .logo {gap: 18px}
header .logo img {width: 72px; height: 69px; flex-shrink: 0; object-fit: contain}
header .logo .name {font-family: 'Libre Franklin', Arial, sans-serif; font-size: 26px; font-weight: 600; line-height: 1.231; white-space: nowrap; flex-shrink: 0}
header .logo .name span{font-weight: 300;}
header .logo .separator {width: 1px; flex-shrink: 0; height: 64px; background: rgba(7,48,76,0.12); margin: 0 6px}
header .logo .sub {font-size: 16px; font-weight: 300; line-height: 1; white-space: nowrap; flex-shrink: 0}
header .menu-block {gap: 10px}
header .menu-pages{padding: 0;}
header .menu {background: #fff; border-radius: 50px; height: 73px; padding: 6px}
header .menu-pages {height: 100%; flex-wrap: nowrap}
header .menu-pages > li {position: relative; height: 100%}
header .menu-pages > li > a, header .menu-pages > li > span {height: 100%; align-self: center; padding: 0 20px; white-space: nowrap; font-size: 18px; font-weight: 500; gap: 10px; cursor: pointer; display: flex; align-items: center; border-radius: 47px; transition: 250ms}
header .menu-pages > li > a svg {width: 12px; height: 6px; opacity: 0.35; transition: 250ms}
header .menu-pages .level-2 {position: absolute; top: 100%; left: 0; margin-top: 10px; padding: 24px; width: 564px; background: #fff; border-radius: var(--radius); transform: scaleY(0); transform-origin: 0 0; opacity: 0; transition: 250ms}
header .menu-pages .level-2 .grid {display: grid; grid-template-columns: repeat(2, 1fr)}
header .menu-pages .level-2 a {display: block; padding: 24px; min-height: 143px; font-size: 18px; font-weight: 500}
header .menu-pages .level-2 a:nth-child(1), header .menu-pages .level-2 a:nth-child(3) {border-right: 1px solid var(--line)}
header .menu-pages .level-2 a:nth-child(1), header .menu-pages .level-2 a:nth-child(2) {border-bottom: 1px solid var(--line)}
header .menu-pages .level-2 a svg {width: 30px; height: 30px; display: block; margin-bottom: 40px; color: var(--active)}
header .menu-pages > li:hover .level-2 {transform: scaleY(1); opacity: 1}
header .menu-pages > li > .sub-menu {position: absolute; top: 100%; left: 0; margin-top: 10px; padding: 24px; width: 564px; background: #fff; border-radius: var(--radius); transform: scaleY(0); transform-origin: 0 0; opacity: 0; transition: 250ms; display: grid; grid-template-columns: repeat(2, 1fr)}
header .menu-pages > li > .sub-menu > li > a {display: block; padding: 24px; min-height: 143px; font-size: 18px; font-weight: 500; transition: 250ms}
header .menu-pages > li > .sub-menu > li > a svg {width: 30px; height: 30px; display: block; margin-bottom: 40px; color: var(--active); transition: 250ms}
header .menu-pages > li > .sub-menu > li:nth-child(odd) {border-right: 1px solid var(--line)}
header .menu-pages > li > .sub-menu > li:nth-last-child(n+3) {border-bottom: 1px solid var(--line)}
header .menu-pages > li:hover > .sub-menu {transform: scaleY(1); opacity: 1}
header .menu-button {display: none; width: 44px; height: 44px; position: relative; cursor: pointer; background: #fff; border-radius: 50%}
header .menu-button span {background: var(--black); height: 2px; position: absolute; width: 18px; left: 13px; transition: 250ms}
header .menu-button span:nth-of-type(1) {top: 15px}
header .menu-button span:nth-of-type(2) {top: 21px}
header .menu-button span:nth-of-type(3) {top: 27px}
header .menu-button.active span:nth-of-type(1) {top: 21px; transform: rotateZ(45deg)}
header .menu-button.active span:nth-of-type(2) {opacity: 0}
header .menu-button.active span:nth-of-type(3) {top: 21px; transform: rotateZ(-45deg)}
/* HEADER */


/* HOME-TOP */
.home-top {position: relative; height: 920px; overflow: hidden}
.home-top .images, .home-top .images picture {position: absolute; top: 0; left: 0; width: 100%; height: 100%}
.home-top .images .bg img {width: 100%; height: 100%; object-fit: cover}
.home-top .max {position: relative; height: 100%}
.home-top .inner {padding-top: 303px; max-width: 957px}
.home-top .sub-title {margin-top: 24px; font-size: 28px; font-weight: 300}
.accent {font-weight: 500; color: var(--active); border-bottom: 1px solid rgba(140,156,138,0.4); padding-bottom: 1px}
.home-top .button {margin-top: 50px; display: inline-flex}
/* HOME-TOP */

.h2-like.quote span{color: #A5B3BC;}
/* HOME-MISSION */
.home-mission {margin-top: 130px}
.home-mission .left-part {width: 62.5%}
.home-mission .quote {margin-top: 24px; max-width: 918px}
.home-mission .text-block {width: 79%; margin-top: 120px; padding-top: 50px; border-top: 1px solid var(--line)}
.home-mission .text-block .title {font-size: 18px; font-weight: 500}
.home-mission .text-block .text {margin-top: 18px; font-size: 28px; font-weight: 300}
.home-mission .text-block .button {margin-top: 50px; display: inline-flex}
.home-mission .right-part {width: 32.43%; aspect-ratio: 493/674; position: relative; overflow: hidden; padding: 40px; background: #fff; border-radius: var(--radius); display: flex; flex-direction: column; justify-content: space-between; align-items: flex-end}
.home-mission .right-part picture {position: absolute; left: -37.1%; top: 17.9%; width: 138.3%; aspect-ratio: 1/1}
.home-mission .right-part picture img {width: 100%; height: 100%; object-fit: cover}
.home-mission .right-part .text {position: relative; width: 100%}
.home-mission .right-part .text p {margin-top: 20px}
.home-mission .right-part .button {position: relative}
.home-mission .card{padding: 40px;border-radius: var(--radius);background-color: white;margin-top: 40px;display: block;}
.home-mission .card p{margin-top: 20px;}
.home-mission .card .button{width: fit-content;margin-top: 20px;}
/* HOME-MISSION */

.list .item{border-radius: var(--radius);}
.our-projects .categories-grid .item{border-radius: var(--radius);}
/* HOME-ABOUT */
.home-about {margin-top: 130px}
.home-about .inner {position: relative; overflow: hidden; padding: 60px; min-height: 732px; border-radius: var(--radius); background: radial-gradient(60% 136% at 8% 100%, #BDB8A4 0%, rgba(221,216,201,0) 100%), radial-gradient(97% 111% at 84% 9%, #FFFFFF 0%, rgba(237,234,223,0) 100%), var(--second)}
.home-about .photo {position: absolute; top: 0; right: 0; z-index: 0; width: 56.25%; height: 100%}
.home-about .photo img {width: 100%; height: 100%; object-fit: cover; object-position: 50% 50%}
.home-about .inner:before {content: ''; position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; background: linear-gradient(90deg, var(--second) 0%, var(--second) 44%, rgba(237,234,223,0) 78%)}
.home-about .text-block {position: relative; z-index: 2; width: 58.4%}
.home-about .text-block p {margin-top: 26px}
.home-about .note {width: 67%; margin-top: 60px; padding-left: 24px; border-left: 1px solid rgba(7,48,76,0.12)}
.home-about .note .small {font-size: 16px; font-weight: 300; opacity: 0.65}
.home-about .note .big {margin-top: 12px; font-size: 22px; font-weight: 300; line-height: 1.25}
.home-about .avatars {margin-top: 198px; gap: 10px}
.home-about .avatar {width: 80px; height: 80px; border-radius: 50%; overflow: hidden; flex-shrink: 0}
.home-about .avatar img {width: 100%; height: 100%; object-fit: cover; border-radius: 50%;position: static;}
.home-about .avatar.big {width: 92px; height: 92px; padding: 6px; border: 1px solid rgba(7,48,76,0.12)}
.home-about .card {position: absolute; z-index: 2; right: 60px; top: 361px; width: 311px; height: 311px; padding: 30px; background: #fff; border-radius: 30px}
.home-about .card .icon-block {width: 154px; height: 154px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: repeating-linear-gradient(90deg, rgba(7,48,76,0.12) 0 1px, rgba(255,255,255,0) 1px 6.07px)}
.home-about .card .icon {width: 84px; height: 84px; border-radius: 50%; background: var(--first)}
.home-about .card .icon svg {width: 40px; height: 40px}
.home-about .card .text {position: absolute; left: 30px; bottom: 30px}
.home-about .card .text .small {font-size: 16px; font-weight: 300; color: var(--gray)}
.home-about .card .text .big {margin-top: 6px; font-size: 22px; font-weight: 400; line-height: 1.25}
/* HOME-ABOUT */


/* SLIDER-NAV */
.top-part .button {display: inline-flex}
.nav {margin-top: 40px}
.nav .swiper-button-prev, .nav .swiper-button-next {position: static; width: 70px; height: 70px; margin: 0; border-radius: 50%; background: #fff; border: 1px solid rgba(6,39,61,0.07); transition: 250ms}
.nav .swiper-button-prev:after, .nav .swiper-button-next:after {display: none}
.nav .swiper-button-prev svg, .nav .swiper-button-next svg {width: 8px; height: 16px}
.nav .swiper-button-prev svg {transform: rotateZ(180deg)}
.nav .swiper-button-disabled {opacity: 0.35}
body .nav .swiper-pagination {position: static; width: auto; display: flex; align-items: center; gap: 6px}
body .nav .swiper-pagination-bullet {width: 8px; height: 8px; margin: 0 !important; opacity: 1; border-radius: 50px; background: rgba(7,48,76,0.12); transition: 250ms}
body .nav .swiper-pagination-bullet-active {width: 40px; background: var(--black)}
/* SLIDER-NAV */


/* HOME-NEWS */
.home-news {margin-top: 130px}
.news-slider .swiper {margin-top: 40px; padding: 20px 0 40px}
.news-slider .nav {margin-top: 0}
.news-slider .swiper-slide .item {display: flex; flex-direction: column; justify-content: space-between; height: 350px; padding: 40px; background: #fff; border-radius: var(--radius); transition: 250ms}
.news-slider .swiper-slide .item .date {font-size: 16px; font-weight: 300}
.news-slider .swiper-slide .item .title {margin-top: 14px; font-size: 24px; font-weight: 400}
.news-slider .swiper-slide .item .bottom-part {padding-top: 20px; border-top: 1px solid rgba(7,48,76,0.12); transition: 250ms}
.news-slider .swiper-slide .item .source svg {width: 161px; height: 30px}
.news-slider .swiper-slide .item .arrow {width: 58px; height: 58px; flex-shrink: 0; color: var(--black); border-radius: 50%;  opacity: 0; background: radial-gradient(60% 136% at 8% 100%, #BDB8A4 0%, rgba(221,216,201,0) 100%), radial-gradient(97% 111% at 84% 9%, #FFFFFF 0%, rgba(237,234,223,0) 100%), var(--second); transition: 250ms}
.news-slider .swiper-slide .item .arrow svg {width: 14px; height: 14px}
/* HOME-NEWS */


/* HOME-FRIENDS */
.home-friends {margin-top: 130px}
.friends-slider .swiper {margin-top: 40px}
.friends-slider .swiper-slide .item .img {position: relative; aspect-ratio: 4/5; overflow: hidden; border-radius: var(--radius); background: var(--second)}
.friends-slider .swiper-slide .item .img picture {position: absolute; inset: 0; display: block; width: 100%; height: 100%}
.friends-slider .swiper-slide .item .img img {width: 100%; height: 100%; object-fit: cover; object-position: 50% 20%}
.friends-slider .swiper-slide .item .text {margin-top: 24px}
.friends-slider .swiper-slide .item .title {font-size: 24px; font-weight: 400}
.friends-slider .swiper-slide .item .post {margin-top: 10px; font-size: 16px; font-weight: 300; color: var(--gray)}
.advice-slider{margin-bottom: 40px;}
.advice-slider .swiper {margin-top: 40px}
.advice-slider .swiper-slide .item .img {position: relative; aspect-ratio: 4/5; overflow: hidden; border-radius: var(--radius); background: var(--second)}
.advice-slider .swiper-slide .item .img picture {position: absolute; inset: 0; display: block; width: 100%; height: 100%}
.advice-slider .swiper-slide .item .img img {width: 100%; height: 100%; object-fit: cover; object-position: 50% 20%}
.advice-slider .swiper-slide .item .text {margin-top: 24px}
.advice-slider .swiper-slide .item .title {font-size: 24px; font-weight: 400}
.advice-slider .swiper-slide .item .post {margin-top: 10px; font-size: 16px; font-weight: 300; color: var(--gray)}
/* HOME-FRIENDS */


/* FOOTER */
footer {margin-top: 130px; padding-bottom: 50px}
footer .inner {position: relative; overflow: hidden; padding: 60px 60px 30px; color: #fff; background: var(--blue); border-radius: var(--radius)}
footer .inner .bg {position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; opacity: 0.35; transform: rotate(180deg);}
footer .inner .bg img {width: 100%; height: 100%; object-fit: cover}
footer .top-part, footer .bottom-part {position: relative}

footer .logo img {width: 72px; height: 69px; object-fit: contain}
footer .logo .name {font-family: 'Libre Franklin', Arial, sans-serif; font-size: 26px; font-weight: 600; line-height: 1; white-space: nowrap}
footer .logo .separator {width: 1px; height: 22px; background: rgba(255,255,255,0.12); margin: 0 12px}
footer .logo .sub {font-size: 16px; font-weight: 300; line-height: 1}
footer .left-part {width: 27%; min-width: 0}
footer .left-part .slogan {margin-top: 60px; font-size: 22px; font-weight: 400; line-height: 1.25}
footer .left-part .button {margin-top: 30px; display: inline-flex}
footer .right-part {width: 68%; padding-top: 28px; gap: 30px; display: grid; grid-template-columns: 1.25fr 1fr 1fr}
footer .right-part .column {min-width: 0}
footer .column b {font-size: 16px; font-weight: 500}
footer .column .column-title .toggle {display: none}
footer .column .column-body {display: block}
footer .column .menu-pages, footer .column .contacts {margin-top: 26px}
footer .column .menu-pages li + li {margin-top: 6px}
footer .column .menu-pages a {font-family: 'Libre Franklin', Arial, sans-serif; font-size: 18px; font-weight: 300; display: inline-block; line-height: 1.35}
footer .column .contacts .mail {font-size: 20px; font-weight: 400; line-height: 1.3; display: inline-block; max-width: 100%; overflow-wrap: anywhere}
footer .column .contacts .note {margin-top: 8px; font-size: 16px; font-weight: 300}
footer .column .social {margin-top: 26px; gap: 14px}
footer .column .social a {width: 26px; height: 26px; display: block}
footer .bottom-part {margin-top: 60px; padding: 30px 0 0; border-top: 1px solid rgba(255,255,255,0.12)}
footer .copyright {font-size: 16px; font-weight: 300}
footer .links {gap: 30px; font-size: 16px; font-weight: 500; opacity: 0.65}
/* FOOTER */


/* TAG */
.tag {height: 56px; padding: 0 19px; gap: 10px; background: rgba(255,255,255,0.5); border-radius: 15px; font-size: 16px; font-weight: 500; display: inline-flex; flex-shrink: 0; align-self: flex-start}
.tag svg {width: 24px; height: 24px; color: var(--element)}
.tag.light {color: #fff; background: rgba(255,255,255,0.1); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px)}
.tag.light svg {color: rgba(255,255,255,0.5)}
.tag-small {height: 44px; padding: 0 18px; gap: 8px; border-radius: 50px; font-size: 14px; font-weight: 500; white-space: nowrap; color: var(--active); background: rgba(140,156,138,0.2); display: inline-flex; align-items: center; flex-shrink: 0; align-self: flex-start}
.tag-small.current {color: #A4825A}
.tag-small.planned {color: #A4825A; background: var(--second)}
.tag-small .dot {width: 6px; height: 6px; border-radius: 50%; background: currentColor; flex-shrink: 0}
.tag-small svg {width: 20px; height: 20px}
/* TAG */


/* BREAD-CRUMBS */
.bread-crumbs {gap: 11px; font-size: 16px; font-weight: 300}
.bread-crumbs a, .bread-crumbs .separator {opacity: 0.5}
/* BREAD-CRUMBS */


/* INNER-TOP */
.inner-top {position: relative; height: 641px; overflow: hidden}
.inner-top .images, .inner-top .images picture {position: absolute; top: 0; left: 0; width: 100%; height: 100%}
.inner-top .images .bg img {width: 100%; height: 100%; object-fit: cover}
.inner-top .images .fade {position: absolute; top: 0; left: 0; width: 100%; height: 197px; background: linear-gradient(180deg, var(--first) 0%, rgba(245,244,240,0) 100%), linear-gradient(180deg, var(--first) 0%, rgba(245,244,240,0) 100%)}
.inner-top .max {position: relative; height: 100%}
.inner-top .bread-crumbs {padding-top: 119px}
.inner-top .inner {margin-top: 60px; max-width: 957px}
.inner-top h1 {margin-top: 30px}
.inner-top .sub-title {margin-top: 24px; max-width: 715px; font-size: 22px; font-weight: 300; line-height: 1.25}
/* INNER-TOP */


/* SECTION-BLOCK */
.section-block {margin-top: 130px}
.section-block .left-part {width: 20.06%}
.section-block .right-part {width: 74.67%}
.section-block.first .left-part {width: 15.6%}
.section-head {margin-bottom: 50px}
.section-head p {margin-top: 26px}
.section-head .sub-title {margin-top: 26px; font-size: 22px; font-weight: 300; line-height: 1.25}
.section-head .h2-like, .section-block .h2-like {margin: 0}
.section-nav {position: sticky; position: -webkit-sticky; top: 130px}
.section-nav .item {display: flex; min-height: 30px; margin-top: 12px; font-family: 'Libre Franklin', Arial, sans-serif; font-size: 18px; font-weight: 300}
.section-nav .item:first-child {margin-top: 0}
.section-nav .item.active {gap: 10px; margin: 12px 0; padding: 24px 0; font-family: 'Noto Sans', Arial, sans-serif; font-weight: 500; border-top: 1px solid var(--line-white); border-bottom: 1px solid var(--line-white)}
.section-nav .item.active:first-child {margin-top: 0}
.section-nav .item.active svg {width: 30px; height: 30px; flex-shrink: 0; color: var(--active)}

/* убираю левый блок */

.single > .grid > .left-part{display: none;}
.single > .grid > .right-part{width: 100%;}
.section-block .left-part{display: none;}
.section-block .right-part {width: 100%}

/* убираю левый блок */
/* SIDEBAR */
.single > .grid {display: flex; flex-wrap: nowrap; justify-content: space-between; gap: 0}
.single > .grid > .left-part {width: 20.06%; border-right: none}
.single > .grid > .right-part {width: 74.67%}
.sidebar {padding-right: 0}
.sidebar .menu {position: sticky; position: -webkit-sticky; top: 130px; gap: 0; display: block}
.sidebar .menu > li {width: 100%}
.sidebar .menu > li > a {display: flex; min-height: 30px; margin-top: 12px; padding: 0; border-radius: 0; background: none; font-family: 'Libre Franklin', Arial, sans-serif; font-size: 18px; font-weight: 300; transition: 250ms}
.sidebar .menu > li:first-child > a {margin-top: 0}
.sidebar .menu > li.current-menu-item > a, .sidebar .menu > li.current_page_parent > a {margin: 12px 0; padding: 24px 0; font-family: 'Noto Sans', Arial, sans-serif; font-weight: 500; color: var(--black); border-top: 1px solid var(--line-white); border-bottom: 1px solid var(--line-white)}
.sidebar .menu > li:first-child.current-menu-item > a {margin-top: 0}
.sidebar .menu ul {margin: 8px 0 0; padding-left: 16px; border-left: 1px solid var(--line-white); display: flex; flex-direction: column; gap: 0}
.sidebar .menu ul li a {display: block; padding: 6px 0; font-family: 'Libre Franklin', Arial, sans-serif; font-size: 17px; font-weight: 300}
/* SIDEBAR */
.section-white {margin-top: 130px; padding: 130px 0; background: #fff}
.section-white .section-block {margin-top: 0}
.section-white .section-block + .section-block {margin-top: 130px}
/* SECTION-BLOCK */


/* STAT */
.inner-top + div {margin-top: 80px}
.research-stats {margin-top: 130px}
.research-stats .grid {display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px}
.stat-item {position: relative; padding: 50px 30px; border-bottom: 1px solid var(--line)}
.stat-item .num {font-family: 'Libre Franklin', Arial, sans-serif; font-size: 44px; font-weight: 300; line-height: 1.1}
.stat-item .text {margin-top: 12px; font-family: 'Libre Franklin', Arial, sans-serif; font-size: 18px; font-weight: 300; text-align: center}
.stat-item .icon {position: absolute; top: 0; right: 0; width: 40px; height: 40px; color: var(--active)}
.stat-small {display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin-top: 50px}
.stat-small .stat-item {padding: 0 0 30px 64px; text-align: left}
.stat-small .stat-item .icon {top: 4px; left: 0; right: auto}
.stat-small .stat-item .num span {font-size: 18px; font-weight: 300}
.stat-small .stat-item .text {margin-top: 12px; text-align: left}
/* STAT */


/* RESEARCH */
.research-about .cards {gap: 20px}
.research-about .card {position: relative; overflow: hidden; height: 385px; padding: 30px; border-radius: 30px; display: flex; flex-direction: column; justify-content: space-between}
.research-about .card.white {width: 54.8%; background: #fff}
.research-about .card.white .avatars {gap: -24px}
.avatar-round {position: relative; width: 71px; height: 71px; flex-shrink: 0; border: 2px solid #fff; border-radius: 50%; overflow: hidden; background: #F2F4F6; display: block}
.avatar-round img {position: absolute; left: -74.6%; top: -4.2%; width: 250.7%; max-width: none; height: 193%; max-height: none; object-fit: cover}
.research-about .card .avatars .avatar {position: relative; width: 71px; height: 71px; margin-right: -24px; border: 2px solid #fff; border-radius: 50%; overflow: hidden; background: #fff}
.research-about .card .avatars .avatar img {position: absolute; left: -74.6%; top: -4.2%; width: 250.7%; max-width: none; height: 193%; max-height: none; object-fit: cover}
.research-about .card .icon-block {width: 154px; height: 154px; border-radius: 50%; background: repeating-linear-gradient(90deg, rgba(7,48,76,0.12) 0 1px, rgba(255,255,255,0) 1px 6.07px)}
.research-about .card .icon {width: 84px; height: 84px; border-radius: 50%; background: var(--first)}
.research-about .card .icon svg {width: 40px; height: 40px}
.research-about .card .text .title {font-size: 22px; font-weight: 400; line-height: 1.25}
.research-about .card .text p {margin-top: 18px; color: var(--gray)}
.research-about .card.blue {width: 43.4%; color: #fff; background: radial-gradient(60% 136% at 8% 100%, #4A5D73 0%, rgba(74,93,115,0) 100%), radial-gradient(97% 111% at 84% 9%, #FFFFFF 0%, rgba(237,234,223,0) 100%), var(--blue)}
.research-about .card.blue picture {position: absolute; z-index: 0; left: -131.4%; top: -42.9%; width: 272.6%; height: 196.4%}
.research-about .card.blue picture img {width: 100%; height: 100%; object-fit: cover}
.research-about .card.blue:before {content: ''; position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; background: radial-gradient(70% 90% at 15% 100%, rgba(74,93,115,0.9) 0%, rgba(74,93,115,0) 100%), linear-gradient(180deg, rgba(114,134,157,0.15) 0%, var(--blue) 100%)}
.research-about .card.blue .title, .research-about .card.blue .tag {position: relative; z-index: 2}
.research-about .card.blue .title {font-size: 24px; font-weight: 400}

.research-stages .section-head {margin-bottom: 60px}
.research-stages .steps {gap: 20px}
.research-stages .steps + .steps {margin-top: 60px}
.step {position: relative; display: flex; flex-direction: column; flex: 365 1 0; min-height: 261px; padding: 0 30px; border-left: 1px solid var(--line-white)}
.step.wide {flex: 750 1 0; border-radius: 0 var(--radius) var(--radius) 0}
.step .top-part {gap: 10px}
.step .num {width: 46px; height: 46px; border: 1px solid var(--line-white); border-radius: 50%; font-family: 'Libre Franklin', Arial, sans-serif; font-size: 18px; font-weight: 300}
.step .mark {width: 24px; height: 24px; color: var(--element)}
.step .line {position: absolute; top: 76px; left: 0; right: -20px; height: 1px; background: var(--black)}
.step .line:before {content: ''; position: absolute; left: -3px; top: -3px; width: 7px; height: 7px; border-radius: 50%; background: var(--black)}
.step:last-child .line {right: 0}
.step .text {margin-top: 60px; min-height: 81px}
.step .text .title {font-size: 22px; font-weight: 400; line-height: 1.25}
.step .text .date {margin-top: 14px; font-size: 28px; font-weight: 400}
.step .tag-small {margin-top: auto; padding-top: 0}

.research-results .result-card {position: relative; overflow: hidden; margin-top: 50px; padding: 50px; border-radius: var(--radius); background: #F2F4F6}
.research-results .result-card picture {position: absolute; z-index: 0; top: -4.8%; left: 43.2%; width: 72.7%; height: 146%}
.research-results .result-card .pic-left {left: 0; bottom: 0;width: 100%;z-index: 2;}
.research-results .result-card:before {content: ''; position: absolute; z-index: 1; left: 25.6%; top: -67.5%; width: 32.9%; height: 235%; background: radial-gradient(50% 50% at 50% 50%, #F2F4F6 0%, rgba(242,244,246,0) 100%)}
.research-results .result-card picture img {width: 100%; height: 100%; object-fit: cover}
.research-results .result-card .text, .research-results .result-card .note {position: relative; z-index: 2; max-width: 853px}
.research-results .result-card .text .title {font-size: 28px; font-weight: 400}
.research-results .result-card .text p {margin-top: 24px; max-width: 817px}
.research-results .result-card .note {margin-top: 80px; padding-left: 24px; border-left: 1px solid rgba(7,48,76,0.12); max-width: 708px}
.research-results .result-card .note p {margin-top: 21px}

.research-team .org-card {position: relative; padding: 40px; border-radius: var(--radius); background: #fff}
.research-team .org-card .brand {position: absolute; right: 40px; top: 40px; width: 180px; height: 80px; border-radius: 20px; background: #F2F4F6; display: flex; align-items: center; justify-content: center}
.research-team .org-card .brand svg {width: 124px; height: 30px}
.research-team .org-card .h4-like, .research-team .org-card .tags {max-width: calc(100% - 220px)}
.research-team .org-card .h4-like {font-size: 28px; font-weight: 400}
.research-team .org-card .tags {margin-top: 24px; gap: 16px 24px}
.research-team .org-card .tags span {gap: 10px; font-family: 'Libre Franklin', Arial, sans-serif; font-size: 18px; font-weight: 300}
.research-team .org-card .tags svg {width: 24px; height: 24px; color: var(--active)}
.research-team .persons {display: grid; grid-template-columns: repeat(3, 1fr); gap: 40px 20px; margin-top: 50px}
.person {padding: 30px 0}
.person .photo {position: relative; width: 71px; height: 71px; border-radius: 50%; overflow: hidden; background: #fff; display: block; flex-shrink: 0}
.person .photo img, .avatar img {position: absolute; max-width: none; max-height: none}
.ph-1 img {left: -29.9%; top: 2.5%; width: 162.1%; height: 162.1%}
.ph-2 img {left: -36.1%; top: 1%; width: 163.8%; height: 217.3%}
.ph-3 img {left: -74.6%; top: -4.2%; width: 250.7%; height: 193%; object-fit: cover}
.ph-4 img {left: -49.3%; top: 1.3%; width: 191.8%; height: 191.8%}
.ph-5 img {left: -57.5%; top: -1%; width: 212.1%; height: 272.9%}
.person .text {margin-top: 24px}
.person .text .title {font-size: 18px; font-weight: 500}
.person .text .post {margin-top: 8px; font-size: 16px; font-weight: 300; color: var(--gray)}
.person.more {padding: 30px; border-radius: 30px; background: rgba(255,255,255,0.5)}
.person.more .avatars .avatar {position: relative; width: 71px; height: 71px; margin-right: -24px; border: 2px solid #fff; border-radius: 50%; overflow: hidden; background: #F2F4F6}
.person.more .photo {background: #F2F4F6}
.person.more .avatars .avatar img {position: absolute; left: -74.6%; top: -4.2%; width: 250.7%; max-width: none; height: 193%; max-height: none; object-fit: cover}

.research-gallery .swiper-slide .item picture {display: block; aspect-ratio: 493/319; border-radius: var(--radius); overflow: hidden}
.research-gallery .swiper-slide .item picture img {width: 100%; height: 100%; object-fit: cover}
.research-gallery .swiper-slide .item .text {margin-top: 30px}
.research-gallery .swiper-slide .item .text .title {font-size: 22px; font-weight: 400; line-height: 1.25}
.research-gallery .swiper-slide .item .text .sub {margin-top: 10px; font-size: 16px; font-weight: 300; color: var(--gray)}
.research-gallery .swiper {position: relative}
.research-gallery .swiper:after {content: ''; position: absolute; right: 0; top: 0; width: 71px; height: 409px; pointer-events: none; z-index: 2; background: linear-gradient(90deg, rgba(245,244,240,0) 0%, var(--first) 100%)}
.research-gallery .nav {margin-top: 44px}
/* RESEARCH */


/* TABS */
.tab:not(.active) {display: none}
.tab-link {cursor: pointer}
/* TABS */


/* SPOILER */
.spoiler-title {cursor: pointer; transition: 250ms}
.spoiler-content {display: none}
/* SPOILER */


/* HELP */
.hidden {position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap}
.page-top {padding-top: 119px}
.page-top + div {margin-top: 60px}


.qr-card{position: relative;}
.qr-card .btn-copy{width: fit-content;border-radius: 100%;width: 64px;height: 64px;color: #07304C;padding: 0;position: absolute;top: -95px;right: 0;}
.qr-card .btn-copy svg{color: #07304C;}

.tabs-wrapper{display: flex;}

.help-donate .cards {gap: 20px;margin-top: 30px;}
.help-donate .form-place {width: 50%; min-height: 494px; padding: 40px; border-radius: var(--radius); background: #D9D9D9; text-align: center}
.help-donate .form-place .title {font-size: 24px; font-weight: 400}
.help-donate .form-place .sub {margin-top: 14px; font-size: 16px; font-weight: 300}
.help-donate .qr-card {position: relative; overflow: hidden; width: 50%; min-height: 494px; padding: 40px; border-radius: var(--radius); background: #fff; text-align: center}
.help-donate .qr-card .pic-1 {position: absolute; left: 35.5%; top: 14.4%; width: 67.5%}
.help-donate .qr-card .pic-2 {position: absolute;     left: -40px;
    top: 30px;
    width: 100%;
    transform: rotate(45deg);}
.help-donate .qr-card .tabs {position: relative; margin: 0 auto; padding: 0; border-radius: 15px; background: #F2F4F6; display: inline-flex}
.help-donate .qr-card .tab-link svg {width: 24px; height: 24px; color: var(--element)}
.help-donate .qr-card .tab-link {height: 64px; padding: 0 20px; gap: 10px; display: flex; align-items: center; white-space: nowrap; border-radius: 15px; font-size: 16px; font-weight: 500; cursor: pointer; transition: 250ms}
.help-donate .qr-card .tab-link.active {background: #ffffff; border: 1px solid rgba(6,39,61,0.07); box-shadow: 1px 0 2px rgba(15,46,74,0.05), 5px 0 5px rgba(15,46,74,0.04), 10px 0 6px rgba(15,46,74,0.03)}
.help-donate .qr-card .qr-box {position: relative; width: 220px; height: 220px; margin: 40px auto 0; padding: 10px; border-radius: 20px; background: #fff; box-shadow: 0 2px 3px rgba(15,46,74,0.10), 0 6px 6px rgba(15,46,74,0.09), 0 14px 8px rgba(15,46,74,0.05), 0 24px 10px rgba(15,46,74,0.01)}
.help-donate .qr-card .qr-box .qr {width: 200px; height: 200px}
.help-donate .qr-card .qr-box .logo {position: absolute; left: 50%; top: 50%; width: 62px; height: 62px; margin: -31px 0 0 -31px; background: #fff; border-radius: 8px}
.help-donate .qr-card p {position: relative; margin-top: 40px; text-align: left}
.help-donate .qr-card .tab {position: relative}
.help-donate .qr-card .tab[data-tab=req] {margin-top: 30px; text-align: left}
.help-donate .qr-card .req-list li {margin-top: 14px}
.help-donate .qr-card .req-list li:first-child{flex-direction: column;}
.req-list li:first-child{flex-direction: column;}
.help-donate .qr-card .purpose {margin-top: 24px; padding-top: 24px; border-top: 1px solid var(--line-white); font-size: 16px; font-weight: 300}
.help-donate .qr-card .purpose .label {color: var(--gray)}
.help-donate .qr-card .purpose .value {margin-top: 4px}
.help-donate .other-ways {margin-top: 80px}
.help-donate .other-ways .h4-like {font-size: 28px; font-weight: 400; line-height: 1.4}
.help-donate .other-ways .grid {display: grid; gap: 20px; margin-top: 36px}
.help-donate .other-ways .grid-4 {grid-template-columns: repeat(4, 1fr)}
.help-donate .other-ways .grid-3 {grid-template-columns: repeat(3, 1fr); margin-top: 20px}
.way-item {position: relative; overflow: hidden; display: block; height: 237px; padding: 30px; border-radius: var(--radius); background: #fff}
.way-item .title {position: relative; font-size: 22px; font-weight: 400; line-height: 1.25}
.way-item .arrow {position: absolute; left: 30px; bottom: 30px; width: 58px; height: 58px; border-radius: 50%;  transition: 250ms;border: none;background: white;color: white;}
.way-item .arrow svg {width: 14px; height: 14px}
.way-item .deco {position: absolute; right: -20px; bottom: -18px; width: 144px; height: 144px; color: var(--black); opacity: 0.05}

.help-business .section-head .note {margin-top: 50px; padding-left: 24px; border-left: 1px solid rgba(7,48,76,0.12)}
.help-business .section-head .note .small {font-size: 16px; font-weight: 300; opacity: 0.65}
.help-business .section-head .note p {margin-top: 12px}
.help-business .biz-grid .row {gap: 20px}
.help-business .biz-grid .row + .row {margin-top: 20px}
.help-business .button {margin-top: 60px; display: inline-flex}
.biz-item {position: relative; overflow: hidden; display: flex; flex-direction: column; justify-content: space-between; flex: 365 1 0; height: 340px; padding: 30px; border-radius: var(--radius); background: #F2F4F6}
.biz-item.wide {flex: 493 1 0}
.biz-item.narrow {flex: 237 1 0}
.biz-item picture {position: absolute; left: 0; top: 0; width: 150%; height: 100%}
.biz-item picture img {width: 100%; height: 100%; object-fit: cover}
.biz-item .text {position: relative}
.biz-item .text-hover{position: absolute;opacity: 0;top: -1000%;}
.biz-item:hover .text{opacity: 0;position: absolute;top: -1000%;}
.biz-item:hover .text-hover{position: relative;top: 0;opacity: 1;}
.help-endowment .endowment-card .link:hover{opacity: 0.5;}
.link:hover{opacity: 0.5;}
.link{margin-top: 20px;border-bottom: 1px solid currentColor;width: fit-content;display: block;transition: 0.3s ease all;}
.biz-item .icon {width: 84px; height: 84px; margin-bottom: 24px; border-radius: 50%; background: #fff; box-shadow: 0 4px 14px rgba(15,46,74,0.08)}
.biz-item .icon svg {width: 40px; height: 40px}
.biz-item .title {font-size: 22px; font-weight: 400; line-height: 1.25}
.biz-item .link {position: relative; font-size: 16px; font-weight: 500; color: var(--gray); border-bottom: 1px solid currentColor; align-self: flex-start; padding-bottom: 2px}
.biz-item.text p {position: relative; font-size: 18px}
.wpcf7-form input:not([type=submit]):not([type=checkbox]):not([type=radio]){transition: 0.3s ease all;}
.wpcf7-form input:not([type=submit]):not([type=checkbox]):not([type=radio]):focus{border-color: var(--active);color: black;} 
.wpcf7-form input:not([type=submit]):not([type=checkbox]):not([type=radio]):focus::placeholder{color: rgb(66, 66, 66);}
.wpcf7-form .wpcf7-form-control-wrap label{display: flex;align-items: center;gap: 10px;margin-top: 20px;}
body .wpcf7-form .wpcf7-form-control-wrap label input{width: fit-content !important;}
.help-endowment .endowment-card {position: relative; overflow: hidden; padding: 60px; border-radius: var(--radius); background: var(--second)}
.help-endowment .endowment-card .link{margin-top: 20px;border-bottom: 1px solid currentColor;width: fit-content;display: block;transition: 0.3s ease all;}
.help-endowment .endowment-card picture {position: absolute; z-index: 0; left: -41%; top: 0; width: 184%; height: 164%}
.help-endowment .endowment-card picture img {width: 100%; height: 100%; object-fit: cover}
.help-endowment .endowment-card:before {content: ''; position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%;}
.help-endowment .endowment-card .inner {position: relative; z-index: 2}
.help-endowment .endowment-card .h2-like {margin-top: 30px}
.help-endowment .endowment-card p {margin-top: 26px}
.help-endowment .endowment-card .cards {gap: 20px; margin-top: 50px}
.help-endowment .endowment-card .card {gap: 30px; width: 50%; padding: 30px; border-radius: 30px; background: #fff}
.help-endowment .endowment-card .card .icon-block {width: 154px; height: 154px; flex-shrink: 0; border-radius: 50%; background: repeating-linear-gradient(90deg, rgba(7,48,76,0.12) 0 1px, rgba(255,255,255,0) 1px 6.07px)}
.help-endowment .endowment-card .card .icon {width: 84px; height: 84px; border-radius: 50%; background: var(--first)}
.help-endowment .endowment-card .card .icon svg {width: 40px; height: 40px}
.help-endowment .endowment-card .card .title {font-size: 22px; font-weight: 400; line-height: 1.25}
.help-endowment .endowment-card .card p {margin-top: 14px; color: var(--gray)}
.help-endowment .endowment-card > .inner > .button {margin-top: 50px; display: inline-flex}

.help-programs .programs {margin-top: 50px}
.program-item {min-height: 178px}
.program-item + .program-item {margin-top: 20px}
.program-item .img {position: relative; overflow: hidden; width: 192px; min-height: 172px; flex-shrink: 0; align-self: stretch; border-radius: var(--radius) 0 0 var(--radius); background: #fff}
.program-item .img picture {position: absolute; inset: 0; display: block; width: 100%; height: 100%}
.program-item .img picture img {width: 100%; height: 100%; object-fit: cover; object-position: center}
.program-item .content {flex: 1; gap: 20px; padding: 40px 30px 40px 20px; border-radius: 0 var(--radius) var(--radius) 0; background: #fff}

.program-item .title {font-size: 24px; font-weight: 400}
.program-item p {margin-top: 14px}
.program-item.gray p {color: var(--gray)}
.program-item .button, .program-item .tag-small {flex-shrink: 0}
.tag-small.beige {color: #A4825A; background: var(--second)}
.button.soon {color: #A4825A; background: var(--second); border-color: rgba(6,39,61,0.05); cursor: default}
.help-contact .content{margin-top: 40px;}
.spoiler-list .spoiler {background: none; border-top: 1px solid var(--line)}
.spoiler-list .spoiler:last-child {border-bottom: 1px solid var(--line)}
.spoiler-list .spoiler-title {padding: 50px 0; font-size: 28px; font-weight: 400; color: var(--black)}
.spoiler-list .spoiler.active .spoiler-title {background: none; color: var(--black)}
.spoiler-list .spoiler-content {padding: 0 0 50px}
.spoiler-list .logo-item {width: 100%; height: 160px; flex-shrink: 0; border-radius: var(--radius); background: var(--second)}
.logo-item svg {width: 158px; height: 110px}
.spoiler-list .nav {margin-top: 30px}
.spoiler-list .spoiler-toggle {position: relative; width: 32px; height: 32px; flex-shrink: 0; order: 1}
.spoiler-list .spoiler-toggle:before, .spoiler-list .spoiler-toggle:after {content: ''; position: absolute; background: var(--element); transition: 250ms; top: auto; right: auto; width: auto; height: auto}
.spoiler-list .spoiler-toggle:before {left: 15px; top: 0; width: 2px; height: 32px}
.spoiler-list .spoiler-toggle:after {left: 0; top: 15px; width: 32px; height: 2px}
.spoiler-list .spoiler.active .spoiler-toggle:before {opacity: 0}
.spoiler-list .spoiler.active .spoiler-toggle:after {background: var(--element)}
/* TABS */
.tab:not(.active) {display: none}
.tab-link {cursor: pointer}
/* TABS */


/* SPOILER */
.spoiler-title {cursor: pointer; transition: 250ms}
.spoiler-content {display: none}
/* SPOILER */


/* HELP */
.help-contact .contact-block {gap: 40px}
.help-contact .contact-card {display: flex; flex-direction: column; width: 34%; padding: 40px; border-radius: var(--radius); background: #fff}
.help-contact .contact-card picture {display: block; width: 120px; height: 120px; border-radius: 50%; overflow: hidden}
.help-contact .contact-card picture img {width: 100%; height: 100%; object-fit: cover}
.help-contact .contact-card .text {margin-top: 24px}
.help-contact .contact-card .title {font-size: 24px; font-weight: 400}
.help-contact .contact-card .post {margin-top: 8px; font-size: 16px; font-weight: 300; color: var(--gray)}
.help-contact .contact-list {margin-top: 24px; padding-top: 24px; border-top: 1px solid var(--line-white)}
.help-contact .contact-list li {margin-top: 10px; font-size: 16px; font-weight: 300}
.help-contact .contact-list li:first-child {margin-top: 0}
.help-contact .contact-form-wrap {flex: 1; padding: 40px; border-radius: var(--radius); background: #fff}
.help-contact .form-row {gap: 20px}
.help-contact .form-group {flex: 1; margin-top: 20px}
.help-contact .form-row {margin-top: 0}
.help-contact .form-group label {display: block; margin-bottom: 8px; font-size: 14px; color: var(--gray)}
.help-contact .contact-form-wrap input:not([type=submit]), .help-contact .contact-form-wrap select, .help-contact .contact-form-wrap textarea {width: 100%; padding: 14px 18px; border: 1px solid var(--line-white); border-radius: 14px; font-family: inherit; font-size: 16px; color: var(--black); background: transparent}
.help-contact .contact-form-wrap textarea {resize: vertical}
.help-contact .contact-form-wrap p {margin-top: 20px}
.help-contact .contact-form-wrap p:first-child {margin-top: 0}
.help-contact .button, .help-contact .contact-form-wrap input[type=submit] {margin-top: 20px; cursor: pointer}
.help-contact .form-policy {margin-top: 16px; font-size: 13px; font-weight: 300; color: var(--gray)}
.help-contact .form-policy a {text-decoration: underline; color: inherit}

/* CONTACT FORM 7 */
.wpcf7-form p {margin-top: 22px; font-family: 'Noto Sans', Arial, sans-serif; font-size: 14px; font-weight: 300; color: var(--gray); line-height: 1.6}
.wpcf7-form p:first-child {margin-top: 0}
.wpcf7-form br {display: none}
.wpcf7-form label {display: block; font-size: 14px; color: var(--gray)}
.wpcf7-form .wpcf7-form-control-wrap {display: block; margin-top: 8px}
.wpcf7-form input:not([type=submit]):not([type=checkbox]):not([type=radio]),
.wpcf7-form select, .wpcf7-form textarea {width: 100%; padding: 14px 18px; border: 1px solid var(--line-white); border-radius: 14px; font-family: 'Noto Sans', Arial, sans-serif; font-size: 16px; font-weight: 300; color: var(--black); background: #fff; transition: 250ms}
.wpcf7-form input:not([type=submit]):focus, .wpcf7-form select:focus, .wpcf7-form textarea:focus {border-color: var(--active)}
.wpcf7-form textarea {min-height: 120px; resize: vertical}
.wpcf7-form input[type=submit] {margin-top: 8px; height: 56px; padding: 0 34px; border: 1px solid rgba(6,39,61,0.12); border-radius: 50px; color: #fff; background: var(--active); font-family: 'Noto Sans', Arial, sans-serif; font-size: 16px; font-weight: 500; cursor: pointer; transition: 250ms}
.wpcf7-form input[type=submit]:hover {opacity: 0.85}
.wpcf7-form .wpcf7-not-valid {border-color: #C46B6B}
.wpcf7-form .wpcf7-not-valid-tip {margin-top: 6px; font-size: 13px; color: #C46B6B}
.wpcf7-form .wpcf7-response-output {margin: 22px 0 0 !important; padding: 14px 18px !important; border-radius: 14px !important; border-width: 1px !important; font-size: 15px}
.wpcf7-form .wpcf7-spinner {margin: 0 0 0 12px}
/* CONTACT FORM 7 */

/* ABOUT */
.about-req .req-card {gap: 128px; padding: 60px; border-radius: var(--radius); background: #fff}
.about-req .req-card .left-col {width: 32%; display: flex; flex-direction: column; justify-content: space-between}
.about-req .req-card .left-col .button {display: inline-flex; align-self: flex-start}
.about-req .req-card .left-col .button.btn-copy svg{color: #07304C;}
.about-req .req-card .right-col {flex: 1}
.req-list li {gap: 4px; margin-top: 14px; font-size: 16px; font-weight: 300}
.req-list li:first-child {margin-top: 0}
.req-list .label {color: var(--gray)}
.about-req .purpose {margin-top: 24px; padding-top: 24px; border-top: 1px solid var(--line-white); font-size: 16px; font-weight: 300}
.about-req .purpose .label {color: var(--gray)}
.about-req .purpose .value {margin-top: 4px}

.docs-slider .swiper {margin-top: 0}
.doc-item {display: flex; flex-direction: column; justify-content: space-between; height: 365px; padding: 30px; border-radius: var(--radius); background: #fff; transition: 250ms}
.doc-item .size {font-size: 16px; font-weight: 300}
.doc-item .title {margin-top: 10px; font-size: 22px; font-weight: 400; line-height: 1.25}
.doc-item .bottom-part {gap: 16px; flex-wrap: wrap;justify-content: space-between;}
.doc-item .link {font-size: 16px; font-weight: 500; color: var(--gray); border-bottom: 1px solid currentColor; padding-bottom: 2px}

.about-media .h2-like, .about-team .h2-like {margin-bottom: 50px}
.logos-marquee {overflow: hidden}
.marquee-row {overflow: hidden; -webkit-mask-image: linear-gradient(90deg, rgba(0,0,0,0) 0, #000 6%, #000 94%, rgba(0,0,0,0) 100%); mask-image: linear-gradient(90deg, rgba(0,0,0,0) 0, #000 6%, #000 94%, rgba(0,0,0,0) 100%)}
.marquee-row + .marquee-row {margin-top: 20px}
.marquee-track {display: flex; gap: 20px; width: max-content; animation: marquee 40s linear infinite; will-change: transform}
.marquee-row.reverse .marquee-track {animation-direction: reverse}
.marquee-row:hover .marquee-track {animation-play-state: paused}
@keyframes marquee {from {transform: translateX(0)} to {transform: translateX(calc(-50% - 10px))}}
.marquee-track .logo-item img {max-width: 70%; max-height: 60%; object-fit: contain}
.logo-item {width: 260px; height: 160px; flex-shrink: 0; border-radius: var(--radius); background: var(--second)}
.logo-item svg {width: 158px; height: 110px}
/* ABOUT */


/* NEWS-LIST */
.news-list h1 {margin-bottom: 50px}
.news-list .content > * {margin-bottom: 40px}
.news-list .grid {display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px}
.news-card {position: relative; overflow: hidden; display: flex; flex-direction: column; justify-content: space-between; height: 474px; padding: 30px; border-radius: var(--radius); background: #fff; transition: 250ms}
.news-card .date {font-size: 16px; font-weight: 300}
.news-card .title {margin-top: 14px; font-size: 22px; font-weight: 400; line-height: 1.25}
.news-card .tag {align-self: flex-start}
.news-card.big {grid-column: span 2; padding: 40px}
.news-card.big picture {position: absolute; z-index: 0; top: 0; left: 0; width: 100%; height: 100%}
.news-card.big picture img {width: 100%; height: 100%; object-fit: cover}
.news-card.big .text, .news-card.big .tag {position: relative; z-index: 2}
.news-card.big .title {font-family: 'Libre Franklin', Arial, sans-serif; font-size: 34px; font-weight: 400; line-height: 1.1; margin-top: 20px}
.news-card.big {color: #fff}
.news-card.big:before {content: ''; position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; background: radial-gradient(60% 120% at 10% 100%, rgba(7,48,76,0.7) 0%, rgba(7,48,76,0) 100%), linear-gradient(270deg, rgba(114,134,157,0) 35%, rgba(114,134,157,0.95) 100%)}
.news-card.big.light {color: var(--black); background: #fff}
.news-card.big.light:before {display: none}
.news-card.big .tag {color: var(--black);background: white;}
.news-card.with-img {padding: 30px; justify-content: flex-start}
.news-card.with-img .img {position: relative; overflow: hidden; height: 264px; border-radius: 10px}
.news-card.with-img .img img {width: 100%; height: 100%; object-fit: cover}
.news-card.with-img .img .tag {position: absolute; left: 20px; top: 20px}
.news-card.with-img .text {margin-top: 30px}
.news-card .tag{background: #F2F4F6;}
.news-card.with-img .tag{background: white;}
.news-card.beige {background: radial-gradient(120% 120% at 0% 0%, var(--second) 0%, #FFFFFF 70%); border: 1px solid rgba(6,39,61,0.05)}
.pager {margin-top: 60px; gap: 30px}
.pager .button-prev, .pager .button-next {width: 70px; height: 70px; border-radius: 50%; background: #fff; border: 1px solid rgba(6,39,61,0.07); cursor: pointer; transition: 250ms}
.pager .button-prev svg, .pager .button-next svg {width: 8px; height: 16px}
.pager .button-prev svg {transform: rotateZ(180deg)}
.pager .button-prev.disabled, .pager .button-next.disabled {opacity: 0.35; pointer-events: none; cursor: default}
.pager .counter {gap: 20px}
.pager .counter .current {width: 170px; height: 70px; border: 1px solid var(--line-white); border-radius: 50px; font-size: 18px; font-weight: 500}
.pager .counter .total {font-size: 16px; font-weight: 300}

.alice-popup-overlay {position: fixed; z-index: 99999; inset: 0; display: flex; align-items: center; justify-content: center; padding: 20px; background: rgba(0,0,0,0.35)}
.alice-popup {width: 100%; max-width: 900px; max-height: 90vh; overflow-y: auto; text-align: center; padding: 40px; box-sizing: border-box; position: relative; background: #97bc8de6; border-radius: var(--radius); color: #07304C; font-size: 18px; line-height: 1.5}
.alice-popup .h3-like {margin: 0 0 20px}
.alice-popup .h3-like:last-child {margin-bottom: 0}
.alice-popup-close {position: absolute; top: 16px; right: 20px; width: 36px; height: 36px; padding: 0; border: 0; background: transparent; color: #07304C; font-size: 32px; line-height: 36px; font-weight: 300; cursor: pointer; opacity: 0.7; transition: opacity 0.2s ease}
.alice-popup-close:hover {opacity: 1}
@media (max-width: 600px) {
	.alice-popup-overlay {padding: 15px}
	.alice-popup {padding: 24px; font-size: 14px; line-height: 1.45}
}

body.lock {overflow: hidden}
.overlay {display: none; position: fixed; z-index: 3999; inset: 0; background: rgba(6,39,61,0.5)}
.modal {display: none; position: fixed; z-index: 4000; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; max-width: 640px; max-height: 90vh; padding: 40px; box-sizing: border-box; border-radius: var(--radius); background: #fff; box-shadow: 0 20px 60px rgba(6,39,61,0.25)}
.modal.show {display: block}
.modal .close {position: absolute; top: 20px; right: 20px; width: 40px; height: 40px; border-radius: 50%; background: var(--first); cursor: pointer; transition: 250ms}
.modal .close:hover {background: var(--second)}
.modal .close svg {width: 14px; height: 14px}
.modal .h2-like {margin: 0 40px 24px 0; font-size: 28px}
.modal .overflow-y {max-height: 65vh; overflow-y: auto}
.modal .tab-links {gap: 8px; margin-bottom: 24px; padding: 6px; width: fit-content; border-radius: 50px; background: var(--first)}
.modal .tab-link {padding: 12px 24px; border-radius: 50px; font-size: 15px; font-weight: 500; cursor: pointer; transition: 250ms}
.modal .tab-link.active {background: #fff; box-shadow: 0 2px 8px rgba(6,39,61,0.08)}
.modal .tab.content {display: none}
.modal .tab.content.active {display: block}
.modal .tab p {font-size: 16px}
.modal .qr {display: block; margin: 20px auto 0; max-width: 220px; width: 100%}
.modal .requisites p {margin-top: 14px; font-size: 15px; line-height: 1.4}
.modal .requisites p:first-child {margin-top: 0}
.modal .requisites p span {display: block; margin-bottom: 2px; font-size: 13px; color: var(--gray)}
@media (max-width: 600px) {
	.modal {padding: 24px; max-width: calc(100% - 30px)}
}
/* NEWS-LIST */


/* ENDOWMENT */
.endow-what .h2-like {margin-bottom: 50px}
.endow-what .grid {display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px}
.endow-item {padding-bottom: 50px; border-bottom: 1px solid var(--line)}
.endow-item .icon-block {width: 154px; height: 154px; border-radius: 50%; background: repeating-linear-gradient(90deg, rgba(7,48,76,0.12) 0 1px, rgba(255,255,255,0) 1px 6.07px)}
.endow-item .icon {width: 84px; height: 84px; border-radius: 50%; background: #fff}
.endow-item .icon svg {width: 40px; height: 40px}
.endow-item .text {margin-top: 30px}
.endow-item .title {font-size: 28px; font-weight: 400}
.endow-item p {margin-top: 10px}

.content p{margin-bottom: 15px;}
.endow-scheme {margin-top: 130px}
.endow-scheme p{margin-bottom: 30px;}
.endow-scheme .inner {position: relative; overflow: hidden; padding: 50px 60px; border-radius: var(--radius); background: var(--first)}
.endow-scheme .bg {position: absolute; height: 100%; transform: scaleX(-1);top: 0;left: 0;}
.endow-scheme .bg-2 {position: absolute; left: 50%; top: 0; height: 100%;    transform: scaleY(-1);}
.endow-scheme .bg img, .endow-scheme .bg-2 img {width: 100%; height: 100%; object-fit: cover}
.endow-scheme .tag {position: relative}
.endow-scheme .scheme {position: relative; z-index: 1; margin-top: 20px; padding: 70px 0 100px}
.endow-scheme .scheme .label {position: absolute; font-size: 18px; font-weight: 300}
.endow-scheme .label-1 {top: 0; left: 50%; transform: translateX(-50%); text-align: center; white-space: nowrap}
.endow-scheme .label-2 {right: 0; top: 50%; transform: translateY(-50%); width: 30%; padding-left: 30px}
.endow-scheme .label-3 {bottom: 0; left: 50%; transform: translateX(-50%); max-width: 40%; text-align: center}
.endow-scheme .label-4 {left: 0; top: 50%; transform: translateY(-50%); width: 28%; padding-right: 30px; text-align: right}
.endow-scheme .circle {position: relative; width: 36%; max-width: 508px; aspect-ratio: 1/1; margin: 0 auto; border-radius: 50%; border: 1px solid var(--active); background: linear-gradient(180deg, rgba(140,156,138,0) 0%, rgba(140,156,138,0.2) 100%); display: flex; align-items: center; justify-content: center}
.endow-scheme .num {position: absolute; width: 46px; height: 46px; border-radius: 50%; background: #fff; border: 1px solid var(--active); font-family: 'Libre Franklin', Arial, sans-serif; font-size: 18px; font-weight: 300}
.endow-scheme .num.n1 {top: -23px; left: 50%; margin-left: -23px; border-color: var(--line-white)}
.endow-scheme .num.n2 {right: -23px; top: 50%; margin-top: -23px}
.endow-scheme .num.n3 {bottom: -23px; left: 50%; margin-left: -23px}
.endow-scheme .num.n4 {left: -23px; top: 50%; margin-top: -23px}
.endow-scheme .center-card {padding: 30px; text-align: center}
.endow-scheme .center-card .title {font-size: 24px; font-weight: 400}
.endow-scheme .center-card p {margin-top: 12px}
.endow-scheme .center-card .button {margin: 30px auto 0; display: inline-flex}
.endow-scheme .logo-box {position: absolute; right: 0; bottom: 0; height: 80px; padding: 0 24px; border-radius: 20px; background: #fff}
.endow-scheme .logo-box {gap: 20px}
.endow-scheme .logo-box .brand {width: 130px; height: 40px; flex-shrink: 0; color: #233E63}
.endow-scheme .logo-box .divider {width: 1px; height: 24px; background: rgba(7,48,76,0.12); flex-shrink: 0}
.endow-scheme .logo-box .logo {gap: 12px}
.endow-scheme .logo-box .logo img {width: 42px; height: 40px; object-fit: contain}
.endow-scheme .logo-box .logo .name {font-family: 'Libre Franklin', Arial, sans-serif; font-size: 20px; font-weight: 600; white-space: nowrap}
.endow-scheme .logo-box .logo .name span, footer .logo .name span {font-weight: 300}
.endow-disclaimer {margin-top: 40px; padding-top: 30px; border-top: 1px solid var(--line)}
.endow-disclaimer p {font-size: 14px; font-weight: 300; color: var(--gray)}
/* ENDOWMENT */


/* ACTIVITY */
.activity-research .cards {gap: 20px}
.activity-research .card {position: relative; overflow: hidden; height: 385px; padding: 30px; border-radius: 30px; display: flex; flex-direction: column; justify-content: space-between}
.activity-research .card.white {width: 54.8%; background: #fff}
.activity-research .card.blue {width: 43.4%; color: #fff; background: radial-gradient(60% 136% at 8% 100%, #4A5D73 0%, rgba(74,93,115,0) 100%), radial-gradient(97% 111% at 84% 9%, #FFFFFF 0%, rgba(237,234,223,0) 100%), var(--blue)}
.activity-research .card.blue picture {position: absolute; z-index: 0; left: -131.4%; top: -42.9%; width: 272.6%; height: 196.4%}
.activity-research .card.blue picture img {width: 100%; height: 100%; object-fit: cover}
.activity-research .card.blue:before {content: ''; position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; background: radial-gradient(70% 90% at 15% 100%, rgba(74,93,115,0.9) 0%, rgba(74,93,115,0) 100%), linear-gradient(180deg, rgba(114,134,157,0.15) 0%, var(--blue) 100%)}
.activity-research .card.blue .title, .activity-research .card.blue .tag {position: relative; z-index: 2}
.activity-research .card.blue .title {font-size: 24px; font-weight: 400}
.activity-research .card .avatars .avatar {position: relative; width: 71px; height: 71px; margin-right: -24px; border: 2px solid #fff; border-radius: 50%; overflow: hidden; background: #fff}
.activity-research .card .avatars .avatar img {position: absolute; left: -74.6%; top: -4.2%; width: 250.7%; max-width: none; height: 193%; max-height: none; object-fit: cover}
.activity-research .card .icon-block {width: 154px; height: 154px; border-radius: 50%; background: repeating-linear-gradient(90deg, rgba(7,48,76,0.12) 0 1px, rgba(255,255,255,0) 1px 6.07px)}
.activity-research .card .icon {width: 84px; height: 84px; border-radius: 50%; background: var(--first)}
.activity-research .card .icon svg {width: 40px; height: 40px}
.activity-research .card .text .title {font-size: 22px; font-weight: 400; line-height: 1.25}
.activity-research .card .text p {margin-top: 18px; color: var(--gray)}
.activity-research .button {margin-top: 50px; display: inline-flex}
.activity-knowledge .h2-like {margin-bottom: 50px}
.activity-knowledge .grid {display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px}
.activity-knowledge .news-card.full {grid-column: span 2; height: 474px}
.activity-knowledge .news-card.half {height: 258px}
/* ACTIVITY */


@media (hover: hover) {
.button:hover {filter: brightness(0.95)}
.button.green:hover {filter: none; background: radial-gradient(60% 136% at 8% 100%, #202F1E 0%, rgba(32,47,30,0) 100%), radial-gradient(97% 111% at 84% 9%, #8A9F87 0%, rgba(140,156,138,0) 100%), #515B50}
.way-item:hover .arrow{border: 1px solid rgba(6,39,61,0.07); background: radial-gradient(60% 136% at 8% 100%, #BDB8A4 0%, rgba(221,216,201,0) 100%), radial-gradient(97% 111% at 84% 9%, #FFFFFF 0%, rgba(237,234,223,0) 100%), var(--second);color: #07304C;}
header .menu-pages > li:hover > a, header .menu-pages > li:hover > span {background: var(--first)}
header .menu-pages > li:hover > a svg {transform: rotateZ(180deg)}
header .menu-pages .level-2 a:hover {color: var(--active)}
header .menu-pages > li > .sub-menu li a:hover {color: var(--active)}
.nav .swiper-button-prev:hover, .nav .swiper-button-next:hover {background: var(--second)}
.section-nav .item:hover {color: var(--active)}
.accent:hover {border-bottom-color: var(--active)}
.sidebar .menu > li > a:hover {color: var(--active)}
.biz-item:hover {color: #fff; background: radial-gradient(60% 136% at 8% 100%, #526250 0%, rgba(82,98,80,0) 100%), radial-gradient(97% 111% at 84% 9%, #B9CDB6 0%, rgba(140,156,138,0) 100%), var(--active)}
.biz-item:hover picture {opacity: 0.25}
.biz-item:hover .link {color: #fff}
.biz-item:hover .icon {background: rgba(255,255,255,0.9);color: #BECCBC;}
.pager .button-prev:hover, .pager .button-next:hover {background: var(--second)}
.news-card:hover {box-shadow: 0 7px 15px rgba(206,189,182,0.10), 0 28px 28px rgba(206,189,182,0.09)}
.doc-item:hover {background: radial-gradient(120% 120% at 0% 0%, var(--second) 0%, #FFFFFF 70%); box-shadow: 0 7px 15px rgba(206,189,182,0.10), 0 28px 28px rgba(206,189,182,0.09)}
.bread-crumbs a:hover {opacity: 1; color: var(--active)}
.news-slider .swiper-slide .item:hover {color: #fff; background: radial-gradient(60% 136% at 8% 100%, #526250 0%, rgba(82,98,80,0) 100%), radial-gradient(97% 111% at 84% 9%, #B9CDB6 0%, rgba(140,156,138,0) 100%), var(--active); box-shadow: 0 7px 15px rgba(206,189,182,0.10), 0 28px 28px rgba(206,189,182,0.09), 0 63px 38px rgba(206,189,182,0.05), 0 112px 45px rgba(206,189,182,0.01)}
.news-slider .swiper-slide .item:hover .bottom-part {border-color: rgba(255,255,255,0.12)}
.news-slider .swiper-slide .item:hover .arrow {opacity: 1}
.news-slider .swiper-slide .item:hover .source {color: #fff}
.home-mission .right-part:hover .button, .friends-slider .swiper-slide .item:hover .title {color: var(--active)}
footer .column .menu-pages a:hover, footer .links a:hover {opacity: 0.65}
.way-item:hover{background: radial-gradient(60% 136% at 8% 100%, #526250 0%, rgba(82,98,80,0) 100%), radial-gradient(97% 111% at 84% 9%, #B9CDB6 0%, rgba(140,156,138,0) 100%), var(--active);}
.way-item:hover .title{color: white;}
}
footer .column .menu-pages .sub-menu{padding-left: 30px;padding-top: 5px;}
footer .column .menu-pages .sub-menu li{list-style: disc;}
@media screen and (max-width: 1899px) {
    .qr-card .btn-copy{width: 40px;height: 40px;right: -20px;top: -115px;}
    .qr-card .btn-copy svg{width: 17px;height: 17px;}
.endow-scheme .logo-box{display: none;}
footer .logo .separator, footer .logo .sub {display: none}
footer .logo img {width: 60px; height: 58px}
header .logo .separator, header .logo .sub {display: none}
header .logo img {width: 60px; height: 58px}
header .menu-pages > li > a, header .menu-pages > li > span {padding: 0 16px; font-size: 17px}
header .menu {padding: 6px}
}

@media screen and (max-width: 1699px) {
     .qr-card .btn-copy{right: -15px;top: -110px;}
/* компактнее на ноутбуках */
.vars {--radius: 32px}
.button {height: 60px; padding: 0 26px}
.tag {height: 50px; padding: 0 16px}
.tag svg {width: 22px; height: 22px}
.nav {margin-top: 34px}
.nav .swiper-button-prev, .nav .swiper-button-next {width: 60px; height: 60px}
body .nav .swiper-pagination-bullet-active {width: 34px}
.section-head {margin-bottom: 40px}
.section-head .sub-title {margin-top: 20px}
.stat-item {padding: 36px 24px}
.stat-small {margin-top: 40px}
.research-about .card, .activity-research .card {height: auto; min-height: 340px; padding: 24px}
.research-about .card .icon-block, .activity-research .card .icon-block {width: 130px; height: 130px}
.research-about .card .icon, .activity-research .card .icon {width: 72px; height: 72px}
.research-results .result-card .note {margin-top: 60px}
.research-team .org-card {padding: 30px}
.research-team .persons {gap: 34px 20px}
.research-gallery .nav {margin-top: 34px}
.news-list .grid {grid-template-columns: repeat(3, 1fr)}
.news-card {height: 420px; padding: 26px}
.news-card.big {grid-column: span 2; height: 420px; padding: 34px}
.news-card.with-img .img {height: 220px}
.pager {margin-top: 46px}
.pager .button-prev, .pager .button-next {width: 60px; height: 60px}
.pager .counter .current {width: 140px; height: 60px}
.news-slider .swiper-slide .item {height: 310px; padding: 30px}
.friends-slider .swiper-slide .item .text {margin-top: 24px}
.doc-item {height: 320px; padding: 26px}
.biz-item {height: 300px; padding: 26px}
.biz-item .icon {width: 72px; height: 72px; margin-bottom: 18px}
.way-item {height: 210px; padding: 26px}
.way-item .arrow {left: 26px; bottom: 26px; width: 52px; height: 52px}
.help-donate .form-place, .help-donate .qr-card {min-height: 440px; padding: 30px}
.help-donate .other-ways {margin-top: 60px}
.help-endowment .endowment-card .card {padding: 24px}
.help-endowment .endowment-card .card .icon-block {width: 120px; height: 120px}
.help-endowment .endowment-card .card .icon {width: 68px; height: 68px}
.program-item .content {padding: 30px 26px 30px 20px}
.program-item .img {width: 170px}
.about-req .req-card {gap: 80px; padding: 40px}
.endow-item .icon-block {width: 130px; height: 130px}
.endow-item .icon {width: 72px; height: 72px}
.logo-item {width: 220px; height: 140px}
.spoiler-list .spoiler-title {padding: 40px 0}
.spoiler-list .spoiler-content {padding-bottom: 40px}
footer .inner {padding: 50px 50px 24px}
footer .bottom-part {margin-top: 44px; padding: 24px 0 0}


.inner-top {height: auto; min-height: 560px; padding-bottom: 50px}
.inner-top .bread-crumbs {padding-top: 105px}
.inner-top .inner {margin-top: 40px}
.section-block, .section-white, .research-stats, .endow-scheme, .news-list, footer {margin-top: 110px}
.section-white {padding: 110px 0}
.section-white .section-block + .section-block {margin-top: 110px}
.research-results .result-card {padding: 40px}
.research-results .result-card .note {margin-top: 50px}
.help-endowment .endowment-card {padding: 40px}

html {font-size: 15px}
.vars {--margin: 40px}
.home-top {height: 820px}
.home-top .inner {padding-top: 260px}
.home-mission {margin-top: 110px}
.home-mission .text-block {margin-top: 80px}
.home-about, .home-news, .home-friends, footer {margin-top: 110px}
.home-about .avatars {margin-top: 120px}
.home-about .card {top: auto; bottom: 60px}

h1, .h1-like {font-size: 56px}
h2, .h2-like, .stat-item .num {font-size: 41px}
h3, .h3-like {font-size: 32px}
.home-top .sub-title, .home-mission .text-block .text, .step .text .date, .research-results .result-card .text .title, .research-team .org-card .h4-like, .help-donate .other-ways .h4-like {font-size: 26px}
header .logo .name, footer .logo .name {font-size: 24px}
.news-slider .swiper-slide .item .title, .friends-slider .swiper-slide .item .title, .research-about .card.blue .title, .help-donate .form-place .title, .program-item .title {font-size: 22px}
.home-about .note .big, .home-about .card .text .big, footer .left-part .slogan, .inner-top .sub-title, .section-head .sub-title, .research-about .card .text .title, .step .text .title, .research-gallery .swiper-slide .item .text .title, .way-item .title, .biz-item .title, .help-endowment .endowment-card .card .title {font-size: 21px}
footer .column .contacts .mail {font-size: 19px}
p, header .menu-pages > li > a, header .menu-pages > li > span, header .menu-pages .level-2 a, header .menu-pages > li > .sub-menu > li > a, .home-mission .text-block .title, footer .column .menu-pages a, .section-nav .item, .stat-item .text, .stat-small .stat-item .num span, .step .num, .research-team .org-card .tags span, .person .text .title, .biz-item.text p {font-size: 17px}
header .logo .sub, .home-about .note .small, .home-about .card .text .small, .news-slider .swiper-slide .item .date, .friends-slider .swiper-slide .item .post, footer .logo .sub, footer .column b, footer .column .contacts .note, footer .copyright, footer .links, .person .text .post, .research-gallery .swiper-slide .item .text .sub, .help-donate .form-place .sub, .help-donate .qr-card .tab-link, .help-donate .qr-card .purpose, .help-business .section-head .note .small, .biz-item .link {font-size: 15px}
.tag-small {font-size: 13px}
}

@media screen and (max-width: 1499px) {
.button {height: 56px; padding: 0 24px; font-size: 14px}
h1, .h1-like {font-size: 49px}
h2, .h2-like {font-size: 36px}
h3, .h3-like {font-size: 28px}
.section-block, .section-white, .research-stats, .endow-scheme, .news-list, footer {margin-top: 90px}
.section-white {padding: 90px 0}
.section-white .section-block + .section-block {margin-top: 90px}
.nav .swiper-button-prev, .nav .swiper-button-next {width: 54px; height: 54px}
.pager .button-prev, .pager .button-next {width: 54px; height: 54px}
.pager .counter .current {width: 120px; height: 54px}
.news-card {height: 380px}
.news-card.big {height: 380px}
.news-slider .swiper-slide .item {height: 290px; padding: 26px}
.doc-item {height: 300px}
.biz-item {height: 280px}
.inner-top .sub-title {font-size: 19px}
.research-results .result-card {padding: 32px}
.help-donate .form-place, .help-donate .qr-card {min-height: 400px}
.help-donate .qr-card .qr-box {width: 190px; height: 190px}
.help-donate .qr-card .qr-box .qr {width: 170px; height: 170px}

header .menu-pages > li > a, header .menu-pages > li > span {padding: 0 12px; font-size: 15px}
header .menu {padding: 6px; height: 64px}
header .menu-block > .button {height: 56px; padding: 0 22px}
header .logo .name {font-size: 21px}
header .logo img {width: 52px; height: 50px}
header.fixed {padding: 10px 0}
    .help-donate .cards {
        flex-wrap: wrap;
    }
        .help-donate .qr-card {
        height: auto;
        padding-bottom: 40px;
        width: 100%;
    }
        .help-donate .form-place {
        height: auto;
        min-height: 320px;
        width: 100%;
    }
}

@media screen and (max-width: 1279px) {
    .endow-scheme .label-1{max-width: 50%;}
    .endow-scheme .label-3{max-width: none;}
    .about-req .req-card {
        flex-wrap: wrap;
        gap: 40px;
    }
        .about-req .req-card .left-col .button {
        margin-top: 30px;
    }
    .about-req .req-card .left-col{width: 100%;}
.section-block .left-part {width: 24%}
.section-block .right-part {width: 71%}
.single > .grid > .left-part {width: 24%}
.single > .grid > .right-part {width: 71%}
.section-block.first .left-part {width: 24%}
.inner-top {height: auto; min-height: 480px; padding-bottom: 50px}
.inner-top .bread-crumbs {padding-top: 95px}
.research-stats .grid {grid-template-columns: repeat(2, 1fr)}
.stat-small {grid-template-columns: repeat(3, 1fr)}
.research-about .cards, .activity-research .cards {flex-wrap: wrap}
.research-about .card, .activity-research .card {width: 100% !important; height: auto; min-height: 320px}
.research-about .card.blue picture, .activity-research .card.blue picture {left: -60%; top: -30%; width: 200%; height: 170%}
.research-team .persons {grid-template-columns: repeat(2, 1fr)}
.help-donate .other-ways .grid-4 {grid-template-columns: repeat(2, 1fr)}
.help-donate .other-ways .grid-3 {grid-template-columns: repeat(2, 1fr)}
.help-business .biz-grid .row {flex-wrap: wrap}
.biz-item, .biz-item.wide, .biz-item.narrow {flex: 1 1 calc(50% - 10px)}
.help-endowment .endowment-card .cards {flex-wrap: wrap}
.help-endowment .endowment-card .card {width: 100%}
.news-list .grid {grid-template-columns: repeat(2, 1fr)}
.news-card {height: 400px}
.news-card.big {grid-column: span 2; height: 400px}
.endow-what .grid {grid-template-columns: repeat(2, 1fr)}
.nav .swiper-button-prev, .nav .swiper-button-next {width: 48px; height: 48px}
.pager .button-prev, .pager .button-next {width: 48px; height: 48px}
.button {height: 52px; padding: 0 20px}
.endow-scheme .bg {display: none}
.endow-scheme .scheme {padding: 0; display: flex; flex-direction: column; gap: 30px; counter-reset: step}
.endow-scheme .scheme .label {position: relative; left: auto; right: auto; top: auto; bottom: auto; transform: none; width: 100%; text-align: left; white-space: normal; padding-left: 66px}
.endow-scheme .scheme .label:before {content: counter(step) '.'; counter-increment: step; position: absolute; margin-left: -66px; width: 46px; height: 46px; border-radius: 50%; background: #fff; border: 1px solid var(--active); font-family: 'Libre Franklin', Arial, sans-serif; display: flex; align-items: center; justify-content: center}
.endow-scheme .circle {order: 2; width: 100%; max-width: none; aspect-ratio: auto; margin: 10px 0; padding: 30px 20px; border-radius: var(--radius)}
.endow-scheme .num {display: none}
.endow-scheme .logo-box {position: static; order: 3; align-self: flex-start}
.about-req .req-card {gap: 60px; padding: 40px}


html {font-size: 14px}
.vars {--margin: 30px; --radius: 30px}
.home-top {height: 700px}
.home-top .inner {padding-top: 210px}
.home-mission .quote {max-width: 100%}
.home-about .inner {min-height: 0; padding: 40px}
.home-about .text-block {width: 60%}
.home-about .note {width: 100%}
.home-about .avatars {margin-top: 60px}
.home-about .card {position: relative; right: auto; top: auto; bottom: auto; margin-top: 40px; width: 100%; height: auto; display: flex; align-items: center; gap: 30px}
.home-about .card .text {position: static}
.home-mission .text-block .text {font-size: 21px}
header .menu-pages > li > a, header .menu-pages > li > span {padding: 0 12px; font-size: 14px}
header .menu {padding: 6px; height: 64px}
header .menu-block > .button {height: 50px; padding: 0 18px; font-size: 13px}
header .logo .name {font-size: 19px}
/* мобильное меню в шапке */
header .menu-button {display: flex}
header .menu {position: absolute; top: 100%; left: 0; margin-top: 10px; width: 100%; height: auto; padding: 20px; border-radius: var(--radius); transform: scaleY(0); transform-origin: 0 0; transition: 250ms}
header .menu.show {transform: scaleY(1)}
header .menu-pages {flex-direction: column; align-items: flex-start; height: auto; width: 100%}
header .menu-pages > li {height: auto; width: 100%}
header .menu-pages > li > a, header .menu-pages > li > span {height: 50px; padding: 0 10px}
header .menu-pages .level-2 {position: static; width: 100%; padding: 0 0 0 10px; margin: 0; transform: none; opacity: 1; display: none}
header .menu-pages > li.open .level-2 {display: block}
header .menu-pages .level-2 .grid {grid-template-columns: 1fr}
header .menu-pages .level-2 a {min-height: 0; padding: 10px; border: none !important}
header .menu-pages .level-2 a svg {display: none}
header .menu-pages > li > .sub-menu {position: static; width: 100%; padding: 0 0 0 10px; margin: 0; transform: none; opacity: 1; display: none}
header .menu-pages > li.open > .sub-menu {display: block}
header .menu-pages > li > .sub-menu > li {border: none !important}
header .menu-pages > li > .sub-menu > li > a {min-height: 0; padding: 10px 16px; font-size: 15px}
header .menu-pages > li > .sub-menu > li > a svg {display: none}
header .menu-pages > li > a svg {margin-left: auto}
header .menu-pages > li > a, header .menu-pages > li > span {font-size: 15px}

h1, .h1-like {font-size: 52px}
h2, .h2-like, .stat-item .num {font-size: 38px}
h3, .h3-like {font-size: 30px}
.home-top .sub-title, .step .text .date, .research-results .result-card .text .title, .research-team .org-card .h4-like, .help-donate .other-ways .h4-like {font-size: 24px}
footer .logo .name {font-size: 23px}
.news-slider .swiper-slide .item .title, .friends-slider .swiper-slide .item .title, .research-about .card.blue .title, .help-donate .form-place .title, .program-item .title {font-size: 21px}
.home-about .note .big, .home-about .card .text .big, footer .left-part .slogan, .inner-top .sub-title, .section-head .sub-title, .research-about .card .text .title, .step .text .title, .research-gallery .swiper-slide .item .text .title, .way-item .title, .biz-item .title, .help-endowment .endowment-card .card .title {font-size: 19px}
footer .column .contacts .mail {font-size: 18px}
p, header .menu-pages .level-2 a, .home-mission .text-block .title, footer .column .menu-pages a, .section-nav .item, .stat-item .text, .stat-small .stat-item .num span, .step .num, .research-team .org-card .tags span, .person .text .title, .biz-item.text p {font-size: 16px}
header .logo .sub, .home-about .note .small, .home-about .card .text .small, .news-slider .swiper-slide .item .date, .friends-slider .swiper-slide .item .post, footer .logo .sub, footer .column b, footer .column .contacts .note, footer .copyright, footer .links, .person .text .post, .research-gallery .swiper-slide .item .text .sub, .help-donate .form-place .sub, .help-donate .qr-card .tab-link, .help-donate .qr-card .purpose, .help-business .section-head .note .small, .biz-item .link {font-size: 14px}
.tag-small {font-size: 12px}
}


@media screen and (max-width: 1023px) {
        .help-contact .contact-block {
        flex-wrap: wrap;
    }
    footer .inner .bg{display: none;}
    .help-contact .contact-block{gap: 20px;}
.section-block .max, .research-stats .max {flex-wrap: wrap}
.section-block .left-part, .section-block .right-part, .section-block.first .left-part {width: 100%}
.section-block .left-part {margin-bottom: 30px}
.single > .grid {flex-wrap: wrap}
.single > .grid > .left-part, .single > .grid > .right-part {width: 100%}
.single > .grid > .left-part {margin-bottom: 30px}
.sidebar .menu {position: static; display: flex; flex-wrap: nowrap; gap: 24px; overflow-x: auto; padding-bottom: 10px; -webkit-overflow-scrolling: touch}
.sidebar .menu > li {width: auto}
.sidebar .menu > li > a {margin: 0 !important; white-space: nowrap; font-size: 16px}
.sidebar .menu > li.current-menu-item > a {padding: 0; border: none; color: var(--active)}
.sidebar .menu ul {display: none}
.section-nav {position: static; display: flex; flex-wrap: nowrap; gap: 24px; overflow-x: auto; padding-bottom: 10px; -webkit-overflow-scrolling: touch}
.section-nav .item {margin: 0 !important; white-space: nowrap; font-size: 14px}
.section-nav .item.active {padding: 0; border: none; color: var(--active)}
.section-nav .item.active svg {display: none}
header .logo .separator, header .logo .sub {display: none}
header .logo img {width: 56px; height: 54px}
.section-white {padding: 80px 0}
.section-block, .section-white, .research-stats, .endow-scheme, .news-list, footer {margin-top: 80px}
.section-white .section-block + .section-block {margin-top: 80px}
.inner-top {height: auto; min-height: 400px; padding-bottom: 40px}
.inner-top h1 {font-size: 38px}
.inner-top .bread-crumbs {padding-top: 90px}
.research-stages .steps {flex-wrap: wrap}
.step {flex: 1 1 calc(50% - 10px); min-height: 220px}
.step.wide {flex: 1 1 100%}
.step .line {display: none}
.stat-small {grid-template-columns: repeat(2, 1fr)}
.research-results .result-card picture {opacity: 0.3}
.research-team .org-card .tags {gap: 12px 20px}
.help-donate .cards {flex-wrap: wrap}
.help-donate .form-place, .help-donate .qr-card {width: 100%}
.help-donate .form-place {height: auto; min-height: 320px}
.help-donate .qr-card {height: auto; padding-bottom: 40px}
.help-donate .qr-card .pic-1, .help-donate .qr-card .pic-2 {display: none}
.program-item.flex {flex-wrap: wrap}
.program-item .img {width: 100%; height: auto; aspect-ratio: 2/1; min-height: 0; border-radius: var(--radius) var(--radius) 0 0}
.program-item .img picture {left: 0; top: 0; width: 100%; height: 100%}
.program-item .content {width: 100%; flex-wrap: wrap; border-radius: 0 0 var(--radius) var(--radius)}
.program-item .button, .program-item .tag-small {margin-top: 20px}
.about-req .req-card {flex-wrap: wrap; gap: 40px}
.about-req .req-card .left-col, .about-req .req-card .right-col {width: 100%}
.about-req .req-card .left-col .button {margin-top: 30px}
.spoiler-list .spoiler-title {padding: 30px 0; font-size: 21px}
.spoiler-list .spoiler-content {padding-bottom: 30px}

.tablet-hide {display: none !important}
.tablet-show {display: block !important}
.home-top {height: 600px}
.home-top .inner {padding-top: 170px}
.home-mission .max {flex-wrap: wrap}
.home-mission .left-part, .home-mission .right-part {width: 100%}
.home-mission .right-part {margin-top: 40px; aspect-ratio: 16/9; align-items: flex-start}
.home-mission .right-part picture {left: auto; right: -10%; top: -20%; width: 60%}
.home-mission .text-block {width: 100%}
.home-about .photo {position: relative; display: block; width: 100%; height: auto; aspect-ratio: 3/2; margin-bottom: 30px; border-radius: var(--radius); overflow: hidden}
.home-about .inner:before {display: none}
.home-about .text-block {width: 100%}
footer .top-part.flex {flex-wrap: wrap}
footer .left-part, footer .right-part {width: 100%}
footer .right-part {margin-top: 50px; padding-top: 0}
}

@media screen and (max-width: 767px) {
    .single .list .item{align-items: flex-start;}
    .home-mission .right-part picture{top: auto;bottom: 0;}
.inner-top {height: auto; padding: 110px 0 40px}
.inner-top .images .fade {height: 120px}
.inner-top .bread-crumbs {padding-top: 0}
.inner-top .inner {margin-top: 30px}
.inner-top h1 {font-size: 28px; margin-top: 20px}
.inner-top .sub-title {font-size: 16px; margin-top: 16px}
.page-top {padding-top: 90px}
.page-top + div {margin-top: 30px}
.section-block, .section-white, .research-stats, .endow-scheme, .news-list, footer {margin-top: 60px}
.section-white {padding: 60px 0}
.section-white .section-block + .section-block {margin-top: 60px}
.section-head {margin-bottom: 30px}
.section-head .sub-title, .inner-top .sub-title {font-size: 16px}
.tag {height: 42px; padding: 0 14px; font-size: 12px}
.tag-small {height: 38px; padding: 0 14px; font-size: 11px}
.research-stats .grid, .endow-what .grid, .stat-small, .news-list .grid, .logos.grid,
.help-donate .other-ways .grid-4, .help-donate .other-ways .grid-3,
.research-team .persons, .activity-knowledge .grid {grid-template-columns: 1fr}
.logo-item {width: 180px; height: auto; aspect-ratio: 3/2}
.stat-item {padding: 30px 20px}
.stat-small .stat-item {padding: 0 0 24px 54px}
.research-about .card, .activity-research .card {padding: 20px; min-height: 0}
.research-about .card .icon-block, .activity-research .card .icon-block, .endow-item .icon-block, .help-endowment .endowment-card .card .icon-block {width: 110px; height: 110px}
.research-about .card .icon, .activity-research .card .icon, .endow-item .icon, .help-endowment .endowment-card .card .icon {width: 64px; height: 64px}
.research-about .card .icon svg, .activity-research .card .icon svg, .endow-item .icon svg, .help-endowment .endowment-card .card .icon svg {width: 30px; height: 30px}
.step {flex: 1 1 100%; min-height: 0; padding: 0 0 0 20px}
.step .text {margin-top: 30px}
.step.wide {border-radius: 0}
.research-results .result-card {padding: 24px}
.research-results .result-card .note {margin-top: 30px}
.research-results .result-card .text .title {font-size: 21px}
.research-team .org-card {padding: 24px}
.research-gallery .item .text {margin-top: 20px}
.news-card, .news-card.big, .activity-knowledge .news-card.full, .activity-knowledge .news-card.half {height: auto; min-height: 300px; grid-column: auto; padding: 24px}
.news-card.big .title {font-size: 21px}
.pager {gap: 16px; margin-top: 40px}
.pager .button-prev, .pager .button-next {width: 42px; height: 42px}
.pager .counter .current {width: 72px; height: 42px}
.biz-item, .biz-item.wide, .biz-item.narrow {flex: 1 1 100%; height: auto; min-height: 280px; padding: 24px}
.way-item {height: auto; min-height: 200px; padding: 24px}
.way-item .arrow {left: 24px; bottom: 24px; width: 48px; height: 48px}
.help-donate .other-ways {margin-top: 50px}
.help-donate .qr-card, .help-donate .form-place {padding: 24px}
.help-donate .qr-card .qr-box {width: 180px; height: 180px}
.help-donate .qr-card .qr-box .qr {width: 160px; height: 160px}
.help-endowment .endowment-card {padding: 24px}
.help-endowment .endowment-card .card {flex-wrap: wrap; gap: 20px; padding: 24px}
.help-contact .contact-block {flex-wrap: wrap}
.help-contact .contact-card, .help-contact .contact-form-wrap {width: 100%; padding: 24px}
.help-contact .form-row {flex-wrap: wrap}
.about-req .req-card {padding: 24px}
.req-list li {flex-wrap: wrap; gap: 2px}
.req-list .value {font-weight: 500}
.doc-item {height: auto; min-height: 280px; padding: 24px}
.endow-scheme .inner {padding: 0; background: none}
.endow-scheme .center-card .button {width: 100%}
.spoiler-list .spoiler-title {font-size: 18px}

.vars {--margin: 20px; --radius: 20px}
.max {padding: 0 var(--margin)}
.mobile-hide {display: none !important}
.mobile-show {display: block !important}
.mobile-flex {display: flex !important}
.button {height: 46px; padding: 0 18px; font-size: 12px}
h1, .h1-like {font-size: 28px}
h2, .h2-like {font-size: 24px}
h3, .h3-like {font-size: 21px}
header {top: 12px}
main.single, body > .max.index, main > .our-projects:first-child {padding-top: 100px}
header .logo {gap: 10px}
header .logo img {width: 40px; height: 38px; flex-shrink: 0}
header .logo .name {font-size: 16px; white-space: nowrap}
header .logo .separator, header .logo .sub {display: none}
header .menu-block > .button {height: 38px; padding: 0 14px; font-size: 11px}
header .menu-block {gap: 8px; flex-shrink: 0}
header .logo-block {min-width: 0}
.home-top {height: auto; min-height: 520px; padding: 120px 0 60px}
.home-top .images .bg img {object-position: 18% 50%}
.home-top .inner {padding-top: 0}
.home-top h1 {font-size: 32px}
.home-top .sub-title {font-size: 18px; margin-top: 16px}
.home-top .button {margin-top: 30px}
.home-mission, .home-about, .home-news, .home-friends, footer {margin-top: 60px}
.home-mission .text-block {margin-top: 40px; padding-top: 30px}
.home-mission .text-block .text {font-size: 18px}
.home-mission .right-part {aspect-ratio: 1/1; min-height: 0; padding: 20px}
.home-about .inner {padding: 20px}
.home-about .avatars {margin-top: 40px}
.home-about .avatar {width: 54px; height: 54px}
.home-about .avatar.big {width: 62px; height: 62px; padding: 4px}
.home-about .card .icon-block {width: 92px; height: 92px}
.home-about .card .icon {width: 54px; height: 54px}
.home-about .card .icon svg {width: 26px; height: 26px}
.home-about .card {flex-direction: column; align-items: flex-start; gap: 20px}
.top-part.flex {flex-wrap: wrap}
.top-part .button {margin-top: 20px}
.news-slider .swiper-slide .item {height: auto; min-height: 260px; padding: 24px; gap: 18px;aspect-ratio: 1/1;}
.news-slider .swiper {padding: 20px 0}
.program-item .content {padding: 20px}
.spoiler-list .spoiler-title {padding: 20px 0}
.spoiler-list .spoiler-content {padding-bottom: 20px}
.nav {margin-top: 24px}
.nav .swiper-button-prev, .nav .swiper-button-next {width: 42px; height: 42px}
footer {padding-bottom: 20px}
footer .inner {padding: 30px 20px 20px}
footer .logo {gap: 10px}
footer .logo img {width: 44px; height: 42px}
footer .logo .name {font-size: 16px}
footer .logo .separator, footer .logo .sub {display: none}
footer .right-part {display: block}
footer .column {width: 100%; border-top: 1px solid rgba(255,255,255,0.12)}
footer .column:last-child {border-bottom: none}
footer .column .menu-pages a{font-size: 14px;}
footer .column .column-title {margin: 0; padding: 16px 0; cursor: pointer; font-size: 15px}
footer .column .column-title .toggle {display: block; width: 10px; height: 10px; flex-shrink: 0; margin-left: 12px; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; transform: rotate(45deg) translate(-2px, -2px); transition: 250ms}
footer .column.open .column-title .toggle {transform: rotate(-135deg) translate(-3px, -3px)}
footer .column .column-body {display: none; padding-bottom: 18px}
footer .column .menu-pages, footer .column .contacts {margin-top: 0}
footer .left-part .slogan {margin-top: 30px}
footer .bottom-part {margin-top: 0; flex-wrap: nowrap; gap: 12px}
footer .copyright, footer .links a {font-size: 11px}
footer .links {gap: 12px; flex-wrap: nowrap}
}
@media screen and (max-width:512px){
    .endow-scheme .label-1{max-width: 70%;}
    .help-donate .qr-card .req-list li{flex-direction: column;}
    .help-donate .qr-card .tabs{margin-left: 0;margin-right: auto;display: flex;width: fit-content;}
    .bottom-part{flex-direction: column;}
    footer .links{flex-direction: column;justify-content: center;}
    .req-list li{flex-direction: column;}
}