.contact .contactUsSection {
  display: flex;
  flex-direction: column;
}
.contact .contactUsDiv {
  display: flex;
  flex-direction: column;
  margin: 4px auto 0;
  width: 100%;
  max-width: 1440px;
  background: var(--src) center center/cover no-repeat;
}
.contact .contactUsTitle {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 222.5px auto 219.5px;
  font: 400 80px/1.35 Prata, Helvetica, Arial, serif;
  color: white;
  text-align: center;
}
@media (max-width: 991px) {
  .contact .contactUsTitle {
    margin: 150px auto;
    font-size: 42px;
  }
}
@media (max-width: 575px) {
  .contact .contactUsTitle {
    margin: 80px auto;
  }
}
@media (max-width: 479px) {
  .contact .contactUsTitle {
    font-size: 36px;
  }
}
@media (max-width: 383px) {
  .contact .contactUsTitle {
    margin: 50px auto;
  }
}
.contact .userInfoSection {
  display: flex;
  flex-direction: column;
}
.contact .userInfoContainer {
  display: flex;
  flex-direction: column;
  margin: 3px auto 0;
  width: 100%;
  max-width: 1440px;
  background-color: #f6f6ee;
}
.contact .userInfoFlexBox {
  display: flex;
  flex-direction: column;
  margin: 45px auto 102px;
  width: 1146.953125px;
  max-width: 85%;
  background: var(--src) center center/cover no-repeat;
}
@media (max-width: 575px) {
  .contact .userInfoFlexBox {
    margin: 45px auto 80px;
  }
}
@media (max-width: 383px) {
  .contact .userInfoFlexBox {
    margin: 45px auto 50px;
  }
}
.contact .userInfoColumn {
  display: flex;
  flex-direction: column;
  margin: 256px 12.99% 121px auto;
  width: 500px;
  max-width: 85%;
}
@media (max-width: 991px) {
  .contact .userInfoColumn {
    margin: 150px auto 121px;
  }
}
@media (max-width: 575px) {
  .contact .userInfoColumn {
    margin: 80px auto;
  }
}
@media (max-width: 383px) {
  .contact .userInfoColumn {
    margin: 50px auto;
  }
}
.contact .nameFieldBox {
  display: flex;
  flex-direction: column;
  background-color: #d9d9d9;
}
.contact .nameFieldLabel {
  display: flex;
  align-items: center;
  margin: 11.5px 0 11.5px 17px;
  width: 133px;
  max-width: 85%;
  font: 300 24px/1.5 Poppins, Helvetica, Arial, serif;
  color: #393939;
}
@media (max-width: 991px) {
  .contact .nameFieldLabel {
    font-size: 22px;
  }
}
@media (max-width: 575px) {
  .contact .nameFieldLabel {
    margin: 11.5px 0 11.5px 16px;
  }
}
@media (max-width: 479px) {
  .contact .nameFieldLabel {
    font-size: 20px;
  }
}
@media (max-width: 383px) {
  .contact .nameFieldLabel {
    margin: 11.5px 0 11.5px 8px;
  }
}
.contact .emailFieldBox {
  display: flex;
  flex-direction: column;
  margin: 26px 0 0;
  background-color: #d9d9d9;
}
.contact .emailFieldLabel {
  display: flex;
  align-items: center;
  margin: 11.5px 0 11.5px 17px;
  width: 133px;
  max-width: 85%;
  font: 300 24px/1.5 Poppins, Helvetica, Arial, serif;
  color: #393939;
}
@media (max-width: 991px) {
  .contact .emailFieldLabel {
    font-size: 22px;
  }
}
@media (max-width: 575px) {
  .contact .emailFieldLabel {
    margin: 11.5px 0 11.5px 16px;
  }
}
@media (max-width: 479px) {
  .contact .emailFieldLabel {
    font-size: 20px;
  }
}
@media (max-width: 383px) {
  .contact .emailFieldLabel {
    margin: 11.5px 0 11.5px 8px;
  }
}
.contact .passwordFieldBox {
  display: flex;
  flex-direction: column;
  margin: 26px 0 0;
  background-color: #d9d9d9;
}
.contact .passwordFieldLabel {
  display: flex;
  align-items: center;
  margin: 11.5px 0 11.5px 17px;
  width: 133px;
  max-width: 85%;
  font: 300 24px/1.5 Poppins, Helvetica, Arial, serif;
  color: #393939;
}
@media (max-width: 991px) {
  .contact .passwordFieldLabel {
    font-size: 22px;
  }
}
@media (max-width: 575px) {
  .contact .passwordFieldLabel {
    margin: 11.5px 0 11.5px 16px;
  }
}
@media (max-width: 479px) {
  .contact .passwordFieldLabel {
    font-size: 20px;
  }
}
@media (max-width: 383px) {
  .contact .passwordFieldLabel {
    margin: 11.5px 0 11.5px 8px;
  }
}
.contact .sendButton {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 74px 0 0;
  width: 229px;
  max-width: 100%;
  font: 400 20px/1.5 Poppins, Helvetica, Arial, serif;
  color: white;
  text-align: center;
  background: var(--src) center center/100% 100% no-repeat;
  border-radius: 9px;
  padding: 15.5px 8px;
}


.contact .mainContentSection {
  position: relative;
  display: flex;
  flex-direction: column;
}
.contact .highlightContainerDiv {
  position: absolute;
  top: 2px;
  left: -3px;
  width: 1440px;
  height: 434px;
  background-color: #f6f6ee;
}
.contact .infoGridContainer {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px 0;
  margin: 59px 0 173px 5.9%;
  width: 964px;
  max-width: 85%;
}
@media (max-width: 991px) {
  .contact .infoGridContainer {
    margin: 59px 0 150px 5.9%;
  }
}
@media (max-width: 575px) {
  .contact .infoGridContainer {
    margin: 59px 0 80px 5.9%;
  }
}
@media (max-width: 383px) {
  .contact .infoGridContainer {
    margin: 50px 0 50px 5.9%;
  }
}
.contact .infoRowContainer {
  display: flex;
  justify-content: space-between;
  gap: 0 10px;
  width: 100%;
}
@media (max-width: 767px) {
  .contact .infoRowContainer {
    flex-direction: column;
    align-items: center;
    gap: 30px 10px;
  }
}
.contact .siteImage {
  width: 204px;
  min-width: 0;
  -o-object-fit: cover;
  object-fit: cover;
}
@media (max-width: 767px) {
  .contact .siteImage {
    width: 100%;
    min-width: unset;
    max-width: 204px;
  }
}
.contact .aboutColumn {
  display: flex;
  flex-direction: column;
  gap: 12px 0;
  margin: 0 0 26px;
  width: 120px;
  min-width: 0;
}
@media (max-width: 767px) {
  .contact .aboutColumn {
    margin: 0;
    width: 100%;
    min-width: unset;
  }
}
.contact .onOurSiteHeader {
  display: flex;
  justify-content: center;
  align-items: center;
  font: 400 20px/1.5 Poppins, Helvetica, Arial, serif;
  color: #6d8368;
  text-align: center;
}
@media (max-width: 991px) {
  .contact .onOurSiteHeader {
    font-size: 18px;
  }
}
@media (max-width: 479px) {
  .contact .onOurSiteHeader {
    font-size: 16px;
  }
}
.contact .aboutHeader {
  display: flex;
  align-items: center;
  margin: 0 33px 0 0;
  font: 400 20px/1.5 Poppins, Helvetica, Arial, serif;
  color: #625c5c;
}
@media (max-width: 991px) {
  .contact .aboutHeader {
    margin: 0 32px 0 0;
    font-size: 18px;
  }
}
@media (max-width: 575px) {
  .contact .aboutHeader {
    margin: 0 16px 0 0;
  }
}
@media (max-width: 479px) {
  .contact .aboutHeader {
    font-size: 16px;
  }
}
@media (max-width: 383px) {
  .contact .aboutHeader {
    margin: 0 8px 0 0;
  }
}
.contact .resourcesColumn {
  display: flex;
  flex-direction: column;
  gap: 12px 0;
  margin: 0 0 26px;
  width: 113px;
  min-width: 0;
}
@media (max-width: 767px) {
  .contact .resourcesColumn {
    margin: 0;
    width: 100%;
    min-width: unset;
  }
}
.contact .resourcesHeader {
  display: flex;
  justify-content: center;
  align-items: center;
  font: 400 20px/1.5 Poppins, Helvetica, Arial, serif;
  color: #6d8368;
  text-align: center;
}
@media (max-width: 991px) {
  .contact .resourcesHeader {
    font-size: 18px;
  }
}
@media (max-width: 479px) {
  .contact .resourcesHeader {
    font-size: 16px;
  }
}
.contact .careerHeader {
  display: flex;
  align-items: center;
  width: 64px;
  max-width: 85%;
  font: 400 20px/1.5 Poppins, Helvetica, Arial, serif;
  color: #625c5c;
}
@media (max-width: 991px) {
  .contact .careerHeader {
    font-size: 18px;
  }
}
@media (max-width: 479px) {
  .contact .careerHeader {
    font-size: 16px;
  }
}
.contact .contactColumn {
  display: flex;
  flex-direction: column;
  gap: 12px 0;
  margin: 0 0 26px;
  width: 252px;
  min-width: 0;
}
@media (max-width: 767px) {
  .contact .contactColumn {
    margin: 0;
    width: 100%;
    min-width: unset;
  }
}
.contact .contactHeader {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 96px;
  max-width: 85%;
  font: 400 20px/1.5 Poppins, Helvetica, Arial, serif;
  color: #6d8368;
  text-align: center;
}
@media (max-width: 991px) {
  .contact .contactHeader {
    font-size: 18px;
  }
}
@media (max-width: 479px) {
  .contact .contactHeader {
    font-size: 16px;
  }
}
.contact .emailContact {
  display: flex;
  align-items: center;
  font: 400 20px/1.5 Poppins, Helvetica, Arial, serif;
  color: #625c5c;
}
@media (max-width: 991px) {
  .contact .emailContact {
    font-size: 18px;
  }
}
@media (max-width: 479px) {
  .contact .emailContact {
    font-size: 16px;
  }
}
.contact .imageRowContainer {
  display: flex;
  gap: 0 5px;
  width: 91.08%;
}
.contact .exampleImage1 {
  width: 38px;
  height: 38px;
  -o-object-fit: cover;
  object-fit: cover;
}
.contact .exampleImage2 {
  margin: 3px 0 2px;
  width: 33px;
  height: 33px;
  -o-object-fit: cover;
  object-fit: cover;
}
.contact .exampleImage3 {
  margin: 3px 0 2px;
  width: 33px;
  height: 33px;
  -o-object-fit: cover;
  object-fit: cover;
}