@import url("https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css");
@import url("https://fonts.googleapis.com/css?family=Plus+Jakarta+Sans:700,800|Kanit:600italic,700,600,300,300italic,500,400|Space+Grotesk:500,700,400|Mona+Sans:400");
/* The following line is used to measure usage of this code. You can remove it if you want. */
@import url("https://px.animaapp.com/699581a0a09f49bce4249e7c.699581a1a09f49bce4249e7f.5fh8JTP.hcp.png");



.screen a {
  display: contents;
  text-decoration: none;
}

.overlay-base {
  display: none;
  height: 100%;
  opacity: 0;
  position: fixed;
  top: 0;
  width: 100%;
}

.overlay-base.animate-appear {
  align-items: center;
  animation: reveal 0.3s ease-in-out 1 normal forwards;
  display: flex;
  flex-direction: column;
  justify-content: center;
  opacity: 0;
}

.overlay-base.animate-disappear {
  animation: reveal 0.3s ease-in-out 1 reverse forwards;
  display: block;
  opacity: 1;
  pointer-events: none;
}

.overlay-base.animate-disappear * {
  pointer-events: none;
}

@keyframes reveal {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

* {
  box-sizing: border-box;
}

.background-shadow {
  height: 68px;
  left: -12px;
  position: absolute;
  top: calc(50.00% - 24px);
  width: 68px;
}

.costelio-construct {
  align-items: center;
  display: flex;
  height: 25px;
  left: 56px;
  letter-spacing: -1.00px;
  line-height: 20px;
  position: absolute;
  top: 0;
  width: 216px;
}

.span {
  letter-spacing: -0.20px;
}

.global-consulting {
  align-items: center;
  display: flex;
  height: 15px;
  left: 56px;
  letter-spacing: 1.00px;
  line-height: 15px;
  position: absolute;
  top: 26px;
  white-space: nowrap;
  width: 127px;
}

.we-support-contracto {
  align-items: center;
  align-self: stretch;
  display: flex;
  letter-spacing: 0;
  line-height: 24px;
  position: relative;
}

.frame-84-item {
  align-items: center;
  display: flex;
  letter-spacing: 0;
  line-height: 26px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.x2026-costelio-cons {
  align-items: center;
  display: flex;
  letter-spacing: 0;
  line-height: 27px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.frame-1261153223 {
  height: 662px;
  left: 0;
  position: absolute;
  top: 107px;
  width: 1440px;
}

.frame-1261153215 {
  height: 594px;
  left: 735px;
  position: absolute;
  top: 0;
  width: 570px;
}

.ellipse-5 {
  aspect-ratio: 1;
  background-color: var(--ecstasy);
  border-radius: 6px;
  height: 12px;
  position: relative;
  width: 12px;
}

.what-we-do {
  align-items: center;
  display: flex;
  letter-spacing: 0;
  line-height: 21.6px;
  margin-top: -1.40px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.frame-1261153217 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 24px;
  position: relative;
  width: 100%;
}

.we-build-success-into-every-plan {
  align-items: center;
  align-self: stretch;
  display: flex;
  letter-spacing: 0;
  line-height: 42px;
  margin-top: -1.00px;
  position: relative;
}

.x-construc {
  align-self: stretch;
  line-height: 27px;
}

.frame-1261153217-1::-webkit-scrollbar {
  display: none;
  width: 0;
}

.frame-1261153217-1 {
  align-items: center;
  background-color: var(--white);
  display: flex;
  gap: 43px;
  justify-content: center;
  left: 0;
  overflow: hidden;
  overflow-x: scroll;
  position: absolute;
  top: 614px;
  width: 1440px;
}

.frame-1261153221 {
  align-items: center;
  display: inline-flex;
  gap: 30px;
  left: 161px;
  position: absolute;
  top: 893px;
}

.rectangle-18 {
  align-self: stretch;
  height: 278px;
  position: relative;
  width: 100%;
}

.rectangle-17 {
  height: 586px;
  object-fit: cover;
  position: relative;
  width: 570px;
}

.frame-9 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 6px;
  position: relative;
  width: 100%;
}

.denton-texas {
  align-items: center;
  align-self: stretch;
  display: flex;
  justify-content: center;
  letter-spacing: 0;
  line-height: 20px;
  position: relative;
  text-align: center;
}

.senior-living-apartments-arizona {
  align-items: center;
  align-self: stretch;
  display: flex;
  justify-content: center;
  letter-spacing: 0;
  line-height: 20px;
  position: relative;
  text-align: center;
}

.x150-unit-multi-family-denver-colorado {
  align-items: center;
  align-self: stretch;
  display: flex;
  justify-content: center;
  letter-spacing: 0;
  line-height: 20px;
  position: relative;
  text-align: center;
}

.start-your-estimate {
  align-items: center;
  display: flex;
  letter-spacing: 0;
  line-height: 21.6px;
  margin-top: -1.40px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.label {
  align-items: center;
  align-self: stretch;
  display: flex;
  letter-spacing: 0;
  line-height: 18px;
  margin-top: -1.00px;
  position: relative;
}

.who-should-we-speak-with {
  align-items: center;
  display: flex;
  letter-spacing: 0;
  line-height: 24px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.where-should-we-send-your-estimate {
  align-items: center;
  display: flex;
  letter-spacing: 0;
  line-height: 24px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.for-fast-follow-ups {
  align-items: center;
  display: flex;
  letter-spacing: 0;
  line-height: 24px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.frame-1261153230 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  justify-content: space-between;
  position: relative;
  width: 100%;
}

.input-placeholder {
  align-items: center;
  display: flex;
  letter-spacing: 0;
  line-height: 24px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.caret-right-1 {
  aspect-ratio: 1;
  height: 24px;
  position: relative;
  transform: rotate(90deg);
  width: 24px;
}

.frame-1261153230-1 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  gap: 10px;
  position: relative;
  width: 100%;
}

.upload-your-plans-files {
  align-items: center;
  display: flex;
  letter-spacing: 0;
  line-height: 18px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.frame-1261152541 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  justify-content: space-between;
  position: relative;
  width: 100%;
}

.upload-documents {
  -webkit-text-stroke: 1px var(--ecstasy);
  align-items: center;
  display: flex;
  letter-spacing: 0;
  line-height: 24px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.upload-1 {
  aspect-ratio: 1;
  height: 24px;
  position: relative;
  width: 24px;
}

.group {
  height: 100.00%;
  position: relative;
  width: 100.00%;
}

.frame-1261152544 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 12px;
  position: relative;
  width: 100%;
}

.submit-resume {
  align-items: center;
  display: flex;
  justify-content: center;
  letter-spacing: 0;
  line-height: 18px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.get-in-touch {
  align-items: center;
  display: flex;
  letter-spacing: 0;
  line-height: 21.6px;
  margin-top: -1.40px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.email {
  align-items: center;
  display: flex;
  letter-spacing: 0;
  line-height: 18px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.phone {
  align-items: center;
  display: flex;
  letter-spacing: 0;
  line-height: 18px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.message {
  align-items: center;
  display: flex;
  letter-spacing: 0;
  line-height: 18px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.enter-your-message {
  align-items: center;
  display: flex;
  letter-spacing: 0;
  line-height: 24px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.frame-126115 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 12px;
  position: relative;
  width: 100%;
}

.contact-us {
  align-items: center;
  display: flex;
  justify-content: center;
  letter-spacing: 0;
  line-height: 18px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.frame-1261153236 {
  align-items: center;
  display: flex;
  gap: 24px;
  justify-content: center;
  left: calc(50.00% - 579px);
  position: absolute;
  top: 1765px;
  width: 1170px;
}

.frame-1261153225 {
  align-items: center;
  background-image: url(../img/frame-1261153225@2x.png);
  background-position: 50% 50%;
  background-size: cover;
  border-radius: 12px;
  display: flex;
  gap: 10px;
  height: 64px;
  padding: 0px 12px;
  position: relative;
  width: 64px;
}

.envelope-1-1 {
  aspect-ratio: 1;
  height: 40px;
  position: relative;
  width: 40px;
}

.infocostelioconstructcom {
  align-items: center;
  align-self: stretch;
  display: flex;
  justify-content: center;
  letter-spacing: 0;
  line-height: 24px;
  position: relative;
  text-align: center;
  text-decoration: underline;
}

.marker-1 {
  aspect-ratio: 1;
  height: 40px;
  position: relative;
  width: 40px;
}

.linkedin-3-1 {
  aspect-ratio: 1;
  height: 40px;
  object-fit: cover;
  position: relative;
  width: 40px;
}

.heading-3-budget-planning-2 {
  align-items: center;
  align-self: stretch;
  cursor: pointer;
  display: flex;
  justify-content: center;
  line-height: 24px;
  text-decoration: underline;
}

.heading-3-budget-planning-3 {
  letter-spacing: 0;
  position: relative;
  text-align: center;
}

.frame-109 {
  align-items: flex-start;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 16px;
  position: relative;
  width: 195px;
}

.frame-106 {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 8px;
  margin-right: -8.00px;
  position: relative;
}

.arrow-circle-right-1 {
  aspect-ratio: 1;
  background-image: url(../img/vector-10.svg);
  background-size: 100% 100%;
  height: 24px;
  position: relative;
  width: 24px;
}

.frame-107 {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 8px;
  margin-right: -14.00px;
  position: relative;
}

.frame-108 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  gap: 8px;
  position: relative;
  width: 100%;
}

.quality-assurance-1 {
  aspect-ratio: 1;
  height: 40px;
  object-fit: cover;
  position: relative;
  width: 40px;
}

.frame-2 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 12px;
  position: relative;
  width: 100%;
}

.frame-1261153345 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  height: 415px;
  margin-top: 124px;
  position: relative;
  width: 1440px;
  z-index: 3;
}

.frame-1261153342 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 124px;
  height: 4566px;
  margin-top: 96px;
  position: relative;
  width: 1440px;
  z-index: 1;
}

.frame-1261153207 {
  align-self: stretch;
  height: 674px;
  position: relative;
  width: 100%;
}

.frame-117 {
  display: flex;
  flex-direction: column;
  gap: 28px;
  height: 706px;
  left: 0;
  position: absolute;
  top: 0;
  width: 1440px;
}

.circle-star-1 {
  aspect-ratio: 1;
  background-image: url(../img/vector-4.svg);
  background-size: 100% 100%;
  height: 24px;
  position: relative;
  width: 24px;
}

.x495-from-10-contractor-reviews {
  align-items: center;
  display: flex;
  letter-spacing: 0;
  line-height: 27px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.span1 {
  color: var(--ecstasy);
  font-family: var(--font-family-kanit);
  font-style: italic;
  font-weight: 600;
}

.span2 {
  color: var(--white);
  font-family: var(--font-family-kanit);
  font-style: italic;
  font-weight: 600;
}

.frame-94 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  gap: 4px;
  position: relative;
  width: 100%;
}

.trusted-by-10-contractors {
  align-items: center;
  color: transparent;
  display: flex;
  font-family: var(--font-family-space_grotesk);
  font-size: var(--font-size-xl);
  font-weight: 700;
  letter-spacing: 0;
  line-height: 27px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.frame-97::-webkit-scrollbar {
  display: none;
  width: 0;
}

.group-3 {
  background-image: url(../img/rectangle-12-2.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 598px;
  left: 735px;
  position: absolute;
  top: 0;
  width: 570px;
}

.frame-1261153204::-webkit-scrollbar {
  display: none;
  width: 0;
}

.frame-100 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 42px;
  position: relative;
  width: 100%;
}

.frame-1261153198 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 24px;
  position: relative;
  width: 100%;
}

.from-plans-to-profits {
  align-items: center;
  display: flex;
  letter-spacing: 0;
  line-height: 21.6px;
  margin-top: -1.40px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.frame-1261153220::-webkit-scrollbar {
  display: none;
  width: 0;
}

.quality-assurance {
  aspect-ratio: 1;
  height: 40px;
  object-fit: cover;
  position: relative;
  width: 40px;
}

.frame-45 {
  align-items: flex-start;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-color: var(--white-3);
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 0px 0px 16px;
  position: relative;
  width: 350px;
}

.frame-1261153344 {
  background-image: url(../img/zenbook-duo-14-2.png);
  background-size: 100% 100%;
  height: 662px;
  position: relative;
  width: 1170px;
}

.frame-122::-webkit-scrollbar {
  display: none;
  width: 0;
}

.frame-120 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 14px;
  padding: 24px;
  position: relative;
  width: 100%;
}

.san-francisco-ca {
  align-items: center;
  display: flex;
  letter-spacing: 0;
  line-height: 27px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.the-efficiency-breakthrough {
  align-items: center;
  align-self: stretch;
  display: flex;
  letter-spacing: 0;
  line-height: 26px;
  position: relative;
}

.frame-59 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 8px;
  position: relative;
  width: 100%;
}

.challenge {
  align-items: center;
  align-self: stretch;
  display: flex;
  letter-spacing: 0;
  line-height: 18px;
  margin-top: -1.00px;
  position: relative;
}

.experience {
  align-items: center;
  align-self: stretch;
  display: flex;
  letter-spacing: 0;
  line-height: 18px;
  position: relative;
}

.houston-tx {
  align-items: center;
  display: flex;
  letter-spacing: 0;
  line-height: 27px;
  margin-top: -1.00px;
  position: relative;
  width: 270px;
}

.precision-under-pressure {
  align-items: center;
  align-self: stretch;
  display: flex;
  letter-spacing: 0;
  line-height: 26px;
  position: relative;
}

.new-york-ny {
  align-items: center;
  display: flex;
  letter-spacing: 0;
  line-height: 27px;
  margin-top: -1.00px;
  position: relative;
  width: 270px;
}

.the-scaling-secret {
  align-items: center;
  align-self: stretch;
  display: flex;
  letter-spacing: 0;
  line-height: 26px;
  position: relative;
}

.x-quote {
  justify-content: center;
  line-height: 18px;
  text-align: center;
}

.frame-12-1 {
  align-items: center;
  display: flex;
  gap: 10px;
  justify-content: center;
  padding: 10px 0px;
  position: relative;
  width: 52px;
}

.frame-4-1 {
  align-items: center;
  cursor: pointer;
  display: flex;
  gap: 10px;
  justify-content: center;
  padding: 10px 0px;
  position: relative;
  width: 76px;
}

.costelio-construct-1 {
  align-items: center;
  align-self: stretch;
  display: flex;
  letter-spacing: 0;
  position: relative;
}

.frame-1-3 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  position: relative;
}

.service-interested-in {
  align-items: center;
  display: flex;
  letter-spacing: 0;
  line-height: 18px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.frame-1261153237 {
  align-items: center;
  aspect-ratio: 1;
  background-image: url(../img/frame-1261153237-1@2x.png);
  background-position: 50% 50%;
  background-size: cover;
  border-radius: 12px;
  cursor: pointer;
  display: flex;
  gap: 10px;
  height: 42px;
  justify-content: center;
  padding: 9px;
  position: relative;
  width: 42px;
}

.menu {
  height: 24px;
  position: relative;
  width: 24px;
}