@charset "UTF-8";

@font-face {
  font-family: Raleway;
  font-style: normal;
  font-weight: 200;
  src: url(../fonts/Raleway-Thin.ttf) format("truetype");
}

@font-face {
  font-family: Raleway;
  font-style: normal;
  font-weight: 300;
  src: url(../fonts/Raleway-Light.ttf) format("truetype");
}

@font-face {
  font-family: Raleway;
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/Raleway-Regular.ttf) format("truetype");
}

@font-face {
  font-family: Raleway;
  font-style: normal;
  font-weight: 500;
  src: url(../fonts/Raleway-Medium.ttf) format("truetype");
}

@font-face {
  font-family: Raleway;
  font-style: normal;
  font-weight: 600;
  src: url(../fonts/Raleway-Bold.ttf) format("truetype");
}

@font-face {
  font-family: Raleway;
  font-style: normal;
  font-weight: 800;
  src: url(../fonts/Raleway-Extrabold.ttf) format("truetype");
}

:root {
  --indexSize: 1vh + 1vw;
}

html {
  font-size: 10px;
  scroll-behavior: auto;
}

body,
html {
  height: 100%;
  min-width: 320px;
}

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #1f2229;
  font-size: 1.8rem;
  line-height: 1.2;
}

body,
button,
input,
textarea {
  font-family: Raleway, sans-serif;
}

button,
input,
textarea {
  font-size: inherit;
  line-height: inherit;
}

body.lock {
  overflow: hidden;
  padding-right: 17px;
}

.touch body.lock {
  padding-right: 0;
}

.wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  min-height: 100%;
  overflow: hidden;
  -webkit-transition: all 0.45s cubic-bezier(0.39, 0.575, 0.565, 1);
  transition: all 0.45s cubic-bezier(0.39, 0.575, 0.565, 1);
  -webkit-transition-duration: 1s;
  transition-duration: 1s;
}

@supports (overflow: clip) {
  .wrapper {
    overflow: clip;
  }
}

.wrapper > main,
main {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}

::-moz-selection {
  background-color: #5ab16f;
  color: #fff;
}

::selection {
  background-color: #5ab16f;
  color: #fff;
}

input:focus:required:invalid,
textarea:focus:required:invalid {
  border-color: #d31543;
}

input:required:valid,
textarea:required:valid {
  border-color: #bc9e7b;
}

input,
textarea {
  -webkit-box-shadow: none;
  box-shadow: none;
}

button:focus,
input,
textarea {
  outline: none;
}

[data-fullscreen] {
  min-height: 100vh;
}

.touch [data-fullscreen] {
  min-height: calc(var(--vh, 1vh) * 100);
}

@-webkit-keyframes rotation {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn);
  }
}

@keyframes rotation {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn);
  }
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

input[type="search"]::-ms-clear,
input[type="search"]::-ms-reveal {
  display: none;
  height: 0;
  width: 0;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
  display: none;
}

.input,
.textarea {
  background: transparent;
  border: 0.06rem solid #1f2229;
  border-radius: 0.4rem;
  color: #1f2229;
  font-size: 1.8rem;
  font-weight: 400;
  padding: 0 2.3rem;
  text-align: left;
  -webkit-transition: all 0.45s cubic-bezier(0.39, 0.575, 0.565, 1);
  transition: all 0.45s cubic-bezier(0.39, 0.575, 0.565, 1);
  width: 100%;
}

.input::-webkit-input-placeholder,
.textarea::-webkit-input-placeholder {
  color: #616161;
  opacity: 1;
  -webkit-transition: all 0.45s cubic-bezier(0.39, 0.575, 0.565, 1);
  transition: all 0.45s cubic-bezier(0.39, 0.575, 0.565, 1);
}

.input::-moz-placeholder,
.textarea::-moz-placeholder {
  color: #616161;
  opacity: 1;
  -moz-transition: all 0.45s cubic-bezier(0.39, 0.575, 0.565, 1);
  transition: all 0.45s cubic-bezier(0.39, 0.575, 0.565, 1);
}

.input:-ms-input-placeholder,
.textarea:-ms-input-placeholder {
  color: #616161;
  opacity: 1;
  -ms-transition: all 0.45s cubic-bezier(0.39, 0.575, 0.565, 1);
  transition: all 0.45s cubic-bezier(0.39, 0.575, 0.565, 1);
}

.input::-ms-input-placeholder,
.textarea::-ms-input-placeholder {
  color: #616161;
  opacity: 1;
  -ms-transition: all 0.45s cubic-bezier(0.39, 0.575, 0.565, 1);
  transition: all 0.45s cubic-bezier(0.39, 0.575, 0.565, 1);
}

.input::placeholder,
.textarea::placeholder {
  color: #616161;
  opacity: 1;
  -webkit-transition: all 0.45s cubic-bezier(0.39, 0.575, 0.565, 1);
  transition: all 0.45s cubic-bezier(0.39, 0.575, 0.565, 1);
}

.input:focus::-webkit-input-placeholder,
.textarea:focus::-webkit-input-placeholder {
  opacity: 0;
}

.input:focus::-moz-placeholder,
.textarea:focus::-moz-placeholder {
  opacity: 0;
}

.input:focus:-ms-input-placeholder,
.textarea:focus:-ms-input-placeholder {
  opacity: 0;
}

.input:focus::-ms-input-placeholder,
.textarea:focus::-ms-input-placeholder {
  opacity: 0;
}

.input:focus::placeholder,
.textarea:focus::placeholder {
  opacity: 0;
}

.textarea {
  padding: 1.6rem 2.3rem;
  resize: none;
}

.select-box {
  display: block;
  font-size: 1.8rem;
  max-width: 100%;
  position: relative;
  width: 100%;
}

.select-box__current {
  background: transparent;
  border: 1px solid #bababa;
  border-radius: 0.6rem;
  color: #fff;
  color: #1f2229;
  cursor: pointer;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1;
  padding: 0;
  text-align: left;
  -webkit-transition: all 0.45s cubic-bezier(0.39, 0.575, 0.565, 1);
  transition: all 0.45s cubic-bezier(0.39, 0.575, 0.565, 1);
  width: 100%;
}

.select-box__current:focus + .select-box__list {
  -webkit-animation-name: none;
  animation-name: none;
  opacity: 1;
}

.select-box__current:focus + .select-box__list .select-box__option {
  cursor: pointer;
}

.select-box__current:focus .select-box__icon {
  -webkit-transform: translateY(-60%) rotate(180deg);
  -ms-transform: translateY(-60%) rotate(180deg);
  transform: translateY(-60%) rotate(180deg);
}

.select-box__icon {
  position: absolute;
  right: 1.4rem;
  top: 52%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: 0.2s ease;
  transition: 0.2s ease;
  width: 0.9rem;
}

.select-box__value {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.select-box__value:first-of-type .select-box__input-text {
  color: #1f2229;
}

.select-box__input {
  display: none;
}

.select-box__input:checked + .select-box__input-text {
  display: block;
}

.select-box__input-text {
  display: none;
  margin: 0;
  padding: 0;
  width: 100%;
}

.select-box__list {
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
  -webkit-animation-duration: 0.4s;
  animation-duration: 0.4s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-name: HideList;
  animation-name: HideList;
  -webkit-animation-timing-function: step-start;
  animation-timing-function: step-start;
  background-color: #fff;
  border: none;
  -webkit-box-shadow: 0 15px 30px -10px rgba(0, 0, 0, 0.1);
  box-shadow: 0 15px 30px -10px rgba(0, 0, 0, 0.1);
  font-size: 1.4rem;
  list-style: none;
  opacity: 0;
  padding: 0.8rem 0;
  position: absolute;
  width: 100%;
  z-index: 2;
}

.select-box__option {
  background: #fff;
  color: #1f2229;
  display: block;
  margin-bottom: 0;
  padding: 0.5rem 1.4rem;
  -webkit-transition: all 0.45s cubic-bezier(0.39, 0.575, 0.565, 1);
  transition: all 0.45s cubic-bezier(0.39, 0.575, 0.565, 1);
}

.select-box__option:focus,
.select-box__option:hover {
  background-color: #fbfbfb;
}

@-webkit-keyframes HideList {
  0% {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    z-index: 1;
  }

  to {
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    z-index: -1;
  }
}

@keyframes HideList {
  0% {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    z-index: 1;
  }

  to {
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    z-index: -1;
  }
}

.control {
  color: #1f2229;
  cursor: pointer;
  font-size: 1.4rem;
  font-weight: 400;
  margin-bottom: 0;
  padding-left: 2.9rem;
  padding-top: 0.9rem;
  position: relative;
}

.control,
.control a {
  display: inline-block;
  line-height: 1;
}

.control a {
  color: #cd1e40;
  text-decoration: none;
}

.control a:after {
  background-color: #cd1e40;
  content: "";
  display: block;
  height: 1px;
  -webkit-transition: width 0.5s ease-out;
  transition: width 0.5s ease-out;
  width: 100%;
}

.control a:hover {
  color: #cd1e40;
}

.control a:hover:after {
  width: 0;
}

.control input {
  left: 0.6rem;
  opacity: 0;
  position: absolute;
  top: 0.2rem;
  z-index: -1;
}

.control_indicator {
  background: #fff;
  border: 0.07rem solid #1f2229;
  border-radius: 0.4rem;
  height: 2.1rem;
  left: 0;
  position: absolute;
  top: 0.4rem;
  width: 2.1rem;
}

.control_indicator:after {
  -webkit-box-sizing: unset;
  box-sizing: unset;
  content: "";
  display: none;
  position: absolute;
}

.control-checkbox .control_indicator:after {
  background: url(../img/checkbox.svg) 50% / contain no-repeat;
  height: 0.8rem;
  left: 51%;
  top: 52%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 1rem;
}

.control input:checked ~ .control_indicator:after {
  display: block;
}

.link {
  position: relative;
}

.link:hover {
  color: #5ab16f;
}

.link:after {
  background: #212529;
  bottom: 0;
  content: "";
  height: 0.1rem;
  left: 0;
  position: absolute;
  -webkit-transition: all 0.45s cubic-bezier(0.39, 0.575, 0.565, 1);
  transition: all 0.45s cubic-bezier(0.39, 0.575, 0.565, 1);
  width: 100%;
}

.link:hover:after {
  width: 0;
}

.h1 {
  font-size: 3.8rem;
  font-weight: 800;
  line-height: 1.2105263158;
}

.h2 {
  font-size: 6rem;
  font-weight: 200;
  text-transform: uppercase;
}

.h3 {
  font-size: 2rem;
  font-weight: 600;
}

img {
  height: auto;
  max-width: 100%;
}

a {
  -webkit-transition: all 0.45s cubic-bezier(0.39, 0.575, 0.565, 1);
  transition: all 0.45s cubic-bezier(0.39, 0.575, 0.565, 1);
}

a,
a:hover {
  color: #1f2229;
  text-decoration: none;
}

.container-1440 {
  max-width: 152rem;
  max-width: 174.4rem;
}

.container,
.container-1440 {
  margin: 0 auto;
  padding-left: 4rem;
  padding-right: 4rem;
}

.container {
  max-width: 180rem;
  max-width: 144.4rem;
  max-width: 152rem;
  max-width: 153.5rem;
}

.btn {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  align-items: center;
  background: #5ab16f;
  border: none;
  border-radius: 0.6rem;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #fff;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 1.8rem;
  font-weight: 400;
  justify-content: center;
  letter-spacing: 0;
  line-height: 1.2;
  padding: 0;
  position: relative;
  text-shadow: none;
  text-transform: none;
  -webkit-transition: all 0.45s cubic-bezier(0.39, 0.575, 0.565, 1);
  transition: all 0.45s cubic-bezier(0.39, 0.575, 0.565, 1);
}

.btn:hover {
  background: #7dc18d;
  color: #fff;
}

svg {
  -webkit-transition: all 0.45s cubic-bezier(0.39, 0.575, 0.565, 1);
  transition: all 0.45s cubic-bezier(0.39, 0.575, 0.565, 1);
}

.svg-hidden {
  display: none;
}

.fancybox-custom .fancybox-button {
  background: #1e1e20;
  color: #fff;
  height: 5.6rem;
  width: 5.6rem;
}

.fancybox-custom .fancybox-navigation .fancybox-button--arrow_left,
.fancybox-custom .fancybox-navigation .fancybox-button--arrow_right {
  background: #1e1e20;
  color: #fff;
  height: 5.6rem;
  padding: 0.5rem;
  width: 5.6rem;
}

.fancybox-custom.fancybox-is-open .fancybox-bg {
  background: #fff;
  opacity: 0.98;
}

.swiper-wrapper {
  -webkit-transition: all 0.45s cubic-bezier(0.39, 0.575, 0.565, 1);
  transition: all 0.45s cubic-bezier(0.39, 0.575, 0.565, 1);
}

@-webkit-keyframes hvr-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }

  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }

  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }

  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }

  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }

  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }

  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }

  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }

  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }

  to {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}

@keyframes hvr-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }

  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }

  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }

  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }

  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }

  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }

  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }

  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }

  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }

  to {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}

.hvr-buzz-out {
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  display: inline-block;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  vertical-align: middle;
}

.hvr-buzz-out:active,
.hvr-buzz-out:focus,
.hvr-buzz-out:hover {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-name: hvr-buzz-out;
  animation-name: hvr-buzz-out;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
}

@-webkit-keyframes fadeInDownMini {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -32%, 0);
    transform: translate3d(0, -32%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}

@keyframes fadeInDownMini {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -32%, 0);
    transform: translate3d(0, -32%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}

.fadeInDownMini {
  -webkit-animation-name: fadeInDownMini;
  animation-name: fadeInDownMini;
}

[class*="-ibg"] {
  position: relative;
}

[class*="-ibg"] img {
  height: 100%;
  left: 0;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 100%;
}

[class*="-ibg_contain"] img {
  -o-object-fit: contain;
  object-fit: contain;
}

@-webkit-keyframes fadeInDownSmall {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -32%, 0);
    transform: translate3d(0, -32%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}

@keyframes fadeInDownSmall {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -32%, 0);
    transform: translate3d(0, -32%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}

.fadeInDownSmall {
  -webkit-animation-name: fadeInDownSmall;
  animation-name: fadeInDownSmall;
}

.header {
  background-image: url(../img/header_theme.jpg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 108rem;
  height: 100vh;
  position: relative;
}

.header .container {
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  align-items: flex-start;
  gap: 1rem;
  justify-content: space-between;
  padding-top: 4rem;
}

.header .container,
.header ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.header ul {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 5.6rem;
  margin-bottom: 0;
  padding-top: 1rem;
}

.header ul li {
  list-style-type: none;
}

.header ul li a {
  color: #3c4a3e;
  letter-spacing: -0.9px;
}

.header ul li a,
.participate-btn  {
  font-size: 1.8rem;
  font-weight: 600;
  text-decoration: underline;
  text-transform: uppercase;
}

.participate-btn {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #3c4a3e;
  border-radius: 0.4rem;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 4rem;
  justify-content: center;
  width: 20.1rem;
  text-decoration: none;
}

.header-title {
  left: 50%;
  max-width: 120rem;
  position: absolute;
  text-align: center;
  top: 21rem;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 100%;
}

.header-title h1 {
  color: #3c4a3e;
  font-size: 13rem;
  font-weight: 900;
  letter-spacing: -7.8px;
  line-height: 90%;
  margin-bottom: 4.1rem;
  text-align: center;
  text-transform: uppercase;
}

.header-title p {
  left: -1.5rem;
  top: -2rem;
  -webkit-transform: rotate(-4.982deg);
  -ms-transform: rotate(-4.982deg);
  transform: rotate(-4.982deg);
}

.header-title .datetitle-header,
.header-title p {
  background: #fff;
  border-radius: 0.3601rem;
  color: #5ab16f;
  font-size: 3.6rem;
  font-weight: 400;
  letter-spacing: -1.6px;
  line-height: 1;
  padding: 0.22rem 3rem 0.7rem;
  position: absolute;
  text-transform: lowercase;
  z-index: 2;
}

.header-title .datetitle-header {
  right: -3rem;
  top: 7.4rem;
  -webkit-transform: rotate(11.211deg);
  -ms-transform: rotate(11.211deg);
  transform: rotate(11.211deg);
}

.header-subtitle {
  background: #fff;
  border-radius: 0.4rem;
  color: #3c4a3e;
  display: inline-block;
  font-size: 4.1rem;
  font-weight: 400;
  letter-spacing: -2.07px;
  line-height: 100%;
  padding: 0.2rem 1rem 0.4rem;
}

.header-subtitle.--1 {
  margin-bottom: 1.2rem;
}

.progress-bar {
  background: rgba(60, 74, 62, 0.6);
  border: 3.296px solid #fff;
  border-radius: 0.4rem;
  border-radius: 10.988px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 1rem;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}

.progress-block {
  background: transparent;
  height: 6.1rem;
  -webkit-transition: background 0.3s;
  transition: background 0.3s;
  width: 5.8rem;
}

.progress-block:first-of-type {
  border-radius: 0.5rem 0 0 0.5rem;
}

.progress-block:last-of-type {
  border-radius: 0 0.5rem 0.5rem 0;
}

.counter-text {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 3.1505rem;
  font-weight: 600;
  justify-content: center;
  text-align: center;
}

.progress-block.filled {
  background: #5ab16f;
}

.header-counter {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  bottom: 15rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 2rem;
  left: 50%;
  position: absolute;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

.counter-title {
  color: #fff;
  font-size: 4.6rem;
  font-weight: 600;
  letter-spacing: -1.84px;
  text-transform: uppercase;
}

.counter-title span {
  border-radius: 0.4rem;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-size: 4.6rem;
  font-weight: 500;
  gap: 1rem;
  letter-spacing: -2.3px;
  line-height: 1;
  padding: 0.2rem 1rem;
}

.counter-title span,
.counter-title span div {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #303030;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-variant-numeric: lining-nums proportional-nums;
  justify-content: center;
}

.counter-title span div {
  font-size: 9.5703rem;
  font-weight: 600;
  height: 10.4rem;
  position: relative;
  width: 9.3rem;
  z-index: 1;
}

.counter-title span div:before {
  background-color: #fff;
  border-radius: 0.8322rem 0.8322rem 0 0;
  content: "";
  height: 5rem;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}

.counter-title span div:after {
  background-color: #fff;
  border-radius: 0 0 0.8322rem 0.8322rem;
  bottom: 0;
  content: "";
  height: 5rem;
  left: 0;
  position: absolute;
  width: 100%;
  z-index: -1;
}

.counter-contaner {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 3rem;
  position: relative;
}

.counter-contaner span {
  color: #fff;
  font-size: 4.6rem;
  font-variant-numeric: lining-nums proportional-nums;
  font-weight: 500;
  letter-spacing: -1.84px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  white-space: nowrap;
}

.counter-contaner span:first-of-type {
  left: 2rem;
}

.counter-contaner span:last-of-type {
  right: 2rem;
}

.main {
  background: #efefef;
  background: #F4F4F4;
  padding-top: 12rem;
}

.deels__chose-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 2.7rem;
}

.deels-chose input {
  display: none;
  opacity: 0;
  visibility: hidden;
}

.deels-chose span {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #e3e5e6;
  border-radius: 0.5407rem;
  color: #3c4a3e;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 2.5rem;
  font-variant-numeric: lining-nums proportional-nums;
  font-weight: 500;
  gap: 0.8rem;
  justify-content: center;
  letter-spacing: -1.28px;
  -webkit-transition: all 0.45s cubic-bezier(0.39, 0.575, 0.565, 1);
  transition: all 0.45s cubic-bezier(0.39, 0.575, 0.565, 1);
}

.deels-chose span b {
  font-weight: 600;
}

.deels-chose label {
  margin-bottom: 0;
}

.deels-chose label,
.deels-chose label span {
  height: 6.6rem;
  width: 100%;
}

.deels__chose-top {
  gap: 1.262rem;
}

.deels__chose-midle,
.deels__chose-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
  width: 100%;
}

.deels__chose-midle {
  gap: 1.081rem;
}

.deels-chose input[type="radio"]:checked + span {
  background: #5ab16f;
  color: #fff;
}

.iphone-section {
  margin-bottom: 7.7rem;
}

.iphone-section a {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
}

.iphone-section img {
  width: 100%;
}

.good-deels {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  background: #f5f6f8;
  border-radius: 0.9012rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 5rem;
  justify-content: space-between;
  margin-bottom: 9.3rem;
}

.deels-left {
  max-width: 57.5rem;
  padding: 4.2rem 0 4rem 3.8rem;
  width: 100%;
}
.deels__takeit-item{
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.deels__left-title h2 {
  color: #5ab16f;
  font-size: 6.5rem;
  font-variant-numeric: lining-nums proportional-nums;
  font-weight: 800;
  letter-spacing: -3.25px;
  line-height: 105%;
  margin-bottom: 5.37rem;
}

.chose__pay-btn {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #5ab16f;
  color: #fff;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 3.2rem;
  font-weight: 500;
  height: 8rem;
  justify-content: center;
  letter-spacing: -1.28px;
  margin-top: 3.8rem;
  text-transform: uppercase;
  -webkit-transition: all 0.45s cubic-bezier(0.39, 0.575, 0.565, 1);
  transition: all 0.45s cubic-bezier(0.39, 0.575, 0.565, 1);
}

.chose__pay-btn,
.deels-right {
  border-radius: 1rem;
  width: 100%;
}

.deels-right {
  background-image: url(../img/location-bg.jpg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  max-width: 84.5rem;
  padding: 4rem;
  position: relative;
}

.deels-right-subtitle {
  color: #fff;
  font-size: 3.2rem;
  font-weight: 600;
  letter-spacing: -1.28px;
  margin-bottom: 1rem;
}

.deels-wrap {
  bottom: 4rem;
  left: 0;
  padding-left: 4rem;
  padding-right: 4rem;
  position: absolute;
}

.deels-right-title img {
  margin-right: 1rem;
  -o-object-fit: contain;
  object-fit: contain;
}

.deels-right-title h3 {
  margin-bottom: 1.2rem;
}

.deels-right-title h3,
.deels-right-title h4 {
  background: #fff;
  border-radius: 0.4rem;
  color: #303030;
  display: inline-block;
  font-size: 4.6rem;
  font-weight: 500;
  letter-spacing: -2.3px;
  line-height: 100%;
  padding: 0.2rem 1rem 0.4rem;
}

.deels-right-title h4 {
  margin-bottom: 4rem;
}

.deels-right-btn a {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #4c5739;
  border-radius: 1rem;
  color: #fff;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 3.2rem;
  font-weight: 500;
  height: 8rem;
  justify-content: center;
  letter-spacing: -1.28px;
  text-transform: uppercase;
  -webkit-transition: all 0.45s cubic-bezier(0.39, 0.575, 0.565, 1);
  transition: all 0.45s cubic-bezier(0.39, 0.575, 0.565, 1);
  width: 100%;
}

.chose__pay-btn:hover,
.deels-chose input[type="radio"] + span:hover {
  background: #7dc18d;
  color: #fff;
}

.deels-right-btn a:hover {
  background: #525d3f;
}

.impact-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 3rem;
  margin-bottom: 7.7rem;
}

.impact-item {
  max-width: 84.5rem;
  width: 100%;
}

.impact-container {
  position: relative;
}

.impact__item-text p {
  color: #fff;
  font-size: 3.2rem;
  font-weight: 500;
  left: 50%;
  letter-spacing: -1.28px;
  margin-bottom: 0;
  padding-left: 3rem;
  padding-right: 3rem;
  position: absolute;
  text-shadow: 0 2px 2px rgba(0, 0, 0, 0.25);
  top: 3rem;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 100%;
}

.impact__item-img img {
  border-radius: 1.6rem;
}

.impact__item-title h3 {
  color: #4c5739;
  font-size: 4.6rem;
  font-weight: 500;
  letter-spacing: -2.3px;
  margin-bottom: 3rem;
  margin-left: 3rem;
}

.heroes-title {
  text-align: center;
}

.heroes-title h3 {
  color: #4c5739;
  font-size: 6.5rem;
  font-weight: 600;
  letter-spacing: -3.25px;
  line-height: 90%;
  margin-bottom: 3rem;
}

.heroes-title h4 {
  color: #303030;
  font-size: 3rem;
  font-weight: 400;
  letter-spacing: -2.3px;
  margin-bottom: 5rem;
}

.heroes-tabs {
  gap: 2.4rem;
  margin-bottom: 3rem;
}

.heroes-tabs,
.heroes__tabs-item {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
}

.heroes__tabs-item {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: rgba(90, 177, 111, 0.3);
  border-radius: 0.9rem;
  color: #4c5739;
  cursor: pointer;
  font-size: 3.2rem;
  font-weight: 600;
  height: 7.2rem;
  letter-spacing: -1.28px;
  text-transform: uppercase;
  -webkit-transition: all 0.45s cubic-bezier(0.39, 0.575, 0.565, 1);
  transition: all 0.45s cubic-bezier(0.39, 0.575, 0.565, 1);
  width: 100%;
}

.heroes-queicons {
  gap: 2.4rem;
  margin-bottom: 1.637rem;
}

.heroes-queicons,
.heroes__queicons-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.heroes__queicons-item {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #3c4a3e;
  font-size: 2rem;
  font-variant-numeric: lining-nums proportional-nums;
  font-weight: 500;
  gap: 0.99rem;
  letter-spacing: -0.8px;
  line-height: 20.007px;
  width: 100%;
}

.heroes__queicons-item img {
  cursor: pointer;
}

.heroes__tabs-item.active {
  background: #5ab16f;
  color: #fff;
}

.heroes__tabs-item:hover {
  background: #7dc18d;
}

.heroes__wrapper-item {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #fff;
  border-radius: 0.9rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2rem;
  justify-content: space-between;
  padding: 0.818rem 1rem 0.818rem 6.4rem;
  position: relative;
  width: 100%;
}

.heroes__wrapper-item:first-of-type:before {
  background-image: url(../img/medal-1.png);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  height: 4.6rem;
  left: 0.818rem;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 3.8rem;
}

.heroes__wrapper-item:nth-of-type(2):before {
  background-image: url(../img/medal-2.png);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  height: 4.6rem;
  left: 0.818rem;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 3.8rem;
}

.heroes__wrapper-item:nth-of-type(3):before {
  background-image: url(../img/medal-3.png);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  height: 4.6rem;
  left: 0.818rem;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 3.8rem;
}

.heroes__wrapper-item:nth-of-type(n + 4):before {
  color: #3c4a3e;
  font-size: 2.5rem;
  font-variant-numeric: lining-nums proportional-nums;
  font-weight: 500;
  left: 1.91rem;
  letter-spacing: -1.019px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.heroes__wrapper-item:nth-of-type(4):before {
  content: "4";
}

.heroes__wrapper-item:nth-of-type(5):before {
  content: "5";
}

.heroes__wrapper-item:nth-of-type(6):before {
  content: "6";
}

.heroes__wrapper-item:nth-of-type(7):before {
  content: "7";
}

.heroes__wrapper-item:nth-of-type(8):before {
  content: "8";
}

.heroes__wrapper-item:nth-of-type(9):before {
  content: "9";
}

.heroes__wrapper-item:nth-of-type(10):before {
  content: "10";
}

.heroes__wrapper-item.active {
  padding-left: 20rem;
  position: relative;
}

.heroes__wrapper-item img {
  left: 4rem;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.heroes__wrapper-number {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #3c4a3e;
  border-radius: 0.4rem;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 3.2rem;
  font-variant-numeric: lining-nums proportional-nums;
  font-weight: 500;
  gap: 0.5rem;
  height: 5.2rem;
  letter-spacing: -1.28px;
  padding: 1.09rem 2.3rem 1.16rem 2.36rem;
  text-transform: uppercase;
}

.heroes__wrapper-number img {
  position: unset;
  -webkit-transform: unset;
  -ms-transform: unset;
  transform: unset;
}

.heroes__wrapper-name {
  color: #5ab16f;
  font-size: 3rem;
  font-weight: 500;
  letter-spacing: -1.2px;
}

.heroes__wrapper-status {
  color: #303030;
  font-size: 2.4rem;
  font-weight: 500;
  letter-spacing: -1.2px;
}

.heroes-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 1rem;
  margin: 0 auto 12rem;
}

.heroes-wrapper,
.how__rating-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

.how__rating-btn {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #5ab16f;
  border-radius: 1rem;
  color: #fff;
  cursor: pointer;
  font-size: 2.9rem;
  font-weight: 500;
  height: 7.2rem;
  justify-content: center;
  letter-spacing: -1.28px;
  text-transform: uppercase;
  -webkit-transition: all 0.45s cubic-bezier(0.39, 0.575, 0.565, 1);
  transition: all 0.45s cubic-bezier(0.39, 0.575, 0.565, 1);
}

.how__rating-btn a {
  color: #fff;
}

.how__rating-btn:hover {
  background: #7dc18d;
}

.heroes-tab {
  display: none;
}

.heroes-tab.active-tab {
  display: block;
  width: 100%;
}

.forestnews-image {
  display: inline-block;
  height: 100%;
  margin-bottom: 3.2rem;
  max-height: 34.2rem;
  position: relative;
}

.forestnews-image img {
  border-radius: 0.8384rem;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.forestnews__image-text {
  bottom: 2.5rem;
  color: #fff;
  left: 50%;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  position: absolute;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 100%;
}

.forestnews__image-text span {
  background: #48b788;
  border-radius: 0.4rem;
  color: #fff;
  display: inline-block;
  font-size: 2.5rem;
  font-weight: 600;
  letter-spacing: -1.262px;
  margin-bottom: 0.547rem;
  padding: 0.1677rem 0.8384rem 0.3353rem;
}

.forestnews__image-text span:last-of-type {
  margin-bottom: 0;
}

.forestnews-item {
  max-width: 34.2rem;
  width: 100%;
}

.forestnews-item p {
  color: #4c5739;
  font-size: 2.1rem;
  font-weight: 500;
  letter-spacing: -0.901px;
}

.forestnews-item p:last-of-type {
  margin-bottom: 0;
}

.forestnews {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2.3rem;
  justify-content: space-between;
  margin-bottom: 12rem;
}

.meaning {
  background-image: url(../img/meaning-bg.jpg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 2rem;
  margin-bottom: 12rem;
  padding: 12rem 10rem 10rem;
}

.meaning-title {
  margin: 0 auto;
  max-width: 135.5rem;
  text-align: center;
  width: 100%;
}

.meaning-title h3 {
  color: #fff;
  font-size: 9.6rem;
  font-weight: 600;
  letter-spacing: -4.8px;
  line-height: 90%;
  margin-bottom: 4rem;
  text-align: center;
}

.meaning-subtitle {
  margin: 0 auto;
  max-width: 94.6rem;
  text-align: center;
  width: 100%;
}

.meaning-subtitle h4 {
  color: #4c5739;
  font-size: 6.4rem;
  font-weight: 600;
  letter-spacing: -3.2px;
  margin-bottom: 12.9rem;
}

.meaning-item {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-backdrop-filter: blur(7.5px);
  backdrop-filter: blur(7.5px);
  background: hsla(0, 0%, 100%, 0.1);
  border-radius: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  max-width: 55.3rem;
  padding: 4rem;
  width: 100%;
}

.meaning-item img {
  margin-bottom: 6.4rem;
  max-width: 9rem;
}

.meaning-item p {
  color: #fff;
  font-size: 3.2rem;
  font-weight: 500;
  letter-spacing: -1.28px;
  margin-bottom: 0;
}

.meaning-title {
  text-align: left;
}

.meaning-title span {
  background: #fff;
  border-radius: 0.4rem;
  color: #303030;
  display: inline-block;
  font-size: 4.6rem;
  font-weight: 500;
  letter-spacing: -2.3px;
  margin-bottom: 1rem;
  padding: 0.2rem 1rem 0.4rem;
}

.meaning-title span:last-of-type {
  margin-bottom: 2rem;
}

.meaning-wrapper {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 3rem;
  justify-content: space-between;
}

.sertificates-title h3 {
  color: #5ab16f;
  font-size: 6.5rem;
  font-variant-numeric: lining-nums proportional-nums;
  font-weight: 600;
  letter-spacing: -3.25px;
  line-height: 90%;
  text-align: center;
}

.sertificates-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 3.4rem;
  margin-bottom: 8.9rem;
  margin-top: 5.5rem;
}

.sertificates-wrapper img {
  -o-object-fit: contain;
  object-fit: contain;
  width: 100%;
}

.league-title {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
}

.league-title h3 {
  color: #4c5739;
  font-size: 6.5rem;
  letter-spacing: -3.25px;
  max-width: 130rem;
}

.league-title h3,
.league-title h4 {
  font-weight: 600;
  line-height: 1;
  text-align: center;
}

.league-title h4 {
  color: #fff;
  font-size: 5rem;
  letter-spacing: -2.5px;
  margin-bottom: 7.2rem;
  max-width: 94.6rem;
}

.league-date {
  background: #fff;
  border-radius: 0.4rem;
  color: #303030;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-size: 3.8rem;
  font-variant-numeric: lining-nums proportional-nums;
  font-weight: 500;
  letter-spacing: -1.945px;
  padding: 0.2rem 1rem 0.4rem;
  -webkit-transform: rotate(-5deg);
  -ms-transform: rotate(-5deg);
  transform: rotate(-5deg);
}

.green-league {
  background-image: url(../img/league-bg.jpg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 2rem;
  border-radius: 2rem 2rem 0 0;
  height: 96rem;
  padding: 7rem 4rem 4rem;
  text-align: center;
}

.your-trees__title {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
}

.your-trees__title h3 {
  color: #fff;
  font-size: 6.5rem;
  font-weight: 600;
  letter-spacing: 1px;
  line-height: 90%;
  margin-bottom: 2.8rem;
  max-width: 130rem;
  text-align: center;
}

.your-trees__title h4 {
  color: #fff;
  font-size: 3rem;
  font-weight: 400;
  margin-bottom: 3.7rem;
  max-width: 102.7rem;
  text-align: center;
}

.trees-wrapper__title {
  left: 50%;
  position: absolute;
  top: -3rem;
  -webkit-transform: translate(-50%);
  -ms-transform: translate(-50%);
  transform: translate(-50%);
  z-index: 1;
}

.trees-wrapper__title span {
  background: #5ab16f;
  border-radius: 0.4rem;
  color: #fff;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-size: 4.6rem;
  font-weight: 500;
  letter-spacing: -2.3px;
  padding: 0.2rem 1rem 0.4rem;
  -webkit-transform: rotate(5deg);
  -ms-transform: rotate(5deg);
  transform: rotate(5deg);
}

.your-trees {
  background: #3c4a3e;
  padding-bottom: 13.3rem;
  padding-top: 6.4rem;
}

.your-trees__wrapper {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: grid;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 3rem;
  grid-template-columns: repeat(3, 1fr);
  justify-content: space-between;
  position: relative;
}

.trees-wrapper__item {
  max-width: 55.3rem;
  position: relative;
  width: 100%;
}

.trees-wrapper__item img {
  border-radius: 1rem;
}

.trees-wrapper__text {
  border-radius: 0.4rem;
  bottom: 3rem;
  left: 50%;
  max-width: 45rem;
  padding-left: 3rem;
  padding-right: 3rem;
  position: absolute;
  -webkit-transform: translate(-50%);
  -ms-transform: translate(-50%);
  transform: translate(-50%);
  width: 100%;
}

.trees-wrapper__text span {
  background-color: #fff;
  border-radius: 0.3721rem;
  color: #303030;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-size: 2.6rem;
  font-weight: 500;
  letter-spacing: -1.6px;
  margin-bottom: 0.9rem;
  padding: 0.2rem 0.93rem 0.4rem;
}

.trees-wrapper__text span:last-of-type {
  margin-bottom: 0;
}

.people {
  margin-bottom: 10rem;
  margin-top: 7.7rem;
}

.people-title {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  margin-bottom: 5rem;
}

.people-title h3 {
  color: #303030;
  font-size: 6.5rem;
  font-weight: 600;
  letter-spacing: -3.9px;
  line-height: 90%;
  max-width: 85rem;
  text-align: center;
}

.people-title span {
  color: #5ab16f;
}

.people-wrapper {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 3rem;
  justify-content: space-between;
}

.people-item {
  background: #fff;
  border-radius: 1rem;
  max-width: 34.2rem;
  padding: 1.5rem;
  padding-bottom: 1.2rem;
}

.people-video {
  max-width: 34.8rem;
  position: relative;
  width: 100%;
}

.people-video video {
  background: #efefef;
  border-radius: 100%;
  cursor: pointer;
  height: 34.8rem;
  height: auto;
  -o-object-fit: cover;
  object-fit: cover;
  width: 34.8rem;
  width: 100%;
}

.play-btn {
  cursor: pointer;
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.people-name {
  margin-bottom: 3.3rem;
  margin-top: 2rem;
  text-align: center;
}

.people-name span {
  background: #5ab16f;
  border-radius: 0.4rem;
  color: #fff;
  display: inline-block;
  font-size: 3.5rem;
  font-weight: 500;
  letter-spacing: -1.75px;
  padding: 0.2rem 1.5rem 0.4rem;
}

.people-text p {
  color: #303030;
  font-size: 2.4rem;
  font-weight: 500;
  letter-spacing: -1.28px;
  margin-bottom: 1rem;
  max-width: 34.8rem;
}

.people-text p:last-of-type {
  margin-bottom: 0;
}

.save-forest__container {
  background: #5C6752;
  overflow: hidden;
  padding: 1.5rem 0;
  position: relative;
  white-space: nowrap;
  width: 100%;
}

.save-forest__slider {
  -webkit-animation: save-forest__container 24s linear infinite;
  animation: save-forest__container 24s linear infinite;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1.5rem;
}

.save-forest__slider img {
  height: auto;
  width: 22.3rem;
}

@-webkit-keyframes save-forest__container {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  to {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}

@keyframes save-forest__container {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  to {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}

.people__slider-arrows {
  height: 44px;
  margin-bottom: 3rem;
  position: relative;
  z-index: 100;
}

.people__slider-arrows .swiper-button-prev {
  background: url(../img/nav-prev.svg) 50% / contain no-repeat;
  cursor: pointer;
  height: 3.9rem;
  left: unset;
  right: 11.6rem;
  width: 9rem;
}

.people__slider-arrows .swiper-button-prev:after {
  content: unset;
}

.people__slider-arrows .swiper-button-next {
  background: url(../img/nav-next.svg) 50% / contain no-repeat;
  cursor: pointer;
  height: 3.9rem;
  left: unset;
  right: 0;
  width: 9rem;
}

.people__slider-arrows .swiper-button-next:after {
  content: unset;
}

.partners-arrows {
  height: 4.4rem;
  position: relative;
  top: -5rem;
  width: 22rem;
}

.partners-arrows .swiper-button-next {
  background: url(../img/nav-next.svg) 50% / contain no-repeat;
  cursor: pointer;
  height: 3.9rem;
  left: unset;
  right: 0;
  width: 9rem;
}

.partners-arrows .swiper-button-next:after {
  content: unset;
}

.partners-arrows .swiper-button-prev {
  background: url(../img/nav-prev.svg) 50% / contain no-repeat;
  cursor: pointer;
  height: 3.9rem;
  left: unset;
  right: 11.6rem;
  width: 9rem;
}

.partners-arrows .swiper-button-prev:after {
  content: unset;
}

.partners-title h3 {
  color: #303030;
  font-size: 4.1rem;
  font-weight: 500;
  letter-spacing: -1.657px;
  margin-bottom: 0;
  max-width: 55rem;
  text-transform: uppercase;
}

.partners-left {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2.6rem;
}

.partners-branch {
  -webkit-transform: rotate(47.251deg);
  -ms-transform: rotate(47.251deg);
  transform: rotate(47.251deg);
}

.partners-top {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
}

.swiper-slide.partners-slide {
  display: grid;
  gap: 2rem 0;
  grid-template-columns: repeat(5, 1fr);
}

.partners-slideres {
  background: #fff;
  margin-bottom: 4.3rem;
  margin-top: -2rem;
  overflow: hidden;
  padding: 5rem 2rem;
}

.partners-slideres .partners__item {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
}

.partners-slideres .partners__item img {
  -o-object-fit: contain;
  object-fit: contain;
  width: 100%;
}

.partners__item:first-of-type img {
  max-width: 12.5rem;
}

.partners__item:nth-of-type(2) img {
  max-width: 18.6rem;
}

.partners__item:nth-of-type(3) img {
  max-width: 17.6rem;
}

.partners__item:nth-of-type(4) img {
  max-width: 13.8rem;
}

.partners__item:nth-of-type(5) img {
  max-width: 17.5rem;
}

.partners__item:nth-of-type(6) img {
  max-width: 12.5rem;
}

.partners__item:nth-of-type(7) img {
  max-width: 15.2rem;
}

.partners__item:nth-of-type(8) img {
  max-width: 14.1rem;
}

.partners__item:nth-of-type(9) img {
  max-width: 21rem;
}

.partners__item:nth-of-type(10) img {
  max-width: 21.6rem;
}

.more-main-site {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #5ab16f;
  border-radius: 0.8rem;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 2.8rem;
  font-variant-numeric: lining-nums proportional-nums;
  font-weight: 500;
  height: 6.7rem;
  justify-content: center;
  letter-spacing: -1.153px;
  text-transform: uppercase;
  width: 100%;
}

.more-main-site:hover {
  background: #7dc18d;
}

.partners {
  margin-bottom: 7.6rem;
}

.header-mobile__meta {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #1f2229;
  -webkit-box-shadow: 0 0 23px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 23px rgba(0, 0, 0, 0.1);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 14px;
  height: 60px;
  justify-content: space-between;
  padding-left: 12px;
  padding-right: 12px;
  -webkit-transition: all 0.45s cubic-bezier(0.39, 0.575, 0.565, 1);
  transition: all 0.45s cubic-bezier(0.39, 0.575, 0.565, 1);
  width: 100%;
}

.header-mobile__burger {
  -webkit-box-flex: 0;
  background: url(../img/burger-mobile.svg) 100% 50% / contain no-repeat;
  cursor: pointer;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  height: 40px;
  width: 35px;
}

.header-mobile {
  display: none;
}

.header-mobile-menu {
  background: #1f2229;
  height: calc(100vh - 60px);
  left: 0;
  left: -100%;
  opacity: 1;
  overflow: scroll;
  padding-bottom: 60px;
  position: fixed;
  top: 60px;
  -webkit-transition: all 0.45s cubic-bezier(0.39, 0.575, 0.565, 1);
  transition: all 0.45s cubic-bezier(0.39, 0.575, 0.565, 1);
  visibility: hidden;
  width: 100%;
  z-index: 999;
  z-index: -1;
}

.people-wrapper .swiper-wrapper {
  gap: 30px;
}

.swiper-slide.people-item {
  margin-right: 0 !important;
}

.forest-modal {
  display: none;
  height: 100vh;
  left: 0;
  position: fixed;
  top: 0;
  -webkit-transition:
    opacity 0.3s ease,
    -webkit-transform 0.5s ease;
  transition:
    opacity 0.3s ease,
    -webkit-transform 0.5s ease;
  transition:
    opacity 0.3s ease,
    transform 0.5s ease;
  transition:
    opacity 0.3s ease,
    transform 0.5s ease,
    -webkit-transform 0.5s ease;
  width: 100%;
  z-index: 100;
}

.forest-modal.active {
  display: block;
  z-index: 1000;
}

.forest__modal-bg {
  background: #3c4a3e;
  border-radius: 10px;
  height: 110vh;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 101;
}

.forest__modal-content {
  background: #efefef;
  background: transparent;
  border-radius: 1rem;
  left: 50%;
  max-height: 100vh;
  max-height: calc(100vh - 3rem);
  max-width: 60.1rem;
  overflow-y: auto;
  padding: 3rem;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
  z-index: 102;
}

.no-scroll {
  height: 100vh;
  overflow: hidden;
}

.modal-title {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2rem;
  justify-content: space-between;
  margin-bottom: 2.6rem;
  text-align: left;
  width: 100%;
}

.modal-title h2 {
  color: #fff;
  font-size: 4.8rem;
  font-variant-numeric: lining-nums proportional-nums;
  font-weight: 600;
  letter-spacing: -4.8px;
  letter-spacing: -2.588px;
  line-height: 90%;
  margin-bottom: 0;
}

.modal-title p {
  color: #1f2229;
  font-size: 2rem;
  font-weight: 400;
  margin: 0 auto 6.4rem;
  max-width: 40.3rem;
  max-width: 61.8rem;
}

.forest__modal-content {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
}

.modal-inputs button {
  background: #ffc117;
  border: none;
  border-radius: 12px;
  cursor: pointer;
  font-size: 2.2rem;
  font-weight: 500;
  margin-bottom: 2rem;
  margin-top: 3.9rem;
  text-transform: uppercase;
}

.modal-inputs button,
.modal-inputs input {
  color: #303030;
  height: 6.2rem;
  width: 100%;
}

.modal-inputs {
  width: 100%;
}

.modal-inputs input {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  align-items: center;
  background: transparent;
  border: 0.796px solid #5ab16f;
  border-radius: 1rem;
  border-radius: 0.596rem;
  color: #303030;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 2rem;
  font-size: 1.9rem;
  font-variant-numeric: lining-nums proportional-nums;
  font-weight: 400;
  height: 4.3805rem;
  justify-content: flex-start;
  letter-spacing: -1.28px;
  letter-spacing: -0.763px;
  margin-bottom: 0.38rem;
  opacity: 1;
  padding-left: 1.7rem;
  padding-right: 1.7rem;
  text-align: center;
  text-align: left;
}

.modal-inputs input::-webkit-input-placeholder {
  color: #fff;
  opacity: 1;
}

.modal-inputs input::-moz-placeholder {
  color: #fff;
  opacity: 1;
}

.modal-inputs input:-ms-input-placeholder {
  color: #fff;
  opacity: 1;
}

.modal-inputs input::-ms-input-placeholder {
  color: #fff;
  opacity: 1;
}

.modal-inputs input::placeholder {
  color: #fff;
  opacity: 1;
}

.modal-inputs input[name="promo"]::-webkit-input-placeholder {
  color: #fff;
  opacity: 0.7;
}

.modal-inputs input[name="promo"]::-moz-placeholder {
  color: #fff;
  opacity: 0.7;
}

.modal-inputs input[name="promo"]:-ms-input-placeholder {
  color: #fff;
  opacity: 0.7;
}

.modal-inputs input[name="promo"]::-ms-input-placeholder {
  color: #fff;
  opacity: 0.7;
}

.modal-inputs input[name="promo"]::placeholder {
  color: #fff;
  opacity: 0.7;
}

.modal-inputs input[name="nicname"]::-webkit-input-placeholder {
  color: #fff;
  opacity: 0.7;
}

.modal-inputs input[name="nicname"]::-moz-placeholder {
  color: #fff;
  opacity: 0.7;
}

.modal-inputs input[name="nicname"]:-ms-input-placeholder {
  color: #fff;
  opacity: 0.7;
}

.modal-inputs input[name="nicname"]::-ms-input-placeholder {
  color: #fff;
  opacity: 0.7;
}

.modal-inputs input[name="nicname"]::placeholder {
  color: #fff;
  opacity: 0.7;
}

.modal-inputs textarea {
  border: 1px solid #000;
  border-radius: 12px;
  color: #1f2229;
  font-size: 2rem;
  font-weight: 400;
  height: 12.4rem;
  margin-bottom: 2.3rem;
  margin-top: 2.3rem;
  max-width: 50.3rem;
  padding-top: 2.5rem;
  resize: none;
  text-align: center;
  width: 100%;
}

.modal-inputs input:last-of-type {
  margin-bottom: 0;
}

.modal-description a,
.modal-description p {
  color: #1f2229;
  font-size: 1.4rem;
  font-weight: 300;
  margin-bottom: 0;
  max-width: 34rem;
  text-align: center;
}

.modal-description a {
  text-decoration-line: underline;
}

.forest__modal-close {
  cursor: pointer;
  height: 3.2rem;
  width: 3.2rem;
}

.btn-trigger {
  cursor: pointer;
}

.forest__modal-top {
  background: #fff;
  border-radius: 1rem;
  padding: 1.2rem 1.2rem 1.2rem 11.1rem;
  position: relative;
  width: 100%;
}

.forest__modal-top,
.modal__top-image {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.modal__top-image {
  gap: 1.3rem;
  height: 8.5822rem;
  left: 1.7rem;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 8.5822rem;
}

.modal__top-x {
  color: #5ab16f;
  font-size: 3.8rem;
  font-variant-numeric: lining-nums proportional-nums;
  font-weight: 600;
  letter-spacing: -3.2px;
  line-height: 90%;
  margin-right: 1.6rem;
}

.modal__top-text {
  color: #303030;
  font-size: 1.7522rem;
  font-weight: 500;
  line-height: 100%;
  max-width: 30.9022rem;
  text-align: left;
}

.modal-price {
  color: #fff;
  font-size: 2.3rem;
  font-variant-numeric: lining-nums proportional-nums;
  font-weight: 400;
  letter-spacing: -1.195px;
  line-height: 100%;
  margin-bottom: 1.2rem;
  margin-top: 1.9rem;
}

.modal-price span {
  font-size: 2.7rem;
  font-variant-numeric: lining-nums proportional-nums;
  letter-spacing: -1.371px;
}

.check_policy-modal {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1rem;
  margin-bottom: 1.4rem;
  margin-top: 1.4rem;
}

.check_policy-modal input {
  border: 0.3rem solid #5ab16f;
  border-radius: 0.298rem;
  cursor: pointer;
  height: 1.788rem;
  width: 1.788rem;
}

.check_policy-modal p {
  color: #fff;
  font-size: 1.115rem;
  font-weight: 400;
  line-height: 100%;
  margin-bottom: 0;
}

.check_policy-modal a {
  color: #fff;
  text-decoration: underline;
}

.sbp-button {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #1d1347;
  border-radius: 0.596rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 2rem;
  font-variant-numeric: lining-nums proportional-nums;
  font-weight: 600;
  gap: 1rem;
  justify-content: center;
  letter-spacing: -1.28px;
  margin-bottom: 0.894rem;
  min-height: 4.8rem;
  text-transform: uppercase;
  width: 100%;
}

.sbp-button,
.sbp-button:hover {
  color: #fff;
}

.sbp-button img {
  margin-top: -5px;
}

.card-button {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #5ab16f;
  border-radius: 0.596rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 2rem;
  font-variant-numeric: lining-nums proportional-nums;
  font-weight: 600;
  justify-content: center;
  letter-spacing: -1.28px;
  margin-bottom: 1.5rem;
  min-height: 4.8rem;
  text-transform: uppercase;
  width: 100%;
}

.card-button,
.card-button:hover {
  color: #fff;
}

.footer {
  background: #3c4a3e;
  border-radius: 2rem 2rem 0 0;
  padding-bottom: 8.8rem;
  padding-top: 8.3rem;
}

.footer-title h3 {
  color: #fff;
  font-size: 6.5rem;
  font-variant-numeric: lining-nums proportional-nums;
  font-weight: 600;
  letter-spacing: -3.2px;
  line-height: 100%;
  margin-bottom: 0;
  max-width: 107.2rem;
}

.footer-logo img {
  height: 14.6rem;
  width: 13.3rem;
}

.footer-topside {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2rem;
  justify-content: space-between;
  margin-bottom: 3.5rem;
}

.footer__socials-dzen {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  justify-content: center;
}

.footer-socials,
.footer__socials-dzen {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
}

.footer__socials-title {
  color: #fff;
  font-size: 3rem;
  font-weight: 500;
  letter-spacing: -1.2px;
  margin-bottom: 4.1rem;
  text-transform: uppercase;
}

.footer-items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 6rem;
  margin-bottom: 5.3rem;
}

.footer-items p {
  font-size: 2.1rem;
  font-variant-numeric: lining-nums proportional-nums;
  font-weight: 500;
  letter-spacing: -0.865px;
}

.footer-items p,
.footer__socials-vk {
  color: #fff;
  line-height: 110%;
  text-transform: uppercase;
}

.footer__socials-vk {
  font-size: 2.4rem;
  font-variant-numeric: lining-nums proportional-nums;
  font-weight: 500;
  letter-spacing: -0.96px;
  text-align: center;
}

.footer__socials-vk:hover {
  color: #fff;
}

.footer__socials-vk img {
  height: 10rem;
  margin-bottom: 1.5rem;
  min-width: 10rem;
}

.footer__socials-dzen {
  color: #fff;
  font-size: 2.4rem;
  font-variant-numeric: lining-nums proportional-nums;
  font-weight: 500;
  letter-spacing: -0.96px;
  line-height: 110%;
  text-align: center;
  text-transform: uppercase;
}

.footer__socials-dzen:hover {
  color: #fff;
}

.footer__socials-dzen img {
  height: 10rem;
  margin-bottom: 1.5rem;
  min-width: 10rem;
}

.footer__socials-tg {
  color: #fff;
  font-size: 2.4rem;
  font-variant-numeric: lining-nums proportional-nums;
  font-weight: 500;
  letter-spacing: -0.96px;
  line-height: 110%;
  text-align: center;
  text-transform: uppercase;
}

.footer__socials-tg:hover {
  color: #fff;
}

.footer__socials-tg img {
  height: 10rem;
  margin-bottom: 1.5rem;
  min-width: 10rem;
}

.footer-info {
  color: #fff;
  font-size: 2.2rem;
  font-variant-numeric: lining-nums proportional-nums;
  font-weight: 400;
  letter-spacing: -0.88px;
  line-height: 110%;
}

.footer-contacts {
  max-width: 63.3rem;
  width: 100%;
}

.footer__contacts-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2.7rem;
}

.footer__contacts-title h3 {
  color: #fff;
  font-size: 3rem;
  font-weight: 500;
  letter-spacing: -1.84px;
  margin-bottom: 2.9rem;
  text-transform: uppercase;
}

.footer__contacts-title img {
  height: 5.9rem;
  margin-top: -1.6rem;
}

.footer-wrapper {
  gap: 32.8rem;
}

.footer-wrapper,
.footer__contacts-items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.footer__contacts-items {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 3.1rem;
}

.footer__contacts-item {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2.5rem;
}

.footer__contacts-item:first-of-type {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.footer__contacts-item img {
  width: 6.3rem;
}

.footer__contacts-item p {
  color: #fff;
  font-size: 2.2rem;
  font-variant-numeric: lining-nums proportional-nums;
  font-weight: 500;
  letter-spacing: -0.88px;
  line-height: 110%;
}

.footer__contacts-item.phone a {
  background: #fff;
  border-radius: 1rem;
  color: #4c5739;
  font-size: 2.8rem;
  font-variant-numeric: lining-nums proportional-nums;
  font-weight: 600;
  letter-spacing: -1.154px;
  padding: 1.3rem;
}

.footer__contacts-item.phone a:hover {
  opacity: 0.8р;
}

.footer__contacts-item.mail a {
  color: #fff;
  font-size: 2.8rem;
  font-variant-numeric: lining-nums proportional-nums;
  font-weight: 500;
  letter-spacing: -1.154px;
  line-height: 110%;
}

.deels-tree {
  max-width: 28rem;
  padding-bottom: 5.4rem;
  padding-top: 5rem;
  width: 100%;
  flex-direction: column;
}

.deels__tree-title {
  color: #3c4a3e;
  font-size: 3.2445rem;
  font-variant-numeric: lining-nums proportional-nums;
  font-weight: 600;
  letter-spacing: -1.298px;
  margin-bottom: 0.6rem;
  text-align: center;
}

.deels__tree-counts {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  align-items: center;
  color: #5ab16f;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 2.5235rem;
  font-variant-numeric: lining-nums proportional-nums;
  font-weight: 600;
  gap: 1.3rem;
  justify-content: center;
}

.deels__tree-counts b {
  font-size: 4.4038rem;
  font-weight: 900;
}

.takeit__item-img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.93rem;
  height: 6.3rem;
}
.takeit__item-img img:first-of-type{
  width: 6.3rem;
  object-fit: contain;
}


.takeit__item-text {
  color: #3c4a3e;
  font-size: 1.8rem;
  font-weight: 500;
}

.deels__takeit-wrapper {
  display: grid;
  gap: 3rem 6.1rem;
  grid-template-columns: repeat(2, 1fr);
}

.deels-takeit {
  padding-right: 3.154rem;
  padding-top: 5rem;
  flex-direction: column;
}

.deels__takeit-title {
  color: #3c4a3e;
  font-size: 3.2445rem;
  font-variant-numeric: lining-nums proportional-nums;
  font-weight: 600;
  letter-spacing: -1.298px;
  margin-bottom: 4rem;
}

.takeit__item-img img:nth-of-type(2) {
  height: 1.4rem;
  width: 1.4rem;
}

.deels__takeit-btn {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #5ab16f;
  border: none;
  border-radius: 0.721rem;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 2.5rem;
  font-variant-numeric: lining-nums proportional-nums;
  font-weight: 500;
  height: 6.6rem;
  justify-content: center;
  margin-top: 1.85rem;
  width: 100%;
}

.heroes__wrapper-item:first-of-type .heroes__wrapper-number {
  background: url(../img/first-place.png) 100% 50% / cover no-repeat;
}

.heroes__wrapper-item:nth-of-type(2) .heroes__wrapper-number {
  background: url(../img/second-place.png) 100% 50% / cover no-repeat;
}

.heroes__wrapper-item:nth-of-type(3) .heroes__wrapper-number {
  background: url(../img/third-place.png) 100% 50% / cover no-repeat;
}

.heroes__wrapper-active {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
}

.heroes__wrapper-active p {
  color: #303030;
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: -0.8px;
  line-height: 100%;
  margin-bottom: 0.3rem;
  text-align: right;
}

.heroes__wrapper-active span {
  color: #303030;
  font-size: 1.6rem;
  font-variant-numeric: lining-nums proportional-nums;
  font-weight: 500;
  letter-spacing: -0.64px;
  text-transform: uppercase;
}

.heroes__wrapper-right {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2.2rem;
}

.suffered-wrapper {
  background-image: url(../img/suffered-bg.jpg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  margin-bottom: 7.7rem;
  padding-bottom: 9.9rem;
  padding-top: 8rem;
  text-align: center;
}

.mission-image {
  max-width: 11.1rem;
}

.mission-image,
.mission-image img {
  height: 9rem;
  width: 100%;
}

.mission-text {
  color: #fff;
  font-size: 2.4rem;
  font-weight: 400;
  text-align: left;
}

.suffered-title h3 {
  color: #fff;
  font-size: 6.5rem;
  font-weight: 800;
  line-height: 100%;
  margin: 0 auto 3.5rem;
  max-width: 122.3rem;
  text-align: center;
}

.suffered-subtitle {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: inline-block;
  font-size: 2.2rem;
  font-weight: 500;
  justify-content: center;
  line-height: 161%;
  margin-bottom: 2.8rem;
  max-width: 91rem;
  text-align: center;
}

.suffered-subtitle span {
  background: #5ab16f;
  border-radius: 0.3605rem;
  display: inline-block;
  margin-bottom: 0.51rem;
  padding: 0.251rem 1.1rem 0.338rem;
}

.suffered-subtitle span:last-of-type {
  margin-bottom: 0;
}

.suffered-mission {
  color: #fff;
  font-size: 3rem;
  font-weight: 500;
  text-align: center;
}

.mission-item {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 1.48rem;
}

.mission-item,
.suffered__mission-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.suffered__mission-wrapper {
  gap: 6.3rem;
  margin: 3.7rem auto 3.1rem;
  max-width: 115.5rem;
}

.suffered-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.suffered-item {
  position: relative;
  width: 100%;
}

.suffered-item img {
  border-radius: 0 0.9012rem 0.9012rem 0;
  width: 100%;
}

.suffered__season-title h4 {
  color: #fff;
  font-size: 4.1rem;
  font-weight: 600;
  margin-bottom: 3.8rem;
}

.suffered-content {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  justify-content: space-between;
  max-width: 62.1rem;
  position: absolute;
}

.suffered-content h4 {
  color: #fff;
  font-size: 3.4rem;
  font-weight: 600;
  line-height: 1;
  margin-bottom: 1.9rem;
  text-align: left;
}

.suffered-content p {
  color: #fff;
  font-size: 2.4rem;
  font-variant-numeric: lining-nums proportional-nums;
  font-weight: 500;
  letter-spacing: -0.96px;
  margin-bottom: 0;
  text-align: left;
  text-shadow: 0 1.803px 1.803px rgba(0, 0, 0, 0.25);
}

.suffered-content a {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #5ab16f;
  border-radius: 0.9012rem;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 2.5rem;
  font-variant-numeric: lining-nums proportional-nums;
  font-weight: 600;
  height: 7.21rem;
  justify-content: center;
  letter-spacing: -1.009px;
  width: 100%;
}

.suffered-item:first-of-type .suffered-content {
  bottom: 6.4rem;
  left: 3.4rem;
}

.suffered-item:last-of-type .suffered-content {
  height: 34.4rem;
  left: 4.86rem;
  top: 5.49rem;
}

.label-50-mob,
.spacibo-modal {
  display: none;
}

.spacibo-modal {
  height: 100vh;
  left: 0;
  position: fixed;
  top: 0;
  -webkit-transition:
    opacity 0.3s ease,
    -webkit-transform 0.5s ease;
  transition:
    opacity 0.3s ease,
    -webkit-transform 0.5s ease;
  transition:
    opacity 0.3s ease,
    transform 0.5s ease;
  transition:
    opacity 0.3s ease,
    transform 0.5s ease,
    -webkit-transform 0.5s ease;
  width: 100%;
}

.spacibo-modal.active {
  z-index: 1000;
}

.spacibo__modal-bg {
  background: #3c4a3e;
  border-radius: 10px;
  height: 110vh;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 101;
}

.spacibo__modal-content {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  align-items: center;
  background: #efefef;
  background: transparent;
  background-image: url(../img/spacibo.png);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 55.7rem;
  justify-content: center;
  left: 50%;
  max-width: 81rem;
  padding: 10.5rem 12.3rem 10.4rem;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
  z-index: 102;
}

.spacibo__modal-title {
  color: #5ab16f;
  font-size: 5.5rem;
  font-variant-numeric: lining-nums proportional-nums;
  font-weight: 600;
  letter-spacing: -2.75px;
  line-height: 90%;
  margin-bottom: 3.7rem;
  text-align: center;
}

.spacibo__modal-payment {
  color: #303030;
  font-size: 2.8rem;
  font-variant-numeric: lining-nums proportional-nums;
  font-weight: 500;
  letter-spacing: -1.4px;
  line-height: 100%;
  margin-bottom: 0.879rem;
  text-transform: uppercase;
}

.spacibo__modal-info {
  color: #303030;
  font-size: 2.5rem;
  font-weight: 400;
  letter-spacing: -1.25px;
  line-height: 100%;
  margin-bottom: 4.3rem;
  text-align: center;
}

.spacibo__modal-btn {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #5ab16f;
  border-radius: 0.7507rem;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 2.2rem;
  font-variant-numeric: lining-nums proportional-nums;
  font-weight: 500;
  height: 6.1561rem;
  justify-content: center;
  letter-spacing: -0.88px;
  width: 100%;
}
#donate-modal .forest__modal-top{
  padding-left: 2.7rem;
}
#donate-modal .modal__top-text{
  max-width: 46rem;
}

.fixed-modal .info__modal-title {
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
  margin-bottom: 2rem;
}

.fixed-modal .close-btn {
  cursor: pointer;
  border: none;
  background: transparent;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.8rem;
  height: 1.8rem;
  position: absolute;
  right: 0;
  top: 9.1rem;
}

.fixed-modal .close-btn img {
  min-width: 1.8rem;
  height: 1.8rem;
}
.suffered-subtitle-mob{
  display: none;
}




.header__topside{
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.header__rightside{
  display: flex;
  align-items: center;
  gap: 10.3rem;
}
.header__menu{
  ul{
    li{
      list-style: none;
      a{
        color: #FFF;
        font-size: 2.4rem;
        font-weight: 600;
      }
    }
  }
}
.header__btn {
  border-radius: 0.4rem;
  background: #5AB16F;
  width: 25.4rem;
  height: 4.6rem;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #FFF;
  font-size: 2.4rem;
  font-weight: 600;
  letter-spacing: -0.12rem;
  text-decoration: underline;
  text-transform: uppercase;
  cursor: pointer;
}


.header__subtitle{
  position: absolute;
  top: 23rem;
  left: 24rem;
  span{
    margin-top: 1.5rem;
    background: #fff;
    border-radius: 0.4rem;
    color: #3c4a3e;
    display: inline-block;
    font-size: 4.1rem;
    font-weight: 400;
    letter-spacing: -0.207rem;
    line-height: 100%;
    padding: 0.2rem 1rem 0.4rem;
  }
}

.header__subtitle-wrapper{
  padding-left: 12rem;
  display: flex;
  align-items: flex-end;
  gap: 1rem;
}
.header__title{
  position: absolute;
  bottom: 10rem;
  left: 24rem;
  h1{
    color: #fff;
    font-size: 11.4rem;
    font-weight: 700;
    letter-spacing: -0.684rem;
    text-transform: uppercase;
    margin-bottom: 0;
  }
  span{
    color: #5AB16F;
  }
}

.teambuilding{
  margin-bottom: 5rem;
  h2{
    color: #5AB16F;
    font-variant-numeric: lining-nums proportional-nums;
    font-size: 9.6rem;
    font-weight: 600;
    line-height: 90%;
    letter-spacing: -0.48rem;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 5rem;
    span{
      font-style: italic;
    }
  }
}

.teambuilding-item{
  display: inline-block;
  flex-direction: column;
  padding: 2rem;
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0rem 0.4rem 10rem 0px rgba(48, 48, 48, 0.05);
  span{
    color: #FFF;
    font-size: 3.2rem;
    font-weight: 500;
    line-height: 100%;
    letter-spacing: -1.6px;
    margin-bottom: 2.4rem;
    border-radius: 1rem;
    background: #5C6752;
    padding: 1rem;
    padding-top: 0.2rem;
    padding-bottom: 0.4rem;
    display: inline-block;
  }
  p{
    color: #303030;
    font-size: 2.4rem;
    font-weight: 500;
    line-height: 110%;
    letter-spacing: -0.96px;
    margin-bottom: 0;
  }
}
.teambuilding-image{
  border-radius: 1rem;
  margin-bottom: 3rem;
}

.teambuilding__left{
  max-width: 47rem;
  width: 100%;
}
.teambuilding__wrapper{
  display: flex;
  gap: 2rem;
}
.teambuilding__right{
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
.teambuilding__right .teambuilding-item{
  display: flex;
  gap: 1rem;
  flex-direction: unset;
  width: 100%;
  height: 100%;
  span{
    margin-bottom: 1rem;
  }
}
.teambuilding__right .teambuilding-image{
  margin-bottom: 0;
  width: 100%;
}
.teambuilding__right .teambuilding-text{
  /* display: flex;
  flex-direction: column; */
  position: relative;
  width: 100%;
  p{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
  }
}
.teambuilding__right .teambuilding-item:last-of-type span{
  background: #5AB16F;
}
.teambuilding__bigwrapper{
  display: flex;
  gap: 2rem;
  padding: 2rem;
  background-color: #fff;
  margin-top: 1.6rem;
  border-radius: 1rem;
  img{
    border-radius: 1rem;
  }
}
.bigwrapper__text{
  span{
    color: #FFF;
    font-size: 3.2rem;
    font-weight: 500;
    line-height: 100%;
    letter-spacing: -1.6px;
    margin-bottom: 1.2rem;
    border-radius: 1rem;
    background: #5C6752;
    padding: 1rem;
    padding-top: 0.2rem;
    padding-bottom: 0.4rem;
    display: inline-block;
  }
  p{
    color: #303030;
    font-size: 2.4rem;
    font-weight: 500;
    line-height: 110%;
    letter-spacing: -0.96px;
    margin-bottom: 0;
    margin-top: 0.5rem;
  }
}
.teambuilding__btn{
  width: 100%;
  height: 9.4rem;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #FFF;
  font-variant-numeric: lining-nums proportional-nums;
  font-size: 46px;
  font-weight: 600;
  letter-spacing: -0.184rem;
  text-transform: uppercase;
  border-radius: 1rem;
  background: #5AB16F;
  margin-top: 5.4rem;
}

.yourhand{
  img{
    width: 100%;
  }
}
.future{
  padding-left: 6.4rem;
  padding-right: 24rem;
  display: flex;
  justify-content: center;
  margin-top: 14rem;
  img{
    width: 100%;
  }
}

.heroes__forest{
  background-image: url(../img/heroes-forest.jpg);
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  /* height: 124.4rem; */
  z-index: 2;
  position: relative;
  margin-top: -16rem;
  padding-top: 44rem;
  padding-bottom: 4rem;
}
.heroes__forest-container{
  h3{
    color: #FFF;
    text-align: center;
    font-variant-numeric: lining-nums proportional-nums;
    font-size: 9.6rem;
    font-weight: 600;
    line-height: 90%; 
    letter-spacing: -0.48rem;
    text-transform: uppercase;
    margin-bottom: 4rem;
  }
  p{
    color: #FFF;
    text-align: center;
    font-size: 3.2rem;
    font-weight: 400;
    line-height: 110%;
    letter-spacing: -1.28px;
    margin-bottom: 18.2rem;
    max-width: 138.1rem;
  }
}
.heroes__forest-info{
  position: relative;
  display: flex;
  gap: 2rem;
  border-radius: 1rem;
  background: rgba(255, 255, 255, 0.10);
  padding: 2rem;
  backdrop-filter: blur(1rem);
  
}
.heroes__forest-info::after{
  content: '';
  position: absolute;
  right: -1.4rem;
  top: -16rem;
  background-image: url(../img/forest__info-buble.png);
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 29rem;
  height: 31rem;
}
.forest__info-text img{
  width: 9.9rem;
  height: 4.9rem;
}

.forest__info-image{
  width: 100%;
  max-width: 64.7rem;
  img{
    border-radius: 1rem;
    width: 100%;
  }
}
.forest__info-text{
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 1rem;
  color: #FFF;
  font-size: 3.2rem;
  font-weight: 500;
  letter-spacing: -1.28px;
  text-transform: uppercase;
  max-width: 68.1rem;
  width: 100%;
}
.howtoteambuilding{
  height: 184rem;
  height: auto;
   background-image: url(../img/howtoteam-main.png);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  background-size: cover;
  padding-bottom: 4rem;
}

.howtoteam-subtitle{
  display: flex;
  padding-top: 97.5rem;
  gap: 3.5rem;
  position: relative;
  z-index: 2;
  margin-bottom: -9rem;
  h3{
    padding-top: 3.5rem;
    color: #FFF;
    font-variant-numeric: lining-nums proportional-nums;
    font-size: 4.6rem;
    font-weight: 500;
    letter-spacing: -0.184rem;
    text-transform: uppercase;
  }
  img{
    border-radius: 1rem;
    transform: rotate(4.999deg);
    width: 36rem;
  }
}

.howtoteam-wrapper{
  border-radius: 1rem;
  background: rgba(255, 255, 255, 0.10);
  backdrop-filter: blur(10px);
  padding: 3rem;
  position: relative;
  padding-top: 3rem;
  &::before {
    content: '';
    position: absolute;
    left: 24rem;
    top: 50%;
    transform: translateY(-50%);
    width: 0.3rem;
    height: calc(100% - 14%);
    background: repeating-linear-gradient(
      to bottom,
      #fff 0,
      #fff 2rem,    /* длина точки */
      transparent 1rem,
      transparent 3rem /* расстояние между точками */
    );
    
  }
}

.howtoteam-item{
  display: flex;
  gap: 5.2rem;
}
.howtoteam-item span:first-of-type{
  color: #FFF;
  font-variant-numeric: lining-nums proportional-nums;
  font-size: 3rem;
  font-weight: 600;
  letter-spacing: -0.128rem;
  text-transform: uppercase;
  width: 100%;
  max-width: 15%;
}
.howtoteam-item span:last-of-type{
  color: #FFF;
  font-variant-numeric: lining-nums proportional-nums;
  font-size: 3rem;
  font-weight: 500;
  letter-spacing: -0.128rem;
  max-width: 85%;
  width: 100%;
}
.howtoteam-btn{
  border-radius: 1rem;
  background: #FFF;
  height: 9.4rem;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #5C6752;
  font-variant-numeric: lining-nums proportional-nums;
  font-size: 4.6rem;
  font-weight: 600;
  letter-spacing: -0.184rem;
  text-transform: uppercase;
  margin-top: 4rem;
}
.form-trigger{
  cursor: pointer;
}

.photogallary{
  margin-top: 12rem;
}
.photogallary-title{
  h2{
    color: #303030;
    text-align: center;
    font-variant-numeric: lining-nums proportional-nums;
    font-size: 9.6rem;
    font-weight: 700;
    line-height: 90%; 
    letter-spacing: -0.48rem;
    text-transform: uppercase;
    margin-bottom: 2rem;
  }
  h3{
    color: #303030;
    text-align: center;
    font-variant-numeric: lining-nums proportional-nums;
    font-size: 4.6rem;
    font-weight: 600;
    letter-spacing: -0.184rem;
    text-transform: uppercase;
    max-width: 70.8rem;
    margin: 0 auto;
    margin-bottom: 4rem;
  }
}



/* Стили для фотогалереи */
.photogallary-wrapper img {
  border-radius: 1rem;
}

/* Стили для fancybox ссылок */
.photogallary-wrapper a[data-fancybox="gallery"] {
  display: block;
  text-decoration: none;
  border: none;
  outline: none;
  position: relative;
  transition: all 0.3s ease;
}

.photogallary-wrapper a[data-fancybox="gallery"]:hover {
  transform: scale(1.02);
  box-shadow: 0 0.5rem 2rem rgba(0, 0, 0, 0.15);
}

.photogallary-wrapper a[data-fancybox="gallery"] img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.photogallary-item{
  display: flex;
  gap: 2rem;
  margin-bottom: 2rem;
}
.photogallary-item:last-of-type{
  margin-bottom: 0;
}
.photogallary__item-big{
  width: 100%;
}
.photogallary__item-main{
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
}
.photogallary__item-main img:first-of-type{
  /* max-width: 34.5rem; */
  width: 100%;
}
.photogallary__item-main img:nth-of-type(2){
  /* max-width: 34.5rem; */
  width: 100%;
}
.photogallary__item-main img:nth-of-type(2){
  width: 100%;
}
.photogallary__item-flex{
  display: flex;
  gap: 2rem;
}
.photogallary-btn{
  color: #FFF;
  font-variant-numeric: lining-nums proportional-nums;
  font-size: 4.6rem;
  font-weight: 600;
  letter-spacing: -0.184rem;
  text-transform: uppercase;
  height: 9.4rem;
  border-radius: 1rem;
  background: #5C6752;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 4rem;
}

.people-new{
  h3{
    color: #303030;
    font-variant-numeric: lining-nums proportional-nums;
    font-size: 9.6rem;
    font-weight: 600;
    line-height: 90%;
    letter-spacing: -0.48rem;
    text-transform: uppercase;
    max-width: 139.2rem;
  }
  i{
    color: #5AB16F;
  }
}

.perfect__go{
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 12rem;
}
.question-forest-title{
  h3{
    color: #303030;
    text-align: center;
    font-variant-numeric: lining-nums proportional-nums;
    font-size: 9.6rem;
    font-weight: 700;
    line-height: 90%; 
    letter-spacing: -0.48rem;
    text-transform: uppercase;
    margin-bottom: 2rem;
  }
  h4{
    color: #303030;
    text-align: center;
    font-variant-numeric: lining-nums proportional-nums;
    font-size: 4.6rem;
    font-weight: 600;
    letter-spacing: -0.184rem;
    text-transform: uppercase;
    max-width: 68.7rem;
    margin: 0 auto;
    margin-bottom: 6rem;
  }
}


/* FAQ стили */


.faq-item {
  border-radius: 1rem;
  background: #FFF;
  margin-bottom: 2rem;
}

.faq-item:last-of-type {
  margin-bottom: 0;
}

.faq-item.active .plus-icon {
  transform: rotate(45deg);
}

.faq-item.active .faq-answer {
  max-height: 50rem;
  padding: 2rem 3rem;
  opacity: 1;
}

.faq-question {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 2rem 3rem;
  cursor: pointer;
}


.faq-question h5 {
  color: #5C6752;
  font-size: 4.6rem;
  font-weight: 600;
  line-height: 130%;
  letter-spacing: -0.184rem;
  margin: 0;
  flex: 1;
  padding-right: 2rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.faq-icon {
  flex-shrink: 0;
  width: 4rem;
  height: 4rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.faq-icon .plus-icon {
  font-size: 14rem;
  color: #8B8B8B;
  font-weight: 100;
  line-height: 1;
  transition: transform 0.3s ease;
}

.faq-answer {
  max-height: 0;
  padding: 0;
  opacity: 0;
  overflow: hidden;
  transition: all 0.4s ease;
}

.faq-answer p {
  color: #666;
  font-size: 2.2rem;
  font-weight: 400;
  line-height: 150%;
  margin: 0;
}

.faq-btn-container {
  text-align: center;
  margin-top: 4rem;
  margin-bottom: 12rem;
}

.faq-cta-btn {
  background: #5AB16F;
  color: #fff;
  border: none;
  border-radius: 1rem;
  font-size: 4.6rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: -1.84px;
  cursor: pointer;
  transition: background-color 0.3s ease;
  width: 100%;
  height: 9.4rem;
  justify-content: center;
  align-items: center;
}

.faq-cta-btn:hover {
  background: #4a9c5e;
}
@media (max-width:1400px){
   .header__subtitle{
    left: 10rem;
  }
  .header__title {
    left: 10rem;
    bottom: 14rem;
  }
}
@media (max-width: 1200px) {
  .faq-container {
    max-width: 70rem;
    
    .faq-item {
      .faq-question {
        padding: 3rem 0;
        
        h5 {
          font-size: 2.8rem;
        }
      }
      
      &.active .faq-answer {
        padding: 0 0 3rem 0;
      }
      
      .faq-answer p {
        font-size: 2rem;
      }
      
      .faq-icon .plus-icon {
        font-size: 3.5rem;
      }
    }
    
    .faq-cta-btn {
      padding: 1.8rem 3.5rem;
      font-size: 2.2rem;
    }
  }
}

@media (max-width: 992px) {
  .faq-container {
    max-width: 100%;
    
    .faq-item {
      .faq-question {
        padding: 2.5rem 0;
        
        h5 {
          font-size: 2.4rem;
        }
      }
      
      &.active .faq-answer {
        padding: 0 0 2.5rem 0;
      }
      
      .faq-answer p {
        font-size: 1.8rem;
      }
      
      .faq-icon {
        width: 3.5rem;
        height: 3.5rem;
        
        .plus-icon {
          font-size: 3rem;
        }
      }
    }
    
    .faq-cta-btn {
      padding: 1.6rem 3rem;
      font-size: 2rem;
    }
  }
}

@media (max-width: 768px) {
  .faq-container {
    
    .faq-item {
     
      .faq-question {
        padding: 2rem 0;
        
        
        h5 {
          font-size: 2rem;
          padding-right: 1.5rem;
        }
      }
      
      &.active .faq-answer {
        padding: 0 0 2rem 0;
      }
      
      .faq-answer p {
        font-size: 1.6rem;
      }
      
      .faq-icon {
        width: 3rem;
        height: 3rem;
        
        .plus-icon {
          font-size: 2.5rem;
        }
      }
    }
    
    .faq-btn-container {
      margin-top: 4rem;
    }
    
    .faq-cta-btn {
      padding: 1.4rem 2.5rem;
      font-size: 1.8rem;
    }
  }
  
}

@media (max-width: 480px) {
  .faq-container {
    
    .faq-item {
      .faq-question {
        padding: 1.5rem;
        
        h5 {
          font-size: 1.6rem;
          line-height: 120%;
          padding-right: 1rem;
        }
      }
      
      &.active .faq-answer {
        padding: 0 0 1.5rem 0;
      }
      
      .faq-answer p {
        font-size: 1.4rem;
        line-height: 140%;
      }
      
      .faq-icon {
        width: 2.5rem;
        height: 2.5rem;
        
        .plus-icon {
          font-size: 2rem;
        }
      }
    }
    
    .faq-btn-container {
      margin-top: 3rem;
    }
    
    .faq-cta-btn {
      width: 100%;
      padding: 1.2rem 2rem;
      font-size: 1.6rem;
    }
  }
}

@media (min-width: 767px) {
  .partners-slideres .partners__item {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    min-height: 7.7rem;
  }
}

@media (min-width: 1930px) {
  html {
    font-size: 12px;
  }
}

@media (max-width: 1700px) {
  html {
    font-size: 9px;
  }
}

@media (max-width: 1500px) {
  .control {
    font-size: 1.5rem;
  }
}

@media (max-width: 1430px) {
  html {
    font-size: 8.6px;
  }
}

@media (max-width: 1404px) {
  .meaning {
    padding-left: 6rem;
    padding-right: 6rem;
  }
}

@media (max-width: 1400px) {
  .h1 {
    font-size: 3.3rem;
  }
}

@media (max-width: 1366px) {
  .forestnews-item {
    max-width: 48%;
  }

  .forestnews {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .forestnews-image,
  .forestnews-image img {
    width: 100%;
  }

  .meaning-title span {
    font-size: 4rem;
  }
}

@media (max-width: 1350px) {
  .people-text p {
    font-size: 2.8rem;
    letter-spacing: -0.3px;
  }

  .people-name span {
    font-size: 4.2rem;
    letter-spacing: -0.3px;
  }
}

@media (max-width: 1320px) {
  html {
    font-size: 8.4px;
  }
}

@media (max-width: 1250px) {
  .meaning-title span {
    font-size: 4rem;
  }
}

@media (max-width: 1200px) {
  .people-text p {
    font-size: 2.8rem;
  }

  .trees-wrapper__text span {
    font-size: 2.6rem;
  }

  .trees-wrapper__title span {
    font-size: 3.6rem;
  }

  .meaning {
    padding: 8rem 4rem;
  }

  .meaning-title span {
    font-size: 3.6rem;
  }

  .meaning-item p {
    font-size: 2.8rem;
  }

  .header ul {
    padding-left: 3rem;
    padding-right: 3rem;
  }

  .header ul li a {
    white-space: nowrap;
  }

  .header-logo img {
    height: 6rem;
    min-width: 6rem;
    -o-object-fit: contain;
    object-fit: contain;
  }

  .chose__pay-btn,
  .deels-chose span,
  .deels-right-btn a {
    font-size: 2.6rem;
    height: 7rem;
  }

  .deels__left-title h2,
  .heroes-title h3 {
    font-size: 6.6rem;
  }

  .heroes-title h4 {
    font-size: 3.6rem;
  }

  .meaning-title h3 {
    font-size: 6.6rem;
  }

  .meaning-subtitle h4 {
    font-size: 5rem;
  }

  .sertificates-title h3 {
    font-size: 6.6rem;
  }

  .league-title h3,
  .league-title h4 {
    font-size: 4.6rem;
  }

  .your-trees__title h3 {
    font-size: 6.6rem;
  }

  .your-trees__title h4 {
    font-size: 3.6rem;
  }

  .people-title h3 {
    font-size: 6.6rem;
  }

  .deels-chose span {
    font-size: 2.1rem;
  }

  .deels__chose-wrapper {
    gap: 1.4rem;
  }

  .deels__left-title h2 {
    font-size: 5.6rem;
    letter-spacing: -1.25px;
  }

  .deels-left {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-pack: distribute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: space-around;
  }

  .suffered-item:last-of-type .suffered-content {
    height: 31.4rem;
    margin-right: 4rem;
  }

  .suffered-item:first-of-type .suffered-content {
    margin-right: 4rem;
  }
  .teambuilding__bigwrapper img {
    width: 100%;
    object-fit: cover;
  }
  .teambuilding__bigwrapper .bigwrapper__text img{
    width: unset;
  }
}

@media (max-width: 1180px) {
  .footer-wrapper {
    gap: 10.5rem;
  }

  .heroes__wrapper-item {
    padding-left: 6rem;
  }
}

@media (max-width: 1102px) {
  .deels-right-title h3,
  .deels-right-title h4 {
    font-size: 3.6rem;
  }
}

@media (max-width: 1100px) {
  body.lock {
    padding-right: 0;
  }
  .future{
    padding-right: 10rem;
    padding-left: 3rem;
  }

  .header .header__topside {
    display: none;
  }
  .header__subtitle, .header__title{
    left: 4rem;
  }

  .header-mobile {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    left: 0;
    position: fixed;
    top: 0;
    -webkit-transition: all 0.45s cubic-bezier(0.39, 0.575, 0.565, 1);
    transition: all 0.45s cubic-bezier(0.39, 0.575, 0.565, 1);
    width: 100%;
    z-index: 999;
  }

  .header-logo svg {
    fill: #fff;
    height: 4.4rem;
    width: 16rem;
  }

  .header-mobile__cnt {
    width: 100%;
  }

  .header-mobile-menu.active {
    display: block;
    left: 0;
    opacity: 1;
    visibility: visible;
    z-index: 999;
  }

  .header-mobile__burger.active {
    background: url(../img/close-burger.svg) 90% 50%/38px no-repeat;
    display: block;
  }

  .header-mobile.active .header-mobile__meta {
    border-radius: 0;
  }

  .header-mobile.active {
    border-radius: 0;
    left: 0;
    width: 100%;
  }

  .header-mobile-menu .header-mobile-menu__list {
    padding: 0 2.5rem;
  }

  .header-mobile-menu__list {
    list-style: none;
    margin: 20px 0 0;
    overflow: scroll;
    padding: 0 40px;
    text-align: left;
  }

  .header-mobile-menu .header-mobile-menu__list li a {
    color: #fff;
    display: block;
    font-size: 17px;
    font-weight: 500;
    letter-spacing: 0.01em;
    padding: 8px 0;
    position: relative;
    text-transform: none;
  }

  .header-mobile-menu .header-mobile-center {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 4vh;
    padding: 0 25px;
    text-align: left;
  }

  .header-mobile-menu .footer__col-4 {
    color: #929292;
    margin-bottom: 4vh;
  }

  .header-mobile-menu .h3 {
    color: #fff;
    font-size: 1.5rem;
  }

  .footer__contacts-geo {
    font-size: 1.8rem;
    font-size: 1.5rem;
    line-height: 1.5555555556;
    margin-bottom: 10px;
    margin-top: 10px;
    padding-left: 3.2rem;
    position: relative;
  }

  .footer__contacts-geo:before {
    background: url(../img/geo-icon.svg) 50% / contain no-repeat;
    content: "";
    height: 2rem;
    left: 0;
    position: absolute;
    top: 0.4rem;
    width: 2rem;
  }

  .footer__contacts-geo {
    color: #b3b3b3;
    font-size: 15px;
    font-weight: 300;
    line-height: 1.3;
  }

  .footer__contacts-phone {
    color: #b3b3b3;
    display: block;
    font-size: 1.5rem;
    font-size: 15px;
    font-weight: 300;
    line-height: 1.5555555556;
    margin-bottom: 10px;
    padding-left: 3.2rem;
    position: relative;
    -webkit-transition: all 0.45s cubic-bezier(0.39, 0.575, 0.565, 1);
    transition: all 0.45s cubic-bezier(0.39, 0.575, 0.565, 1);
  }

  .footer__contacts-phone:hover {
    color: #fff;
  }

  .footer__contacts-phone:before {
    background: url(../img/phone-icon.svg) 50% / contain no-repeat;
    content: "";
    height: 2.1rem;
    left: -0.1rem;
    position: absolute;
    top: 0;
    width: 2.1rem;
  }

  .footer__contacts-mail {
    color: #70c300;
    display: block;
    font-size: 1.5rem;
    font-weight: 300;
    line-height: 1.5555555556;
    margin-bottom: 1.8rem;
    padding-left: 3.2rem;
    position: relative;
    -webkit-transition: all 0.45s cubic-bezier(0.39, 0.575, 0.565, 1);
    transition: all 0.45s cubic-bezier(0.39, 0.575, 0.565, 1);
  }

  .footer__contacts-mail:hover {
    color: #fff;
  }

  .footer__contacts-mail:before {
    background: url(../img/mail-icon.svg) 50% / contain no-repeat;
    content: "";
    height: 1.9rem;
    left: -0.1rem;
    position: absolute;
    top: 0.3rem;
    width: 2.2rem;
  }

  .social-block__span {
    color: #fff;
    display: block;
    font-size: 1.8rem;
    font-size: calc(var(--indexSize) * 2);
    font-weight: 300;
    letter-spacing: 0.18rem;
    margin-bottom: 0.5rem;
    opacity: 0.5;
  }

  .social-block__items {
    gap: 1.2rem;
  }

  .social-block__items,
  .social-block__items a {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .social-block__items a {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 0.3rem;
    gap: 0.7rem;
  }

  .social-block__vk svg {
    height: 1.8rem;
    width: 2.6rem;
  }

  .social-block__items a svg {
    fill: #5ab16f;
  }

  .social-block__items a span {
    color: #fff;
    font-size: 1.8rem;
    font-size: calc(var(--indexSize) * 1.55);
    font-weight: 300;
    will-change: transform;
  }

  .social-block__telegram svg {
    height: 1.8rem;
    width: 2.2rem;
  }

  .social-block__dzen svg {
    height: 1.8rem;
    width: 1.8rem;
  }

  .footer__social .social-block__span {
    margin-bottom: 12px;
  }

  .social-block__items {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    gap: 43px;
    justify-content: flex-start;
  }

  .header-title {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (max-width: 1000px) {
  .modal__top-x {
    margin-right: 2rem;
  }

  .partners-slideres {
    margin-top: 3rem;
  }

  .partners-arrows {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 1.5rem;
  }

  .partners-arrows,
  .partners-arrows .swiper-button-next,
  .partners-arrows .swiper-button-prev {
    margin: 0;
    position: unset;
  }

  .trees-wrapper__text span {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    background: transparent;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0;
  }

  .trees-wrapper__text {
    padding: 0;
    position: unset;
    -webkit-transform: unset;
    -ms-transform: unset;
    transform: unset;
  }

  .good-deels {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .deels-left,
  .deels-right {
    max-width: 100%;
  }

  .chose__pay-btn,
  .deels-chose span,
  .deels-right-btn a {
    font-size: 3rem;
  }

  .deels-right {
    height: 57.9rem;
  }

  .deels-wrap {
    width: 100%;
  }

  .deels-right-title {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .deels-right-title h3,
  .deels-right-title h4 {
    font-size: 4.6rem;
  }

  .impact-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .impact-item {
    height: auto;
    max-width: 100%;
  }

  .impact-item img {
    width: 100%;
  }

  .suffered-content h4 {
    font-size: 2.2rem;
    margin-bottom: 0.9rem;
  }

  .suffered-content p {
    font-size: 1.8rem;
  }

  .suffered-item:first-of-type .suffered-content {
    bottom: 2.4rem;
    left: 2.4rem;
  }

  .suffered-item:last-of-type .suffered-content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    bottom: 2.4rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: calc(100% - 5rem);
    justify-content: space-between;
    left: 2.4rem;
    top: unset;
  }

  .suffered-content a {
    font-size: 2.2rem;
    height: 6rem;
  }
}

@media (max-width: 994px) {
  .meaning-item {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .meaning-subtitle h4 {
    margin-bottom: 7rem;
  }
}

@media (max-width: 950px) {
  .header-title p {
    left: 15rem;
  }

  .footer-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 5.5rem;
  }

  .footer-title h3 {
    font-size: 5.4rem;
  }

  .footer__contacts-title h3,
  .footer__socials-title {
    font-size: 3.6rem;
  }

  .footer__contacts-item p,
  .footer__contacts-item.phone a {
    font-size: 2.6rem;
  }

  .footer__contacts-items {
    gap: 2.2rem;
  }

  .footer__socials-dzen img,
  .footer__socials-tg img,
  .footer__socials-vk img {
    height: 6rem;
    min-width: 6rem;
  }
}

@media (max-width: 893px) {
  .meaning-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

@media (max-width: 776px) {
  .control {
    font-size: 14px;
  }
}

@media (max-width: 767px) {
  html {
    font-size: 10px;
  }

  .touch [data-fullscreen] {
    -webkit-transition: height 0.2s;
    transition: height 0.2s;
  }

  .input,
  .textarea {
    font-size: 15px;
    padding: 0 13px;
    text-align: left;
  }

  .textarea {
    padding: 13px;
  }

  .select-box {
    font-size: 14px;
    width: 100%;
  }

  .select-box__current {
    font-size: 14px;
    height: 54px;
    padding-left: 12px;
    padding-right: 35px;
  }

  .select-box__icon {
    right: 16px;
    width: 10px;
  }

  .select-box__list {
    font-size: 14px;
    width: 100%;
  }

  .select-box__option {
    padding: 6px 20px;
  }

  .h1 {
    font-size: 23px;
  }

  .h2 {
    font-size: 27px;
    letter-spacing: 0;
  }

  .h3 {
    font-size: 15px;
  }

  .container,
  .container-1440 {
    padding-left: 12px;
    padding-right: 12px;
  }

  .btn {
    font-size: 16px;
    height: 50px;
    line-height: 1;
    padding: 0;
  }

  .fancybox-custom .fancybox-button {
    height: 4rem;
    width: 4rem;
  }

  .fancybox-custom .fancybox-navigation .fancybox-button {
    top: calc(50% - 20px);
  }

  .fancybox-custom .fancybox-navigation .fancybox-button--arrow_left,
  .fancybox-custom .fancybox-navigation .fancybox-button--arrow_right {
    height: 4rem;
    width: 4rem;
  }

  .footer-title h3 {
    font-size: 34px;
    letter-spacing: -1.2px;
    margin-bottom: 30px;
  }

  .footer__contacts-title h3,
  .footer__socials-title {
    font-size: 26px;
  }

  .footer-info,
  .footer__contacts-item p,
  .footer__contacts-item.mail a,
  .footer__contacts-item.phone a,
  .footer__socials-dzen,
  .footer__socials-tg,
  .footer__socials-vk {
    font-size: 18px;
  }

  .footer__contacts-item img {
    width: 5rem;
  }

  .footer__socials-dzen img,
  .footer__socials-tg img,
  .footer__socials-vk img {
    height: 50px;
    min-width: 50px;
  }

  .partners {
    margin-bottom: 50px;
  }

  .footer {
    padding-bottom: 50px;
    padding-top: 30px;
  }

  .footer-logo img {
    height: auto;
  }

  .footer-items {
    gap: 20px;
    margin-bottom: 20px;
  }

  .modal-inputs input,
  .modal-price {
    font-size: 26px;
  }

  .forest__modal-top {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .modal__top-text {
    font-size: 16px;
    width: 100%;
  }

  .modal-title h2 {
    font-size: 50px;
    letter-spacing: -1px;
  }

  .forest__modal-content {
    padding: 40px;
  }

  .swiper-slide.partners-slide {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 24px;
    justify-content: center;
  }

  .more-main-site {
    font-size: 30px;
    text-align: center;
  }

  .partners-slideres {
    padding-bottom: 14px;
    padding-top: 14px;
  }

  .partners__item {
    width: calc(20% - 3px);
  }

  .partners-title h3 {
    font-size: 36px;
  }

  .people__slider-arrows .swiper-button-prev {
    height: 30px;
    right: 86px;
    right: unset;
    left: calc(50% - 20%);
    transform: translateX(-50%);
  }

  .people__slider-arrows .swiper-button-next {
    height: 30px;
    right: unset;
    left: calc(50% + 14%);
    transform: translateX(-50%);
  }

  .partners-arrows .swiper-button-next,
  .partners-arrows .swiper-button-prev {
    height: 30px;
    width: 70px;
  }

  .people__slider-arrows {
    margin-bottom: 10px;
  }

  .people-name span {
    font-size: 36px;
  }

  .people-item {
    padding: 20px;
  }

  .people-title {
    margin-bottom: 20px;
  }

  .people-text p {
    font-size: 22px;
  }

  .trees-wrapper__title span {
    font-size: 24px;
  }

  .trees-wrapper__text span {
    font-size: 18px;
    letter-spacing: -0.6px;
  }

  .your-trees {
    padding-bottom: 60px;
    padding-top: 60px;
  }

  .trees-wrapper__text {
    padding-top: 5px;
  }

  .forestnews-item {
    height: 100%;
    max-width: 100%;
    width: 100%;
  }

  .forestnews-item p,
  .forestnews__image-text span {
    font-size: 26px;
  }

  .heroes__wrapper-number {
    padding-left: 10px;
  }

  .heroes__wrapper-name {
    font-size: 26px;
  }

  .heroes__wrapper-status {
    font-size: 20px;
  }

  .heroes__wrapper-item {
    padding-left: 60px;
    padding-right: 20px;
  }

  .heroes__tabs-item {
    font-size: 26px;
    padding-left: 7px;
    padding-right: 7px;
  }

  .participate-btn {
    margin-top: 10px;
    padding: 0 2.5rem;
  }

  .participate-btn {
    font-size: 20px;
    max-width: 25rem;
    padding-left: 10px;
    padding-right: 10px;
    white-space: nowrap;
    width: 100%;
    margin-left: 2.4rem;
  }

  .header-title h1 {
    font-size: 100px;
  }

  .header-title p {
    left: 50%;
    padding-left: 10px;
    top: -64px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    white-space: nowrap;
  }

  .header-title {
    left: 50%;
    margin-bottom: 30px;
    margin-top: 100px;
    max-width: 120rem;
    position: absolute;
    text-align: center;
    top: 150px;
  }

  .header-counter,
  .header-title {
    position: unset;
    -webkit-transform: unset;
    -ms-transform: unset;
    transform: unset;
  }

  .header-counter {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
  }

  .progress-block {
    height: 30px;
    width: 30px;
  }

  .progress-bar {
    padding: 6px;
  }

  .counter-contaner span {
    font-size: 26px;
  }

  .counter-title,
  .counter-title span,
  .header-subtitle {
    font-size: 30px;
  }

  .header {
    height: auto;
    padding-bottom: 100px;
    padding-left: 15px;
    padding-right: 15px;
  }

  .counter-contaner {
    gap: 16px;
  }

  .main {
    padding-top: 50px;
  }

  .forestnews,
  .header-title,
  .heroes-wrapper,
  .impact-wrapper,
  .meaning,
  .people,
  .sertificates-wrapper {
    margin-bottom: 50px;
  }

  .people {
    margin-top: 50px;
  }

  .impact__item-text p {
    font-size: 22px;
  }

  .impact__item-title h3 {
    font-size: 32px;
    margin-bottom: 10px;
    margin-left: 0;
  }

  .deels__left-title h2,
  .heroes-title h3,
  .meaning-title h3,
  .people-title h3,
  .sertificates-title h3,
  .your-trees__title h3 {
    font-size: 46px;
    letter-spacing: 0.5px;
  }

  .meaning-subtitle h4 {
    font-size: 4rem;
    letter-spacing: -1.2px;
  }

  .meaning-subtitle h4,
  .meaning-title h3 {
    margin-bottom: 20px;
  }

  .league-title h3,
  .league-title h4 {
    font-size: 4.6rem;
  }

  .your-trees__title h4 {
    font-size: 3.6rem;
  }

  .heroes-title h3 {
    font-size: 40px;
    margin-bottom: 10px;
  }

  .heroes-title h4 {
    font-size: 26px;
    letter-spacing: -0.5px;
  }

  .heroes-tabs {
    margin-bottom: 30px;
  }

  .meaning-item img {
    margin-bottom: 20px;
  }

  .league-title h3{
    font-size: 30px;
    letter-spacing: -0.2px;
    font-weight: 700;
  }
  
  .league-title h4 {
    font-size: 28px;
    letter-spacing: -0.2px;
  }
  .green-league{
    padding-left: 20px;
    padding-right: 20px;
  }

  .league-date {
    font-size: 28px;
  }

  .forestnews__image-text {
    bottom: 15px;
    padding-left: 10px;
    flex-direction: column;
    display: flex;
  }

  .counter-contaner {
    max-width: 90%;
    width: 100%;
  }

  .progress-bar,
  .progress-block {
    width: 100%;
  }

  .header-title .datetitle-header {
    display: inline-block;
    margin-bottom: 12px;
    position: unset;
    -webkit-transform: unset;
    -ms-transform: unset;
    transform: unset;
  }

  .how__rating-btn {
    height: 52px;
  }

  .heroes__wrapper-number {
    font-size: 22px;
  }

  .heroes__wrapper-number img {
    width: 16px;
  }

  .counter-title span div {
    font-size: 50px;
    height: 74px;
    width: 63px;
  }

  .header-title h1 {
    margin-bottom: 21px;
  }

  .counter-title span div:after,
  .counter-title span div:before {
    height: 35px;
  }

  .progress-block {
    height: 40px;
    width: 40px;
  }

  .forestnews {
    display: grid;
    gap: 80px 26px;
    grid-template-columns: repeat(2, 1fr);
  }

  .forestnews-image {
    margin-bottom: 10px;
  }

  .forestnews-item p,
  .forestnews__image-text span {
    font-size: 20px;
  }

  .deels-tree {
    margin: 0 auto;
    padding-bottom: 0;
    padding-top: 0;
  }

  .deels-left {
    padding-bottom: 0;
    padding-left: 0;
  }

  .deels-takeit {
    padding-bottom: 30px;
    padding-right: 0;
    padding-top: 0;
    padding: 20px;
  }

  .deels__takeit-btn {
    margin: 30px auto 0;
  }

  .good-deels {
    gap: 14px;
  }

  .deels__takeit-title {
    text-align: center;
  }

  .deels__takeit-btn {
    font-size: 2rem;
    height: 5.6rem;
    width: 38.5rem;
  }

  .deels__takeit-wrapper {
    gap: 21px 27px;
  }

  .iphone-section {
    text-align: center;
  }

  .good-deels,
  .iphone-section {
    margin-bottom: 37px;
  }

  .suffered-content h4 {
    font-size: 16px;
  }

  .suffered-content p {
    font-size: 12px;
    letter-spacing: 0.04px;
  }

  .suffered-item:last-of-type .suffered-content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: auto;
    justify-content: space-between;
  }

  .suffered-item:last-of-type .suffered-content .suffered-text {
    margin-bottom: 60px;
  }

  .suffered-content a {
    font-size: 16px;
    height: 50px;
  }

  .suffered-item:last-of-type .suffered-content {
    height: 100%;
    max-height: 204px;
  }

  .suffered-title h3 {
    font-size: 40px;
  }

  .suffered-subtitle {
    font-size: 16px;
    padding-left: 14px;
    padding-right: 14px;
  }

  .suffered-mission {
    font-size: 20px;
  }

  .mission-text {
    font-size: 16px;
  }

  .suffered__season-title h4 {
    font-size: 24px;
  }

  .suffered-content {
    height: auto;
    margin: 20px 0 0;
    padding-left: 20px;
    position: unset;
    width: 100%;
  }

  .suffered-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 30px;
  }

  .suffered-content h4 {
    font-size: 20px;
  }

  .suffered-content p {
    font-size: 18px;
  }

  .suffered-wrapper {
    margin-bottom: 57px;
    padding-bottom: 57px;
    padding-top: 57px;
  }

  .heroes-queicons,
  .heroes-tabs {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .heroes-tabs {
    gap: 10px;
    flex-direction: unset;
  }

  .heroes__tabs-item {
    font-size: 24px;
    height: 52px;
  }

  .deels__takeit-btn {
    width: 100%;
  }

  .deels__takeit-wrapper {
    grid-template-columns: repeat(2, 1fr);
  }

  .deels__left-title h2 {
    font-size: 40px;
  }

  .header-title p {
    position: unset;
    -webkit-transform: rotate(-5.583deg);
    -ms-transform: rotate(-5.583deg);
    transform: rotate(-5.583deg);
  }
  .header-title{
    margin-top: 84px;
  }
  .header-title h1{
    margin-bottom: 0;
  }
  .forestnews__image-text span{
    letter-spacing: 0;
    font-weight: 500;
    font-size: 12px;
    margin-bottom: 0;
  }
  .forestnews__image-text span:first-of-type{
    border-radius: 4px 4px 0 0;
    padding-bottom: 0;
  }
  .forestnews__image-text span:last-of-type{
    border-radius: 0 0 4px 4px;
    padding-top: 0;
  }
  .heroes__wrapper-active p{
    font-size: 10px;
  }
  .heroes__wrapper-active span{
    font-size: 10px;
  }
  .header{
    height: 100vh;
  }
  .header__subtitle span{
    font-size: 3.1rem;
  }
  .header__title h1{
    font-size: 6rem;
    letter-spacing: -0.184rem;
  }
  .header__subtitle, .header__title{
    left: 2rem;
    padding-right: 2rem;
  }
  .header__subtitle-wrapper{
    padding-left: 0;
  }
  .header__subtitle{
    top: 10rem;
  }
}

@media (max-width: 730px) {
  .suffered-item:last-of-type .suffered-content {
    height: auto;
  }

  .suffered-item:last-of-type .suffered-content .suffered-text {
    margin-bottom: 30px;
  }
}

@media (max-width: 650px) {
  .label-50-mob {
    display: block;
  }

  .forest__modal-close {
    cursor: pointer;
    height: 2.3426rem;
    position: absolute;
    right: 1rem;
    top: 1.9rem;
    width: 2.243rem;
  }

  .more-main-site {
    font-size: 24px;
    padding-left: 7px;
    padding-right: 7px;
    text-align: center;
  }

  .partners-branch {
    display: none;
  }

  .partners-top {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 30px;
    text-align: left;
  }

  .partners-slideres {
    margin-top: 10px;
  }

  .partners-arrows {
    justify-content: center;
    width: 100%;
  }

  .your-trees__wrapper {
    grid-template-columns: repeat(2, 1fr);
  }

  .trees-wrapper__title {
    display: none;
  }

  .trees-wrapper__item:nth-child(3) {
    position: relative;
  }

  .trees-wrapper__item:nth-child(3):before {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    background: #5ab16f;
    border-radius: 0.4rem;
    color: #fff;
    content: "Оператор проекта";
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 22px;
    font-weight: 500;
    justify-content: center;
    left: 0;
    letter-spacing: -2.3px;
    padding: 0.2rem 1rem 0.4rem;
    position: absolute;
    text-align: center;
    top: -20px;
    width: 100%;
    z-index: 1;
  }

  .sertificates-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }

  .deels-chose label {
    max-width: 48%;
  }

  .deels__chose-top {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .label-50-mob {
    max-width: 47%;
    width: 100%;
  }

  .deels__chose-midle label,
  .label-50-mob label {
    max-width: 100%;
  }

  .deels__chose-midle label span {
    width: 100%;
  }

  .deels-chose .label-1000 {
    max-width: 100%;
  }

  .deels-chose .label-1000 span {
    width: 100%;
  }

  .deels-right-title h3,
  .deels-right-title h4 {
    font-size: 3rem;
  }

  .chose__pay-btn,
  .deels-chose label,
  .deels-chose label span,
  .deels-right-btn a {
    font-size: 24px;
    /* height: 60px; */
  }
  .heroes-queicons{
    flex-direction: unset;
    gap: 6px;
  }
  .heroes__queicons-item {
    align-items: flex-start;
    font-size: 10px;
    letter-spacing: 0;
    gap: 6px;
  }
  .heroes__queicons-item img {
    cursor: pointer;
    width: 14px;
    margin-top: 6px;
  }
  .heroes-tabs{
    gap: 6px;
  }
  .heroes__tabs-item {
    font-size: 18px;
  }
}

@media (max-width: 600px) {
  .forestnews-item p {
    font-size: 16px;
  }
  .deels__chose-top{
    flex-wrap: wrap;
    label{
      width: 100%;
      max-width: 100%!important;
      height: 44px;
    }
    span{
      width: 100%;
      height: 44px;
    }
    .label-50-mob{
      display: none;visibility: hidden;opacity: 0;
    }
  }
  .deels-chose label span{
    height: 44px;
  }
  .deels__chose-midle label{
    height: 44px;
  }
  .deels-chose .label-1000{
    height: 44px;
  }
 

  .forestnews-image,
  .forestnews-image img {
    height: auto;
  }

  .forestnews {
    gap: 40px 20px;
  }
}

@media (max-width: 547px) {
  .how__rating-btn {
    font-size: 24px;
    text-align: center;
  }

  .modal-inputs input {
    font-size: 14px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .card-button,
  .check_policy-modal p,
  .sbp-button {
    font-size: 16px;
  }

  .forest__modal-content {
    padding: 40px 20px 20px;
  }

  .modal-title h2 {
    font-size: 40px;
    letter-spacing: -1px;
  }

  .header-subtitle {
    font-size: 20px;
  }
  .header-subtitle.--1{
    margin-bottom: 4px;
    padding: 0 56px;
  }
  .counter-text{
    font-size: 22px;
  }
  .people-text p {
    font-size: 18px;
  }

  .people-name span {
    font-size: 26px;
  }

  .modal__top-image {
    margin-bottom: 10px;
    margin-right: 20px;
    max-width: 80px;
    position: unset;
    -webkit-transform: unset;
    -ms-transform: unset;
    transform: unset;
  }

  .forest__modal-top {
    padding: 20px;
  }
}

@media (max-width: 530px) {
  .header-title h1 {
    font-size: 86px;
  }

  .progress-block {
    height: 20px;
    width: 20px;
  }
}

@media (max-width: 500px) {
  .header__title h1 {
    font-size: 5rem;
  }
  .header__subtitle span{
    font-size: 2.3rem;
    letter-spacing: -0.107rem;
  }
  .suffered__mission-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .counter-title span div {
    font-size: 38px;
    height: 58px;
    width: 42px;
  }

  .counter-title span div:after,
  .counter-title span div:before {
    height: 27.5px;
  }

  .header-title {
    margin-bottom: 18px;
  }
  .header-counter{
    gap: 10px;
  }
  .header{
    padding-bottom: 50px;
  }

  .header-subtitle {
    letter-spacing: -1.07px;
  }

  .header-title h1 {
    letter-spacing: -2.8px;
  }

  .progress-block {
    height: 30px;
    width: 30px;
    width: 100%;
  }
}

@media (max-width: 478px) {
  .sertificates-title h3 {
    font-size: 40px;
  }

  .your-trees__title h3 {
    font-size: 36px;
  }

  .your-trees__title h4 {
    font-size: 28px;
  }

  .your-trees__wrapper {
    grid-template-columns: repeat(1, 1fr);
  }

  .trees-wrapper__item:nth-child(3):before {
    display: none;
    font-size: 18px;
    letter-spacing: -0.5px;
    opacity: 0;
    visibility: hidden;
  }

  .meaning-subtitle h4,
  .meaning-title h3 {
    font-size: 36px;
  }

  .deels__left-title h2 {
    font-size:32px;
    margin-bottom: 30px;
  }

  .deels-wrap {
    padding-left: 20px;
    padding-right: 20px;
  }

  .deels-left {
    padding: 20px;
  }

  .deels-chose label {
    max-width: 47%;
  }

  .label-50-mob label {
    max-width: 100%;
    width: 100%;
  }

  .deels__chose-midle label,
  .label-50-mob label {
    max-width: 100%;
  }

  .league-date {
    font-size: 24px;
    letter-spacing: -1.3px;
  }
}

@media (max-width: 460px) {
  .people-title h3 {
    font-size: 36px;
    margin-bottom: 26px;
  }

  .header-title h1 {
    font-size: 70px;
  }

  .impact__item-title h3 {
    font-size: 28px;
  }

  .impact__item-text p {
    padding-left: 15px;
    padding-right: 15px;
    top: 20px;
  }

  .heroes__tabs-item {
    font-size: 18px;
    height: 60px;
  }

  .meaning-title span {
    font-size: 34px;
  }

  .meaning-item p {
    font-size: 26px;
  }
}

@media (max-width: 449px) {
  .counter-title {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .heroes__wrapper-item:first-of-type:before {
    background-size: contain;
    height: 58px;
  }

  .heroes__wrapper-item:nth-of-type(2):before {
    background-size: contain;
    height: 58px;
  }

  .heroes__wrapper-item:nth-of-type(3):before {
    background-size: contain;
    height: 58px;
  }

  .people-video {
    max-width: 240px;
  }

  .header-title h1 {
    letter-spacing: -1.8px;
  }

  .counter-contaner {
    gap: 6px;
  }

  .counter-contaner span {
    font-size: 18px;
  }

  .progress-block {
    height: 26px;
    width: 16px;
    width: 100%;
  }
  .header-title p{
    margin-bottom: 11px;
  }

  .swiper-slide.people-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

@media (max-width: 399px) {
  .meaning-title span {
    font-size: 26px;
  }

  .meaning-item p {
    font-size: 22px;
  }

  .meaning {
    padding: 40px 14px;
  }

  .deels-chose label span {
    font-size: 18px;
  }

  .heroes__wrapper-name {
    font-size: 16px;
  }

  .heroes__wrapper-status {
    font-size: 16px;
  }

  .heroes__wrapper-number {
    font-size: 20px;
    height: 50px;
  }

  .heroes__wrapper-number img {
    height: 30px;
  }
}
@media (max-width:360px){
  .header-title h1 {
    font-size: 60px;
  }
  .header__subtitle span {
    font-size: 1.8rem;
    letter-spacing: -0.007rem;
  }
  .header__title h1 {
    font-size: 4rem;
  }
}
@media (max-width:1484px){
   /* .teambuilding-text p{
    font-size: 2rem;
   }
   .teambuilding-text span{
    font-size: 2.7rem;
   } */
}
@media (max-width:767px){
   .people__slider-arrows{
    display: flex;
    justify-content: center;
    margin-top: 20px;
    align-items: center;
    height: 30px;
    transform: unset;
    position: unset;
    gap: 1.5rem;
   }
   .people__slider-arrows .swiper-button-prev{
    position: unset;
    transform: unset;
    height: 30px;
    width: 70px;
   }
   .people__slider-arrows .swiper-button-next{
    position: unset;
    height: 30px;
    width: 70px;
    transform: unset;
   }
   .teambuilding h2, .heroes__forest-container h3, .photogallary-title h2, .people-title h2, .question-forest-title h3{
    font-size: 4rem;
    letter-spacing: -0.28rem;
   }
}

.overlay {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background: #f2f4f6;
	background: #1f2229;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	height: 100%;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	left: 0;
	padding-bottom: 6rem;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 999999;
}
#svgContainer g rect {
  fill: transparent;
}

#svgContainer g path {
  fill: #5ab16f;
  stroke: #5ab16f;
}







.dobrydela-modal {
  height: 100vh;
  left: 0;
  position: fixed;
  top: 0;
  -webkit-transition:
    opacity 0.3s ease,
    -webkit-transform 0.5s ease;
  transition:
    opacity 0.3s ease,
    -webkit-transform 0.5s ease;
  transition:
    opacity 0.3s ease,
    transform 0.5s ease;
  transition:
    opacity 0.3s ease,
    transform 0.5s ease,
    -webkit-transform 0.5s ease;
  width: 100%;
  display: none;
}

.dobrydela-modal.active {
  z-index: 1000;
  display: block;
}

.dobrydela__modal-bg {
  background: #F5F6F8;
  border-radius: 10px;
  height: 110vh;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 101;
}

.dobrydela__modal-content {
  justify-content: center;
  background: #F5F6F8;
  border-radius: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 54rem;
  height: auto;
  left: 50%;
  max-width: 144.2rem;
  padding: 4.2rem 3.2rem 5.1rem 3.8rem;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
  z-index: 102;
  border-radius: 0.9rem;
  gap: 9.63rem;
  padding: 0;
  box-shadow: 0 0 23px rgba(0, 0, 0, 0.1);

}
.dobrydela__modal-content .deels-left{
  max-width: 53.7rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding-bottom: 5.2rem;
}
.dobrydela-chose{
  padding-top: 5rem;
  padding-right: 3.2rem;
  padding-bottom: 5.2rem;
  width: 100%;
  display: none;
  flex-direction: column;
}

.dobrydela__chose-title h3{
  color: #3C4A3E;
  font-variant-numeric: lining-nums proportional-nums;
  font-size: 3.2rem;
  font-weight: 600;
  letter-spacing: -1.298px;
  margin-bottom: 3.3rem;
}
.dobrydela__chose-price{
  width: 100%;
  text-align: center;
  display: flex;
  justify-content: center;
  gap: 0.7rem;
  margin-bottom: 1.1rem;
  span{
    color: #3C4A3E;
    font-size: 6.5rem;
    font-weight: 600;
    font-variant-numeric: lining-nums proportional-nums;
  }
  b{
    color: #3C4A3E;
    font-size: 4.4rem;
    font-weight: 500;
    font-variant-numeric: lining-nums proportional-nums;
  }
}
.custom-price{
  width: 100%;
}
.slider__custom-container{
  position: relative;
}
.slider__custom-container span{
  position: absolute;
  bottom: -2.9rem;
  color: #1F2229;
  font-variant-numeric: lining-nums proportional-nums;
  font-size: 2rem;
  font-weight: 400;
}
.slider__custom-container span:first-of-type{
  left: 0;
}
.slider__custom-container span:last-of-type{
  right: 0;
}





/* Стилизация контейнера */
.slider__custom-container {
  width: 100%;
  text-align: center;
}

/* Стилизация значений минимума и максимума */
.slider__price-value {
  font-size: 1.6rem;
  font-weight: bold;
  color: #333;
  margin: 0 10px;
}

/* Стилизация самого ползунка */
.custom-price {
  -webkit-appearance: none; /* Отключаем стандартный вид */
  appearance: none;
  width: 100%;
  height: 10px;
  background: #d3d3d3;
  outline: none;
  border-radius: 5px;
  position: relative;
  cursor: pointer;
}

/* Стиль для трека ползунка (WebKit) */
.custom-price::-webkit-slider-runnable-track {
  width: 100%;
  height: 10px;
  background: linear-gradient(to right, #9CD0A9 0%, #9CD0A9 var(--progress), #d3d3d3 var(--progress), #d3d3d3 100%);
  border-radius: 5px;
  cursor: pointer;
}

/* Стиль для трека ползунка (Firefox) */
.custom-price::-moz-range-track {
  width: 100%;
  height: 10px;
  background: linear-gradient(to right, #9CD0A9 0%, #9CD0A9 var(--progress), #d3d3d3 var(--progress), #d3d3d3 100%);
  border-radius: 5px;
  cursor: pointer;
}

/* Стиль для бегунка (WebKit) */
.custom-price::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 20px;
  height: 20px;
  background: #4CAF50;
  border-radius: 50%;
  cursor: pointer;
  margin-top: -5px;
}

/* Стиль для бегунка (Firefox) */
.custom-price::-moz-range-thumb {
  width: 20px;
  height: 20px;
  background: #4CAF50;
  border-radius: 50%;
  cursor: pointer;
  border: none;
}
.dobrydela__chose-info{
  margin-top: 6rem;
  margin-bottom: 3.8rem;
  p{
    margin: 0;
    color: #1F2229;
    font-size: 2.2rem;
    font-weight: 400;
    line-height: 1; 
    max-width: 70.4rem;
  }
}
.donate-btn{
  display: flex;
  align-items: center;
  justify-content: center;
  color: #FFF;
  font-variant-numeric: lining-nums proportional-nums;
  font-size: 2.5rem;
  font-weight: 500;
  border-radius: 0.721rem;
  background: #5AB16F;
  height: 6.6rem;
  width: 100%;
}
.que-btn{
  cursor: pointer;
}






.inform-modal {
  height: 100vh;
  left: 0;
  position: fixed;
  top: 0;
  -webkit-transition:
    opacity 0.3s ease,
    -webkit-transform 0.5s ease;
  transition:
    opacity 0.3s ease,
    -webkit-transform 0.5s ease;
  transition:
    opacity 0.3s ease,
    transform 0.5s ease;
  transition:
    opacity 0.3s ease,
    transform 0.5s ease,
    -webkit-transform 0.5s ease;
  width: 100%;
  display: none;
  overflow-y: auto;
}

.inform-modal.active {
  z-index: 1000;
  display: block;
}

.inform__modal-bg {
  background: #3C4A3E;
  border-radius: 1rem;
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 101;
}

.inform__modal-content {
  /* justify-content: center;
  align-items: center; */
  background: transparent;
  border-radius: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: auto;
  left: 50%;
  max-width: 116.9rem;
  padding: 4.2rem 3.2rem 5.1rem 3.8rem;
  position: relative;
  top: 5rem;
  margin-bottom: 5rem;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 100%;
  z-index: 102;
  border-radius: 0.9rem;
  padding: 0;
  flex-direction: column;
  padding: 1.5rem;
  overflow: visible;
}

.info__modal-title{
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  color: #FFF;  
  font-variant-numeric: lining-nums proportional-nums;
  font-size: 3.5rem;
  font-weight: 700;
  line-height: 90%;
  margin-bottom: 4.5rem;
  gap: 2rem;
  button{
    cursor: pointer;
    border: none;
    background: transparent;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 3.2rem;
    height: 3.2rem;
    img{
      min-width: 3.2rem;
      height: 3.2rem;
    }
  }
}
.info__modal-bigimage{
  margin-bottom: 3.4rem;
}
.info__modal-bigimage img{
  border-radius: 2.6rem 2.6rem 0rem 0rem;
  max-width: 100%;
  height: auto;
}
.info__modal-text{
  margin-bottom: 3.4rem;
  a{
    color: #6AABFF;
    text-decoration: underline;
  }
}
.info__modal-text p{
  color: #FFF;
  font-variant-numeric: lining-nums proportional-nums;
  font-size: 2.2rem;
  font-weight: 500;
  margin-bottom: 1rem;
}
.info__modal-text p:last-of-type{
  margin-bottom: 0;
}

.info__modal-right,.info__modal-left{
  position: relative;
  width: 100%;
}
.info__modal-left img{
  border-radius: 2.6rem 0rem 0rem 2.6rem;
}
.info__modal-right img{
  border-radius:  0rem 2.6rem 2.6rem 0rem;
}
.info__modal-left p{
  position: absolute;
  bottom: 3rem;
  right: 2.5rem;
  color: #FFF;
  text-align: right;
  font-variant-numeric: lining-nums proportional-nums;
  font-size: 2.2rem;
  font-weight: 500;
  margin-bottom: 0;
  max-width: 33rem;
}
.info__modal-right p{
  position: absolute;
  bottom: 3rem;
  left: 2.5rem;
  color: #FFF;
  text-align: left;
  font-variant-numeric: lining-nums proportional-nums;
  font-size: 2.2rem;
  font-weight: 500;
  margin-bottom: 0;
  max-width: 33rem;
}
.info__modal-wrapper{
  display: flex;
  gap: 2.2rem;
  justify-content: space-between;
  margin-bottom: 3.4rem;
}
.button-for-pay{
  display: flex;
  justify-content: center;
}
.button-for-pay button{
  color: #FFF;
  font-variant-numeric: lining-nums proportional-nums;
  font-size: 2rem;
  font-weight: 600;
  letter-spacing: -0.8px;
  border-radius: 0.596rem;
  background: #5AB16F;
  width: 57.2rem;
  height: 6.3rem;
  border: none;
  margin-bottom: 10rem;
}










.fixed-modal {
  height: 100vh;
  left: 0;
  position: fixed;
  top: 0;
  -webkit-transition:
    opacity 0.3s ease,
    -webkit-transform 0.5s ease;
  transition:
    opacity 0.3s ease,
    -webkit-transform 0.5s ease;
  transition:
    opacity 0.3s ease,
    transform 0.5s ease;
  transition:
    opacity 0.3s ease,
    transform 0.5s ease,
    -webkit-transform 0.5s ease;
  width: 100%;
  display: none;
  overflow-y: auto;
  justify-content: center;
  align-items: flex-start;
  
}

.fixed-modal.active {
  z-index: 1000;
  display: block;
}

.fixed__modal-bg {
  background: #fff;
  border-radius: 1rem;
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 101;
}

.fixed__modal-content {
  background: transparent;
  border-radius: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: auto;
  max-width: 144.4rem;
  position: relative;
  margin-bottom: 10rem;
  width: 100%;
  z-index: 102;
  border-radius: 0.9rem;
  padding: 1.5rem;
  flex-direction: column;
  overflow: visible;
  padding-top: 9.1rem;
  padding-bottom: 9.9rem;
  .container{
    max-width: 96.7rem;
    width: 100%;
  }
}

.fixed__modal-content::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 30.2rem;
  background: url(../img/fixed-top.png) 0% / contain no-repeat;
  z-index: -1;
}

.fixed__modal-content::after {
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 40.2rem;
  background: url(../img/fixed-bottom.png) 100% / contain no-repeat;
  z-index: -1;
}

.fixed__modal-bigimage{
  margin-bottom: 2.4rem;
}
.fixed__modal-bigimage img{
    border-radius: 0.4rem;
    max-width: 100%;
    height: auto;
    width: 100%;
}
.fixed__modal-text{
  margin-bottom: 2.4rem;
  color: #fff;
  font-size: 2.2rem;
}
.fixed__modal-text p {
  color: #303030;
  font-size: 1.8rem;
  font-weight: 400;
  line-height: 24px; 
  letter-spacing: 0;
  margin-bottom: 2rem;
}


.fixed__modal-text p:last-of-type{
  margin-bottom: 0;
}
.fixed__modal-content .fixed-morebtn{
  a{
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFF;
    height: 6.6rem;
    width: 100%;
    border-radius: 0.9094rem;
    background: #D2132E;
    color: #FFF;
    font-variant-numeric: lining-nums proportional-nums;
    font-size: 2.4rem;
    font-weight: 600;
    letter-spacing: -0.96px;
    text-transform: uppercase;
  }
}

.fixed__modal-text{
  color: #fff;
}


@media (max-width:1200px){
  .deels-chose label span{
    letter-spacing: 1px;
  }
  .inform__modal-content{
    top: 6rem;
  }
}
@media (max-width:1000px){
  .dobrydela__modal-content .deels-chose label span{
    font-size: 2rem;
  }
  .dobrydela__chose-price span{
    font-size: 5rem;
  }
  .dobrydela__modal-content{
    gap: 5rem;
  }
}
.dobrydela__modal-content .deels__left-title button{
  display: none;
}
.fixed__modal-photos{
  display: flex;
  flex-wrap: wrap;
  gap: 1.3rem;
  margin-bottom: 2.4rem;
}
.fixed__modal-photos a {
  display: block;
  width: calc(24% - 7.5px);
  overflow: hidden;
  border-radius: 8px;
  cursor: pointer;
  transition: transform 0.3s ease;
}

.fixed__modal-photos a:hover {
  transform: scale(1.03);
}

.fixed__modal-photos img{
  width: 100%;
  height: 20rem;
  object-fit: cover;
  transition: all 0.3s ease;
  display: block;
  border-radius: 0.4rem;
}
.donate-mob{
  display: none;
}
.howtoteam-subtitle h2{
    display: none;
  }
@media (max-width:767px){
  
  .donate-mob{
    display: flex;
  }
  .dobrydela__chose-info .donate-btn{
    display: none;
  }
  .deels-takeit .deels__takeit-btn.btn.btn-trigger{
    display: none;
  }
  .fixed__modal-photos img{
    height: 100%;
  }
  .fixed__modal-photos{
    gap: 6px;
  }
  .fixed__modal-photos a{
    width: calc(50% - 3px);
    margin-bottom: 6px;
  }
  .fixed__modal-content .fixed-morebtn a{
    font-size: 18px;
    height: 50px;
    padding-left: 15px;
    padding-right: 15px;
    text-align: center;
  }
  .dobrydela__modal-content .deels__left-title{
    display: flex;
    button{
      border: none;
      background: transparent;
      display: flex;
      justify-content: center;
      align-items: center;
      width: 3.2rem;
      height: 3.2rem;
      cursor: pointer;
      img{
        min-width: 3.2rem;
        height: 3.2rem;
      }
    }
  }
  .dobrydela__modal-content{
    flex-direction: column;
    align-items: unset;
    justify-content: unset;
    gap: 10px;
    height: 100%; 
    overflow-y: auto;
    overflow-x: hidden;
  }
  .dobrydela__modal-content .deels-left{
    padding: 0;
  }
  .dobrydela__modal-content .deels-chose label span {
    font-size: 16px;
  }
  .dobrydela__modal-content .deels-left{
    padding: 15px;
  }
  .dobrydela-chose{
    padding: 15px;
  }
  .dobrydela__chose-title h3{
    font-size: 28px;
    margin-bottom: 15px;
    text-align: center;
  }
  .dobrydela__chose-price span {
    font-size: 40px;
  }
  .dobrydela__chose-info p{
    font-size: 18px;
  }
  .donate-btn{
    font-size: 18px;
    height: 50px;
  }
  .info__modal-title{
    font-size: 28px;
    margin-bottom: 25px;
  }
  .info__modal-text p{
    margin-bottom: 25px;
    font-size: 18px;
  }
  .info__modal-left p{
    position: unset;
    margin-top: 15px;
    font-size: 18px;
    text-align: left;
    max-width: 100%;
  }
  .info__modal-right p{
    position: unset;
    margin-top: 15px;
    font-size: 18px;
    max-width: 100%;
  }
  .info__modal-wrapper{
    flex-direction: column;
  }
  .info__modal-left img{
    border-radius: 20px;
  }
  .info__modal-right img{
    border-radius: 20px;
  }
  .info__modal-left{
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .info__modal-right{
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .button-for-pay button{
    margin-bottom: 5rem;
    font-size: 16px;
    letter-spacing: 1px;
    padding-left: 10px;
    padding-right: 10px;
  }
  .fixed__modal-content{
    padding-bottom: 8rem;
  }
  .fixed__modal-content::before{
    height: 100px;
  }
  .fixed__modal-content::after{
    height: 200px;
  }
  .fixed__modal-content .fixed-morebtn a {
    font-size: 14px;
  }
  .fixed-modal .close-btn{
    top: 30px;
    right: 20px;
  }
   .suffered-subtitle-mob{
    display: inline-block;
    background: #5ab16f;
    border-radius: 0.3605rem;
    margin-bottom: 0.51rem;
    padding: 0.251rem 1.1rem 0.338rem;
  }
  .suffered-subtitle span.suffered-subtitle-desk{
    display: none;
  }
  .teambuilding__wrapper{
    flex-direction: column;
  }
  .teambuilding__left{
    max-width: 100%;
  }
  .teambuilding-image{
    width: 100%;
  }
  .teambuilding__right .teambuilding-text p{
    position: unset;
  }
  .teambuilding__bigwrapper{
    flex-direction: column;
  }
  .teambuilding__bigwrapper img:first-of-type{
    display: none;
  }
  .teambuilding__btn{
    font-size: 2.4rem;
    letter-spacing: -0.084rem;
    height: 6.4rem;
    margin-top: 2.4rem;
  }
  .future{
    margin-top: 3rem;
    padding-left: 1rem;
    padding-right: 3rem;
  }
  .heroes__forest{
    margin-top: -30rem;
  }
  .heroes__forest{
    padding-top: 38rem;
  }
  .heroes__forest-container {
    h3{
      font-size: 4rem;
      letter-spacing: -0.18rem;
    }
    p{
      font-size: 2.4rem;
    }
  }
  .heroes__forest-info{
    flex-direction: column;
  }
  .forest__info-text{
    font-size: 2.4rem;
  }
  .heroes__forest-info::after{
    width: 16rem;
  }
  .howtoteam-subtitle{
    margin-bottom: 0;
  }
  .howtoteambuilding{
    background: #5c6752;
  }
  .howtoteam-subtitle h3{
    font-size: 2.6rem;
  }
  .howtoteam-subtitle img{
    width: 20rem;
  }
  .howtoteam-subtitle{
    padding-top: 6rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
    h2{
      display: block;
      font-weight: 700;
      color: #FFF;
      font-size: 5rem;
      margin-bottom: 1rem;
    }
    h3{
      padding-top: 0;
    }
  }
  .howtoteam-item span:first-of-type{
    font-size: 2rem;
    max-width: 14rem;
  }
  .howtoteam-item span:last-of-type{
    max-width: 80%;
    font-size: 2rem;
  }
  .howtoteam-wrapper::before{
    left: 16rem;
  }
  .howtoteam-item {
    display: flex;
    gap: 2.2rem;
  }
  .howtoteam-btn{
    font-size: 2.4rem;
    letter-spacing: -0.084rem;
    height: 6.4rem;
    margin-top: 2.4rem;
  }
  .photogallary-item{
    gap: 1rem;
  }
  .photogallary-item{
    margin-bottom: 1rem;
  }
  .photogallary-wrapper img{
    width: 100%;
  }
  .photogallary__item-flex {
    gap: 1rem;
  }
  .photogallary__item-main{
    gap: 1rem;
  }
  .photogallary-btn{
    font-size: 2.4rem;
    letter-spacing: -0.084rem;
    height: 6.4rem;
    margin-top: 2.4rem;
  }
  .question-forest-title {
    h3{
      letter-spacing: -0.18rem;
    }
    h4{
      font-size: 3.4rem;
      letter-spacing: -0.084rem;
      margin-bottom: 2rem;
    }
  }
  .faq-item{
    margin-bottom: 0.5rem;
  }
  .faq-container {
    & .faq-item {
      & .faq-icon {
        & .plus-icon {
          font-size: 6rem;
        }
      }
    }
  }
    .faq-container .faq-cta-btn {
      font-size: 2.4rem;
      letter-spacing: -0.084rem;
      height: 6.4rem;
      margin-top: 0;
    }
    .faq-btn-container{
      margin-bottom: 3rem;
    }
    .contact-form__agreement{
      flex-direction: column;
    }
    .teambuilding__right .teambuilding-item{
      flex-direction: column;
    }
    .howtoteam-subtitle h2{
      font-size: 4rem;
    }
    .photogallary-title h3{
      font-size: 3rem;
    }
    .photogallary{
      margin-top: 3rem;
    }
    .perfect__go{
      margin-bottom: 3rem;
    }
    .question-forest-title h4{
      font-size: 3rem;
    }
    .howtoteam-wrapper{
      padding: 2rem;
    }
}

@media (max-width: 550px){
  .header__title{
    bottom: 2rem;
  }
  .header__title {
    & span {
      color: #82D997;
    }
  }
  .fixed__modal-photos{
    gap: 4px;
  }
  .howtoteam-subtitle h2{
      font-size: 3rem;
      letter-spacing: 0.155rem;
    }
    .howtoteam-subtitle{
      padding-top: 3rem;
    }
  .howtoteam-wrapper{
    display: flex;
    flex-direction: column;
    gap: 2rem;
  }
  .howtoteam-wrapper::before {
    display: none;
  }
  .howtoteam-item{
    flex-direction: column;
    gap: 1rem;
  }
  .howtoteam-subtitle h3 {
    letter-spacing: 0.016rem;
  }
}
@media (max-width:350px){
    .howtoteam-subtitle h2 {
    font-size: 2.3rem;
  }
  .howtoteam-subtitle h3 {
    font-size: 2rem;
    letter-spacing: 0.016rem;
  }
}
/* Add media query for 2K resolution */
@media (min-width: 2048px) {
  .info__modal-bigimage img,
  .fixed__modal-bigimage img,
  .info__modal-left img,
  .info__modal-right img,
  .fixed__modal-photos img {
    max-width: 100%;
    height: 100%;
    object-fit: cover;
    width: 100%;
  }
  
  .info__modal-content,
  .fixed__modal-content,
  .inform__modal-content {
    max-width: 140rem;
    /* margin: 0 auto; */
  }
  
  .info__modal-wrapper {
    gap: 3rem;
  }
  
  .info__modal-left p,
  .info__modal-right p {
    max-width: 45rem;
    font-size: 2.4rem;
  }
}

/* Модальная форма обратной связи */
.contact-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  display: none;
  align-items: center;
  justify-content: center;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;
}

.contact-modal.active {
  display: flex;
  opacity: 1;
  visibility: visible;
  z-index: 1000;
}

.contact-modal__bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  cursor: pointer;
}

.contact-modal__content {
  position: relative;
  background: #fff;
  border-radius: 0.4871rem;
  padding: 8.3rem;
  max-width: 83.3rem;
  width: 90%;
  max-height: 100vh;
  overflow-y: auto;
  z-index: 1;
}

.contact-modal__close {
  position: absolute;
  top: 2rem;
  right: 2rem;
  background: none;
  border: none;
  width: 3rem;
  height: 3rem;
  cursor: pointer;
  color: #8B8B8B;
  transition: color 0.3s ease;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.contact-modal__close:hover {
  color: #333;
}

.contact-modal__header h2 {
  color: #5AB16F;
  font-size: 6rem;
  font-weight: 600;
  line-height: 110%;
  letter-spacing: -0.184rem;
  text-transform: uppercase;
  margin: 0 0 4.5rem 0;
}

.contact-form__field {
  margin-bottom: 2rem;
}

.contact-form__field input,
.contact-form__field textarea {
  width: 100%;
  padding: 2rem;
  border: 0.1rem solid #E0E0E0;
  border-radius: 0.5rem;
  font-size: 1.8rem;
  font-weight: 400;
  color: #333;
  background: #fff;
  transition: border-color 0.3s ease;
  font-family: inherit;
}

.contact-form__field input::placeholder,
.contact-form__field textarea::placeholder {
  color: #8B8B8B;
  font-size: 1.8rem;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.contact-form__field input:focus,
.contact-form__field textarea:focus {
  outline: none;
  border-color: #5AB16F;
}

.contact-form__field textarea {
  resize: none;
  min-height: 15rem;
}

.contact-form__agreement {
  margin-top: 3rem;
  display: flex;
  align-items: center;
  gap: 2rem;
}

.checkbox-label {
  display: flex;
  align-items: flex-start;
  cursor: pointer;
  font-size: 1.4rem;
  line-height: 140%;
  margin-bottom: 0;
}

.checkbox-label input[type="checkbox"] {
  display: none;
}

.checkbox-custom {
  width: 2rem;
  height: 2rem;
  border: 0.2rem solid #E0E0E0;
  border-radius: 0.3rem;
  margin-right: 1rem;
  position: relative;
  flex-shrink: 0;
  background: #fff;
  transition: all 0.3s ease;
}

.checkbox-label input[type="checkbox"]:checked + .checkbox-custom {
  background: #5AB16F;
  border-color: #5AB16F;
}

.checkbox-label input[type="checkbox"]:checked + .checkbox-custom::after {
  content: '';
  position: absolute;
  top: 0.2rem;
  left: 0.6rem;
  width: 0.5rem;
  height: 1rem;
  border: solid #fff;
  border-width: 0 0.2rem 0.2rem 0;
  transform: rotate(45deg);
}

.checkbox-text {
  color: #8B8B8B;
  font-size: 1.6rem;
}

.privacy-link {
  color: #5AB16F;
  text-decoration: underline;
}

.privacy-link:hover {
  text-decoration: none;
}

.contact-form__submit {
  width: 100%;
  background: #5AB16F;
  color: #fff;
  border: none;
  border-radius: 1rem;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1.6237rem;
  text-transform: uppercase;
  letter-spacing: -0.096rem;
  cursor: pointer;
  height: 6.3rem;
  width: 100%;
  transition: background-color 0.3s ease;
}

.contact-form__submit:hover {
  background: #4a9c5e;
}

/* Медиа-запросы для модальной формы */
@media (max-width: 768px) {
  .contact-modal__content {
    padding: 3rem 2rem;
    max-width: 95%;
    margin: 2rem;
  }
  
  .contact-modal__header h2 {
    font-size: 3.2rem;
    margin-bottom: 3rem;
  }
  
  .contact-form__field input,
  .contact-form__field textarea {
    padding: 1.5rem;
    font-size: 1.6rem;
  }
  
  .contact-form__field input::placeholder,
  .contact-form__field textarea::placeholder {
    font-size: 1.6rem;
  }
  
  .contact-form__submit {
    padding: 2rem;
    font-size: 2rem;
  }
}

@media (max-width: 480px) {
  .contact-modal__content {
    padding: 2rem 1.5rem;
    border-radius: 1rem;
  }
  
  .contact-modal__close {
    top: 1rem;
    right: 1rem;
    width: 2.5rem;
    height: 2.5rem;
  }
  
  .contact-modal__header h2 {
    font-size: 2.4rem;
    line-height: 100%;
    margin-bottom: 2.5rem;
  }
  
  .contact-form__field {
    margin-bottom: 1.5rem;
  }
  
  .contact-form__field input,
  .contact-form__field textarea {
    padding: 1.2rem;
    font-size: 1.4rem;
  }
  
  .contact-form__field input::placeholder,
  .contact-form__field textarea::placeholder {
    font-size: 1.4rem;
  }
  
  .checkbox-text {
    font-size: 1.4rem;
  }
  
  .contact-form__submit {
    padding: 1.8rem;
    font-size: 1.8rem;
  }
}

@media (max-width: 767px){
  .contact-modal {
    position: fixed;
    overflow-y: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: var(--zIndexModal);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2rem;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    padding: 0;
  }
  .contact-modal__bg {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255, 250, 246, 0.9);
    backdrop-filter: blur(0.1rem);
    cursor: pointer;
    z-index: -1;
  }
  .contact-modal__content {
    position: relative;
    background: #fff;
    border-radius: 1.2rem;
    -webkit-box-shadow: 0 2rem 4rem rgba(0, 0, 0, 0.15);
    box-shadow: 0 2rem 4rem rgba(0, 0, 0, 0.15);
    width: 100%;
    overflow: hidden;
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
    -webkit-transition: -webkit-transform 0.3s ease;
    transition: -webkit-transform 0.3s ease;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease, -webkit-transform 0.3s ease;
    cursor: default;
    z-index: 1;
    border-radius: 2.5rem;
    max-width: 100%;
    overflow: hidden;
    position: relative;
    width: 100%;
    top: 10%;
    margin: 0;
    max-height: unset;
  }
}