@charset "UTF-8";
:root {
  --font-size-10: 10px;
  --font-size-11: 11px;
  --font-size-12: 12px;
  --font-size-14: 14px;
  --font-size-16: 16px;
  --font-size-18: 18px;
  --font-size-20: 20px;
  --font-size-21: 21px;
  --font-size-22: 22px;
  --font-size-24: 24px;
  --font-size-26: 26px;
  --font-size-30: 30px;
  --font-size-36: 36px;
  --font-size-40: 40px;
  --font-size-48: 48px;
  --font-size-50: 50px;
  --font-size-55: 55px;
  --font-size-56: 56px;
  --palette-white: #FFFFFF;
  --palette-orange-1: #FA6126;
  --palette-orange-2: #FFECE5;
  --palette-orange-3: #D1450F;
  --palette-orange-4: #FFF5F0;
  --palette-green-1: #7DCB70;
  --palette-green-2: #EDFFE5;
  --palette-green-3: #56A848;
  --palette-green-4: #37b6ad;
  --palette-green-5: #EDFBF7;
  --palette-gray-1: #5E5D62;
  --palette-gray-2: #C3C3C3;
  --palette-gray-3: #F2F2F2;
  --palette-gray-4: #F5F5F5;
  --palette-gray-5: #F8F8F8;
  --palette-red-1: #FF0000;
  --palette-yellow-1: #C7AA0E;
  --palette-yellow-2: #FBFBE0;
  --palette-yellow-3: #F39520;
  --palette-blue-1: #5DA3B5;
  --palette-blue-2: #E0F9FF;
  --palette-blue-3: #EFF6FA;
  --palette-dark-1: #000000;
  --palette-dark-2: #333333;
}

.gap10 {
  gap: 10px;
}

.gap20 {
  gap: 20px;
}

* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: var(--palette-gray-1);
}

body {
  font-family: "Roboto", sans-serif;
  font-size: var(--font-size-16);
  display: flex;
  flex-direction: column;
  width: 100%;
}
body header, body section, body footer {
  display: flex;
}

pre {
  font-family: "Roboto", sans-serif;
}

/* UI начало: UI start*/
a {
  color: var(--palette-orange-1);
  text-decoration: none;
}

h1, h2, h3, h4, h5, h6, span, p, a {
  font-weight: 300;
}

h1 {
  font-size: var(--font-size-48);
  color: var(--palette-white);
}

h2 {
  font-size: var(--font-size-36);
  font-weight: 400;
}

h3 {
  font-size: var(--font-size-24);
}

b {
  font-weight: 400;
}

iframe {
  width: 855px;
  height: 482px;
  border: none;
  outline: none;
}

.fixed {
  position: fixed;
  top: 0;
  background: rgba(0, 0, 0, 0.6);
  padding: 9px 0;
  z-index: 3;
}

.section_shadow {
  background: linear-gradient(180deg, rgb(234, 234, 234), rgb(255, 255, 255)) no-repeat;
  background-size: 100% 100px;
}

#our_success.section_shadow {
  background: linear-gradient(180deg, #FFF5ED, #FFFFFF) no-repeat;
  background-size: 100% 100px;
}

.hide {
  display: none !important;
}

.btn {
  color: var(--palette-white);
  background: var(--palette-orange-1);
  font-size: var(--font-size-24);
  border-radius: 5px;
  padding: 10px 20px 10px;
  border: 1px solid transparent;
}

.btn.white {
  background: transparent;
  border: 1px solid var(--palette-white);
}

.btn:hover {
  background: var(--palette-green-1);
}

.btn.white:hover {
  background: rgba(255, 255, 255, 0.168627451);
}

.header_container .container .button.main-page {
  display: flex;
}

.header__content .guest.tablet[data-mobile=true] {
  display: none;
}

.spoiler-btn {
  font-size: var(--font-size-24);
  display: flex;
  align-items: center;
  gap: 10px;
  color: var(--palette-orange-1);
  font-weight: 300;
  cursor: pointer;
}
.spoiler-btn i {
  display: flex;
  width: 30px;
  height: 30px;
  font-size: var(--font-size-18);
  color: var(--palette-orange-1);
  justify-content: center;
  border-radius: 50%;
  border: 3px solid var(--palette-orange-1);
}

.spoiler-btn:hover i {
  color: var(--palette-white);
  background: var(--palette-orange-1);
}

.slider {
  display: flex;
}
.slider .slider__container {
  display: flex;
  overflow: hidden;
}
.slider .slider__button_next, .slider .slider__button_prev {
  display: flex;
}
.slider .slider__button_next i, .slider .slider__button_prev i {
  color: var(--palette-orange-1);
  font-size: var(--font-size-55);
  cursor: pointer;
}
.slider .slider__button_next i:hover, .slider .slider__button_prev i:hover {
  color: #F4A460;
}

.slider[data-attr=how_it_work] .slider__wrapper,
.slider[data-attr=charity] .slider__wrapper {
  position: relative;
  width: 1021px;
}
.slider[data-attr=how_it_work] .slider__wrapper .slider__container .slide iframe,
.slider[data-attr=charity] .slider__wrapper .slider__container .slide iframe {
  width: 853px;
  height: 480px;
  border: none;
}

.slider[data-slider_name=we_already_help] .slider__container {
  width: 1005px;
}
.slider[data-slider_name=we_already_help] .slider__container .slide__wrapper {
  position: relative;
}
.slider[data-slider_name=we_already_help] .slider__container .slide__wrapper .slide {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 0 18px;
  height: 319px;
  justify-content: center;
  align-items: center;
  border-radius: 20px;
  border: 1px solid transparent;
}
.slider[data-slider_name=we_already_help] .slider__container .slide__wrapper .slide p {
  font-weight: 400;
}
.slider[data-slider_name=we_already_help] .slider__container .slide__wrapper .slide .img {
  width: 150px;
  height: 150px;
  border-radius: 20px;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}
.slider[data-slider_name=we_already_help] .slider__container .slide__wrapper .slide .img img {
  width: 150px;
}
.slider[data-slider_name=we_already_help] .slider__container .slide__wrapper .slide .name {
  margin-top: 10px;
  overflow: hidden;
  width: 100%;
  text-align: center;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.slider[data-slider_name=we_already_help] .slider__container .slide__wrapper .slide .text {
  margin-top: 20px;
}
.slider[data-slider_name=we_already_help] .slider__container .slide__wrapper .slide .sum {
  display: flex;
  gap: 6px;
  color: var(--palette-gray-2);
}
.slider[data-slider_name=we_already_help] .slider__container .slide__wrapper .slide .sum span {
  color: var(--palette-gray-2);
}
.slider[data-slider_name=we_already_help] .slider__container .slide__wrapper .slide .name, .slider[data-slider_name=we_already_help] .slider__container .slide__wrapper .slide .sum {
  font-size: var(--font-size-20);
}
.slider[data-slider_name=we_already_help] .slider__container .slide__wrapper .slide .age, .slider[data-slider_name=we_already_help] .slider__container .slide__wrapper .slide .text {
  font-size: var(--font-size-14);
}
.slider[data-slider_name=we_already_help] .slider__container .slide__wrapper .slide .name, .slider[data-slider_name=we_already_help] .slider__container .slide__wrapper .slide .age, .slider[data-slider_name=we_already_help] .slider__container .slide__wrapper .slide .text {
  color: var(--palette-gray-1);
}
.slider[data-slider_name=we_already_help] .slider__container .slide__wrapper:hover .slide {
  border: 1px solid #8a8990;
}
.slider[data-slider_name=we_already_help] .slider__button_prev {
  margin-right: 20px;
}
.slider[data-slider_name=we_already_help] .slider__button_next {
  margin-left: 20px;
}

.slider[data-slider_name=media] .slider__container,
.slider[data-slider_name=video] .slider__container {
  width: 1113px;
}
.slider[data-slider_name=media] .slider__container .slide,
.slider[data-slider_name=video] .slider__container .slide {
  width: 352px;
}
.slider[data-slider_name=media] .slider__container .slide .media,
.slider[data-slider_name=video] .slider__container .slide .media {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
}
.slider[data-slider_name=media] .slider__container .slide .media .name,
.slider[data-slider_name=video] .slider__container .slide .media .name {
  font-size: var(--font-size-18);
}
.slider[data-slider_name=media] .slider__container .slide .media .text,
.slider[data-slider_name=video] .slider__container .slide .media .text {
  font-size: var(--font-size-14);
  text-align: center;
}
.slider[data-slider_name=media] .slider__container .slide .likes,
.slider[data-slider_name=video] .slider__container .slide .likes {
  display: flex;
  position: absolute;
  right: 10px;
  top: 10px;
  align-items: center;
  gap: 4px;
}
.slider[data-slider_name=media] .slider__container .slide .likes .icon,
.slider[data-slider_name=video] .slider__container .slide .likes .icon {
  display: flex;
  width: 30px;
  height: 30px;
  border: 1px solid var(--palette-white);
  border-radius: 50%;
  justify-content: center;
}
.slider[data-slider_name=media] .slider__container .slide .likes i, .slider[data-slider_name=media] .slider__container .slide .likes p,
.slider[data-slider_name=video] .slider__container .slide .likes i,
.slider[data-slider_name=video] .slider__container .slide .likes p {
  font-size: var(--font-size-16);
  color: var(--palette-white);
}
.slider[data-slider_name=media] .slider__container .slide .likes p,
.slider[data-slider_name=video] .slider__container .slide .likes p {
  font-weight: 300;
}
.slider[data-slider_name=media] .slider__button_prev,
.slider[data-slider_name=video] .slider__button_prev {
  margin-right: 40px;
}
.slider[data-slider_name=media] .slider__button_next,
.slider[data-slider_name=video] .slider__button_next {
  margin-left: 18px;
}

.slider[data-slider_name=text] .slider__container {
  width: 665px;
}
.slider[data-slider_name=text] .slider__container .slide {
  width: 665px;
}
.slider[data-slider_name=text] .slider__container .slide .user {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.slider[data-slider_name=text] .slider__container .slide .user .avatar {
  width: 130px;
  height: 130px;
  overflow: hidden;
  border-radius: 50%;
}
.slider[data-slider_name=text] .slider__container .slide .user .avatar img {
  width: 100%;
}
.slider[data-slider_name=text] .slider__container .slide .user .profile {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 5px;
}
.slider[data-slider_name=text] .slider__container .slide .user .profile .name {
  font-size: var(--font-size-20);
  font-weight: 400;
  margin-top: 20px;
}
.slider[data-slider_name=text] .slider__container .slide .user .profile .location {
  display: flex;
  align-items: center;
  gap: 10px;
}
.slider[data-slider_name=text] .slider__container .slide .user .profile .location img {
  width: 24px;
  height: 18px;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
  border-radius: 0;
}
.slider[data-slider_name=text] .slider__container .slide .user .profile .location p {
  font-size: var(--font-size-16);
  color: #5E5D62;
  font-weight: 300;
}
.slider[data-slider_name=text] .slider__container .slide .user a {
  position: relative;
  align-self: flex-end;
}
.slider[data-slider_name=text] .slider__container .slide .user a i {
  margin: 20px 0 9px;
  font-size: var(--font-size-24);
  color: var(--palette-gray-2);
  border-bottom: 1px dashed var(--palette-orange-1);
}
.slider[data-slider_name=text] .slider__container .slide .user a:hover .tip {
  opacity: 1;
  visibility: visible;
}
.slider[data-slider_name=text] .slider__container .slide .user .text_review {
  font-size: var(--font-size-16);
  line-height: 22px;
  color: #5E5D62;
  font-weight: 300;
}
.slider[data-slider_name=text] .slider__button_prev {
  margin-right: 17px;
}
.slider[data-slider_name=text] .slider__button_next {
  margin-left: 17px;
}

.slider[data-slider_name=how_it_work],
.slider[data-slider_name=charity] {
  gap: 40px;
}
.slider[data-slider_name=how_it_work] .slider__container,
.slider[data-slider_name=charity] .slider__container {
  width: 855px;
}
.slider[data-slider_name=how_it_work] .slider__container .slide,
.slider[data-slider_name=charity] .slider__container .slide {
  width: 855px;
  height: 482px;
}

.video {
  max-width: 853px !important;
  flex-wrap: wrap;
  gap: 20px !important;
}
.video .content_title {
  font-size: var(--font-size-24);
  font-weight: 400;
}

.video_lang .flags {
  display: flex;
  gap: 20px;
}
.video_lang .flags .box {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 5px;
  cursor: pointer;
  position: relative;
  opacity: 0.6;
}
.video_lang .flags .box img {
  width: 24px !important;
  height: 18px !important;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
}
.video_lang .flags .box p {
  position: absolute;
  opacity: 0;
  visibility: hidden;
  font-size: 14px;
  top: 25px;
}
.video_lang .flags .box:hover {
  opacity: 1;
}
.video_lang .flags .box:hover p {
  opacity: 1;
  visibility: visible;
}

.modal-video {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 20px;
  overflow: hidden;
  cursor: pointer;
}
.modal-video img {
  max-width: 853px !important;
  width: 100% !important;
}

.play_wrapper {
  border: 1px solid var(--palette-white);
  border-radius: 50%;
  width: 105px;
  height: 105px;
  cursor: pointer;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5019607843);
  position: absolute;
}
.play_wrapper i {
  color: var(--palette-white);
  font-size: var(--font-size-55);
  margin: 25px 22px 26px 35px;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.5019607843);
}

.modal-video:hover .play_wrapper {
  box-shadow: none;
  background: var(--palette-orange-1);
  border: 1px solid;
  border-color: var(--palette-orange-1);
}
.modal-video:hover .play_wrapper i {
  text-shadow: none;
}

.visible {
  overflow: visible !important;
}

[data-dropdown=on] {
  position: relative !important;
}

[data-dropdown-embed=on] {
  position: absolute !important;
  opacity: 0 !important;
  visibility: hidden !important;
  transform: scaleY(0) !important;
  transform-origin: 0 0 !important;
}

[data-dropdown=on]:hover [data-dropdown-embed=on] {
  opacity: 1 !important;
  visibility: visible !important;
  transform: scaleY(1) !important;
}

.modal_bg {
  position: fixed;
  display: none;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100vh;
  background: rgba(0, 0, 0, 0.8);
  z-index: 10000;
  opacity: 0;
  visibility: hidden;
}
.modal_bg .modal__content {
  display: flex;
  position: relative;
  border-radius: 10px;
  height: max-content;
}
.modal_bg .modal__content .modal__box {
  display: flex;
  gap: 20px;
  padding: 20px;
}
.modal_bg .modal__content .modal__box i {
  font-size: var(--font-size-48);
}
.modal_bg .modal__content .modal__box .box__content .flags {
  display: flex;
  justify-content: center;
  gap: 20px;
  margin-top: 13px;
}
.modal_bg .modal__content .modal__box .box__content .flags a {
  display: flex;
  align-items: center;
}
.modal_bg .modal__content .modal__box .box__content .flags a img {
  width: 24px;
  height: 18px;
  opacity: 0.6;
}
.modal_bg .modal__content .modal__box .box__content .flags a:hover img, .modal_bg .modal__content .modal__box .box__content .flags .checked img {
  opacity: 1;
}
.modal_bg .modal__content .modal__box .flags {
  position: absolute;
  bottom: -33px;
  width: 983px;
  display: flex;
  justify-content: center;
  gap: 10px;
}
.modal_bg .modal__content .modal__box .flags a img {
  width: 18px;
  height: 24px;
  opacity: 0.6;
}
.modal_bg .modal__content .modal__box .flags a:hover img, .modal_bg .modal__content .modal__box .flags .checked img {
  opacity: 1;
}
.modal_bg .modal__content i {
  cursor: pointer;
  color: var(--palette-white);
  opacity: 0.6;
}
.modal_bg .modal__content i[data-attr=close-modal] {
  position: absolute;
  font-size: var(--font-size-24);
  right: 10px;
  height: 15px;
}
.modal_bg .modal__content i:hover {
  opacity: 1;
}

.modal[data-type=slider] i[data-attr=close-modal] {
  right: 68px;
}

.modal[data-name=video_reviews] .modal__box {
  background: #fff;
  border-radius: 10px;
  flex-direction: column;
  align-items: center;
}
.modal[data-name=video_reviews] .modal__box .slider__title {
  position: relative;
  width: 855px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.modal[data-name=video_reviews] .modal__box .slider__title a {
  position: absolute;
  right: 0;
  border-bottom: 1px dashed var(--palette-orange-1);
}
.modal[data-name=video_reviews] .modal__box .slider__title a i {
  font-size: var(--font-size-18);
  color: var(--palette-gray-2);
}
.modal[data-name=video_reviews] .modal__box .slider__title .count span {
  font-weight: 400;
}
.modal[data-name=video_reviews] .modal__box .slider [class*=slider__button] i {
  color: var(--palette-orange-1);
}
.modal[data-name=video_reviews] .modal__box .slider__footer {
  display: flex;
  justify-content: space-between;
  width: 855px;
}
.modal[data-name=video_reviews] .modal__box .slider__footer .bio {
  display: flex;
  gap: 15px;
  align-items: center;
}
.modal[data-name=video_reviews] .modal__box .slider__footer .bio .name p {
  font-weight: 400;
}
.modal[data-name=video_reviews] .modal__box .slider__footer .bio .location {
  display: flex;
  gap: 8px;
}
.modal[data-name=video_reviews] .modal__box .slider__footer .bio .location img {
  width: 24px;
  height: 18px;
}
.modal[data-name=video_reviews] .modal__box .slider__footer .likes {
  display: flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
}
.modal[data-name=video_reviews] .modal__box .slider__footer .likes p, .modal[data-name=video_reviews] .modal__box .slider__footer .likes i {
  color: var(--palette-orange-1);
}
.modal[data-name=video_reviews] .modal__box .slider__footer .likes i {
  font-size: var(--font-size-18);
  border-radius: 50%;
  border: 1px solid var(--palette-orange-1);
  padding: 2px 3px 3px;
  opacity: 1;
}
.modal[data-name=video_reviews] .modal__box .slider__footer .likes:hover i {
  background: var(--palette-orange-1);
  color: var(--palette-white);
}
.modal[data-name=video_reviews] i[data-attr=close-modal] {
  color: var(--palette-orange-1);
  right: 10px;
  top: 10px;
}

.modal[data-name=fund_video] .modal__content i[data-attr=close-modal] {
  right: 0;
}
.modal[data-name=fund_video] .modal__content .flags {
  width: 100%;
}

.modal[data-name=childrens_descriptions] .childInfo {
  display: none;
  max-width: 500px;
  background: var(--palette-white);
  flex-wrap: wrap;
  gap: 10px;
  padding: 20px;
  border-radius: 20px;
  border: 1px solid var(--palette-orange-1);
}
.modal[data-name=childrens_descriptions] .childInfo__title {
  font-size: var(--font-size-24);
}

.t_center {
  text-align: center;
}

.fs20 {
  font-size: 20px;
}

.mt20 {
  margin-top: 20px !important;
}

.mt50 {
  margin-top: 50px !important;
}

.mt55 {
  margin-top: 55px !important;
}

.mb20 {
  margin-bottom: 20px !important;
}

.bg_light_blue {
  background: #F7FBFD !important;
}

.notice {
  position: relative;
  border-radius: 10px;
  overflow: hidden;
  display: flex;
  height: 105px;
}
.notice .notice__left_block {
  max-width: 15px;
  width: 100%;
}
.notice .notice__content_block {
  padding: 20px;
}
.notice .notice__content_block p {
  font-size: 16px;
  line-height: 22px;
}

.scale-Y-1 {
  transform: scaleY(1) !important;
}

/* UI конец: UI end*/
section {
  width: 100%;
  justify-content: center;
  padding: 70px 0;
}
section .section__wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 1240px;
  min-width: 335px;
  margin: 0 20px;
}
section .section__title, section .section__content, section .section__footer {
  display: flex;
}
section .section__content {
  justify-content: center;
  flex-wrap: wrap;
}
section .section__title {
  gap: 5px;
}
section .section__content {
  gap: 50px;
  margin: 50px 0;
}
section .section__content h3 {
  text-align: center;
}
section .section__content .content {
  display: flex;
  gap: 60px;
}
section .section__content .content__box {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
}
section .section__content .content__box h3 {
  font-weight: 400;
  color: var(--palette-orange-1);
  text-align: center;
}
section .section__content .content__box .box .text_box {
  display: flex;
  flex-direction: column;
}
section .section__footer a {
  display: flex;
  font-size: var(--font-size-24);
  align-items: center;
  gap: 10px;
}
section .section__footer a i {
  display: flex;
  width: 30px;
  height: 30px;
  font-size: var(--font-size-18);
  color: var(--palette-orange-1);
  justify-content: center;
  border-radius: 50%;
  border: 3px solid var(--palette-orange-1);
}
section .section__footer a:hover i {
  color: var(--palette-white);
  background: var(--palette-orange-1);
}
section .section__title, section .section__footer {
  flex-direction: column;
  align-items: center;
}
section .section_content {
  max-width: 800px;
  width: 100%;
  min-width: 200px;
  margin: 50px 0;
  display: flex;
  flex-wrap: wrap;
  gap: 50px;
}
section .section_content .content_wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
}
section .section_content .content {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
  height: fit-content;
}
section .section_content .content > p {
  flex-basis: 100%;
  line-height: 22px;
}
section .section_content .content a {
  display: flex;
  align-items: center;
  line-height: 16px;
}
section .section_content .content_container {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 30px;
}
section .section_content .content_container .row, section .section_content .content_container .scale {
  flex-basis: 100%;
  display: flex;
  align-items: center;
  gap: 30px;
}
section .section_content .content_container .row img {
  max-width: 100px;
  width: 100%;
  height: 100px;
}
section .section_content .content_container .row .box .title {
  font-size: 20px;
  font-weight: 400;
}
section .section_content .content_container .scale img {
  max-width: 265px;
  width: 100%;
}
section .section_content .content_container .scale .box {
  gap: 10px;
  display: flex;
  flex-wrap: wrap;
}
section .section_content .content_container .scale .box p {
  flex-basis: 100%;
}

#how_it_work .section__content .content .modal-video img {
  width: 480px;
  height: 270px;
}
#how_it_work .section__content .content.video {
  width: 480px;
}
#how_it_work .section__content .footer h3 {
  max-width: 640px;
}

#our_success .content {
  display: flex;
  gap: 40px;
  align-items: center;
}
#our_success .section__content {
  margin: 40px 0 50px;
  gap: 60px;
}
#our_success .section__content img {
  width: 400px;
}
#our_success .section__content .content__box {
  display: flex;
  align-items: flex-start;
}
#our_success .section__content .content__box .header {
  justify-content: flex-start;
}
#our_success .section__content .box {
  border-radius: 0;
  cursor: pointer;
  display: flex;
  gap: 35px;
}
#our_success .section__content .box i {
  font-size: var(--font-size-56);
}
#our_success .section__content .box .icon-users-light {
  font-size: 45px;
}
#our_success .section__content .box .icon_wrapper {
  display: flex;
  width: 107px;
  height: 107px;
  background: linear-gradient(0deg, rgb(51, 51, 51) 0%, rgb(51, 51, 51) 50%, rgb(255, 255, 255) 50%, rgb(255, 255, 255) 100%);
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  rotate: 15deg;
}
#our_success .section__content .box .icon_wrapper .icon {
  display: flex;
  width: 97px;
  height: 97px;
  border: 5px solid #fff;
  background: var(--palette-white);
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}
#our_success .section__content .box .icon_wrapper .icon i {
  rotate: -15deg;
}
#our_success .section__content .box .text_box {
  display: flex;
  gap: 5px;
}
#our_success .section__content .box .text_box .header {
  display: flex;
  gap: 20px;
}
#our_success .section__content .box .text_box .header p {
  font-size: var(--font-size-56);
  font-weight: 900;
}
#our_success .section__content .box .text_box p {
  font-size: var(--font-size-20);
  font-weight: 400;
}
#our_success .section__content .box:hover .icon_wrapper {
  background: linear-gradient(0deg, rgb(243, 149, 32) 0%, rgb(243, 149, 32) 50%, rgb(255, 255, 255) 50%, rgb(255, 255, 255) 100%);
  transform: rotate(360deg);
}
#our_success .section__content .box:hover .icon_wrapper .icon {
  background: var(--palette-yellow-3);
}
#our_success .section__content .box:hover .icon_wrapper i {
  color: var(--palette-white);
  transform: rotate(-360deg);
}
#our_success .section__content .box:hover .text_box .header p {
  color: var(--palette-yellow-3);
}
#our_success .section__content .box:nth-child(2) .icon_wrapper {
  background: linear-gradient(0deg, rgb(243, 149, 32) 0%, rgb(243, 149, 32) 50%, rgb(255, 255, 255) 50%, rgb(255, 255, 255) 100%);
}
#our_success .section__content .box:nth-child(2) .icon_wrapper .icon {
  background: var(--palette-yellow-3);
}
#our_success .section__content .box:nth-child(2) .icon_wrapper i {
  color: var(--palette-white);
}
#our_success .section__content .box:nth-child(2) .text_box .header p {
  color: var(--palette-yellow-3);
}
#our_success .section__content .box:nth-child(2):hover .icon_wrapper {
  background: linear-gradient(0deg, rgb(51, 51, 51) 0%, rgb(51, 51, 51) 50%, rgb(255, 255, 255) 50%, rgb(255, 255, 255) 100%);
  transform: rotate(360deg);
}
#our_success .section__content .box:nth-child(2):hover .icon_wrapper .icon {
  background: var(--palette-white);
}
#our_success .section__content .box:nth-child(2):hover .icon_wrapper i {
  color: var(--palette-dark-2);
  transform: rotate(-360deg);
}
#our_success .section__content .box:nth-child(2):hover .text_box .header p {
  color: var(--palette-dark-2);
}
#our_success .section__content .footer {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
}
#our_success .section__content .footer .event_map {
  display: flex;
  padding: 23px 17px 17px;
  flex-direction: column;
  border-radius: 10px;
  width: 100%;
  max-width: 400px;
  min-width: 400px;
  height: 444px;
  gap: 20px;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
}
#our_success .section__content .footer .event_map p {
  color: var(--palette-gray-1);
}
#our_success .section__content .footer .event_map .title {
  display: flex;
  justify-content: center;
}
#our_success .section__content .footer .event_map .title p {
  font-size: var(--font-size-20);
  font-weight: 400;
}
#our_success .section__content .footer .event_map .content {
  height: 100%;
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
  align-content: start;
  padding: 10px;
  gap: 5px;
  border-radius: 6px;
  overflow: hidden;
  background: var(--palette-white);
  box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.4);
}
#our_success .section__content .footer .event_map .content .event_map__row_template {
  opacity: 0 !important;
  height: 33.62px !important;
}
#our_success .section__content .footer .event_map .content .event_map__row {
  overflow: hidden;
  display: flex;
  width: 100%;
  height: 0;
  padding: 0 10px;
  align-items: center;
  gap: 10px;
  transition-property: height, padding;
  transition-duration: 0.8s;
}
#our_success .section__content .footer .event_map .content .event_map__row .time {
  display: flex;
  flex-direction: row-reverse;
}
#our_success .section__content .footer .event_map .content .event_map__row .name {
  display: flex;
  flex-grow: 14.72;
}
#our_success .section__content .footer .event_map .content .event_map__row p {
  font-size: var(--font-size-14);
}
#our_success .section__content .footer .event_map .content .event_map__row img {
  width: 24px;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
}
#our_success .section__content .footer .event_map .content .event_map__row[data-show="1"] {
  height: 33.62px;
  padding: 3px 10px;
}
#our_success .section__content .footer .event_map .content .event_map__row:nth-child(even) {
  background: var(--palette-white);
}
#our_success .section__content .footer #charity .time, #our_success .section__content .footer #rewards .time {
  width: 43px;
}
#our_success .section__content .footer #register {
  background: var(--palette-blue-3);
}
#our_success .section__content .footer #register .event_map__row:nth-child(even) {
  background: rgba(239, 246, 250, 0.5);
}
#our_success .section__content .footer #register .event_map__row:nth-child(odd) {
  background: var(--palette-blue-3);
}
#our_success .section__content .footer #charity {
  background: var(--palette-green-5);
}
#our_success .section__content .footer #charity .event_map__row:nth-child(even) {
  background: rgba(237, 251, 247, 0.5);
}
#our_success .section__content .footer #charity .event_map__row:nth-child(odd) {
  background: var(--palette-green-5);
}
#our_success .section__content .footer #rewards {
  background: var(--palette-orange-4);
}
#our_success .section__content .footer #rewards .event_map__row:nth-child(even) {
  background: rgba(255, 245, 240, 0.5);
}
#our_success .section__content .footer #rewards .event_map__row:nth-child(odd) {
  background: var(--palette-orange-4);
}

#help_whole_world {
  background: #F0F5F8;
}
#help_whole_world .content {
  gap: 40px;
  flex-wrap: wrap;
  justify-content: center;
  max-width: 800px;
}
#help_whole_world .content__box {
  justify-content: center;
}
#help_whole_world .content__box img {
  width: 420px;
}
#help_whole_world .content__box img.mobile {
  display: none;
}
#help_whole_world .content__box .box {
  flex-direction: column;
}
#help_whole_world .content__box .box p {
  color: var(--palette-green-4);
  font-size: var(--font-size-26);
}
#help_whole_world .content__box .description {
  display: block;
  text-align: center;
  line-height: 27px;
  font-size: var(--font-size-20);
  font-weight: 300;
}
#help_whole_world .content__box .description b {
  font-weight: 400;
}
#help_whole_world .content__box .description a, #help_whole_world .content__box .description b {
  display: inline;
}
#help_whole_world .certificate {
  width: 100%;
}
#help_whole_world .certificate img {
  width: 100%;
  max-width: 820px;
  min-width: 335px;
}

#we_already_help .slider__wrapper {
  max-width: 1205px;
}
#we_already_help .slider__wrapper .slider__container {
  gap: 70px;
}
#we_already_help .slider__wrapper .slider__container .slick-slide {
  width: 150px !important;
}
#we_already_help .slider__wrapper .slider__container .slide {
  width: 150px;
}
#we_already_help .childsInfo {
  position: absolute;
  width: 385px;
  display: none;
}
#we_already_help .childInfo {
  display: none;
  flex-wrap: wrap;
  gap: 5px;
  width: 385px;
  padding: 20px;
  border-radius: 20px;
  border: 1px solid #8a8990;
  background: var(--palette-white);
  z-index: 2;
}
#we_already_help .childInfo__title {
  font-size: 17px;
  font-weight: 300;
}
#we_already_help .childInfo__content {
  font-size: 14px;
  line-height: 18px;
  font-weight: 300;
}
#we_already_help .left::after {
  content: "";
  display: inline-flex;
  position: absolute;
  border-left: 1px solid #8a8990;
  border-bottom: 1px solid #8a8990;
  border-radius: 0 0 0 5px;
  transform: rotate(45deg);
  top: 70px;
  left: -8px;
  width: 16px;
  height: 16px;
  background: #fff;
}
#we_already_help .right::after {
  content: "";
  display: inline-flex;
  position: absolute;
  border-left: 1px solid #8a8990;
  border-bottom: 1px solid #8a8990;
  border-radius: 0 0 0 5px;
  transform: rotate(225deg);
  top: 70px;
  right: -9px;
  width: 16px;
  height: 16px;
  background: #fff;
}

#fund_video {
  background: url("../images/fund_video.jpg");
  background-position: center;
  height: 650px;
}
#fund_video .section__title {
  background: rgba(255, 255, 255, 0.8);
  border-radius: 15px;
  padding: 15px 40px;
}
#fund_video .section__title h3.mobile {
  display: none;
}
#fund_video .section__content {
  display: flex;
  justify-content: center;
  width: 640px;
  height: 360px;
  cursor: pointer;
}
#fund_video .section__content .play_wrapper {
  border: 1px solid var(--palette-orange-1);
  background: var(--palette-white);
}
#fund_video .section__content .play_wrapper i {
  color: var(--palette-orange-1);
}
#fund_video .section__content:hover .play_wrapper {
  background: var(--palette-orange-1);
}
#fund_video .section__content:hover .play_wrapper i {
  color: var(--palette-white);
}

#media_about_Whole_world .slider__wrapper {
  max-width: 1365px;
}
#media_about_Whole_world .slider__wrapper .slider__container {
  gap: 70px;
}
#media_about_Whole_world .slider__wrapper .slider__container .slide {
  min-width: 350px;
}
#media_about_Whole_world .slider__wrapper .slider__container .slide .modal-video {
  max-width: 350px;
  width: 100%;
  margin: 20px 0;
  border-radius: 0;
}
#media_about_Whole_world .slider__wrapper .slider__container .slide .modal-video img {
  width: auto;
  max-width: 350px;
}
#media_about_Whole_world .slider__wrapper .slider__container .slide .modal-video .play_wrapper {
  position: absolute;
}

#how_start {
  background: #FFFAF8;
}
#how_start .content {
  z-index: 1;
  gap: 20px;
  height: 445px;
  overflow: hidden;
}
#how_start .content__box {
  border-radius: 8px;
  padding: 20px 15px;
  border: 1px solid transparent;
  height: fit-content;
}
#how_start .content__box .count {
  display: flex;
  width: 40px;
  height: 40px;
  border: 2px solid var(--palette-orange-1);
  border-radius: 50%;
  align-items: center;
  justify-content: center;
}
#how_start .content__box .count p {
  font-size: var(--font-size-24);
}
#how_start .content__box .text {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
#how_start .content__box .text span {
  font-size: var(--font-size-18);
}
#how_start .content__box .text span:first-child {
  font-weight: 400;
  white-space: nowrap;
}
#how_start .content__box .hover__content {
  font-size: var(--font-size-14);
  color: var(--palette-gray-1);
  font-weight: 300;
  opacity: 0;
  visibility: hidden;
}
#how_start .content__box:hover {
  border: 1px solid var(--palette-orange-1);
  background: var(--palette-white);
}
#how_start .content__box:hover .hover__content {
  opacity: 1;
  visibility: visible;
}

#earn_more .section__content {
  gap: 0;
  width: 100%;
  max-width: 1000px;
}
#earn_more .section__content .content__box {
  width: 500px;
}
#earn_more .section__content .content__box .content__title {
  display: flex;
  align-items: center;
  padding: 24px 40px;
  gap: 10px;
  width: 100%;
}
#earn_more .section__content .content__box .content__title p {
  font-size: var(--font-size-30);
}
#earn_more .section__content .content__box:first-child .content__title {
  border-radius: 30px 0 0 0;
  border-left: 1px solid #FA6126;
  border-right: 1px solid #FA6126;
  border-top: 1px solid #FA6126;
}
#earn_more .section__content .content__box:first-child .content__title img {
  width: 72px;
}
#earn_more .section__content .content__box:last-child .content__title {
  border-radius: 0 30px 0 0;
  border-left: none;
  border-top: 1px solid #d5d5d5;
  border-right: 1px solid #d5d5d5;
  border-bottom: 1px solid #FA6126;
}
#earn_more .section__content .content__box:last-child .content__title img {
  width: 56px;
}
#earn_more .section__content .title {
  font-size: var(--font-size-24);
  font-weight: 300;
  margin-bottom: 50px;
}
#earn_more .section__content .content {
  display: flex;
  gap: 0;
  flex-wrap: wrap;
}
#earn_more .section__content .footer {
  border-left: 1px solid var(--palette-orange-1);
  border-right: 1px solid var(--palette-orange-1);
  border-bottom: 1px solid var(--palette-orange-1);
  background: var(--palette-gray-5);
  border-radius: 0 0 30px 30px;
}
#earn_more .section__content .footer .content__event {
  display: flex;
  flex-direction: column;
  padding: 50px;
}
#earn_more .section__content .footer .calculate {
  display: flex;
  align-items: center;
  max-height: 326px;
  height: 100%;
}
#earn_more .section__content .footer .calculate .invite {
  width: 100%;
  max-width: 430px;
}
#earn_more .section__content .footer .calculate .invite, #earn_more .section__content .footer .calculate .result {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
#earn_more .section__content .footer .calculate i {
  font-size: 273px;
  color: var(--palette-orange-1);
  margin-right: 42px;
}
#earn_more .section__content .footer .calculate .invite__box {
  display: flex;
  gap: 20px;
  max-width: 430px;
}
#earn_more .section__content .footer .calculate .invite__box .icon {
  display: flex;
  width: 100%;
  max-width: 100px;
  height: 100px;
  border: 2px solid var(--palette-orange-1);
  border-radius: 50%;
  align-items: center;
  justify-content: center;
}
#earn_more .section__content .footer .calculate .invite__box .icon i {
  font-size: var(--font-size-55);
  color: var(--palette-dark-2);
  margin: 0;
}
#earn_more .section__content .footer .calculate .invite__box .invite__content {
  display: flex;
  flex-direction: column;
  font-size: var(--font-size-16);
}
#earn_more .section__content .footer .calculate .result__box {
  display: flex;
  flex-wrap: wrap;
}
#earn_more .section__content .footer .calculate .result__box p {
  font-size: var(--font-size-20);
  font-weight: 400;
}
#earn_more .section__content .footer .calculate .result__box .result {
  font-size: var(--font-size-50);
  color: var(--palette-green-1);
  font-weight: 700;
}
#earn_more .section__content .footer .calculate .result__box:last-child .result {
  color: #DA1529;
}
#earn_more .section__content .footer .content__text {
  background: var(--palette-green-2);
  border-radius: 10px;
  padding: 30px;
}
#earn_more .section__content .footer .content__text .text {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
#earn_more .section__content .footer .content__text .text span {
  display: block;
}
#earn_more .section__content .footer .content__text .text span b, #earn_more .section__content .footer .content__text .text span i {
  display: inline;
}
#earn_more .section__content .footer .content__text .text span i {
  font-style: normal;
  color: var(--palette-orange-1);
  border-bottom: 1px dashed var(--palette-orange-1);
  cursor: pointer;
}
#earn_more .section__content .active {
  background: var(--palette-gray-5);
}

#business_automate {
  background: #F7FBFD;
}
#business_automate .section__content {
  margin: 50px 0 0;
}
#business_automate .content__box {
  gap: 0;
}
#business_automate .content__box .modal-video {
  margin: 20px 0 50px;
}
#business_automate .content__box .modal-video img {
  max-width: 425px !important;
}
#business_automate .content__box .content__footer {
  display: flex;
}
#business_automate .content__box:last-child .btn {
  background: var(--palette-green-1);
}
#business_automate .content__box:last-child .btn:hover {
  background: var(--palette-orange-1);
}

#text_reviews .section__wrapper {
  position: relative;
}
#text_reviews .tip {
  position: absolute;
  color: var(--palette-white);
  background: #000;
  font-size: var(--font-size-14);
  right: 155px;
  top: 350px;
  width: max-content;
  padding: 4px 9px 6px;
  border-radius: 4px;
  opacity: 0;
  visibility: hidden;
}
#text_reviews .tip:after {
  content: "\e803";
  font-family: icon-solid;
  font-size: 22px;
  color: #000;
  position: absolute;
  top: -12px;
  right: 140px;
}

#media_about_Whole_world .slider__wrapper, #video_reviews .slider__wrapper {
  max-width: 1365px;
}
#media_about_Whole_world .slider__wrapper .slide, #video_reviews .slider__wrapper .slide {
  min-width: 350px;
}
#media_about_Whole_world .slider__wrapper .slide .modal-video, #video_reviews .slider__wrapper .slide .modal-video {
  max-width: 350px;
  width: 100%;
  margin: 20px 0;
  border-radius: 0;
}
#media_about_Whole_world .slider__wrapper .slide .modal-video img, #video_reviews .slider__wrapper .slide .modal-video img {
  width: auto;
  max-width: 350px;
}
#media_about_Whole_world .slider__wrapper .slide .modal-video .play_wrapper, #video_reviews .slider__wrapper .slide .modal-video .play_wrapper {
  position: absolute;
}

#video_reviews {
  background: #FFFAF8;
}

#top10 .section__wrapper {
  position: relative;
}
#top10 .section__wrapper .informer {
  position: absolute;
  visibility: hidden;
  width: 300px;
  right: 360px;
  background: #fff;
  padding: 5px;
  border: 1px solid var(--palette-gray-2);
  border-radius: 4px;
  font-size: 14px;
}
#top10 .section__wrapper .informer::after {
  content: "\e800";
  font-family: "icon-solid";
  position: absolute;
  bottom: -12px;
  right: 145px;
  display: flex;
  justify-content: center;
  width: 20px;
  height: 20px;
  font-size: 20px;
  color: var(--palette-gray-2);
}
#top10 .section__wrapper [data-informer="1"] {
  top: 80px;
}
#top10 .section__wrapper [data-informer="2"] {
  top: 244px;
}
#top10 .section__wrapper [data-informer="3"] {
  top: 408px;
}
#top10 .section__wrapper [data-informer="4"] {
  top: 572px;
}
#top10 .section__wrapper [data-informer="5"] {
  top: 736px;
}
#top10 .section__wrapper [data-informer="6"] {
  top: 900px;
}
#top10 .section__wrapper [data-informer="7"] {
  top: 1064px;
}
#top10 .section__wrapper [data-informer="8"] {
  top: 1228px;
}
#top10 .section__wrapper [data-informer="9"] {
  top: 1392px;
}
#top10 .section__wrapper [data-informer="10"] {
  top: 1556px;
}
#top10 .section__title h2 {
  display: flex;
}
#top10 .section__title h2 a:hover {
  text-decoration: underline;
}
#top10 .section__content {
  height: 460px;
  overflow: hidden;
  max-width: 860px;
  width: 100%;
}
#top10 .content {
  display: flex;
  flex-direction: column;
  width: inherit;
  gap: 30px;
}
#top10 .content .item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}
#top10 .content .item .place {
  align-self: center;
  font-size: var(--font-size-48);
  color: var(--palette-gray-2);
}
#top10 .content .item .user {
  display: flex;
  align-items: center;
  gap: 20px;
  max-width: 400px;
  width: 100%;
}
#top10 .content .item .user .photo {
  border-radius: 50%;
}
#top10 .content .item .user .photo img {
  border-radius: inherit;
}
#top10 .content .item .user .user_name_wrapper .geo {
  display: flex;
  align-items: self-end;
  gap: 10px;
}
#top10 .content .item .user .user_name_wrapper .geo_country {
  font-size: var(--font-size-14);
}
#top10 .content .item .info {
  display: flex;
  align-items: center;
  background: var(--palette-gray-3);
  border-radius: 50px 10px 10px 50px;
  gap: 10px;
  padding: 3px;
  max-width: 370px;
  width: 100%;
}
#top10 .content .item .info .amount {
  width: 80px;
  height: 80px;
  background: var(--palette-green-1);
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--palette-white);
  border-radius: 50%;
}
#top10 .content .item .info .counters {
  display: flex;
  flex-direction: column;
}
#top10 .content .item:nth-child(n+2):nth-child(-n+4) .place {
  color: var(--palette-orange-1);
}

#where_start {
  background: linear-gradient(180deg, #FFFAF8, #FFFFFF) no-repeat;
  background-size: 100% 100px;
}
#where_start .section__wrapper .section__content {
  margin: 30px 0 50px;
}
#where_start .section__wrapper .section__content .text_start {
  font-size: var(--font-size-20);
  font-weight: 300;
  max-width: 850px;
  width: 100%;
  text-align: center;
  margin-bottom: 40px;
}
#where_start .section__wrapper .section__content .content {
  padding: 70px 50px;
  border-radius: 30px;
  max-width: 850px;
}
#where_start .section__wrapper .section__content .content .text {
  display: flex;
  flex-direction: column;
}
#where_start .section__wrapper .section__content .content .text .text__title {
  font-size: var(--font-size-20);
  font-weight: 400;
}
#where_start .section__wrapper .section__content .content .text .text__footer {
  display: flex;
  gap: 20px;
}
#where_start .section__wrapper .section__content .content:nth-child(even) {
  background: var(--palette-orange-4);
}

#what_next {
  background: linear-gradient(180deg, #EDFBF7, #FFFFFF) no-repeat;
  background-size: 100% 100px;
}
#what_next .section__wrapper .section__content .content .text__content p {
  display: inline-block;
}
#what_next .section__wrapper .section__content .content .text__content p a {
  display: inline-block;
}
#what_next .section__wrapper .section__content .content .text__footer .social_btns {
  display: flex;
  gap: 10px;
}
#what_next .section__wrapper .section__content .content .text__footer .social_btns .social {
  display: flex;
}
#what_next .section__wrapper .section__content .content .text__footer .social_btns .social a {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
#what_next .section__wrapper .section__content .content .text__footer .social_btns .social a i {
  width: 45px;
  height: 45px;
  border: 1px solid var(--palette-orange-1);
  border-radius: 50%;
  font-size: var(--font-size-24);
  color: var(--palette-orange-1);
  justify-content: center;
}
#what_next .section__wrapper .section__content .content .text__footer .social_btns .social a .icon-ww_fund_icon {
  font-size: 22px;
  color: #20A299;
  border-color: #20A299;
}
#what_next .section__wrapper .section__content .content .text__footer .social_btns .social a .tip {
  position: absolute;
  width: max-content;
  background: var(--palette-dark-2);
  color: var(--palette-white);
  padding: 4px 11px;
  border-radius: 4px;
  font-size: 14px;
  top: 60px;
  opacity: 0;
  visibility: hidden;
}
#what_next .section__wrapper .section__content .content .text__footer .social_btns .social a .tip::after {
  position: absolute;
  content: "\e803";
  font-family: "icon-solid";
  font-size: 24px;
  color: var(--palette-dark-2);
  top: -12px;
  height: 14px;
  overflow: hidden;
}
#what_next .section__wrapper .section__content .content .text__footer .social_btns .social a [data-social=vk]::after {
  left: 77px;
}
#what_next .section__wrapper .section__content .content .text__footer .social_btns .social a [data-social=telegram]::after {
  left: 50px;
}
#what_next .section__wrapper .section__content .content .text__footer .social_btns .social a [data-social=facebook]::after {
  left: 93px;
}
#what_next .section__wrapper .section__content .content .text__footer .social_btns .social a [data-social=twitter]::after {
  left: 39px;
}
#what_next .section__wrapper .section__content .content .text__footer .social_btns .social a [data-social=odnoklassniki]::after {
  left: 105px;
}
#what_next .section__wrapper .section__content .content .text__footer .social_btns .social a [data-social=youtube]::after {
  left: 77px;
}
#what_next .section__wrapper .section__content .content .text__footer .social_btns .social a [data-social=ww_fund_icon]::after {
  left: 135px;
}
#what_next .section__wrapper .section__content .content .text__footer .social_btns .social a:hover i {
  color: var(--palette-white);
}
#what_next .section__wrapper .section__content .content .text__footer .social_btns .social a:hover .icon-vk {
  background: #0077FF;
  border: 1px solid #0077FF;
}
#what_next .section__wrapper .section__content .content .text__footer .social_btns .social a:hover .icon-telegram-plane {
  background: #0088cc;
  border: 1px solid #0088cc;
}
#what_next .section__wrapper .section__content .content .text__footer .social_btns .social a:hover .icon-facebook-f {
  background: #3b5998;
  border: 1px solid #3b5998;
}
#what_next .section__wrapper .section__content .content .text__footer .social_btns .social a:hover .icon-twitter {
  background: #1D9BF0;
  border: 1px solid #1D9BF0;
}
#what_next .section__wrapper .section__content .content .text__footer .social_btns .social a:hover .icon-odnoklassniki {
  background: #EE8208;
  border: 1px solid #EE8208;
}
#what_next .section__wrapper .section__content .content .text__footer .social_btns .social a:hover .icon-youtube {
  background: #FF0000;
  border: 1px solid #FF0000;
}
#what_next .section__wrapper .section__content .content .text__footer .social_btns .social a:hover .icon-ww_fund_icon {
  background: #20A299;
}
#what_next .section__wrapper .section__content .content .text__footer .social_btns .social a:hover .tip {
  opacity: 1;
  visibility: visible;
}
#what_next .section__wrapper .section__content .content:nth-child(odd) {
  background: var(--palette-green-5);
}

#what_next .section__title h3, #where_start .section__title h3 {
  max-width: 830px;
  width: 100%;
  font-size: var(--font-size-20);
  text-align: center;
}
#what_next .section__content, #where_start .section__content {
  gap: 0;
}
#what_next .section__content .content, #where_start .section__content .content {
  padding: 70px 50px;
  border-radius: 30px;
  max-width: 850px;
  gap: 30px;
}
#what_next .section__content .content .image, #where_start .section__content .content .image {
  width: 155px;
  height: 155px;
}
#what_next .section__content .content .image img, #where_start .section__content .content .image img {
  width: 155px;
}
#what_next .section__content .content .text, #where_start .section__content .content .text {
  display: flex;
  flex-direction: column;
}
#what_next .section__content .content .text .text__title, #where_start .section__content .content .text .text__title {
  font-size: var(--font-size-20);
  font-weight: 400;
}
#what_next .section__content .content .text .text__content, #where_start .section__content .content .text .text__content {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin: 25px 0 10px;
  gap: 10px;
}
#what_next .section__content .content .text .text__content p, #where_start .section__content .content .text .text__content p {
  line-height: 22px;
}
#what_next .section__content .content .text .text__footer, #where_start .section__content .content .text .text__footer {
  display: flex;
  gap: 20px;
}

#kindness_comeback {
  background: #F7FBFD;
}
#kindness_comeback .section__content .content {
  display: flex;
  flex-direction: column;
  align-items: center;
}
#kindness_comeback .section__content .content .modal-video {
  max-width: 850px;
  border-radius: 30px;
  overflow: hidden;
  position: relative;
}
#kindness_comeback .section__content .content .modal-video img {
  max-width: 850px;
}
#kindness_comeback .section__content .content .modal-video .icon {
  position: absolute;
}
#kindness_comeback .section__content .content .video_lang .flags {
  display: flex;
  gap: 20px;
}
#kindness_comeback .section__content .content .video_lang .flags .box {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 5px;
  cursor: pointer;
  position: relative;
  opacity: 0.6;
}
#kindness_comeback .section__content .content .video_lang .flags .box img {
  width: 24px;
  height: 18px;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
}
#kindness_comeback .section__content .content .video_lang .flags .box p {
  position: absolute;
  opacity: 0;
  visibility: hidden;
  font-size: 14px;
  top: 25px;
}
#kindness_comeback .section__content .content .video_lang .flags .box:hover {
  opacity: 1;
}
#kindness_comeback .section__content .content .video_lang .flags .box:hover p {
  opacity: 1;
  visibility: visible;
}

.hr {
  -webkit-appearance: none;
  -moz-appearance: none;
  border-bottom: 10px solid var(--palette-orange-1);
}

#information_sponsor .section__wrapper {
  width: 100%;
  max-width: 100%;
}
#information_sponsor .section__title h2 {
  display: flex;
  gap: 10px;
}
#information_sponsor .section__title h2 i {
  position: relative;
  font-size: 14px;
  cursor: pointer;
  margin: 7px 0 0 0;
  color: var(--palette-orange-1);
}
#information_sponsor .section__title h2 i .tip {
  position: absolute;
  top: 35px;
  left: -165px;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  display: flex;
  flex-wrap: wrap;
  max-width: 350px;
  width: max-content;
  padding: 15px 16px;
  border-radius: 10px;
  background: var(--palette-white);
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.75);
  opacity: 0;
  visibility: hidden;
}
#information_sponsor .section__title h2 i .tip::after {
  content: "\e803";
  font-family: "icon-solid";
  display: flex;
  justify-content: center;
  font-size: 28px;
  position: absolute;
  height: 17px;
  width: 24px;
  overflow: hidden;
  top: -17px;
  left: 160px;
  color: var(--palette-white);
  text-shadow: -1px 0 5px rgba(0, 0, 0, 0.75), 1px 0 5px rgba(0, 0, 0, 0.75);
}
#information_sponsor .section__title h2 i:hover .tip {
  opacity: 1;
  visibility: visible;
}
#information_sponsor .section__content {
  width: 100%;
  overflow: hidden;
  height: 240px;
  margin: 50px 0 0;
}
#information_sponsor .section__content > .content__wrapper {
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: center;
  gap: 0;
}
#information_sponsor .content {
  width: 100%;
  flex-direction: column;
  align-items: center;
  padding: 20px 0;
  min-height: 240px;
}
#information_sponsor .content .content__level {
  font-size: var(--font-size-20);
  font-weight: 400;
  color: var(--palette-orange-1);
}
#information_sponsor .content .content__wrapper {
  display: flex;
  gap: 30px;
}
#information_sponsor .content .content__wrapper .content__left_box img {
  max-width: 130px;
  width: 100%;
  height: 130px;
  border-radius: 50%;
  border: 1px solid var(--palette-gray-2);
}
#information_sponsor .content .content__wrapper .content__right_box {
  display: flex;
  flex-direction: column;
}
#information_sponsor .content .content__wrapper .content__right_box .name {
  font-size: 21px;
  font-weight: 400;
  margin-bottom: 5px;
}
#information_sponsor .content .content__wrapper .content__right_box .location {
  display: flex;
  gap: 8px;
  margin-bottom: 10px;
}
#information_sponsor .content .content__wrapper .content__right_box .location img {
  width: 22px;
  height: 18px;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
}
#information_sponsor .content .content__wrapper .content__right_box .location p {
  font-weight: 400;
}
#information_sponsor .content .content__wrapper .content__right_box .socials {
  gap: 10px !important;
  font-size: var(--font-size-26);
}
#information_sponsor .content .content__wrapper .content__right_box .socials .social__wrapper {
  display: flex;
  gap: 5px;
}
#information_sponsor .content .content__wrapper .content__right_box .socials .social__wrapper .icon-vk-square {
  color: #0077FF;
}
#information_sponsor .content .content__wrapper .content__right_box .socials .social__wrapper .icon-facebook-square {
  color: #3b5998;
}
#information_sponsor .content .content__wrapper .content__right_box .socials .social__wrapper .icon-odnoklassniki-square {
  color: #EE8208;
}
#information_sponsor .content .content__wrapper .content__right_box .socials .social__wrapper .icon-twitter-square {
  color: #1D9BF0;
}
#information_sponsor .content .content__wrapper .content__right_box .socials .social__wrapper .icon-google-plus-square {
  color: #d34836;
}
#information_sponsor .content .content__wrapper .content__right_box .socials .social__wrapper .icon-telegram {
  color: #229ED9;
}
#information_sponsor .content .content__wrapper .content__right_box div:nth-child(n+3):nth-child(-n+7) {
  display: flex;
  margin-bottom: 7px;
  gap: 5px;
  color: var(--palette-orange-1);
}
#information_sponsor .content .content__wrapper .content__right_box div:nth-child(n+3):nth-child(-n+7) > i {
  display: flex;
  font-size: var(--font-size-18);
  width: 22px;
  justify-content: center;
}
#information_sponsor .content:nth-child(even) {
  background: var(--palette-gray-3);
}
#information_sponsor .content:nth-child(n+2):nth-child(-n+7) {
  display: flex;
  gap: 13px;
  padding: 25px 0;
}

#page_how-it-work section .section__wrapper {
  max-width: 1000px;
  width: 100%;
}
#page_how-it-work section .section__wrapper .section__title h2 {
  font-weight: 500;
}
#page_how-it-work section .section__wrapper .section__content .content {
  max-width: 800px !important;
  width: 100%;
  justify-content: center;
  gap: 50px;
}
#page_how-it-work section .section__wrapper .section__content .content p {
  max-width: 800px;
  text-align: center;
  font-size: var(--font-size-20);
  font-weight: 300;
  line-height: 30px;
}
#page_how-it-work #how_it_work .section__wrapper .section__content .content .logo {
  max-width: 520px;
  width: 100%;
}
#page_how-it-work #how_it_work .section__wrapper .section__content .content img {
  width: 100%;
}
#page_how-it-work #how_it_work .section__wrapper .section__content .programs a {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  width: 250px;
  height: 250px;
  border-radius: 50%;
  background: #FFFAF8;
}
#page_how-it-work #how_it_work .section__wrapper .section__content .programs a p {
  font-size: var(--font-size-20);
  font-weight: 400;
  text-align: center;
}
#page_how-it-work #how_it_work .section__wrapper .section__content .programs a.relay img {
  margin: 12px 12px 0;
  width: 112px;
}
#page_how-it-work #how_it_work .section__wrapper .section__content .programs a.marathon img {
  width: 101px;
}
#page_how-it-work #Charity_Relay {
  background: linear-gradient(0deg, #FFFFFF 0%, #FFF5ED 100%) no-repeat;
  background-size: 100% 100px;
}
#page_how-it-work #Charity_Marathon {
  background: linear-gradient(0deg, #FFFFFF 0%, #EDFFE5 100%) no-repeat;
  background-size: 100% 100px;
}
#page_how-it-work #Charity_Relay .section__wrapper .section__content .content.row, #page_how-it-work #Charity_Marathon .section__wrapper .section__content .content.row {
  justify-content: flex-start;
}
#page_how-it-work #want_help {
  background: #FFFAF8;
}
#page_how-it-work #Charity_Relay .section__wrapper .section__title, #page_how-it-work #Charity_Marathon .section__wrapper .section__title, #page_how-it-work #want_help .section__wrapper .section__title {
  flex-direction: row;
  align-items: center;
  gap: 15px;
}
#page_how-it-work #Charity_Relay .section__wrapper .section__title img, #page_how-it-work #Charity_Marathon .section__wrapper .section__title img, #page_how-it-work #want_help .section__wrapper .section__title img {
  width: 112px;
}
#page_how-it-work #Charity_Relay .section__wrapper .section__content .content, #page_how-it-work #Charity_Marathon .section__wrapper .section__content .content, #page_how-it-work #want_help .section__wrapper .section__content .content {
  gap: 30px;
}
#page_how-it-work #Charity_Relay .section__wrapper .section__content .content img, #page_how-it-work #Charity_Marathon .section__wrapper .section__content .content img, #page_how-it-work #want_help .section__wrapper .section__content .content img {
  width: 173px;
}
#page_how-it-work #Charity_Relay .section__wrapper .section__content .content .box, #page_how-it-work #Charity_Marathon .section__wrapper .section__content .content .box, #page_how-it-work #want_help .section__wrapper .section__content .content .box {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 10px;
}
#page_how-it-work #Charity_Relay .section__wrapper .section__content .content .box p, #page_how-it-work #Charity_Marathon .section__wrapper .section__content .content .box p, #page_how-it-work #want_help .section__wrapper .section__content .content .box p {
  font-size: var(--font-size-16);
  line-height: 22px;
  text-align: left;
}
#page_how-it-work #kindness_comeback {
  background: var(--palette-orange-1);
  padding: 40px 0;
}
#page_how-it-work #kindness_comeback .section__wrapper .section__title {
  display: flex;
  flex-direction: row;
  gap: 30px;
}
#page_how-it-work #kindness_comeback .section__wrapper .section__title h2 {
  font-size: var(--font-size-24);
  color: var(--palette-white);
  font-weight: 400;
}
#page_how-it-work #kindness_comeback .section__wrapper .section__title .btn {
  background: var(--palette-white);
  color: var(--palette-orange-1);
  font-size: var(--font-size-24);
  font-weight: 400;
}

footer {
  display: flex;
  flex-direction: column;
}
footer a, footer span {
  font-size: var(--font-size-14);
  color: #d5d5d5;
}
footer a:hover, footer span:hover {
  color: var(--palette-white);
}
footer span {
  cursor: pointer;
}
footer .footer__wrapper {
  display: flex;
  padding: 40px 0;
  background: #4f4e54;
  max-width: 100%;
  min-width: 300px;
  width: 100%;
  justify-content: center;
}
footer .footer__wrapper .footer__menu {
  display: flex;
  max-width: 1240px;
  width: 100%;
  justify-content: space-between;
}
footer .footer__wrapper .footer__menu .footer__nav {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
footer .footer__wrapper .footer__menu .nav__title {
  color: var(--palette-white);
  font-size: var(--font-size-20);
  font-weight: 300;
}
footer .footer__wrapper .footer__menu .nav__links {
  display: flex;
  flex-direction: column;
  gap: 13px;
}
footer .copyright__wrapper {
  display: flex;
  background: #5e5d62;
  justify-content: center;
  padding: 30px 0;
}
footer .copyright__wrapper .copyright {
  display: flex;
  max-width: 1240px;
  min-width: 300px;
  width: 100%;
  align-items: center;
  justify-content: space-between;
}
footer .copyright__wrapper .copyright .copy {
  display: flex;
  flex-direction: column;
}
footer .copyright__wrapper .copyright .socials {
  display: flex;
}
footer .copyright__wrapper .copyright .socials a {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  gap: 10px;
}
footer .copyright__wrapper .copyright .socials .icon-vk:hover {
  background: #0077FF;
}
footer .copyright__wrapper .copyright .socials .icon-facebook-f:hover {
  background: #3b5998;
}
footer .copyright__wrapper .copyright .socials .icon-twitter:hover {
  background: #1D9BF0;
}
footer .copyright__wrapper .copyright .socials .icon-telegram-plane:hover {
  background: #229ED9;
}
footer .copyright__wrapper .copyright .socials .icon-youtube:hover {
  background: #FF0000;
}
footer .copyright__wrapper .copyright .logo_fund img {
  width: 175px;
  height: 50px;
}
footer .copyright__wrapper .copyright .box:first-child {
  display: flex;
  gap: 50px;
}

#content-text_reviews .section__title {
  margin-bottom: 40px;
}
#content-text_reviews .section__title h2 {
  line-height: 42px;
}
#content-text_reviews {
  flex-wrap: wrap;
  justify-content: center;
}
#content-text_reviews > a {
  display: flex;
  font-size: var(--font-size-24);
  align-items: center;
  gap: 10px;
}
#content-text_reviews > a i {
  display: flex;
  width: 30px;
  height: 30px;
  font-size: var(--font-size-18);
  color: var(--palette-orange-1);
  justify-content: center;
  border-radius: 50%;
  border: 3px solid var(--palette-orange-1);
}

main.charity_relay section {
  padding: 80px 0 100px;
}
main.charity_relay section .section__content {
  margin: 0;
}
main.charity_relay section .section__footer {
  margin-top: 50px;
}
main.charity_relay section .page {
  gap: 30px;
}
main.charity_relay section .page .content__box {
  align-items: flex-start;
}
main.charity_relay section .page .content__box p {
  line-height: 22px;
}
main.charity_relay section .page .content {
  flex-wrap: wrap;
  max-width: 800px !important;
  width: 100%;
  min-width: 200px;
}
main.charity_relay section .page .content .image {
  max-width: 800px;
  width: 100%;
  min-width: 200px;
}
main.charity_relay section .page .content .image img {
  width: 100%;
}
main.charity_relay section .page .title .content__box {
  flex-direction: row;
  align-items: center;
}
main.charity_relay section .page .video .content__box {
  align-items: center;
}
main.charity_relay .charity_relay_section {
  padding: 80px 0;
}
main.charity_relay .charity_relay_section h2 {
  margin-bottom: 50px;
}
main.charity_relay .how_it_work {
  padding: 80px 0 100px;
}
main.charity_relay .second_step {
  padding: 50px 0;
}
main.charity_relay .third_step {
  padding: 50px 0 100px;
}
main.charity_relay .exapmle {
  padding: 100px 0;
}
main.charity_relay .invite {
  padding: 80px 0 100px;
}
main.charity_relay .invite h3 {
  max-width: 930px;
  width: 100%;
  min-width: 200px;
  text-align: center;
}
main.charity_relay .invite .page .content .image img {
  width: 253px;
}
main.charity_relay [data-style=continue_list] .page {
  margin: 50px 0 0 !important;
}

.list_number {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  border: 2px solid var(--palette-orange-1);
  border-radius: 50%;
  font-size: 24px;
  font-weight: 400;
}

main.fundraising section .section_content .content a {
  line-height: 28px;
}
main.fundraising section .section_content .content .fs20 {
  line-height: 26px;
}

[data-spoiler-name=fundraising] {
  height: 205px;
  overflow: hidden;
  transition: 0.3s;
}
[data-spoiler-name=fundraising] .content:last-child {
  margin-top: 30px;
}

/**/
/**/
/**/
.modal[data-embed] > .modal__content,
.modal[data-embed] > .modal__content > .modal__box,
.modal[data-embed] > .modal__content > .modal__box > iframe {
  width: 100% !important;
  height: 100% !important;
  padding: 0 !important;
}

.modal[data-embed] .modal__content {
  justify-content: center !important;
}

.modal[data-embed] .modal__content [data-attr=close-modal] {
  display: none;
}

/**/
#exit_notice-modal {
  display: flex;
  justify-content: center;
  margin: 0 auto;
  position: relative;
  max-width: 840px;
  min-width: 320px;
  width: 100%;
  max-height: 590px;
  height: 100%;
  transition: 0.33s;
}
#exit_notice-modal .wrapper {
  max-width: 840px;
  min-width: 320px;
  width: 100%;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 64px 20px 0;
  position: relative;
  background-image: url(https://cdn.wholeworld.biz/new/exit_notice/exit_notice-5y-bg3.png) !important;
  background-color: #fff !important;
  background-repeat: no-repeat !important;
  background-position: center -183px !important;
}
#exit_notice-modal .wrapper * {
  width: 100%;
}
#exit_notice-modal .wrapper .icon .text span {
  width: 100%;
  display: flex;
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.85);
  font-size: 44px;
  line-height: normal;
  font-weight: 600;
  justify-content: center;
  padding: 10px 0;
}
#exit_notice-modal .wrapper .text-1 {
  display: flex;
  justify-content: center;
  font-size: 82px;
  font-weight: 600;
  color: #f2612b;
  margin-top: 50px;
}
#exit_notice-modal .wrapper .text-2 {
  display: block;
  text-align: center;
  margin-top: 25px;
  color: #5e5d62;
  font-size: 36px;
  font-weight: 400;
}
#exit_notice-modal .wrapper .text-3 {
  margin-top: 5px;
  color: #5e5d62;
  font-size: 23px;
  text-align: center;
}
#exit_notice-modal .wrapper .text-3 b {
  font-weight: 700;
}
#exit_notice-modal .wrapper .text-4 {
  margin-top: 55px;
  color: #fff;
  font-size: 28px;
  text-align: center;
}
#exit_notice-modal .wrapper .links {
  display: inline-flex;
  justify-content: center;
  margin: 39px 0 0 0;
}
#exit_notice-modal .wrapper .links a {
  width: fit-content;
}
#exit_notice-modal i[data-attr=close-modal] {
  content: "\e825";
  font-family: "icon-solid";
  position: absolute;
  top: 3px;
  right: 10px;
  color: #f2612b;
  font-size: 23px;
  cursor: pointer;
}

#exit_notice-modal:after {
  content: attr(data-title);
  position: absolute;
  top: -65px;
  color: white;
  font-size: 40px;
  font-weight: 300;
}

.gift-line {
  position: fixed;
  bottom: 0;
  display: flex;
  justify-content: center;
  width: 100%;
  background: var(--palette-orange-1);
  padding: 7px 0;
  gap: 10px;
  cursor: default;
  transition: 0.33s;
  transform-origin: 0 bottom;
  transform: scaleY(0);
}
.gift-line .flex-row {
  color: var(--palette-white);
}
.gift-line .flex-row.gift {
  position: relative;
  padding-left: 23px;
}
.gift-line .flex-row.gift::before {
  content: "";
  background-image: url(https://cdn.wholeworld.biz/new/general/icon_16_gift_2.png);
  position: absolute;
  left: 0;
  width: 16px;
  height: 18px;
  display: flex;
}
.gift-line .flex-row[data-modal] {
  cursor: pointer;
}
.gift-line .flex-row[data-modal]:hover {
  text-decoration: underline;
}
.gift-line i[data-attr=hide-line] {
  position: absolute;
  top: 9px;
  right: 10px;
  cursor: pointer;
  color: var(--palette-gray-2);
  transition: 1s;
}
.gift-line i[data-attr=hide-line]:hover {
  transform: rotate(360deg);
}

.disabled {
  opacity: 0.3;
  cursor: not-allowed;
  pointer-events: none;
}