@font-face {font-family: 'Alice'; src: url('fonts/Alice-Regular.woff2') format('woff2'); font-weight: normal; font-display: swap}
@font-face {font-family: 'Alice'; src: url('fonts/Alice-Bold.woff2') format('woff2'); font-weight: bold; font-display: swap}

* {margin: 0; padding: 0; box-sizing: border-box}
.max {margin: 0 auto; max-width: 1600px; padding: 0 20px}
.flex {display: flex; flex-wrap: wrap}
.nowrap{flex-wrap: nowrap;}
.flex.align-center {align-items: center}
.flex.center {justify-content: center}
.flex.space-between {justify-content: space-between}
.flex.column {flex-direction: column}
.mobile-show {display: none}
.grid{display: grid;}

body {font-family: 'Alice', sans serif; font-size: 20px; -webkit-font-smoothing: antialiased; line-height: 1}
body.lock {overflow: hidden}
a {outline: none; color: inherit; transition: 250ms; cursor: pointer; text-decoration: none}
img, svg, video {max-width: 100%; max-height: 100%; height: auto; display: block}
svg * {fill: currentColor}
h1, h2, h3, .h1-like, .h3-like {font-weight: 400; line-height: 1}
h1, .h1-like {font-size: 60px; margin-bottom: 40px}
h2, .h2-like {font-size: 40px; margin-bottom: 20px}
h3, .h3-like {font-size: 26px}
main {padding-top: 100px}
ul {margin: 0; padding: 0}
li {margin: 0; padding: 0; display: block}

.buttons-block {gap: 20px; margin: 40px 0;margin-bottom: 0;padding: 60px 0;margin-top: 0;}
.buttons-block .button {margin: 0}
.button {background: #96BB8C; color: #fff; border-radius: 30px; height: 60px; margin: 0 auto; padding: 0 20px; text-transform: uppercase; font-weight: bold; width: 320px;font-size: 18px;}
.button.invert {background: #72869d}
.button:hover {background: #72869d; color: #fff}
.button.invert:hover {background: #96BB8C; color: #fff}

/* CONTENT */
.content {line-height: 1.3; font-size: 18px}
.content p {margin-top: 1em}
/* CONTENT */


/* SINGLE */
.single {padding-bottom: 100px}
.single .grid {display: grid; grid-template-columns: 1fr 3fr; gap: 80px}
.single .left-part {border-right: 1px solid #72869d}
/* SINGLE */


/* TABS */
.tab:not(.active) {display: none}
.tab-links {border-bottom: 1px solid #72869d; gap: 20px; margin-bottom: 20px}
.tab-links .tab-link {cursor: pointer; position: relative; padding: 15px 0}
.tab-links .tab-link.active, .tab-links .tab-link:hover {color: #72869d}
.tab-links .tab-link:before {content: ''; left: 0px; bottom: 0; background: transparent; height: 2px; width: 100%; position: absolute}
.tab-links .tab-link.active:before {background: #72869d}
/* TABS */


/* MODAL */
.overlay {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 8000; display: none}
.modal {width: 50vw; border-radius: 20px; top: 10vh; display: none; height: 80vh; left: 25vw; position: fixed; z-index: 9000; background: #fff; border: 5px solid #96BB8C}
.modal .inner {padding: 40px; height: 100%; display: flex; flex-direction: column; justify-content: space-between}
.modal .close {top: -25px; right: -25px; background: #72869d; cursor: pointer; position: absolute; z-index: 1; color: #fff; width: 50px; height: 50px; border-radius: 50%; transition: 250ms}
.modal .overflow-y {overflow-y: auto; height: 100%}
.modal .close:hover {background: #96BB8C}
.modal .qr {width: 100%; max-width: 250px; margin-top: 20px}
.modal .requisites span {color: #72869d; font-size: 14px; display: block}
.modal-cart .h2-like {margin-top: 0px}
/* MODAL */


/* OUR PROJECTS */
.our-projects .items-grid {display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 40px; margin: 40px 0}
.our-projects .items-grid .item {background: #f2f2f2; border-radius: 10px; overflow: hidden}
.our-projects .items-grid .item .img {width: 100%; object-fit: cover; aspect-ratio: 16/9; flex-shrink: 0}
.our-projects .items-grid .item .text {padding: 20px; flex-grow: 1}
.our-projects .items-grid .item .title {margin-bottom: auto}
.our-projects .items-grid .item .date {opacity: 0.5; margin-top: 20px; font-size: 16px}
.our-projects .items-grid .item .icon {border-radius: 50%; width: 50px; height: 50px; background: #96BB8C; color: #fff; margin-top: 20px}
.our-projects .items-grid .item .icon svg {width: 20px; height: 20px}
.our-projects .items-grid .item:hover .icon {background: #72869d}

.our-projects .categories-grid {display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 40px; margin: 40px 0}
.our-projects .categories-grid .item {display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); background: #f2f2f2; border-radius: 10px; overflow: hidden; align-items: center}
.our-projects .categories-grid .item .text {padding: 20px}
.our-projects .categories-grid .item .date {opacity: 0.5; margin-top: 20px; font-size: 16px}
.our-projects .categories-grid .item .img {width: 100%; object-fit: contain; aspect-ratio: 1/1}
.our-projects .categories-grid .item .icon {border-radius: 50%; width: 50px; height: 50px; background: #96BB8C; color: #fff; margin-top: 20px}
.our-projects .categories-grid .item .icon svg {width: 20px; height: 20px}
.our-projects .categories-grid .item:hover .icon {background: #72869d}
/* OUR PROJECTS */

/* SOCIAL MEDIA */
.social-media {margin-top: 100px; padding: 100px 0; background: #f2f2f2}
/* SOCIAL MEDIA */

/* DOCUMENTS */
.documents {margin-top: 100px; padding: 100px 0; background: #f2f2f2}
/* DOCUMENTS */

/* SIDEBAR */
.sidebar {padding-right: 20px}
.sidebar .menu {gap: 20px}
.sidebar .menu > li {width: 100%}
.sidebar .menu > li > a {padding: 10px; border-radius: 10px; background: #f2f2f2; display: block}
.sidebar .menu li.current-menu-item > a {color: #96BB8C}
.sidebar .menu ul {padding-left: 20px; border-left: 1px solid #96BB8C; margin: 20px; display: flex; flex-direction: column; gap: 5px}
/* SIDEBAR */


/* LIST */
.list .grid {grid-template-columns: 100%; gap: 20px; display: grid}
.list .item {padding: 20px 40px; border-radius: 10px; background: #fff}
.list .item .text {width: calc(100% - 70px)}
.list .item .sub-title {color: #96BB8C; margin-top: 10px}
.list .item .date {opacity: 0.5; margin-top: 20px; font-size: 16px}
.list .item .icon {border-radius: 50%; width: 50px; height: 50px; background: #96BB8C; color: #fff; flex-shrink: 0}
.list .item .icon svg {width: 20px; height: 20px}
.list .item:hover .icon {background: #72869d}
.single .list .item {background: #f2f2f2}
/* LIST */

/* HEADER */
header {position: sticky; position: -webkit-sticky; background: linear-gradient(#fff, #ffffffaa); backdrop-filter: blur(40px); -webkit-backdrop-filter: blur(40px); z-index: 1000; padding: 20px 0; top: 0}
header .menu {gap: 40px}
header .menu li {position: relative}
header .menu li a {padding: 15px 0; display: block}
header .menu li:hover > a, header .menu li.current_page_parent > a, header .menu li.current-menu-item > a {color: #96BB8C}
header .menu ul {position: absolute; top: 100%; left: -20px; width: 200px; background: #72869d; transform: scaleY(0); transition: 250ms; transform-origin: 0 0; padding: 20px; color: #fff}
header .menu ul li a {padding: 5px 0}
header .menu li:hover ul {transform: scaleY(1)}
header .logo img {width: 80px}
header .logo {font-size: 40px; gap: 20px}
header .logo span {color: #96BB8C}
.menu-button {width: 22px; height: 18px; position: relative; cursor: pointer; z-index: 3000}
.menu-button span {position: absolute; left: 0; width: 100%; height: 2px; background: #72869d; transition: bottom 250ms ease 250ms, top 250ms ease 250ms, transform 250ms ease 0ms; border-radius: 1px}
.menu-button span:nth-child(1) {top: 0}
.menu-button span:nth-child(2) {top: 50%; margin-top: -1px}
.menu-button span:nth-child(3) {bottom: 0}
.menu-button.active span {transition: bottom 250ms ease 0ms, top 250ms ease 0ms, transform 250ms ease 250ms}
.menu-button.active span:nth-child(1) {transform: rotateZ(45deg); top: calc(50% - 1px)}
.menu-button.active span:nth-child(2) {opacity: 0}
.menu-button.active span:nth-child(3) {transform: rotateZ(-45deg); bottom: calc(50% - 1px)}
/* HEADER */


/* FIRST */
.endaument-page .first {position: relative;border-bottom: 1px solid black;}
.endaument-page .first .inner {padding: 80px 50% 240px 0}
.endaument-page .first .static {position: absolute; bottom: 0; right: 0; width: 40vw; object-fit: contain}
.endaument-page .first .dynamic {position: absolute; bottom: 0; right: 0; z-index: -1; animation: dynamic 7s ease-in-out infinite; width: 30vw; object-fit: contain}
.endaument-page .about {background: #f2f2f2; padding: 100px 0;border-bottom: 1px solid black;}
.endaument-page .about .inner {position: relative}
.endaument-page .about h3 .num {width: 100px; height: 100px; font-size: 50px; opacity: 0.1}
.endaument-page .about .grid {grid-template-columns: 5fr 2fr; display: grid}
.endaument-page .about .static {width: 100%; object-fit: contain}
.endaument-page .about .img {position: relative}
.endaument-page .about .dynamic-1 {width: 50%; object-fit: contain; position: absolute; animation: dynamic 7s ease-in-out infinite; left: 25%; top: 10%}
.endaument-page .about .dynamic-2 {width: 50%; object-fit: contain; position: absolute; animation: dynamic 7s ease-in-out infinite; left: 25%; bottom: 10%}
.endaument-page .how{padding: 100px 0;border-bottom: 1px solid black;}
.endaument-page .how .grid{display: grid;grid-template-columns: 1fr 1fr;column-gap: 60px;row-gap: 10px;}
.endaument-page .how .grid .item .text .num{display: none;}
.endaument-page .how .grid .item.flex{flex-wrap: nowrap;gap: 60px;}
.endaument-page .how .grid .item:nth-child(3) {grid-column: 1 / -1; text-align: center;  justify-content: center; }
.endaument-page .how .grid .item:nth-child(3) .item-img.full{display: none;}

.about-page .first{position: relative;border-bottom: 1px solid black;}
.about-page .first .inner {padding: 80px 50% 240px 0}
.about-page .first .static {position: absolute; bottom: 0; right: 0; width: 40vw; object-fit: contain}
.about-page .first .dynamic {position: absolute; bottom: 0; right: 0; z-index: -1; animation: dynamic 7s ease-in-out infinite; width: 30vw; object-fit: contain}
.about-page .first .dynamic-heart {position: absolute; top: 55px; right: 40%; z-index: -1; animation: dynamic 7s ease-in-out infinite; width: 8vw; object-fit: contain}
.about-page .faces{padding: 100px 0;border-bottom: 1px solid black;}
.about-page .faces .inner .grid{display: grid;grid-template-columns: 1fr 1fr;gap: 60px;}
.about-page .faces .inner .grid .item{flex-wrap: nowrap;gap: 32px;}
.about-page .faces .inner .grid .item img{width: 280px;height: 280px;}

.about-page .support{position: relative;border-bottom: 1px solid black;}
.about-page .support .wrapper{flex-wrap: nowrap;}
.about-page .support .wrapper .flex.column{width: 100%;row-gap: 60px;}
.about-page .support .item.grid{display: grid;grid-template-columns: 1fr 1fr;justify-content: space-between;}
.about-page .support .item img{margin-right: 0;margin-left: auto;}
.about-page .support .item:nth-child(1){padding-left: 60px;}
.about-page .support .item:nth-child(2) img{margin-left: 0;margin-right: auto;}
.about-page .support .item:nth-child(2){padding-right: 60px;}

.about-page .charity{padding: 100px 0;border-bottom: 1px solid black;}
.about-page .charity .grid{display: grid;grid-template-columns: 1fr 1fr;gap: 30px;margin-top: 60px;}
.about-page .charity .grid .item{padding: 30px;border: 1px solid black;border-radius: 20px;gap: 60px;flex-wrap: nowrap;}
.about-page .charity .grid .item .img{width: 113px;}
.about-page .charity .grid .item .title{font-size: 20px;font-weight: 400;line-height: 1;}

.about-page .description .flex{flex-wrap: nowrap;gap: 40px;}
.about-page .description .flex img{width: 300px;}
.about-page .description .flex .content h3:nth-child(2){margin-top: 20px;}
.about-page .description .flex .content p{margin-top: 5px;}


.about-page .friends{border-bottom: 1px solid black;overflow: hidden;}
.about-page .friends .grid{display: grid;grid-template-columns: 1fr 1fr;}
.about-page .friends .grid .item-wrapper .item img{width: 160px;}
.about-page .friends .grid .flex{gap: 30px;flex-wrap: nowrap;}
.about-page .friends .grid .item-wrapper .item.flex{margin-top: 0;gap: 15px;}
.about-page .friends .grid .item-wrapper{gap: 30px;padding: 70px 0;padding-right: 50px;}
.about-page .friends .grid .flex .logo{width: auto;max-width: 200px;}
.about-page .friends .grid .flex.logo-wrapper{flex-wrap: wrap;padding: 70px 0;padding-left: 50px;justify-content: space-between;}
.about-page .friends .grid .cell-right{border-left: 1px solid black;}
.about-page .friends .grid .cell-top-right{padding-left: 50px;}
.about-page .friends .grid .cell-left-bottom{border-top: 1px solid black;padding-left: 200px;width: calc(100% + 200px);margin-left: -200px;}
.about-page .friends .grid .cell-top-left{padding-right: 50px;}
.about-page .friends .grid .flex.logo-wrapper.cell-right-bottom{border-top: 1px solid black;padding-right: 200px;width: calc(100% + 200px);margin-right: -200px;}
.about-page .friends .inner .h2-like{margin: 0;padding-bottom: 30px;padding-top: 30px;}
.about-page .description{padding: 100px 0;border-bottom: 1px solid black;}
.links{padding: 60px 0;}
.links .flex{row-gap: 30px;}
.link.button{display: flex;align-items: center;justify-content: center;text-align: center;}

.main .first .inner{padding: 80px 50% 240px 0;}
.main .first{position: relative;border-bottom: 1px solid black;}
.main .first .static {position: absolute;bottom: 0;right: 10%;width: 30vw;object-fit: contain;}
.main .first .dynamic {position: absolute;bottom: 40%;right: 40%;z-index: -1;animation: dynamic 7s ease-in-out infinite;width: 10vw;object-fit: contain;}
.main .first .dynamic.two{right: 0;}
.main .mission{padding: 100px 0;border-bottom: 1px solid black;}
.main .mission .grid{grid-template-columns: 0.6fr 1fr;gap: 30px;}
.main .mission .item .inner{padding: 20px;gap: 20px;border: 1px solid black;border-right: none;border-radius: 30px 0px 0px 30px;width: 80%;}
.main .mission .item.green{background: url('img/dna-back-1.jpg');background-position: top center;background-repeat: no-repeat;background-size: cover;text-align: center;border-radius: 30px}
.main .mission .item.green .inner{height: 100%;padding: 60px 20px;border: none;width: 100%;border-radius: 0;}
.main .mission .item.green .inner .button{margin-top: auto;background: #80A775CC;color: black;}
.main .mission .item.green .inner .button:hover{background: #68885fcc}
.main .mission .item .item-row{background: #f2f2f2;height: 100%;width: 20%;padding: 10px;display: flex;align-items: center;justify-content: center;border-radius: 0 30px 30px 0;}
.main .mission .grid .item-wrapper{gap: 20px;}
.main .mission .item .icon{border-radius: 50%;width: 50px;height: 50px;background: #96BB8C;color: #fff;flex-shrink: 0;transition: 250ms;}
.main .mission .item .icon svg{width: 20px;height: 20px;}
.main .mission .item .icon:hover{transform: translateX(8px);}
.main .mission .item .link:hover{color: black;}

.main .help{padding: 100px 0;border-bottom: 1px solid black;border-top: 1px solid black;}
.main .help .icon{border-radius: 50%;width: 50px;height: 50px;background: #96BB8C;color: #fff;flex-shrink: 0;transition: 250ms;}
.main .help  .icon svg{width: 20px;height: 20px;}
.main .help  .icon:hover{transform: translateX(8px);}
.main .help  .link:hover{color: black;}
.main .help .help-header{margin-bottom: 40px;}
.main .help .help-header h1{margin: 0;}
.main .help .link{gap: 20px;}
.main .help .item{margin-bottom: 20px;}
.main .help .item:last-child{margin-bottom: 0;}
.main .help .item img{height: 100%;object-fit: cover;}
.main .help .grid{grid-template-columns: 0.5fr 1fr;gap: 20px;}
.main .help .grid.invert{grid-template-columns: 1fr 0.5fr;}
.main .help .wrapper{position: relative;}
.main .help .wrapper .banner{position: absolute;left: 0;top: 50%;transform: translateY(-50%);padding: 54px 40px;background-color: #97BC8DCC;max-width: 510px;}
.main .help .wrapper .banner .h3-like{margin: 0;}

.main .stats{padding: 100px 0;overflow: hidden;position: relative;}
.main .stats .item{gap: 30px;padding: 100px 0;}
.main .stats .item .h2-like{margin: 0;}
.main .stats .num{font-size: 200px;font-weight: 900;margin-left: auto;margin-right: 0;}
.main  .icon{border-radius: 50%;width: 50px;height: 50px;background: #96BB8C;color: #fff;flex-shrink: 0;transition: 250ms;}
.main  .icon svg{width: 20px;height: 20px;}
.main  .icon:hover{transform: translateX(8px);}
.main  .link:hover{color: black;}
.main  .help-header{margin-bottom: 40px;}
.main  .help-header h1{margin: 0;}
.main .stats .link{gap: 20px;}
.main .stats .grid{grid-template-columns: 1fr 1fr;gap: 30px;align-items: center;}
.main .stats .item.green{position: relative;}
.main .stats .item.green div{position: relative;z-index: 1;}
.main .stats .item.green::before{background: linear-gradient(270deg, rgba(150, 187, 140, 0) -24.26%, #96BB8C 78.65%);content: '';width: 140%;position: absolute;left: -20%;top: 0;height: 100%;z-index: 0;}
.main .stats .dynamic {position: absolute;top: 15%;right: 5%;z-index: -1;animation: dynamic 7s ease-in-out infinite;width: 10vw;object-fit: contain;}
.text-center{text-align: center;}
.main .stats .item:last-child{padding-bottom: 0;}
.main .news{padding: 100px 0;border-top: 1px solid black;}
.main .news .help-header .link{gap: 20px;}
.main .news .grid{grid-template-columns: repeat(3, 1fr);gap: 30px;background: url('img/big-molecule-s.jpg') center center/contain no-repeat;}
.main .news .grid .item .inner{justify-content: center;height: 100%;backdrop-filter: blur(5px);background: rgba(251, 251, 251, 0.8);height: 500px;}
.main .news .grid .item .inner img{max-width: 150px;}
.main .news .grid .item .button{width: 100%;max-width: none;margin-top: 10px;}
.main .friends .help-header .link{gap: 20px;}
.main .friends .grid{grid-template-columns: 1fr 1fr;gap: 60px;}
.main .friends .grid .item{gap: 30px;}
.main .friends .grid .item img{width: 260px;}
.main .friends{padding: 100px 0;border-top: 1px solid black;}

@keyframes dynamic {
  0% {transform: translateY(0)}
  50% {transform: translateY(30px)}
  100% {transform: translateY(0)}
}

/* FIRST */

/* FOOTER */
footer {background: #72869d; padding: 80px 0; border-top: 5px solid #96BB8C; color: #fff; font-size: 18px}
footer .logo img {width: 100px}
footer .copyright {font-size: 12px; margin-top: 10px; text-align: center}
footer .grid {grid-template-columns: max-content repeat(3,auto); gap: 80px; display: grid}
footer ul {display: flex; flex-direction: column; gap: 5px}
footer .title {margin-bottom: 20px}
footer a:hover {color: #96BB8C}
/* FOOTER */

@media screen and (max-width: 1919px) {
h1, .h1-like {font-size: 50px}
h2, .h2-like {font-size: 28px}
h3, .h3-like {font-size: 22px}
.max {max-width: 1300px}
main {padding-top: 80px}
.documents {margin-top: 80px; padding: 80px 0}
.social-media {margin-top: 80px; padding: 80px 0}
footer {padding: 60px 0}
header .logo img, footer .logo img {width: 70px}
body{font-size: 18px;}
.about-page .faces .inner .grid .item img{width: 180px;height: 180px;}
.about-page .faces .inner .grid{gap: 30px;}
.about-page .friends .grid .flex .logo{max-width: 150px;}
.about-page .friends .grid .cell-left-bottom{padding-left: 290px;width: calc(100% + 290px);margin-left: -290px;;}
.about-page .friends .grid .flex.logo-wrapper.cell-right-bottom{padding-right: 290px;width: calc(100% + 290px);margin-right: -290px;;}

}
@media screen and (max-width: 1199px){
  .main .mission .item .inner img{width: 20%;}
  .main .mission .item .item-row{width: 25%;}
  .about-page .friends {padding: 100px 0;}
  .about-page .friends .grid .cell-left-bottom{border: none;}
  .about-page .friends .grid .item-wrapper{padding: 0;grid-template-columns: 1fr 1fr;gap: 30px;width: auto;margin-left: 0;}
  .about-page .friends .grid .cell-top-left{padding: 0;}
  .about-page .friends .grid .cell-right-bottom{border: none;}
  .about-page .friends .grid .flex.logo-wrapper{padding: 0;}
  .about-page .friends .grid .cell-top-right{padding: 0;}
  .about-page .friends .grid .cell-right{border: none;}
  .about-page .friends .grid{grid-template-columns: 100%;gap: 60px;}
  .about-page .friends .grid .flex.logo-wrapper{justify-content: start;}
  .about-page .friends .grid .flex .logo{max-width: 200px;}
  .about-page .friends .inner .h2-like{padding: 0;margin-bottom: 60px;}
  .endaument-page .how .grid{column-gap: 20px;}
  .endaument-page .how .grid .item.flex{gap: 10px;}
  .about-page .friends .grid .flex.logo-wrapper.cell-right-bottom{border: none;width: auto;padding: 0;margin: 0;}
}


@media screen and (max-width: 1023px) {
  .main .mission .grid{grid-template-columns: 100%;}
  header .menu{gap: 30px;}
  header .logo{font-size: 30px;}
  header .logo img, footer .logo img{width: 60px;}
  body{font-size: 16px;}
  footer .grid{gap: 40px;}
     .documents{padding-bottom: 60px;margin-top: 60px;}
  .to-fond {margin-top: 60px;padding: 60px 0;}
    .our-projects .grid{gap: 20px;}
main {padding-top: 60px}
main.single{padding-bottom: 60px;}
.social-media {margin: 60px 0; padding: 60px 0}
.about-page .support{padding: 100px 0;}
.our-projects .items-grid{gap: 20px;}
.about-page .first .inner{padding: 0;}
.about-page .first .static{position: static;margin-left: auto;margin-right: 0;margin-top: 30px;}
.about-page .first .dynamic-heart{top: auto;bottom: 70px;}
h1, .h1-like {font-size: 40px}
h2, .h2-like {font-size: 24px}
h3, .h3-like {font-size: 20px}
.about-page .faces .inner .grid{grid-template-columns: 100%;}
.about-page .support .gradient{display: none;}
.about-page .support .item:nth-child(2){padding-right: 20px;}
.about-page .support .item:nth-child(1){padding-left: 20px;}
.about-page .charity .grid .item{gap: 30px;}
.endaument-page .how .grid .item .item-img{display: none;}
.endaument-page .how .grid .item .text .num{display: block;margin-bottom: 10px;width: 60px;height: 60px;border-radius: 100%;}
.endaument-page .how .grid{grid-template-columns: 100%;row-gap: 30px;}
.endaument-page .how .grid .item:nth-child(3){grid-row-start: 1;}
.endaument-page .how .grid .item:nth-child(3) .item-img.full{display: block;}
.endaument-page .how .grid .item.flex{flex-direction: column;gap: 10px;align-items: start;}
.endaument-page .how .grid .item h3 br{display: none;}
.endaument-page .first .inner{padding: 0;}
.endaument-page .first .static{position: static;margin-left: auto; margin-right: 0;margin-top: 30px;}
.main .first .inner{padding: 0;}
.main .first .static {position: static;margin-left: auto;margin-right: 0;margin-top: 30px;}
}
@media screen and (max-width: 767px) {
   .about-page .friends {padding: 60px 0;}
  .endaument-page .how .grid .item .text .num{width: 50px;height: 50px;}
  .endaument-page .about{padding: 60px 0;}
  .endaument-page .about{padding: 60px 0;}
  .endaument-page .how{padding: 60px 0;}
  .endaument-page .about h3 .num{width: 70px;height: 70px;font-size: 40px;}
  .endaument-page .about .img{width: 100px;margin-left: auto;margin-right: 0;}
  .endaument-page .about .grid{grid-template-columns: 100%;row-gap: 30px;}
  .link.button{width: 100%;}
  .about-page .description{padding: 60px 0;}
  .about-page .support{padding: 60px 0;}
  .about-page .friends{padding: 60px 0;}
  .about-page .faces .inner .grid .item{flex-direction: column;}
  .about-page .charity .grid .item{padding: 20px;gap: 15px;}
  .about-page .charity .grid .item .img{width: 90px;}
  .about-page .faces{padding: 60px 0;}
  .about-page .charity{padding: 60px 0;}
  .about-page .description .flex{flex-direction: column;align-items: flex-start;justify-content: start;}
  .about-page .description .flex img{width: 100%;}
  .about-page .friends .grid .flex .logo{max-width: none;width: 100%;}
  .about-page .friends .grid .flex.logo-wrapper{flex-wrap: nowrap;display: grid;grid-template-columns: repeat(3, 1fr);}
  .about-page .friends .grid .item-wrapper{grid-template-columns: 100%;}
  .about-page .charity .grid{grid-template-columns: 100%;gap: 15px;}
  .about-page .support .item.grid{grid-template-columns: 100%;}
  .about-page .support .item:nth-child(2){padding-right: 0;}
.about-page .support .item:nth-child(2) .content{padding-left: 20px;}
.our-projects .items-grid{grid-template-columns: 100%;}
.button{width: 100%;}
body {font-size: 18px}
.mobile-show {display: block !important}
.mobile-hide {display: none !important}
.documents .grid{grid-template-columns: 100%;}
header .logo {font-size: 20px}
header .logo img, footer .logo img {width: 50px}
header .menu {position: fixed; top: 0; left: 0; background: #fff; transform-origin: 0 0; width: 100%; transform: scaleY(0); transition: 250ms; z-index: 2000; height: 100vh; display: block; padding: 20px}
header .menu.active {transform: scaleY(1)}
header .menu li {width: 100%}
header .menu ul {position: static; transform: unset; background: unset; color: inherit}
.single .grid {grid-template-columns: 100%}
.our-projects .categories-grid .item .text{height: 100%;display: flex;flex-direction: column;}
.our-projects .categories-grid .item .icon{margin-top: auto;}
.our-projects .categories-grid{grid-template-columns: 100%;}
.social-media {margin: 60px 0; padding: 60px 0}
h1{font-size: 30px;}
h2{font-size: 1.5rem;}
.our-projects .categories-grid .item .title{font-size: 18px;}
.our-projects .categories-grid .item .text{padding: 15px;}
.social-media .grid .item .title{font-size: 18px;}
.social-media .grid .item{padding: 15px;}
footer .grid {grid-template-columns: 100%;gap: 30px;}
.list .item{padding: 20px;gap: 20px;flex-direction: column;align-items: flex-start;justify-content: flex-start;}

.button{font-size: 16px;width: calc(100% - 40px);height: 50px;margin: 0;}
.buttons-block .button{max-width: none;width: calc(100% - 80px);}
footer{font-size: 16px;}
.list .grid .item .sub-title{margin-top: 5px;}
.content{font-size: 16px;}
h1{margin-bottom: 30px;}
}