:root {
    --blue: #25408f;
    --grey: #898989;
    --border-radius: 15px;
    --h3-grey: #3f3f3f;
    --grey-text: #716f6f;
}


/*-------доступність---------------*/
.sr-only { position: absolute;  width: 1px;  height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border-width: 0;}
.skip-link { position: absolute; top: -40px; left: 0;  background: #e74c3c;  color: white;  padding: 8px 16px; text-decoration: none; z-index: 10000; border-radius: 0 0 4px 0; white-space: nowrap}
.skip-link:focus { top: 0;}
body.accessibility-mode *:focus-visible { outline: 3px solid #e74c3c; outline-offset: 2px;}

body.accessibility-mode { background-color: #fff !important; color: #000 !important; font-size: 120% !important; font-family: Arial, sans-serif !important;}
body.accessibility-mode a { text-decoration: underline !important; }
body.accessibility-mode * {transition: none !important;  animation: none !important;}
body.accessibility-mode a:focus,
body.accessibility-mode button:focus {outline: 3px solid #ff0 !important; outline-offset: 2px;}
body.accessibility-mode p,
body.accessibility-mode li {line-height: 1.6 !important; letter-spacing: 0.05em !important;}




/* region Basic styles */
.wrapper { width: 100%; max-width: 1640px; min-width: 375px;  box-sizing: border-box; margin: 0 auto; position: relative; padding: 0 40px; }

.containerContent { padding: 0; overflow: hidden; position: relative;  }
.container-page { min-width: 440px; box-sizing: border-box;  z-index: -5; overflow: hidden;}
.container-page.scroll-lock { height: 100vh; overflow: hidden; }
.containerTitle { font-size: 40px; font-weight: 200; padding-bottom: 7px;  border-bottom: 1px solid #e1e1e1; position: relative; display: block; text-decoration: none; margin-bottom: 34px;}
.containerTitle a { font-size: 45px; font-weight: 800; color: #000; position: relative; display: block; text-decoration: none; }
ul li { padding-block: 10px;}
ul li::marker { color: var(--red-color);}
.imgRight { float: right; max-width: 50%; padding: 0 0 40px 40px; position: relative; z-index: 4; object-fit: contain; }
.imgRight img { width: 100%; }
.imgLeft { float: left; padding: 0 40px 40px 0; object-fit: contain; max-width: 50%;}
.imgLeft img { width: 100%; }
.contactsSocial { display: flex; gap: 10px;}
.main-title {    font-size: 70px; font-weight: 400; letter-spacing: 1px; line-height: 120%; margin: 20px 0;}
.main-title  span {    font-weight: 600; }
.view__content h2 {margin-top: 20px;line-height: 120%;}
.view__content h3 {margin-top: 20px;line-height: 120%;}

/*----------------------*/
#preloader { position: absolute;  /*top: calc(50% - 1.25em);  left: calc(50% - 1.25em);*/ top: 0; left: 0; background-color: #ffffffa3;  width: 100%;  height: 100%;  display: flex; justify-content: center; align-items: center;}
#loader {  position: relative;  width: 2.5em;  height: 2.5em;  transform: rotate(165deg);}
#loader:before, #loader:after {  content: ""; position: absolute;  top: 50%; left: 50%; display: block;  width: 0.5em;  height: 0.5em; border-radius: 0.25em; transform: translate(-50%, -50%);}
#loader:before { animation: before 2s infinite;}
#loader:after {animation: after 2s infinite;}

@keyframes before {
    0% {width: 0.5em;box-shadow: 1em -0.5em var(--blue), -1em 0.5em var(--blue); }
    35% {width: 2.5em; box-shadow: 0 -0.5em var(--blue), 0 0.5em var(--blue); }
    70% {width: 0.5em; box-shadow: -1em -0.5em var(--blue), 1em 0.5em var(--blue); }
    100% {box-shadow: 1em -0.5em var(--blue), -1em 0.5em var(--blue); }
}
@keyframes after {
    0% {height: 0.5em; box-shadow: 0.5em 1em var(--blue), -0.5em -1em var(--blue); }
    35% {height: 2.5em; box-shadow: 0.5em 0 var(--blue), -0.5em 0 var(--blue); }
    70% {height: 0.5em;  box-shadow: 0.5em -1em var(--blue), -0.5em 1em var(--blue); }
    100% {box-shadow: 0.5em 1em var(--blue), -0.5em -1em var(--blue); }
}
/*----------------------*/

.btn {display: inline-block; padding: 30px; font-size: 23px;  border-radius:var(--border-radius); background-color: transparent; line-height: 108%; text-align: center;}
.btn--black {background-color: #000; color: #fff; border: 1px #fff solid; }
.btn--black:hover {background-color: var(--blue); color: #fff;}
.btn--white {background-color: #fff; color: #000; border: 1px #000 solid; }
.btn--white:hover {background-color: var(--blue); color: #fff;}
.btn--donate {background-color: var(--blue); color: #fff; position: fixed; bottom: 104px; right: 60px;letter-spacing: 2px; padding: 19px; font-size: 40px; border: 1px solid #fff; z-index: 1000;}
.btn--donate img {  object-fit: contain;}
.btn--pulse { animation: pulse2 1.5s ease-out infinite;}
.btn--small { font-size: 15px; padding: 15px; margin-top: auto;  height: 15px;}
/*----------------------*/



.shadow {position: relative}
.shadow:before {content: ''; display: block;  position: absolute; top: 15px; left: -15px; width: 100%;  height: 100%;  background-color: #e5e9f2;    z-index: -1;}
.shadow:hover:before {background-color: #d0d5e1;}



@keyframes pulse2 {
    0% {box-shadow: 0 0 0 0 rgba(183, 183, 183, 0.5); }
    80% { box-shadow: 0 0 0 24px rgba(37, 211, 102, 0);}
}


.view {box-sizing:border-box; padding:120px 0; min-height:100vh;}
.view__content .wrapper {display: flex; flex-direction: row; gap: 20px;}
.view__title {border-bottom:1px solid #ededed; margin-bottom:13px; margin-top:26px;}
.view__title h1 {padding-bottom:5px; font-size:40px; font-weight:800; color:#000; letter-spacing:0.05em;}
.view__title a {font-size:45px; color:#000;}
.view__breadcrumbs a {font-size:13px;color:#999;text-transform:uppercase;}
.view__content {padding:35px 0 0 0;min-height:50vh;}
.view__sidebar {padding-top:5px;position:relative; width: 300px;}
.view__main {     width: calc(100% - 320px);}
.view__main img {max-width:100%;}
.view__presentation {width: 100%}




/*----------------------*/
.header { padding: 0 40px; width: 100%; min-width: 375px; height: 114px; border-bottom: 1px solid #6c6c6c; display: flex; justify-content: space-between; align-items: center; box-sizing: border-box; color: #fff; position: absolute; top: 0; z-index: 100;}
.header--black { background-color: #000;}
.header a { color: #fff; text-decoration: none;}
.header__left { display: flex;  align-items: center;  gap: 50px;}
.header__logo { display: block;  width: 130px;  height: 60px;}
.header__logo img { width: 100%; height: 100%; object-fit: contain;}
.header__menu { text-align: center;}
.header__menu ul {  margin: 0; display: flex; gap: 30px;}
.header__menu li { position: relative;  display: inline-block;  font-size: 16px;  font-weight: 300;}
.header__menu a { font-size: 17px; white-space: nowrap;}
.header__social { display: flex;  gap: 5px;}
.header__social a { width: 30px; height: 30px;}
.header__social img { width: 100%; object-fit: contain; opacity: 0.4; transition: opacity 0.3s;}
.header__social a:hover img { opacity: 1;}
.header__search { margin-left: 20px; position: relative; border: none; background: inherit;}
.header__search-icon { width: 20px; cursor: pointer; filter: invert(1); border: none; opacity: 0.6;}
.header__search-icon img { width: 100%;  object-fit: contain;}
.header__search-form { display: none;  position: absolute;  top: -50%; right: 120%; }
.header__search input { padding: 10px 20px;  min-width: 200px; font-size: 14px;}
.header__search-button { position: absolute; border: none; right: 20px; top: 50%; transform: translateY(-50%); cursor: pointer; background: transparent;}
.header__languages { padding-right: 10px;}
.header__languages-list { list-style: none; margin: 0; padding: 0; display: flex;}
.header__languages li a { color: #ccc;}
.header__languages a {display: inline-block; padding: 0 8px; font-size: 13px; text-transform: uppercase; background: transparent;}
.header__languages li.current a {color: #fff;}
.header__adapt { width: 25px; cursor: pointer; border: none; background: inherit; opacity: 0.4;}
.header__adapt img { width: 100%;  object-fit: contain;}
.header__burger { display: none; width: 62px; padding: 18px 13px; text-align: left; cursor: pointer;  box-sizing: border-box; flex-direction: column; opacity: 0.6; background-color: transparent; border: none;}
.header__burger-line { width: 100%; height: 4px; background: #fff; border-radius: 50px; transition: width 300ms;}
.header__burger-line:not(:last-child) { margin-bottom: 7px;}
.header__burger-line--short {width: 65%;}
.header__burger:hover .header__burger-line--short { width: 100%;}
.header__right { display: flex; align-items: center; padding-right: 20px; gap: 30px; }

body.accessibility-mode .header__adapt {opacity: 1;}



/*----------------------*/
.about-main { display: flex; flex-direction: row;  }
.about-main__left .about-main__blue {position: absolute; top: 0; right: 0; width: 100%; height: 52px; background-color: var(--blue)}
.about-main__left .about-main__black {position: absolute; top: 52px; right: 0; width: 100%; height: 63px; background-color: #000;}
.about-main__left {width: 230px; position: relative; padding: 60px 40px 40px;  display: flex;flex-direction: column;  align-items: center; gap: 16px;}
.about-main__left .btn--black {padding: 30px 57px; }
.about-main__left .btn--black:nth-child(7) {padding: 18px 67px;}
.about-main__center {padding: 40px 40px;}
.about-main__right {width: 605px; position: relative; flex-shrink: 0; padding: 40px;}
.about-main__right .about-main__top img {width: 100%; object-fit: contain; overflow: hidden; border-radius: var(--border-radius);}
.about-main__center .about-main__top.mobile { display: none; position: relative;}
.about-main__right .about-main__top {  position: relative;}
.about-main__right .about-main__top:before {content: ''; display: block; position: absolute; top: 15px; left: -15px; width: 100%; height: 100%; background-color: #e5e9f2;  border-radius: var(--border-radius); z-index: -1}
.about-main__right .about-main__bottom {display: flex; flex-wrap: wrap; gap: 16px;}
.about-main__right .about-main__bottom a {width: 230px; display: flex; justify-content: center; align-items: center; padding: 18px 30px; text-align: center;}
.about-main__right .about-main__title {font-size: 33px; font-weight: 400; margin-top: 70px;  }


.statistic {background-color: var(--blue);}
.statistic__item {color: #fff; font-weight: 400; }
.statistic__number {font-size: 120px;  margin-bottom: 55px; line-height: 100%;text-align: center}
.statistic__subtitle {font-size: 17px; line-height: 25px; ;  }
.statistic__tabs {  left: 50%;  transform: translateX(-50%);  position: relative;   background: var(--blue);  padding: 50px 40px 140px;  border-radius: 5px;  min-width: 240px;}
.statistic__tabs input[name=tab-control] { display: none;}
.statistic__tabs ul li label { font-weight: bold; font-size: 18px;  color: #428bff;}
.statistic__tabs ul { list-style-type: none;  padding-left: 0;  display: flex;  flex-direction: row;  margin-bottom: 10px; justify-content: flex-start;  align-items: flex-end;  flex-wrap: wrap;  gap: 90px;}
.statistic__tabs ul li { box-sizing: border-box; padding: 0 10px;  text-align: center;}
.statistic__tabs ul li label { line-height: 100%;  font-weight: 400; font-size: 55px;  transition: all 0.3s ease-in-out; color: #808bb5;  overflow: hidden;   display: block; cursor: pointer;  white-space: nowrap;   border-bottom: 2px solid #808bb5;}
.statistic__tabs ul li label:hover, .statistic__tabs ul li label:focus, .statistic__tabs ul li label:active {border-bottom: unset;}
.statistic__content { margin-top: 0; position: relative;}
.statistic__panel {display: none; flex-direction: row; justify-content: space-between; animation: content 0.3s ease-in-out 1 normal; padding-top: 70px;     gap: 10px; }
.statistic__tabs input[name=tab-control]:nth-of-type(1):checked ~ ul > li:nth-child(1) > label,
.statistic__tabs input[name=tab-control]:nth-of-type(2):checked ~ ul > li:nth-child(2) > label,
.statistic__tabs input[name=tab-control]:nth-of-type(3):checked ~ ul > li:nth-child(3) > label,
.statistic__tabs input[name=tab-control]:nth-of-type(4):checked ~ ul > li:nth-child(4) > label { cursor: default; border-bottom: unset; color: #fff;}
.statistic__tabs input[name=tab-control]:nth-of-type(1):checked ~ .statistic__content > .statistic__panel:nth-child(1),
.statistic__tabs input[name=tab-control]:nth-of-type(2):checked ~ .statistic__content > .statistic__panel:nth-child(2),
.statistic__tabs input[name=tab-control]:nth-of-type(3):checked ~ .statistic__content > .statistic__panel:nth-child(3),
.statistic__tabs input[name=tab-control]:nth-of-type(4):checked ~ .statistic__content > .statistic__panel:nth-child(4) { display: flex;}
.statistic__intro { color: #fff; font-size: 25px; margin-top: 50px; line-height: 130%;     animation: content 0.3s ease-in-out 1 normal;}

@-webkit-keyframes content {
    from {opacity: 0; transform: translateY(5%); }
    to {  opacity: 1; transform: translateY(0%); }
}

.banners {height: 890px; position: relative; overflow: hidden;}
.banners__content { height: 100%; background-color: #000; }
.banners__hero {position: absolute; top: 0; right: 0;}
.banners__bottom-blue {position: absolute; bottom: 0; right: 0; height: 52px; width: 689px; background-color: var(--blue); opacity: 0.4; z-index: 10;}
.banners__triangle {position: absolute; bottom: 0; left: 180px; animation: scanVertical 5s linear infinite; }
.banners__text {position: absolute; top:415px; left: 300px; color: #fff;}
.banners__subtitle {font-size: 20px; }
.banners__title {font-size: 75px;color: #fff; font-weight: 200; line-height: 105%; margin: 40px 0;}
.banners__buttons {display: flex; flex-direction: row; gap:30px;}
.banners__buttons.mobile {display: none}

@keyframes scanVertical {
    0% { transform:  scale(100%); }
    50% { transform:  scale(150%)translateY(10%); }
    100% {transform: scaleY(100%);}
}





.title-animation { display: block;}
.mask { overflow: hidden;  display: block;}
.line-inner { display: inline-block; transform: translateY(100%);  opacity: 0;}
/*----------------------*/

.fundraiser-main {padding: 60px }
.fundraiser-main__wrapper { /*display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px;*/ display: block; }
.fundraiser-main__element { display: flex; flex-direction: column; gap: 30px;   padding: 30px;  text-align: center; max-width: 350px;}
.fundraiser-main__text {align-items: flex-start; }
.fundraiser-main__title { text-transform: uppercase;  margin-bottom: 10px; text-align: left; }
.fundraiser-main__title a { color: #000; font-weight: 400; font-size: 24px; }
.fundraiser-main__img { position: relative; width: 100%; flex-shrink: 0; overflow: hidden; border-radius: var(--border-radius); }
.fundraiser-main__text { flex-grow: 1; display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between; gap: 30px; margin-top: 30px; }
.fundraiser-main__target {font-size: 20px;}
.fundraiser-main__target span {color: #cc0000;}
.fundraiser-main .btn--white  {padding: 10px 90px 10px 15px; text-align: left; }
.fundraiser-main .slick-prev, .fundraiser-main .slick-next {filter: invert(1);}



.donate-card__wrapper {  margin: 0 auto; letter-spacing: 0.05em;}
.donate-card__wrapper p {font-weight: 300; color: var(--grey-text); font-size: 14px;}
.donate-card__wrapper h3 {  color: var(--h3-grey); font-size: 20px;     margin: 52px 0 23px; text-align: left;    letter-spacing: 0.05em;}
.donate-card { display: flex; flex-direction: row; justify-content: flex-start; gap: 100px;  padding: 100px; border: 1px solid #ecececb8;  border-radius: var(--border-radius); }
.donate-card__image { position: relative; flex-shrink: 0; overflow: hidden; max-width: 360px; width: 27%; }
.donate-card__hover-link { opacity: 0; display: flex; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #25408F; justify-content: center; align-items: center; flex-direction: column;  font-size: 30px;  color: #fff;  gap: 25px; font-weight: 600; transition: opacity 300ms; }
.donate-card__image:hover .donate-card__hover-link { opacity: 1; text-decoration: none;}
.donate-card__img { width: 100%; height: 100%; object-fit: cover; }
.donate-card__content { display: flex; flex-direction: column;  padding: 0 0 0 20px; justify-content: flex-start;     width: 100%;}
.donate-card  .donate-card__title { line-height: 110%;  margin-top: 0; text-transform: uppercase; letter-spacing: 0.05em;}
.donate-card  .donate-card__subtitle {margin: 0 0 15px 0; color: var(--h3-grey);}
.donate-card  .donate-card__subtitle span { color: #8e8e8e; font-size: 18px; font-weight: 600; }
.donate-card__content h3 {line-height: 120%;}
.donate-card__collected {font-weight: 200; color: var(--h3-grey); margin-top: 15px;}
.news--button--alarm { font-size: 14px; margin: 60px 0 10px;}
.donate-card__goal {margin: 10px 0 0 0;}
.donate-card__alarm {font-size: 14px; margin: 40px 0 10px;}



.gallery__slider  .slick-prev:before, .gallery__slider .slick-next:before {font-size: 40px!important;}
.gallery__slider .slick-prev {left: 10px; z-index: 10;}
.gallery__slider .slick-next {right: 25px; z-index: 10;}
.gallery__slider .gallery__element {margin-bottom: 0;}


/* ---- ---- ---- ---- ---- ---- ---- ---- */
.donate-container { width: 950px; margin: 0 auto; max-width: 100%; position: relative; }
.donate-container__content { border: 1px solid lightgray; padding: 20px 30px; overflow: hidden; margin-bottom: 50px; }
.donate-container__content h2 { color: #5d5d5d; padding: 0px 30px; line-height: 110%; }
.tab { position: relative; }
.tab__list { display: flex; margin-bottom: 24px; width: 100%; position: relative; background-color: #f2f2f2; box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); }
.tab__item { padding: 15px 30px; cursor: pointer; letter-spacing: 1px; transition: all 0.2s ease; font-size: 18px; color: #777777; overflow: hidden; text-align: center; display: flex; justify-content: center; align-items: center;     border: 1px solid #e6e6e6;}
.tab__item--active { color: #000; font-weight: bold; background-color: white; transform: scale(105%); border: 2px solid #5d5d5d; }
.tab__content { background: #ffffff; border-radius: 0 10px 10px; }
.tab__content-item { display: none; }
.tab__content-item--active { display: block;  }
.tab__subtitle { width: 100%; margin-bottom: 20px; }

.donate-form { width: 100%; display: flex; flex-direction: column; gap: 20px; }
.donate-form__buttons { display: flex; gap: 10px; justify-content: center; margin: 15px 0; }
.donate-form__buttons--wrap {flex-wrap: wrap;}
.donate-form__button-label { padding: 10px 20px; background-color: #f2f2f2; font-size: 16px; cursor: pointer; box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); transition: background-color 0.3s, box-shadow 0.3s; border: 2px solid transparent; display: flex; }
.donate-form__button-label:has(.donate-form__checkbox-box), .donate-form__button-label:has(.donate-form__submit) { padding: 0; background-color: #000; color: #fff;}
.donate-form__button-label input { border: unset; }
.donate-form__radio { display: none; }
.donate-form__button-label:has(.donate-form__radio:checked) { background-color: #000; color: #fff; box-shadow: 0px 4px 8px rgba(0, 123, 255, 0.4); font-size: 18px; font-weight: 600; }
.donate-form__button-label--custom { background-color: white; padding: 10px; border: 1px solid #ccc; width: 250px; }
.donate-form__input[disabled] { background-color: white; }
.donate-form__button-label:hover {  }
.donate-form__text-input { width: 30%; padding: 10px; font-size: 16px; border: 1px solid #ccc; margin: 0 auto; display: block; box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); }
.donate-form__actions { display: flex; justify-content: space-between; width: 100%; gap: 10px; }
.donate-form__actions--top { display: flex; margin-top: 20px; }
.donate-form__submit, .donate-form__link { width: 100%; padding: 15px 0; font-size: 18px; color: #fff; background-color: #000; border: none; cursor: pointer; transition: background-color 0.3s; text-align: center; text-decoration: none; display: flex; justify-content: center; align-items: center; }
.donate-form__submit:hover, .donate-form__link:hover { background-color: #21387e; box-shadow: 0 4px 8px rgba(0, 123, 255, 0.4); }
.donate-form__actions .donate-form__button-label { width: 100%; }
.donate-form__actions .donate-form__link { width: 49%; }
.donate-form__submit--requisites { max-width: 25%; }
.donate-form__actions--funds .donate-form__button-label { max-width: 50%; }
.donate-form__actions--fast .donate-form__submit { background-color: #fff; color: #000000; border: 1px solid #21387e; }
.donate-form__link--paypal { gap: 5px; text-transform: unset; line-height: 100%; position: relative; }
.donate-form__link--paypal img { object-fit: contain; }
.donate-form__textarea-wrapper { display: flex; flex-wrap: wrap; gap: 15px; margin-bottom: 20px; }
.donate-form__field { width: 45%; display: flex; }
.donate-form__field input { width: 100%;     padding: 10px; }
.donate-form__field input:focus { border-color: #25408F; box-shadow: 0 4px 8px rgba(0, 123, 255, 0.4); }
.donate-form__checkbox-wrapper { cursor: pointer; }
.donate-form__checkbox { display: none; }
.donate-form__checkbox-box {padding: 10px; }
.donate-form__checkbox-box::after { content: ''; width: 16px; height: 16px; position: absolute; top: 4px; left: 4px; background: #25408F; display: none; }
.donate-form__checkbox:checked + .donate-form__checkbox-box::after { display: block; }
.donate-form__checkbox-text { display: block; line-height: 18px; font-weight: 600; }
.donate-table__wrapper {}
.donate-table { width: 100%; border-collapse: collapse; }
.donate-table td { padding: 12px; border: 1px solid #ddd; box-sizing: border-box; }
.donate-table td[data-copy] { padding-right: 40px;}
.copy-btn { position: relative; cursor: pointer;  }
.copy-btn::after { content: ""; width: 24px; height: 24px; position: absolute; top: 12px; right: 12px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2'%3E%3Crect x='9' y='9' width='13' height='13' rx='2' ry='2'%3E%3C/rect%3E%3Cpath d='M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1'%3E%3C/path%3E%3C/svg%3E") no-repeat center; background-size: cover; transition: background 0.3s ease; cursor: pointer; }
.copy-btn--copied::after { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2325408F' stroke-width='2'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E") no-repeat center; background-size: cover; transition: background 0.3s ease; }
.copy-btn--white::after { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2'%3E%3Crect x='9' y='9' width='13' height='13' rx='2' ry='2'%3E%3C/rect%3E%3Cpath d='M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1'%3E%3C/path%3E%3C/svg%3E") no-repeat center; background-size: cover; }
.copy-btn--white.copy-btn--copied::after { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E") no-repeat center; background-size: cover; }
.info-box { padding: 20px; background: #fafafa; margin-top: 20px; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); }
.info-box__text { margin-bottom: 10px; }
.info-box__text--small { font-size: 12px; }



/*---------------------------------------------------*/
.articles {position: relative; width: 100%;}
.articles__grid { display: grid;grid-template-columns: repeat(4, minmax(0, 1fr)); margin-top: 20px; gap: 30px;}
.articles__element { box-sizing: border-box; padding: 20px; border: 1px solid #cdcdcd;}
.articles__element:hover { box-shadow: rgba(0, 0, 0, 0.19) 0 10px 20px, rgba(0, 0, 0, 0.23) 0 6px 6px;}
.articles__element:hover .articles__image img {  transform: scale(1.1); }
.articles__element .articles__content { display: grid; height: 100%; }
.articles__element .articles__content .articles__bottom { align-self: end; }
.articles__image {width: 100%; height: 200px; margin-bottom: 20px; overflow: hidden; margin-inline-start: 0; margin-inline-end: 0; margin-block-start: 0; margin-block-end: 0;}
.articles__image img { width: 100%; height: 100%; object-fit: cover; transform: scale(1);transition: transform 300ms;}
.articles .articles__title { font-size: 18px; font-weight: 700; margin-bottom: 10px;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;color: #000; line-height: 110%;min-height: 60px;}
.articles .articles__title a { color: #000;}
.articles .articles__intro { align-self: baseline; font-size: 14px; margin-bottom: 10px; overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;color: #000; }
.articles .articles__intro a { color: #000; }
.articles.manuals  .articles__intro { display: block; }
.articles .articles__date {color: #999; font-size: 12px; }
.articles__more img { margin-left: 10px; position: relative; top: 7px; width: 38px; height: 8px; }
.articles .articles__more a { color: #000;}
.articles.manuals .articles__content { display: flex; flex-direction: column;}
.articles .articles__present {display: flex; flex-direction: column; gap: 10px; }
.articles__element .articles__date.line-height {line-height: 23px;}
.articles__issue { margin-block-start: 0; margin-block-end: 0;}
/*---------------------------------------------------*/




.projects--list .projects__grid { display: grid;  grid-template-columns: repeat(2, 1fr);  gap: 50px;}
.projects--list .projects__item { position: relative; background-color: #fff;  box-sizing: border-box;  padding: 20px;  border: 1px solid #cdcdcd;  }
.projects--list .projects__content { display: flex; height: 100%; gap: 40px;     overflow: hidden;}
.projects--list .projects__image { margin-bottom: 0; overflow: clip; aspect-ratio: 1 / 1; height: 300px;}
.projects--list .projects__image img {    width: 100%; height: 100%; object-fit: cover; transform: scale(1); transition: transform 300ms;}
.projects--list .projects__title { font-size: 27px;}
.projects--list .projects__text { display: flex; flex-direction: column; justify-content: center;}
.projects--list .projects__intro { display: block;}
.projects--list .projects__item:hover .projects__image img { transform: unset;}



.articles-list__element {width: 100%; display: inline-block; margin-bottom: 30px; padding: 20px; box-sizing: border-box;  border: 1px solid #ddd; transition: all 300ms; background-color: #fff; }
.articles-list__short-info {font-size: 20px; line-height: 28px; color: #000; margin-bottom: 30px; }
.articles-list__element a { cursor: pointer; text-decoration: none; }
.articles-list__content { gap: 30px; display: flex; color: #5d5d5d; }
.articles-list__image { flex-shrink: 0; width: 300px; height: 250px; overflow: hidden; }
.articles-list__image img { width: 100%; height: 100%; object-fit: cover; }
.articles-list__present { padding-top: 30px; }
.articles-list__present h3 { line-height: 25px; font-size: 24px; font-weight: 700; padding-bottom: 5px;}
.articles-list__present span { color: #999; font-size: 14px; }
.articles-list__intro p { overflow: hidden;   }
.articles-list__hidden { display: none; color: inherit; font-size: inherit;    }
.articles-list__hidden p:nth-child(1){    margin-block-start: 0;}
.articles-list__hidden p, .containerProject--element--hidden ul li {  color: inherit; font-size: inherit; }
.articles-list .gallery__slider {  width: 100%;   box-sizing: border-box;}
.articles-list__toggle-btn span {font-size: inherit; }
.articles-list__intro.expanded p { display: block; -webkit-line-clamp: unset;   max-height: 1000px; transition: all 2s ease; }
.articles-list__toggle-btn { color: #999; font-size: 14px;  border: none; background: transparent;  cursor: pointer;     margin: 1em 0;}
.articles-list__toggle-btn::after { color: #999; cursor: pointer;content: '>'; display: inline-block; margin-left: 0.2em; transition: transform 0.5s ease; transform: rotateZ(90deg); }
.articles-list__toggle-btn.active::after { color: #999; cursor: pointer; transform: rotate(-90deg); transition: transform 0.5s ease;}




.progress { width: 100%; }
.progress__bar { background: #eee;  overflow: hidden; height: 30px; position: relative;  box-shadow: 1px 1px 3px 0 rgba(163, 155, 163, 1);}
.progress__fill { background: var(--blue); color: #fff; text-align: center; font-size: 12px; line-height: 20px;    transition: width 1s ease-out; position: absolute;  padding-left: 20px;  font-weight: 600;  display: flex; justify-content: center;  align-items: center;     height: 100%; }


.donate-buttons {display: flex;  width: 100%; align-items: center; justify-content: center; gap: 10px; margin: 30px 0 0 0;}
.donate-buttons__list {display: flex; align-items: center; justify-content: center; margin: 30px 0; flex-direction: row; width: 100%; gap: 20px;}
.donate-buttons__item {width: 100%; max-width: 400px;}
.donate-buttons a { background-color: black; color: white; display: flex; justify-content: center; align-items: center; gap: 10px; font-size: 15px; text-transform: none; cursor: pointer; padding: 10px 10px;}


.fundraiser__card { display: flex; flex-direction: row; justify-content: flex-start; gap: 100px; padding: 40px; border: 1px solid #cdcdcd; background-color: #fff;  }
.fundraiser__card--active {}
.fundraiser__img{ position: relative; flex-shrink: 0; overflow: hidden; max-width: 360px; width: 27%; cursor: pointer; }
.fundraiser__img img { width: 100%; height: 100%; object-fit: cover; }
.fundraiser__content { display: flex; flex-direction: column; padding: 0 0 0 20px; justify-content: center; max-width: 700px; }
.fundraiser__title { line-height: 110%; margin-top: 0; text-transform: uppercase; letter-spacing: 0.05em; }
.fundraiser__subtitle { margin: 0 0 15px 0; color: #3f3f3f; }
.fundraiser__subtitle--red { margin: 0 0 15px 0;  color: #990000; }
.fundraiser__target span { color: #8e8e8e; font-size: 18px; font-weight: 600; }
.fundraiser__target { margin: unset; font-size: 22px; line-height: 110%; font-weight: 500; }
.fundraiser__collected { font-weight: 200; color: #3f3f3f; margin-top: 15px; }
.fundraiser__goal {margin: 10px 0 0 0;}
.fundraiser__about {font-size: 14px;margin: 60px 0 10px; }
.fundraiser__section--active { display: flex; flex-direction: column; gap: 30px; margin-bottom: 50px; }
.fundraiser__section--closed{  gap: 30px; margin-top: 30px; grid-template-columns: repeat(2, 1fr); display: grid;}
.fundraiser__card--closed {  gap: 50px; padding: 40px; border: 1px solid #ecececb8; background: linear-gradient(to right, #f0f0f0, #f8f8f8);     width: calc(100% - 100px); }
.fundraiser__card--closed .progress__fill {padding-left: 0;}
.fundraiser__card--closed .fundraiser__img { position: relative; flex-shrink: 0; overflow: hidden; max-width: 360px; width: 40%; justify-content: center; align-content: center; cursor: pointer; }
.fundraiser__main-title {margin: 30px 0;}




.values { position: relative; display: flex;  width: 100%;  }
.values__item { float: left; width: 25%; padding: 20px; box-sizing: border-box; flex-direction: column; align-items: center; display: flex; }
.values__item--half { width: 50%; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; }
.values__item--third { width: 33.333%; }
.values__item--fourty { width: 40%; }
.values__item--sixty { width: 60%; }
.values__image { max-width: 100%; margin-bottom: 10px; }
.values__image img { max-height: 400px; }
.values__image--round img { max-height: 200px; border-radius: 50%; }
.values__text { max-width: 400px; color: #000; font-size: 18px; line-height: 1.4; }
.values--wide .values__item img { width: auto; }
.values--wrap {flex-wrap: wrap;}
.values h2 {line-height: 120%;}
.values ul li {padding-block: 0; }
.values--wide:has(.values__item--fourty) { margin-top: 70px;}



.team {width: 100%; position: relative;display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px;}
.team__element {width: 100%;  box-sizing: border-box; text-align: center;display: flex; flex-direction: column; align-items: center;  border: 1px solid #cecece;}
.team__element--noborder {border: none;}
.team__img {max-width: 100%; position: relative; }
.team__img img {max-height: 400px; }
.team__img--round {border-radius: 50%; overflow: hidden; max-width: 200px; }
.team__text {   flex: 1 0 auto;   width: 100%;}
.team__name {font-size: 30px; font-weight: 600;  line-height: 105%; background-color: #000; color: #fff; padding: 20px; min-height: 60px;}
.team__name--white {color: #000; background-color: #fff;}
.team__about { padding:20px; font-size: 12px; line-height: 110%;}
.team__element--noborder  .team__about { padding: 0 20px 50px 20px; }
.team__element:hover img {}
.team__element:hover .team__name--white {color: var(--blue);}

#chartdiv { width: 100%; height: 400px;}



.zvit-block {display: flex;flex-wrap: wrap;justify-content: flex-start;gap: 30px;}
.zvit-block__item {border: solid 1px #c9c9c9;padding: 30px 20px;width: 220px;flex: 0 1 auto;overflow-wrap: anywhere;}
.zvit-block ul li {padding: 0;}
.zvit-block ul li span {color: #990000}
.zvit-block h3 {color: #000;text-align: center;line-height: 100%;}
.img-pdf {margin-right: 8px;vertical-align: bottom;padding-top: 2px;height: 22px;}
.zvit-list {column-count: 3;list-style: none;}
.zvit-list li {margin-bottom: 10px;}
.zvit-block__item--double {width: 510px;}
/*
.partner {width: 100%; display: flex; position: relative; margin-bottom: 60px; flex-wrap: wrap; }
.partner__item {width: 20%;max-height: 180px;float: left;box-sizing: border-box;padding: 25px 10px;text-align: center;}


 */

.partner { display: flex; gap: 16px; flex-wrap: wrap; justify-content: center; align-items: center; padding: 20px 0; }
.partner__item { width: 160px; height: 80px; display: flex; justify-content: center; align-items: center; overflow: hidden; transform-origin: center; }
.partner__item a { display: block; width: 100%; height: 100%; }
.partner__item img { max-width: 100%; max-height: 100%; display: block; object-fit: contain; transition: transform 200ms ease; will-change: transform, opacity; }
.partner__item--hidden { opacity: 0; transform: translateY(30px) scale(0.98); }

/*----------------------*/
.footer {padding: 118px; border-top: 1px solid #efefef; background: #333333; display: flex; flex-direction: row; gap: 200px; position: relative; margin-top: 50px; }
.footer::after { content: ''; background: url("/templates/img/man.png") no-repeat center;  position: absolute; bottom: 0; right: 0; width: 778px;  height: 654px; background-size: contain; object-fit: cover; z-index: 0;}
.footer__left, .footer__right { display: flex; flex-direction: column; color: #fff;  position: relative; z-index: 1;}
.footer__menu { list-style: none; padding: 0;  margin: 0;}
.footer__menu-item {margin-bottom: 20px;}
.footer__link { color: #fff; margin-bottom: 20px; font-size: 30px;}
.footer__copy { width: 100%; font-size: 13px; text-align: center; color: #666; margin-top: 20px;}
.footer__conf { width: 100%; font-size: 14px; text-align: center; margin-top: 50px; display: flex; justify-content: center;}
.footer__conf-link {color: #666; padding: 5px 15px; display: flex; align-items: center; gap: 5px;}
.footer__conf-link::before { content: ""; display: block; width: 10px; height: 1px; background-color: #c7c7c7; margin-right: 8px;}

.footer-menu {list-style: none; padding-inline-start: 0; margin-block-start: 0;margin-block-end: 0; }
.footer-menu li {width: 100%; padding-block: unset;     margin-bottom: 20px;}
.footer a, .footer-menu li a {color: #fff; margin-bottom: 20px; font-size: 30px;}


/* region Form styles */
.containerForm { padding: 50px; box-sizing: border-box; border: 1px solid #ddd; background: #fff; margin: 0 auto; max-width: 800px; border-radius: 20px;}
.containerForm .containerForm--title {font-weight: 800;font-size: 26px;color: var(--red-color);text-transform: uppercase;text-align: center;}
.containerForm .containerForm--content { width: calc(100% + 30px); position: relative; left: -15px; display: inline-block; }
.containerForm label.container--label--name { overflow: hidden; float: left; }
.containerForm .container--label { margin-bottom: 15px; }
.containerForm .nice-select.open .list { overflow: scroll; max-height: 250px; padding-top: 8px; }
.containerForm--block { display: flex; gap: 10px;}
.containerForm--block .container--label { width: 100%; }
.containerForm .container--label textarea {  width: 100%; border: 1px solid #efefef; border-radius: 4px; padding: 5px 15px; box-sizing: border-box; font-size: 15px; }
.containerForm .container--label.half { width: 48%; float: left;}
.containerForm .container--label.half:not(:last-child) { margin-right: 15px;}
.containerForm .container--conf { display: flex; align-items: center; gap: 15px; }
.containerForm .container--conf a { color: #939393; }
.containerForm label.button { margin-bottom: 0; }
.containerForm input { width: 100%; border: 1px solid #efefef; height: 50px; border-radius: 4px; padding: 15px; box-sizing: border-box; font-size: 15px; }
.containerForm input:-webkit-autofill {-webkit-box-shadow: 0 0 0 1000px #fff inset; box-shadow: 0 0 0 1000px #fff inset; -webkit-text-fill-color: #000; }
.containerForm input.conf { width: 20px; height: 20px; padding: 0; }
.containerForm input.double { float: left; width: 48%; }
.containerForm input.double:last-child { float: right; }
.containerForm button { max-width: max-content; width: 100%; margin-top: 20px;  display: inline-block; text-align: center; cursor: pointer; box-sizing: border-box; border: none; padding: 8px 20px;  color: #fff; font-size: 20px; line-height: 24px; background: var(--red-color); border-radius: 20px; }
.topicSelect.nice-select { float: unset; border: 1px solid #efefef; height: 50px; }
.topicSelect.nice-select .nice-select-search-box { display: none !important; }
.topicSelect .option[data-value=""] {    display: none!important;}
.container-conf-policy {text-align: left;font-size: 13px;}
.container-conf-policy a {color: #939393;}
.conf-link {color: #636363;}
.containerForm .nice-select .option { padding-block: 0; }
.containerForm .nice-select { color: #474747; }

/* Create a custom checkbox */
.container--checkbox {display: block; font-size: 13px; position: relative; padding-left: 35px; margin-bottom: 12px;cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.container--checkbox input {position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0;}
.checkmark { position: absolute; top: 0; left: 0; height: 20px; width: 20px; background-color: #fff;  border: 1px solid #efefef; border-radius: 4px;}
.container--checkbox:hover input ~ .checkmark { border-color: #656565;}
.container--checkbox input:checked ~ .checkmark { background-color: #000000;}
.checkmark:after { content: ""; position: absolute; display: none;}
.container--checkbox input:checked ~ .checkmark:after { display: block;}
.container--checkbox .checkmark:after { left: 7px; top: 2px; width: 5px; height: 10px; border: solid white; border-width: 0 3px 3px 0; -ms-transform: rotate(45deg); transform: rotate(45deg);}


/*----------------------*/
.menu { overflow: scroll; opacity: 0.5; position: fixed; top: 0; left: -100%; width: 100%; height: 100%; z-index: 1000; background: rgba(0, 0, 0, 0.85); transition: all 300ms ease; }
.menu__container { position: absolute; top: 0; left: 0; width: 100%;  margin-block: 40px; text-align: center; display: inline-grid; justify-content: center; align-content: start; }
.menu__close { position: absolute; top: 0; right: 14px; padding: 20px 10px; font-size: 60px; cursor: pointer; color: #fff; font-weight: 300; transition: rotate 2s; }
.menu__content { position: relative; display: inline-block; text-align: left; margin-bottom: -200px; opacity: 0; visibility: hidden; transition: all 0.3s; }
.menu__content--active { margin-bottom: 0; opacity: 1; visibility: visible; }
.menu__content a { display: block; color: #fff; font-size: 22px; font-weight: 300; padding: 10px 0; border-bottom: 1px solid #ffffff47; }
.menu__content ul li ul li a { font-size: 18px; padding: 7px 0 7px 30px; color: rgba(255, 255, 255, 0.7); }
.menu__content a:last-child { border-bottom: none; }




.containerVideo { position: relative; width: 100%; max-height: 50vh;  overflow: hidden; padding-bottom: 56.25%; height: 0;}
.containerVideo iframe {position: absolute;  top: 0;  left: 0;  width: 100%;  height: 100%;}

.video { position: relative; width: 100%; max-height: 50vh;  overflow: hidden; padding-bottom: 56.25%; height: 0;}
.video iframe {position: absolute;  top: 0;  left: 0;  width: 100%;  height: 100%;}



/*--------------------------АДАПТИВ---------------------------------*/

@media screen and (max-width: 1400px) {
    .articles__grid {grid-template-columns: repeat(3, minmax(0, 1fr));}
    .fundraiser__card--active { gap: 70px; }
}

@media screen and (max-width: 1360px) {
    .about-main__right .about-main__bottom a {width: 100%;}
    .about-main__right {width: 30%;}
}

@media screen and (max-width: 1300px) {
    .fundraiser-main__element .btn--white {padding: 10px 15px 10px 15px;}
    .values {flex-wrap: wrap;}
    .values__item {width: 50%;}
    .values__item--sixty { width: 60%;}
    .values__item--fourty {width: 40%;}
    .values__item--third { width: 33.333%; }
    .fundraiser__img {width: 45%; max-width: unset;}
    .fundraiser__card--active { gap: 40px; }
    .header__burger { display: flex;}
    .header__menu {display: none;}
}

@media screen and (max-width: 1200px)  {
    .about-main__right {display: none}
    .about-main__center .about-main__top.mobile {display: block}
    .about-main__top.mobile img {width: 100%; object-fit: contain;}
    .fundraiser-main__element .btn--white {padding: 10px 60px 10px 15px;}
    .banners__text {left: 60px; top: 280px;}
    .banners__subtitle { font-size: 17px; }
    .banners__title {font-size: 50px;}
    .banners__buttons {flex-direction: column;}
    .btn {padding: 20px;}
    .statistic__tabs ul li label {font-size: 45px}
    .statistic__tabs ul {gap: 25px;}
    .statistic__panel {padding-top: 60px;}
    .statistic__number {font-size: 70px;}
    .statistic__tabs {padding: 50px 60px;}
    .footer:after {transform: translateX(160px);}
    .footer {gap: 60px;}
    .wrapper {padding: 0 50px;}.containerContent--wrapper {gap: 30px;}
    .fundraiser__section--closed {grid-template-columns: repeat(1, 1fr);}
    .fundraiser__card--active {gap: 50px; }
    .donate-buttons__list {flex-direction: column;}
    .view__content .wrapper {flex-direction: column;}
    .view__main, .view__sidebar  {width: 100%;}
    .projects--list .projects__grid {  grid-template-columns: repeat(1, 1fr); }
}

@media screen and (max-width: 1100px) {
    .donate-card {gap: 50px; padding: 50px;}
    .wide .articles__grid {grid-template-columns: repeat(3, 1fr);}
}

@media screen and (max-width: 1024px) {
    .zvit-block__item { width: 180px; padding: 20px 10px; }
    .zvit-list { column-count: 2; }
    .zvit-block__item--double {width: 510px;}
    .team { grid-template-columns: repeat(2, 1fr);}
    .values__item--sixty { width: 100%; order: 2;}
    .values__item--fourty {width: 100%; order: 1;}
    .articles .articles__title {    }
}

@media screen and (max-width: 900px) {
    .zvit-block__item {width: 100%;}
    .fundraiser__card {gap: 20px; padding: 10px;  width: 100%;}
    .statistic__subtitle {font-size: 15px;}
    .statistic__tabs {padding: 50px 0;}
    .fundraiser__card {gap: 20px; padding: 10px;  width: 100%;}
    .fundraiser__card--active {flex-direction: column;}
    .fundraiser__img {width: 100%; max-width: unset; }
    .fundraiser__content { padding: 20px;}

}

@media screen and (max-width: 820px) {
    .view  .view__content .view__sidebar {  }
    .view  .view__content .view__main { margin-left: 0; clear: both; }
    .zvit-block__item--double { width: 100%; }
    .partner__item { width: 47%; }
}

@media screen and (max-width: 768px) {
    .about-main { flex-direction: column; }
    .about-main__center {}
    .about-main__right {display: none;}
    .footer {padding: 30px; flex-direction: column; gap: 15px; height: 100%;  }
    .footer a, .footer-menu li a { font-size: 15px;}
    .footer:after {transform: translateX(240px); height: 540px; }
    .about-main__triangle {display: none;}
    .btn--donate img{height: 30px;}
    .btn--donate {font-size: 32px;}
    .header__social {display: none;}
    .header__search {display: none;}
    .banners__content .banners__hero {right: -200px;}
    .banners__buttons.mobile {display: flex; gap: 15px; margin-top: 20px;}
    .banners__buttons.mobile a:nth-of-type(2) {background-color: var(--blue); color: #fff;}
    .about-main__left { display: none;}
    .btn.btn--white.pro-fond {border: none; font-size: 12px; color: var(--grey);}
    .statistic__tabs {padding: 40px;}
    .statistic__tabs ul li label {font-size: 40px;}
    .statistic__tabs ul {gap: 20px;}
    .statistic__panel {padding-top: 40px; flex-wrap: wrap; row-gap: 30px;}
    .statistic__number {margin-bottom: 10px;}
    .statistic__item {width: 45%;}
    .values__text {font-size: 14px;}
    .values__item--third { width: 48%; }
    .articles__grid {grid-template-columns: repeat(2, 1fr);}
    .projects--list .projects__content {flex-direction: column; gap: 0; }
    .projects--list .projects__item {height: unset;}
    .projects--list .projects__image {height: unset;}
    .donate-form__actions {flex-direction: column;}
    .donate-form__actions .donate-form__link {width: unset;}
}

@media screen and (max-width: 700px) {
    .view  .view__content .view__main img { max-width: 100%;}
    .values__item--half {width: 100%;}
    .value__text {min-height: 140px;}
    .wrapper { padding: 0 30px; }
    .tab__item {font-size: 16px;}
    .donate-card { gap: 20px; padding: 25px;}
    .donate-card__image {width: 40%;}
    .gallery__element {width: 30%;}

}

@media screen and (max-width: 600px) {
    .zvit-list {column-count: 2;padding: 0;}
    .fundraiser-main__element .btn--white {padding: 10px 20px 10px 15px;}
    .team__name { font-size: 20px; min-height: 40px;}
    .main-title {font-size: 36px;}
    .donate-table td {font-size: 14px;}
}

@media screen and (max-width: 550px) {
    .banners__text {left: 60px; top: 280px;}
    .banners__subtitle { font-size: 17px; }
    .banners__title {font-size: 40px;}
    .btn {font-size: 19px; padding: 15px;}
    .btn--small {font-size: 15px; }
    .btn--donate img {  height: 20px; }
    .header__right {gap: 10px;}
    .btn-donate img{height: 20px;}
    .about-main__center p {display: none;}
    .about-main__center p:nth-of-type(1) {display: block;}
    .main-title {font-size: 30px;}
    .about-main__blue, .about-main__black {display: none;}
    .about-main__left { padding: 40px;}
    .statistic__tabs ul li label{ font-size: 30px;}
    .statistic__tabs ul {  gap: 10px; }
    .statistic__subtitle {display: none; font-size: 14px;}
    .statistic__subtitle:nth-of-type(2) {display: block;}
    .statistic__subtitle:nth-of-type(3) {display: block;}
    .statistic__panel { padding-top: 20px; }
    .fundraiser-main { padding: 45px;}
    .fundraiser-main__wrapper { padding: 0;}
    .fundraiser-main__element {padding: 20px;}
    .fundraiser-main__text {gap: 15px; margin-top: 15px;}
    .fundraiser-main__target {font-size: 15px; }
    .fundraiser-main__title a {font-size: 21px;}
    .header {padding: 0 20px;}
    .tab__item {padding: 10px 20px;}
    .donate-card {flex-direction: column;}
    .donate-card__image { width: 100%; max-width: unset;}
    .donate-card__content {padding: 0;}
    .gallery__element {width: 50%;}
    .articles__grid {grid-template-columns: repeat(1, 1fr);}
    .donate-table {transform: scaleX(0.9); transform-origin: left;}


}

@media screen and (max-width: 480px) {
    .statistic__tabs ul li label {  font-size: 19px; }
    .statistic__number { font-size: 50px;}
    .statistic__subtitle { font-size: 11px;}
    .footer:after { transform: translateX(262px); }
    .value__text {overflow-wrap: normal;}
    .statistic__content .statistic__panel {padding-top: 10px;}
    .team {grid-template-columns: repeat(1, 1fr);}
    .values__item {width: 100%;}
    .donate-form__submit, .donate-form__link {font-size: 14px;}
    .tab__item { font-size: 14px; }
    .donate-table {transform: scaleX(0.8); }
}