/* -----------------------------------------------------MAIN BLOCK CIRCLE PHOTO COOPERATE */
.main__block {
  min-height: 100vh;
}
.main__photo__block__cooperate {
  height: auto;
  width: var(--use-free-space-feedback);
  max-width: 1300px;
  display: flex;
  justify-content: center;
  align-items: start;
  margin: 0 auto;
  margin-top: var(--margin-block-min);
}
.main__photo__block__cooperate__second {
  margin: var(--margin-block-max150) auto;
}

.main__block__short__desc__cooperate__section {
  height: 100%;
  width: 50%;
  display: flex;
  justify-content: start;
  align-items: start;
}
.main__short__info__cooperate {
  margin-top: var(--margin-text);
  font-size: 26px;
}
.btn__support {
  height: 100px;
  max-width: 500px;
  width: 80%;
  min-width: 130px;
  border-radius: 65px;
  border: 3px solid #3095dd47;
  margin-top: var(--margin-block-minx2);
  display: flex;
  justify-content: center;
  align-items: center;
  margin: var(--margin-text) 0;
}

.btn__support__ref {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 80%;
  width: 90%;
  background-color: #2479b5;
  border-radius: 55px;
  font-size: 24px;
  font-family: fixelText-medium;
  color: white;
  text-align: center;
}
.btn__support__ref:hover {
  cursor: pointer;
  color: white;
}
.main__short__desc__cooperate {
  width: 80%;
  padding: var(--margin-text) 0;
}
.main__block__short__desc__cooperate__section {
  display: flex;
  width: 70%;
  justify-content: center;
}
.wrapper__main__block__short__desc__cooperate__section {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: start;
  margin-left: 5%;
  border: 0px;
  width: 100%;
}
.main__block__circle__photo__section {
  height: 100%;
  width: 50%;
  display: flex;
  justify-content: end;
  margin-right: 5%;
  align-items: start;
}
.main__circle__photo {
  height: 450px;
  width: 450px;

  border-radius: 100%;
  background-color: #c65656;
}
.img__circle__photo {
  height: inherit;
  width: inherit;
  object-fit: cover;
  border-radius: 50%;
  background-size: 10%;
}

.img__main__photo {
  font-family: fixelText-bold;
  font-size: 96px;
  color: #eaeaea;
}
/* -----------------------------------------------------MAIN BLOCK SHORT DESC */
.short__desc__support__block {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  margin: var(--margin-block-max) auto;
  margin-bottom: 0;

  width: var(--use-free-space);
}
.text__desc__support__block {
  width: var(--use-free-space);
}
.text__desc__support__block > * {
  margin: var(--margin-block) 0;
  margin-bottom: 0;
}
.short__desc__support {
  font-size: 30px;
}
.img__desc__wrapper__block {
  height: 40vw;
  width: calc(100% - 10px);
  border-radius: 45px;
  border: 4px solid #ffff3c;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 10px 10px 55px -20px #adadadd5;
}
.img__desc {
  height: 90%;
  width: 90%;
  background-color: #d9d9d9;
  border-radius: 45px;
}
/* -----------------------------------------------------TWO IMGS BLOCK */

.support__imgs__block {
  height: 600px;
  width: var(--use-free-space);
  /* background-color: #a8a8a8; */
  margin: var(--margin-block-max) auto;
  margin-bottom: 0;

  display: flex;
  justify-content: center;
}
.support__img__wrapper {
  height: 100%;
  width: 50%;
  max-width: 450px;
  min-width: 350px;
  margin: 0 5%;
  margin-bottom: 0;

  border-radius: 45px;
  border: 2px solid #ffff3c;
  display: flex;
  justify-content: center;
  align-items: center;
}
.support__img__instance {
  height: 90%;
  width: 90%;
  background-color: #d9d9d9;
  border-radius: 45px;
}
.img__support__img__instance {
  height: 100%;
  width: 100%;
  object-fit: cover;
  border-radius: 45px;
}
/* -----------------------------------------------------OUR PURPOSES */
.purpose__block {
  height: auto;
  width: var(--use-free-space);
  margin: var(--margin-block-max150) auto;
  margin-bottom: 0;
  position: relative;
}
.purpose__wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}
.purpose__wrapper::after {
  content: "";
  position: absolute;
  height: 120%;

  width: 50%;
  background-image: url("../figure/rectangle__our__purpose.png");
  background-repeat: no-repeat;
  background-position: center center;
  right: -100px;
  top: -10%;
}
.purpose__wrapper::before {
  content: "";
  position: absolute;
  height: 120%;
  width: 50%;
  background-image: url("../figure/rectangle__our__purpose.png");
  background-repeat: no-repeat;
  background-position: center center;
  left: -100px;
  transform: rotate(180deg);
  top: -10%;
}
.purpose__title {
}
.purpose__list__block {
  display: flex;
  justify-content: center;
  width: 90%;
}
.purpose__list__block > ul > li {
  margin-top: var(--margin-text-maxx2);
  font-size: 26px;
  position: relative;
  display: flex;
  margin-left: 20%;
  margin-right: 10%;
  font-size: 22px;
  color: #2479b5;
}
.purpose__list__block > ul {
}
.figure__decoration__our__purpose {
  position: absolute;
  height: 10%;
  top: 0;
  right: 0;
}

.inner__circle__our__purpose {
  height: 25px;
  min-width: 25px;
  background-color: #ebebeb;
  border-radius: 50%;
  position: relative;
}

.outer__circle__our__purpose {
  height: 35px;
  min-width: 35px;
  margin-top: -10px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  border: 3px solid #2479b550;
  margin-right: 20px;
  padding: 10px;
}
/* -----------------------------------------------------SLIDER COOPERATE */
.slider__cooperate__block {
  height: 40vw;
  width: 60%;
  border-radius: 45px;
  border: 3px solid rgb(246, 242, 51);
  margin: var(--margin-block-max150) auto;
  margin-bottom: 0;

  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.btn__slider__cooperate__next {
  height: 5vw;
  width: 5vw;
  position: absolute;
  z-index: 20;
  background-color: #ececec;
  right: -20px;
  border-radius: 50%;
  border: 0;
  background-image: url(../icons/Vector-comment.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 1vw;
  cursor: pointer;
  border: 0px;
}
.slider__wrapper {
  height: 95%;
  width: 95%;
  border-radius: 45px;
  overflow: hidden;
  background-color: #bababa;
}
.slider__img__block {
  height: 100%;
  min-width: 100%;
  border-radius: 45px;
  display: flex;
  transition: all 1.5s ease;
}
.slider__img__instanse {
  background-color: #ffffff;
  height: 100%;
  min-width: 100%;
  border-radius: 45px;
}
.img__slider__img__instanse {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
/* -----------------------------------------------------QUOTE LIST */

.quote__block {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: auto;
  width: var(--use-free-space);
  margin: var(--margin-block-max) auto;
  margin-bottom: 0;
}
.quote__wrapper {
  height: 100%;
  width: 80%;
  background-color: #8db976;
}
.quote__title {
  text-align: center;
  padding: 50px;
}
.quote__list {
  height: auto;
  width: 80%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.btn__support.quote__section {
  margin-top: var(--margin-block-max);
}
.quote__list > ul > li {
  margin-top: var(--margin-block-max);
  font-size: 26px;
  padding: 0 50px;
}
.quote__list > ul > li:first-child {
  margin-top: var(--margin-block);
  text-align: center;
  padding: 0;
}
/* -----------------------------------------------------WIDE IMG PARTHNER */
.wide__picture.wide__picture__parthner {
  margin-top: var(--margin-block-max);
  border-radius: 45px;
}

/* -----------------------------------------------------STATISTIC BLOCK */
.statistic__block {
  margin-top: var(--margin-block-max);
  min-height: 400px;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  box-shadow: 0px 0px 55px -20px #adadadd5;
}
.statistic__block > * {
  margin-top: var(--margin-block);
  text-align: center;
  font-size: 30px;
}
.text__statistic {
  width: var(--use-free-space);
  display: flex;
  justify-content: center;
  align-items: center;
}
.indicators__statistic {
  display: flex;
  justify-content: center;
  align-items: start;
  background-color: #fff;
  width: var(--use-free-space);
  margin-bottom: var(--margin-block);
}
.indicators__statistic > * {
  width: 33%;
  height: 90%;
  color: #1c4e72;
}
.counts__statistic {
  font-size: 70px;
  font-family: fixelText-bold;
}
.desc__statistic {
  font-size: 24px;
  font-family: fixelText-light;
}
.img__icons__statistic {
  height: 50px;
}
/* -----------------------------------------------------WIDE PICTURE */
.wide__picture {
  display: flex;
  justify-content: center;
  height: 40vw;
  margin-top: var(--margin-block);
  border-radius: 45px;
}

.img__wide__picture {
  width: var(--use-free-space);
  background-color: #ffffff;
  object-fit: cover;
  border-radius: 45px;
}
/* -----------------------------------------------------LIST PURPOSES */
.list__puproses {
  min-height: 600px;
  width: 100%;
  display: flex;
  justify-content: center;

  font-size: 30px;
}
.ul__purpose {
  width: 70%;
}
.li__purpose {
  margin: var(--margin-block) 0;
  margin-bottom: 0;

  position: relative;
  margin-left: 100px;
}
.li__purpose:last-child {
  margin-bottom: 0px;
}
.li__purpose:before {
  content: "";
  background-image: url(../icons/Switcher-purposes.svg);
  background-repeat: no-repeat;
  background-size: 50px 50px;
  background-position: center;
  height: 80px;
  width: 100px;
  position: absolute;
  left: -100px;
  top: -15px;
}
/* -----------------------------------------------------JOIN US BLOCK */
.join__us__block {
  margin-top: var(--margin-block);
  min-height: 600px;
  width: 100%;
  background-color: #2479b5;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}

.title__joining {
  display: flex;
  justify-content: center;
  width: var(--use-free-space);
  margin-top: var(--margin-block);
  font-size: 34px;
  font-family: fixelText-bold;
  color: white;
}
.separate__sections {
  display: flex;
  justify-content: center;
  width: var(--use-free-space);
  align-items: center;
}
.separate__sections > * {
  margin: 0 var(--adapt--margin-block-min);
}
.steps__to__join {
  width: 50%;
}

.steps__to__join > ul > * {
  margin: var(--margin-block) 0;
}
.btn__joining__block {
  height: 110px;
  width: 50%;
  max-width: 400px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 3px solid rgb(199, 199, 199);
  border-radius: 200px;
  width: 40%;
}
.btn__join {
  height: 90px;
  width: 90%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #fff;
  min-width: 300px;
  border-radius: 55px;
  border: 0px;
  font-size: 34px;
  font-family: fixelText-medium;
  color: #1c4e72;
  position: relative;
  cursor: pointer;
}

.ul__join {
  height: 100%;
  width: 100%;
  position: relative;
}

.li__join {
  display: flex;
  align-items: center;
  font-size: 26px;
  font-family: fixelText-medium;
  color: white;
}

.li__join > * {
  margin: 0px 15px;
}

.circle__join {
  display: flex;
  justify-content: center;
  align-items: center;

  min-height: 80px;
  min-width: 80px;
  border: 5px solid rgba(210, 210, 210, 0.595);
  background-color: #2479b5;
  border-radius: 50%;
  z-index: 25;
}
.inner__circle__join {
  display: flex;
  height: 60px;
  width: 60px;
  border: 5px solid #dadada;
  border-radius: 50%;
}
/* -----------------------------------------------------RESPONSE BLOCK */
.feedback__tell__about {
  margin-top: var(--margin-block-max);
  display: flex;
  justify-content: center;
  padding: 0 10%;
  text-align: center;
}
.feedback__block {
  height: auto;
  width: 100%;
  display: flex;
  justify-content: start;
  background-color: #ffffff;
  margin-top: var(--margin-block);
  box-shadow: 0px 0px 55px -20px #adadadd5;
  overflow-x: hidden;
}

.wrapper__slider {
  height: 100%;
  min-width: 100%;
  display: flex;
  transition: all 1.5s ease;
}
.responses__block {
  height: 100%;
  min-width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.card__participate {
  margin: var(--margin-block) 0;
  border-radius: 35px;
  height: 400px;
  width: 300px;
  background-color: #ececec;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.img__participate {
  margin-top: 0px;
  height: 250px;
  width: 250px;
  margin-top: 20px;
  border-radius: 35px;
}
.short__desc__participate {
  height: calc(100% - 270px);
  font-size: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 20px;
  font-family: fixelText-medium;
}
.comment__participate {
  border-radius: 0 35px 35px 0;
  display: flex;
  justify-content: center;
  align-items: center;

  height: 300px;
  background-color: #f5f2f2;
  width: 50%;
  position: relative;
  max-width: 1000px;
}
.comment__instance {
  display: flex;
  justify-content: center;
  height: 60%;
  width: 90%;
  margin: auto 0;
  overflow-y: scroll;
  overflow-x: hidden;
  padding: auto 0;
}
.text__comment {
  width: 97%;
  font-size: 26px;
  margin-left: 0px;
  overflow-x: hidden;
  margin: auto 0;
}
.feedback__nav {
  display: flex;
  height: 120px;
  width: 120px;
  justify-content: start;
  align-items: center;
}
.nav__target__arrow__right {
  display: flex;
  justify-content: center;
  height: 100px;
  width: 100px;
  background-color: #ececec;
  border-radius: 50%;
  background-image: url("/icons/Vector-comment.svg");
  background-repeat: no-repeat;
  background-size: 25px 25px;
  background-position: center;
  border: 0px solid;
  transform: translateX(-50px);
  cursor: pointer;
}

/* -----------------------------------------------------LIST PARTHNERS */

.parthners__block {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-height: 700px;
  width: 100%;
}
.text__parthners {
  margin-top: var(--margin-block);
  font-size: 36px;
  color: #2479b5;
  font-family: fixelText-bold;
}
.list__img__parthners {
  margin: var(--adapt--margin-block-min) 0;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  width: 60%;
}

.logo__circle__parthner {
  height: 130px;
  width: 130px;
  border-radius: 50%;
  background-color: #f5f2f2;
  display: flex;
  justify-content: center;
  align-items: center;
  filter: grayscale(100%);
}
.img__logo__parthner {
  height: 80px;
  width: 80px;
}
.parthner {
  margin: var(--adapt--margin-block-min);
}