.page-about .section__header{

  padding-bottom: 2rem;
  margin-bottom: 2.8rem;
}

.page-about .section {padding: 12rem 0;overflow: visible;}
.page-about .sidebar-container {
  grid-template-columns: 32rem 1fr;
  align-items: flex-start;
}
.team-list {gap: 4rem 2rem;}
.team-list .item_image{
  /*height: 40rem;*/
  display: block;
}
.team-list .item_image img{object-fit: cover;}
.team-list .text-group {margin-top: 2rem;}
.team-list .text-group .text-lg {
  margin-bottom: .4rem;
}
.team-list .item {
  display: block;
}

.reports .item{
  background-color: #fff;
  padding: 2rem;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  height: 18rem;  
  position: relative;
}
.reports .item:hover {
  color: var(--color-red);
}
.reports .item:hover::after {
  content: '';
  background: url(/static/2024/img/icons/icon-link.svg) no-repeat center / contain;
  width: 16px;
  height: 16px;
  display: block;
  position: absolute;
  top: 2rem;
  right: 2rem;

}

.reports .file_type {
  margin-bottom: .8rem;
}
.team .item {
  display: flex;
  flex-direction: column;
}
.table-items,
.table-items tbody{
  display: block;
}
.table-items tr {
  display: grid;
  grid-template-columns: repeat(2,1fr);
}
.table-items strong {font-size: 2.4rem; font-weight: 500;}
.table-items img {width: 8rem; height: 8rem;object-fit: contain;margin-bottom: 2rem;}
.page-about hr {margin: 3.2rem auto;}


.page-about .years .item{border-top: 1px solid rgba(0,0,0,.15); padding: 2rem 0 8rem;position: relative;overflow: hidden;}

.page-about .years .title-md {margin-bottom: 3rem;}
.page-about .years .year_img {
  filter: grayscale(1);
}
.page-about .years .text-group {
  display: grid;
  grid-template-columns: 30rem 1fr;
  gap: 0 3rem;
  max-width: 76.5rem;
  margin-left: auto;
  margin-right: auto;
  align-items: center;
  font-size: 1.3rem;
}
.page-about .years .text-group .text::before {
  content: '';
  height: 1px;
  width: 100%;
  max-width: 45%;
  position: absolute;
  top: 0;
  background-color: var(--color-red);
}
.page-about .visual-text {
  position: relative;
  display: flex;
  align-items: center;

}
.page-about .visual-text .text-group {
  position: absolute;
  max-width: calc(100% - 36rem); margin-left: auto;
  left: auto;
  right: 0;
  padding: 12rem 2rem 12rem 0;
}
.page-about .visual-text picture {
  filter: brightness(.45);
}
.page-about .gap-text-10 {
  margin-top: 10rem;
  margin-bottom: 10rem;
}
.page-about .img-desc {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.page-about .img-desc span{
  display: inline-flex;
  margin-top: 2rem;
  max-width: 50%;
  margin-left: auto;
  font-size: 1.3rem;
}
.page-about .text-lg {line-height: normal;}
.page-about .visual-text .banner-title {
  font-size: 4.4rem;
  color: #fff;
}
.page-about .table-2-col {
  font-size: 1.3rem;
  text-wrap: balance;
  display: block;
}
.page-about .table-2-col td{
  display: block;
  padding: 0;
  border: none;

}

.page-about .table-2-col tbody {display: block;}
.page-about .table-2-col tr {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 2rem;
}
.page-about .table-2-col td:first-child {
  font-size: 2rem;
  font-weight: 500;
  width: 30%;
}
.page-about .table-2-col td:last-child {
  width: 55%;
  margin-left: auto;
}
.page-about .mission__section {
  position: relative;
  display: flex;


}

.page-about .mission__section .mission__item-img {
  width: 36rem;
}
.page-about .missions {
  flex: 1;
}
.page-about .mission__section .v-line {
  width: 1px;
  display: inline-flex;
  height: auto;
  margin: 0 5.4rem;
  background: rgba(0,0,0,.12);
}
.page-about .accordion__name {margin-bottom: 1.2rem;}
.page-about .accordion__item:not(:last-child) {
  margin-bottom: 3rem;
}
.page-about .accordion__item {
  opacity: .54;
}
.page-about .accordion__item.active {
  opacity: 1;
}
.page-about .accordion__name {
  font-size: 2rem;
  font-weight: 500;
  cursor: pointer;
  text-transform: uppercase;
}
.page-about .accordion__content p {
  margin-bottom: 0;
}
.page-about .accordion__content {
  display: none;
  overflow: hidden;

  padding: 0;
}

.page-about .accordion__item.active .accordion__content {
  display: block;
}

#fund {padding-bottom: 8rem;}
.page-about .years .item:hover .year_img {
  filter: none;

}


@media screen and (max-width: 768px) {
  .page-about .sidebar-container {
    grid-template-columns: repeat(1,100%);
    gap: 2.8rem;
  }
  #mission, #years {padding: 4.4rem 0;}
  #mission aside {display: none;}
  #fund {padding-bottom: 2rem;}
  .page-about h2 {
    font-size: 2rem;
  }
  .page-about .img-desc span {
    max-width: 100%;
  }
  .page-about .years .text-group .text::before {max-width: 100%;}
  .page-about .years .item {padding-bottom: 4.4rem;}
  .page-about .years .year_img {margin-bottom: 2rem;}
  .page-about .years .title-md {font-size: 4.8rem;}
  .page-about .years .text-group {grid-template-columns: repeat(1,1fr);}
  .table-items tr {
    grid-template-columns: repeat(1,100%);
    gap: 2rem;
    text-align: center;
  }
  .page-about .gap-text-10 {
    margin: 4.4rem 0;
  }
  .mission__item-img {
    display: none;
  }
  .page-about .mission__section .v-line {display: none;}
  .table-items img {margin: 0 auto 2rem;}
  .page-about .table-2-col td:first-child {width: 100%;margin: 0 0 1.2rem;}
  .page-about .table-2-col td:last-child {width: 100%;}
  .page-about .visual-text {
    height: 120vw;
  }
  .page-about .visual-text .text-group {
    padding: 1.2rem;
  }
  .page-about .visual-text .banner-title {
    font-size: 2.2rem;
  }
  .page-about .visual-text .text-group {max-width: 100%;}
}
.volunteering .grid-2 {
  display: grid;
}
.volunteering hr {
  margin: 3rem auto;
}
.volunteering .table-subcribe tr{
  display: flex;
  flex-direction: column;
}
.volunteering .container{z-index:1;}
.volunteering .desktop{display:block;}
.volunteering .mobile{display:none;}
.volunteering h3 {
  margin-bottom: 2rem;
}
.volunteering .btn-group {justify-content: center;}
.volunteering .table-items tr {
  grid-template-columns: repeat(3,1fr);
}
.volunteering td {text-align: center;}
.volunteering td img {margin: 0 auto 2rem;}
.volunteering h4:not(:first-of-type) {text-align: center;}
.volunteering h4{font-size:1.6rem;margin-bottom:3.2rem;}
.volunteering h4 + ul{margin-top:0;}

.volunteering .pluses{display:flex;justify-content:space-between;flex-wrap:wrap;margin:30px auto !important;}
.volunteering .pluses .item{width:285px;margin-bottom:50px;display:flex;line-height:1.4;font-weight:bold;align-items:center;}
.volunteering .pluses .item .ico{position:relative;min-width:99px;width:99px;height:99px;text-align:center;font-size:50px;line-height:95px;margin-right:18px;font-weight:normal;}
.volunteering .pluses .item .ico img{position:absolute;z-index:-1;left:0;top:0;}
.volunteering .pluses .item span{margin-bottom:10px;}

.volunteering #rubric_trebovaniya{background:#2e2f3b;padding:80px 0 1px;margin-bottom:80px;}
.volunteering #rubric_trebovaniya h4{color:#fff;}
.volunteering #rubric_trebovaniya h4 strong{color:#ffc71d;}
.volunteering #rubric_trebovaniya .text{color:#fff;}
.volunteering #rubric_trebovaniya .item{display:block;text-align:center;}
.volunteering #rubric_trebovaniya .item .ico{margin:0 auto;margin-bottom:10px;}
.volunteering #rubric_trebovaniya .item .ico span{display:none;}

@media screen and (max-width:640px){	
	.for_desktop{display:none;}
	.for_mobile{display:initial;}
	.volunteering .desktop{display:none;}
	.volunteering .mobile{display:block;}
	.volunteering h4{margin-bottom:30px;}
	.volunteering .pluses .item{margin-bottom:30px;width:100%;}
	.volunteering #rubric_trebovaniya{padding-top:50px;margin-bottom:50px;}
	.volunteering #rubric_trebovaniya .item{-moz-hyphens: auto;-webkit-hyphens: auto;-ms-hyphens: auto;hyphens: auto;}
	.text table td:first-child, .text table td:last-child{padding:0;}
	.volunteering .text table td a{margin-top:0;}
	.volunteering .text table tr{display:block;width:100%;}
	.volunteering .text table td{display:block !important;width:100% !important;}
}