.donation {

  background-image: url(../images/donation_bg.jpg);

  background-repeat: no-repeat;

  background-position: center;

  background-size: cover;

}



.donation__container {

	max-width: 1070px;

	margin: 0 auto;

  padding: 70px 0;

}



.donation__title {

  margin: 0;

  padding: 0;

  font-size: 60px;

  font-weight: bold;

  color: #fff;

  text-align: center;

}



.donation__text {

  margin: 30px auto;

  padding: 0;

  font-size: 28px;

  font-weight: 700;

  color: #fff;

  text-align: center;

}



.donation__list {

  display: flex;

  justify-content: space-around;

  flex-wrap: wrap;

  margin: 0 0 30px 0;

  padding: 0;

}



.donation__btn {
  height: 62px;
  text-align: center;
  width: 320px;
}

.donation__btn span{
  letter-spacing: .1em;
}
.donation__descr {

  margin: 0 0 20px 0;

  padding: 0;

  font-size: 30px;

  font-weight: 700;

  color: #fff;

  text-align: center;

}



.donation__icon--wrap {

  margin: 0 auto;

  width: 50px;

  height: 50px;

}



.donation__icon-down--img {
  width: 50px;
  height: 50px;
  animation: mooveImg 1.5s ease-in-out infinite;
}

@keyframes mooveImg{
  0%{
    transform:  translateY(0);
    opacity: 0;
  }
  20%{
    opacity: 1;
  }
  80%{
    opacity: 1;
  }
  100%{
    transform:  translateY(30px);
    opacity: 0;
  }
}

.donor__people {

  position: relative;

}



.donor__people--bcg {

  position: absolute;

  content: "";

  left: 0;

  top: 0;

  width: 100%;

  height: 100px;

  background-color: #f5f5f5;

  z-index: -1;

}



.donor__people--wrap {

  max-width: 1170px;

  margin: 0 auto 70px auto;

}



.people__list {

  margin: 0;

  padding: 0;

  display: flex;

  justify-content: space-between;

  flex-wrap: wrap;

  color: #263a55;

}



.people__list--item {

  flex: 0 0 30%;

  text-align: center;

}



.people__title {

  margin: 20px 0;

  padding: 0;

  font-size: 20px;

  font-weight: 600;

}



.people__text {

  margin: 0;

  padding: 0;

  font-size: 20px;

  line-height: 24px;

}



.donor__icon-wrap {

  position: relative;

  margin-top: 60px;

  width: 100%;

  height: 40px;

  background-color: #d5d5f0;

  border-radius: 5px;

}



.donor__icon-wrap::before {

  position: absolute;

  top: -36px;

  left: 50%;

  content: "";

  display: block;

  transform: translateX(-50%);

  background-repeat: no-repeat;

  background-position: center;

  background-size: cover;

}



.donor__people-01::before {

  background-image: url(../images/people-icon-01.png);

  width: 70px;

  height: 70px;

}



.donor__people-02::before {

  background-image: url(../images/people-icon-02.png);

  width: 52px;

  height: 70px;

}



.donor__people-03::before {

  background-image: url(../images/people-icon-03.png);

  width: 70px;

  height: 68px;

}



.donor__finance {

  position: relative;

  max-width: 1170px;

  margin: 0 auto 80px auto;

}



.donor__finance::before {

  position: absolute;

  top: 18px;

  left: 0;

  content: "";

  display: block;

  width: 100%;

  height: 2px;

  background-color: #1277bc;

}



.finance__title--wrap {

  margin: 0 auto 30px auto;

  padding: 10px;

  width: 640px;

  background-color: #1277bc;

  border-radius: 10px;

}



.finance__title {

  margin: 0;

  padding: 0;

  font-size: 48px;

  font-weight: 700;

  color: #fff;

  text-align: center;

}



.finance__text {

  margin: 0 0 50px 0;

  padding: 0;

  font-size: 22px;

  text-align: center;

}



.finance__list {

  display: flex;

  justify-content: space-between;

  flex-wrap: wrap;

  margin: 0;

  padding: 0;

}



.finance__list--item {

  flex: 0 0 30%;

  font-size: 20px;

  margin-top: 80px;

}



.finance__list--title-wrap {

  position: relative;

  padding: 24px 20px;

  height: 100px;

  background-color: #263a55;

  color: #fff;

  text-align: center;

  border-radius: 10px;

}



.finance__list--title-wrap-center {

  padding-top: 36px;

}



.finance__list--title-wrap::before {

  position: absolute;

  top: -36px;

  left: 50%;

  content: "";

  display: block;

  transform: translateX(-50%);

  width: 50px;

  height: 50px;

}



.donor_icon-people::before {

  background-image: url(../images/donor_icon-PEOPLE.svg);

}



.donor_icon-guard::before {

  background-image: url(../images/donor_icon-GUARD.svg);

}



.donor_icon-old::before {

  background-image: url(../images/donor_icon-OLD.svg);

}



.donor_icon-tro::before {

  background-image: url(../images/donor_icon-TRO.svg);

}



.donor_icon-artefact::before {

  background-image: url(../images/donor_icon-ARTEFA.svg);

}



.donor_icon-nft::before {

  background-image: url(../images/donor_icon-NFT.svg);

}



.finance__list--title {

  margin: 0;

  padding: 0;

}



.finance__list--title-span {

  margin: 0;

  padding: 0;

  font-size: 14px;

}



.finance__list--text-wrap {

  padding: 10px 14px 30px 14px;

  background-color: #ececec;

  border-radius: 10px;

}



.finance__list--text {

  margin: 0;

  padding: 0;

}



.btn__finance-donate {

  display: block;

  margin: 20px;

  padding: 10px 20px;

  font-weight: 700;

  color: #fdb02e;

  text-align: center;

  border: 1px solid #fdb02e;

  border-radius: 5px;

}



.btn__finance-donate:hover {

  background-color: #fdb02e;

  color: #263a55;

}



.donor__products {

  padding: 0 0 80px 0;

  background-image: url(../images/products_bg.png);

  background-repeat: no-repeat;

  background-position: center;

  background-size: cover;

}



.products__title--wrap {

  margin: 0 auto 100px auto;

  padding: 10px;

  width: 940px;

  background-color: #1277bc;

  border-radius: 10px;

}



.products__title {

  margin: 0;

  padding: 0;

  font-size: 48px;

  font-weight: 700;

  color: #fff;

  text-align: center;

}



.donor__products--wrap {

  max-width: 1170px;

  margin: 0 auto;

}



.products__list {

  display: flex;

  justify-content: space-around;

  flex-wrap: wrap;

  margin: 0;

  padding: 0;

}



.products__list--item {

  margin-bottom: 30px;

  padding: 20px 30px;

  display: flex;

  flex: 0 0 30%;

  align-items: center;

  justify-content: center;

  background-color: #e4e5e6;

  border-radius: 10px;

  font-size: 20px;

  line-height: 24px;

  text-align: center;

}



.products__list--text {

  margin: 0;

  padding: 0;

}



.products__other-services {

  margin: 0 auto 80px auto;

  padding: 20px 30px;

  width: 70%;

  background-color: #e4e5e6;

  border-radius: 10px;

  font-size: 20px;

  line-height: 24px;

  text-align: center;

}



.products__other-services--text {

  margin: 0;

  padding: 0;

}



.btn__products {

  display: block;

  width: 300px;

  margin: 0 auto;

  padding: 20px;

  font-size: 20px;

  font-weight: 500;

  text-align: center;

  border-radius: 5px;

  background-color: #fdb02e;

  color: #263a55;

}



.donor__projects {

  margin: 0 auto;

  padding: 60px 0 30px 0;

  max-width: 1170px;

}



.projects__title {

  margin: 0 0 60px 0;

  padding: 0;

  font-size: 56px;

  font-weight: 700;

  text-align: center;

}



.projects__list {

  display: flex;

  justify-content: space-between;

  flex-wrap: wrap;

  margin: 0 0 50px 0;

  padding: 0;

}



.projects__list--item {

  padding: 20px 10px;

  flex: 0 0 24%;

  background-color: #e4e5e6;

  border-radius: 10px;

  font-size: 20px;

  line-height: 24px;
  display: flex;
  flex-direction: column;
}

.projects__list--item .top__btn{
  width: 100%;
  text-align: center;
  margin-top: auto;
  min-height:  58px;
}

.projects__icon {

  position: relative;

}



.projects__icon::before {

  position: absolute;

  top: -10px;

  left: 50%;

  content: "";

  display: block;

  transform: translateX(-50%);

  width: 90%;

  height: 70px;

  background-repeat: no-repeat;

  background-position: center;

  background-size: contain;

}



.projects__icon--pharmacy::before {

  background-image: url(../images/project_pharmacy.svg);

}



.projects__icon--nft_kids::before {

  background-image: url(../images/pr-logo/24ua_project_4.png);

}



.projects__icon--support::before {

  background-image: url(../images/pidtrymka-online.png);
  background-size: 120px 40px;

}



.projects__icon--artifacts::before {

  background-image: url(../images/shevron_text_2.png);

}

.donor__projects.en .projects__icon--artifacts::before {

  background-image: url(../images/shevron_text_2_en.png);

}




.projects__item--title {

  position: relative;

  margin: 70px 0 30px 0;

  padding: 30px 0 0 0;

  font-weight: 700;

  text-align: center;

}



.projects__item--title::before {

  position: absolute;

  top: 0;

  left: 0;

  content: "";

  display: block;

  width: 100%;

  height: 2px;

  background-color: #1277bc;

}



.projects__item--text {

  margin: 0 0 14px 0;

  padding: 0;

  font-size: 16px;

  line-height: 22px;

}



.projects__item--list {

  margin: 0 0 14px 0;

}



.projects__item--list-item {

  margin: 0 0 0 30px;

  padding: 0;

  font-size: 16px;

  line-height: 22px;

  list-style-type: disc;

}



.btn__projects {
  margin: auto;
  width: 350px;
  text-align: center;
  min-height:  58px;
}



.donor__responsibility {

  background-color: #263a55;

}



.donor__responsibility--wrap {

  max-width: 1170px;

  margin: 0 auto;

  padding: 60px 0;

}



.responsibility__title {

  padding: 0;

  font-size: 56px;

  font-weight: 700;

  color: #fff;

  text-align: center;

  margin-top: 0;

}



.responsibility__text {

  margin: 0 0 50px 0;

  padding: 20px;

  font-size: 22px;

  background-image: linear-gradient(to right, #feb12e, #ffbf2b, #ffce2a, #ffdc2b, #fdeb30);

  text-align: center;

  border-radius: 10px;

}



.responsibility__list {

  display: flex;

  justify-content: space-between;

  flex-wrap: wrap;

  margin: 0 0 50px 0;

  padding: 0;

  font-size: 20px;

}



.responsibility__list-item {

  margin-bottom: 30px;

  display: flex;

  flex: 0 0 48%;

  align-items: center;

}



.responsibility__list-item--order1 {

  order: 0;

}



.responsibility__list-item--order2 {

  order: 2;

}



.responsibility__list-item--order3 {

  order: 1;

}



.responsibility__list-item--order4 {

  order: 3;

}



.responsibility__list-item--num {

  margin: 0;

  padding: 20px 26px;

  background-color: #fff;

  border-radius: 10px;

}



.responsibility__list-item--descr {

  margin: 0 0 0 30px;

  padding: 0;

  color: #fff;

  line-height: 24px;

}



.donor__partners {

  max-width: 1170px;

  margin: 0 auto;

  padding: 80px 0;

}



.partners__title {

  margin: 0;

  padding: 0 0 60px 0;

  font-size: 46px;

  font-weight: 700;

  text-align: center;

}



.partners__descr--wrap {

  display: flex;

  margin-bottom: 50px;

}



.partners__img {

  width: 40%;

  height: 100%;

}



.partners__descr--overlay {

  margin-right: 70px;

}



.partners__description {

  margin: 0 0 20px 0;

  padding: 0;

  font-size: 20px;

  line-height: 24px;

}



.partners__icon-list {

  display: flex;

  justify-content: space-between;

}



.partners__icon-list-item {

  flex: 0 0 18%;

  height: 80px;

  background-repeat: no-repeat;

  background-position: center;

  background-size: contain;

}



.partners__diplomacy {

  background-image: url(../images/icon-diplomacy.png);

}



.partners__uhb {

  background-image: url(../images/icon-uhb.png);

}



.partners__uacc {

  background-image: url(../images/icon-UACC.png);

}



.partners__cv {

  background-image: url(../images/icon-cv.png);

}



.partners__hearts {

  background-image: url(../images/icon-heart.png);

}



.partners__description--link {

  display: inline;

  color: #3377c1;

  border-bottom: 1px solid #3377c1;

}



.donor__battalions {

  position: relative;

  padding-top: 80px;

}



.donor__battalions::before {

  position: absolute;

  top: 0;

  left: 0;

  content: "";

  display: block;

  width: 100%;

  height: 2px;

  background-color: #fdc25c;

}



.battalions__title {

  margin: 0 0 60px 0;

  padding: 0;

  font-size: 30px;

  font-weight: 700;

  text-align: center;

}



.battalions__list {

  display: flex;

  justify-content: space-around;

  flex-wrap: wrap;

}



.battalions__list-item {

  position: relative;

  display: flex;

  flex: 0 0 26%;

  padding: 20px;

  margin-left: 30px;

  background-color: #e4e5e6;

  align-items: center;

  border-radius: 10px;

}



.battalions__list-item::before {

  position: absolute;

  top: 50%;

  left: -38px;

  content: "";

  display: block;

  width: 100px;

  height: 100px;

  transform: translateY(-50%);

  background-repeat: no-repeat;

  background-position: center;

  background-size: contain;

}



.battalions__judjes::before {

  background-image: url(../images/icon-judjes.png);

}



.battalions__sea::before {

  background-image: url(../images/icon-sea.png);

}



.battalions__nation::before {

  background-image: url(../images/icon-nation.png);

}



.battalions__list--text {

  margin: 0;

  padding: 0 0 0 64px;

  font-size: 18px;

  line-height: 24px;

}

.projects__link{
  margin-top: auto;
  text-decoration: underline;
  color: #263A55;
}

.projects__link:before{
  background-color: #fff;
}