@import "reset.css";
@import "fonts.css";
@import "global.css";

@import "header.css";
@import "footer.css";

@import "contact-page.css";
@import "partners-page.css";
@import "requisites-page.css";
@import "donations-page.css";





/*======================== burger =============================  */

.burger-icon {
  	display: none;
	width: 50px;
	height: 50px;
  	align-items: center;
  	justify-content: center;
  	z-index: 11;
}

.burger-icon span,
.burger-icon span::before,
.burger-icon span::after {
  display: block;
  width: 25px;
  height: 1px;
  border-radius: 100px;
  background: #ffffff;
  transition: 0.3s;
}

.burger-icon span {
  position: relative;
}

.burger-icon span::before,
.burger-icon span::after {
  content: "";
  position: absolute;
}

.burger-icon span::before {
  top: -3px;
}

.burger-icon span::after {
  bottom: -3px;
}

.body--opened-menu .burger-icon span {
  background: transparent;
}

.body--opened-menu .burger-icon span::before {
  top: 0px;
  transform: rotate(45deg);
}

.body--opened-menu .burger-icon span::after {
  bottom: 0px;
  transform: rotate(-45deg);
}

/* ===================== mission ==================== */

.mission__inner {
  display: flex;
  align-items: center;
  gap: 10px;
  padding-bottom: 51px;
}

.mission__text {
  margin-bottom: 30px;
  max-width: 633px;
  font-size: 18px;
}
.mission__btn {
  max-width: 219px;
}
.mission__ticker {
  overflow: hidden;
  width: 100%;
}

.mission__ticker-track {
  display: flex;
  gap: 20px;
  animation: ticker 30s linear infinite;
}

.mission__ticker-item {
  flex: 0 0 auto;
  width: 260px;
	position: relative;
}

.mission__ticker-track:hover {
  animation-play-state: paused;
}

@keyframes ticker {
  to {
    transform: translateX(var(--ticker-distance, -2800px));
  }
}
.mission_team-img {
    background: #fff;
	max-height: 328px;
   
	width: 100%;
	overflow: hidden;
	border-radius: 5px;
  margin-bottom: 10px;
}
.mission_team-img img {
    height: 100%;
  width: 100%;
  object-fit: cover;
}
.mission_team-name, .mission_team-desc {
  font-size: 12px;
}
.mission_team-name {
  margin-bottom: 10px;
	position: relative;
    z-index: 2;
}
.mission_team-desc {
	opacity: 0;
	position: absolute;
	padding: 15px;
    top: 0;
    background: #00000054;
    width: 100%;
    height: 100%;
	transition: 0.3s;
}
.mission_team-desc:hover {
	opacity: 1;
	
}

/* ===================== statistics ==================== */

.mission {
}
.statistics__inner {
}
.statistics__subtitle {
}
.subtitle {
}
.statistics__title {
  max-width: 343px;
}
.title {
}
.statistics__list {
  display: flex;
  gap: 20px;
}
.statistics__item {
  width: 100%;
  max-width: 420px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 322px;
  padding: 10px 7.5px 7.5px 7.5px;
  border-radius: 5px;
}

.statistics__item-title {
  font-size: 18px;
  font-weight: 600;
}
.statistics__item-text-body {
	display: flex;
    flex-direction: column;
    height: 180px;
    justify-content: space-between;
}
.statistics__item-text {
  font-size: 14px;
}
.statistics__item-1 {
  background: url("../img/decor/statistics/statistics-1.jpg") no-repeat center;
}
.statistics__item-2 {
  background: url("../img/decor/statistics/statistics-2.jpg") no-repeat center;
}
.statistics__item-3 {
  background: url("../img/decor/statistics/statistics-3.jpg") no-repeat center;
}
.statistics__item-4 {
  background: url("../img/decor/statistics/statistics-4.jpg") no-repeat center;
}

/* ===================== decisions ==================== */

.mission {
}
.decisions__inner {
}
.decisions__subtitle {
}
.decisions__title {
}
.decisions__swiper-text {
  padding-bottom: 30px;
}
.decisions__card-block {
	overflow: hidden;
}
.decisions__swiper {
}
.decisions__swiper-wrapper {
}

.decisions__card-wrapper {
    display: flex;
    gap: 20px;
    animation: ticker 30s linear infinite;
}
@keyframes info-card {
  to {
    transform: translateX(var(-5224px));
  }
}
.decisions__slide-wrap-padding {
  padding: 30px;
  display: flex;
  align-items: end;
  height: 100%;
}
.decisions__swiper-slide {
}

.swiper-slide {
}
.decisions__slide-wrap {
  border-radius: 5px;
  min-width: 633px;
  width: 100%;
  height: 345px;
}
.decisions__slide-info {
  border-radius: 5px;
  width: 230px;
  height: 111px;
  padding: 15px 15px 20px 15px;
  background: #101010;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.decisions__slide-text {
}
.decisions__slide-text-1 {
  font-size: 10px;
  color: #fff;
  opacity: 0.5;
}
.decisions__slide-text-2 {
  font-size: 14px;
}
.decisions__slide-wrap-1 {
  background: url("../img/decor/decisions/decisions-1.jpg") no-repeat center;
  background-size: cover;
}
.decisions__slide-wrap-2 {
  background: url("../img/decor/decisions/decisions-2.jpg") no-repeat center;
  background-size: cover;
}
.decisions__slide-wrap-3 {
  background: url("../img/decor/decisions/decisions-3.jpg") no-repeat center;
  background-size: cover;
}
.decisions__slide-wrap-4 {
  background: url("../img/decor/decisions/decisions-4.jpg") no-repeat center;
  background-size: cover;
}
.decisions__swiper-button-prev {
  border-radius: 100%;
  background: #fff;
  width: 25px;
  height: 25px;
}
.decisions__swiper-button-next {
  border-radius: 100%;
  background: #fff;
  width: 25px;
  height: 25px;
}

/* ===================== statistics ==================== */

.card-links {
}
.card-links__inner {
}
.card-links__top,
.card-links__bottom {
  padding: 40px 0;
}
.card-links__top {
  border-top: 1px solid #a5e2ba;
  border-bottom: 1px solid #a5e2ba;
}
.card-links__bottom {
  border-bottom: 1px solid #a5e2ba;
}
.card-links__list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  justify-content: space-between;
}
.card-links__item {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.card-links__item-padding {
  padding-top: 18px;
}
.caard-links__title {
  font-weight: 600;
  font-size: 18px;
}
.card-links__link {
  position: relative;
}
.card-links__link img {
  border-radius: 10px;
}
.card-arrow_wrap {
  border-radius: 5px;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  padding: 10px;
  background: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(10px);
  bottom: 30px;
  right: 30px;
  border-radius: 100%;
}
.card-arrow_wrap img {
	max-width: 15px;
}
.card-links__text {
  font-weight: 400;
  font-size: 14px;
}

/* ===================== services ==================== */

.services {
}
.services__inner {
}
.services__subtitle {
}
.subtitle {
}
.services__title {
}
.title {
}
.services__deck {
	margin-bottom: 20px;
}
.services__text {
  margin-bottom: 10px;
}
.services__list {
  opacity: 0.7;
}
.services__item {
  display: grid;
  grid-template-columns: 0.15fr 1fr;
  gap: 30px;
  align-items: center;
  padding: 20px 0;
  border-bottom: 1px solid #4a4947;
  font-size: 22px;
}
.services__numb {
	font-size: 14px;
}
.services__text {
}

/* ===================== statistics ==================== */

.support {
  padding: 72px 0 76px;
  background: #101010;
}
.support__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.support__title {
  max-width: 467px;
  text-align: center;
}

.support__text {
  max-width: 523px;
  margin-bottom: 30px;
  text-align: center;
  font-size: 14px;
}
.support__body-btn {
  max-width: 220px;
}
.btn-box {
}
.btn {
}

@media (max-width: 450px) {
/* 	.header-bg {
		min-height: 390px;
	} */
	.header__top {
		padding: 0 15px;
    	margin: 20px auto 340px;
    	background: transparent;
    	border-radius: 0px;
    	border: none;
	}
	.header__logo {
		display: flex;
		align-items: center;
	}
  .header__logo-img {
    max-width: 126px;
  }
  .header__nav {
    position: fixed;
    inset: 0;
    z-index: 10;
    background: #d9d9d9;
    padding: 10vh 15px 30px;
    font-size: 24px;

    transform: translateY(-50%);
    opacity: 0;
    visibility: hidden;
    transition: 0.3s;
	  
	flex-direction: column;
    justify-content: start;
  }

  .nav__list, #menu-header-menu {
    flex-direction: column;
    align-items: center;
    margin: 0 auto;
  }

  .body--opened-menu .header__nav {
    transform: translateY(0%);
    opacity: 1;
    visibility: visible;
  }

  .burger-icon {
    display: flex;
  }

  .nav__list {
    gap: 10px;
  }
  .header_body {
    margin-top: 0px;
  }
  .header__body-title {
    font-size: 18px;
  }
  .header__body-text {
    font-size: 10px;
  }

  .mission__inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    padding-bottom: 51px;
  }
  .mission__text {
    margin-bottom: 10px;
    font-size: 10px;
  }
  .mission__ticker-track {
    gap: 10px;
  }
  .mission__ticker-item {
    width: 100px;
  }
  .mission_team-img img {
    height: 126px;
  }
  .mission_team-name,
  .mission_team-desc {
    font-size: 8px;
  }
	.mission_team-desc {
    	padding: 7px;
	}
  .statistics__list {
    flex-direction: column;
  }
  .statistics__item {
/*     max-width: 300px; */
    background-size: 100% 100%;
  }
  .decisions__slide-wrap {
    min-width: 0px;
    height: 266px;
  }
  .decisions__slide-wrap-padding {
    padding: 6px 11px;
  }
  .decisions__slide-info {
    width: 144px;
    height: 69px;
    padding: 10px 8px;
  }
  .decisions__swiper-text {
    font-size: 10px;
    max-width: 183px;
  }
  .decisions__slide-text-1 {
    font-size: 8px;
  }
  .decisions__slide-text-2 {
    font-size: 8px;
  }
  .card-links__list {
    grid-template-columns: 1fr;
    gap: 0px;
  }
  .card-links__top,
  .card-links__bottom {
    padding: 0;
  }
  .card-links__item {
    border-bottom: 1px solid #a5e2ba;
    padding: 20px 0;
  }
  .card-links__text {
    font-size: 10px;
  }
  .services__deck {
    font-size: 10px;
  }
  .services__item {
    padding: 15px 0;
  }
  .services__text {
    font-size: 14px;
	margin-bottom: 0px;
  }
  .services__numb {
    font-size: 10px;
  }
  .support {
    padding: 60px 0;
  }
  .support__text {
    font-size: 10px;
  }
  .footer__inner {
    display: grid;
    grid-template-columns: 1fr 1fr;
    justify-content: space-between;
    margin-bottom: 30px;
    gap: 20px;
  }
  .footer__col-1,
  .footer__col-2,
  .footer__col-3 {
    grid-row: auto;
  }
  .footer__col-1 {
    grid-row: 1;
  }

  .footer__col-4 {
    grid-column: 2;
    grid-row: 1 / 2;
  }
  .footer__col-5 {
    grid-row: auto;
    grid-column: span 2;
    align-items: start;
  }
  .footer__bottom-text {
    text-align: start;
  }
  .footer__btn {
    display: none;
  }

  
  .contact-page-form__inner {
    display: flex;
    flex-direction: column;
	 margin-top: -270px;
  }
  .contact-page-form-title {
    font-size: 18px;
  }
	.contact-page-header_body.header_body {
    	margin-top: 300px;
	}
  
}