.embedded {
  display: none;
}

.centered-full-screen {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100vw;
  height: 100vh;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: -webkit-linear-gradient(270deg, #316bff, #231cdd);
  background-image: linear-gradient(180deg, #316bff, #231cdd);
}

.welcome-modal {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 40vw;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.welcome-form {
  padding: 20px;
  border-style: none;
  border-color: #000;
  border-radius: 15px;
  background-color: #dadada;
}

.welcome-heading {
  color: #fff;
  text-align: center;
}

.welcome-paragraph {
  color: #6b6b6b;
  font-size: 21px;
}

.welcome-subheading {
  margin-top: 12px;
  margin-bottom: 12px;
  color: #6b6b6b;
  font-size: 25px;
}

.full-width-button {
  width: 100%;
  margin: 11px 2px 0px;
  border-radius: 8px;
  background-image: -webkit-linear-gradient(270deg, #316bff, #316bff);
  background-image: linear-gradient(180deg, #316bff, #316bff);
  text-align: center;
}

.account-type-buttons {
  width: 100%;
}

.provider-login-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 40vw;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.provider-form-container {
  padding: 20px 20px 9px;
  border-style: none;
  border-color: #000;
  border-radius: 15px;
  background-color: #dadada;
}

.provider-form-label {
  margin-bottom: 6px;
  color: #6b6b6b;
  font-weight: 400;
}

.provider-text-input {
  margin-bottom: 8px;
}

.checkbox-field {
  margin-top: 6px;
  margin-bottom: 0px;
}

.provider-align-right {
  width: 100%;
  float: none;
}

.provider-create-button {
  float: right;
  border-style: none;
  border-radius: 8px;
  background-image: -webkit-linear-gradient(270deg, #456aff, #456aff);
  background-image: linear-gradient(180deg, #456aff, #456aff);
}

.provider-large-subtitle {
  color: #6b6b6b;
  font-size: 18px;
}

.provider-login-backdrop {
  position: fixed;
  display: none;
  width: 100vw;
  height: 100vh;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: rgba(0, 0, 0, .51);
}

.provider-login-modal {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 50vw;
  padding: 15px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  border-radius: 8px;
  background-image: -webkit-linear-gradient(270deg, #dadada, #dadada);
  background-image: linear-gradient(180deg, #dadada, #dadada);
}

.form-block {
  width: 100%;
}

.login-modal-heading {
  width: 100%;
  margin-top: 0px;
  margin-bottom: 0px;
}

.form {
  margin: 6px 6px -19px;
}

.provider-login-modal-header {
  position: relative;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  display: block;
  width: 100%;
  float: none;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.provider-close-button {
  position: static;
  left: 10px;
  top: -8px;
  float: none;
  border: 2px solid #316bff;
  border-radius: 8px;
  background-color: transparent;
  color: #316bff;
}

.provider-close-button:hover {
  background-color: #fff;
}

.provider-terms-backdrop {
  position: fixed;
  display: none;
  width: 100vw;
  height: 100vh;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: rgba(0, 0, 0, .51);
}

.provider-terms-modal {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 50vw;
  padding: 15px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  border-radius: 8px;
  background-image: -webkit-linear-gradient(270deg, #dadada, #dadada);
  background-image: linear-gradient(180deg, #dadada, #dadada);
}

.provider-terms-heading {
  position: relative;
  left: -33px;
  width: 80%;
  margin-top: 0px;
  margin-bottom: 0px;
}

.provider-terms {
  margin-bottom: 0px;
}

.text-span {
  font-weight: 400;
}

.provider-terms-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin-left: 0px;
  padding-left: 0px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.provider-terms-close-button {
  position: static;
  float: right;
  border: 2px solid #316bff;
  border-radius: 8px;
  background-color: transparent;
  color: #316bff;
}

.provider-terms-close-button:hover {
  background-color: #fff;
}

.farmer-login-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 40vw;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.farmer-form-container {
  padding: 20px 20px 0px;
  border-style: none;
  border-color: #000;
  border-radius: 15px;
  background-color: #dadada;
}

.farmer-form-label {
  color: #6b6b6b;
  font-weight: 400;
}

.email-form-label {
  margin-bottom: 6px;
  color: #6b6b6b;
  font-weight: 400;
}

.provider-login-form-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.farmer-login-backdrop {
  position: fixed;
  display: none;
  width: 100vw;
  height: 100vh;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: rgba(0, 0, 0, .51);
}

.farmer-login-modal {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 50vw;
  padding: 15px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  border-radius: 8px;
  background-image: -webkit-linear-gradient(270deg, #dadada, #dadada);
  background-image: linear-gradient(180deg, #dadada, #dadada);
}

.farmer-login-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.link {
  color: blue;
}

.link-2 {
  color: blue;
}

.farmer-dashboard-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-height: 25vh;
  padding: 6px 10px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  background-image: -webkit-linear-gradient(270deg, #316bff, #261cdd);
  background-image: linear-gradient(180deg, #316bff, #261cdd);
}

.farmer-dashboard-title {
  width: 100%;
}

.farmer-dashboard-heading {
  width: 100%;
  margin-top: 6px;
  margin-bottom: 6px;
  color: #fff;
  font-weight: 400;
}

.farmer-dashboard-navbar {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  min-height: 15vh;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.farmer-action-button {
  height: 100%;
  max-width: 25%;
  min-width: 400px;
  margin-right: 5px;
  margin-left: 5px;
  padding: 5px 10px;
  background-color: #fff;
  color: #000;
}

.farmer-action-button-heading {
  width: 100%;
  margin-top: 0px;
  margin-bottom: 0px;
}

.action-button {
  display: block;
  width: 25%;
  margin: 4px;
  padding: 12px 8px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #fff;
}

.action-button:hover {
  box-shadow: inset 0 0 8px 0 #231ccd;
}

.team-member-header {
  border-bottom: 1px dashed #fff;
}

.farmer-team-area {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100vw;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-align-content: flex-start;
  -ms-flex-line-pack: start;
  align-content: flex-start;
}

.body {
  background-color: #e9e9e9;
}

.team-card {
  display: block;
  width: 33.3%;
  height: 100%;
  padding: 20px;
}

.team-card-interior {
  width: 100%;
  height: 100%;
  border-radius: 8px;
  background-color: #fff;
}

.farmer-team-cards {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding-right: 14px;
  padding-left: 14px;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.div-block {
  width: 33.3%;
}

.farmer-team-card {
  width: 33.3%;
  padding: 14px;
}

.farmer-team-card-interior {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 100%;
  height: 100%;
  padding: 0px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  border-radius: 8px;
  background-color: #fff;
}

.farmer-team-member-name {
  width: auto;
  margin-top: 10px;
  margin-bottom: 0px;
  margin-left: 4px;
}

.farmer-team-member-bold-subtitle {
  width: 100%;
  font-size: 17px;
  font-weight: 700;
}

.farm-team-member-thin-subtitle {
  width: 100%;
  padding-left: 16px;
}

.farmer-team-card-top {
  width: 100%;
  height: 100%;
  padding-top: 3px;
  padding-bottom: 6px;
  padding-left: 11px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
}

.farmer-team-card-bottom {
  position: static;
  left: 0px;
  right: 0px;
  bottom: 0px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: visible;
  width: 100%;
  padding-top: 14px;
  padding-bottom: 14px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: -webkit-linear-gradient(180deg, #231cdd, #316bff), -webkit-linear-gradient(270deg, #231cdd, #231cdd);
  background-image: linear-gradient(270deg, #231cdd, #316bff), linear-gradient(180deg, #231cdd, #231cdd);
}

.farmer-inverted-button {
  position: relative;
  top: 0px;
  min-width: 20%;
  margin-right: 6px;
  margin-left: 6px;
  float: right;
  border: 2px solid #fff;
  border-radius: 8px;
  background-color: transparent;
  color: #fff;
  text-align: center;
}

.farmer-inverted-button:hover {
  background-color: #fff;
  color: #316bff;
}

.provider-logout-button {
  position: absolute;
  top: 13px;
  right: 0px;
  min-width: 5%;
  margin-right: 6px;
  margin-left: 6px;
  float: right;
  border: 2px solid #fff;
  border-radius: 8px;
  background-color: transparent;
  color: #fff;
  text-align: center;
}

.provider-logout-button:hover {
  background-color: #fff;
  color: #316bff;
}

.farmer-logout-button {
  position: absolute;
  top: 13px;
  right: 0px;
  min-width: 5%;
  margin-right: 6px;
  margin-left: 6px;
  float: right;
  border: 2px solid #fff;
  border-radius: 8px;
  background-color: transparent;
  color: #fff;
  text-align: center;
}

.farmer-logout-button:hover {
  background-color: #fff;
  color: #316bff;
}

.option-form-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 20vh;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 7px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  background-image: -webkit-linear-gradient(270deg, #316bff, #231cdd);
  background-image: linear-gradient(180deg, #316bff, #231cdd);
}

.heading {
  margin-top: 0px;
}

.option-form-title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-right: 13px;
  padding-left: 0px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.option-form-title-header {
  width: 80%;
  color: #fff;
  font-weight: 400;
}

.option-form-back-button {
  width: 10%;
  border: 2px solid #fff;
  border-radius: 8px;
  background-color: transparent;
  color: #fff;
  text-align: center;
}

.course-form-area {
  min-height: 80vh;
  padding: 20px 25px 57px;
  background-color: #e9e9e9;
}

.disr-choices {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 8vh;
  margin-bottom: 12px;
}

.disr-option-card {
  width: 100%;
  padding-right: 5px;
  padding-bottom: 0px;
  padding-left: 5px;
}

.disr-option-interior {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 8px;
  background-color: #fff;
}

.disr-checkbox {
  display: block;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
}

.region-choices {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 25vh;
  margin-bottom: 12px;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.region-option-card {
  width: 25%;
  padding: 5px;
}

.region-option-interior {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  padding-left: 19px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 8px;
  background-color: #fff;
}

.content-area {
  padding-top: 9px;
  padding-bottom: 9px;
}

.content-label {
  width: 100%;
  margin-bottom: 10px;
  font-size: 30px;
}

.disr-area {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin-bottom: 6px;
  padding: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  box-shadow: 1px 1px 3px 0 #000;
}

.select-field {
  width: 100%;
  margin-top: 6px;
  margin-bottom: 6px;
}

.subarea-area {
  display: none;
  width: 100%;
  padding: 8px 7px;
  float: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  border-radius: 8px;
  background-color: #fff;
}

.field-label {
  width: 100%;
}

.half-container {
  width: 100%;
  float: left;
}

.app {
  width: 100vw;
  min-height: 100vh;
  padding: 59px 70px 21px;
  background-image: -webkit-linear-gradient(270deg, #316bff, #231cdd);
  background-image: linear-gradient(180deg, #316bff, #231cdd);
}

.employee-responsibilities {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 15px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  box-shadow: 1px 1px 3px 0 #000;
}

.employee-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.employee-heading {
  width: 100%;
  color: #fff;
  font-weight: 400;
}

.employee-form-back {
  position: static;
  left: 0px;
  top: 0px;
  right: 0px;
  min-width: 5%;
  margin-right: 6px;
  margin-left: 6px;
  float: right;
  border: 2px solid #fff;
  border-radius: 8px;
  background-color: transparent;
  color: #fff;
  text-align: center;
}

.employee-form-back:hover {
  background-color: #fff;
  color: #316bff;
}

.employee-form-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  min-height: 200px;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  background-color: hsla(0, 0%, 100%, .85);
}

.employee-form {
  padding: 10px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.heading-2 {
  width: 100%;
}

.disr-areas {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.performance-review-app {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100vw;
  min-height: 100vh;
  padding: 61px 150px 16px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: -webkit-linear-gradient(270deg, #316bff, #231cdd);
  background-image: linear-gradient(180deg, #316bff, #231cdd);
}

.review-area {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  padding-top: 19px;
  padding-bottom: 19px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border-radius: 8px;
  background-color: #cee0f8;
}

.review-header {
  margin-top: -13px;
  padding-right: 187px;
  padding-left: 187px;
  text-align: center;
}

.review-header-heading {
  width: 100%;
  margin-top: 0px;
  color: #fff;
  text-align: center;
}

.review-top-buttons {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 8px;
  margin-bottom: 8px;
  padding-right: 84px;
  padding-left: 84px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.review-top-button {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 10%;
  margin-right: 4px;
  margin-left: 4px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border: 2px solid #316bff;
  border-radius: 8px;
  background-color: #316bff;
  text-align: center;
}

.question-areas {
  padding-right: 84px;
  padding-left: 84px;
}

.text-block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin-bottom: -40px;
  padding-top: 0px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 36px;
  font-weight: 700;
  text-align: center;
}

.question-block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 16px;
  margin-bottom: 16px;
  padding: 16px 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  border-radius: 8px;
  background-color: #fff;
}

.review-centered-label-bold {
  margin-bottom: 3px;
  font-size: 18px;
  text-align: center;
}

.review-centered-label {
  margin-bottom: 8px;
  padding: 4px;
  border-radius: 8px;
  background-color: #e6e6e6;
  font-size: 18px;
  font-weight: 400;
  text-align: center;
}

.review-centered-button {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.review-button {
  min-width: 10%;
  margin-right: 4px;
  margin-left: 4px;
  border: 2px solid #316bff;
  border-radius: 8px;
  background-color: #316bff;
  text-align: center;
}

.review-logout-button {
  position: fixed;
  top: 6px;
  right: 10px;
  border: 2px solid #fff;
  border-radius: 8px;
  background-color: transparent;
}

.review-logout-button:hover {
  border-color: #456aff;
  background-color: #fff;
  color: #456aff;
}

.results-page {
  width: 100vw;
  min-height: 100vh;
  padding-top: 74px;
  padding-right: 70px;
  padding-left: 70px;
  background-image: -webkit-linear-gradient(270deg, #316bff, #231cdd);
  background-image: linear-gradient(180deg, #316bff, #231cdd);
}

.results-app {
  width: 100%;
  padding-bottom: 51px;
}

.results-header {
  padding-bottom: 16px;
}

.results-employee-name {
  color: #fff;
}

.spider-graph-buttons {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 9px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  background-color: transparent;
}

.results-button {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 3px 4px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border: 2px solid #4076ff;
  border-radius: 8px;
  background-color: rgba(49, 107, 255, .45);
  background-image: -webkit-linear-gradient(180deg, #316bff, #231cdd);
  background-image: linear-gradient(270deg, #316bff, #231cdd);
  text-align: center;
}

.results-button:hover {
  border-color: #fff;
  background-image: -webkit-linear-gradient(180deg, #231cdd, #316bff);
  background-image: linear-gradient(270deg, #231cdd, #316bff);
}

.chart-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 60vh;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.html-embed {
  width: 60%;
  height: 100%;
  margin: 4px;
  border-radius: 8px;
  background-color: #fff;
}

.results-question-cards {
  padding-bottom: 16px;
  border-radius: 8px;
  background-color: #fff;
}

.results-questions-header {
  padding-top: 11px;
  padding-bottom: 11px;
}

.results-current-area {
  width: 100%;
  color: #000;
  text-align: center;
}

.results-card-container {
  padding-right: 40px;
  padding-left: 40px;
}

.results-card-section {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.results-card {
  width: 33.3%;
}

.results-question-card {
  width: 33.3%;
  min-height: 45vh;
  padding: 22px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
  border: 1px none #fff;
}

.results-question-interior {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  padding-right: 14px;
  padding-left: 14px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  border-radius: 8px;
  background-color: #e6e6e6;
}

.heading-3 {
  width: 100%;
  margin-top: 10px;
  margin-bottom: 5px;
  font-size: 18px;
  font-weight: 400;
  text-align: center;
}

.results-q-description {
  width: 100%;
  margin-bottom: 5px;
  padding: 9px 16px;
  border-radius: 8px;
  background-color: #fff;
  font-size: 18px;
}

.text-block-2 {
  font-size: 18px;
  text-align: center;
}

.results-ratings {
  margin-top: 6px;
  margin-bottom: 6px;
  padding: 4px;
  border: 1px solid #316bff;
  border-radius: 4px;
  font-size: 19px;
}

.bold-results-card-subtitle {
  width: 100%;
  margin-top: 6px;
  margin-bottom: 6px;
  font-size: 19px;
  font-weight: 700;
  text-align: center;
}

.employee-submit-button {
  min-width: 10%;
  margin: 10px;
  border: 2px solid #316bff;
  border-radius: 8px;
  background-color: #316bff;
  background-image: -webkit-linear-gradient(270deg, #000, #fff);
  background-image: linear-gradient(180deg, #000, #fff);
  text-align: center;
}

.employee-form-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.login-error-message {
  display: none;
  color: red;
  font-size: 16px;
  font-weight: 400;
  text-align: center;
}

.button {
  margin-left: 7px;
}

.recommendation-div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 38%;
  height: 100%;
  margin: 4px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  border-radius: 8px;
  background-color: hsla(0, 0%, 100%, .5);
}

.recommendation-background-div {
  width: 100%;
  height: 100%;
  padding: 8px;
  border-radius: 8px;
  background-color: hsla(0, 0%, 100%, .5);
  background-image: -webkit-linear-gradient(270deg, hsla(0, 0%, 100%, .5) 80%, #fff);
  background-image: linear-gradient(180deg, hsla(0, 0%, 100%, .5) 80%, #fff);
}

.recommendation-header {
  height: 9%;
  margin-top: 0px;
  margin-bottom: 0px;
  color: #000;
  text-align: center;
}

.single-option-recommendation-div {
  display: block;
  width: 100%;
  height: auto;
  margin-top: 4px;
  margin-bottom: 4px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #fff;
}

.button-2 {
  position: relative;
  top: 4px;
  right: 4px;
  padding: 4px 16px;
  float: right;
  border-radius: 8px;
  background-color: #2a6f9e;
}

.add-recommendation-button {
  position: relative;
  top: 4px;
  right: 4px;
  display: block;
  padding: 4px 16px;
  float: right;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  border: 1px solid #4076ff;
  border-radius: 8px;
  background-color: transparent;
  background-image: -webkit-linear-gradient(0deg, #316bff, #231cdd);
  background-image: linear-gradient(90deg, #316bff, #231cdd);
}

.add-recommendation-button:hover {
  border: 1px solid #231cdd;
  background-image: -webkit-linear-gradient(270deg, #fff, #fff);
  background-image: linear-gradient(180deg, #fff, #fff);
  color: #231cdd;
}

.more-info-recommendation-button {
  position: static;
  top: -4px;
  right: 4px;
  width: 100%;
  padding: 4px 16px;
  float: right;
  border-radius: 8px;
  background-color: transparent;
  background-image: -webkit-linear-gradient(0deg, rgba(49, 107, 255, .5), rgba(35, 28, 221, .5));
  background-image: linear-gradient(90deg, rgba(49, 107, 255, .5), rgba(35, 28, 221, .5));
}

.more-info-recommendation-button:hover {
  background-image: -webkit-linear-gradient(0deg, #316bff, #231cdd);
  background-image: linear-gradient(90deg, #316bff, #231cdd);
}

.name-of-single-option-header {
  width: 100%;
  margin-top: 4px;
  margin-bottom: 0px;
  margin-left: 8px;
  color: #000;
}

.single-option-name-add-div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.start-of-single-option-header {
  width: 30%;
  margin-top: 4px;
  margin-bottom: 0px;
  margin-left: 8px;
  font-size: 16px;
  font-weight: 400;
}

.single-option-location-div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.location-of-single-option-header {
  width: 72%;
  margin: 0px 4px;
  padding-bottom: 0px;
  font-size: 16px;
  font-weight: 400;
  text-align: center;
}

.end-of-single-option-header {
  width: 30%;
  margin-top: 4px;
  margin-bottom: 0px;
  margin-left: 8px;
  font-size: 16px;
  font-weight: 400;
}

.cost-of-single-option-header {
  width: 30%;
  max-width: 30%;
  margin-top: 4px;
  margin-bottom: 0px;
  margin-left: 8px;
  font-size: 16px;
  font-weight: 400;
  text-align: center;
}

.single-option-summary-div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 100%;
  height: 50px;
}

.summaryof-single-option-text {
  overflow: hidden;
  width: 100%;
  margin: 4px 8px 0px;
  padding: 4px;
  border-radius: 4px;
  background-color: #d3d3d3;
  font-size: 12px;
  font-weight: 400;
  text-align: left;
}

.single-option-more-info-div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 27%;
  height: 8px;
  padding-top: 2px;
  padding-right: 4px;
  padding-bottom: 0px;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  text-align: center;
}

.recommendation-scroll-div {
  overflow: scroll;
  height: 90%;
}

.summary-more-info-flex-div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.recommendation-background-div-copy {
  width: 100%;
  height: 100%;
  padding: 8px;
  border-radius: 8px;
  background-color: hsla(0, 0%, 100%, .5);
  background-image: -webkit-linear-gradient(270deg, hsla(0, 0%, 100%, .5) 80%, #fff);
  background-image: linear-gradient(180deg, hsla(0, 0%, 100%, .5) 80%, #fff);
}

.action-list-background-div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  margin-top: 8px;
  margin-bottom: 8px;
  padding: 8px;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  border-radius: 8px;
  background-color: hsla(0, 0%, 100%, .5);
  background-image: -webkit-linear-gradient(270deg, hsla(0, 0%, 100%, .5) 80%, #fff);
  background-image: linear-gradient(180deg, hsla(0, 0%, 100%, .5) 80%, #fff);
}

.action-list-header {
  width: 100%;
  height: 9%;
  margin-top: 0px;
  margin-bottom: 0px;
  color: #000;
  text-align: center;
}

.action-listscroll-div {
  overflow: scroll;
  height: 90%;
}

.single-option-name-add-div-copy {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.action-list-remove-button {
  position: relative;
  top: 4px;
  right: 4px;
  display: block;
  padding: 4px 16px;
  float: right;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  border: 1px solid #4076ff;
  border-radius: 8px;
  background-color: transparent;
  background-image: -webkit-linear-gradient(0deg, #316bff, #231cdd);
  background-image: linear-gradient(90deg, #316bff, #231cdd);
}

.action-list-remove-button:hover {
  border: 1px solid #231cdd;
  background-image: -webkit-linear-gradient(270deg, #fff, #fff);
  background-image: linear-gradient(180deg, #fff, #fff);
  color: #231cdd;
}

.disr-subarea-choices {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 50%;
  height: 40vh;
  margin-bottom: 12px;
  float: left;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.heading-4 {
  width: 100%;
  margin-top: 5px;
}

.disr-subarea-explain {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 50%;
  height: 40vh;
  margin-bottom: 12px;
  float: left;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.tabs {
  width: 100%;
  border-radius: 8px;
}

.subarea-option-card {
  width: 100%;
  padding: 5px;
}

.subarea-option-interior {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  padding-left: 19px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 8px;
  background-color: #fff;
}

.farmer-back-button {
  position: absolute;
  top: 13px;
  right: 0px;
  min-width: 5%;
  margin-right: 6px;
  margin-left: 6px;
  float: right;
  border: 2px solid #fff;
  border-radius: 8px;
  background-color: transparent;
  color: #fff;
  text-align: center;
}

.farmer-back-button:hover {
  background-color: #fff;
  color: #316bff;
}

.actions-heading-div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 8px;
  padding-bottom: 8px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
}

.actions-body-div {
  overflow: scroll;
  height: 100%;
}

.actions-card-div {
  width: 50%;
  height: 33%;
  padding: 8px 16px;
}

.actions-card-interior-div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  padding: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  border-radius: 8px;
  background-color: #fff;
}

.action-name-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 0px;
  margin-bottom: 4px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.start {
  text-align: center;
}

.action-logistics-div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.cost {
  text-align: center;
}

.end {
  text-align: center;
}

.action-summary-text {
  padding: 4px 16px;
  border-radius: 8px;
  background-color: #e6e6e6;
}

.row {
  margin-top: 0px;
  margin-bottom: 0px;
}

.text-block-3 {
  width: 100%;
  height: 100%;
  margin-top: 8px;
  margin-bottom: 8px;
  font-size: 16px;
  text-align: center;
}

.ia-option-sum-start-text {
  font-size: 16px;
}

.text-block-5 {
  font-size: 16px;
}

.text-block-6 {
  font-size: 16px;
}

.button-3 {
  float: right;
}

.ia-option-sum-heading {
  margin-top: 0px;
  margin-bottom: 0px;
}

.action-list-more-info-button {
  position: static;
  top: 4px;
  right: 4px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-right: 4px;
  margin-left: 4px;
  padding: 4px 16px;
  float: right;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid #4076ff;
  border-radius: 8px;
  background-color: transparent;
  background-image: -webkit-linear-gradient(270deg, hsla(0, 0%, 100%, .5), hsla(0, 0%, 100%, .5)), -webkit-linear-gradient(0deg, #316bff, #231cdd);
  background-image: linear-gradient(180deg, hsla(0, 0%, 100%, .5), hsla(0, 0%, 100%, .5)), linear-gradient(90deg, #316bff, #231cdd);
  text-align: center;
}

.action-list-more-info-button:hover {
  border: 1px solid #231cdd;
  background-image: -webkit-linear-gradient(270deg, #fff, #fff);
  background-image: linear-gradient(180deg, #fff, #fff);
  color: #231cdd;
}

.action-list-add-button {
  position: static;
  top: 4px;
  right: 4px;
  display: block;
  margin-right: 4px;
  margin-left: 4px;
  padding: 0px 16px;
  float: right;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  border: 1px solid #4076ff;
  border-radius: 8px;
  background-color: transparent;
  background-image: -webkit-linear-gradient(0deg, #316bff, #231cdd);
  background-image: linear-gradient(90deg, #316bff, #231cdd);
}

.action-list-add-button:hover {
  border: 1px solid #231cdd;
  background-image: -webkit-linear-gradient(270deg, #fff, #fff);
  background-image: linear-gradient(180deg, #fff, #fff);
  color: #231cdd;
}

.action-list-ad-button {
  position: static;
  top: 4px;
  right: 4px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-right: 4px;
  margin-left: 4px;
  padding: 4px 16px;
  float: right;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid #4076ff;
  border-radius: 8px;
  background-color: transparent;
  background-image: -webkit-linear-gradient(0deg, #316bff, #231cdd);
  background-image: linear-gradient(90deg, #316bff, #231cdd);
  text-align: center;
}

.action-list-ad-button:hover {
  border: 1px solid #231cdd;
  background-image: -webkit-linear-gradient(270deg, #fff, #fff);
  background-image: linear-gradient(180deg, #fff, #fff);
  color: #231cdd;
}

.action-list-remove-button-v2 {
  position: static;
  top: 4px;
  right: 4px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-right: 4px;
  margin-left: 4px;
  padding: 4px 16px;
  float: right;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid #4076ff;
  border-radius: 8px;
  background-color: transparent;
  background-image: -webkit-linear-gradient(0deg, #316bff, #231cdd);
  background-image: linear-gradient(90deg, #316bff, #231cdd);
  text-align: center;
}

.action-list-remove-button-v2:hover {
  border: 1px solid #231cdd;
  background-image: -webkit-linear-gradient(270deg, #fff, #fff);
  background-image: linear-gradient(180deg, #fff, #fff);
  color: #231cdd;
}

.potential-actions-card-div-copy {
  width: 100%;
  padding: 8px 16px;
}

.heading-6 {
  width: 100%;
  max-height: 100%;
  color: #000;
}

.pr-back-button {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: auto;
  margin: 3px 4px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border: 2px solid #4076ff;
  border-radius: 8px;
  background-color: rgba(49, 107, 255, .45);
  background-image: -webkit-linear-gradient(180deg, #316bff, #231cdd);
  background-image: linear-gradient(270deg, #316bff, #231cdd);
  text-align: center;
}

.pr-back-button:hover {
  border-color: #fff;
  background-image: -webkit-linear-gradient(180deg, #231cdd, #316bff);
  background-image: linear-gradient(270deg, #231cdd, #316bff);
}

.pr-skip-question-button {
  min-width: 10%;
  margin-right: 4px;
  margin-left: 4px;
  border: 2px solid #316bff;
  border-radius: 8px;
  background-color: #316bff;
  background-image: -webkit-linear-gradient(180deg, #316bff, #231cdd);
  background-image: linear-gradient(270deg, #316bff, #231cdd);
  text-align: center;
}

.pr-skip-question-button:hover {
  background-image: -webkit-linear-gradient(180deg, #231cdd, #316bff);
  background-image: linear-gradient(270deg, #231cdd, #316bff);
}

.pr-next-area-button {
  min-width: 10%;
  margin-right: 4px;
  margin-left: 4px;
  border: 2px solid #316bff;
  border-radius: 8px;
  background-color: #316bff;
  background-image: -webkit-linear-gradient(180deg, #316bff, #231cdd);
  background-image: linear-gradient(270deg, #316bff, #231cdd);
  text-align: center;
}

.pr-next-area-button:hover {
  background-image: -webkit-linear-gradient(180deg, #231cdd, #316bff);
  background-image: linear-gradient(270deg, #231cdd, #316bff);
}

.pr-skip-section-button {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: auto;
  margin: 3px 4px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border: 2px solid #4076ff;
  border-radius: 8px;
  background-color: rgba(49, 107, 255, .45);
  background-image: -webkit-linear-gradient(180deg, #316bff, #231cdd);
  background-image: linear-gradient(270deg, #316bff, #231cdd);
  text-align: center;
}

.pr-skip-section-button:hover {
  border-color: #fff;
  background-image: -webkit-linear-gradient(180deg, #231cdd, #316bff);
  background-image: linear-gradient(270deg, #231cdd, #316bff);
}

.form-3 {
  width: 100%;
}

.details-div {
  width: 100%;
  padding: 8px;
}

.form-4 {
  width: 100%;
}

.disr-area-header {
  width: 100%;
}

.subarea-info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

.details-tabs-container {
  display: none;
  overflow: scroll;
  width: 100%;
  padding-right: 8px;
  padding-left: 8px;
}

.select-field-2 {
  width: 100%;
}

.field-label-2 {
  width: 100%;
}

.fd-backdrop-loading {
  position: fixed;
  z-index: 10;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100vw;
  height: 100vh;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, .5));
  background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, .5));
}

.fd-modal {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: auto;
  max-width: 50%;
  padding: 16px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  border-radius: 8px;
  background-color: #e9e9e9;
}

.heading-7 {
  text-align: right;
}

.text-span-2 {
  color: red;
}

.paragraph {
  display: none;
  font-size: 16px;
}

.fd-options-modal {
  width: auto;
  max-width: 50%;
  padding: 16px;
  border-radius: 8px;
  background-color: #e9e9e9;
}

.div-block-2 {
  text-align: right;
}

.div-block-3 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.div-block-4 {
  width: 100%;
  padding-top: 4px;
  padding-bottom: 4px;
  text-align: center;
}

.div-block-5 {
  margin-top: -64px;
  padding-top: 0px;
  padding-right: 76px;
  padding-left: 76px;
  text-align: center;
}

.modal-close-button {
  position: relative;
  bottom: -5px;
  display: block;
  margin-top: -25px;
  margin-right: -25px;
  float: right;
  border: 2px solid #456aff;
  border-radius: 8px;
  background-color: transparent;
  color: #456aff;
}

.modal-close-button:hover {
  position: relative;
  top: 0px;
  right: 0px;
  display: block;
  margin-top: -25px;
  margin-right: -25px;
  border-width: 2px;
  border-color: #456aff;
  background-image: -webkit-linear-gradient(270deg, #fff, #fff);
  background-image: linear-gradient(180deg, #fff, #fff);
  color: #456aff;
}

.modal-pr-options-button {
  min-width: 10%;
  margin-right: 4px;
  margin-left: 4px;
  border: 2px solid #316bff;
  border-radius: 8px;
  background-color: #316bff;
  background-image: -webkit-linear-gradient(180deg, #316bff, #231cdd);
  background-image: linear-gradient(270deg, #316bff, #231cdd);
  text-align: center;
}

.modal-pr-options-button:hover {
  background-image: -webkit-linear-gradient(180deg, #231cdd, #316bff);
  background-image: linear-gradient(270deg, #231cdd, #316bff);
}

.fd-backdrop-pr-options {
  position: fixed;
  z-index: 10;
  display: none;
  width: 100vw;
  height: 100vh;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, .5));
  background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, .5));
}

.fd-backdrop-rusure {
  position: fixed;
  z-index: 10;
  display: none;
  width: 100vw;
  height: 100vh;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, .5));
  background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, .5));
}

.div-block-6 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
}

.modal-remove-button {
  max-width: 50%;
  margin-right: 4px;
  margin-left: 17px;
  border: 2px solid #a81a42;
  border-radius: 8px;
  background-color: #316bff;
  background-image: -webkit-linear-gradient(0deg, #ff3131, #a81a42);
  background-image: linear-gradient(90deg, #ff3131, #a81a42);
  text-align: center;
}

.modal-remove-button:hover {
  background-image: -webkit-linear-gradient(0deg, #a81a42, #ff3131);
  background-image: linear-gradient(90deg, #a81a42, #ff3131);
}

.heading-8 {
  max-width: 70%;
  margin-top: 0px;
}

.div-block-7 {
  margin-top: -50px;
}

.ir-backdrop-data-permissions {
  position: fixed;
  z-index: 10;
  display: none;
  width: 100vw;
  height: 100vh;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, .5));
  background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, .5));
}

.paragraph-2 {
  margin-top: 16px;
  font-size: 24px;
  text-align: center;
}

.div-block-6757 {
  margin-top: 0px;
  padding-top: 0px;
  padding-right: 76px;
  padding-left: 76px;
  text-align: center;
}

.text-block-7 {
  color: red;
  text-align: center;
}

.ef-backdrop-loading {
  position: fixed;
  z-index: 10;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100vw;
  height: 100vh;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, .5));
  background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, .5));
}

.text-block-8 {
  margin-bottom: 5px;
}

.fd-backdrop-email {
  position: fixed;
  z-index: 10;
  display: none;
  width: 100vw;
  height: 100vh;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, .5));
  background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, .5));
}

.email-paragraph {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 16px;
}

.fd-email-modal {
  width: auto;
  max-width: 50%;
  min-width: 40vw;
  padding: 16px;
  border-radius: 8px;
  background-color: #e9e9e9;
}

.email-modal-contents {
  position: relative;
  top: -7px;
  width: 80%;
}

.button-4 {
  position: relative;
  float: right;
}

.email-close-button {
  position: relative;
  top: 16px;
  right: 13px;
  bottom: -5px;
  display: block;
  margin-top: -25px;
  margin-right: -25px;
  float: right;
  border: 2px solid #456aff;
  border-radius: 8px;
  background-color: transparent;
  color: #456aff;
}

.email-close-button:hover {
  position: static;
  top: 0px;
  right: 0px;
  display: block;
  margin-top: -25px;
  margin-right: -25px;
  border-width: 2px;
  border-color: #456aff;
  background-image: -webkit-linear-gradient(270deg, #fff, #fff);
  background-image: linear-gradient(180deg, #fff, #fff);
  color: #456aff;
}

.pr-backdrop-loading {
  position: fixed;
  z-index: 10;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100vw;
  height: 100vh;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, .78), rgba(0, 0, 0, .78));
  background-image: linear-gradient(180deg, rgba(0, 0, 0, .78), rgba(0, 0, 0, .78));
}

.ir-backdrop-loading {
  position: fixed;
  z-index: 10;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100vw;
  height: 100vh;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, .5));
  background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, .5));
}

.rich-text-block {
  overflow: scroll;
  max-height: 35vh;
  padding: 8px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  line-height: 13px;
}

.tab-pane {
  height: 100%;
}

.feed-textbox {
  overflow: scroll;
  width: 100%;
  height: 100%;
  max-height: 36vh;
  line-height: 13px;
}

.rich-text-block-2 {
  overflow: scroll;
}

.env-textbox {
  overflow: scroll;
  width: 100%;
  height: 100%;
  max-height: 60vh;
  line-height: 13px;
}

.strat-textbox {
  overflow: scroll;
  width: 100%;
  height: 100%;
  line-height: 13px;
}

.rich-text-block-3 {
  overflow: scroll;
  max-height: 30vh;
}

.rich-text-block-4 {
  overflow: scroll;
  max-height: 35vh;
}

.rich-text-block-5 {
  overflow: scroll;
  max-height: 35vh;
}

.rich-text-block-6 {
  overflow: scroll;
  max-height: 60vh;
}

.rich-text-block-7 {
  overflow: scroll;
  max-height: 45vh;
}

.rich-text-block-8 {
  overflow: scroll;
  max-height: 35vh;
}

.rich-text-block-9 {
  overflow: scroll;
  max-height: 30vh;
}

.rich-text-block-10 {
  overflow: scroll;
  max-height: 60vh;
}

.rich-text-block-11 {
  overflow: scroll;
  max-height: 35vh;
}

.rich-text-block-12 {
  overflow: scroll;
  max-height: 35vh;
}

.rich-text-block-13 {
  overflow: scroll;
  max-height: 35vh;
}

.rich-text-block-14 {
  overflow: scroll;
  max-height: 42vh;
}

.animals-textbox {
  overflow: scroll;
  max-height: 28vh;
  line-height: 13px;
}

.feed-textboxx {
  overflow: scroll;
  max-height: 35vh;
  line-height: 13px;
}

.milking-textbox {
  overflow: scroll;
  max-height: 35vh;
  line-height: 13px;
}

.env-textboxx {
  overflow: scroll;
  max-height: 60vh;
  line-height: 13px;
}

.strat-textboxx {
  overflow: scroll;
  max-height: 43vh;
  line-height: 13px;
}

.mech-textbox {
  overflow: scroll;
  max-height: 35vh;
  line-height: 13px;
}

.return-to-dashboard {
  position: absolute;
  top: 13px;
  right: 0px;
  min-width: 5%;
  margin-right: 6px;
  margin-left: 6px;
  float: right;
  border: 2px solid #fff;
  border-radius: 8px;
  background-color: transparent;
  color: #fff;
  text-align: center;
}

.return-to-dashboard:hover {
  background-color: #fff;
  color: #316bff;
}

.results-save-button {
  max-width: 40%;
  min-width: 10%;
  margin-right: 4px;
  margin-left: 4px;
  border: 2px solid #316bff;
  border-radius: 8px;
  background-color: #316bff;
  background-image: -webkit-linear-gradient(180deg, #316bff, #231cdd);
  background-image: linear-gradient(270deg, #316bff, #231cdd);
  text-align: center;
}

.results-save-button:hover {
  background-image: -webkit-linear-gradient(180deg, #231cdd, #316bff);
  background-image: linear-gradient(270deg, #231cdd, #316bff);
}

.div-block-6758 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin-bottom: 6px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.textarea {
  margin-bottom: 1px;
}

.div-block-6759 {
  width: 100%;
}

.action-list-background-div-copy {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  margin-top: 8px;
  margin-bottom: 8px;
  padding: 8px;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  border-radius: 8px;
  background-color: transparent;
}

.app-landing-page {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 16px;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  border-radius: 8px;
  background-image: -webkit-linear-gradient(270deg, #dadada, #dadada);
  background-image: linear-gradient(180deg, #dadada, #dadada);
  box-shadow: 0 0 6px 0 #000;
}

.sign-up-form {
  display: block;
  width: 100%;
  margin-bottom: 0px;
  padding: 8px 8px 0px;
  background-image: -webkit-linear-gradient(270deg, hsla(0, 0%, 85%, .5), hsla(0, 0%, 85%, .5));
  background-image: linear-gradient(180deg, hsla(0, 0%, 85%, .5), hsla(0, 0%, 85%, .5));
  text-align: center;
}

.field-label-landing-page {
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  color: #6b6b6b;
  font-weight: 400;
  text-align: left;
}

.heading-9 {
  width: 100%;
  margin-top: 0px;
  margin-bottom: 0px;
  padding: 8px 8px 8px 10px;
  color: #6b6b6b;
  font-weight: 400;
  text-align: left;
}

.landing-page-button {
  width: 100%;
  margin: 8px;
  border-radius: 8px;
  background-image: -webkit-linear-gradient(270deg, #316bff, #316bff);
  background-image: linear-gradient(180deg, #316bff, #316bff);
  text-align: center;
}

.button-gradient {
  width: 50%;
  margin: 4px;
  border-radius: 8px;
  background-image: -webkit-linear-gradient(0deg, #316bff, #231cdd 85%);
  background-image: linear-gradient(90deg, #316bff, #231cdd 85%);
  text-align: center;
}

.button-gradient:hover {
  background-image: -webkit-linear-gradient(0deg, #231cdd 49%, #316bff);
  background-image: linear-gradient(90deg, #231cdd 49%, #316bff);
}

.div-block-6760 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.link-3 {
  text-align: right;
}

.div-block-6761 {
  width: 100%;
  padding-bottom: 0px;
  text-align: right;
}

.lp-backdrop-demo {
  position: fixed;
  z-index: 10;
  display: none;
  width: 100vw;
  height: 100vh;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, .5));
  background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, .5));
}

.tab-link {
  width: 33.33333333%;
  border-top-right-radius: 8px;
  background-image: -webkit-linear-gradient(0deg, #316bff, #231cdd);
  background-image: linear-gradient(90deg, #316bff, #231cdd);
  color: #fff;
  text-align: center;
}

.tab-link:hover {
  background-image: -webkit-linear-gradient(0deg, #231cdd, #316bff);
  background-image: linear-gradient(90deg, #231cdd, #316bff);
}

.tab-link-2 {
  width: 33.33333333%;
  background-image: -webkit-linear-gradient(0deg, #316bff, #231ccd 50%, #316bff);
  background-image: linear-gradient(90deg, #316bff, #231ccd 50%, #316bff);
  color: #fff;
  text-align: center;
}

.tab-link-2:hover {
  background-image: -webkit-linear-gradient(0deg, #231ccd, #316bff 40%, #316bff 60%, #231cdd);
  background-image: linear-gradient(90deg, #231ccd, #316bff 40%, #316bff 60%, #231cdd);
}

.tab-link-2.w--current {
  width: 33.33333333%;
}

.tab-link-3 {
  width: 33.33333333%;
  background-image: -webkit-linear-gradient(0deg, #231cdd, #316bff);
  background-image: linear-gradient(90deg, #231cdd, #316bff);
  color: #fff;
  text-align: center;
}

.tab-link-3:hover {
  background-image: -webkit-linear-gradient(0deg, #316bff, #231cdd);
  background-image: linear-gradient(90deg, #316bff, #231cdd);
}

.tab-link-3.w--current {
  width: 100%;
  border-top-left-radius: 0px;
  background-image: -webkit-linear-gradient(0deg, #231ccd, #316bff);
  background-image: linear-gradient(90deg, #231ccd, #316bff);
  color: #fff;
  text-align: center;
}

.tab-link-3.w--current:hover {
  background-image: -webkit-linear-gradient(0deg, #316bff, #231ccd);
  background-image: linear-gradient(90deg, #316bff, #231ccd);
}

.tab-link-3.w--current:active {
  background-image: -webkit-linear-gradient(0deg, #231ccd, #316bff);
  background-image: linear-gradient(90deg, #231ccd, #316bff);
  box-shadow: inset 0 0 8px 0 #000;
  color: #fff;
}

.tabs-menu {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  text-align: center;
}

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

.tab-pane-2 {
  min-width: 50vh;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}

.lp-modal {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 60%;
  padding: 0px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 8px;
  background-color: #e9e9e9;
}

.tabs-2 {
  overflow: hidden;
  width: 100%;
}

.div-block-6762 {
  width: 100%;
}

.button-5 {
  width: 100%;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  background-color: #231cdd;
  text-align: center;
}

.button-5:hover {
  background-color: #fff;
  color: #231cdd;
}

.text-block-9 {
  padding-top: 30px;
  padding-bottom: 30px;
  text-align: center;
}

.paragraph-3 {
  font-size: 12px;
}

.tab-link-4 {
  max-width: 25%;
}

.tab-link-4.w--current {
  max-width: 25%;
  text-align: center;
}

.tab-link-5 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 25%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid #316bff;
  background-image: -webkit-linear-gradient(0deg, #231ccd, #316bff);
  background-image: linear-gradient(90deg, #231ccd, #316bff);
  color: #fff;
  text-align: center;
}

.tab-link-5.w--current {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid #316bff;
  background-color: #fff;
  background-image: none;
  color: #316bff;
}

.tab-link-6 {
  max-width: 25%;
}

.tab-link-7 {
  max-width: 25%;
}

.text-block-10 {
  color: #316bff;
  text-align: center;
}

.tabs-menu-2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.tabs-menu-3 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.div-block-6763 {
  text-align: center;
}

.div-block-6764 {
  width: 100%;
}

.heading-11 {
  margin-top: 0px;
  margin-bottom: 0px;
}

.heading-12 {
  font-size: 30px;
}

.farmer-faq-help-button {
  position: absolute;
  top: 13px;
  right: 0px;
  min-width: 5%;
  margin-right: 90px;
  margin-left: 6px;
  float: right;
  border: 2px solid #fff;
  border-radius: 8px;
  background-color: transparent;
  color: #fff;
  text-align: center;
}

.farmer-faq-help-button:hover {
  background-color: #fff;
  color: #316bff;
}

.fd-backdrop-checklist {
  position: fixed;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 10;
  display: none;
  width: 100vw;
  height: 100vh;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, .5));
  background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, .5));
}

.heading-13 {
  margin-top: 10px;
}

.text-block-12 {
  padding-left: 24px;
}

.text-block-13 {
  margin-top: 8px;
}

.div-block-6767 {
  margin-top: -60px;
  padding-top: 0px;
}

.div-block-6768 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  border-bottom: 1px dashed #fff;
}

.link-4 {
  color: #fff;
  text-align: right;
}

.team-member-header-in-div-wo-border {
  border-bottom: 1px none #fff;
}

.forgot-password-label {
  margin-bottom: 6px;
  color: #6b6b6b;
  font-weight: 400;
  text-align: right;
}

.ia-basic-info-div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  background-image: -webkit-linear-gradient(270deg, #316bff, #231cdd);
  background-image: linear-gradient(180deg, #316bff, #231cdd);
}

.ia-app-div {
  overflow: scroll;
  width: 100%;
  height: 80vh;
  padding-bottom: 58px;
}

.ia-list-disr-content-options-div {
  display: none;
  overflow: visible;
  width: 100%;
  height: 12vh;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #fff;
  background-image: -webkit-linear-gradient(0deg, #fff 75%, #dadada);
  background-image: linear-gradient(90deg, #fff 75%, #dadada);
}

.ia-specific-disr-content-button-div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: auto;
  height: 100%;
  padding-right: 8px;
  padding-left: 8px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.ia-specific-disr-content-button {
  border: 1px solid #231cdd;
  border-radius: 8px;
  background-image: -webkit-linear-gradient(0deg, #231cdd, #316bff);
  background-image: linear-gradient(90deg, #231cdd, #316bff);
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  font-weight: 400;
  text-align: center;
}

.ia-specific-disr-content-button:hover {
  background-color: #fff;
  background-image: none;
  color: #231cdd;
}

.ia-specific-disr-content-button:active {
  border-width: 1px;
}

.ia-dashboard-title-div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding: 0px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.heading-14 {
  color: #fff;
}

.ia-logout-button {
  position: static;
  top: 16px;
  right: 0px;
  margin-right: 0px;
  margin-left: 0px;
  float: right;
  border: 2px solid #fff;
  border-radius: 8px;
  background-color: transparent;
  color: #fff;
  text-align: center;
}

.ia-logout-button:hover {
  background-color: #fff;
  color: #316bff;
}

.ia-name-heading {
  position: static;
  left: 16px;
  top: 16px;
  display: block;
  width: 100%;
  margin-top: 0px;
  margin-bottom: 0px;
  padding: 0px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  color: #fff;
}

.ia-job-title-heading {
  margin-top: 0px;
  margin-bottom: 0px;
  padding: 8px;
  color: #fff;
  font-weight: 400;
}

.ia-location-heading {
  margin-top: 0px;
  margin-bottom: 0px;
  padding: 8px;
  color: #fff;
  font-weight: 400;
}

.ia-aprox-disr-div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.text-block-14 {
  color: #fff;
  text-align: right;
}

.link-6 {
  padding-bottom: 0px;
  color: #fff;
  text-align: right;
}

.ia-disr-heading {
  margin-top: -8px;
  margin-bottom: -16px;
  padding: 8px;
  color: #fff;
  font-weight: 400;
}

.ia-to-dodone-div {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 5vh;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 1px none #231cdd;
}

.ia-disr-content-specific-title-heading {
  margin-top: 0px;
  margin-bottom: 0px;
  padding: 8px;
  color: #000;
  font-weight: 400;
}

.ia-to-dodone-button-div {
  width: 100%;
  height: 100%;
}

.ia-to-do-button {
  width: 50%;
  margin: 0px;
  padding-bottom: 2px;
  border-bottom: 3px solid rgba(35, 28, 221, .51);
  background-color: transparent;
  color: rgba(35, 28, 221, .51);
  font-size: 20px;
  font-weight: 400;
  text-align: center;
}

.ia-to-do-button:hover {
  border-bottom-color: #231cdd;
  color: #231cdd;
  font-size: 28px;
}

.ia-done-button {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 50%;
  padding-bottom: 2px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  border-bottom: 3px solid rgba(35, 28, 221, .51);
  background-color: transparent;
  color: rgba(35, 28, 221, .51);
  font-size: 20px;
  font-weight: 400;
  text-align: center;
}

.ia-done-button:hover {
  border-bottom-color: #231cdd;
  color: #231cdd;
  font-size: 28px;
}

.ia-done-button:active {
  border-bottom-width: 3px;
}

.ia-options-list-div {
  position: static;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: visible;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.ia-options-card {
  width: 50%;
  padding: 8px;
}

.ia-options-internal-card {
  border-radius: 8px;
  background-color: #fff;
}

.ia-options-card-interior-div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  padding: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  border-radius: 8px;
  background-color: #fff;
}

.ia-options-individual-card-external {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 50%;
  padding: 16px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: transparent;
}

.ia-options-individual-card-internal {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 100%;
  height: 100%;
  margin: 0px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border: 1px solid #231cdd;
  border-radius: 8px;
  background-color: #fff;
}

.ia-option-action-buttons-div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  background-image: -webkit-linear-gradient(270deg, #316bff, #231cdd);
  background-image: linear-gradient(180deg, #316bff, #231cdd);
}

.heading-15 {
  margin-top: 0px;
  margin-bottom: 0px;
}

.ia-option-summary-information-div {
  height: 70%;
}

.ia-action-button {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 50%;
  height: 50%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: transparent;
  text-align: center;
}

.ia-action-button-top {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 50%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 2px solid #fff;
  background-color: transparent;
  text-align: center;
}

.ia-action-button-right {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 50%;
  height: 50%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-left: 1px solid #fff;
  background-color: transparent;
  text-align: center;
}

.ia-action-button-left {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 50%;
  height: 50%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-right: 1px solid #fff;
  background-color: transparent;
  text-align: center;
}

.ia-option-sum-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 0px;
  margin-bottom: 4px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.ia-option-sum-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 8px;
  margin-bottom: 8px;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.ia-option-sum-end-text {
  font-size: 16px;
}

.ia-option-sum-cost-text {
  font-size: 16px;
}

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

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

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

.ia-option-sum-text {
  padding: 4px 16px;
  border-radius: 8px;
  background-color: #e6e6e6;
}

.ia-option-sum-logistics-div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.ia-location-text {
  width: 100%;
  height: 100%;
  margin-top: 4px;
  margin-bottom: 4px;
  font-size: 16px;
  text-align: center;
}

.ia-option-card-interior-div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  border-radius: 8px;
  background-color: #fff;
}

.ia-backdrop-rusure {
  position: fixed;
  z-index: 10;
  display: none;
  width: 100vw;
  height: 100vh;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, .5));
  background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, .5));
}

.ia-modal {
  width: auto;
  max-width: 50%;
  padding: 16px;
  border-radius: 8px;
  background-color: #e9e9e9;
}

.ia-modal-remove-button {
  min-width: 10%;
  margin-right: 4px;
  margin-left: 4px;
  border: 2px solid #231cdd;
  border-radius: 8px;
  background-color: #316bff;
  background-image: -webkit-linear-gradient(0deg, #231cdd, #316bff);
  background-image: linear-gradient(90deg, #231cdd, #316bff);
  text-align: center;
}

.ia-modal-remove-button:hover {
  background-image: -webkit-linear-gradient(0deg, #316bff, #231cdd);
  background-image: linear-gradient(90deg, #316bff, #231cdd);
}

.ia-backdrop-feedback {
  position: fixed;
  z-index: 10;
  display: none;
  width: 100vw;
  height: 100vh;
  padding-right: 16px;
  padding-left: 16px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, .5));
  background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, .5));
}

.ia-backdrop-register {
  position: fixed;
  z-index: 10;
  display: none;
  width: 100vw;
  height: 100vh;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, .5));
  background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, .5));
}

.div-block-6-copy {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
}

.ia-modal-register-button {
  min-width: 10%;
  margin-right: 4px;
  margin-left: 4px;
  border: 2px solid #231cdd;
  border-radius: 8px;
  background-color: #316bff;
  background-image: -webkit-linear-gradient(0deg, #231cdd, #316bff);
  background-image: linear-gradient(90deg, #231cdd, #316bff);
  text-align: center;
}

.ia-modal-register-button:hover {
  background-image: -webkit-linear-gradient(0deg, #316bff, #231cdd);
  background-image: linear-gradient(90deg, #316bff, #231cdd);
}

.ia-feedback-question-div {
  margin: 8px;
  padding: 8px;
  border-radius: 8px;
  background-image: -webkit-linear-gradient(270deg, #dadada, #fff);
  background-image: linear-gradient(180deg, #dadada, #fff);
}

.field-label-3 {
  font-family: 'Fa 400', sans-serif;
  color: #333;
}

.ia-feedback-modal {
  padding: 16px;
  border-radius: 8px;
  background-color: #e9e9e9;
  background-image: -webkit-linear-gradient(270deg, #316bff, #231cdd);
  background-image: linear-gradient(180deg, #316bff, #231cdd);
}

.heading-8-copy {
  margin-top: 0px;
  color: #fff;
}

.ia-feedback-modal-close-button {
  position: relative;
  left: 10px;
  top: -8px;
  float: right;
  border: 2px solid #fff;
  border-radius: 8px;
  background-color: transparent;
  color: #fff;
}

.ia-feedback-modal-close-button:hover {
  border-color: #2f64fc;
  background-color: #fff;
  color: #2f62fb;
}

.ia-feedback-form-question-scroll-div {
  overflow: scroll;
  max-height: 60vh;
  margin-top: 4px;
  margin-bottom: 16px;
  padding-right: 8px;
  padding-left: 8px;
}

.ia-feedback-form-name-of-option-heading {
  margin-top: 4px;
  margin-bottom: 4px;
  color: #fff;
  text-align: center;
}

.ia-submit-feedback-button {
  border: 1px solid #fff;
  border-radius: 8px;
  background-color: transparent;
}

.ia-submit-feedback-button:hover {
  border-color: #231cdd;
  background-color: #fff;
  color: #231cdd;
}

.ed-backdrop-loading {
  position: fixed;
  z-index: 10;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100vw;
  height: 100vh;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, .5));
  background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, .5));
}

.ir-info-paragraph {
  height: 100%;
  margin-bottom: 0px;
}

.div-block-6769 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-right: 0%;
  padding-left: 0%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
}

.recommend-5s {
  margin-top: 8px;
  margin-bottom: 8px;
  font-size: 32px;
}

.text-field {
  margin-top: 6px;
  margin-bottom: 6px;
}

.ia-tab-selected {
  width: 50%;
  margin: 0px;
  padding-bottom: 2px;
  border-bottom: 3px solid #231cdd;
  background-color: transparent;
  color: #231cdd;
  font-size: 28px;
  font-weight: 400;
  text-align: center;
}

.ia-tab-selected:hover {
  border-bottom-color: #231cdd;
  color: #231cdd;
  font-size: 28px;
}

.div-block-6770 {
  background-image: -webkit-linear-gradient(270deg, #dadada, #fff);
  background-image: linear-gradient(180deg, #dadada, #fff);
}

.text-span-3 {
  color: red;
}

.text-span-4 {
  color: red;
}

.text-span-5 {
  color: red;
}

.text-field-2 {
  display: none;
}

.date-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  float: left;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.field-label-4 {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.date-time-label {
  width: 25%;
  padding-left: 6px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.date-input {
  width: 50%;
}

.date-labels {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  float: left;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

.date-inputs {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  float: left;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

.div-block-6771 {
  width: 25%;
  padding-right: 6px;
  padding-left: 6px;
}

.text-span-6 {
  color: red;
}

.text-span-7 {
  color: red;
}

.pd-remove-option-backdrop {
  position: fixed;
  z-index: 10;
  display: none;
  width: 100vw;
  height: 100vh;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, .5));
  background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, .5));
}

.pd-modal {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: auto;
  max-width: 50%;
  padding: 0px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  border-radius: 8px;
  background-color: #e9e9e9;
}

.pd-modal-division {
  text-align: center;
}

.div-block-6772 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.heading-16 {
  margin-top: -44px;
}

.pd-hoz-div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 90%;
  padding: 0px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.pd-hoz-div-2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 9px;
  padding-right: 5px;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.div-block-6773 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-width: 30vw;
  padding: 5px 0px 5px 16px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.pd-loading-backdrop {
  position: fixed;
  z-index: 10;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100vw;
  height: 100vh;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, .5));
  background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, .5));
}

.text-span-8 {
  color: red;
}

.text-span-9 {
  color: red;
}

.text-span-10 {
  color: red;
}

.text-span-11 {
  color: red;
}

.div-block-6774 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding: 11px 12px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.div-block-6775 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding-top: 8px;
  padding-bottom: 8px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.bottom-a-third {
  width: 100%;
  text-align: center;
}

.feedback-yn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 5px;
  margin-bottom: 5px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.fb-yn-button {
  min-width: 30%;
  margin-right: 4px;
  margin-left: 4px;
  border: 2px solid #316bff;
  border-radius: 8px;
  background-color: #316bff;
  background-image: -webkit-linear-gradient(180deg, #316bff, #231cdd);
  background-image: linear-gradient(270deg, #316bff, #231cdd);
  text-align: center;
}

.fb-yn-button:hover {
  background-image: -webkit-linear-gradient(180deg, #231cdd, #316bff);
  background-image: linear-gradient(270deg, #231cdd, #316bff);
}

.feedback-yn-subtitle {
  margin-top: 4px;
  margin-bottom: 4px;
}

.text-block-15 {
  margin-top: 5px;
  margin-bottom: 5px;
}

.farmer-team-test-card {
  display: none;
  width: 33.3%;
  padding: 14px;
}

.error-text {
  display: none;
  color: red;
  text-align: center;
}

.html-embed-2 {
  min-height: 500px;
}

.youtube-embed {
  min-height: 500px;
}

.div-block-6776 {
  position: fixed;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, .61);
}

.fail-backdrop {
  position: fixed;
  z-index: 300;
  display: none;
  width: 100vw;
  height: 100vh;
  padding: 0vh 0vw;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: rgba(0, 0, 0, .61);
}

.div-block-6777 {
  width: 100%;
  height: 100%;
}

.fail-modal {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 50%;
  padding: 29px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  border-radius: 8px;
  background-color: hsla(0, 0%, 100%, .83);
}

.summary-backdrop {
  position: fixed;
  z-index: 100;
  display: none;
  width: 100vw;
  height: 100vh;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: rgba(0, 0, 0, .62);
}

.summary-modal {
  width: 50vw;
  padding: 36px 58px;
  border-radius: 8px;
  background-color: hsla(0, 0%, 100%, .81);
}

.option-summary-buttons {
  min-width: 10%;
  margin-right: 4px;
  margin-left: 4px;
  border: 2px solid #316bff;
  border-radius: 8px;
  background-color: #316bff;
  background-image: -webkit-linear-gradient(180deg, #316bff, #231cdd);
  background-image: linear-gradient(270deg, #316bff, #231cdd);
  text-align: center;
}

.option-summary-buttons:hover {
  background-image: -webkit-linear-gradient(180deg, #231cdd, #316bff);
  background-image: linear-gradient(270deg, #231cdd, #316bff);
}

.utility-page-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100vw;
  height: 100vh;
  max-height: 100%;
  max-width: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.utility-page-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 260px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  text-align: center;
}

.utility-page-form {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.farmer-email-close {
  position: static;
  left: 10px;
  top: -8px;
  float: right;
  border: 2px solid #316bff;
  border-radius: 8px;
  background-color: transparent;
  color: #316bff;
}

.farmer-email-close:hover {
  background-color: #fff;
}

.text-span-12 {
  color: red;
}

.heading-17 {
  width: 80%;
}

@media (max-width: 991px) {
  .welcome-modal {
    width: 65vw;
  }
  .provider-login-container {
    width: 65vw;
  }
  .provider-login-modal {
    width: 80vw;
  }
  .provider-close-button {
    left: 12px;
    top: -12px;
  }
  .provider-terms-modal {
    width: 80vw;
  }
  .provider-terms-heading {
    left: -22px;
  }
  .provider-terms-close-button {
    left: 23px;
  }
  .farmer-login-container {
    width: 65vw;
  }
  .farmer-login-modal {
    width: 80vw;
  }
  .action-button {
    width: 33%;
  }
  .farmer-team-card {
    width: 50%;
  }
  .farmer-inverted-button {
    left: 0px;
    top: 0px;
  }
  .provider-logout-button {
    top: 12px;
    right: 0px;
  }
  .farmer-logout-button {
    top: 12px;
    right: 0px;
  }
  .disr-choices {
    height: 30vh;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .disr-option-card {
    width: 50%;
    margin-top: 1px;
    margin-bottom: 6px;
  }
  .disr-option-interior {
    padding-left: 13px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .region-choices {
    height: 45vh;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .region-option-card {
    width: 50%;
    margin-top: 1px;
    margin-bottom: 6px;
  }
  .region-option-interior {
    padding-left: 13px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .half-container {
    width: 75%;
  }
  .app {
    padding-right: 31px;
    padding-left: 31px;
  }
  .employee-heading {
    width: 100%;
  }
  .employee-form-back {
    top: 12px;
    right: 0px;
  }
  .performance-review-app {
    padding-right: 20px;
    padding-left: 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .review-header-heading {
    margin-top: 0px;
  }
  .review-top-buttons {
    position: relative;
    margin-top: 0px;
    padding-top: 8px;
    padding-right: 16px;
    padding-left: 16px;
  }
  .review-top-button {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 5%;
    min-width: 20%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .question-areas {
    padding-right: 37px;
    padding-left: 37px;
  }
  .text-block {
    width: 100%;
    text-align: center;
  }
  .review-button {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .results-page {
    padding-right: 24px;
    padding-left: 24px;
  }
  .results-app {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .spider-graph-buttons {
    float: none;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    text-align: left;
  }
  .results-button {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 22%;
    min-width: 20%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .chart-container {
    height: auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
  .html-embed {
    width: 100%;
  }
  .employee-submit-button {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .recommendation-div {
    overflow: visible;
    width: 100%;
  }
  .recommendation-background-div {
    overflow: scroll;
    height: 500px;
    margin-top: 16px;
  }
  .disr-subarea-choices {
    height: 45vh;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .disr-subarea-explain {
    height: 45vh;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .subarea-option-card {
    width: 50%;
    margin-top: 1px;
    margin-bottom: 6px;
  }
  .subarea-option-interior {
    padding-left: 13px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .farmer-back-button {
    top: 12px;
    right: 0px;
  }
  .pr-back-button {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 22%;
    min-width: 20%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .pr-skip-question-button {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .pr-next-area-button {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .pr-skip-section-button {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 22%;
    min-width: 20%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .fd-backdrop-loading {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .div-block-5 {
    padding-right: 48px;
    padding-left: 48px;
  }
  .modal-pr-options-button {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .fd-backdrop-pr-options {
    display: none;
  }
  .modal-remove-button {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .ir-backdrop-data-permissions {
    display: none;
  }
  .fd-backdrop-email {
    display: none;
  }
  .pr-backdrop-loading {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .return-to-dashboard {
    top: 12px;
    right: 0px;
  }
  .results-save-button {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .heading-12 {
    padding-right: 29px;
    font-size: 27px;
  }
  .farmer-faq-help-button {
    top: 12px;
    right: 0px;
  }
  .div-block-6767 {
    margin-top: -41px;
  }
  .ia-list-disr-content-options-div {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .ia-dashboard-title-div {
    padding-top: 48px;
    padding-right: 16px;
    padding-left: 16px;
  }
  .ia-logout-button {
    top: 12px;
    right: 0px;
  }
  .ia-name-heading {
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .ia-job-title-heading {
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .ia-location-heading {
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .ia-disr-heading {
    margin-bottom: -10px;
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .ia-disr-content-specific-title-heading {
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .ia-modal-remove-button {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .ia-modal-register-button {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .ia-feedback-modal-close-button {
    left: 12px;
    top: -12px;
  }
  .date-container {
    width: 75%;
  }
  .date-labels {
    width: 75%;
  }
  .date-inputs {
    width: 75%;
  }
  .fb-yn-button {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .farmer-team-test-card {
    width: 50%;
  }
  .summary-modal {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 80vw;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .option-summary-buttons {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 5px;
    margin-bottom: 5px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .farmer-email-close {
    left: 12px;
    top: -12px;
  }
}

@media (max-width: 767px) {
  .welcome-modal {
    width: 75vw;
  }
  .welcome-paragraph {
    font-size: 19px;
  }
  .welcome-subheading {
    font-size: 22px;
  }
  .provider-login-container {
    width: 75vw;
  }
  .provider-terms-heading {
    left: -10px;
  }
  .provider-terms-close-button {
    left: 12px;
  }
  .farmer-login-container {
    width: 75vw;
  }
  .farmer-team-card {
    width: 100%;
  }
  .farmer-inverted-button {
    left: 0px;
    top: 0px;
  }
  .provider-logout-button {
    top: 12px;
    right: 0px;
  }
  .farmer-logout-button {
    top: 12px;
    right: 0px;
  }
  .option-form-back-button {
    padding-right: 9px;
    padding-left: 9px;
  }
  .disr-choices {
    height: 20vh;
  }
  .region-choices {
    height: 40vh;
  }
  .half-container {
    width: 80%;
  }
  .employee-heading {
    width: 100%;
  }
  .employee-form-back {
    top: 12px;
    right: 0px;
    padding-right: 17px;
  }
  .performance-review-app {
    padding-top: 64px;
    padding-bottom: 64px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .review-area {
    padding-top: 16px;
    padding-bottom: 16px;
  }
  .review-header {
    margin-top: 46px;
    padding-right: 0px;
    padding-left: 0px;
  }
  .review-header-heading {
    margin-top: 0px;
  }
  .review-top-buttons {
    top: 0px;
    margin-top: 24px;
    margin-bottom: -46px;
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .review-top-button {
    min-width: 25%;
  }
  .question-areas {
    padding-right: 22px;
    padding-left: 22px;
  }
  .text-block {
    width: 100%;
    margin-bottom: -16px;
    padding-top: 0px;
    text-align: center;
  }
  .review-button {
    width: 100%;
    min-width: 20%;
  }
  .results-button {
    width: 30%;
    min-width: 25%;
  }
  .employee-submit-button {
    width: 100%;
    min-width: 20%;
  }
  .single-option-more-info-div {
    width: 136px;
  }
  .disr-subarea-choices {
    height: 40vh;
  }
  .disr-subarea-explain {
    height: 40vh;
  }
  .farmer-back-button {
    top: 12px;
    right: 0px;
  }
  .pr-back-button {
    width: 30%;
    min-width: 25%;
  }
  .pr-skip-question-button {
    width: 30%;
    min-width: 20%;
  }
  .pr-next-area-button {
    width: 30%;
    min-width: 20%;
  }
  .pr-skip-section-button {
    width: 30%;
    min-width: 25%;
  }
  .fd-backdrop-loading {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .fd-modal {
    width: 100%;
  }
  .fd-options-modal {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    max-width: 70%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .div-block-4 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .div-block-5 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-right: 0px;
    padding-left: 0px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .modal-close-button {
    float: right;
  }
  .modal-pr-options-button {
    min-width: 20%;
  }
  .fd-backdrop-pr-options {
    display: none;
  }
  .modal-remove-button {
    width: 100%;
    min-width: 20%;
  }
  .ir-backdrop-data-permissions {
    display: none;
  }
  .fd-backdrop-email {
    display: none;
  }
  .email-close-button {
    float: right;
  }
  .pr-backdrop-loading {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .return-to-dashboard {
    top: 12px;
    right: 0px;
  }
  .results-save-button {
    width: 30%;
    min-width: 20%;
  }
  .heading-12 {
    margin-top: 46px;
    font-size: 26px;
  }
  .farmer-faq-help-button {
    top: 12px;
    right: 0px;
  }
  .fd-backdrop-checklist {
    display: none;
  }
  .heading-13 {
    font-size: 22px;
  }
  .div-block-6767 {
    margin-top: -39px;
  }
  .ia-dashboard-title-div {
    padding-right: 16px;
  }
  .ia-logout-button {
    top: 12px;
    right: 0px;
  }
  .ia-name-heading {
    font-size: 28px;
  }
  .ia-job-title-heading {
    font-size: 28px;
  }
  .ia-location-heading {
    font-size: 28px;
  }
  .ia-disr-heading {
    padding-top: 0px;
    padding-bottom: 0px;
    font-size: 28px;
  }
  .ia-disr-content-specific-title-heading {
    font-size: 28px;
  }
  .ia-options-list-div {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .ia-options-individual-card-external {
    width: 100%;
  }
  .ia-option-sum-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .ia-modal-remove-button {
    width: 100%;
    min-width: 20%;
  }
  .ia-modal-register-button {
    width: 100%;
    min-width: 20%;
  }
  .ed-backdrop-loading {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .date-container {
    width: 80%;
  }
  .date-labels {
    width: 80%;
  }
  .date-inputs {
    width: 80%;
  }
  .fb-yn-button {
    width: 30%;
    min-width: 20%;
  }
  .farmer-team-test-card {
    width: 100%;
  }
  .option-summary-buttons {
    min-width: 20%;
  }
}

@media (max-width: 479px) {
  .welcome-modal {
    width: 90vw;
  }
  .welcome-heading {
    font-size: 24px;
  }
  .provider-login-container {
    width: 90vw;
  }
  .provider-login-modal {
    width: 99vw;
  }
  .provider-close-button {
    top: -9px;
  }
  .provider-terms-backdrop {
    padding-right: 4px;
    padding-left: 4px;
  }
  .provider-terms-modal {
    width: 99vw;
  }
  .provider-terms-heading {
    left: -4px;
  }
  .provider-terms-close-button {
    left: 9px;
  }
  .farmer-login-container {
    width: 90vw;
  }
  .farmer-login-modal {
    width: 99vw;
  }
  .farmer-dashboard-heading {
    width: 80%;
    font-size: 27px;
  }
  .farmer-dashboard-navbar {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .action-button {
    width: 100%;
  }
  .farmer-team-card {
    width: 100%;
    padding-right: 8px;
    padding-left: 8px;
  }
  .farmer-team-card-top {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .farmer-team-card-bottom {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
  }
  .farmer-inverted-button {
    left: 0px;
    top: 0px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .provider-logout-button {
    top: 14px;
    right: 0px;
  }
  .farmer-logout-button {
    top: 14px;
    right: 0px;
  }
  .option-form-title-header {
    width: 75%;
  }
  .option-form-back-button {
    margin-right: -3px;
    padding-right: 68px;
    padding-left: 38px;
    text-align: left;
  }
  .course-form-area {
    padding-bottom: 78px;
  }
  .disr-choices {
    height: 50vh;
    margin-bottom: 0px;
  }
  .disr-option-card {
    width: 100%;
  }
  .disr-option-interior {
    padding-left: 15px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .region-choices {
    height: 75vh;
    margin-bottom: 0px;
  }
  .region-option-card {
    width: 100%;
  }
  .subarea-area {
    display: none;
    margin-bottom: 11px;
  }
  .half-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .app {
    padding-right: 15px;
    padding-left: 15px;
  }
  .employee-header {
    padding-right: 7px;
    padding-left: 7px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .employee-heading {
    width: 100%;
    margin-top: 8px;
    margin-bottom: 6px;
    font-size: 22px;
  }
  .employee-form-back {
    top: 14px;
    right: 0px;
    margin-right: 3px;
    padding-right: 15px;
  }
  .employee-form-container {
    display: block;
  }
  .employee-form {
    padding-right: 0px;
  }
  .performance-review-app {
    padding-top: 64px;
    padding-right: 0px;
    padding-left: 0px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .review-area {
    width: auto;
  }
  .review-header {
    margin-top: 0px;
    padding-right: 4px;
    padding-left: 4px;
  }
  .review-header-heading {
    margin-top: 8px;
    font-size: 22px;
  }
  .review-top-buttons {
    margin-bottom: -8px;
    padding-right: 16px;
    padding-left: 16px;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
  .review-top-button {
    width: 100%;
  }
  .question-areas {
    padding-right: 9px;
    padding-left: 9px;
    text-align: left;
  }
  .text-block {
    width: auto;
    margin-top: 4px;
    margin-bottom: 4px;
    padding-top: 0px;
    text-align: center;
  }
  .review-centered-button {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
  }
  .review-button {
    width: 100%;
  }
  .results-button {
    width: 100%;
  }
  .employee-submit-button {
    width: 100%;
  }
  .single-option-recommendation-div {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .more-info-recommendation-button {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: auto;
  }
  .location-of-single-option-header {
    width: 100%;
  }
  .single-option-more-info-div {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .disr-subarea-choices {
    height: 75vh;
    margin-bottom: 0px;
  }
  .disr-subarea-explain {
    height: 75vh;
    margin-bottom: 0px;
  }
  .subarea-option-card {
    width: 100%;
  }
  .farmer-back-button {
    top: 14px;
    right: 0px;
  }
  .actions-card-div {
    padding-right: 0px;
    padding-left: 0px;
  }
  .action-list-ad-button {
    margin-bottom: 4px;
  }
  .action-list-remove-button-v2 {
    margin-bottom: 4px;
  }
  .potential-actions-card-div-copy {
    padding-right: 0px;
    padding-left: 0px;
  }
  .pr-back-button {
    width: 100%;
  }
  .pr-skip-question-button {
    width: 100%;
    margin-bottom: 3px;
  }
  .pr-next-area-button {
    width: 40%;
  }
  .pr-skip-section-button {
    width: 100%;
  }
  .details-div {
    width: 100%;
  }
  .subarea-info {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .details-tabs-container {
    display: none;
  }
  .fd-backdrop-loading {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .fd-modal {
    width: auto;
    max-width: 70%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
  }
  .paragraph {
    display: none;
  }
  .fd-options-modal {
    display: block;
    max-width: 80%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
  }
  .div-block-5 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin-top: -49px;
    padding-right: 0px;
    padding-left: 0px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .modal-pr-options-button {
    width: 100%;
  }
  .fd-backdrop-pr-options {
    display: none;
  }
  .modal-remove-button {
    width: 100%;
  }
  .ir-backdrop-data-permissions {
    display: none;
  }
  .ef-backdrop-loading {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .fd-backdrop-email {
    display: none;
  }
  .email-paragraph {
    display: block;
  }
  .fd-email-modal {
    width: auto;
    max-width: 70%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
  }
  .pr-backdrop-loading {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .return-to-dashboard {
    top: 14px;
    right: 0px;
  }
  .results-save-button {
    width: 100%;
  }
  .tab-link-3 {
    width: 100%;
    border-top-left-radius: 0px;
  }
  .tab-link-3.w--current {
    width: 100%;
    border-top-right-radius: 0px;
  }
  .tabs-menu {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    background-color: transparent;
  }
  .lp-modal {
    width: auto;
    max-width: 70%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
  }
  .div-block-6765 {
    width: 100%;
  }
  .div-block-6766 {
    width: 100%;
    padding-right: 16px;
    padding-left: 16px;
  }
  .heading-12 {
    font-size: 24px;
  }
  .farmer-faq-help-button {
    top: 14px;
    right: 0px;
  }
  .fd-backdrop-checklist {
    display: none;
  }
  .div-block-6767 {
    margin-top: -7px;
  }
  .forgot-password-label {
    display: block;
  }
  .link-5 {
    display: inline-block;
  }
  .ia-basic-info-div {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .ia-list-disr-content-options-div {
    display: none;
    padding-top: 4px;
    padding-bottom: 4px;
  }
  .ia-dashboard-title-div {
    padding: 0px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .ia-logout-button {
    position: static;
    top: 14px;
    right: 0px;
  }
  .ia-name-heading {
    position: static;
  }
  .ia-job-title-heading {
    border-right: 1px dashed #fff;
    font-size: 14px;
  }
  .ia-location-heading {
    border-left: 1px dashed #fff;
    font-size: 14px;
  }
  .ia-aprox-disr-div {
    padding-right: 4px;
    padding-left: 4px;
  }
  .text-block-14 {
    padding-top: 0px;
    font-size: 12px;
  }
  .link-6 {
    font-size: 12px;
  }
  .ia-disr-heading {
    margin-top: -8px;
    margin-bottom: -16px;
    font-size: 20px;
  }
  .ia-disr-content-specific-title-heading {
    border-right: 1px dashed #fff;
    font-size: 14px;
  }
  .ia-options-list-div {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .ia-options-individual-card-external {
    width: 100%;
  }
  .ia-options-individual-card-internal {
    border: 1px solid #231cdd;
  }
  .ia-option-action-buttons-div {
    height: 35%;
  }
  .ia-action-button-top {
    border-bottom-width: 1px;
  }
  .ia-action-button-right {
    border-top: 1px solid #fff;
  }
  .ia-action-button-left {
    border-top: 1px solid #fff;
  }
  .ia-modal {
    width: auto;
    max-width: 70%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
  }
  .ia-modal-remove-button {
    width: 100%;
  }
  .ia-backdrop-feedback {
    position: fixed;
    padding-right: 15px;
    padding-left: 15px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .ia-modal-register-button {
    width: 100%;
  }
  .ia-feedback-question-div {
    background-image: -webkit-linear-gradient(90deg, #fff, #dadada);
    background-image: linear-gradient(0deg, #fff, #dadada);
  }
  .ia-feedback-modal {
    position: relative;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
  }
  .ia-feedback-modal-close-button {
    top: -9px;
  }
  .ia-submit-feedback-button {
    border: 1px solid #fff;
    border-radius: 8px;
    background-color: transparent;
  }
  .ed-backdrop-loading {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .date-container {
    width: 100%;
  }
  .date-labels {
    width: 100%;
  }
  .date-inputs {
    width: 100%;
  }
  .pd-modal {
    width: auto;
    max-width: 70%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
  }
  .pd-loading-backdrop {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .div-block-6775 {
    padding-top: 0px;
  }
  .fb-yn-button {
    width: 40%;
  }
  .farmer-team-test-card {
    width: 100%;
    padding-right: 8px;
    padding-left: 8px;
  }
  .summary-modal {
    width: 90vw;
    padding-right: 10px;
    padding-left: 10px;
  }
  .option-summary-buttons {
    width: 100%;
  }
  .farmer-email-close {
    top: -9px;
    float: right;
  }
}

@font-face {
  font-family: 'Fa 400';
  src: url('../fonts/fa-regular-400.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
}