/* screen - contact-desktop-large-all-breakpoints */

.contact-desktop-large-all-breakpoints {
  align-items: center;
  background-color: var(--white);
  display: flex;
  flex-direction: column;
  min-width: 1512px;
  position: relative;
}

.contact-desktop-large-all-breakpoints .phone-bar-2 {
  align-items: center;
  align-self: stretch;
  background-color: var(--black);
  display: flex;
  gap: 10px;
  height: 60px;
  justify-content: center;
  padding: 15px 20px;
  position: relative;
  width: 100%;
}

.contact-desktop-large-all-breakpoints .phone-2 {
  height: 24px;
  position: relative;
  width: 24px;
}

.contact-desktop-large-all-breakpoints .header-bar-2 {
  align-items: flex-start;
  align-self: stretch;
  background-color: var(--white);
  box-shadow: 0px 4px 24px #0f1a2333;
  display: flex;
  flex-direction: column;
  height: 132px;
  padding: 6px 80px 0px;
  position: relative;
  width: 100%;
}

.contact-desktop-large-all-breakpoints .header-container-2 {
  display: grid;
  gap: 460px 0px;
  grid-template-columns: repeat(2,minmax(0,1fr));
  grid-template-rows: repeat(1,fit-content(100%));
  height: 122px;
  left: 80px;
  position: relative;
  top: 6px;
  width: 1352px;
}

.contact-desktop-large-all-breakpoints .rectangle-34624195-2 {
  align-self: center;
  grid-column: 1 / 2;
  grid-row: 1 / 2;
  height: 122px;
  position: relative;
  width: 383px;
}

.contact-desktop-large-all-breakpoints .group-7-1 {
  height: 48px;
  margin-right: -2.00px;
  position: relative;
  width: 213.04px;
}

.contact-desktop-large-all-breakpoints .get-a-free-estimate-4 {
  color: var(--white);
  font-weight: 500;
  left: 21px;
  line-height: 23.2px;
  position: absolute;
  top: 12px;
  width: 171px;
}

.contact-desktop-large-all-breakpoints .container-2 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 50px;
  justify-content: center;
  padding: 80px;
  position: relative;
  width: 100%;
}

.contact-desktop-large-all-breakpoints .title-4 {
  align-items: center;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 20px;
  width: 100%;
}

.contact-desktop-large-all-breakpoints .title-5 {
  color: var(--hp-dark);
  font-weight: 700;
  line-height: 98.9px;
  margin-top: -1.00px;
  text-align: center;
}

.contact-desktop-large-all-breakpoints .have-a-project-in-mi-2 {
  align-self: stretch;
  color: var(--hp-dark-lighter);
  font-weight: 500;
  line-height: 31.0px;
  position: relative;
  text-align: center;
}

.contact-desktop-large-all-breakpoints .left-column-14 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 40px;
  justify-content: center;
  position: relative;
  width: 562px;
}

.contact-desktop-large-all-breakpoints .left-column-15 {
  align-self: stretch;
  color: var(--hp-dark-lighter);
  font-weight: 700;
  line-height: 56.8px;
  margin-top: -1.00px;
  position: relative;
}

.contact-desktop-large-all-breakpoints .left-column-16 {
  align-self: stretch;
  color: var(--blaze-orange);
  font-weight: 700;
  line-height: 48px;
  position: relative;
}

.contact-desktop-large-all-breakpoints .frame-427319208-2 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 10px;
  position: relative;
  width: 100%;
}

.contact-desktop-large-all-breakpoints .left-column-17 {
  align-self: stretch;
  color: var(--hp-dark);
  font-weight: 700;
  line-height: 48px;
  margin-top: -1.00px;
  position: relative;
}

.contact-desktop-large-all-breakpoints .frame-427319207-2 {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 80px;
  position: relative;
}

.contact-desktop-large-all-breakpoints .x-column-1 {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 10px;
  position: relative;
}

.contact-desktop-large-all-breakpoints .left-column-12 {
  letter-spacing: 0;
  line-height: 36px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.contact-desktop-large-all-breakpoints .left-column-13 {
  letter-spacing: 0;
  line-height: 36px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.contact-desktop-large-all-breakpoints .frame-427319205-2 {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 20px;
  position: relative;
}

.contact-desktop-large-all-breakpoints .icon-4 {
  aspect-ratio: 1;
  height: 60px;
  width: 60px;
}

.contact-desktop-large-all-breakpoints .form-2 {
  align-items: flex-start;
  background-color: var(--gray-2);
  border-radius: 24px;
  box-shadow: 0px 4px 24px #0f1a231f;
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 40px 50px 50px;
  position: relative;
  width: 718px;
}

.contact-desktop-large-all-breakpoints .form-and-field-2 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 20px;
  position: relative;
  width: 100%;
}

.contact-desktop-large-all-breakpoints .frame-427319206-2 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  gap: 8px;
  justify-content: center;
  padding: 0px 0px 10px;
  position: relative;
  width: 100%;
}

.contact-desktop-large-all-breakpoints .complete-the-form-be-2 {
  color: var(--white);
  flex: 1;
  font-weight: 500;
  line-height: 31.0px;
  margin-top: -1.00px;
  position: relative;
}

.contact-desktop-large-all-breakpoints .form-and-field-item-2 {
  align-items: center;
  align-self: stretch;
  background-color: var(--white);
  border: 1px solid;
  border-color: var(--gray-1);
  border-radius: 10px;
  display: flex;
  gap: 10px;
  height: 52px;
  padding: 16px 24px;
  position: relative;
  width: 100%;
}

.contact-desktop-large-all-breakpoints .place-2 {
  color: var(--hp-dark);
  font-weight: 400;
  line-height: 21.6px;
  margin-top: -2.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.contact-desktop-large-all-breakpoints .email-2 {
  color: var(--hp-dark);
  font-weight: 400;
  line-height: 21.6px;
  margin-top: -2.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.contact-desktop-large-all-breakpoints .phone-number-2 {
  color: var(--hp-dark);
  font-weight: 400;
  line-height: 21.6px;
  margin-top: -2.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.contact-desktop-large-all-breakpoints .what-services-are-yo-2 {
  align-self: stretch;
  color: var(--white);
  font-weight: 500;
  line-height: 30px;
  position: relative;
}

.contact-desktop-large-all-breakpoints .check-boxes-2 {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 60px;
  position: relative;
}

.contact-desktop-large-all-breakpoints .check-box-and-label-2 {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 10px;
  position: relative;
}

.contact-desktop-large-all-breakpoints .rectangle-34624201-2 {
  border: 2px solid;
  border-color: var(--white);
  border-radius: 4px;
  height: 36px;
  position: relative;
  width: 36px;
}

.contact-desktop-large-all-breakpoints .interior-painting-2 {
  letter-spacing: 0;
  line-height: 25px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.contact-desktop-large-all-breakpoints .residential-painting-2 {
  letter-spacing: 0;
  line-height: 25px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.contact-desktop-large-all-breakpoints .cabinet-refinishing-2 {
  letter-spacing: 0;
  line-height: 25px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.contact-desktop-large-all-breakpoints .exterior-painting-2 {
  letter-spacing: 0;
  line-height: 25px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.contact-desktop-large-all-breakpoints .commercial-painting-2 {
  letter-spacing: 0;
  line-height: 25px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.contact-desktop-large-all-breakpoints .popcorn-ceiling-removal-2 {
  letter-spacing: 0;
  line-height: 25px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.contact-desktop-large-all-breakpoints .message-2 {
  align-items: flex-start;
  align-self: stretch;
  background-color: var(--white);
  border: 1px solid;
  border-color: var(--gray-1);
  border-radius: 8px;
  display: flex;
  gap: 10px;
  height: 200px;
  padding: 16px 24px;
  position: relative;
  width: 100%;
}

.contact-desktop-large-all-breakpoints .tell-us-more-about-your-project-2 {
  color: var(--hp-dark);
  font-weight: 400;
  line-height: 21.6px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.contact-desktop-large-all-breakpoints .button-3 {
  align-items: flex-start;
  background-color: var(--blaze-orange);
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  height: 72px;
  padding: 22px 29px;
  position: relative;
  width: 304px;
}

.contact-desktop-large-all-breakpoints .get-a-free-estimate-3 {
  left: 0;
  letter-spacing: 0;
  line-height: 27.1px;
  position: absolute;
  top: 0;
  width: 198px;
}

.contact-desktop-large-all-breakpoints .arrow-right-2 {
  height: 24px;
  left: 212px;
  position: absolute;
  top: 2px;
  width: 27px;
}

.contact-desktop-large-all-breakpoints .vector-3 {
  height: 56.25%;
  left: 22.21%;
  position: absolute;
  top: 21.88%;
  width: 57.66%;
}

.contact-desktop-large-all-breakpoints .bottom-cta-banner-2 {
  align-items: flex-start;
  align-self: stretch;
  background-image: url(../img/bottom-cta-banner-4.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  flex-direction: column;
  gap: 8px;
  height: 600px;
  justify-content: center;
  padding: 0px 110px;
  position: relative;
  width: 100%;
}

.contact-desktop-large-all-breakpoints .copy-and-button-2 {
  align-items: flex-start;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 24px;
  justify-content: center;
  position: relative;
  width: 700px;
}

.contact-desktop-large-all-breakpoints .offering-services-in-2 {
  left: 35px;
  letter-spacing: 0;
  line-height: 25.8px;
  position: absolute;
  text-align: center;
  top: 3px;
  white-space: nowrap;
}

.contact-desktop-large-all-breakpoints .map-pin-2 {
  height: 32px;
  left: 0;
  position: absolute;
  top: 0;
  width: 32px;
}

.contact-desktop-large-all-breakpoints .footer-2 {
  align-items: flex-start;
  align-self: stretch;
  background-color: var(--hp-dark);
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 20px;
  justify-content: center;
  padding: 20px 40px;
  position: relative;
  width: 100%;
}

.contact-desktop-large-all-breakpoints .nav-and-icons-2 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  gap: 40px;
  position: relative;
  width: 100%;
}

.contact-desktop-large-all-breakpoints .nav-2 {
  align-items: center;
  display: flex;
  flex: 1;
  flex-grow: 1;
  flex-wrap: wrap;
  gap: 20px 40px;
  position: relative;
}

.contact-desktop-large-all-breakpoints .icon-5 {
  height: 50px;
  width: 50px;
}

.contact-desktop-large-all-breakpoints .footer-terms-2 {
  align-items: flex-start;
  align-self: stretch;
  border-color: var(--silver);
  border-top-style: solid;
  border-top-width: 1px;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 29px;
  padding: 20px 0px 0px;
  position: relative;
  width: 100%;
}

.contact-desktop-large-all-breakpoints .copyright-2 {
  align-self: stretch;
  color: var(--white);
  font-weight: 400;
  line-height: 23.4px;
  margin-top: -1.00px;
  opacity: 0.8;
  position: relative;
  text-align: center;
}

.contact-desktop-large-all-breakpoints .icon {
  object-fit: cover;
  position: relative;
}

.contact-desktop-large-all-breakpoints .title {
  align-self: stretch;
  position: relative;
}
/* screen - contact-desktop-small */

.contact-desktop-small {
  align-items: center;
  background-color: var(--white);
  display: flex;
  flex-direction: column;
  min-width: 1199px;
  position: relative;
}

.contact-desktop-small .phone-bar-1 {
  align-items: center;
  align-self: stretch;
  background-color: var(--black);
  display: flex;
  gap: 10px;
  height: 60px;
  justify-content: center;
  padding: 15px 20px;
  position: relative;
  width: 100%;
}

.contact-desktop-small .header-bar-1 {
  align-items: flex-start;
  align-self: stretch;
  background-color: var(--white);
  box-shadow: 0px 4px 24px #0f1a2333;
  display: flex;
  flex-direction: column;
  height: 132px;
  padding: 6px 80px 0px;
  position: relative;
  width: 100%;
}

.contact-desktop-small .header-container-1 {
  display: grid;
  gap: 460px 0px;
  grid-template-columns: repeat(2,minmax(0,1fr));
  grid-template-rows: repeat(1,fit-content(100%));
  height: 122px;
  left: 80px;
  position: relative;
  top: 6px;
  width: 1039px;
}

.contact-desktop-small .rectangle-34624195-1 {
  align-self: center;
  grid-column: 1 / 2;
  grid-row: 1 / 2;
  height: 122px;
  position: relative;
  width: 383px;
}

.contact-desktop-small .frame-427319189 {
  align-self: center;
  gap: 33px;
  grid-column: 2 / 3;
  grid-row: 1 / 2;
  height: fit-content;
  justify-self: end;
  width: fit-content;
}

.contact-desktop-small .frame-3 {
  flex: 0 0 auto;
  gap: 40px;
}

.contact-desktop-small .group-7 {
  height: 48px;
  margin-right: -2.00px;
  position: relative;
  width: 213.04px;
}

.contact-desktop-small .get-a-free-estimate-2 {
  color: var(--white);
  font-weight: 500;
  left: 21px;
  line-height: 23.2px;
  position: absolute;
  top: 12px;
  width: 171px;
}

.contact-desktop-small .container-1 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 50px;
  justify-content: center;
  padding: 80px;
  position: relative;
  width: 100%;
}

.contact-desktop-small .title-2 {
  align-items: center;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 20px;
  width: 100%;
}

.contact-desktop-small .title-3 {
  color: var(--hp-dark);
  font-weight: 700;
  line-height: 98.9px;
  margin-top: -1.00px;
  text-align: center;
}

.contact-desktop-small .have-a-project-in-mi-1 {
  align-self: stretch;
  color: var(--hp-dark-lighter);
  font-weight: 500;
  line-height: 31.0px;
  position: relative;
  text-align: center;
}

.contact-desktop-small .x2-column-1 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  gap: 30px 30px;
  position: relative;
  width: 100%;
}

.contact-desktop-small .left-column-8 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 40px;
  justify-content: center;
  position: relative;
  width: 400px;
}

.contact-desktop-small .left-column-9 {
  align-self: stretch;
  color: var(--hp-dark-lighter);
  font-weight: 700;
  line-height: 56.8px;
  margin-top: -1.00px;
  position: relative;
}

.contact-desktop-small .left-column-10 {
  align-self: stretch;
  color: var(--blaze-orange);
  font-weight: 700;
  line-height: 48px;
  position: relative;
}

.contact-desktop-small .frame-427319208-1 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 10px;
  position: relative;
  width: 100%;
}

.contact-desktop-small .left-column-11 {
  align-self: stretch;
  color: var(--hp-dark);
  font-weight: 700;
  line-height: 48px;
  margin-top: -1.00px;
  position: relative;
}

.contact-desktop-small .frame-427319207-1 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  gap: 40px;
  position: relative;
  width: 100%;
}

.contact-desktop-small .x-column {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 10px;
  position: relative;
}

.contact-desktop-small .left-column-6 {
  letter-spacing: 0;
  line-height: 36px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.contact-desktop-small .left-column-7 {
  letter-spacing: 0;
  line-height: 36px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.contact-desktop-small .frame-427319205-1 {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 20px;
  position: relative;
}

.contact-desktop-small .icon-2 {
  aspect-ratio: 1;
  height: 60px;
  width: 60px;
}

.contact-desktop-small .form-1 {
  align-items: flex-start;
  background-color: var(--gray-2);
  border-radius: 24px;
  box-shadow: 0px 4px 24px #0f1a231f;
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 40px 50px 50px;
  position: relative;
  width: 600px;
}

.contact-desktop-small .form-and-field-1 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 20px;
  position: relative;
  width: 100%;
}

.contact-desktop-small .frame-427319206-1 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  gap: 8px;
  justify-content: center;
  padding: 0px 0px 10px;
  position: relative;
  width: 100%;
}

.contact-desktop-small .complete-the-form-be-1 {
  color: var(--white);
  flex: 1;
  font-weight: 500;
  line-height: 31.0px;
  margin-top: -1.00px;
  position: relative;
}

.contact-desktop-small .form-and-field-item-1 {
  align-items: center;
  align-self: stretch;
  background-color: var(--white);
  border: 1px solid;
  border-color: var(--gray-1);
  border-radius: 10px;
  display: flex;
  gap: 10px;
  height: 52px;
  padding: 16px 24px;
  position: relative;
  width: 100%;
}

.contact-desktop-small .place-1 {
  color: var(--hp-dark);
  font-weight: 400;
  line-height: 21.6px;
  margin-top: -2.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.contact-desktop-small .email-1 {
  color: var(--hp-dark);
  font-weight: 400;
  line-height: 21.6px;
  margin-top: -2.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.contact-desktop-small .phone-number-1 {
  color: var(--hp-dark);
  font-weight: 400;
  line-height: 21.6px;
  margin-top: -2.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.contact-desktop-small .what-services-are-yo-1 {
  align-self: stretch;
  color: var(--white);
  font-weight: 500;
  line-height: 30px;
  position: relative;
}

.contact-desktop-small .check-boxes-1 {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 40px;
  margin-right: -25.00px;
  position: relative;
}

.contact-desktop-small .check-box-and-label-1 {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 10px;
  position: relative;
}

.contact-desktop-small .rectangle-34624201-1 {
  border: 2px solid;
  border-color: var(--white);
  border-radius: 4px;
  height: 36px;
  position: relative;
  width: 36px;
}

.contact-desktop-small .interior-painting-1 {
  letter-spacing: 0;
  line-height: 25px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.contact-desktop-small .residential-painting-1 {
  letter-spacing: 0;
  line-height: 25px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.contact-desktop-small .cabinet-refinishing-1 {
  letter-spacing: 0;
  line-height: 25px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.contact-desktop-small .exterior-painting-1 {
  letter-spacing: 0;
  line-height: 25px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.contact-desktop-small .commercial-painting-1 {
  letter-spacing: 0;
  line-height: 25px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.contact-desktop-small .popcorn-ceiling-removal-1 {
  letter-spacing: 0;
  line-height: 25px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.contact-desktop-small .message-1 {
  align-items: flex-start;
  align-self: stretch;
  background-color: var(--white);
  border: 1px solid;
  border-color: var(--gray-1);
  border-radius: 8px;
  display: flex;
  gap: 10px;
  height: 200px;
  padding: 16px 24px;
  position: relative;
  width: 100%;
}

.contact-desktop-small .tell-us-more-about-your-project-1 {
  color: var(--hp-dark);
  font-weight: 400;
  line-height: 21.6px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.contact-desktop-small .button-2 {
  align-items: flex-start;
  background-color: var(--blaze-orange);
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  height: 72px;
  padding: 22px 29px;
  position: relative;
  width: 304px;
}

.contact-desktop-small .get-a-free-estimate-1 {
  left: 0;
  letter-spacing: 0;
  line-height: 27.1px;
  position: absolute;
  top: 0;
  width: 198px;
}

.contact-desktop-small .arrow-right-1 {
  height: 24px;
  left: 212px;
  position: absolute;
  top: 2px;
  width: 27px;
}

.contact-desktop-small .bottom-cta-banner-1 {
  align-items: flex-start;
  align-self: stretch;
  background-image: url(../img/bottom-cta-banner-6.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  flex-direction: column;
  gap: 8px;
  height: 600px;
  justify-content: center;
  padding: 0px 110px;
  position: relative;
  width: 100%;
}

.contact-desktop-small .copy-and-button-1 {
  align-items: flex-start;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 24px;
  justify-content: center;
  position: relative;
  width: 700px;
}

.contact-desktop-small .offering-services-in-1 {
  left: 35px;
  letter-spacing: 0;
  line-height: 25.8px;
  position: absolute;
  text-align: center;
  top: 3px;
  white-space: nowrap;
}

.contact-desktop-small .map-pin-1 {
  height: 32px;
  left: 0;
  position: absolute;
  top: 0;
  width: 32px;
}

.contact-desktop-small .give-your-home-a-nue-coat {
  align-self: stretch;
  color: var(--gray-1);
  font-weight: 700;
  line-height: 98.9px;
  position: relative;
}

.contact-desktop-small .footer-1 {
  align-items: flex-start;
  align-self: stretch;
  background-color: var(--hp-dark);
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 20px;
  justify-content: center;
  padding: 20px 40px;
  position: relative;
  width: 100%;
}

.contact-desktop-small .logo-2 {
  align-items: flex-start;
  aspect-ratio: 3.01;
  display: flex;
  flex-direction: column;
  gap: 10px;
  height: 100px;
  position: relative;
  width: 300px;
}

.contact-desktop-small .logo-3 {
  align-self: stretch;
  flex: 1;
  flex-grow: 1;
  position: relative;
  width: 100%;
}

.contact-desktop-small .icon-3 {
  height: 50px;
  width: 50px;
}

.contact-desktop-small .frame {
  align-items: center;
  display: inline-flex;
  justify-content: flex-end;
  position: relative;
}

.contact-desktop-small .icon {
  object-fit: cover;
  position: relative;
}

.contact-desktop-small .title {
  align-self: stretch;
  position: relative;
}
/* screen - contact-mobile-large */

.contact-mobile-large {
  align-items: center;
  background-color: var(--white);
  display: flex;
  flex-direction: column;
  min-width: 767px;
  position: relative;
}

.contact-mobile-large .phone-bar-3 {
  align-items: center;
  align-self: stretch;
  background-color: var(--black);
  display: flex;
  flex-wrap: wrap;
  gap: 10px 10px;
  height: 60px;
  justify-content: center;
  padding: 15px 20px;
  position: relative;
  width: 100%;
}

.contact-mobile-large .phone-3 {
  height: 24px;
  position: relative;
  width: 24px;
}

.contact-mobile-large .header-bar-3 {
  align-items: flex-start;
  align-self: stretch;
  background-color: var(--white);
  box-shadow: 0px 4px 24px #0f1a2333;
  display: flex;
  flex-direction: column;
  height: 100px;
  justify-content: center;
  padding: 6px 30px 0px;
  position: relative;
  width: 100%;
}

.contact-mobile-large .header-container-3 {
  display: grid;
  gap: 460px 0px;
  grid-template-columns:   minmax(0,1fr) fit-content(100%);
  grid-template-rows: repeat(1,fit-content(100%));
  height: 60px;
  left: 30px;
  position: relative;
  top: 23px;
  width: 707px;
}

.contact-mobile-large .rectangle-34624195-3 {
  align-self: center;
  aspect-ratio: 4;
  grid-column: 1 / 2;
  grid-row: 1 / 2;
  height: 55px;
  position: relative;
  width: 220px;
}

.contact-mobile-large .container-3 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 50px;
  justify-content: center;
  padding: 80px;
  position: relative;
  width: 100%;
}

.contact-mobile-large .title-6 {
  align-items: center;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 20px;
  width: 100%;
}

.contact-mobile-large .title-7 {
  letter-spacing: 0;
  line-height: 82.8px;
  margin-top: -1.00px;
  text-align: center;
}

.contact-mobile-large .have-a-project-in-mi-3 {
  align-self: stretch;
  color: var(--hp-dark-lighter);
  font-weight: 500;
  line-height: 31.0px;
  position: relative;
  text-align: center;
}

.contact-mobile-large .x2-column-3 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  gap: 50px 30px;
  position: relative;
  width: 100%;
}

.contact-mobile-large .left-column-20 {
  align-items: flex-start;
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  gap: 40px;
  justify-content: center;
  position: relative;
}

.contact-mobile-large .left-column-21 {
  align-self: stretch;
  color: var(--hp-dark-lighter);
  font-weight: 700;
  line-height: 56.8px;
  margin-top: -1.00px;
  position: relative;
}

.contact-mobile-large .left-column-22 {
  align-self: stretch;
  color: var(--blaze-orange);
  font-weight: 700;
  line-height: 48px;
  position: relative;
}

.contact-mobile-large .frame-427319208-3 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 10px;
  position: relative;
  width: 100%;
}

.contact-mobile-large .left-column-23 {
  align-self: stretch;
  color: var(--hp-dark);
  font-weight: 700;
  line-height: 48px;
  margin-top: -1.00px;
  position: relative;
}

.contact-mobile-large .frame-427319207-3 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  gap: 40px;
  position: relative;
  width: 100%;
}

.contact-mobile-large .x-column-2 {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 10px;
  position: relative;
}

.contact-mobile-large .left-column-18 {
  letter-spacing: 0;
  line-height: 36px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.contact-mobile-large .left-column-19 {
  letter-spacing: 0;
  line-height: 36px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.contact-mobile-large .frame-427319205-3 {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 20px;
  position: relative;
}

.contact-mobile-large .icon-6 {
  aspect-ratio: 1;
  height: 60px;
  width: 60px;
}

.contact-mobile-large .form-3 {
  align-items: flex-start;
  background-color: var(--gray-2);
  border-radius: 24px;
  box-shadow: 0px 4px 24px #0f1a231f;
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 40px 50px 50px;
  position: relative;
  width: 600px;
}

.contact-mobile-large .form-and-field-3 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 20px;
  position: relative;
  width: 100%;
}

.contact-mobile-large .frame-427319206-3 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  gap: 8px;
  justify-content: center;
  padding: 0px 0px 10px;
  position: relative;
  width: 100%;
}

.contact-mobile-large .complete-the-form-be-3 {
  color: var(--white);
  flex: 1;
  font-weight: 500;
  line-height: 31.0px;
  margin-top: -1.00px;
  position: relative;
}

.contact-mobile-large .form-and-field-item-3 {
  align-items: center;
  align-self: stretch;
  background-color: var(--white);
  border: 1px solid;
  border-color: var(--gray-1);
  border-radius: 10px;
  display: flex;
  gap: 10px;
  height: 52px;
  padding: 16px 24px;
  position: relative;
  width: 100%;
}

.contact-mobile-large .place-3 {
  color: var(--hp-dark);
  font-weight: 400;
  line-height: 21.6px;
  margin-top: -2.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.contact-mobile-large .email-3 {
  color: var(--hp-dark);
  font-weight: 400;
  line-height: 21.6px;
  margin-top: -2.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.contact-mobile-large .phone-number-3 {
  color: var(--hp-dark);
  font-weight: 400;
  line-height: 21.6px;
  margin-top: -2.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.contact-mobile-large .what-services-are-yo-3 {
  align-self: stretch;
  color: var(--white);
  font-weight: 500;
  line-height: 30px;
  position: relative;
}

.contact-mobile-large .check-boxes-3 {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 40px;
  margin-right: -25.00px;
  position: relative;
}

.contact-mobile-large .rectangle-34624201-3 {
  border: 2px solid;
  border-color: var(--white);
  border-radius: 4px;
  height: 36px;
  position: relative;
  width: 36px;
}

.contact-mobile-large .interior-painting-3 {
  letter-spacing: 0;
  line-height: 25px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.contact-mobile-large .residential-painting-3 {
  letter-spacing: 0;
  line-height: 25px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.contact-mobile-large .cabinet-refinishing-3 {
  letter-spacing: 0;
  line-height: 25px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.contact-mobile-large .exterior-painting-3 {
  letter-spacing: 0;
  line-height: 25px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.contact-mobile-large .commercial-painting-3 {
  letter-spacing: 0;
  line-height: 25px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.contact-mobile-large .popcorn-ceiling-removal-3 {
  letter-spacing: 0;
  line-height: 25px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.contact-mobile-large .message-3 {
  align-items: flex-start;
  align-self: stretch;
  background-color: var(--white);
  border: 1px solid;
  border-color: var(--gray-1);
  border-radius: 8px;
  display: flex;
  gap: 10px;
  height: 200px;
  padding: 16px 24px;
  position: relative;
  width: 100%;
}

.contact-mobile-large .tell-us-more-about-your-project-3 {
  color: var(--hp-dark);
  font-weight: 400;
  line-height: 21.6px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.contact-mobile-large .button-4 {
  align-items: flex-start;
  background-color: var(--blaze-orange);
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  height: 72px;
  padding: 22px 29px;
  position: relative;
  width: 304px;
}

.contact-mobile-large .get-a-free-estimate-5 {
  left: 0;
  letter-spacing: 0;
  line-height: 27.1px;
  position: absolute;
  top: 0;
  width: 198px;
}

.contact-mobile-large .arrow-right-3 {
  height: 24px;
  left: 212px;
  position: absolute;
  top: 2px;
  width: 27px;
}

.contact-mobile-large .vector-4 {
  height: 56.25%;
  left: 22.21%;
  position: absolute;
  top: 21.88%;
  width: 57.66%;
}

.contact-mobile-large .bottom-cta-banner-3 {
  align-items: flex-start;
  align-self: stretch;
  background-image: url(../img/bottom-cta-banner-6.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  flex-direction: column;
  gap: 8px;
  height: 600px;
  justify-content: center;
  padding: 0px 60px;
  position: relative;
  width: 100%;
}

.contact-mobile-large .copy-and-button-3 {
  align-items: flex-start;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 24px;
  margin-right: -53.00px;
  position: relative;
  width: 700px;
}

.contact-mobile-large .frame-4-1 {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 10px;
  position: relative;
}

.contact-mobile-large .map-pin-3 {
  height: 32px;
  position: relative;
  width: 32px;
}

.contact-mobile-large .offering-services-in-3 {
  letter-spacing: 0;
  line-height: 25.8px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.contact-mobile-large .footer-3 {
  align-items: flex-start;
  align-self: stretch;
  background-color: var(--hp-dark);
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 20px;
  justify-content: center;
  padding: 20px 40px;
  position: relative;
  width: 100%;
}

.contact-mobile-large .nav-and-icons-3 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  gap: 40px;
  position: relative;
  width: 100%;
}

.contact-mobile-large .nav-3 {
  align-items: center;
  display: flex;
  flex: 1;
  flex-grow: 1;
  flex-wrap: wrap;
  gap: 20px 40px;
  position: relative;
}

.contact-mobile-large .icon-7 {
  height: 50px;
  width: 50px;
}

.contact-mobile-large .icon {
  object-fit: cover;
  position: relative;
}

.contact-mobile-large .title {
  align-self: stretch;
  position: relative;
}
/* screen - contact-mobile-small */

.contact-mobile-small {
  align-items: center;
  background-color: var(--white);
  display: flex;
  flex-direction: column;
  min-width: 390px;
  position: relative;
}

.contact-mobile-small .phone-bar {
  align-items: center;
  align-self: stretch;
  background-color: var(--black);
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  gap: 6px 6px;
  justify-content: center;
  padding: 15px 20px;
  position: relative;
  width: 100%;
}

.contact-mobile-small .phone {
  letter-spacing: 0;
  line-height: 25.8px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.contact-mobile-small .header-bar {
  align-items: flex-start;
  align-self: stretch;
  background-color: var(--white);
  box-shadow: 0px 4px 24px #0f1a2333;
  display: flex;
  flex-direction: column;
  height: 100px;
  justify-content: center;
  padding: 6px 30px 0px;
  position: relative;
  width: 100%;
}

.contact-mobile-small .header-container {
  display: grid;
  gap: 460px 0px;
  grid-template-columns:   minmax(0,1fr) fit-content(100%);
  grid-template-rows: repeat(1,fit-content(100%));
  height: 60px;
  left: 30px;
  position: relative;
  top: 23px;
  width: 330px;
}

.contact-mobile-small .rectangle-34624195 {
  align-self: center;
  aspect-ratio: 4;
  grid-column: 1 / 2;
  grid-row: 1 / 2;
  height: 55px;
  position: relative;
  width: 220px;
}

.contact-mobile-small .container {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 50px;
  justify-content: center;
  padding: 80px 40px;
  position: relative;
  width: 100%;
}

.contact-mobile-small .title {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 20px;
  position: relative;
  width: 100%;
}

.contact-mobile-small .contact-us {
  align-self: stretch;
  color: var(--hp-dark);
  font-family: var(--font-family-satoshi-bold);
  font-size: 56px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 64.4px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}

.contact-mobile-small .have-a-project-in-mi {
  align-self: stretch;
  color: var(--hp-dark-lighter);
  font-weight: 500;
  line-height: 31.0px;
  position: relative;
  text-align: center;
}

.contact-mobile-small .x2-column {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 50px;
  position: relative;
  width: 100%;
}

.contact-mobile-small .left-column {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 40px;
  justify-content: center;
  position: relative;
  width: 100%;
}

.contact-mobile-small .left-column-1 {
  align-self: stretch;
  color: var(--hp-dark-lighter);
  font-family: var(--font-family-satoshi-bold);
  font-size: 36px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 46.4px;
  margin-top: -1.00px;
  position: relative;
}

.contact-mobile-small .left-column-2 {
  align-self: stretch;
  color: var(--blaze-orange);
  font-weight: 700;
  line-height: 48px;
  position: relative;
}

.contact-mobile-small .frame-427319208 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 100%;
}

.contact-mobile-small .left-column-3 {
  align-self: stretch;
  color: var(--hp-dark);
  font-weight: 700;
  line-height: 48px;
  margin-top: -1.00px;
  position: relative;
}

.contact-mobile-small .frame-427319207 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  gap: 40px;
  width: 100%;
}

.contact-mobile-small .hours-column {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 10px;
  position: relative;
}

.contact-mobile-small .left-column-4 {
  letter-spacing: 0;
  line-height: 36px;
  margin-top: -1.00px;
  position: relative;
  width: fit-content;
}

.contact-mobile-small .left-column-5 {
  letter-spacing: 0;
  line-height: 36px;
  position: relative;
  width: fit-content;
}

.contact-mobile-small .frame-427319205 {
  align-items: center;
  display: inline-flex;
  gap: 20px;
}

.contact-mobile-small .icon {
  aspect-ratio: 1;
  height: 60px;
  object-fit: cover;
  position: relative;
  width: 60px;
}

.contact-mobile-small .form {
  align-items: flex-start;
  align-self: stretch;
  background-color: var(--gray-2);
  border-radius: 24px;
  box-shadow: 0px 4px 24px #0f1a231f;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 10px;
  padding: 40px 30px 50px;
  position: relative;
  width: 100%;
}

.contact-mobile-small .form-and-field {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 20px;
  position: relative;
  width: 100%;
}

.contact-mobile-small .frame-427319206 {
  align-items: center;
  align-self: stretch;
  display: flex;
  gap: 8px;
  justify-content: center;
  padding: 0px 0px 10px;
  width: 100%;
}

.contact-mobile-small .complete-the-form-be {
  color: var(--white);
  flex: 1;
  font-weight: 500;
  line-height: 31.0px;
  margin-top: -1.00px;
  position: relative;
}

.contact-mobile-small .form-and-field-item {
  align-items: center;
  align-self: stretch;
  background-color: var(--white);
  border: 1px solid;
  border-color: var(--gray-1);
  border-radius: 10px;
  display: flex;
  gap: 10px;
  height: 52px;
  padding: 16px 24px;
  position: relative;
  width: 100%;
}

.contact-mobile-small .place {
  color: var(--hp-dark);
  font-weight: 400;
  line-height: 21.6px;
  margin-top: -2.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.contact-mobile-small .email {
  color: var(--hp-dark);
  font-weight: 400;
  line-height: 21.6px;
  margin-top: -2.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.contact-mobile-small .phone-number {
  color: var(--hp-dark);
  font-weight: 400;
  line-height: 21.6px;
  margin-top: -2.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.contact-mobile-small .what-services-are-yo {
  align-self: stretch;
  color: var(--white);
  font-weight: 500;
  line-height: 30px;
  position: relative;
}

.contact-mobile-small .check-boxes {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 10px;
  position: relative;
}

.contact-mobile-small .check-box-column {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 10px;
  position: relative;
}

.contact-mobile-small .rectangle-34624201 {
  border: 2px solid;
  border-color: var(--white);
  border-radius: 4px;
  height: 36px;
  position: relative;
  width: 36px;
}

.contact-mobile-small .interior-painting {
  letter-spacing: 0;
  line-height: 25px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.contact-mobile-small .residential-painting {
  letter-spacing: 0;
  line-height: 25px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.contact-mobile-small .cabinet-refinishing {
  letter-spacing: 0;
  line-height: 25px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.contact-mobile-small .check-box-column-1 {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 10px;
  position: relative;
}

.contact-mobile-small .exterior-painting {
  letter-spacing: 0;
  line-height: 25px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.contact-mobile-small .commercial-painting {
  letter-spacing: 0;
  line-height: 25px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.contact-mobile-small .popcorn-ceiling-removal {
  letter-spacing: 0;
  line-height: 25px;
  margin-top: -1.00px;
  position: relative;
  width: 201px;
}

.contact-mobile-small .message {
  align-items: flex-start;
  align-self: stretch;
  background-color: var(--white);
  border: 1px solid;
  border-color: var(--gray-1);
  border-radius: 8px;
  display: flex;
  gap: 10px;
  height: 200px;
  padding: 16px 24px;
  position: relative;
  width: 100%;
}

.contact-mobile-small .tell-us-more-about-your-project {
  color: var(--hp-dark);
  flex: 1;
  font-weight: 400;
  line-height: 21.6px;
  margin-top: -1.00px;
  position: relative;
}

.contact-mobile-small .button {
  align-items: center;
  background-color: var(--blaze-orange);
  border-radius: 12px;
  display: inline-flex;
  flex-direction: column;
  gap: 8px;
  height: 72px;
  margin-right: -8.00px;
  padding: 20px 30px;
  position: relative;
}

.contact-mobile-small .group-1 {
  height: 27px;
  margin-right: -2.00px;
  position: relative;
  width: 200px;
}

.contact-mobile-small .get-a-free-estimate {
  left: 0;
  letter-spacing: 0;
  line-height: 27.1px;
  position: absolute;
  top: 0;
  width: 198px;
}

.contact-mobile-small .bottom-cta-banner {
  align-items: flex-start;
  align-self: stretch;
  background-image: url(../img/bottom-cta-banner-5.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  flex-direction: column;
  gap: 8px;
  height: 700px;
  padding: 60px 40px;
  position: relative;
  width: 100%;
}

.contact-mobile-small .copy-and-button {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 24px;
  position: relative;
  width: 100%;
}

.contact-mobile-small .frame-4 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  gap: 10px;
  width: 100%;
}

.contact-mobile-small .map-pin {
  height: 32px;
  position: relative;
  width: 30px;
}

.contact-mobile-small .vector {
  height: 14.58%;
  left: 42.50%;
  position: absolute;
  top: 34.38%;
  width: 15.00%;
}

.contact-mobile-small .offering-services-in {
  letter-spacing: 0;
  line-height: 25.8px;
  margin-top: -1.00px;
  position: relative;
  width: 251.29px;
}

.contact-mobile-small .title-1 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 67.8px;
  position: relative;
}

.contact-mobile-small .button-1 {
  align-items: flex-start;
  background-color: var(--blaze-orange);
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  height: 72px;
  padding: 22px 29px;
  position: relative;
  width: 304px;
}

.contact-mobile-small .group-1-1 {
  height: 27px;
  position: relative;
  width: 240.9px;
}

.contact-mobile-small .arrow-right {
  height: 24px;
  left: 212px;
  position: absolute;
  top: 2px;
  width: 27px;
}

.contact-mobile-small .vector-1 {
  height: 56.25%;
  left: 22.21%;
  position: absolute;
  top: 21.88%;
  width: 57.66%;
}

.contact-mobile-small .footer {
  align-items: flex-start;
  align-self: stretch;
  background-color: var(--hp-dark);
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 20px;
  justify-content: center;
  padding: 20px 40px;
  position: relative;
  width: 100%;
}

.contact-mobile-small .logo {
  align-items: flex-start;
  aspect-ratio: 3.01;
  display: flex;
  flex-direction: column;
  gap: 10px;
  height: 100px;
  position: relative;
  width: 300px;
}

.contact-mobile-small .logo-1 {
  align-self: stretch;
  flex: 1;
  flex-grow: 1;
  position: relative;
  width: 100%;
}

.contact-mobile-small .nav-and-icons {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 40px;
  justify-content: center;
  position: relative;
  width: 100%;
}

.contact-mobile-small .nav {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  gap: 20px 40px;
  position: relative;
  width: 100%;
}

.contact-mobile-small .nav-item {
  color: var(--white);
  font-weight: 500;
  line-height: 23.2px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.contact-mobile-small .contact-us-1 {
  color: var(--white);
  font-weight: 500;
  line-height: 23.2px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.contact-mobile-small .footer-terms {
  align-items: flex-start;
  align-self: stretch;
  border-color: var(--silver);
  border-top-style: solid;
  border-top-width: 1px;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 29px;
  padding: 20px 0px 0px;
  position: relative;
  width: 100%;
}

.contact-mobile-small .copyright {
  align-self: stretch;
  color: var(--white);
  font-weight: 400;
  line-height: 23.4px;
  margin-top: -1.00px;
  opacity: 0.8;
  position: relative;
  text-align: center;
}

.contact-mobile-small .frame {
  flex: 0 0 auto;
  position: relative;
}
@media screen and (max-width: 766px) {
  .screen.contact-desktop-small { 
    display: none;
   }
  .screen.contact-desktop-large-all-breakpoints { 
    display: none;
   }
  .screen.contact-mobile-large { 
    display: none;
   }
}
@media screen and (min-width: 767px) and (max-width: 1198px) {
  .screen.contact-mobile-small { 
    display: none;
   }
  .screen.contact-desktop-small { 
    display: none;
   }
  .screen.contact-desktop-large-all-breakpoints { 
    display: none;
   }
}
@media screen and (min-width: 1199px) and (max-width: 1511px) {
  .screen.contact-mobile-small { 
    display: none;
   }
  .screen.contact-desktop-large-all-breakpoints { 
    display: none;
   }
  .screen.contact-mobile-large { 
    display: none;
   }
}
@media screen and (min-width: 1512px) {
  .screen.contact-mobile-small { 
    display: none;
   }
  .screen.contact-desktop-small { 
    display: none;
   }
  .screen.contact-mobile-large { 
    display: none;
   }
}