/* Start:/local/templates/pomoshdetyam/css/app.css?177323861471246*/
@font-face {
  font-family: "RotondaC";
  font-weight: bold;
  font-style: normal;

  src: url("/local/templates/pomoshdetyam/css/../assets/fonts/RotondaC-Bold.woff2") format("woff2");
  font-display: swap;
}

@font-face {
  font-family: "RotondaC";
  font-weight: normal;
  font-style: normal;

  src: url("/local/templates/pomoshdetyam/css/../assets/fonts/RotondaC.woff2") format("woff2");
  font-display: swap;
}

@font-face {
  font-family: "PT Sans";
  font-weight: bold;
  font-style: italic;

  src: url("/local/templates/pomoshdetyam/css/../assets/fonts/PTSans-BoldItalic.woff2") format("woff2");
  font-display: swap;
}

@font-face {
  font-family: "PT Sans";
  font-weight: normal;
  font-style: italic;

  src: url("/local/templates/pomoshdetyam/css/../assets/fonts/PTSans-Italic.woff2") format("woff2");
  font-display: swap;
}

@font-face {
  font-family: "PT Sans";
  font-weight: bold;
  font-style: normal;

  src: url("/local/templates/pomoshdetyam/css/../assets/fonts/PTSans-Bold.woff2") format("woff2");
  font-display: swap;
}

@font-face {
  font-family: "PT Sans";
  font-weight: normal;
  font-style: normal;

  src: url("/local/templates/pomoshdetyam/css/../assets/fonts/PTSans-Regular.woff2") format("woff2");
  font-display: swap;
}

@font-face {
  font-family: "Neucha";
  font-weight: normal;
  font-style: normal;

  src: url("/local/templates/pomoshdetyam/css/../assets/fonts/Neucha.woff2") format("woff2");
  font-display: swap;
}

*,
*::before,
*::after {
  box-sizing: border-box;

  outline: none;
}

body {
  margin: 0;

  background: url("/local/templates/pomoshdetyam/css/../assets/texture.jpg");

  font-family: PT Sans, sans-serif;
}

img {
  max-width: 100%;
}

h1,
h2 {
  margin: 0 0 40px;

  text-align: center;
  text-transform: uppercase;

  color: #07545f;
  text-shadow: -1px 0px #07545f, 1px 0px #07545f;

  font-family: Neucha;
  font-size: 55px;
  font-weight: normal;
  line-height: 1;
}

h2 span {
  font-size: 0.8em;
}

h3 {
  margin: 0 0 30px;

  text-transform: uppercase;

  color: #07545f;

  font-family: Neucha;
  font-size: 40px;
  line-height: 1;
}

h4 {
  margin: 0 0 40px;

  text-transform: uppercase;

  color: #07545f;

  font-family: RotondaC;
  font-size: 28px;
  font-weight: bold;
  line-height: 1;
}

p,
ul,
ol {
  color: #3d6e7d;

  font-size: 24px;
  font-weight: bold;
  line-height: 1.6;
}

@media (max-width: 1600px) {
  h1,
  h2 {
    margin-bottom: 15px;

    text-shadow: -0.5px 0px #07545f, 0.5px 0px #07545f;

    font-size: 30px;
    line-height: 1.2;
  }

  h3 {
    margin-bottom: 15px;

    font-size: 25px;
    line-height: 1.2;
  }

  h4 {
    margin-bottom: 15px;

    font-size: 20px;
    line-height: 1.2;
  }

  p,
  ul,
  ol {
    font-size: 18px;
    line-height: 1.5;
  }
}

@media (max-width: 1600px) {
  p,
  ul,
  ol {
    font-size: 16px;
    line-height: 1.2;
  }
}

.hide-scroll {
  overflow: hidden;
}

.show-mobile {
  position: absolute;

  visibility: hidden;

  pointer-events: none;
}

@media (max-width: 992px) {
  .show-mobile {
    position: relative;

    visibility: visible;

    pointer-events: all;
  }

  .hide-mobile {
    position: absolute;

    visibility: hidden;

    pointer-events: none;
  }
}

/* container - Start */
.container {
  position: relative;
  z-index: 1000;

  width: 100%;
  max-width: 1500px;
  margin: 0 auto;
  padding: 0 15px;
}

@media (max-width: 1600px) {
  .container {
    max-width: 1170px;
  }
}

@media (max-width: 992px) {
  .container {
    max-width: 720px;
  }
}

@media (max-width: 768px) {
  .container {
    max-width: 375px;
  }
}
/* container - End */

/* button - Start */
.button {
  display: flex;
  align-items: center;
  justify-content: center;

  width: fit-content;
  height: 65px;
  padding: 0 27px;

  text-align: center;
  text-decoration: none;

  color: #213058;
  border-radius: 100px;
  background: #fff;

  font-size: 22px;
  font-weight: bold;
  line-height: 1.2;

  margin-top: 22px;
  z-index: 100;
}

.button::before,
.button::after {
  width: 27px;
  height: 29px;
  margin: 0 8px;

  content: url("/local/templates/pomoshdetyam/css/../assets/heart.png");
}

.button.button--center {
  margin-right: auto;
  margin-left: auto;
}

@media (max-width: 1600px) {
  .button {
    font-size: 18px;
    line-height: 22px;
  }
}

@media (max-width: 992px) {
  .button {
    padding: 0 12px;

    gap: 8px;
  }

  .button::before,
  .button::after {
    margin: 0;
  }
}
/* button - End */

/* slider - Start */
.slider {
  position: relative;

  margin: 0 -28px;
  padding: 0 100px;
}

.slider__container {
  overflow: hidden;
}

.slider__list {
  display: flex;
}

.slider__item {
  flex-shrink: 0;
}

.slider__arrows {
  position: absolute;
  z-index: 2000;

  display: flex;
  align-items: center;
  justify-content: space-between;

  pointer-events: none;

  inset: 0;
}

.slider__arrow {
  width: 95px;
  height: 95px;

  pointer-events: all;

  background: url("/local/templates/pomoshdetyam/css/../assets/arrow.svg");
  background-position: 50% 50%;
  background-size: cover;
}

.slider__arrow.slider__arrow--prev {
  transform: rotate(180deg);
}

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

  margin-top: 20px;

  gap: 25px;
}

.slider__dots.slider__dots--gray .slider__dot {
  transition: opacity 0.2s ease-in-out;

  opacity: 0.25;
  background: #3d6e7d;
}

.slider__dots.slider__dots--gray .slider__dot.active {
  opacity: 1;
}

.slider__dot {
  width: 20px;
  height: 20px;

  transition: background 0.2s ease-in-out;

  border-radius: 50%;
  background: #fff;
}

.slider__dot.active {
  background: #008ad4;
}

@media (max-width: 1200px) {
  .slider {
    margin: 0;
    padding: 0 65px;
  }

  .slider__arrow {
    width: 60px;
    height: 60px;
  }
}

@media (max-width: 992px) {
  .slider {
    padding: 0;
  }

  .slider__arrows {
    display: none;
  }
}
/* slider - End */

/* arrow - Start */
.arrow {
  position: relative;

  display: flex;
  align-items: center;

  width: fit-content;
  height: 58px;
  padding: 0 14px;

  background: #fff;
}

.arrow::before,
.arrow::after {
  position: absolute;

  height: 1px;

  content: "";

  background: url("/local/templates/pomoshdetyam/css/../assets/arrow/line.svg");
}

.arrow::before {
  inset: 2px 0 auto;
}

.arrow::after {
  inset: auto 0 2px;
}

.arrow__start {
  position: absolute;
  top: 0;
  left: -28px;

  width: 29px;
  height: 58px;

  background: url("/local/templates/pomoshdetyam/css/../assets/arrow/start.svg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
}

.arrow__end {
  position: absolute;
  top: 0;
  right: -35px;

  width: 36px;
  height: 58px;

  background: url("/local/templates/pomoshdetyam/css/../assets/arrow/end.svg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
}

@media (max-width: 992px) {
  .arrow {
    margin-right: 36px;
    margin-left: 29px;
    padding: 0 5px 0 10px;
  }
}
/* arrow - End */

/* hearts-list - Start */
.hearts-list {
  padding: 0;

  list-style: none;
}

.hearts-list li {
  position: relative;

  padding-left: 40px;
}

.hearts-list li::before {
  position: absolute;
  top: 7px;
  left: 0;

  width: 28px;
  height: 28px;

  content: "";

  background: url("/local/templates/pomoshdetyam/css/../assets/heart-icon.png");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
}

@media (max-width: 1600px) {
  .hearts-list li {
    padding: 8px 0 8px 40px;
  }

  .hearts-list li::before {
    top: 3px;
  }
}

@media (max-width: 992px) {
  .hearts-list li {
    padding: 5px 0 5px 34px;
  }

  .hearts-list li::before {
    width: 22px;
    height: 22px;
  }
}
/* hearts-list - End */

/* header - Start */
.header {
  position: absolute;
  z-index: 3000;

  inset: 52px 20px auto;
}

.header.header--home {
  position: fixed;
}

.header--home .header__logo {
  display: block;
}

.header__link {
  transition: color 0.2s ease-in-out;
  text-align: center;
  text-decoration: none;

  color: #1d4956;

  font-size: 18px;
  font-weight: bold;
  line-height: 1.15;
}

.header__link:hover,
.header__link.active {
  color: #df4641;
}

.header__logo {
  position: relative;
  z-index: 3100;

  width: 140px;
  margin-right: -20px;
  margin-bottom: -10px;
}

.header__logo img {
  display: block;
}

.header__list {
  pointer-events: all;

  gap: 30px;
}

.header__button {
  position: fixed;

  display: none;

  width: 99px;
  height: 55px;

  pointer-events: all;

  background: url("/local/templates/pomoshdetyam/css/../assets/arrow/mobile.svg");

  inset: 23px 20px auto;
}

.header__close {
  position: absolute;

  display: none;

  width: 47px;
  height: 47px;

  background: url("/local/templates/pomoshdetyam/css/../assets/close.svg");
  background-repeat: no-repeat;
  background-position: 50% 50%;

  inset: 27px 29px auto auto;
}

@media (max-width: 1600px) {
  .header {
    top: 30px;
  }

  .header__link {
    font-size: 15px;
  }

  .header__list {
    gap: 17.5px;
  }
}

@media (max-width: 992px) {
  .header {
    pointer-events: none;

    inset: 0;
  }

  .header.header--home {
    position: absolute;
  }

  .header--home .header__logo {
    display: block;
  }

  .header__link {
    font-size: 18px;
    font-weight: bold;
    line-height: 1.25;
  }

  .header .arrow__start,
  .header .arrow__end {
    display: none;
  }

  .header__button {
    display: block;
  }

  .header__list {
    position: fixed;

    flex-direction: column;

    width: 100%;
    height: auto;
    margin: 0;
    padding: 44px 20px 82px;

    transition: transform 0.4s ease;
    transform: translateY(-100%);

    background: url("/local/templates/pomoshdetyam/css/../assets/menu.svg");
    background-position: 50% 0%;
    background-size: 100% 100%;

    inset: 0 0 auto;
  }

  .header__list::before,
  .header__list::after {
    content: none;
  }

  .header.active .header__list {
    transform: translateY(0%);
  }

  .header__logo {
    width: 87px;
    margin: 0;
  }

  .header__close {
    display: block;
  }

  .header__mobile-logo {
    position: absolute;

    display: block;

    width: 170px;
    height: 150px;
    margin: 0 auto;

    pointer-events: all;

    background: url(/local/templates/pomoshdetyam/css/../assets/logo.svg);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;

    inset: 40px 0 auto;
  }
}
/* header - End */

/* footer - Start */
/*
.footer {
  padding: 60px 0;

  font-family: PT Sans, sans-serif;
}

.footer p {
  margin: 0;

  color: #989898;

  font-size: 18px;
  line-height: 23px;
}

.footer .container {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.footer__copyright {
  flex: 1;
}

.footer__nav {
  display: flex;
  flex-wrap: wrap;

  max-width: 440px;
  margin: 0 120px;

  gap: 15px 0;
}

.footer__nav a {
  width: 50%;

  transition: color 0.2s ease-in-out;
  text-decoration: none;

  color: #989898;

  font-size: 20px;
  line-height: 1.5;
}

.footer__nav a:hover {
  color: red;
}

.footer__social {
  width: 170px;
}

.footer__social img {
  display: block;
}

.footer__social-list {
  display: flex;
  justify-content: space-between;

  margin-top: 35px;
}

.footer__social-item {
  display: block;
}

@media (max-width: 1600px) {
  .footer p {
    font-size: 14px;
    line-height: 18px;
  }

  .footer__nav {
    max-width: 400px;
    margin: 0 100px;

    gap: 8px 0;
  }

  .footer__nav a {
    font-size: 17px;
    line-height: 22px;
  }

  .footer__social-list {
    margin-top: 20px;
  }

  .footer__nav {
    max-width: 270px;
    margin: 0 60px;
  }
}

@media (max-width: 992px) {
  .footer {
    padding: 24px 0 30px;

    text-align: center;
  }

  .footer .container {
    display: block;
  }

  .footer__copyright {
    padding-bottom: 20px;

    border-bottom: 1px dashed #989898;
  }

  .footer__nav {
    max-width: 100%;
    margin: 0;
    padding: 32px 0;
  }

  .footer__nav a {
    width: 100%;
  }

  .footer__social {
    width: 100%;
  }

  .footer__social-list {
    justify-content: center;

    gap: 25px;
  }
}
*/
/* footer - End */

/* banner - Start */
.banner {
  padding-top: 20px;
  background-repeat: no-repeat !important;
  position: relative;
  z-index: 2000;
  display: flex;
  align-items: center;
  height: 765px;
  padding-top: 206px;
  background: url("/local/templates/pomoshdetyam/css/../assets/desktop-2.jpg");
  background-position: right top;
  background-size: cover;
}

.banner + section {
  margin-top: -120px;
  padding-top: 120px;
}

.banner__img {
  background-image: url("/local/templates/pomoshdetyam/css/../assets/help-children.png");
  background-position: center top;
  height: 38px;
  background-size: contain;
  background-repeat: no-repeat;
}

.banner__title {
  display: block;

  margin: 0 0 40px;

  color: #07545f;

  /* font-family: RotondaC, PT Sans, sans-serif; */
  font-family: Neucha, PT Sans, sans-serif;
  font-size: 32px;
  font-weight: bold;
  line-height: 175%;
  text-align: center;
}

.banner__title img {
  height: 1.75em;

  transform: translateY(-4%);
  vertical-align: middle;
}

.banner__content {
  display: flex;
  flex-direction: column;
  gap: 15px;
  max-width: 460px;
  position: absolute;
  left: -25px;
  bottom: 30px;
  max-width: 620px;
}

.banner__counter {
  display: flex;
  align-items: center;
  flex-wrap: wrap;

  gap: 18px 6px;
}

.banner__counter span {
  width: 100%;

  text-align: left;
  text-transform: uppercase;

  color: #3d6e7d;

  font-size: 16px;
  font-weight: bold;
}

.banner__counter img {
  margin-left: 5px;
}

.banner__counter i {
  position: relative;

  display: flex;
  align-items: center;
  justify-content: center;

  width: 66px;
  height: 84px;
  padding-top: 5px;

  text-align: center;

  color: #1d4956;
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0px 0px 7px #7bafbe, inset 0px -4px 8px #e5f8ff,
    inset 0px 2px 8px #b9dce8;

  font-family: RotondaC;
  font-size: 26px;
  font-weight: bold;
  font-style: normal;
  line-height: 30px;
}

.banner__counter i:nth-last-child(3n) {
  margin-right: 6px;
}

.banner__counter i::before {
  position: absolute;

  content: "";

  background: url("/local/templates/pomoshdetyam/css/../assets/counter-border.svg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;

  inset: 3px;
}

.banner__link {
  position: absolute;
  top: -310px;
  left: 20px;

  width: 255px;
  height: 240px;
}

@media (max-width: 1700px) {
  .banner {
    height: 637px;
    padding-top: 190px;
  }

  .banner__title {
    margin-bottom: 30px;

    font-size: 25px;
  }

  .banner__content {
    max-width: 460px;
    left: 80px;
    bottom: 10px;
  }

  .banner__counter i {
    width: 46px;
    height: 60px;
  }

  .banner__link {
    position: absolute;
    top: -240px;
    left: 40px;

    width: 190px;
    height: 180px;
  }
}

@media (max-width: 1601px) {
  .banner__content {
    left: -11px;
  }
}

@media (max-width: 1400px) {
  .banner {
    height: 530px;
    padding-top: 190px;
  }

  .banner__content {
    left: 20px;
    bottom: -10px;
  }

  .banner__link {
    top: -210px;
  }
}

@media (max-width: 1200px) {
  .banner__content {
    left: 30px;
  }
  .banner__title {
    font-size: 23px;
  }
}


@media (max-width: 992px) {
  .banner {
    display: block;
    height: 893px;
    padding-top: 312px;
    text-align: center;
    background-image: url("/local/templates/pomoshdetyam/css/../assets/mobile-2.jpg");
    background-size: 120%;
    background-position: center;
  }

  .banner__title {
    margin: 0 auto 30px;

    font-size: 20px;
    line-height: 1.4;
  }

  .banner__title img {
    display: block;

    height: 46px;
    margin: 0 auto;
  }

  .banner__content {
    display: none;
    max-width: 375px;
    margin: 0 auto;
  }

  .banner__counter {
    gap: 10px 3px;
  }

  .banner__counter i {
    width: 30px;
    height: 38px;

    font-size: 20px;
  }

  .banner__counter i:nth-last-child(3n) {
    margin-right: 3px;
  }

  .banner__counter img {
    width: 12px;
  }
}

@media (max-width: 800px) {
  .banner {
    background-size: 150%;
  }
}

@media (max-width: 600px) {
  .banner {
    background-size: 200%;
  }
}

@media (max-width: 500px) {
  .banner {
    background-size: 250%;
  }
}

@media (max-width: 400px) {
  .banner {
    background-size: 300%;
  }
}
/* banner - End */

/* childs - Start */
.childs {
  position: relative;

  padding: 35px 0;

  background: #dceef2;
}

.childs + section {
  padding-top: 110px;
}

.childs::before {
  position: absolute;

  content: "";

  background: url("/local/templates/pomoshdetyam/css/../assets/childs/line.svg");
  background-repeat: no-repeat;
  background-position: 50% 55%;
  background-size: 100% auto;

  inset: 0;
}

.childs::after {
  position: absolute;
  z-index: 100;
  top: 100%;

  display: block;

  width: 100%;
  height: 100px;
  margin-top: -1px;

  content: "";

  background: url("/local/templates/pomoshdetyam/css/../assets/childs/shape.svg");
  background-position: 50% 0%;
  background-size: 100% 100%;
}

.childs__item-content {
  display: flex;
  flex-direction: column;

  max-width: 350px;
  height: 100%;
  margin: 0 auto;
}

.childs__item {
  max-width: 100vw;
  margin-top: 60px;
  padding-bottom: 50px;

  background-repeat: no-repeat;
  background-position: 50% 0%;
  background-size: 100% 100%;
}

.childs__item:nth-child(3n + 1) {
  background-image: url("/local/templates/pomoshdetyam/css/../assets/childs/shapes/1.svg");
}

.childs__item:nth-child(3n + 2) {
  background-image: url("/local/templates/pomoshdetyam/css/../assets/childs/shapes/2.svg");
}

.childs__item:nth-child(3n + 3) {
  background-image: url("/local/templates/pomoshdetyam/css/../assets/childs/shapes/3.svg");
}

.childs__item p {
  margin: 0 0 10px;

  font-size: 16px;
  font-weight: bold;
  line-height: 1.4;
}

.childs__item-img {
  display: block;

  width: 242px;
  height: 242px;
  margin: -60px auto 15px;

  border-radius: 50%;

  object-fit: cover;
  object-position: 50% 50%;
}

.childs__item-name {
  display: block;

  text-align: center;

  color: #213058;

  font-size: 22px;
  font-weight: bold;
  line-height: 1.4;
}

.childs__item-city {
  display: block;

  margin: 0 0 20px;

  text-align: center;

  color: #213058;

  font-size: 18px;
  font-weight: bold;
  line-height: 1.4;
}

.childs__item-disease {
  display: block;

  margin: 0 0 20px;

  text-align: center;

  color: #df4641;

  font-size: 18px;
  font-weight: bold;
  line-height: 1.4;
}

.childs__item-link {
  display: block;

  margin-top: auto;

  text-align: center;
  text-decoration: none;

  color: #213058;

  font-size: 18px;
  font-weight: bold;
  line-height: 1.4;
}

.childs__bg::before {
  position: absolute;
  z-index: -1;

  content: "";

  background: url("/local/templates/pomoshdetyam/css/../assets/childs/bg-1.svg");
  background-repeat: no-repeat;
  background-position: 100% 50%;
  background-size: contain;

  inset: 100px 130px 90px 0;
}

.childs__bg::after {
  position: absolute;
  z-index: -1;

  width: 290px;
  height: 290px;

  content: "";

  background: url("/local/templates/pomoshdetyam/css/../assets/childs/bg-2.svg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;

  inset: auto auto -110px -110px;
}

@media (max-width: 1600px) {
  .childs__item {
    padding-bottom: 30px;
  }

  .childs__item p {
    margin-bottom: 5px;

    font-size: 13px;
  }

  .childs__item-img {
    width: 160px;
    height: 160px;
  }

  .childs__item-content {
    padding: 0 35px;
  }

  .childs__item-name {
    font-size: 18px;
  }

  .childs__item-city {
    margin-bottom: 15px;

    font-size: 16px;
  }

  .childs__item-disease {
    margin-bottom: 15px;

    font-size: 16px;
  }

  .childs__item-link {
    font-size: 18px;
  }

  .childs__bg::after {
    width: 180px;
    height: 180px;

    inset: auto auto -90px 0px;
  }
}

@media (max-width: 992px) {
  .childs__bg {
    display: none;
  }

  .childs__item-content {
    max-width: 500px;
    padding: 0 25px;
  }

  .childs__item {
    position: relative;

    padding-bottom: 25px;
  }
}

@media (max-width: 576px) {
  .childs + section {
    padding-top: 55px;
  }

  .childs::after {
    height: 35px;

    background-size: 150% 100%;
  }
}
/* childs - End */

/* map - Start */
.map {
  position: relative;

  background: url("/local/templates/pomoshdetyam/css/../assets/texture-2.jpg");
}

.map + section {
  padding-top: 200px;
}

.map::after {
  position: absolute;
  z-index: 100;

  display: block;

  height: 200px;

  content: "";

  background: url("/local/templates/pomoshdetyam/css/../assets/map/shape.png");
  background-position: 50% 0%;
  background-size: 100% 100%;

  inset: 100% 0 auto;
}

.map__container {
  position: relative;
  top: 160px;

  width: calc(100% - 30px);
  max-width: 1600px;
  margin: -290px auto 0;
}

.map__container::after {
  position: absolute;
  z-index: 1150;
  right: 337px;
  bottom: 250px;

  width: 163px;
  height: 215px;

  content: "";

  background: url("/local/templates/pomoshdetyam/css/../assets/map/bg.svg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
}

.map__img {
  position: relative;
  z-index: 1100;

  display: block;

  pointer-events: none;

  mix-blend-mode: multiply;
}

.map__popup {
  position: absolute;
  z-index: 1200;
  top: 155px;
  right: 0;

  width: calc(50% + 80px);
  padding: 24px 13px 24px 34px;

  transition: 0.4s ease;
  transform: scale(0.8);

  opacity: 0;
  border: 1.5px solid #07545f;
  border-radius: 25px;
  background: #fff;
}

.map__popup.active {
  transform: scale(1);

  opacity: 1;
}

.map__popup::after {
  position: absolute;
  bottom: 100%;
  left: 48px;

  width: 94px;
  height: 34px;

  content: "";
  transform: rotate(180deg);

  background: url("/local/templates/pomoshdetyam/css/../assets/map/bubble.svg");
  background-repeat: no-repeat;
  background-position: 50% 0%;
  background-size: contain;
}

.map__popup p {
  margin: 0 0 7px;
}

.map__popup i {
  color: #07545f;

  font-size: 22px;
  font-weight: bold;
  line-height: 1.4;
}

.map__list {
  position: absolute;

  inset: 0 0 auto;
  aspect-ratio: 616 / 370;
}

.map__item {
  position: absolute;
  z-index: 1300;

  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;

  width: 464px;
  height: 440px;

  transition: 0.4s ease;
  transition-property: color, transform;
  transform: translate(-50%, -50%) scale(0.08);
  text-align: center;
  pointer-events: none;

  color: transparent;
  background: url("/local/templates/pomoshdetyam/css/../assets/map/heart-large.svg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
}

.map__item:hover {
  z-index: 1400;

  transform: translate(-50%, -50%) scale(1);

  color: #fff;
}

.map__item:hover .map__item-value::after {
  opacity: 1;
}

.map__item-city {
  width: 100%;
  max-width: 300px;

  pointer-events: all;

  font-family: RotondaC;
  font-size: 32px;
  font-weight: bold;
  line-height: 1.5;
}

.map__item-title {
  width: 100%;
  max-width: 300px;
  padding: 16px 0 9px;

  pointer-events: all;

  font-size: 24px;
  font-weight: bold;
  line-height: 1.5;
}

.map__item-value {
  width: 100%;
  max-width: 300px;

  pointer-events: all;

  font-family: RotondaC;
  font-size: 45px;
  font-weight: bold;
  line-height: 1.5;
}

.map__item-value::after {
  display: inline-block;

  width: 25px;
  height: 27px;
  margin-left: 5px;

  content: "";
  transition: opacity 0.4s ease;

  opacity: 0;
  background: url("/local/templates/pomoshdetyam/css/../assets/rub.svg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;

  filter: brightness(0) invert(1);
}

@media (max-width: 1600px) {
  .map__popup {
    width: calc(50% - 50px);

    border-width: 1px;
  }

  .map__popup i {
    font-size: 14px;
  }

  .map__popup::after {
    left: 20px;

    width: 55px;
    height: 20px;
  }

  .map__container::after {
    right: 100px;
    bottom: 150px;
  }

  .map__item {
    width: 300px;
    height: 300px;
    padding-bottom: 30px;

    transform: translate(-50%, -50%) scale(0.12);
  }

  .map__item-city {
    font-size: 26px;
    line-height: 1.2;
  }

  .map__item-title {
    font-size: 20px;
    line-height: 1.2;
  }

  .map__item-value {
    font-size: 36px;
    line-height: 1.2;
  }
}

@media (max-width: 1200px) {
  .map__container {
    top: 80px;

    margin: -100px auto 0;
  }

  .map__container::after {
    bottom: 10px;

    height: 180px;
  }
}

@media (max-width: 992px) {
  .map::after {
    height: 150px;

    background-size: 150% 100%;
  }

  .map__container {
    top: 0;

    margin: 0 auto;
  }

  .map__popup {
    position: static;

    width: 100%;
    margin-top: -20px;
  }

  .map__container::after {
    position: relative;

    display: block;

    margin: -10px 0 0 auto;

    inset: 0;
  }

  .map__item {
    transition: transform 0.5s ease;
    transform: translate(-50%, -50%) scale(0.06);
    pointer-events: all;
  }

  .map__item a {
    position: absolute;
    top: 35px;
    right: 28px;

    width: 45px;
    height: 45px;

    transition: opacity 0.4s ease;

    opacity: 0;
    border-radius: 50%;
    background: #fff;
  }

  .map__item a::before,
  .map__item a::after {
    position: absolute;
    top: 20px;
    left: 10px;

    width: 25px;
    height: 2px;

    content: "";

    border-radius: 2px;
    background: #d81e17;
  }

  .map__item a::before {
    transform: rotate(-45deg);
  }

  .map__item a::after {
    transform: rotate(45deg);
  }

  .map__item:hover {
    transform: translate(-50%, -50%) scale(0.06);

    color: transparent;
  }

  .map__item:hover .map__item-value::after {
    opacity: 0;
  }

  .map__item.active {
    top: 150px !important;
    right: 0;
    left: 50% !important;

    transform: translate(-50%, -50%) scale(1);

    color: #fff;
  }

  .map__item.active .map__item-value::after {
    opacity: 1;
  }

  .map__item.active a {
    opacity: 1;
  }
}

@media (max-width: 576px) {
  .map::after {
    height: 40px;

    background-size: 150% 100%;
  }

  .map + section {
    padding-top: 50px;
  }

  .map__container {
    top: 0;

    margin: 0 auto;
  }
}
/* map - End */

/* charity - Start */
.charity {
  position: relative;

  padding: 30px 0;

  background: url("/local/templates/pomoshdetyam/css/../assets/texture.jpg") #afe4f2;

  background-blend-mode: multiply;
}

.charity + section {
  padding-top: 110px;
}

.charity::after {
  position: absolute;
  z-index: 1;

  height: 70px;

  content: "";

  background: url("/local/templates/pomoshdetyam/css/../assets/charity/shape.svg");
  background-position: 50% 0%;
  background-size: 100% 100%;

  inset: 100% 0 auto;
}

.charity__list {
  display: flex;

  /* gap: 47px; */
}

.charity__item {
  display: flex;
  /* align-items: flex-start;
  flex: 1; */
  flex-direction: column;
}

.arrows {
  display: flex;
  justify-content: space-around;
}

@media (max-width: 993px) {
  .arrows {
    display: none;
  }
}

.charity__item .button {
  margin-top: auto;
}

.charity__bg::before {
  position: absolute;
  top: calc(100% - 160px);
  right: 50%;

  display: none;

  width: 386px;
  height: 334px;

  content: "";
  pointer-events: none;

  background: url("/local/templates/pomoshdetyam/css/../assets/charity/2.png");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
}

.charity__bg::after {
  position: absolute;
  bottom: 0;
  left: 100%;

  display: block;

  width: 140px;
  height: 325px;

  content: "";
  pointer-events: none;

  background: url("/local/templates/pomoshdetyam/css/../assets/charity/1.png");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
}

@media (max-width: 1785px) {
  .charity__bg::after {
    left: 97%;
  }
}

@media (max-width: 1700px) {
  .charity__bg::after {
    left: 94%;
  }
}

@media (max-width: 1600px) {
  .charity__bg::before {
    right: 45%;

    transform: scale(0.7);
  }

  .charity__bg::after {
    bottom: -30px;
    left: calc(100% - 65px);

    width: 100px;
    height: 240px;
  }
}

@media (max-width: 1250px) {
  .charity__bg::before {
    right: 40%;

    transform: scale(0.6);
  }

  .charity__bg::after {
    content: none;
  }
}

@media (max-width: 992px) {
  .charity__bg::before {
    content: none;
  }

  .charity__slider {
    overflow: hidden;
  }

  .charity__list {
    margin-bottom: 25px;

    gap: 0;
  }

  .charity__item {
    flex-basis: 100%;
    flex-shrink: 0;
  }

  .charity__item img {
    max-width: 160px;
    height: auto;
  }

  .charity__item .button {
    margin: 20px auto 0;
  }
}

@media (max-width: 576px) {
  .charity::after {
    height: 15px;

    background-size: 150% 100%;
  }

  .charity + section {
    padding-top: 40px;
  }
}
/* charity - End */

/* khabensky - Start */
.khabensky {
  position: relative;

  padding: 70px 0;

  background: url("/local/templates/pomoshdetyam/css/../assets/texture.jpg") #dceef2;

  background-blend-mode: multiply;
}

.khabensky + section {
  padding-top: 50px;
}

.khabensky::after {
  position: absolute;

  height: 66px;
  margin-top: -1px;

  content: "";

  background: url("/local/templates/pomoshdetyam/css/../assets/khabensky/shape.svg");
  background-position: 50% 0%;
  background-size: 100% 100%;

  inset: 100% 0 auto;
  mix-blend-mode: darken;
}

.khabensky__row {
  display: flex;
  align-items: center;
}

.khabensky__book {
  max-width: 350px;
  margin: 0 40px 0 -20px;
}

.khabensky__logo {
  margin-right: 65px;
}

.khabensky__content {
  width: calc(50% - 23.5px);
  margin-left: auto;
}

@media (max-width: 1600px) {
  .khabensky__book {
    max-width: 250px;
  }

  .khabensky__logo {
    max-width: 200px;
  }
}

@media (max-width: 992px) {
  .khabensky .button {
    margin: 0 auto;
  }

  .khabensky__row {
    flex-direction: column;
  }

  .khabensky__book {
    margin: 0 auto;
  }

  .khabensky__logo {
    margin: 0 auto 30px;
  }

  .khabensky__content {
    width: 100%;
  }
}

@media (max-width: 576px) {
  .khabensky {
    padding-bottom: 30px;
  }

  .khabensky::after {
    height: 30px;

    background-size: 150% 100%;
  }

  .khabensky + section {
    padding-top: 60px;
  }
}
/* khabensky - End */

/* about - Start */
.about {
  position: relative;

  padding: 40px 0;

  text-align: center;
}

.about + section {
  padding-top: 110px;
}

.about::after {
  position: absolute;
  z-index: 1;

  height: 74px;

  content: "";

  background: url("/local/templates/pomoshdetyam/css/../assets/about/shape.svg");
  background-position: 50% 0%;
  background-size: 100% 100%;

  inset: 100% 0 auto;
}

.about__list {
  display: flex;

  margin: 50px 0 0;

  gap: 48px;
}

.about__item {
  flex: 1;
}

.about__item img {
  display: block;

  width: 190px;
  height: 190px;
  margin: 0 auto 15px;

  /* border-radius: 50%; */

  object-fit: cover;
}

.about__item img[src*="svg"] {
  border-radius: 0;

  object-fit: contain;
}

.about__item h5 {
  margin: 0;

  text-align: center;
  text-transform: uppercase;

  color: #07545f;

  font-family: RotondaC;
  font-size: 38px;
  font-weight: bold;
  line-height: 1.5;
}

.about__item h5 span {
  font-family: PT Sans;
  font-size: 16px;
  font-weight: bold;
}

.about__item p {
  margin: 0;

  font-size: 24px;
  font-weight: bold;
  line-height: 1.3;
}

.about__bg {
  position: absolute;
  right: calc(100% - 70px);
  bottom: -80px;

  width: 258px;
  height: 263px;

  pointer-events: none;

  background: url("/local/templates/pomoshdetyam/css/../assets/about/bg.svg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
}

@media (max-width: 1600px) {
  .about__item img {
    width: 150px;
    height: 150px;
  }

  .about__item h5 {
    font-size: 38px;
  }

  .about__item p {
    font-size: 18px;
  }
}

@media (max-width: 1400px) {
  .about__bg {
    display: none;
  }
}

@media (max-width: 992px) {
  .about__slider {
    overflow: hidden;
  }

  .about__list {
    flex-direction: column;
    flex-wrap: wrap;

    height: calc(270px + 270px + 30px);

    gap: 0;
  }

  .about__item {
    flex-basis: 270px;
    flex-shrink: 0;

    height: 270px;
  }

  .about__bg {
    display: none;
  }
}

@media (max-width: 576px) {
  .about::after {
    height: 30px;

    background-size: 150% 100%;
  }

  .about + section {
    padding-top: 60px;
  }
}
/* about - End */

/* help - Start */
.help {
  position: relative;

  text-align: center;
}

.help + section {
  margin-top: -180px;
  padding-top: 350px;
}

.help::before {
  position: absolute;

  content: "";

  background: url("/local/templates/pomoshdetyam/css/../assets/texture.jpg") #afe4f2;

  background-blend-mode: multiply;
  inset: 0 0 180px;
}

.help::after {
  position: absolute;
  z-index: 1;

  height: 278px;

  content: "";

  background: url("/local/templates/pomoshdetyam/css/../assets/help/shape.svg");
  background-position: 50% 0%;
  background-size: 100% 100%;

  inset: calc(100% - 180px) 0 auto;
}

.help__list {
  display: flex;
  justify-content: center;

  margin: 0 0 74px;

  gap: 48px;
}

.help__item {
  display: grid;
  flex: 1;

  max-width: 270px;
  padding: 30px 10px;

  text-align: center;

  color: #3d6e7d;
  border-radius: 30px;
  background: url("/local/templates/pomoshdetyam/css/../assets/texture.jpg");

  font-size: 18px;
  font-weight: bold;
  line-height: 1.3;
}

.help__item:nth-child(1),
.help__item:nth-child(2) {
  grid-template-rows: 1fr auto 1fr auto;
}

.help__item:nth-child(3),
.help__item:nth-child(4) {
  grid-template-rows: 1fr auto auto auto;
}

.help__item span:nth-child(3) {
  display: flex;
  align-items: flex-end;
  justify-content: center;
}

.help__item img {
  margin: auto;

  mix-blend-mode: multiply;
}

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

  width: 100%;
  max-width: 200px;
  min-height: 65px;
  margin: 20px auto 0;
  padding: 10px 16px;

  text-decoration: none;

  color: #fff;
  border-radius: 100px;
  background: #e07d75;

  font-size: 22px;
  font-weight: bold;
  line-height: 1;
}

.help__item .disabled {
  pointer-events: none;
}

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

  font-size: 22px;
  font-weight: bold;
  line-height: 1.5;
}

.help__social::before {
  width: 64px;
  height: 52px;
  margin-right: 21px;

  content: "";

  background: url("/local/templates/pomoshdetyam/css/../assets/help/share.svg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
}

.help__social-list {
  display: flex;
  align-items: center;

  margin-left: 47px;

  gap: 30px;
}

.help__social a {
  text-decoration: none;
}

.help__social img {
  display: block;

  width: 60px;
}

.help__bg::before {
  position: absolute;
  top: 80px;
  left: -70px;

  width: 80px;
  height: 82px;

  content: "";

  background: url("/local/templates/pomoshdetyam/css/../assets/help/heart.png");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
}

.help__bg::after {
  position: absolute;
  right: -150px;
  bottom: -60px;

  width: 273px;
  height: 174px;

  content: "";

  background: url("/local/templates/pomoshdetyam/css/../assets/help/bg.svg");
}

@media (max-width: 1600px) {
  .help {
    background: url(/local/templates/pomoshdetyam/css/../assets/texture.jpg) #afe4f2;

    background-blend-mode: multiply;
  }

  .help + section {
    margin-top: 0;
    padding-top: 200px;
  }

  .help::before {
    content: none;
  }

  .help::after {
    height: 140px;

    inset: 100% 0 auto;
  }

  .help__bg::before {
    content: none;
  }

  .help__bg::after {
    right: 0;

    width: 200px;
    height: 130px;

    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
  }

  .help__list {
    margin-bottom: 40px;

    gap: 30px;
  }

  .help__item {
    font-size: 18px;
  }

  .help__item a {
    font-size: 16px;
  }

  .help__social {
    font-size: 18px;
  }

  .help__social::before {
    transform: scale(0.8);
  }

  .help__social-list {
    margin-left: 30px;

    gap: 20px;
  }

  .help__social img {
    width: 40px;
  }
}

@media (max-width: 992px) {
  .help {
    text-align: left;
  }

  .help__bg::after {
    content: none;
  }

  .help__social {
    flex-wrap: wrap;

    margin-top: 50px;
  }

  .help__social-list {
    margin: 10px auto 0;
  }

  .help__slider {
    overflow: hidden;
  }

  .help__list {
    justify-content: initial;

    gap: 0;
  }

  .help__item {
    display: flex;
    flex-basis: 100%;
    flex-direction: column;
    flex-shrink: 0;

    max-width: 100%;
  }
}

@media (max-width: 576px) {
  .help::after {
    height: 40px;

    background-size: 150% 100%;
  }

  .help + section {
    padding-top: 80px;
  }
}
/* help - End */

/* materials - Start */
.materials {
  position: relative;

  padding: 30px 0;

  text-align: center;

  background: url("/local/templates/pomoshdetyam/css/../assets/texture.jpg") #cdedf3;

  background-blend-mode: multiply;
}

.materials + section {
  padding-top: 145px;
}

.materials::after {
  position: absolute;
  z-index: 1;

  height: 183px;
  margin-top: -1px;

  content: "";

  background: url("/local/templates/pomoshdetyam/css/../assets/materials/shape.svg");
  background-position: 50% 0%;
  background-size: 100% 100%;

  inset: 100% 0 auto;
}

.materials__bg {
  position: absolute;
  bottom: 78px;
  left: -67px;

  width: 291px;
  height: 277px;

  content: "";

  background: url("/local/templates/pomoshdetyam/css/../assets/materials/bg.svg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
}

.materials__row {
  display: flex;
  align-items: center;

  margin-bottom: 46px;

  gap: 58px;
}

.materials__cloud {
  width: 100%;
  max-width: 655px;
  margin: 0 0 80px;
  padding: 145px 64px 104px 74px;

  text-align: left;

  background: url("/local/templates/pomoshdetyam/css/../assets/materials/shape-2.svg");
  background-position: 50% 0%;
  background-size: 100% 100%;

  font-size: 22px;
  font-weight: bold;
  line-height: 1.3;
}

.materials__list {
  display: flex;
  flex: 1;
  flex-direction: column;

  gap: 25px;
}

.materials__item {
  display: flex;
  align-items: center;

  padding: 24px;

  text-align: left;

  border-radius: 30px;
  background: #afe4f2;

  gap: 20px;
}

.materials__item img {
  width: 130px;
  height: 130px;

  border-radius: 50%;

  object-fit: cover;
  object-position: 50% 50%;
}

.materials__item div {
  flex: 1;
}

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

  width: 170px;
  height: 65px;
  padding: 10px;

  text-align: center;
  text-decoration: none;

  color: #213058;
  border-radius: 100px;
  background: #fff;

  font-size: 18px;
  font-weight: bold;
  line-height: 1;
}

.materials__item h4 {
  margin: 0 0 10px;

  text-transform: none;

  text-shadow: -1px 0px #07545f, 1px 0px #07545f;

  font-family: Neucha;
}

.materials__item p {
  margin: 0;

  color: #3d6e7d;

  font-size: 18px;
  font-weight: bold;
  line-height: 1.3;
}

@media (max-width: 1600px) {
  .materials::after {
    height: 100px;
  }

  .materials__bg {
    bottom: 0;
    left: 0;

    width: 200px;
    height: 200px;
  }

  .materials__cloud {
    max-width: 500px;
    padding: 100px 40px 70px;

    font-size: 18px;
  }

  .materials__item img {
    width: 100px;
    height: 100px;
  }

  .materials__item a {
    width: 130px;
    height: 50px;

    font-size: 16px;
  }

  .materials__item h4 {
    text-shadow: -0.5px 0px #07545f, 0.5px 0px #07545f;
  }

  .materials__item p {
    font-size: 15px;
  }
}

@media (max-width: 1200px) {
  .materials__row {
    flex-direction: column;
  }

  .materials__cloud {
    margin: 40px 0 0;
  }

  .materials__bg {
    bottom: -70px;
  }
}

@media (max-width: 992px) {
  .materials__bg {
    display: none;
  }

  .materials__cloud {
    position: relative;

    width: auto;
    max-width: none;
    margin: 100px -180px 0 -60px;
    padding: 117px 179px 55px 93px;
  }

  .materials__cloud::before {
    position: absolute;
    bottom: calc(100% - 70px);
    left: 60px;

    width: 190px;
    height: 180px;

    content: "";

    background: url(/local/templates/pomoshdetyam/css/../assets/materials/bg.svg);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
  }

  .materials__wrap {
    overflow: hidden;
  }

  .materials__slider {
    overflow: hidden;

    width: 100%;
  }

  .materials__list {
    flex-direction: row;

    gap: 0;
  }

  .materials__item {
    flex-direction: column;
    flex-shrink: 0;

    padding: 24px 16px 24px 32px;
  }
}

@media (max-width: 576px) {
  .materials::after {
    height: 30px;

    background-position: 150% 100%;
  }

  .materials + section {
    padding-top: 60px;
  }
}
/* materials - End */

/* contest - Start */
.contest {
  position: relative;

  padding: 50px 0;

  background: url("/local/templates/pomoshdetyam/css/../assets/texture-2.jpg");
}

.contest + section {
  padding-top: 150px;
}

.contest::after {
  position: absolute;
  z-index: 110;

  height: 103px;

  content: "";

  background: url("/local/templates/pomoshdetyam/css/../assets/contest/shape.png");
  background-position: 50% 0%;
  background-size: 100% 100%;

  inset: 100% 0 auto;
}

.contest__slider {
  margin-top: 40px;
}

.contest__slider .slider__arrows {
  bottom: 70px;
}

.contest__item {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;

  text-align: center;
  text-decoration: none;

  color: #213058;

  font-size: 22px;
  font-weight: bold;
  line-height: 1.5;

  gap: 36px;
}

.contest__item img {
  height: auto;
  max-height: 500px;
  margin: 0 auto;
}

.contest__bg::before {
  position: absolute;
  bottom: -190px;
  left: -110px;

  width: 289px;
  height: 294px;

  content: "";

  background: url("/local/templates/pomoshdetyam/css/../assets/contest/bg.svg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
}

.contest__bg::after {
  content: "";
}

@media (max-width: 1600px) {
  .contest__item {
    font-size: 18px;

    gap: 20px;
  }
}

@media (max-width: 992px) {
  .contest__slider {
    margin-top: 20px;
  }

  .contest__bg {
    display: none;
  }
}

@media (max-width: 576px) {
  .contest::after {
    height: 30px;

    background-position: 200% 100%;
  }

  .contest + section {
    padding-top: 70px;
  }
}
/* contest - End */

/* faq - Start */
.faq {
  display: flex;
  align-items: center;
  flex-direction: column;

  position: relative;

  padding: 170px 0;

  background: url("/local/templates/pomoshdetyam/css/../assets/texture.jpg") #dceef2;

  background-blend-mode: multiply;
}

.faq + section {
  padding-top: 115px;
}

.faq::after {
  position: absolute;
  z-index: 1;

  height: 60px;
  margin-top: -1px;

  content: "";

  background: url("/local/templates/pomoshdetyam/css/../assets/faq/shape.svg");
  background-position: 50% 0%;
  background-size: 100% 100%;

  inset: 100% 0 auto;
  mix-blend-mode: darken;
}

.faq::before {
  position: absolute;
  z-index: 0;

  content: "";
  pointer-events: none;

  background: url("/local/templates/pomoshdetyam/css/../assets/faq/bg.svg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: auto 100%;

  inset: 0 320px 0 0;
}

.faq__list {
  display: flex;
  overflow: hidden;
  flex-direction: column;

  width: 100%;
  max-width: 1235px;
  margin: 60px auto 0;
  padding: 0 240px;

  gap: 22px;
}

.faq__question {
  position: relative;

  display: block;

  padding: 12px 38px;

  transition: 0.4s ease;
  text-decoration: none;

  color: #fff;
  border-radius: 28px;
  background: #05749c;

  font-family: RotondaC;
  font-size: 24px;
  font-weight: bold;
  line-height: 1.5;
}

.faq__question::before,
.faq__answer::before {
  position: absolute;

  width: 94px;
  height: 33px;
  margin-top: -1px;

  content: "";
  transition: transform 0.4s ease;
  transform: scale(0);
  transform-origin: 50% 0%;

  background: url("/local/templates/pomoshdetyam/css/../assets/faq/bubble-1.svg");
  background-repeat: no-repeat;
  background-position: 50% 0%;
  background-size: contain;

  inset: 100% auto auto 50px;
}

.faq__answer::before {
  transform: scale(1);

  background-image: url("/local/templates/pomoshdetyam/css/../assets/faq/bubble-2.svg");

  inset: 100% 50px auto auto;
}

.faq__answer {
  position: relative;

  height: 0;

  transition: transform 0.4s ease;
  pointer-events: none;

  opacity: 0;
  border-radius: 28px;
  background: #96d2e0;
}

.faq__answer h5 {
  margin: 0 0 10px;

  color: #07545f;

  font-family: RotondaC;
  font-size: 24px;
  font-weight: bold;
  line-height: 1.5;
}

.faq__answer p {
  margin: 0;

  color: #07545f;

  font-size: 18px;
  font-weight: bold;
  line-height: 1.5;
}

.faq__answer .button {
  margin-top: 20px;
}

.faq__item {
  position: relative;
}

.faq__item::before {
  position: absolute;
  top: 85px;
  right: calc(100% + 24px);

  width: 165px;
  height: 205px;

  content: "";
  transition: 0.4s ease;
  transform: translate(-100px);

  opacity: 0;
  background: url("/local/templates/pomoshdetyam/css/../assets/faq/1.svg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
}

.faq__item::after {
  position: absolute;
  bottom: 80px;
  left: calc(100% + 54px);

  width: 185px;
  height: 185px;

  content: "";
  transition: 0.4s ease;
  transform: translate(100px);

  opacity: 0;
  background: url("/local/templates/pomoshdetyam/css/../assets/faq/2.svg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
}

.faq__item.active::before,
.faq__item.active::after {
  transform: translate(0);

  opacity: 1;
}

.faq__item.active .faq__question {
  margin: 30px 0;
  padding: 24px 40px;

  transform: translateX(-24px);

  color: #07545f;
  background: #fff;
}

.faq__item.active .faq__question::before {
  transform: scale(1);
}

.faq__item.active .faq__answer {
  height: auto;
  margin: 60px 0 38px;
  padding: 24px 38px;

  transform: translateX(24px);
  pointer-events: all;

  opacity: 1;
}

@media (max-width: 1600px) {
  .faq::before {
    right: 220px;
  }

  .faq__question,
  .faq__answer h5 {
    font-size: 18px;
  }

  .faq__answer p {
    font-size: 16px;
    line-height: 1.2;
  }

  .faq__item::before,
  .faq__item::after {
    width: 150px;
    height: 150px;
  }
}

@media (max-width: 992px) {
  .faq__list {
    overflow: visible;

    margin-top: 18px;
    padding: 0;

    gap: 12px;
  }

  .faq__item::before,
  .faq__item::after {
    content: none;
  }

  .faq__item.active .faq__question {
    margin: 30px 0;
    padding: 17px 20px;

    transform: translateX(-15px);
  }

  .faq__item.active .faq__answer {
    margin: 30px 0;
    padding: 17px 20px;

    transform: translateX(15px);
  }

  .faq__item.active .faq__question::before,
  .faq__item.active .faq__answer::before {
    transform: scale(0.5);
  }

  .faq__question {
    padding: 17px 20px;
  }

  .faq__question::before {
    left: 10px;
  }

  .faq__answer::before {
    right: 10px;
  }
}

@media (max-width: 576px) {
  .faq {
    padding: 140px 0;
  }

  .faq::before {
    background-position: 50% 100%;
    background-size: contain;

    inset: 0 25% 0 0;
  }

  .faq::after {
    height: 40px;

    background-size: 200% 100%;
  }

  .faq + section {
    padding-top: 70px;
  }
}
/* faq - End */

/* story - Start */
.story {
  position: relative;

  padding: 167px 0 60px;

  background: #dceef2;
}

.story + section {
  padding-top: 100px;
}

.story::before {
  position: absolute;
  z-index: 100;

  margin-top: -1px;

  content: "";

  background: url("/local/templates/pomoshdetyam/css/../assets/story/shape-2.svg");
  background-position: 50% 0%;
  background-size: 100% 100%;

  inset: 155px 85px 0 0;
}

.story::after {
  position: absolute;
  z-index: 1;

  height: 64px;

  content: "";

  background: url("/local/templates/pomoshdetyam/css/../assets/story/shape.svg");
  background-position: 50% 0%;
  background-size: 100% 100%;

  inset: 100% 0 auto;
}

.story .container::before {
  position: absolute;
  bottom: -60px;
  left: -26px;

  width: 289px;
  height: 288px;

  content: "";

  background: url("/local/templates/pomoshdetyam/css/../assets/story/bg-2.svg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
}

.story__bg::before {
  position: absolute;
  z-index: 100;

  content: "";

  background: url("/local/templates/pomoshdetyam/css/../assets/story/bg-1.svg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;

  inset: 20px;
}

.story__bg::after {
  position: absolute;

  content: "";

  background: url("/local/templates/pomoshdetyam/css/../assets/story/line.svg");
  background-repeat: no-repeat;
  background-position: 50% 100%;
  background-size: 100% auto;

  inset: 0 0 100px 0;
}

.story__header {
  display: flex;
  align-items: center;
}

.story__photo {
  width: 376px;
  height: 376px;

  border-radius: 50%;

  object-fit: cover;
  object-position: 50% 50%;
}

.story__info {
  width: calc(50% - 188px);
  padding-right: 40px;
}

.story__info h2 {
  margin-bottom: 15px;

  text-align: left;
}

.story__location {
  margin: 0 0 20px;

  color: #213058;
}

.story__disease {
  margin: 0;

  color: #df4641;
}

.story__content {
  margin: 60px 0 70px;
}

.story__next {
  position: relative;

  display: flex;
  align-items: center;

  width: fit-content;
  margin-left: auto;
  padding-right: 85px;

  text-decoration: none;

  color: #213058;
}

.story__next::after {
  position: absolute;

  width: 116px;
  height: 34px;
  margin: 0 auto;

  content: "";

  background: url("/local/templates/pomoshdetyam/css/../assets/story/next.svg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;

  inset: auto 0 0;
}

.story__next img {
  width: 170px;
  height: 170px;
  margin-right: -28px;

  border-radius: 50%;

  object-fit: cover;
  object-position: 50% 50%;
}

@media (max-width: 1400px) {
  .story::before {
    right: 0;

    background-size: 120% 100%;
  }

  .story__bg::before,
  .story__bg::after {
    content: none;
  }
}

@media (max-width: 992px) {
  .story {
    padding: 204px 0 107px;
  }

  .story::before {
    bottom: 200px;
  }

  .story .container::before {
    content: none;
  }

  .story__header {
    flex-direction: column-reverse;
  }

  .story__info {
    width: 100%;
    padding: 0;

    text-align: center;
  }

  .story__info h2 {
    margin-bottom: 7px;

    text-align: center;
  }

  .story__photo {
    width: 160px;
    height: 160px;
    margin-bottom: 24px;
  }

  .story__location {
    margin-bottom: 4px;
  }

  .story__content {
    margin: 24px 0 20px;
  }

  .story__next {
    flex-direction: column;

    margin: 0 auto;
    padding: 0;
  }

  .story__next::after {
    position: static;

    width: 82px;
    height: 24px;
    margin-top: 17px;
  }

  .story__next img {
    width: 130px;
    height: 130px;
    margin: 0 0 -27px;
  }

  .story__bg::after {
    position: absolute;

    height: 406px;

    content: "";
    pointer-events: none;

    background: url(/local/templates/pomoshdetyam/css/../assets/story/mobile-bg.svg);
    background-repeat: no-repeat;
    background-position: 50% 100%;

    inset: auto 0 0;
  }
}

@media (max-width: 576px) {
  .story::before {
    background-position: 20% 0%;
    background-size: 300% 100%;

    inset: 170px 0 185px;
  }

  .story::after {
    height: 30px;

    background-size: 300% 100%;
  }

  .story + section {
    padding-top: 60px;
  }
}
/* story - End */

/* error - Start */
.error {
  position: relative;

  padding: 210px 0 150px;

  background: #dceef2;
}

.error + section {
  padding-top: 100px;
}

.error::after {
  position: absolute;
  z-index: 1;

  height: 64px;
  margin-top: -1px;

  content: "";

  background: url("/local/templates/pomoshdetyam/css/../assets/error/shape.svg");
  background-position: 50% 0%;
  background-size: 100% 100%;

  inset: 100% 0 auto;
}

.error .button {
  margin-top: 45px;
}

.error__wrap {
  overflow: hidden;
}

.error__bg::before {
  position: absolute;

  content: "";

  background: url("/local/templates/pomoshdetyam/css/../assets/error/bg-1.svg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;

  inset: 190px 330px 38px 48px;
}

.error__bg::after {
  position: absolute;

  content: "";

  background: url("/local/templates/pomoshdetyam/css/../assets/error/line.svg");
  background-repeat: no-repeat;
  background-position: 0% 100%;
  background-size: contain;

  inset: 190px 0 0;
}

.error__cloud {
  position: relative;

  width: 100%;
  max-width: 1250px;
  margin: 0 auto;
  padding: 140px 100px;

  text-align: center;

  background: url("/local/templates/pomoshdetyam/css/../assets/error/shape-2.svg");
  background-position: 50% 0%;
  background-size: 100% 100%;
}

.error__cloud::before {
  position: absolute;
  bottom: 0;
  left: 150px;

  width: 217px;
  height: 155px;

  content: "";

  background: url("/local/templates/pomoshdetyam/css/../assets/error/bg-2.svg");
  background-repeat: no-repeat;
  background-position: 0% 100%;
  background-size: contain;
}

@media (max-width: 992px) {
  .error {
    padding: 195px 0 20px;
  }

  .error__bg::before {
    inset: 155px 0 0 0;
  }

  .error__bg::after {
    inset: 145px 75px 0 0;
  }

  .error__cloud {
    padding: 72px 0 147px;

    background: none;
  }

  .error__cloud::before {
    left: 42px;

    width: 148px;
    height: 100px;
  }

  .error__cloud::after {
    position: absolute;
    z-index: -1;

    content: "";

    background: url(/local/templates/pomoshdetyam/css/../assets/error/shape-2.svg);
    background-position: 50% 0%;
    background-size: 100% 100%;

    inset: 0 -280px 0 -200px;
  }
}

@media (max-width: 576px) {
  .error::after {
    height: 40px;

    background-position: 35% 0%;
    background-size: 300% 100%;
  }

  .error + section {
    padding-top: 50px;
  }

  .error__bg::before {
    background: url("/local/templates/pomoshdetyam/css/../assets/error/mobile-bg.svg");
    background-repeat: no-repeat;
    background-position: 0% 100%;
    background-size: contain;

    inset: 146px 27px 0 2px;
  }

  .error__bg::after {
    content: none;
  }

  .error__cloud {
    text-align: left;
  }

  .error__cloud::after {
    inset: 0 -560px 0 -400px;
  }
}
/* error - End */

/* articles - Start */
.articles {
  position: relative;

  padding: 150px 0;

  background: #dceef2;

  mix-blend-mode: multiply;
}

.articles + section {
  padding-top: 100px;
}

.articles::after {
  position: absolute;
  z-index: 1;

  height: 64px;
  margin-top: -1px;

  content: "";

  background: url("/local/templates/pomoshdetyam/css/../assets/articles/shape.svg");
  background-position: 50% 0%;
  background-size: 100% 100%;

  inset: 100% 0 auto;
}

.articles__list {
  display: flex;
  flex-direction: column;

  max-width: 930px;
  margin: 67px auto 0;

  gap: 30px;
}

.articles__item {
  display: grid;
  align-items: center;

  padding: 20px;

  border-radius: 30px;
  background: #afe4f2;

  gap: 5px 10px;
  grid-template-columns: auto 1fr auto;
  grid-template-areas:
    "img title title"
    "img text button";
}

.articles__item img {
  width: 130px;
  height: 130px;
  margin-right: 12px;

  border-radius: 50%;

  grid-area: img;
  object-fit: cover;
  object-position: 50% 50%;
}

.articles__item h4 {
  width: 100%;
  margin: 0;

  text-transform: none;

  font-family: Neucha;
  line-height: 1.2;

  grid-area: title;
}

.articles__item p {
  margin: 0;

  color: #3d6e7d;

  font-size: 18px;
  font-weight: bold;
  line-height: 1.3;

  grid-area: text;
}

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

  width: 170px;
  height: 65px;
  padding: 10px;

  text-align: center;
  text-decoration: none;

  color: #213058;
  border-radius: 100px;
  background: #fff;

  font-size: 18px;
  font-weight: bold;
  line-height: 1.2;

  grid-area: button;
}

.articles__bg::before {
  position: absolute;

  content: "";

  background: url("/local/templates/pomoshdetyam/css/../assets/articles/bg.svg");
  background-repeat: no-repeat;
  background-position: 50% 0%;
  background-size: contain;

  inset: 275px 285px 0 320px;
}

.articles__bg::after {
  position: absolute;

  content: "";

  background: url("/local/templates/pomoshdetyam/css/../assets/articles/line.svg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;

  inset: 480px 0 0;
}

.articles__descr {
  font-size: 28px;
}

@media (max-width: 992px) {
  .articles {
    padding: 215px 0 120px;
  }

  .articles__bg::before,
  .articles__bg::after {
    content: none;
  }

  .articles__descr {
    font-size: 18px;
    line-height: 1.2;
  }

  .articles__item {
    display: flex;
    flex-direction: column;

    padding: 32px 24px 30px;

    gap: 20px;
  }
}

@media (max-width: 576px) {
  .articles::after {
    height: 40px;

    background-position: 35% 0%;
    background-size: 300% 100%;
  }

  .articles + section {
    padding-top: 50px;
  }

  .articles__bg::after {
    position: absolute;

    height: 406px;

    content: "";
    pointer-events: none;

    background: url(/local/templates/pomoshdetyam/css/../assets/story/mobile-bg.svg);
    background-repeat: no-repeat;
    background-position: 50% 100%;

    inset: auto 0 0;
  }

  .articles__descr {
    position: relative;

    margin-bottom: 120px;
  }

  .articles__descr::before {
    position: absolute;

    content: "";

    background: url(/local/templates/pomoshdetyam/css/../assets/articles/mobile-bg.svg);
    background-repeat: no-repeat;
    background-position: 50% 100%;
    background-size: contain;

    inset: -88px 0 -99px;
  }
}
/* articles - End */

/* about-article - Start */
.about-article {
  position: relative;

  padding: 200px 0 10px;

  background: #dceef2;
}

.about-article + section {
  padding-top: 90px;
}

.about-article::after {
  position: absolute;
  z-index: 1;

  height: 69px;
  margin-top: -1px;

  content: "";

  background: url("/local/templates/pomoshdetyam/css/../assets/about-page/1.svg");
  background-position: 50% 0%;
  background-size: 100% 100%;

  inset: 100% 0 auto;
}

.about-article h1,
.about-article h2 {
  text-align: left;
}

.about-article h3 {
  margin-top: 40px;
}

.about-article__header {
  display: grid;

  grid-template-columns: 1fr 515px;
  grid-template-rows: auto 1fr;
  gap: 0 20px;
  grid-template-areas:
    "top aside"
    "content aside";
}

.about-article__top {
  grid-area: top;
}

.about-article__aside {
  text-align: center;

  grid-area: aside;
}

.about-article__content {
  grid-area: content;
}

.about-article__aside-popup {
  position: relative;

  margin: -20px 0 0;
  padding: 20px 30px;

  text-align: left;

  border: 1.5px solid #07545f;
  border-radius: 25px;
  background: #fff;
}

.about-article__aside-popup::after {
  position: absolute;
  right: 80px;
  bottom: 100%;

  width: 94px;
  height: 34px;

  content: "";
  transform: rotate(180deg);

  background: url("/local/templates/pomoshdetyam/css/../assets/map/bubble.svg");
  background-repeat: no-repeat;
  background-position: 50% 0%;
  background-size: contain;
}

.about-article__aside-logo {
  display: block;

  width: fit-content;
  margin: 0 auto;
}

@media (max-width: 1600px) {
  .about-article__aside-book {
    width: 300px;
  }

  .about-article__header {
    grid-template-columns: 1fr 340px;
  }

  .about-article__aside-popup {
    border-width: 1px;
  }

  .about-article__aside-popup::after {
    width: 62px;
  }
}

@media (max-width: 992px) {
  .about-article__header {
    display: block;
  }

  .about-article__aside-popup {
    padding: 14px 19px;
  }

  .about-article__aside-popup::after {
    right: 34px;
  }

  .about-article h1 {
    text-align: center;
  }

  .about-article h3 {
    margin: 30px 0 10px;
  }

  .about-article__aside-logo {
    width: 224px;
  }
}

@media (max-width: 576px) {
  .about-article::after {
    height: 30px;

    background-position: 65% 0%;
    background-size: 300% 100%;
  }

  .about-article + section {
    padding-top: 60px;
  }
}
/* about-article - End */

/* about-book - Start */
.about-book {
  position: relative;
}

.about-book + section {
  padding-top: 165px;
}

.about-book::after {
  position: absolute;
  z-index: 1;

  height: 103px;
  margin-top: -1px;

  content: "";

  background: url("/local/templates/pomoshdetyam/css/../assets/about-page/2.svg");
  background-position: 50% 0%;
  background-size: 100% 100%;

  inset: 100% 0 auto;
}

.about-book .button {
  max-width: 340px;
}

.about-book__list {
  display: flex;

  gap: 70px;
}

.about-book__item {
  position: relative;

  flex: 1;

  margin: 20px 0 50px;
  padding: 24px 32px;

  border-radius: 25px;
  background: #96d2e0;
}

.about-book__item::after {
  position: absolute;
  top: 100%;
  right: 80px;

  width: 94px;
  height: 34px;
  margin-top: -1px;

  content: "";

  background: url("/local/templates/pomoshdetyam/css/../assets/about-page/bubble.svg");
  background-repeat: no-repeat;
  background-position: 50% 0%;
  background-size: contain;
}

.about-book__item p {
  margin: 0;

  color: #07545f;

  font-size: 18px;
  font-weight: bold;
  line-height: 1.5;
}

.about-book__item-title {
  display: block;

  margin: 0 0 10px;

  color: #07545f;

  font-family: RotondaC;
  font-size: 24px;
  font-weight: bold;
  line-height: 1.2;
}

@media (max-width: 1600px) {
  .about-book::after {
    height: 60px;
  }

  .about-book + section {
    padding-top: 90px;
  }
}

@media (max-width: 1200px) {
  .about-book__list {
    gap: 30px;
  }
}

@media (max-width: 992px) {
  .about-book__slider {
    overflow: hidden;

    margin: 24px 0;
  }

  .about-book__list {
    gap: 0;
  }

  .about-book__item {
    flex-basis: 100%;
    flex-shrink: 0;

    margin: 0;
    margin-bottom: 20px;
    padding: 17px 20px;
  }

  .about-book__item-title {
    font-size: 18px;
  }

  .about-book__item p {
    font-size: 16px;
    line-height: 1.2;
  }

  .about-book__item::after {
    right: 35px;

    width: 58px;
    height: 20px;
  }
}

@media (max-width: 992px) {
  .about-book::after {
    height: 50px;

    background-position: 15% 0%;
    background-size: 300% 100%;
  }

  .about-book .button {
    max-width: 290px;
    margin-top: 30px;
  }
}
/* about-book - End */

/* about-story - Start */
.about-story {
  position: relative;

  padding: 30px 0;

  background: #dceef2;

  mix-blend-mode: multiply;
}

.about-story + section {
  padding-top: 100px;
}

.about-story::after {
  position: absolute;
  z-index: 1;

  height: 62px;
  margin-top: -1px;

  content: "";

  background: url("/local/templates/pomoshdetyam/css/../assets/about-page/3.svg");
  background-position: 50% 0%;
  background-size: 100% 100%;

  inset: 100% 0 auto;
}

.about-story__author {
  display: block;

  width: fit-content;
  margin: 35px 0 0 auto;

  color: #213058;

  font-size: 24px;
  font-weight: bold;
  line-height: 1.2;
}

.about-story__cloud {
  margin: 50px 0 0;
  padding: 120px 0;

  background: url("/local/templates/pomoshdetyam/css/../assets/about-page/cloud.svg");
  background-position: 50% 50%;
  background-size: 130% 100%;
}

.about-story__cloud .container::before {
  position: absolute;
  bottom: -165px;
  left: 0;

  width: 291px;
  height: 277px;

  content: "";
  pointer-events: none;

  background: url("/local/templates/pomoshdetyam/css/../assets/about-page/bg.svg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
}

@media (max-width: 1600px) {
  .about-story__cloud {
    padding-top: 60px;
  }
}

@media (max-width: 992px) {
  .about-story {
    padding: 60px 0;
  }

  .about-story__author {
    margin-top: 20px;

    font-size: 18px;
  }

  .about-story__cloud .container::before {
    right: 0;
    left: 0;

    width: 212px;
    height: 200px;
    margin: 0 auto;
  }
}

@media (max-width: 576px) {
  .about-story__cloud {
    margin-top: 30px;
    padding: 40px 0 100px;

    background-position: 30% 50%;
    background-size: 300% 100%;
  }

  .about-story {
    padding: 80px 0;
  }

  .about-story + section {
    padding-top: 60px;
  }

  .about-story::after {
    background-position: 20% 0%;
    background-size: 300% 100%;
  }
}
/* about-story - End */

/* rules - Start */
.rules {
  position: relative;

  padding: 195px 0 80px;

  background: #dceef2;

  mix-blend-mode: multiply;
}

.rules + section {
  padding-top: 100px;
}

.rules::after {
  position: absolute;
  z-index: 1;

  height: 64px;
  margin-top: -1px;

  content: "";

  background: url("/local/templates/pomoshdetyam/css/../assets/story/shape.svg");
  background-position: 50% 0%;
  background-size: 100% 100%;

  inset: 100% 0 auto;
}

.rules__date {
  display: block;

  margin: 35px 0;

  text-align: center;

  color: #213058;

  font-family: RotondaC;
  font-size: 24px;
  font-weight: bold;
  line-height: 1.2;
}

@media (max-width: 576px) {
  .rules {
    padding: 215px 0 40px;
  }

  .rules::after {
    height: 40px;

    background-position: 35% 0%;
    background-size: 300% 100%;
  }

  .rules + section {
    padding-top: 50px;
  }

  .rules__date {
    font-size: 18px;
  }
}
/* rules - End */

/* article - Start */
.article h1,
.article h2 {
  text-align: left;
}

.article h3 {
  margin: 50px 0 0;
}

.article__img {
  position: relative;

  margin-bottom: 45px;
}

.article__img img {
  width: 100%;
  max-height: 500px;

  object-fit: cover;
  object-position: 50% 60%;
}

.article__img::before {
  position: absolute;

  height: 82px;

  content: "";

  background: url("/local/templates/pomoshdetyam/css/../assets/article/1.svg");
  background-position: 50% 100%;
  background-size: 100% 100%;

  inset: auto 0 0;
}

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

  height: 360px;

  background: url("/local/templates/pomoshdetyam/css/../assets/article/2.svg");
  background-position: 50% 50%;
  background-size: 100% 100%;

  gap: 30px;
}

.article__button .button {
  max-width: 300px;
}

@media (max-width: 992px) {
  .article__img img {
    width: 100%;
    height: 370px;
  }

  .article__img::before {
    background-size: 300% 100%;
  }

  .article__button {
    height: 200px;

    background-size: 200% 100%;
  }
}

@media (max-width: 576px) {
  .article__img::before {
    background-size: 400% 100%;
  }

  .article__button {
    flex-direction: column;

    height: 270px;
    padding-top: 20px;

    background-size: 300% 100%;

    gap: 15px;
  }
}
/* article - End */

.childs .container h2 {
  padding-top: 10px;
}

.main-footer {
  padding-top: 50px;

  .footer {
    position: relative;
    background: #fff;
    padding: 30px 0;
    line-height: 1.2;
    margin-top: auto;
    background: url("/local/templates/pomoshdetyam/css/../assets/texture.jpg") #dceef2;

    .container {
      max-width: 1260px;
      padding: 0 30px;
    }
  }

  }

  @media screen and (min-width: 768px) {
    .footer {
      padding: 37px 0;
    }
  }

  .footer_padding {
    padding-bottom: 80px;
  }

  @media screen and (min-width: 768px) {
    .footer_padding {
      padding-bottom: 37px;
    }
  }

  .footer__top {
    margin-bottom: 15px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    row-gap: 10px;
  }

  @media screen and (min-width: 768px) {
    .footer__top {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      margin-bottom: 40px;
      padding-left: 103px;
    }
  }

  @media screen and (min-width: 1260px) {
    .footer__top {
      padding-left: 103px;
      margin-bottom: 37px;
      justify-content: normal;
    }
  }

  .footer__top__text {
    display: flex;
  }

  @media screen and (min-width: 760px) {
    .footer__top__text {
      gap: 70px;
    }
  }

  @media screen and (min-width: 1260px) {
    .footer__top__text {
      gap: 133px;
    }
  }

  .footer__top__info {
    max-width: 380px;
    width: 100%;
  }

  .footer__text__info,
  .footer__text__headline {
    font-size: 13px;
    line-height: 1.4;
    color: #2A384E;
    line-height: 1.4;
  }

  .footer__text__headline b {
    font-weight: bold;
  }

  .footer__text__info {
    font-weight: normal;
    line-height: 1.4;
  }

  @media screen and (min-width: 768px) {
      .footer__text {
          -webkit-box-flex: 0;
          -ms-flex: 0 0 266px;
          flex: 0 0 266px;
          margin-right: 48px;
      }
  }
  @media screen and (min-width: 1260px) {
      .footer__text {
          -webkit-box-flex: 0;
          -ms-flex: 0 0 379px;
          flex: 0 0 379px;
          margin-right: 133px;
          
      }
  }
  .footer__text b {
    font-weight: 600;
  }

  @media screen and (min-width: 768px) {
    .footer__text b {
      display: block;
      margin-bottom: 2px;
    }
  }

  .footer__top__map {
    display: none;
    width: 100%;
  }

  @media screen and (min-width: 760px) {
    .footer__top__map {
      display: block;
      width: max-content;
    }
  }

  .footer__top__middle {
    width: 100%;
    max-width: 900px;
  }

  .footer__menu {
    display: none;
  }

  @media screen and (min-width: 768px) {
    .footer__menu {
      display: block;
      -webkit-column-count: 2;
      -moz-column-count: 2;
      column-count: 2;
      -webkit-column-gap: 15px;
      -moz-column-gap: 15px;
      column-gap: 15px;
      font-size: 13px;
      line-height: 1.4;
    }
  }

  @media screen and (min-width: 1260px) {
    .footer__menu {
      -webkit-column-gap: 30px;
      -moz-column-gap: 30px;
      column-gap: 30px;
    }
  }
  .footer__menu, .footer__menu ul {
    padding-inline-start: 0px;
  }

  .footer__menu li {
    font-size: 13px;
    list-style: none;
    margin-bottom: 3px;
    line-height: 1.4;
  }

  .footer__menu li a {
    text-decoration: none;
    font-weight: normal;
    color: #00625E;
  }

  .footer__bottom {
    display: flex;
    justify-content: center;
    flex-direction: column;
  }

  @media screen and (min-width: 768px) {
    .footer__bottom {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: end;
      -ms-flex-align: end;
      align-items: flex-end;
      flex-direction: row;
    }
  }

  @media screen and (min-width: 1260px) {
    .footer__bottom {
      padding-left: 103px;
      justify-content: normal;
    }
  }

  .footer__contacts {
    margin-bottom: 15px;
  }

  @media screen and (min-width: 360px) {
    .footer__contacts {
      margin-bottom: 24px;
    }
  }

  @media screen and (min-width: 768px) {
    .footer__contacts {
      margin-bottom: 0;
      -webkit-box-flex: 0;
      -ms-flex: 0 0 266px;
      flex: 0 0 266px;
      margin-right: 48px;
    }
  }

  @media screen and (min-width: 1260px) {
    .footer__contacts {
      position: relative;
      -webkit-box-flex: 0;
      -ms-flex: 0 0 381px;
      flex: 0 0 381px;
      margin-right: 130px;
    }

    .footer__contacts::before {
      content: "";
      display: block;
      width: 49px;
      height: 50px;
      position: absolute;
      left: -69px;
      top: 7px;
      background: url(/local/templates/frutonyanya/img/footer/head.svg) no-repeat center/contain;
    }
  }

  .footer__tel {
    font-size: 35px;
    font-family: "Neucha", sans-serif;
    margin-bottom: 5px;
    color: #00625E;
    display: block;
    text-decoration: none;
  }

  @media screen and (min-width: 768px) {
    .footer__tel {
      font-size: 30px;
    }
  }

  @media screen and (min-width: 1260px) {
    .footer__tel {
      font-size: 35px;
      margin-bottom: 1px;
    }
  }

  .footer__tel:hover {
    text-decoration: none;
    color: #2A384E;
  }

  .footer__tel-info {
    color: #2A384E;
    font-size: 13px;
    line-height: 1.4;
  }

  .footer__social {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-width: 350px;
    flex-direction: column;
  }

  @media screen and (min-width: 400px) {
    .footer__social {
      flex-direction: row;
      max-width: 280px;
    }
  }

  @media screen and (min-width: 768px) {
    .footer__social {
      max-width: 350px;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
    }
  }

  .footer__social-title {
    font-size: 13px;
    line-height: 1.4;
  }

  @media screen and (min-width: 768px) {
    .footer__social-title {
      margin-right: 20px;
    }
  }

  @media screen and (min-width: 1260px) {
    .footer__social-title {
      margin-right: 33px;
    }
  }

  .footer__social-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    margin-top: 15px;
  }

  @media screen and (min-width: 1260px) {
    .footer__social-title {
      margin-top: 0;
      justify-content: flex-end;
    }
  }

  .footer__link {
    border-radius: 7px;
    overflow: hidden;
    margin-left: 10px;
  }

  .footer__link img {
    display: block;
  }
}

.swiper-pagination {
  display: flex;
  justify-content: center;
  gap: 25px;
}

.swiper-wrapper {
  padding-bottom: 45px;
}

.charity .container .charity__slider .swiper-pagination {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 20px;
    gap: 25px;
}

.charity__slider .swiper-pagination-bullet {
    width: 20px;
    height: 20px;
    transition: background 0.2s ease-in-out;
    border-radius: 50%;
    background: #fff;
    opacity: 1;
}

.charity__slider .swiper-pagination-bullet-active {
    background: #008ad4;; /* Цвет активной точки */
}

.charity__item img {
  width: max-content;
  height: 80px;
}

.swiper-slide p span {
  color: #2e535f;
  font-size: 17px;
}

@media screen and (min-width: 1600px) {
  .swiper-slide p span {
    font-size: 25px;
  }
}
/* End */


/* Start:/local/templates/pomoshdetyam/components/bitrix/menu/top/style.min.css?1647372556490*/
ul.left-menu{list-style:none;margin:0;padding:0;margin-bottom:8px;position:relative}ul.left-menu li{padding:10px 16px;background:#f5f5f5 url(/local/templates/pomoshdetyam/components/bitrix/menu/top/images/left_menu_bg.gif) top repeat-x}ul.left-menu li a{font-size:100%;color:#bc262c;font-weight:bold;text-decoration:none}ul.left-menu li a:visited{color:#bc262c}ul.left-menu li a:hover{color:#bc262c}ul.left-menu li a.selected:link,ul.left-menu li a.selected:visited,ul.left-menu li a.selected:active,ul.left-menu li a.selected:hover{color:#fc8d3d}
/* End */


/* Start:/local/templates/pomoshdetyam/components/bitrix/menu/footer/style.min.css?1647372556490*/
ul.left-menu{list-style:none;margin:0;padding:0;margin-bottom:8px;position:relative}ul.left-menu li{padding:10px 16px;background:#f5f5f5 url(/local/templates/pomoshdetyam/components/bitrix/menu/footer/images/left_menu_bg.gif) top repeat-x}ul.left-menu li a{font-size:100%;color:#bc262c;font-weight:bold;text-decoration:none}ul.left-menu li a:visited{color:#bc262c}ul.left-menu li a:hover{color:#bc262c}ul.left-menu li a.selected:link,ul.left-menu li a.selected:visited,ul.left-menu li a.selected:active,ul.left-menu li a.selected:hover{color:#fc8d3d}
/* End */
/* /local/templates/pomoshdetyam/css/app.css?177323861471246 */
/* /local/templates/pomoshdetyam/components/bitrix/menu/top/style.min.css?1647372556490 */
/* /local/templates/pomoshdetyam/components/bitrix/menu/footer/style.min.css?1647372556490 */