*,
::after,
::before {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  /* border: 1px solid red; */
}

*:focus,
*:active {
  outline: none;
}

/*  Variables
---------------------------------------- */
:root {
  /* Default Color Scheme */
  --black: #000;
  --white: #fff;

  /* Main Color Scheme */
  --main: ;
  --main-dark: ;
  --main-light: ;

  /* Accent Color Scheme */
  --accent: #a51b1b;
  --accent-dark: ;
  --accent-light: #cc0808;

  /* Gray Colors */
  --gray: #e5e5e5;
  --gray-dark: #909090;
  --gray-light: #f8f8f8;

  /* Yellow Colors */

  --yellow-light: #ffc63d;
  --yellow-dark: #bd8c31;
  --yelow: #ffc606;

  /* Fonts */
  --serif: ;
  --sans-serif: "Montserrat", sans-serif; /*300, 400, 600, 800*/
  --open-sans: "Open Sans", sans-serif;
}

/*  General
----------------------------------------------------------------------------------------- */
html {
  line-height: normal;
  scroll-behavior: smooth;
}

body {
  font-size: 14px;
  font-weight: 300;
  font-display: auto;
  font-family: var(--open-sans);
  color: white;
}

@media only screen and (max-width: 576px) {
  body {
    font-size: 12px;
  }
}

/*  Headings
----------------------------------------------------------------------------------------- */
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-bottom: 18px;
}

h1 {
  font-size: 52px;
}

h2 {
  font-size: 32px;
}

h3 {
  font-size: 28px;
}

h4 {
  font-size: 24px;
}

h5 {
  font-size: 20px;
}

h6 {
  font-size: 16px;
}

.section-title {
  font-weight: 600;
}

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

.sup-title {
  font-size: 18px;
  font-weight: 600;
  margin-top: 25px;
}

@media only screen and (max-width: 576px) {
  .section-title {
    font-size: 22px;
  }
  .sup-title {
    font-size: 15px;
  }
}

/*  Text
----------------------------------------------------------------------------------------- */
a {
  color: inherit;
  text-decoration: none;
}

a:hover {
  cursor: pointer;
}

p {
  line-height: 1.5;
}

p:not(:last-child) {
  margin-bottom: 15px;
}

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

.big-text {
  font-size: 18px;
  font-weight: 600;
}

.text-xxl {
  font-size: 26px;
  font-weight: 600;
}

.gray {
  color: var(--gray) !important;
}

@media only screen and (max-width: 576px) {
  .text-center {
    text-align: left;
  }
}

/*  List
----------------------------------------------------------------------------------------- */
ul,
ol,
dl {
  line-height: 1.5;
  list-style: none;
}

.checked {
  margin: 25px 0;
}

.checked li {
  display: flex;
  align-items: center;
}

.checked li::before {
  content: "";
  background: url("") no-repeat center center / contain;
  display: block;
  width: 25px;
  height: 25px;
  margin-right: 5px;
}

.checked li:not(:last-child) {
  margin-bottom: 10px;
}

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

/*  Icons
---------------------------------------- */
[class*="wd-icon-"] {
  margin-right: 15px;
  display: inline-flex;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

[class*="wd-icon-"].xs {
  width: 15px;
  min-height: 15px;
}

[class*="wd-icon-"].s {
  width: 20px;
  min-height: 20px;
}

[class*="wd-icon-"].m {
  width: 25px;
  min-height: 25px;
}

[class*="wd-icon-"].l {
  width: 35px;
  min-height: 35px;
}

[class*="wd-icon-"].xl {
  width: 70px;
  min-height: 70px;
}

[class*="wd-icon-"].xxxl {
  width: 300px;
  min-height: 50px;
}

.wd-icon-contact {
  background-image: url();
}

/* --------------------------------------------------------------------------------------
 *
 *  Site Layout
 *
----------------------------------------------------------------------------------------- */

/*  Site Layout: Grid System
----------------------------------------------------------------------------------------- */

:root {
  /* Grid System Settings */
  --col-padding: 15px;
  --container-width: 1280px;
}

.container,
.container-fluid {
  width: 100%;
  margin: 0 auto;
  padding: 0 15px;
}

.container {
  max-width: var(--container-width);
}

section {
  padding: 60px 0;
}

@media only screen and (max-width: 576px) {
  section {
    padding: 30px 0;
  }
}

.row {
  box-sizing: border-box;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex: 0 1 auto;
  -webkit-box-flex: 0;
  flex: 0 1 auto;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.row.reverse {
  -ms-flex-direction: row-reverse;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  flex-direction: row-reverse;
}

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

.layout {
  padding: 0 !important;
}

.x-center {
  display: flex;
  justify-content: center;
}

.x-space-between {
  display: flex;
  justify-content: space-between;
}

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

[class*="col-"] {
  box-sizing: border-box;
  -ms-flex: 0 0 auto;
  -webkit-box-flex: 0;
  flex: 0 0 auto;
  max-width: 100%;
  padding: var(--col-padding);
}

.col-xs {
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  -webkit-box-flex: 1;
  flex-grow: 1;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  max-width: 100%;
}

.col-xs-1 {
  -ms-flex-preferred-size: 8.333%;
  flex-basis: 8.333%;
  max-width: 8.333%;
}

.col-xs-2 {
  -ms-flex-preferred-size: 16.667%;
  flex-basis: 16.667%;
  max-width: 16.667%;
}

.col-xs-3 {
  -ms-flex-preferred-size: 25%;
  flex-basis: 25%;
  max-width: 25%;
}

.col-xs-4 {
  -ms-flex-preferred-size: 33.333%;
  flex-basis: 33.333%;
  max-width: 33.333%;
}

.col-xs-5 {
  -ms-flex-preferred-size: 41.667%;
  flex-basis: 41.667%;
  max-width: 41.667%;
}

.col-xs-6 {
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
  max-width: 50%;
}

.col-xs-7 {
  -ms-flex-preferred-size: 58.333%;
  flex-basis: 58.333%;
  max-width: 58.333%;
}

.col-xs-8 {
  -ms-flex-preferred-size: 66.667%;
  flex-basis: 66.667%;
  max-width: 66.667%;
}

.col-xs-9 {
  -ms-flex-preferred-size: 75%;
  flex-basis: 75%;
  max-width: 75%;
}

.col-xs-10 {
  -ms-flex-preferred-size: 83.333%;
  flex-basis: 83.333%;
  max-width: 83.333%;
}

.col-xs-11 {
  -ms-flex-preferred-size: 91.667%;
  flex-basis: 91.667%;
  max-width: 91.667%;
}

.col-xs-12 {
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  max-width: 100%;
}

/* .col-sm */
@media only screen and (min-width: 768px) {
  .col-sm {
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    -webkit-box-flex: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    max-width: 100%;
  }

  .col-sm-1 {
    -ms-flex-preferred-size: 8.333%;
    flex-basis: 8.333%;
    max-width: 8.333%;
  }

  .col-sm-2 {
    -ms-flex-preferred-size: 16.667%;
    flex-basis: 16.667%;
    max-width: 16.667%;
  }

  .col-sm-3 {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%;
  }

  .col-sm-4 {
    -ms-flex-preferred-size: 33.333%;
    flex-basis: 33.333%;
    max-width: 33.333%;
  }

  .col-sm-5 {
    -ms-flex-preferred-size: 41.667%;
    flex-basis: 41.667%;
    max-width: 41.667%;
  }

  .col-sm-6 {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
  }

  .col-sm-7 {
    -ms-flex-preferred-size: 58.333%;
    flex-basis: 58.333%;
    max-width: 58.333%;
  }

  .col-sm-8 {
    -ms-flex-preferred-size: 66.667%;
    flex-basis: 66.667%;
    max-width: 66.667%;
  }

  .col-sm-9 {
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%;
  }

  .col-sm-10 {
    -ms-flex-preferred-size: 83.333%;
    flex-basis: 83.333%;
    max-width: 83.333%;
  }

  .col-sm-11 {
    -ms-flex-preferred-size: 91.667%;
    flex-basis: 91.667%;
    max-width: 91.667%;
  }

  .col-sm-12 {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
  }
}

/* .col-md */
@media only screen and (min-width: 992px) {
  .col-md {
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    -webkit-box-flex: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    max-width: 100%;
  }

  .col-md-1 {
    -ms-flex-preferred-size: 8.333%;
    flex-basis: 8.333%;
    max-width: 8.333%;
  }

  .col-md-2 {
    -ms-flex-preferred-size: 16.667%;
    flex-basis: 16.667%;
    max-width: 16.667%;
  }

  .col-md-3 {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%;
  }

  .col-md-4 {
    -ms-flex-preferred-size: 33.333%;
    flex-basis: 33.333%;
    max-width: 33.333%;
  }

  .col-md-5 {
    -ms-flex-preferred-size: 41.667%;
    flex-basis: 41.667%;
    max-width: 41.667%;
  }

  .col-md-6 {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
  }

  .col-md-7 {
    -ms-flex-preferred-size: 58.333%;
    flex-basis: 58.333%;
    max-width: 58.333%;
  }

  .col-md-8 {
    -ms-flex-preferred-size: 66.667%;
    flex-basis: 66.667%;
    max-width: 66.667%;
  }

  .col-md-9 {
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%;
  }

  .col-md-10 {
    -ms-flex-preferred-size: 83.333%;
    flex-basis: 83.333%;
    max-width: 83.333%;
  }

  .col-md-11 {
    -ms-flex-preferred-size: 91.667%;
    flex-basis: 91.667%;
    max-width: 91.667%;
  }

  .col-md-12 {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
  }
}

/* .col-lg */
@media only screen and (min-width: 1200px) {
  .col-lg {
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    -webkit-box-flex: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    max-width: 100%;
  }

  .col-lg-1 {
    -ms-flex-preferred-size: 8.333%;
    flex-basis: 8.333%;
    max-width: 8.333%;
  }

  .col-lg-2 {
    -ms-flex-preferred-size: 16.667%;
    flex-basis: 16.667%;
    max-width: 16.667%;
  }

  .col-lg-3 {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%;
  }

  .col-lg-4 {
    -ms-flex-preferred-size: 33.333%;
    flex-basis: 33.333%;
    max-width: 33.333%;
  }

  .col-lg-5 {
    -ms-flex-preferred-size: 41.667%;
    flex-basis: 41.667%;
    max-width: 41.667%;
  }

  .col-lg-6 {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
  }

  .col-lg-7 {
    -ms-flex-preferred-size: 58.333%;
    flex-basis: 58.333%;
    max-width: 58.333%;
  }

  .col-lg-8 {
    -ms-flex-preferred-size: 66.667%;
    flex-basis: 66.667%;
    max-width: 66.667%;
  }

  .col-lg-9 {
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%;
  }

  .col-lg-10 {
    -ms-flex-preferred-size: 83.333%;
    flex-basis: 83.333%;
    max-width: 83.333%;
  }

  .col-lg-11 {
    -ms-flex-preferred-size: 91.667%;
    flex-basis: 91.667%;
    max-width: 91.667%;
  }

  .col-lg-12 {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
  }
}

@media only screen and (max-width: 576px) {
  [class*="col-"] {
    padding: 5px;
  }
}

/*  Hero Section
--------------------------------------------------- */

#hero {
  padding: 0;
  position: relative;
}

.hero-arrow-link-wrap {
  position: absolute;
  transform: translate(-50%, -50%);
  left: 50%;
  top: 90%;
  z-index: 1;
}

.hero-arrow-link {
  cursor: pointer;
  display: block;
  position: relative;
  animation-duration: 3s;
  animation-name: arrow-link-animation;
  animation-iteration-count: infinite;
}

@keyframes arrow-link-animation {
  0% {top: 0}
  50% {top: 20px}
  100% {top: 0}
}

.hero-arrow {
  color: var(--yelow);
}

@media only screen and (max-width: 576px) {
  .hero-arrow {
    display: none;
  }
}

#hero .container {
  display: flex;
  z-index: 1;
  position: relative;
  align-items: center;
  padding: 150px 0;
  min-height: calc(var(--vh, 1vh) * 100);
}

#hero .container .row {
  justify-content: space-between;
  border: 1px solid var(--white);
}

#hero .container .row::after {
  content: "";
  display: block;
  position: absolute;
}


#hero .editor {
  padding: 30px;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

@media only screen and (max-width: 576px) {
  #hero .editor {
    padding: 0;
  }
}

#hero .editor img {
  bottom: -50px;
  left: 25px;
  position: absolute;
}

.hero-tittle-wrap {
  margin-left: 30px;
}

.hero-suptitle {
  font-size: 35px;
  font-weight: bold;
  margin-bottom: 0 !important;
  margin-top: 30px;
}

.hero-title {
  font-size: 42px;
  color: var(--yelow);
  margin-bottom: 30px;
}

#hero-row {
  position: relative;
}

.bottom-img {
  position: absolute;
  bottom: -72px;
  right: -1px;
  z-index: 2;
  width: 100%;
}

.hero-text {
  margin-top: 30px;
  margin-left: 30px;
  font-size: 28px;
  text-align: left;
}

.hero-title-col {
  padding: 50px 50px;
}

.backgrounded-col {
  position: relative;
}

#hero .backgrounded {
  top: 0;
  right: 0;
  width: 33.33%;
  height: 90%;
  position: absolute;
  display: block;
  z-index: 0;
  background: url(media/backgrounded.png) no-repeat center center / cover;
}

@media only screen and (max-width: 992px) {
  #hero .backgrounded {
    display: none;
  }
  .backgrounded-col {
    background: url(media/backgrounded.png) no-repeat center center / cover;
  }
  #hero .editor img {
    position: unset;
  }
}

.button-bordered {
  display: inline-block;
  padding: 8px 24px;
  text-align: center;
  background: transparent;
  border: 1px solid var(--white);
}

.yellow-text {
  color: var(--yelow);
}

.yellow-text-light {
  color: var(--yellow-light);
}

/* Form Header */



.form-wrapper {
  z-index: 1;
  padding: 25px 25px;
  position: relative;

}

.form-col::after {
  width: 100%;
  content: "";
  display: block;
  position: absolute;
  background: rgba(23, 54, 112, 0.7);
}

.form-wrapper_text {
  font-weight: 700;
  font-size: 22px;
  text-align: center;
  line-height: 1;
  margin-top: 30px;
  margin-bottom: 40px !important;
}

#form-hero > label {
  width: 100%;
}

.form-hero-input {
  background: transparent;
  width: 100%;
  border: 1px solid #cccccc;
  padding: 15px 10px;
  font-size: 14px;
  font-weight: 600;
  margin-top: 7px;
  margin-bottom: 7px;
  color: white;
}

.form-hero-input::placeholder {
  color: #99a5bd;
}

.form-hero-message__fail,
.form-question-message__fail,
.form-results-message__fail,
.callback-form-modal-message__fail {
  display: none;
  font-size: 14px;
  line-height: 18px;
  color: red;
  padding: 0 0 !important;
}

.form-hero-message__successes,
.form-question-message__successes,
.form-results-message__successes,
.callback-form-modal-message__successes {
  display: none;
  font-size: 16px;
  line-height: 18px;
  color: white;
  padding: 0 0 !important;
}

.form-question-message__successes,
.form-results-message__successes,
.callback-form-modal-message__successes {
  color: black;
  text-align: left;
}

.callback-form-modal-message__successes {
  text-align: center;
}

.message-show {
  display: block;
  padding: 0 5px;
}

/*  About Section
--------------------------------------------------- */

.about-header,
.about-header__min,
.about-header__text {
  color: black;
}

.about-header {
  font-size: 38px;
}

.about-header__min {
  font-size: 24px;
  font-weight: 300;
  line-height: 1.4;
}

.about-header__img {
  width: 100%;
  height: 100%;
}

.about-header__text {
  font-size: 18px;
  line-height: 1.4;
  font-weight: 400;
  margin-top: 60px;
  padding-left: 15px;
  padding-right: 30px;
  border-left: 2px solid var(--yelow);
}

.counter-wrapper {
  padding-top: 20px;
  padding-bottom: 20px;
  margin-top: 50px;
  border: 2px solid var(--yelow);
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.32);
}

.counter-tittle {
  color: rgb(152, 149, 149);
  font-size: 35px;
  text-align: center;
  font-weight: 700;
  margin-bottom: 0 !important;
}

.count {
  font-size: 30px;
  color: rgb(152, 149, 149);
  font-weight: 700;
  text-align: center;
}

.count-text {
  color: black;
  font-weight: 300;
  line-height: 1.4;
  font-size: 18px;
  text-align: center;
}

/*  Goal Section
--------------------------------------------------- */

#goal {
  background-color: #3e4147;
  padding-top: 20px;
}

.goal-header {
  font-size: 36px;
  line-height: 1.4;
  font-style: normal;
  font-weight: 500;
}

.goal-col {
  display: flex;
  align-items: flex-start;
  justify-content: center;
}

.goal-info-box > img {
  border: 3px solid var(--yelow);
  box-shadow: 0 0 40px rgba(0, 0, 0, 1);
  max-width: 380px;
  max-height: 227px;
}

.goal-info-box-tittle-wrapper {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}

.goal-info-box__svg-container {
  min-width: 40px;
  max-width: 40px;
  height: 40px;
  margin-right: 15px;
}

.goal-info-box__svg-container > svg {
  fill: currentColor;
  color: var(--yelow);
}

.goal-info-box__tittle {
  font-size: 22px;
  line-height: 1.4;
  font-weight: 400;
}

.goal-info-box__list {
  margin-top: 20px;
  list-style-type: disc;
  margin-left: 25px;
}
.goal-info-box__list > li {
  font-size: 15px;
}

/*  To form Section
--------------------------------------------------- */

#to-form {
  background: linear-gradient(to right, #19376d, #151f46);
  padding: 0;
}

.to-form-tittle {
  font-size: 28px;
  font-weight: 400;
  line-height: 1.4;
  text-align: center;
  margin-top: 18px;
}

.to-form__wrapper-button {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.to-form__button {
  font-size: 18px;
  font-weight: 700;
  padding: 8px 18px;
  background: var(--yelow);
  color: black;
  border: 2px solid var(--yelow);
}

.to-form__button:hover {
  background: transparent;
  color: var(--yelow);
}

.hero-form-submit {
  margin-top: 10px;
  width: 100%;
}

/*  Press Section
--------------------------------------------------- */

#press {
  padding-top: 30px;
}

.slider-1 {
  display: flex;
  justify-content: space-around;
  align-items: center;
}

.press-header {
  font-size: 38px;
  color: black;
  margin-top: 18px;
}

.swiper-pagination {
  position: unset;
  margin-top: 10px;
}

/*  Participants Section
--------------------------------------------------- */
#participants {
  padding-bottom: 0;
}

.participants-header-container {
  padding: 0 !important;
}

.participants-header-col {
  background: #e9d88c;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.5), 20px 16px white;
}

.participants-header {
  color: black;
  font-size: 35px;
  font-weight: 700;
  text-align: right;
  margin-bottom: 0 !important;
}

.participants-wrapper-img {
  padding-bottom: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: flex-end;
}

.participants-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.participants-text-box {
  min-width: 580px;
  margin-top: 40px;
  background: white;
  color: black;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.5), -20px 16px #e9d88c;
}

.participants-text-box:last-child {
  margin-bottom: 40px;
}

.participants-text-box {
  padding: 15px;
  max-width: 520px;
}

.participants-text-box > h5 {
  font-size: 22px;
  font-weight: 600;
}

.participants-text-box > p {
  font-size: 16px;
  font-weight: 400;
  padding-right: 40px;
}

@media only screen and (max-width: 992px) {
  .participants-text-box {
    min-width: auto;
  }
  .participants-text-box > p {
    padding-right: 0;
  }
}
/*  Organizations Section
--------------------------------------------------- */

#organizations {
  padding-top: 30px;
}

.organizations-tittle {
  color: black;
  font-size: 38px;
  font-weight: 700;
}

.slider-2 {
  display: flex;
  justify-content: space-around;
  align-items: center;
  padding-left: 30px;
  padding-right: 30px;
}

#slider-2 {
  padding: 30px 0;
}

/*  Answers Section
--------------------------------------------------- */

#answers {
  background: #e8e8e8;
}

.answers-col {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}

.answers-container {
  padding: 0 !important;
  margin-bottom: 40px;
}
.answers-tittle-col {
  background: #e9d88c;
  box-shadow: 10px 10px rgb(143, 153, 168);
}

.answers-tittle {
  font-size: 35px;
  color: black;
  text-align: center;
  margin-bottom: 0 !important;
}

.answers-box {
  padding: 25px;
  max-width: 540px;
  background: white;
  box-shadow: 0 0 13px rgba(0, 0, 0, 0.42);
}

.answers-box:nth-child(even) {
  margin-top: 40px;
}

.answers-box__width-shadow {
  box-shadow: 0 0 13px rgba(0, 0, 0, 0.42), -15px 15px rgb(250, 232, 150);
}

.answers-box__tittle-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 15px;
}

.answers-box__tittle {
  color: black;
  font-size: 22px;
  font-weight: 600;
  line-height: 1.4;
  word-wrap: break-word;
  margin-left: 20px;
  margin-bottom: 0 !important;
}

.answers-box__text {
  color: black;
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 30px;
}

.answers-box__list {
  color: black;
  font-size: 18px;
  font-weight: 400;
}

.answers-box__icon {
  display: inline-block;
  color: #789acc;
}

.answers-box__icon > svg {
  width: 49px;
  height: 49px;
  fill: currentColor;
}

.bottom_message {
  font-size: 16px;
  text-align: center;
  color: black;
  font-weight: 400;
  margin-top: 10px;
}

.ask-question__button-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
}

.ask-question-button {
  font-size: 16px;
  font-weight: 400;
  color: black;
  padding: 15px 25px;
  border: 2px solid black;
  margin-top: 30px;
}

/*  Form Result Section
--------------------------------------------------- */

.form-link {
  color: rgb(50, 136, 230);
}

.results-container {
  background: white;
  box-shadow: 0 0 22px rgba(0, 0, 0, 0.6);
  background: url(media/result-form-back.png) no-repeat left center / 50%;
}

.results__tittle-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}

.results__tittle-wrapper > img {
  position: absolute;
  right: 0;
}

.results__tittle {
  flex-grow: 1;
  max-width: 1060px;
  color: #576475;
  line-height: 1.4;
  padding: 10px 50px;
  text-align: center;
  border-radius: 0 20px 20px 0;
  box-shadow: 0 0 13px rgba(0, 0, 0, 0.42), -15px 15px rgb(250, 232, 150);
  font-weight: 700;
  font-size: 26px;
  margin: 0 auto;
  background: white;
}

.results__tittle > span {
  display: block;
  max-width: 790px;
}

.results-col {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}

.secondary-img {
  position: absolute;
  top: 240px;
  left: 250px;
}

.results__form-wrapper {
  max-width: 525px;
  width: 80%;
  border: 1px solid black;
  padding-left: 30px;
  padding-right: 30px;
  margin-top: 20px;
  margin-bottom: 30px;
  padding-bottom: 30px;
}

.form-tittle {
  font-size: 22px;
  color: var(--yellow-dark);
  text-align: center;
  margin: 45px 0;
  font-weight: 700;
}

.form-results {
  display: flex;
  flex-direction: column;
}

.form-results-input {
  width: 100%;
  padding: 15px 10px;
  border: 1px solid #404040;
  color: black;
}

.form-results-input::placeholder {
  color: #404040;
  font-size: 14px;
  font-weight: 600;
}

.form-results-submit {
  font-weight: 700;
  font-style: normal;
  font-size: 18px;
  color: black;
  background: #ffc63d;
  border: 1px solid #ffc63d;
  padding-top: 10px;
  padding-bottom: 10px;
  cursor: pointer;
}

.form-results-submit:hover {
  background: transparent;
  color: #ffc63d;
}

.results__form-info {
  font-weight: 400;
  font-size: 12px;
  text-align: center;
  color: rgb(170, 170, 170);
  margin-top: 10px;
  margin-bottom: 10px;
}

/*  HEader
--------------------------------------------------- */
.site-header {
  top: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  position: absolute;
}

.site-header [class*="col-"] {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.site-branding {
  display: flex;
  font-size: 16px;
  align-items: center;
}

.site-branding img {
  margin-right: 15px;
}

/*  Footer
--------------------------------------------------- */

.site-footer {
  background: #131a2e;
}

.contacts-tittle {
  font-size: 42px;
  font-weight: 600;
}

.social-list-item {
  margin-bottom: 20px;
}

.contacts-list-item {
  margin-bottom: 25px;
}

.contacts-list__sub-tittle,
.social-list__sub-tittle {
  color: rgb(156, 160, 173);
  font-weight: 600;
  margin: 0 !important;
}

.contacts-button-call {
  margin-top: 20px;
  margin-bottom: 25px;
  border: 1px solid white;
  padding: 10px 25px;
  color: white;
  background: transparent;
  cursor: pointer;
}

.contacts-button-call:hover {
  color: var(--yellow-light);
  border: 1px solid var(--yellow-light);
}

.social-list__text {
  margin: 0 !important;
}

.social-icons-wrap {
  margin-top: 10px;
}

.social-icon {
  display: inline-block;
  width: 40px;
  height: 40px;
}

.ml {
  margin-left: 20px;
}

.social-icon > svg {
  fill: currentColor;
}

.footer-img {
  border: 2px solid var(--yelow);
  padding: 10px 15px;
  margin: 20px 0;
}


/*  Modal
--------------------------------------------------- */


.modal-box {
  z-index: 1002;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
  background: rgba(0, 0, 0, 0.6);
}

.modal-box .container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  padding: 15px;
}

.close-modal {
  color: black;
  position: absolute;
  top: 25px;
  right: 15px;
  font-size: 55px;
  cursor: pointer;
  transition: 0.3s;
  line-height: 0;
}

.close-modal:hover {
  transform: scale(1.2);
}

.modal-form-callback {
  padding: 20px 40px;
  background: white;
  position: relative;
  border-radius: 3px;
}

.modal-form-callback__header {
  font-weight: bold;
  font-size: 24px;
  text-align: center;
  color: black;
}

#callback-form-modal {
  margin-top: 40px;
  max-width: 500px;
}

.callback-form-modal__input {
  border: 1px solid #303030;
  background: #f8f8f8;
  width: 100%;
}

.callback-form-modal__submit {
  background: #cc0808;
  font-weight: 500;
  font-size: 18px;
  color: white;
}

@media only screen and (max-width: 576px) {
  .modal-form-callback {
    padding: 25px;
  }
}

/* Callback form */

.modal-form-callback__header {
  font-weight: 400;
  font-size: 26px;
  text-align: center;
}

#callback-form-modal {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 340px;
}

.callback-form-modal__input-label {
  width: 100%;
}

.callback-form-modal__input {
  padding: 10px;
  margin: 10px 0;
  border-color: rgba(227, 227, 227, 1);
  color: rgb(145, 145, 145);
  border-radius: 30px;
  width: 100%;
}

.callback-form-modal__submit {
  color: white;
  font-weight: 300;
  font-size: 18px;
  padding: 15px 30px;
  border-radius: 30px;
  border: 1px solid #2F9E45;
  background: #2F9E45;
  cursor: pointer;
}

/* Question Form */

.modal-box {
  font-family: Roboto;
}

.form-question-submit {

}

.modal-form-question {
  padding: 20px 40px;
  background: white;
  max-width: 400px;
  position: relative;
  border-radius: 3px;
}

.modal-form-question__header {
  color: black;
  text-align: center;
  font-weight: 400;
  margin-top: 30px;
  font-size: 26px;
}

.form-question {
  text-align: center;
}

.form-results-input {
  border-color: rgb(181, 181, 181);
  margin: 10px 0;
}

.form-results-input::placeholder {
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 600;
}

.form-question-submit {
  border: 2px solid black;
  padding: 10px 20px;
  background: white;
  font-size: 16px;
  margin-top: 10px;
}

.m-hide {
  display: none;
}

/* Succeses form modal */

.modal-successes-box {
  padding: 20px 40px;
  background: white;
  border-radius: 4px;
  text-align: center;
}

.modal-successes-text {
  color: black;
  font-size: 22px;
  font-weight: 400;
}


@media only screen and (max-width: 576px) {
  /* HTML */
  h2 {
    font-size:  26px !important;
    line-height: 32px;
  }

  h6 {
    font-size: 18px !important;
  }

.d-hide {
  display: block !important;
}

.m-hide {
  display: none !important;
}
  /* site-header */
  .site-header .buttons {
    display: none;
  }
  #hero .container {
    padding: 100px 15px;
  }

  .site-branding {
    font-size: 14px;
  }

  .hero-suptitle {
    font-size: 24px;
    margin-bottom: 15px;
  }

  .hero-title {
    font-size: 26px;
  }

  #hero .editor {
    text-align: center;
    display: flex;
    flex-direction: column;
  }

  .hero-text {
    order: 3;
    margin: 15px;
    font-size: 18px;
    text-align: center;
  }

  .hero-tittle-wrap {
    order: 1;
    margin: 15px 15px 0 15px;
  }

  .hero-img {
    margin: 15px;
    order: 2;
  }

  /* Section about */
  #about > .container > .row [class*="col-"]:nth-child(1) {
    order: 1;
  }
  #about > .container > .row [class*="col-"]:nth-child(2) {
    order: 3;
  }

  #about > .container > .row [class*="col-"]:nth-child(3) {
    order: 2;
  }

  .about-header__text {
    margin-top: 15px;
    font-size: 16px;
  }

  .counter-tittle {
    font-size: 26px;
    line-height: 32px;
    text-align: center;
  }

  .count, .count-text {
    text-align: left;
  }

  .count {
    font-size: 26px;
    margin-bottom: 5px;
  }

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

  .counter-wrapper {
    padding: 25px 15px;
  }

  /* Goal */

  .goal-header {
    text-align: center;
    font-size: 22px;
    margin-bottom: 0;
  }

  .goal-info-box > img {
    display: none;
  }

  .goal-info-box__tittle {
    font-size: 16px;
  }

  .goal-info-box__list {
    margin-left: 70px;
  }

  /*Section to form*/

  .to-form-tittle {
    margin: 0 0 15px 0 !important;
    font-size: 18px;
  }

  #to-form {
    padding: 30px 0 !important;
  }

 .swiper-button-prev,
 .swiper-button-next {
    display: none;
  }

  /* Participants */

  .participants-header-container {
    padding: 0 15px !important;

  }

  .participants-header {
    text-align: center;
    font-size: 24px !important;
    box-shadow: 0 0 20px -8px rgb(0,0,0);
    background: #fae896;
    margin: 7px !important;
    padding: 10px;
  }

  .participants-header-col {
    box-shadow: unset;
    background: white;
  }

  .participants-text-box {
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.5), 10px 10px #e9d88c;
    margin-top: 30px;
  }

  .participants-text-box > h5 {
    font-size: 18px;
    text-align: center;
  }

  .participants-text-box > p {
    font-size: 14px;
    text-align: center;
  }

  /*Organization*/

  #slider-2 {
    padding: 0;
    margin-bottom: 30px;
  }

  .organizations-tittle {
    font-size: 22px !important;
    text-align: center;
  }

  #organizations {
    background: url(media/wave-mobile.png) no-repeat bottom !important;
    background-size: contain !important;
  }
   /*Answers*/
  #answers {
    padding-top: 0;
  }

  .answers-container {
    padding: 0 15px;
  }

  .answers-tittle {
    font-size: 22px;
  }

  .answers-box__width-shadow {
    box-shadow: 0 0 13px rgba(0, 0, 0, 0.42), 10px 10px rgb(250, 232, 150);
  }

  .answers-box__tittle {
    font-size: 16px !important;
    margin-bottom: 10px;
  }

  .answers-box__text, .answers-box__list {
    font-size: 14px;
    margin-bottom: 0;
  }

  .answers-box:nth-child(2n) {
    margin-top: 20px;
  }

  .bottom_message {
    font-size: 14px;
    line-height: 16px;
  }

  .ask-question-button {
    margin-top: 0;
    font-size: 14px;
  }

  .results__tittle {
    text-align: left;
    font-size: 16px;
    padding: 15px;
    border-radius: 0 50px 40px 0;
    box-shadow: 0 0 13px #0000006b, -10px 10px #fae896;
  }

  .results__tittle-wrapper > img {
    max-width: 105px;
  }

  .results-col.image-col {
    display: none;
  }

  .results__tittle span {
    display: block;
    max-width: 220px;
  }

  .results__tittle-wrapper > img {
    right: -10px;
  }

  .results-container {
    box-shadow: unset;
    background: unset;
  }

  .results__form-wrapper {
    width: 100%;
  }

  .results__form-wrapper .form-tittle {
    margin: 25px 0;
    font-size: 20px;
  }

  .form-results-input::placeholder {
    font-size: 13px;
    font-weight: 500;
  }

  /* site-footer */
  .site-footer {
    text-align: center;
    padding: 30px 0;
  }

  .contacts-tittle {
    font-size: 22px;
    text-transform: uppercase;
  }

  .contacts-list-item, .social-list-item {
    font-size: 16px;
    line-height: 18px;
    margin-bottom: 15px;
  }

  .footer-box-wrap.bottom {
    display: flex;
    flex-direction: column;
  }

  .footer-box-wrap.bottom .footer-img {
    order: 2;
  }

  .footer-medals {
    max-width: 220px;
  }

  .footer-box-wrap.bottom img {
    margin: 0 auto;
  }

  .footer-medals {
    margin-bottom: 30px !important;
  }

}