/* This source code is exported from pxCode, you can get more document from https://www.pxcode.io */
.subscribe-group {
  display: flex;
  background-color: white; }

.subscribe-group.layout {
  position: relative;
  overflow: visible;
  min-height: 1539px;
  flex-grow: 1;
  margin: 0px; }

.subscribe-decorator {
  background: var(--src) center center/contain no-repeat; }

.subscribe-decorator.layout {
  position: absolute;
  top: -253.17px;
  height: 870.5px;
  left: -89.05px;
  width: 825px; }

.subscribe-content-box {
  display: flex;
  flex-direction: column;
  filter: drop-shadow(100); }

.subscribe-content-box.layout {
  position: relative;
  overflow: hidden;
  flex-grow: 1;
  margin: 0px; }

.subscribe-content-box-row {
  display: flex;
  flex: 0 1 199px; }

.subscribe-section1__container {
  display: flex; }

.subscribe-section1__container.layout {
  position: relative;
  overflow: visible;
  min-height: 199px;
  flex-grow: 1;
  margin: 0px; }

.subscribe-section1__flex {
  display: flex;
  justify-content: space-between; }
  @media (max-width: 767.98px) {
    .subscribe-section1__flex {
      flex-wrap: wrap; } }

.subscribe-section1__flex.layout {
  position: relative;
  overflow: visible;
  flex-grow: 1;
  margin: 63px 72px 59px; }
  @media (max-width: 1399.98px) {
    .subscribe-section1__flex.layout {
      flex-grow: 1;
      margin: 32px 36px; } }
  @media (max-width: 1199.98px) {
    .subscribe-section1__flex.layout {
      flex-grow: 1;
      margin: 25px 18px; } }
  @media (max-width: 991.98px) {
    .subscribe-section1__flex.layout {
      flex-grow: 1;
      margin: 25px 10px; } }

.subscribe-section1__flex-col {
  display: flex;
  flex: 0 1 284.97px; }
  @media (max-width: 767.98px) {
    .subscribe-section1__flex-col {
      flex: 0 0 100%; } }

.subscribe-section1__flex1 {
  display: flex;
  flex-direction: column; }

.subscribe-section1__flex1.layout {
  position: relative;
  overflow: visible;
  flex-grow: 1;
  margin: -4.9px 0px; }

.subscribe-clickable {
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transition: opacity 0.2s; }

.subscribe-clickable:hover {
  opacity: 0.7; }

.subscribe-section1__flex2 {
  display: flex; }

.subscribe-section1__flex2.layout {
  position: relative;
  overflow: visible;
  margin: 4.65px 0px 0px; }

.subscribe-section1__flex2-col {
  display: flex;
  flex: 0 1 50px; }

.subscribe-section1__cover-group {
  display: flex;
  background: var(--src) center center/contain no-repeat; }

.subscribe-section1__cover-group.layout {
  position: relative;
  overflow: visible;
  height: 50px;
  flex-grow: 1;
  margin: 13.23px 9.65px 0px 0px; }
  @media (max-width: 1919.98px) {
    .subscribe-section1__cover-group.layout {
      height: 50px;
      flex-grow: 1;
      margin: 13.23px 0px 0px; } }

.subscribe-section1__flex2-spacer {
  display: flex;
  flex: 0 1 10px; }

.subscribe-section1__flex2-col1 {
  display: flex;
  flex: 0 1 134.53px; }

.subscribe-section1__img {
  background: var(--src) center center/contain no-repeat; }

.subscribe-section1__img.layout {
  position: relative;
  height: 32.15px;
  flex-grow: 1;
  margin: 24.4px 0px 6.68px; }

.subscribe-section1__flex2-spacer1 {
  display: flex;
  flex: 0 1 5.54px; }

.subscribe-section1__img.layout1 {
  position: relative;
  flex: 0 1 65.25px;
  height: 31.86px;
  width: 65.25px;
  min-width: 65.25px;
  margin: 24.59px 0px 6.78px; }

.subscribe-section1__flex-spacer {
  display: flex;
  flex: 1 1 auto; }
  @media (max-width: 767.98px) {
    .subscribe-section1__flex-spacer {
      flex: 0 0 100%;
      min-height: 20px; } }

.subscribe-section1__flex-col1 {
  display: flex;
  flex: 0 1 199px; }
  @media (max-width: 767.98px) {
    .subscribe-section1__flex-col1 {
      flex: 0 0 100%; } }

.subscribe-section1__group {
  display: flex;
  border-radius: 8px 8px 8px 8px;
  width: 100%;
  height: 100%; }

.subscribe-section1__subscribe {
  display: flex;
  justify-content: center;
  font: 700 18px/1.2 "Poppins", Helvetica, Arial, serif;
  color: black;
  text-align: center;
  letter-spacing: -0.36px; }

.subscribe-section1__subscribe.layout {
  position: relative;
  flex-grow: 1;
  margin: 15px 0px; }

.subscribe-content-box-row1 {
  display: flex;
  flex: 0 1 186px; }

.subscribe-subscribe-wrap {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%; }

.subscribe-subscribe-wrap-spacer {
  display: flex;
  flex: 1 1 auto; }

.subscribe-subscribe-wrap-row {
  display: flex; }

.subscribe-subscribe {
  display: flex;
  justify-content: center;
  font: 900 54px/1.4 "Poppins", Helvetica, Arial, serif;
  color: #041f07;
  text-align: center;
  letter-spacing: 0px; }
  @media (max-width: 99999px) {
    .subscribe-subscribe {
      align-items: flex-start;
      justify-content: center;
      font-size: 54px;
      text-align: center; } }
  @media (max-width: 1199.98px) {
    .subscribe-subscribe {
      align-items: flex-start;
      justify-content: center;
      font-size: 49px;
      text-align: center; } }
  @media (max-width: 991.98px) {
    .subscribe-subscribe {
      align-items: flex-start;
      justify-content: center;
      font-size: 46px;
      text-align: center; } }
  @media (max-width: 767.98px) {
    .subscribe-subscribe {
      align-items: flex-start;
      justify-content: center;
      font-size: 42px;
      text-align: center; } }

.subscribe-subscribe.layout {
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0px auto; }

.subscribe-content-box-row2 {
  display: flex;
  flex: 0 1 812px; }

.subscribe-content-box1 {
  display: flex;
  flex-direction: column;
  background-color: white;
  box-shadow: 0 50px 100px -75px #000;
  border: 1px solid #f9f9f9;
  border-radius: 16px 16px 16px 16px;
  filter: drop-shadow(0px 20px 40px 0px #000000); }

.subscribe-content-box1.layout {
  position: relative;
  overflow: visible;
  min-height: 600px;
  flex-grow: 1;
  margin: 0px 256px 212px 234px; }
  @media (max-width: 99999px) {
    .subscribe-content-box1.layout {
      min-height: 600px;
      flex-grow: 1;
      margin: 0px 256px 0px 234px; } }
  @media (max-width: 1399.98px) {
    .subscribe-content-box1.layout {
      min-height: 600px;
      flex-grow: 1;
      margin: 57px 128px 0px 117px; } }
  @media (max-width: 1199.98px) {
    .subscribe-content-box1.layout {
      min-height: 600px;
      flex-grow: 1;
      margin: 29px 64px 0px 59px; } }
  @media (max-width: 991.98px) {
    .subscribe-content-box1.layout {
      min-height: 600px;
      flex-grow: 1;
      margin: 25px 32px 0px 30px; } }
  @media (max-width: 767.98px) {
    .subscribe-content-box1.layout {
      min-height: 600px;
      flex-grow: 1;
      margin: 25px 16px 0px 15px; } }
  @media (max-width: 575.98px) {
    .subscribe-content-box1.layout {
      min-height: 600px;
      flex-grow: 1;
      margin: 25px 10px 0px; } }

.subscribe-flex {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%; }

.subscribe-flex-spacer {
  display: flex;
  flex: 0 0 auto;
  min-height: 70px; }

.subscribe-flex1 {
  display: flex; }
  @media (max-width: 767.98px) {
    .subscribe-flex1 {
      flex-wrap: wrap; } }

.subscribe-flex1.layout {
  position: relative;
  overflow: visible;
  margin: 0px; }

.subscribe-flex1-col {
  display: flex;
  flex: 1 1 auto; }
  @media (max-width: 767.98px) {
    .subscribe-flex1-col {
      flex: 0 0 100%; } }

.subscribe-flex2 {
  display: flex;
  flex-direction: column; }

.subscribe-flex2.layout {
  position: relative;
  overflow: visible;
  min-height: 18px;
  flex-grow: 1;
  margin: 0px; }

.subscribe-full-name-box.layout {
  position: relative;
  margin: 0px; }
  @media (max-width: 99999px) {
    .subscribe-full-name-box.layout {
      margin: 0px 0px 15px; } }
  @media (max-width: 1919.98px) {
    .subscribe-full-name-box.layout {
      margin: 0px 0px 10px; } }

.subscribe-full-name {
  overflow: visible;
  margin-top: 0px;
  margin-bottom: 0px;
  font: 18px/1 "Poppins", Helvetica, Arial, serif;
  color: #4f6252;
  letter-spacing: 0px;
  white-space: pre-wrap; }

.subscribe-textinput {
  border: 0px;
  padding: 0px;
  width: 100%;
  vertical-align: top;
  background-color: transparent; }

.subscribe-textinput:focus {
  outline: none; }

.subscribe-flex2-row {
  display: flex;
  flex: 0 1 1px; }

.subscribe-line {
  background-color: #4f6252; }

.subscribe-line.layout {
  position: relative;
  height: 1px;
  width: 99.74%;
  min-width: -webkit-min-content;
  min-width: -moz-min-content;
  min-width: min-content;
  display: block;
  margin: 0px auto; }

.subscribe-flex1-spacer {
  display: flex;
  flex: 0 1 30px; }
  @media (max-width: 767.98px) {
    .subscribe-flex1-spacer {
      flex: 0 0 100%;
      min-height: 60px; } }

.subscribe-flex3 {
  display: flex;
  flex-direction: column; }

.subscribe-flex3.layout {
  position: relative;
  overflow: visible;
  min-height: 18px;
  flex-grow: 1;
  margin: 0px; }

.subscribe-business-name-box.layout {
  position: relative;
  margin: 0px; }
  @media (max-width: 99999px) {
    .subscribe-business-name-box.layout {
      margin: 0px 0px 15px; } }
  @media (max-width: 2999.98px) {
    .subscribe-business-name-box.layout {
      margin: 0px 0px 10px; } }
  @media (max-width: 1919.98px) {
    .subscribe-business-name-box.layout {
      margin: 0px 0px 10px; } }

.subscribe-business-name {
  font: 18px/1 "Poppins", Helvetica, Arial, serif;
  color: #4f6252;
  letter-spacing: 0px; }

.subscribe-flex3-row {
  display: flex;
  flex: 0 1 1px; }

.subscribe-line.layout1 {
  position: relative;
  height: 1px;
  width: 99.75%;
  min-width: -webkit-min-content;
  min-width: -moz-min-content;
  min-width: min-content;
  display: block;
  margin: 0px auto; }

.subscribe-flex-spacer1 {
  display: flex;
  flex: 0 0 auto;
  min-height: 50px; }

.subscribe-flex4 {
  display: flex; }
  @media (max-width: 767.98px) {
    .subscribe-flex4 {
      flex-wrap: wrap; } }

.subscribe-flex4.layout {
  position: relative;
  overflow: visible;
  margin: 0px; }

.subscribe-flex4-col {
  display: flex;
  flex: 1 1 auto; }
  @media (max-width: 767.98px) {
    .subscribe-flex4-col {
      flex: 0 0 100%; } }

.subscribe-flex5 {
  display: flex;
  flex-direction: column; }

.subscribe-flex5.layout {
  position: relative;
  overflow: visible;
  min-height: 18px;
  flex-grow: 1;
  margin: 0px; }

.subscribe-location-box.layout {
  position: relative;
  margin: 0px; }
  @media (max-width: 99999px) {
    .subscribe-location-box.layout {
      margin: 0px 0px 15px; } }
  @media (max-width: 1919.98px) {
    .subscribe-location-box.layout {
      margin: 0px 0px 10px; } }

.subscribe-location {
  font: 18px/1 "Poppins", Helvetica, Arial, serif;
  color: #4f6252;
  letter-spacing: 0px; }

.subscribe-flex5-row {
  display: flex;
  flex: 0 1 1px; }

.subscribe-flex4-spacer {
  display: flex;
  flex: 0 1 30px; }
  @media (max-width: 767.98px) {
    .subscribe-flex4-spacer {
      flex: 0 0 100%;
      min-height: 60px; } }

.subscribe-flex6 {
  display: flex;
  flex-direction: column; }

.subscribe-flex6.layout {
  position: relative;
  overflow: visible;
  min-height: 18px;
  flex-grow: 1;
  margin: 0px; }

.subscribe-phone-number-box.layout {
  position: relative;
  margin: 0px; }
  @media (max-width: 99999px) {
    .subscribe-phone-number-box.layout {
      margin: 0px 0px 15px; } }
  @media (max-width: 2999.98px) {
    .subscribe-phone-number-box.layout {
      margin: 0px 0px 10px; } }
  @media (max-width: 1919.98px) {
    .subscribe-phone-number-box.layout {
      margin: 0px 0px 10px; } }

.subscribe-phone-number {
  font: 18px/1 "Poppins", Helvetica, Arial, serif;
  color: #4f6252;
  letter-spacing: 0px; }

.subscribe-flex6-row {
  display: flex;
  flex: 0 1 1px; }

.subscribe-line.layout3 {
  position: relative;
  height: 1px;
  width: 99.75%;
  min-width: -webkit-min-content;
  min-width: -moz-min-content;
  min-width: min-content;
  display: block;
  margin: 0px auto; }

.subscribe-flex-spacer2 {
  display: flex;
  flex: 0 0 auto;
  min-height: 50px; }

.subscribe-flex7 {
  display: flex; }
  @media (max-width: 767.98px) {
    .subscribe-flex7 {
      flex-wrap: wrap; } }

.subscribe-flex7.layout {
  position: relative;
  overflow: visible;
  margin: 0px; }

.subscribe-flex7-col {
  display: flex;
  flex: 1 1 auto; }
  @media (max-width: 767.98px) {
    .subscribe-flex7-col {
      flex: 0 0 100%; } }

.subscribe-flex8 {
  display: flex;
  flex-direction: column; }

.subscribe-flex8.layout {
  position: relative;
  overflow: visible;
  min-height: 18px;
  flex-grow: 1;
  margin: 0px; }

.subscribe-email-address-box.layout {
  position: relative;
  margin: 0px; }
  @media (max-width: 99999px) {
    .subscribe-email-address-box.layout {
      margin: 0px 0px 15px; } }
  @media (max-width: 1919.98px) {
    .subscribe-email-address-box.layout {
      margin: 0px 0px 10px; } }

.subscribe-email-address {
  font: 18px/1 "Poppins", Helvetica, Arial, serif;
  color: #4f6252;
  letter-spacing: 0px; }

.subscribe-flex8-row {
  display: flex;
  flex: 0 1 1px; }

.subscribe-flex7-spacer {
  display: flex;
  flex: 0 1 30px; }
  @media (max-width: 767.98px) {
    .subscribe-flex7-spacer {
      flex: 0 0 100%;
      min-height: 60px; } }

.subscribe-flex9 {
  display: flex;
  flex-direction: column; }

.subscribe-flex9.layout {
  position: relative;
  overflow: visible;
  min-height: 18px;
  flex-grow: 1;
  margin: 0px; }

.subscribe-business-website-box.layout {
  position: relative;
  margin: 0px; }
  @media (max-width: 99999px) {
    .subscribe-business-website-box.layout {
      margin: 0px 0px 15px; } }
  @media (max-width: 2999.98px) {
    .subscribe-business-website-box.layout {
      margin: 0px 0px 10px; } }
  @media (max-width: 1919.98px) {
    .subscribe-business-website-box.layout {
      margin: 0px 0px 10px; } }

.subscribe-business-website {
  font: 18px/1 "Poppins", Helvetica, Arial, serif;
  color: #4f6252;
  letter-spacing: 0px; }

.subscribe-flex9-row {
  display: flex;
  flex: 0 1 1px; }

.subscribe-line.layout5 {
  position: relative;
  height: 1px;
  width: 99.75%;
  min-width: -webkit-min-content;
  min-width: -moz-min-content;
  min-width: min-content;
  display: block;
  margin: 0px auto; }

.subscribe-flex-spacer3 {
  display: flex;
  flex: 0 0 auto;
  min-height: 50px; }

.subscribe-flex10 {
  display: flex; }

.subscribe-flex10.layout {
  position: relative;
  overflow: visible;
  margin: 0px; }

.subscribe-flex11 {
  display: flex;
  flex-direction: column; }

.subscribe-flex11.layout {
  position: relative;
  overflow: visible;
  flex: 1 1 auto;
  min-height: 18px;
  margin: 0px; }

.subscribe-other-businessdetails-box.layout {
  position: relative;
  margin: 0px; }
  @media (max-width: 99999px) {
    .subscribe-other-businessdetails-box.layout {
      margin: 0px 0px 15px; } }
  @media (max-width: 1919.98px) {
    .subscribe-other-businessdetails-box.layout {
      margin: 0px 0px 10px; } }

.subscribe-other-businessdetails {
  font: 18px/1 "Poppins", Helvetica, Arial, serif;
  color: #4f6252;
  letter-spacing: 0px; }

.subscribe-flex11-row {
  display: flex;
  flex: 0 1 1px; }

.subscribe-flex10-spacer {
  display: flex; }

.subscribe-flex-spacer4 {
  display: flex;
  flex: 0 0 auto;
  min-height: 60px; }

.subscribe-flex12 {
  display: flex;
  justify-content: center; }

.subscribe-flex12.layout {
  position: relative;
  overflow: visible;
  margin: 0px; }

.subscribe-flex12-col {
  display: flex;
  flex: 0 1 172px; }

.subscribe-group1 {
  display: flex;
  background-color: #0aba87;
  border-radius: 8px 8px 8px 8px;
  width: 100%;
  height: 100%; }

.subscribe-submit {
  display: flex;
  justify-content: center;
  font: 700 18px/1.2 "Poppins", Helvetica, Arial, serif;
  color: white;
  text-align: center;
  letter-spacing: 0px; }

.subscribe-submit.layout {
  position: relative;
  flex-grow: 1;
  margin: 15px 0px; }

.subscribe-flex-spacer5 {
  display: flex;
  flex: 0 0 auto;
  min-height: 60px; }

.subscribe-phone-number1 {
  display: flex;
  justify-content: flex-end;
  font: 14px/1 "Poppins", Helvetica, Arial, serif;
  color: #0aba87;
  text-align: right;
  letter-spacing: 0px; }

.subscribe-phone-number1.layout {
  position: relative;
  width: 246px;
  min-width: 246px;
  margin: 0px auto; }
  @media (max-width: 767.98px) {
    .subscribe-phone-number1.layout {
      width: 246px;
      min-width: 246px;
      margin: 25px auto 0px; } }

.subscribe-content-box-row3 {
  display: flex;
  flex: 0 1 186px; }

.subscribe-group2 {
  display: flex;
  background-color: #f9f9f9; }

.subscribe-group2.layout {
  position: relative;
  overflow: hidden;
  min-height: 186px;
  flex-grow: 1;
  margin: 0px; }
  @media (max-width: 99999px) {
    .subscribe-group2.layout {
      min-height: 186px;
      flex-grow: 1;
      margin: 150px 0px 0px; } }
  @media (max-width: 1199.98px) {
    .subscribe-group2.layout {
      min-height: 186px;
      flex-grow: 1;
      margin: 100px 0px 0px; } }

.subscribe-flex13 {
  display: flex;
  flex-direction: column; }

.subscribe-flex13.layout {
  position: relative;
  overflow: visible;
  flex-grow: 1;
  margin: 32px 130px; }
  @media (max-width: 1399.98px) {
    .subscribe-flex13.layout {
      flex-grow: 1;
      margin: 25px 65px; } }
  @media (max-width: 1199.98px) {
    .subscribe-flex13.layout {
      flex-grow: 1;
      margin: 25px 33px; } }
  @media (max-width: 991.98px) {
    .subscribe-flex13.layout {
      flex-grow: 1;
      margin: 25px 17px; } }
  @media (max-width: 767.98px) {
    .subscribe-flex13.layout {
      flex-grow: 1;
      margin: 25px 10px; } }

.subscribe-flex13-row {
  display: flex;
  flex: 0 1 34px; }

.subscribe-flex14 {
  display: flex; }
  @media (max-width: 991.98px) {
    .subscribe-flex14 {
      flex-wrap: wrap; } }

.subscribe-flex14.layout {
  position: relative;
  overflow: visible;
  min-height: 34px;
  flex-grow: 1;
  margin: 0px -2.5px 0px 2.5px; }
  @media (max-width: 1919.98px) {
    .subscribe-flex14.layout {
      min-height: 34px;
      flex-grow: 1;
      margin: 0px 2.5px; } }
  @media (max-width: 1199.98px) {
    .subscribe-flex14.layout {
      min-height: 34px;
      flex-grow: 1;
      margin: 25px 10px 0px; } }

.subscribe-flex14-col {
  display: flex;
  flex: 1 1 auto; }
  @media (max-width: 991.98px) {
    .subscribe-flex14-col {
      flex: 0 0 100%; } }

.subscribe-flex15 {
  display: flex; }

.subscribe-flex15.layout {
  position: relative;
  overflow: visible;
  flex-grow: 1;
  margin: 12px 0px -12px; }
  @media (max-width: 1919.98px) {
    .subscribe-flex15.layout {
      flex-grow: 1;
      margin: 0px; } }

.subscribe-flex15-col {
  display: flex;
  flex: 0 1 21.9px; }

.subscribe-cover-group {
  display: flex;
  background: var(--src) center center/cover no-repeat; }

.subscribe-cover-group.layout {
  position: relative;
  overflow: visible;
  height: 20.4px;
  flex-grow: 1;
  margin: 10.6px 0px 3px; }

.subscribe-flex15-spacer {
  display: flex;
  flex: 0 1 7.34px; }

.subscribe-flex15-col1 {
  display: flex;
  flex: 0 1 132.75px; }

.subscribe-flex16 {
  display: flex; }

.subscribe-flex16.layout {
  position: relative;
  overflow: visible;
  flex-grow: 1;
  margin: 10.58px 0px 5.16px; }

.subscribe-img {
  background: var(--src) center center/contain no-repeat; }

.subscribe-img.layout {
  position: relative;
  flex: 0 1 86.98px;
  height: 18.26px;
  width: 86.98px;
  min-width: 86.98px;
  margin: 0px; }

.subscribe-flex16-spacer {
  display: flex;
  flex: 0 1 3.58px; }

.subscribe-img.layout1 {
  position: relative;
  flex: 0 1 42.19px;
  height: 18.1px;
  width: 42.19px;
  min-width: 42.19px;
  margin: 0.11px 0px 0.05px; }

.subscribe-flex14-spacer {
  display: flex;
  flex: 0 1 10px; }
  @media (max-width: 991.98px) {
    .subscribe-flex14-spacer {
      flex: 0 0 100%;
      min-height: 5px; } }

.subscribe-flex14-col1 {
  display: flex;
  flex: 1 1 auto; }
  @media (max-width: 991.98px) {
    .subscribe-flex14-col1 {
      flex: 0 0 33.33333333333333%; } }

.subscribe-highlights {
  display: flex;
  justify-content: center;
  font: 300 18px/1.7 "Circular Std", Helvetica, Arial, serif;
  color: #4f6252;
  text-align: center;
  letter-spacing: 0px; }

.subscribe-highlights.layout {
  position: relative;
  flex-grow: 1;
  margin: 2px 0px; }
  @media (max-width: 575.98px) {
    .subscribe-highlights.layout {
      flex-grow: 1;
      margin: 25px 0px; } }

.subscribe-flex14-col2 {
  display: flex;
  flex: 1 1 auto; }
  @media (max-width: 991.98px) {
    .subscribe-flex14-col2 {
      flex: 0 0 33.33333333333333%; } }

.subscribe-flex14-col3 {
  display: flex;
  flex: 1 1 auto; }
  @media (max-width: 991.98px) {
    .subscribe-flex14-col3 {
      flex: 0 0 33.33333333333333%; } }

.subscribe-flex17 {
  display: flex;
  justify-content: flex-end; }

.subscribe-flex17.layout {
  position: relative;
  overflow: visible;
  flex-grow: 1;
  margin: 0px; }

.subscribe-flex17-col {
  display: flex;
  flex: 0 1 34px; }

.subscribe-group3 {
  display: flex; }

.subscribe-group3.layout {
  position: relative;
  overflow: visible;
  min-height: 34px;
  flex-grow: 1;
  margin: 0px; }

.subscribe-icon {
  background: var(--src) center center/contain no-repeat; }

.subscribe-icon.layout {
  position: relative;
  height: 34px;
  width: 34px;
  min-width: 34px;
  margin: 0px; }
  @media (max-width: 1919.98px) {
    .subscribe-icon.layout {
      height: 34px;
      width: 34px;
      min-width: 34px;
      margin: 0px; } }

.subscribe-flex17-spacer {
  display: flex;
  flex: 0 1 20px; }

.subscribe-group4 {
  display: flex; }

.subscribe-group4.layout {
  position: relative;
  overflow: visible;
  min-height: 34px;
  flex-grow: 1;
  margin: 0px; }

.subscribe-icon.layout1 {
  position: relative;
  height: 34px;
  width: 34px;
  min-width: 34px;
  margin: 0px; }
  @media (max-width: 1919.98px) {
    .subscribe-icon.layout1 {
      height: 34px;
      width: 34px;
      min-width: 34px;
      margin: 0px 0px 0px 10px; } }

.subscribe-group5 {
  display: flex; }

.subscribe-group5.layout {
  position: relative;
  overflow: visible;
  min-height: 34px;
  flex-grow: 1;
  margin: 0px; }

.subscribe-icon.layout2 {
  position: relative;
  height: 34px;
  width: 34px;
  min-width: 34px;
  margin: 0px; }
  @media (max-width: 1919.98px) {
    .subscribe-icon.layout2 {
      height: 34px;
      width: 34px;
      min-width: 34px;
      margin: 0px 0px 0px 10px; } }

.subscribe-highlights3 {
  display: flex;
  justify-content: center;
  font: 300 16px/1.7 "Circular Std", Helvetica, Arial, serif;
  color: #4f6252;
  text-align: center;
  letter-spacing: 0px; }

.subscribe-highlights3.layout {
  position: relative;
  width: 150px;
  min-width: 150px;
  margin: 38px auto 0px; }
  @media (max-width: 1199.98px) {
    .subscribe-highlights3.layout {
      width: 150px;
      min-width: 150px;
      margin: 25px auto 0px; } }


      

/**
* Make the field a flex-container, reverse the order so label is on top.
*/
 
.field {
  display: flex;
  flex-flow: column-reverse;
  margin-bottom: 1em;
}
label, input, textarea {
  transition: all 0.2s;
  touch-action: manipulation;
}
input, textarea {
  font: 18px/1 "Poppins", Helvetica, Arial, serif;
  color: #4f6252;
  letter-spacing: 0px;
  border: 0;
  border-bottom: 1px solid #4f6252;
  -webkit-appearance: none;
  border-radius: 0;
  padding: 5px 0 10px 0;
  cursor: text;
}
input:focus, textarea:focus {
  outline: 0;
}
label {
  font: 14px/1 "Poppins", Helvetica, Arial, serif;
  color: #4f6252;
  letter-spacing: 0px;
}
input:placeholder-shown + label, textarea:placeholder-shown + label {
  cursor: text;
  max-width: 66.66%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transform-origin: left bottom;
  transform: translate(0, 28px) scale(1.33);
}
::-webkit-input-placeholder {
  opacity: 0;
  transition: inherit;
}
input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder {
  opacity: 1;
}
input:not(:placeholder-shown) + label,
input:focus + label,
textarea:not(:placeholder-shown) + label,
textarea:focus + label {
  transform: translate(0, 0) scale(1);
  cursor: pointer;
  color: #0aba87;
}
button {
  border: none;
}
#subForm:invalid > #submit {
  pointer-events: none;
}