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

* {
  font-family: Montserrat;
}

a {
  text-decoration: none;
  color: #000;
  font-size: 16px;

}

main{
  min-height: calc(70vh - 80px);
  margin-top: 75px;
  margin-bottom: 100px;
}



header,
footer {
  background-color: #EFEFEF;
  padding: 24.5px;
}

footer {
  margin-top: 100px;
}

h1 {
  font-family: Montserrat;
  font-size: 44px;
  font-weight: 700;
  line-height: 53.64px;
}

h2 {
  font-family: Montserrat;
  font-size: 28px;
  font-weight: 700;
  line-height: 34.13px;
}

h3 {
  font-family: Montserrat;
  font-size: 22px;
  font-weight: 700;
  line-height: 26.82px;
}

h4 {
  font-family: Montserrat;
  font-size: 14px;
  font-weight: 600;
  line-height: 17.07px;
  letter-spacing: 0.05em;
}

p {
  margin: 5px 0;
  font-family: Montserrat;
  font-size: 16px;
  font-weight: 400;
  line-height: 20.63px;
}

.p-title {
  margin: 15px 0;
  font-family: Montserrat;
  font-size: 20px;
  font-weight: 500;
  line-height: 24.38px;
  color: #565656;
}

.btn{
  transition: ease-in-out 0.2s;
}

.green {
  background-color: #43B02A;
}
.gray {
  background-color: #B2B4B2;
}

.btn.gray {
    width: 173px;
  transition: ease-in-out 0.2s;
}

.btnm{
  display: inline-block;
  width: 128px;
  cursor: pointer;
  padding: 16.5px 22.5px;
  border-radius: 30px;
  border: none;
  color: white;
  align-items: center;
  justify-content: center;
  display: flex;
  gap: 10px;
}

.light-gray {
  background-color: #efefef;
}

.btn.light-gray {
  color: #000;
  width: 175px;
  
}

.btn.black {
  color: #000;
}

.logo {
  font-size: 28px;
  font-weight: 800;
  line-height: 34.13px;
}

.btn {
  font-size: 16px;
  cursor: pointer;
  padding: 16.5px 22.5px;
  border-radius: 30px;
  border: none;
  color: white;
  align-items: center;
  justify-content: center;
  display: flex;
  gap: 10px;
}

.btn.light-gray:hover{
  background-color: #43b02a;
}

.btn_app {
  width: 130px;
  height: 40px;
  background-color: #000;
  color: #fff;
  border-radius: 10px;
  border: none;
  padding: 5px 9.5px;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  font-family: Montserrat;
  font-size: 12px;
  font-weight: 600;
  line-height: 14.63px;
  text-align: left;
  cursor: pointer;
}

.container {
  width: 1160px;
  margin: 0 auto;
}

ul li a {
  text-decoration: none;
  color: #000;
  font-family: 17px;
  font-weight: 500;
}

.menu ul {
  padding-left: 0;
  list-style: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-content: center;
}

.btn_head {
  margin: 0 5px;
}



.title_services {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.title_events {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}

.btn.gray.events-btn {
  width: 200px;
}

.titile_services_btns {
  margin-top: 40px;
  display: flex;
  flex-direction: row;
  gap: 14px;
}

.advantage {
  margin-top: 144px;
}

.advantage_card {
  display: flex;
  justify-content: flex-start;
  gap: 22px;
  flex-wrap: wrap;
}

.advantage_card-item {
  width: 315px;
  padding: 28.5px;
  background-color: #fff;
  border-radius: 30px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  gap: 20px;
  object-fit: cover;
}

.advantage_card-item img {
  width: 315px;
  height: 150px;
  border-radius: 10px;
  object-fit:contain;
}

.advantage_card-item-text {
  text-align: center;
}

.they_need_help {
  margin-top: 144px;
}

.needy {
  margin-top: 50px;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 18px;
}

.needy-item {
  width: 236px;
  padding: 20px;
  background-color: #fff;
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  gap: 15px;
  transition: ease-in-out .3s;
}

.needy-item:hover{
  box-shadow: 0px 0px 5px 5px #777777;
}

.needy-item_photo-name {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  height: 80px;
  gap: 10px;
}

.needy-item_photo {
  width: 60px;
  height: 60px;
  border-radius: 100%;
}

.needy-item_name {
  width: 165px;
  display: flex;
  flex-direction: column;
  gap: 3px;
  justify-content: flex-start;
}

.needy-item_name_city {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.needy-item_name_city_share {
  display: flex;
  justify-content: space-between;
  gap: 10px;
}

.circile {
  background-color: #ededed;
  width: 30px;
  height: 30px;
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.circile.charidy {
  width: 40px;
  height: 40px;
}

.needy-item_about{
  min-height: 68px;
}

progress {
  width: 100%;
  height: 20px; /* Пример высоты */
  border-radius: 30px;
  border: 0;
  overflow: hidden; /* Для закругления углов */
}

progress::-webkit-progress-bar {
  background-color: #EDEDED; /*#43b02a33; Фон для всей полосы */
  border-radius: 30px;
}

progress::-webkit-progress-value {
  background-color: #43B02A; /* Фон для заполненной части */
  border-radius: 30px;
}

.needy-item_money {
  display: flex;
  justify-content: space-between;
}


.needy-item_money-goal-raised {
  display: flex;
  flex-direction: column;
}

.all_fundraisers {
  display: flex;
  margin-top: 50px;
  justify-content: center;
}


.events_card {
  margin-top: 54px;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 18px;
}

.events_card-item-photo {
  width: 236px;
  height: 150px;
  gap: 0px;
  border-radius: 20px;
}

.events_card-item {
  background-color: #fff;
  width: 236px;
  padding: 20px;
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.events_card-item-about-loc-calendar {
  display: flex;
  gap: 10px;
}
.events_card-item-about-loc-calendar img {
  width: 20px;
  height: 20px;
}

.funds_filter {
  margin-top: 40px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 20px;
}

.int {
  width: 240px;
  border: 0;
  background-color: #b2b4b2;
  font-family: Montserrat;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0.05em;
}

.int::placeholder {
  font-family: Montserrat;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0.05em;
}

.int:focus {
  outline: none;
}

.search {
  display: inline-flex;
  border: 1px solid black;
  border-radius: 30px;
  padding: 10px;
  background-color: #b2b4b2;
}

.search_icon {
  width: 20px;
  height: 20px;
  margin-right: 10px;
  order: -1;
}

.checkbx_label {
  font-family: Montserrat;
  font-size: 14px;
  font-weight: 400;
  line-height: 17.07px;
  text-align: left;
}

.funds_card {
  margin-top: 40px;
  display: flex;
  gap: 18px;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.funds_card-item {
  width: 236px;
  padding: 20px;
  border-radius: 20px;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  gap: 15px;
  transition: ease-in-out .3s;
}

.funds_card-item:hover{
  box-shadow: 0px 0px 5px 5px #777777;;
}

.verified {
  position: absolute;
  background-color: #000;
  width: 20px;
  height: 20px;
  border-radius: 100%;
  margin-left: 40px;
  margin-bottom: 40px;
}

.verified::after {
  content: "✓";
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  vertical-align: center;
}

.funds_card-item-photo-share {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.funds_card-item-description p{
  min-height: 42px;
}

.funds_card-item-raised {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.fundraiser {
  margin-top: 50px;
}

.fundraiser_btn {
  gap: 15px;
  display: flex;
  justify-content: space-between;
}

.fundraiser_filter {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin: 40px 0;
  gap: 15px;
}

.int_title {
  width: 220px;
  border: 0;
  background-color: #b2b4b2;
  color: #000;
  font-family: Montserrat;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0.05em;
}

.int_title::placeholder {
  color: #000;
  font-family: Montserrat;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0.05em;
  text-align: left;
}

.int_title:focus {
  outline: none;
}

.search_icon_find_fund {
  width: 20px;
  height: 20px;
  margin-right: 10px;
  order: 1;
}

.int_find_fund {
  width: 212px;
  border: 0;
  background-color: #b2b4b2;
  color: #000;
  font-family: Montserrat;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0.05em;
  padding-left: 20px;
}

.int_find_fund:focus {
  outline: none;
}
.int_find_fund::placeholder {
  color: #000;
  font-family: Montserrat;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0.05em;
  text-align: left;
}

.fundraiser_options {
  display: inline-flex;
  border: 1px solid black;
  border-radius: 30px;
  padding: 10px;
  background-color: #b2b4b2;
  display: flex;
  justify-content: space-between;
  gap: 15px;
  width: 128px;
}

.fundraiser_type_options {
  display: inline-flex;
  border: 1px solid black;
  border-radius: 30px;
  padding: 10px;
  background-color: #b2b4b2;
  display: flex;
  justify-content: space-between;
  width: 159px;
}


.about_photo_info {
  display: flex;
  gap: 20px;
  justify-content: space-between;
  margin-top: 50px;
}

.about_photo {
  width: 333px;
  height: 333px;
  padding: 20px;
  background-color: #ffffff;
  border-radius: 20px;
}

.about_photo img {
  width: 333px;
  height: 333px;
  border-radius: 20px;
}


.about_info_company {
  background-color: #fff;
  border-radius: 20px;
  padding: 30px;
  width: 707px;
}

.p_about_company {
  font-family: Montserrat;
  font-size: 16px;
  font-weight: 500;
  line-height: 19.5px;
}

.help_me_bold {
  font-family: Montserrat;
  font-size: 16px;
  font-weight: 900;
  line-height: 19.5px;
}

.ol_key_features {
  gap: 15px;
  display: flex;
  flex-direction: column;
  font-family: Montserrat;
  font-size: 16px;
  font-weight: 500;
  line-height: 19.5px;
}

.ol_key_features li {
  list-style: active;
  margin-left: 30px;
}

.ol_key_features li p {
  font-family: Montserrat;
  font-size: 16px;
  font-weight: 500;
  line-height: 19.5px;
}

.about_info_key_features {
  margin-top: 40px;
}

.p_about_company_join {
  margin-top: 30px;
  font-family: Montserrat;
  font-size: 16px;
  font-weight: 700;
  line-height: 19.5px;
}

.charities {
  margin-top: 50px;
}

.charities_btn {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.charities_about_photo_info {
  margin: 50px 0;
  display: flex;
  justify-content: space-between;
  gap: 20px;
}

.charitirs_about_photo-city {
  width: 297px;
  padding: 38px;
  border-radius: 20px;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 34px;
  height: max-content;
}

.charitirs_about_photo img {
  width: 275px;
  height: 275px;
  border-radius: 100%;
}

.charities_about_photo_info_btns {
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
}

.charities_about_info {
  background-color: #fff;
  width: 709px;
  padding: 30px;
  border-radius: 20px;
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
  gap: 30px;
}

.charities_about_info-text_p {
  display: flex;
  gap: 15px;
  flex-direction: column;
}

.charities_about_info-text_p p {
  font-family: Montserrat;
  font-size: 16px;
  font-weight: 500;
  line-height: 19.5px;
}

.charities_about_info-text_p ul {
  display: flex;
  flex-direction: column;
  gap: 15px;
  list-style: auto;
  margin-left: 35px;
}

.charities_about_links_block {

  margin-top: 25px;
  width: 95.6899%;
  padding: 30px;
  background-color: #fff;
  border-radius: 15px;
}

.charities_about_links {
  margin-top: 40px;
}

.charities_about_links_block ul {
  
  display: flex;
  gap: 15px;
  text-decoration: underline;
}

.signin_main{
  margin: auto;
  margin-top: 150px;
}

.sign_in {
  margin: 0 auto;
  width: 300px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  align-content: center;
  padding: 50px;
  background-color: #fff;
  border-radius: 30px;
  border: 1px solid black;
}

.sign_in-inputs {
  margin-top: 15px;
  display: flex;
  gap: 15px;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  align-content: center;
}

.inputs_signIn {
  width: 250px;
  height: 20px;
  padding: 2.5px 10px;
  border-radius: 5px;
  font-size: 16px;
}

.sign_in-forms {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  align-content: center;
  gap: 15px;
}

.sign_in-forms input:focus {
  outline: none;
}
.sign_in-forms input::placeholder {
  color: #000;
  font-family: Montserrat;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0.05em;
  text-align: left;
}

.foundraiser_profile-menu {
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-content: center;
}

.share_favorities {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  align-content: center;
  gap: 15px;
}

.foundraiser_card-block_info-blok {

  margin-top: 32px;
  margin-bottom: 32px;
  display: flex;
  gap: 20px;
}

.foundraiser_card-block {
  height: min-content;
  width: 273px;
  padding: 40px 48px;
  background-color: #fff;
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: center;
  align-content: center;
}

.foundraiser_card-block-img {
  width: 250px;
  height: 250px;
  border-radius: 100%;
  margin-bottom: 15px;
}

.foundraiser_card-block_name {
  display: flex;
  flex-direction: row;
  gap: 5px;
}

.foundraiser_card-block-city_age {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.progress_needy {
  background-color: #f5f5f5;
  width: 236px;
  padding: 20px;
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.favorities_share {
  display: flex;
  justify-content: space-between;
  gap: 15px;
  align-items: center;
  align-content: center;
}

.foundraiser_card_info_block {
  display: flex;
  gap: 16px;
  flex-direction: column;
}

.description_of_fees {
  width: 717px;
  padding: 25px;
  background-color: #fff;
  border-radius: 20px;
}

.description_of_fees_2 {
  display: flex;
  flex-direction: column;
  width: 717px;
  padding: 23px;
  background-color: #fff;
  border-radius: 20px;
  gap: 15px;
}

.description_of_fees_2_photo {
  display: flex;
  gap: 20px;
}

.description_of_fees_2_photo-img {
  object-fit: cover;
  width: 217px;
  height: fit-content;
  border-radius: 15px;
  background-color: #e8e8e8;
}

.documents_of_fees {
  width: 95.6899%;
  padding: 25px;
  background-color: #fff;
  border-radius: 20px;
  display: flex;
  flex-direction: row;
  gap: 15px;
  justify-content: space-between;
  margin-bottom: 32px;
  margin-top: 25px;
}

.documents_of_fees-img {
  width: 217px;
  height: 217px;
  border-radius: 15px;
  background-color: #e8e8e8;
}

.event_card_about_info {
  display: flex;
  justify-content: space-between;
  gap: 19px;
  margin-top: 75px;
}

.event_card {
  display: flex;
  flex-direction: column;
  width: 313px;
  padding: 30px;
  border: 1px solid black;
  background-color: #fff;
  border-radius: 20px;
  gap: 35px;
  height: fit-content;
}

.event_card_photo-img {
  width: 313px;
  height: 275px;
  border-radius: 20px;
  object-fit: fill;
}


.event_card_city_date {
  display: flex;
  justify-content: space-between;
}

.charities_about_photo_info_btns .btn.green {
  width: 270px;
}

.similar_events {
  margin-top: 75px;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}

.similar_events_title {
  display: flex;
  justify-content: space-between;
}

/*profile*/

.profile_menu {
  padding: 12px;
  background-color: #e8e8e8;
}

.profile_menu ul {
  display: flex;
  justify-content: space-between;
}

.profile_section {
  margin: 75px 0 75px;
}

.profile_btns {
  margin-top: 30px;
  display: flex;
  gap: 30px;
}

.profile_parametrs {
  margin: 30px 0;
  display: flex;
  flex-direction: column;
}

.profile_parametrs_cards {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.profile_parametrs_cards_item {
  display: flex;
  flex-direction: row;
  align-items: center;
  align-content: center;
  justify-content: space-between;
  border-radius: 20px;
  border: 1px solid black;
  background-color: #fff;
  height: 20px;
  padding: 30px;
}

.donation_history {
  margin: 30px 0;
  display: flex;
  flex-direction: column;
}

.donation_history_cards {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.donation_history_cards_item {
  display: flex;
  flex-direction: row;
  align-items: center;
  align-content: center;
  justify-content: space-between;
  border-radius: 20px;
  border: 1px solid black;
  background-color: #fff;
  height: 20px;
  padding: 30px;
}

.donation_history {
  margin: 30px 0;
  display: flex;
  flex-direction: column;
}

.donation_history_cards {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.donation_history_cards_item {
  display: flex;
  flex-direction: row;
  align-items: center;
  align-content: center;
  justify-content: space-between;
  border-radius: 20px;
  border: 1px solid black;
  background-color: #fff;
  height: 20px;
  padding: 30px;
}

.my_subscription {
  margin-top: 30px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.my_subscription_cards {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.my_subscription_cards_item {
  display: flex;
  flex-direction: row;
  align-items: center;
  align-content: center;
  justify-content: space-between;
  border-radius: 20px;
  border: 1px solid black;
  background-color: #fff;
  height: 20px;
  padding: 30px;
}

.circile.add_favorities {
  background-color: #000;
}

.needt_show_more {
  margin-top: 30px;
  display: flex;
  justify-content: center;
}

.profile_fundraisers {
  margin-top: 50px;
}
.title_create_fund {
  display: flex;
  justify-content: space-between;
}

.warning_not_fundraisers {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 15px;
  height: 59lvh;
  align-items: center;
}

.profile_payments_method {
  margin-top: 30px;
  display: flex;
  padding: 30px;
  border-radius: 20px;
  gap: 20px;
  background-color: #fff;
  flex-direction: column;
}

.btns_payments_params {
  display: flex;
  gap: 15px;
}

.hidden {
  display: none;
}

.btn:hover{
  opacity: 0.8;
  background-color: black;
}

.popup_donate{
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  z-index: 1000;
  width: 400px;
    padding: 30px 40px;
    background: #fff;
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    gap:30px;
    background-color: white;
}

.popup_donate_sucsesful{
  position: fixed;
  top: 50%;
  left: 50%;
  width: 400px;
  height: 330px;
  display: flex;
  flex-direction: column;
  gap: 60px;
  justify-content: center;
  align-items: center;
  align-content: center;
  background-color: #fff;
  border-radius: 20px;
  text-align: center;
  transform: translate(-50%, -50%);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}
.popup_donate_sucsesful button{
  margin-top: 50px;
}
.popup_donate_sucsesful p {
  font-size: 25px;
  line-height: 32px;
  font-weight: 700;
}

.popup_donate-titile-close{
  display: flex;
  justify-content: space-around;
}

.popup_donate-titile-close button{
  border: none;
  background-color: #fff;
  cursor: pointer;
  padding: 3px 2px 2px 2px ;
  transition: ease-in-out 0.2s;
}
.popup_donate-titile-close button:hover{
  background-color: #565656;
}
.popup_donate-titile-close button:active{
  background-color: #565656;
}

.popup_donate-form_donate-min-max{
  display: flex;
  justify-content: space-between;
}

.popup_donate-form_donate form{
  display: flex;
  flex-direction: column;
  gap: 30px;
}

.popup_donate-form_donate form input{
  height: 20px;
  padding: 20px 15px;
  border-radius: 20px;
}

#popupOverlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 999;
  display: none;
  
}







.needy-item-row {
  width: 100%;
  padding: 20px;
  background-color: #fff;
  border-radius: 20px;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  gap: 15px;
  transition: ease-in-out .3s;
}

.needy-item-row:hover{
  box-shadow: 0px 0px 5px 5px #777777;
}


.needy-item_about-row{
  width: 100%;
}

.needy-item_photo-name-row {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  gap: 10px;
}

.needy-item_photo-row {
  width: 100px;
  height: 100px;
  border-radius: 20px;
}

.needy-item_name-row {
  width: 165px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.needy-item_name_city-row {
  display: flex;
  justify-content: start;
  gap: 10px;
}

.needy-item_name_city_share-row {
  display: flex;
  justify-content: space-between;
  gap: 10px;
}

.circile {
  background-color: #ededed;
  width: 30px;
  height: 30px;
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.circile.charidy {
  width: 40px;
  height: 40px;
}

progress-row {
  width: 100%;
  height: 20px; /* Пример высоты */
  border-radius: 30px;
  border: 0;
  overflow: hidden; /* Для закругления углов */
}

progress-row::-webkit-progress-bar {
  background-color: rgba(67, 176, 42, 0.2); /* Фон для всей полосы */
  border-radius: 30px;
}

progress-row::-webkit-progress-value {
  background-color: rgba(67, 176, 42, 1); /* Фон для заполненной части */
  border-radius: 30px;
}

.needy-item_money-row {
  width: 500px;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  gap: 15px;
}
.needy-item_money-goal-circle{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.needy-item_money-goal-raised-row {
  display: flex;
  flex-direction: column;
}