@import url("https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css");

@import url("https://fonts.googleapis.com/css?family=Poppins:300,700,600");

@font-face {
  font-family: "Suisse Works-Bold";
  font-style: normal;
  font-weight: 700;
  src: url("https://fonts.animaapp.com/SuisseWorks-Bold") format("opentype");
}

@font-face {
  font-family: "General Sans-Regular";
  font-style: normal;
  font-weight: 400;
  src: url("https://fonts.animaapp.com/GeneralSans-Regular") format("opentype");
}

:root {
  --white: #ffffff;
  --black: #000000;
  --bunting: #0f1e47;
  --pickled-bluewood: #313b55;
  --font-size-xs: 14px;
  --font-size-l2: 24px;
  --font-size-l: 20px;
  --font-size-xxxl: 56px;
  --font-size-xxl2: 48px;
  --font-family-poppins: "Poppins", Helvetica;
  --font-family-general_sans-regular: "General Sans-Regular", Helvetica;
  --font-family-suisse_works-bold: "Suisse Works-Bold", Helvetica;
}

* {
  box-sizing: border-box;
}

.hidden,
.hidden * {
  pointer-events: none;
  visibility: hidden;
}

.contact-form1 {
  align-items: flex-start;
  background-color: var(--pickled-bluewood);
  border: 1px none;
  display: flex;
  height: 967px;
  overflow: hidden;
  width: 1440px;
}

.contact-overlap-group7 {
  height: 1098px;
  margin-left: -184px;
  position: relative;
  width: 2104px;
}

.contact-overlap-group6 {
  height: 1098px;
  left: 0;
  position: absolute;
  top: 0;
  width: 1624px;
}

.lets-work-together {
  color: #dcbe91;
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-l);
  font-weight: 600;
  left: 370px;
  letter-spacing: 0.6px;
  line-height: 22px;
  position: absolute;
  top: 246px;
  white-space: nowrap;
  width: 229px;
}

.rectangle-1049-1 {
  background-color: var(--pickled-bluewood);
  border: 1px none;
  height: 967px;
  left: 184px;
  position: absolute;
  top: 0;
  width: 1440px;
}

.group-2035 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 34px;
  left: 1093px;
  min-height: 650px;
  position: absolute;
  top: 212px;
  width: 485px;
}

.contact-overlap-group-2 {
  align-items: flex-start;
  background-color: var(--white);
  border-radius: 72px;
  display: flex;
  height: 68px;
  justify-content: flex-end;
  min-width: 223px;
  padding: 16px 77.4px;
}

.place {
  color: var(--bunting);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-l2);
  font-weight: 700;
  letter-spacing: 0;
  line-height: normal;
  min-height: 27px;
  width: 67px;
}

.group-2034 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 14px;
  min-height: 548px;
  width: 485px;
}

.group-2033 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  min-height: 412px;
  width: 485px;
}

.contact-overlap-group {
  align-items: flex-start;
  border: 1px solid;
  border-color: var(--white);
  display: flex;
  height: 56px;
  margin-top: 15px;
  min-width: 485px;
  padding: 17.2px 20.6px;
}

.email {
  letter-spacing: 0;
  line-height: normal;
  min-height: 16px;
  width: 51px;
}

.poppins-light-white-14px {
  color: var(--white);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-xs);
  font-style: normal;
  font-weight: 300;
}

.contact-overlap-group4 {
  align-items: flex-start;
  border: 1px solid;
  border-color: var(--white);
  display: flex;
  height: 56px;
  margin-top: 86px;
  min-width: 485px;
  padding: 17.5px 21px;
}

.detail {
  letter-spacing: 0;
  line-height: normal;
  min-height: 16px;
  width: 368px;
}

.phone {
  letter-spacing: 0;
  line-height: normal;
  min-height: 16px;
  width: 58px;
}

.contact-overlap-group33 {
  align-items: flex-start;
  border: 1px solid;
  border-color: var(--white);
  display: flex;
  height: 56px;
  margin-top: 15px;
  min-width: 485px;
  padding: 17.5px 21px;
}

.which-services-do-you-want-to-get {
  letter-spacing: 0;
  line-height: normal;
  min-height: 16px;
}

.contact-overlap-group-1 {
  align-items: flex-start;
  border: 1px solid;
  border-color: var(--white);
  display: flex;
  height: 56px;
  min-width: 485px;
  padding: 17.2px 20.6px;
}

.name::placeholder {
  color: #ffffff99;
}

.name {
  background-color: transparent;
  border: 0;
  height: 16px;
  letter-spacing: 0;
  line-height: normal;
  padding: 0;
  width: 57px;
}

input:focus {
  outline: none;
}

.contact-overlap-group5 {
  align-items: flex-start;
  border: 1px solid;
  border-color: var(--white);
  display: flex;
  height: 122px;
  min-width: 485px;
  padding: 8.7px 20.6px;
}

.message {
  letter-spacing: 0;
  line-height: normal;
  min-height: 8px;
  width: 74px;
}

.title {
  color: var(--white);
  font-family: var(--font-family-suisse_works-bold);
  font-size: var(--font-size-xxxl);
  font-weight: 700;
  left: 366px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 292px;
  width: 490px;
}

.ellipse-container {
  height: 619px;
  left: 0;
  position: absolute;
  top: 479px;
  width: 692px;
}

.ellipse-1 {
  border: 1px solid;
  border-color: var(--bunting);
  border-radius: 293.62px;
  height: 587px;
  left: 0;
  position: absolute;
  top: 0;
  width: 587px;
}

.ellipse-2 {
  border: 1px solid;
  border-color: var(--bunting);
  border-radius: 293.62px;
  height: 587px;
  left: 105px;
  position: absolute;
  top: 32px;
  width: 587px;
}

.contact-us {
  color: var(--white);
  font-family: var(--font-family-suisse_works-bold);
  font-size: var(--font-size-xxl2);
  font-weight: 700;
  left: 1093px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 93px;
  width: 329px;
}

.group-22665 {
  align-items: flex-start;
  display: flex;
  gap: 26px;
  height: 57px;
  left: 1109px;
  min-width: 452px;
  position: absolute;
  top: 496px;
}

.group-container {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 9px;
  min-height: 57px;
  width: 158px;
}

.group-22662 {
  align-items: flex-start;
  display: flex;
  gap: 1px;
  min-width: 106px;
}

.consmetic {
  letter-spacing: 0;
  line-height: normal;
  margin-top: 2px;
  min-height: 16px;
  width: 79px;
}

.circle {
  height: 24px;
  width: 24px;
}

.group-22660 {
  align-items: flex-start;
  display: flex;
  gap: 2px;
  min-width: 158px;
}

.design-branding {
  letter-spacing: 0;
  line-height: normal;
  margin-top: 2px;
  min-height: 16px;
  width: 130px;
}

.flex-col {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 9px;
  min-height: 57px;
  width: 270px;
}

.group-22664 {
  align-items: flex-start;
  display: flex;
  gap: 1px;
  min-width: 220px;
}

.others-please-type-details {
  letter-spacing: 0;
  line-height: normal;
  margin-top: 2px;
  min-height: 16px;
  width: 193px;
}

.group-container-1 {
  align-items: flex-start;
  display: flex;
  gap: 65px;
  min-width: 270px;
}

.group-22661 {
  align-items: flex-start;
  display: flex;
  gap: 1px;
  min-width: 119px;
}

.construction {
  letter-spacing: 0;
  line-height: normal;
  margin-top: 2px;
  min-height: 16px;
  width: 92px;
}

.group-22663 {
  align-items: flex-start;
  display: flex;
  gap: 1px;
  min-width: 86px;
}

.medical {
  letter-spacing: 0;
  line-height: normal;
  margin-top: 2px;
  min-height: 16px;
  width: 59px;
}

.generalsans-regular-normal-white-24px {
  color: var(--white);
  font-family: var(--font-family-general_sans-regular);
  font-size: var(--font-size-l2);
  font-style: normal;
  font-weight: 400;
}

.copyright-2022-all-rights-reserved {
  left: 366px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  text-align: center;
  top: 909px;
}

.rectangle-1049 {
  background-color: #f5f4f4;
  border: 1px none;
  height: 1080px;
  left: 184px;
  position: absolute;
  top: 0;
  width: 1920px;
}

.rectangle-1050 {
  background: linear-gradient(
    180deg,
    rgb(56.5, 49.61, 143.44) 0%,
    rgb(18.16, 12.94, 83.94) 100%
  );
  border: 1px none;
  height: 1080px;
  left: 184px;
  position: absolute;
  top: 0;
  width: 1920px;
}

.group-2049 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 82px;
  left: 366px;
  min-height: 137px;
  padding: 0 0px;
  position: absolute;
  top: 862px;
  width: 166px;
}

.group-59 {
  height: 23px;
  width: 118px;
}

.follow-us {
  align-self: flex-end;
  letter-spacing: 0;
  line-height: normal;
  margin-right: 2px;
  text-align: center;
  width: 129px;
}