/**
 * Fonts
 */

/**
 * Heading styles
 */

/**
 * Paragraph styles
 */

/**
 * Link Styling
 */

/**
 * List Styling
 */

/**
 * Label Arrow
 */

/**
 * Tag
 */

/**
 * Breakpoints
 */

/**
 * Bootstrap Grid
 */

/**
 * Colors
 */

.page-newsletter h5,
.page-newsletter span {
  font-family: "Sailec";
  font-weight: 500;
  color: #1f271c;
  font-size: 26px;
  line-height: 34px;
  display: block;
}

.page-newsletter p {
  color: #000;
  font-size: 19px;
  line-height: 32px;
}

.page-newsletter-photo {
  position: relative;
}

.page-newsletter-photo:before {
  display: block;
  content: "";
  width: 100%;
  padding-bottom: 100%;
  background: #eff5ed;
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 50%;
}

.page-newsletter-photo img {
  display: block;
  position: relative;
  margin: 15px auto 0;
  width: 135px;
}

.page-newsletter-inner {
  display: grid;
  gap: 40px;
}

.page-newsletter-inner.page-newsletter-inner-with-photo {
  grid-template-columns: 190px minmax(100px, 100%);
}

.page-newsletter-info ul li {
  position: relative;
  color: #000;
  font-size: 19px;
  line-height: 32px;
  padding-left: 33px;
}

.page-newsletter-info ul li:before {
  display: block;
  content: "";
  width: 20px;
  height: 20px;
  background: url(../../img/icons/check.svg) no-repeat center center/100% auto;
  position: absolute;
  left: 0;
  top: 6px;
}

.page-newsletter-info ul li {
  color: #000;
  font-size: 17px;
  line-height: 27px;
  padding-left: 22px;
}

.page-newsletter-info ul li:before {
  width: 18px;
  height: 18px;
  top: 3px;
}

.page-newsletter form {
  background: transparent;
  padding: 0;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-top: 25px;
  align-items: end;
}

.page-newsletter form input[type=email] {
  margin-bottom: 0;
  margin-right: 12px;
  width: 100%;
  display: block;
  width: 100%;
  max-width: 100%;
}

.page-newsletter form input[type=submit] {
  padding-left: 22px;
  padding-right: 22px;
  min-width: auto;
  width: auto;
  margin-top: 0;
  margin-left: 10px;
}

.page-newsletter h2.gform_submission_error {
  margin-top: 20px;
}

.page-newsletter .gform_ajax_spinner {
  display: none;
}

.page-newsletter .gfield_validation_message {
  display: none;
}

.page-newsletter.-green {
  background: #eff5ed;
  padding: 60px 0 80px 0;
}

.page-newsletter.-green .page-newsletter-photo:before {
  background: #fff;
}

@media (min-width: 1260px) {
  .page-newsletter form input[type=email] {
    min-width: 280px;
  }
}

@media (max-width: 767px) {
  .page-newsletter h5,
  .page-newsletter span {
    font-size: 20px;
    line-height: 28px;
  }

  .page-newsletter p {
    font-size: 17px;
    line-height: 27px;
  }

  .page-newsletter-photo {
    max-width: 190px;
    width: 100%;
    margin: 0 auto;
  }

  .page-newsletter-inner {
    gap: 20px;
  }

  .page-newsletter-inner.page-newsletter-inner-with-photo {
    grid-template-columns: 1fr;
  }

  .page-newsletter-info ul li {
    font-size: 17px;
    line-height: 27px;
  }

  .page-newsletter-info ul li {
    padding-left: 22px;
  }

  .page-newsletter-info ul li:before {
    width: 16px;
    height: 16px;
    top: 4px;
  }

  .page-newsletter form {
    margin-top: 20px;
  }

  .page-newsletter form {
    display: block;
  }

  .page-newsletter form input[type=email] {
    margin-right: 0;
  }

  .page-newsletter form input[type=submit] {
    width: 100%;
    margin-top: 10px;
    margin-left: 0;
  }
}