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

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

.services-desktop-large-all-breakpoints .phone-bar {
  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%;
}

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

.services-desktop-large-all-breakpoints .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: 132px;
  padding: 6px 80px 0px;
  position: relative;
  width: 100%;
}

.services-desktop-large-all-breakpoints .header-container {
  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;
}

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

.services-desktop-large-all-breakpoints .frame-427319189 {
  align-items: center;
  align-self: center;
  display: inline-flex;
  gap: 33px;
  grid-column: 2 / 3;
  grid-row: 1 / 2;
  height: fit-content;
  justify-content: flex-end;
  justify-self: end;
  position: relative;
  width: fit-content;
}

.services-desktop-large-all-breakpoints .frame-3 {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 40px;
  justify-content: flex-end;
  position: relative;
}

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

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

.services-desktop-large-all-breakpoints .title {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 20px;
  padding: 60px 80px;
  position: relative;
  width: 100%;
}

.services-desktop-large-all-breakpoints .title-1 {
  align-self: stretch;
  color: var(--hp-dark);
  font-weight: 700;
  line-height: 98.9px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}

.services-desktop-large-all-breakpoints .take-a-closer-look-a {
  align-self: stretch;
  color: var(--hp-dark);
  font-weight: 500;
  line-height: 31.0px;
  position: relative;
  text-align: center;
}

.services-desktop-large-all-breakpoints .services {
  align-items: center;
  align-self: stretch;
  background-color: var(--gray-2);
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 24px;
  justify-content: center;
  padding: 60px 0px;
  position: relative;
  width: 100%;
}

.services-desktop-large-all-breakpoints .frame-427319209 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  gap: 24px 24px;
  justify-content: center;
  position: relative;
  width: 100%;
}

.services-desktop-large-all-breakpoints .service-card {
  align-items: flex-start;
  background-color: var(--white);
  border-radius: 24px;
  box-shadow: 0px 4px 24px #0f1a230a;
  display: flex;
  flex-direction: column;
  gap: 33px;
  position: relative;
  width: 664px;
}

.services-desktop-large-all-breakpoints .frame-427319203 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  height: 321px;
  position: relative;
  width: 100%;
}

.services-desktop-large-all-breakpoints .rectangle-34624200 {
  align-self: stretch;
  height: 320px;
  position: relative;
  width: 100%;
}

.services-desktop-large-all-breakpoints .frame-5 {
  align-items: center;
  background-color: var(--blaze-orange);
  border-radius: 40px;
  display: flex;
  gap: 10px;
  height: 80px;
  justify-content: center;
  left: 32px;
  padding: 20px;
  position: absolute;
  top: 275px;
  width: 80px;
}

.services-desktop-large-all-breakpoints .rectangle-34624201 {
  height: 45px;
  margin-bottom: -2.50px;
  margin-left: -2.50px;
  margin-right: -2.50px;
  margin-top: -2.50px;
  object-fit: cover;
  position: relative;
  width: 45px;
}

.services-desktop-large-all-breakpoints .frame-50 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 20px;
  padding: 20px 40px 40px;
  position: relative;
  width: 100%;
}

.services-desktop-large-all-breakpoints .interior-painting {
  align-self: stretch;
  color: var(--hp-dark);
  font-weight: 700;
  line-height: 43.2px;
  margin-top: -1.00px;
  position: relative;
  z-index: 2;
}

.services-desktop-large-all-breakpoints .refresh-your-homes {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 25.8px;
  position: relative;
  z-index: 1;
}

.services-desktop-large-all-breakpoints .read-more-01 {
  cursor: pointer;
  letter-spacing: 0;
  line-height: 25.8px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
  z-index: 0;
}

.services-desktop-large-all-breakpoints .frame-5-1 {
  align-items: center;
  background-color: var(--blaze-orange);
  border-radius: 40px;
  display: flex;
  gap: 10px;
  height: 80px;
  justify-content: center;
  left: 32px;
  padding: 20px;
  position: absolute;
  top: 275px;
  width: 80px;
}

.services-desktop-large-all-breakpoints .exterior-painting {
  align-self: stretch;
  color: var(--hp-dark);
  font-weight: 700;
  line-height: 43.2px;
  margin-top: -1.00px;
  position: relative;
  z-index: 2;
}

.services-desktop-large-all-breakpoints .enhance-curb-appeal {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 25.8px;
  position: relative;
  z-index: 1;
}

.services-desktop-large-all-breakpoints .read-more {
  letter-spacing: 0;
  line-height: 25.8px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
  z-index: 0;
}

.services-desktop-large-all-breakpoints .cabinet-refinishing {
  align-self: stretch;
  color: var(--hp-dark);
  font-weight: 700;
  line-height: 43.2px;
  margin-top: -1.00px;
  position: relative;
  z-index: 2;
}

.services-desktop-large-all-breakpoints .update-your-kitchen {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 25.8px;
  position: relative;
  z-index: 1;
}

.services-desktop-large-all-breakpoints .rectangle-34624201-1 {
  height: 45px;
  margin-bottom: -2.50px;
  margin-left: -2.50px;
  margin-right: -2.50px;
  margin-top: -2.50px;
  position: relative;
  width: 45px;
}

.services-desktop-large-all-breakpoints .popcorn-ceiling-removal {
  align-self: stretch;
  color: var(--hp-dark);
  font-weight: 700;
  line-height: 43.2px;
  margin-top: -1.00px;
  position: relative;
  z-index: 2;
}

.services-desktop-large-all-breakpoints .modernize-your-home {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 25.8px;
  position: relative;
  z-index: 1;
}

.services-desktop-large-all-breakpoints .button {
  align-items: flex-start;
  background-color: var(--blaze-orange);
  border-radius: 12px;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 8px;
  padding: 20px 22px 20px 26px;
  position: relative;
}

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

.services-desktop-large-all-breakpoints .get-a-free-estimate-1 {
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.services-desktop-large-all-breakpoints .arrow-right {
  height: 24px;
  position: relative;
  width: 26.9px;
}

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

.services-desktop-large-all-breakpoints .bottom-cta-banner {
  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%;
}

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

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

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

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

.services-desktop-large-all-breakpoints .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;
}

.services-desktop-large-all-breakpoints .group-1 {
  height: 27px;
  position: relative;
  width: 240.9px;
}

.services-desktop-large-all-breakpoints .get-a-free-estimate-2 {
  left: 0;
  position: absolute;
  top: 0;
  width: 198px;
}

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

.services-desktop-large-all-breakpoints .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%;
}

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

.services-desktop-large-all-breakpoints .logo {
  align-items: flex-start;
  aspect-ratio: 3.01;
  display: flex;
  flex-direction: column;
  gap: 10px;
  height: 100px;
  position: relative;
  width: 300px;
}

.services-desktop-large-all-breakpoints .logo-1 {
  align-self: stretch;
  flex: 1;
  flex-grow: 1;
  position: relative;
  width: 100%;
}

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

.services-desktop-large-all-breakpoints .nav-item {
  color: var(--white);
  font-weight: 500;
  line-height: 23.2px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.services-desktop-large-all-breakpoints .icon {
  height: 50px;
  object-fit: cover;
  position: relative;
  width: 50px;
}

.services-desktop-large-all-breakpoints .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%;
}

.services-desktop-large-all-breakpoints .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;
}

.services-desktop-large-all-breakpoints .get-a-free-estimate-3 {
  letter-spacing: 0;
  line-height: 27.1px;
}

.services-desktop-large-all-breakpoints .icon-3 {
  align-items: center;
  background-color: var(--blaze-orange);
  border-radius: 40px;
  display: flex;
  gap: 10px;
  height: 80px;
  justify-content: center;
  left: 32px;
  padding: 20px;
  position: absolute;
  top: 275px;
  width: 80px;
}
/* screen - services-desktop-small */

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

.services-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%;
}

.services-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%;
}

.services-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;
}

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

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

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

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

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

.services-desktop-small .take-a-closer-look-a-1 {
  align-self: stretch;
  color: var(--hp-dark);
  font-weight: 500;
  line-height: 31.0px;
  position: relative;
  text-align: center;
}

.services-desktop-small .services-1 {
  align-items: center;
  align-self: stretch;
  background-color: var(--gray-2);
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 24px;
  justify-content: center;
  padding: 60px 0px;
  position: relative;
  width: 100%;
}

.services-desktop-small .frame-427319209-1 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  gap: 24px 24px;
  justify-content: center;
  position: relative;
  width: 100%;
}

.services-desktop-small .service-card-1 {
  width: 501px;
}

.services-desktop-small .frame-427319203-1 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  height: 321px;
  position: relative;
  width: 100%;
}

.services-desktop-small .rectangle-34624200-1 {
  align-self: stretch;
  height: 320px;
  position: relative;
  width: 100%;
}

.services-desktop-small .rectangle-34624201-2 {
  object-fit: cover;
}

.services-desktop-small .frame-50-1 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 20px;
  padding: 20px 40px 40px;
  position: relative;
  width: 100%;
}

.services-desktop-small .interior-painting-1 {
  align-self: stretch;
  color: var(--hp-dark);
  font-weight: 700;
  line-height: 43.2px;
  margin-top: -1.00px;
  position: relative;
  z-index: 2;
}

.services-desktop-small .refresh-your-homes-1 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 25.8px;
  position: relative;
  z-index: 1;
}

.services-desktop-small .read-more-1 {
  letter-spacing: 0;
  line-height: 25.8px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
  z-index: 0;
}

.services-desktop-small .service-card-2 {
  width: 500px;
}

.services-desktop-small .exterior-painting-1 {
  align-self: stretch;
  color: var(--hp-dark);
  font-weight: 700;
  line-height: 43.2px;
  margin-top: -1.00px;
  position: relative;
  z-index: 2;
}

.services-desktop-small .enhance-curb-appeal-1 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 25.8px;
  position: relative;
  z-index: 1;
}

.services-desktop-small .icon-4 {
  align-items: center;
  background-color: var(--blaze-orange);
  border-radius: 40px;
  display: flex;
  gap: 10px;
  height: 80px;
  justify-content: center;
  left: 32px;
  padding: 20px;
  position: absolute;
  top: 275px;
  width: 80px;
}

.services-desktop-small .cabinet-refinishing-1 {
  align-self: stretch;
  color: var(--hp-dark);
  font-weight: 700;
  line-height: 43.2px;
  margin-top: -1.00px;
  position: relative;
  z-index: 2;
}

.services-desktop-small .update-your-kitchen-1 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 25.8px;
  position: relative;
  z-index: 1;
}

.services-desktop-small .icon-5 {
  align-items: center;
  background-color: var(--blaze-orange);
  border-radius: 40px;
  display: flex;
  gap: 10px;
  height: 80px;
  justify-content: center;
  left: 32px;
  padding: 20px;
  position: absolute;
  top: 275px;
  width: 80px;
}

.services-desktop-small .popcorn-ceiling-removal-1 {
  align-self: stretch;
  color: var(--hp-dark);
  font-weight: 700;
  line-height: 43.2px;
  margin-top: -1.00px;
  position: relative;
  z-index: 2;
}

.services-desktop-small .modernize-your-home-1 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 25.8px;
  position: relative;
  z-index: 1;
}

.services-desktop-small .button-2 {
  display: inline-flex;
  flex: 0 0 auto;
  padding: 20px 22px 20px 26px;
}

.services-desktop-small .get-a-free-estimate-4 {
  letter-spacing: 0;
  line-height: 27.1px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.services-desktop-small .arrow-right-2 {
  height: 24px;
  position: relative;
  width: 26.9px;
}

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

.services-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%;
}

.services-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;
}

.services-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;
}

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

.services-desktop-small .button-3 {
  display: flex;
  height: 72px;
  padding: 22px 29px;
  width: 304px;
}

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

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

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

.services-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%;
}

.services-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;
}

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

.services-desktop-small .icon-3 {
  height: 50px;
  object-fit: cover;
  position: relative;
  width: 50px;
}

.services-desktop-small .button {
  align-items: flex-start;
  background-color: var(--blaze-orange);
  border-radius: 12px;
  flex-direction: column;
  gap: 8px;
  position: relative;
}

.services-desktop-small .frame-5 {
  align-items: center;
  background-color: var(--blaze-orange);
  border-radius: 40px;
  display: flex;
  gap: 10px;
  height: 80px;
  justify-content: center;
  left: 32px;
  padding: 20px;
  position: absolute;
  top: 275px;
  width: 80px;
}

.services-desktop-small .rectangle-34624201 {
  height: 45px;
  margin-bottom: -2.50px;
  margin-left: -2.50px;
  margin-right: -2.50px;
  margin-top: -2.50px;
  position: relative;
  width: 45px;
}

.services-desktop-small .service-card {
  align-items: flex-start;
  background-color: var(--white);
  border-radius: 24px;
  box-shadow: 0px 4px 24px #0f1a230a;
  display: flex;
  flex-direction: column;
  gap: 33px;
  position: relative;
}

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

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

.services-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%;
}

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

.services-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%;
}

.services-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;
}

.services-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;
}

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

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

.services-mobile-large .take-a-closer-look-a-3 {
  align-self: stretch;
  color: var(--hp-dark);
  font-weight: 500;
  line-height: 31.0px;
  position: relative;
  text-align: center;
}

.services-mobile-large .services-3 {
  align-items: center;
  align-self: stretch;
  background-color: var(--gray-2);
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 24px;
  justify-content: center;
  padding: 60px 40px;
  position: relative;
  width: 100%;
}

.services-mobile-large .frame-427319209-3 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  gap: 24px 24px;
  justify-content: center;
  position: relative;
  width: 100%;
}

.services-mobile-large .service-card-5 {
  align-items: flex-start;
  background-color: var(--white);
  border-radius: 24px;
  box-shadow: 0px 4px 24px #0f1a230a;
  display: flex;
  flex-direction: column;
  gap: 33px;
  position: relative;
  width: 664px;
}

.services-mobile-large .frame-427319203-4 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  height: 321px;
  position: relative;
  width: 100%;
}

.services-mobile-large .rectangle-34624200-5 {
  object-fit: cover;
}

.services-mobile-large .rectangle-34624201-6 {
  object-fit: cover;
}

.services-mobile-large .frame-50-3 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 20px;
  padding: 20px 40px 40px;
  position: relative;
  width: 100%;
}

.services-mobile-large .interior-painting-3 {
  align-self: stretch;
  color: var(--hp-dark);
  font-weight: 700;
  line-height: 43.2px;
  margin-top: -1.00px;
  position: relative;
  z-index: 2;
}

.services-mobile-large .refresh-your-homes-3 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 25.8px;
  position: relative;
  z-index: 1;
}

.services-mobile-large .read-more-3 {
  letter-spacing: 0;
  line-height: 25.8px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
  z-index: 0;
}

.services-mobile-large .exterior-painting-3 {
  align-self: stretch;
  color: var(--hp-dark);
  font-weight: 700;
  line-height: 43.2px;
  margin-top: -1.00px;
  position: relative;
  z-index: 2;
}

.services-mobile-large .enhance-curb-appeal-3 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 25.8px;
  position: relative;
  z-index: 1;
}

.services-mobile-large .icon-9 {
  align-items: center;
  background-color: var(--blaze-orange);
  border-radius: 40px;
  display: flex;
  gap: 10px;
  height: 80px;
  justify-content: center;
  left: 32px;
  padding: 20px;
  position: absolute;
  top: 275px;
  width: 80px;
}

.services-mobile-large .cabinet-refinishing-3 {
  align-self: stretch;
  color: var(--hp-dark);
  font-weight: 700;
  line-height: 43.2px;
  margin-top: -1.00px;
  position: relative;
  z-index: 2;
}

.services-mobile-large .update-your-kitchen-3 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 25.8px;
  position: relative;
  z-index: 1;
}

.services-mobile-large .icon-10 {
  align-items: center;
  background-color: var(--blaze-orange);
  border-radius: 40px;
  display: flex;
  gap: 10px;
  height: 80px;
  justify-content: center;
  left: 32px;
  padding: 20px;
  position: absolute;
  top: 275px;
  width: 80px;
}

.services-mobile-large .popcorn-ceiling-removal-3 {
  align-self: stretch;
  color: var(--hp-dark);
  font-weight: 700;
  line-height: 43.2px;
  margin-top: -1.00px;
  position: relative;
  z-index: 2;
}

.services-mobile-large .modernize-your-home-3 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 25.8px;
  position: relative;
  z-index: 1;
}

.services-mobile-large .button-6 {
  display: inline-flex;
  flex: 0 0 auto;
  padding: 20px 22px 20px 26px;
}

.services-mobile-large .get-a-free-estimate-8 {
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.services-mobile-large .arrow-right-6 {
  height: 24px;
  position: relative;
  width: 26.9px;
}

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

.services-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%;
}

.services-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;
}

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

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

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

.services-mobile-large .button-7 {
  display: flex;
  height: 72px;
  padding: 22px 29px;
  width: 304px;
}

.services-mobile-large .get-a-free-estimate-9 {
  left: 0;
  position: absolute;
  top: 0;
  width: 198px;
}

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

.services-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%;
}

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

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

.services-mobile-large .button {
  align-items: flex-start;
  background-color: var(--blaze-orange);
  border-radius: 12px;
  flex-direction: column;
  gap: 8px;
  position: relative;
}

.services-mobile-large .frame-5 {
  align-items: center;
  background-color: var(--blaze-orange);
  border-radius: 40px;
  display: flex;
  gap: 10px;
  height: 80px;
  justify-content: center;
  left: 32px;
  padding: 20px;
  position: absolute;
  top: 275px;
  width: 80px;
}

.services-mobile-large .get-a-free-estimate {
  letter-spacing: 0;
  line-height: 27.1px;
}

.services-mobile-large .rectangle-34624200 {
  align-self: stretch;
  height: 320px;
  position: relative;
  width: 100%;
}

.services-mobile-large .rectangle-34624201 {
  height: 45px;
  margin-bottom: -2.50px;
  margin-left: -2.50px;
  margin-right: -2.50px;
  margin-top: -2.50px;
  position: relative;
  width: 45px;
}

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

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

.services-mobile-small .phone-bar-2 {
  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%;
}

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

.services-mobile-small .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: 100px;
  justify-content: center;
  padding: 6px 30px 0px;
  position: relative;
  width: 100%;
}

.services-mobile-small .header-container-2 {
  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;
}

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

.services-mobile-small .title-4 {
  align-items: center;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 20px;
  padding: 60px 40px;
  width: 100%;
}

.services-mobile-small .title-5 {
  letter-spacing: 0;
  line-height: 82.8px;
  margin-top: -1.00px;
  text-align: center;
}

.services-mobile-small .take-a-closer-look-a-2 {
  align-self: stretch;
  color: var(--hp-dark);
  font-weight: 500;
  line-height: 31.0px;
  position: relative;
  text-align: center;
}

.services-mobile-small .services-2 {
  align-items: center;
  align-self: stretch;
  background-color: var(--gray-2);
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 24px;
  justify-content: center;
  padding: 30px 0px;
  position: relative;
  width: 100%;
}

.services-mobile-small .frame-427319209-2 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  gap: 24px 24px;
  justify-content: center;
  padding: 0px 20px;
  position: relative;
  width: 100%;
}

.services-mobile-small .frame-427319203-2 {
  flex: 0 0 auto;
}

.services-mobile-small .rectangle-34624200-2 {
  height: 250px;
}

.services-mobile-small .icon-6 {
  align-items: center;
  background-color: var(--blaze-orange);
  border-radius: 40px;
  display: flex;
  gap: 10px;
  height: 80px;
  justify-content: center;
  left: 32px;
  padding: 20px;
  position: absolute;
  top: 210px;
  width: 80px;
}

.services-mobile-small .rectangle-34624201-4 {
  object-fit: cover;
}

.services-mobile-small .frame-50-2 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 20px;
  padding: 20px 40px 40px;
  position: relative;
  width: 100%;
}

.services-mobile-small .interior-painting-2 {
  align-self: stretch;
  color: var(--hp-dark);
  font-weight: 700;
  line-height: 43.2px;
  margin-top: -1.00px;
  position: relative;
  z-index: 2;
}

.services-mobile-small .refresh-your-homes-2 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 25.8px;
  position: relative;
  z-index: 1;
}

.services-mobile-small .read-more-2 {
  letter-spacing: 0;
  line-height: 25.8px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
  z-index: 0;
}

.services-mobile-small .frame-427319203-3 {
  height: 250px;
}

.services-mobile-small .rectangle-34624200-3 {
  flex: 1;
  flex-grow: 1;
  object-fit: cover;
}

.services-mobile-small .exterior-painting-2 {
  align-self: stretch;
  color: var(--hp-dark);
  font-weight: 700;
  line-height: 43.2px;
  margin-top: -1.00px;
  position: relative;
  z-index: 2;
}

.services-mobile-small .enhance-curb-appeal-2 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 25.8px;
  position: relative;
  z-index: 1;
}

.services-mobile-small .cabinet-refinishing-2 {
  align-self: stretch;
  color: var(--hp-dark);
  font-weight: 700;
  line-height: 43.2px;
  margin-top: -1.00px;
  position: relative;
  z-index: 2;
}

.services-mobile-small .update-your-kitchen-2 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 25.8px;
  position: relative;
  z-index: 1;
}

.services-mobile-small .service-card-4 {
  height: 573px;
}

.services-mobile-small .popcorn-ceiling-removal-2 {
  align-self: stretch;
  color: var(--hp-dark);
  font-weight: 700;
  line-height: 43.2px;
  margin-top: -1.00px;
  position: relative;
  z-index: 2;
}

.services-mobile-small .modernize-your-home-2 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 25.8px;
  position: relative;
  z-index: 1;
}

.services-mobile-small .button-4 {
  display: inline-flex;
  flex: 0 0 auto;
  padding: 20px 22px 20px 26px;
}

.services-mobile-small .get-a-free-estimate-6 {
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.services-mobile-small .arrow-right-4 {
  height: 24px;
  position: relative;
  width: 26.9px;
}

.services-mobile-small .bottom-cta-banner-2 {
  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%;
}

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

.services-mobile-small .frame-4 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  gap: 10px;
  position: relative;
  width: 100%;
}

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

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

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

.services-mobile-small .give-your-home-a-nue-coat-2 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 67.8px;
  position: relative;
}

.services-mobile-small .button-5 {
  display: flex;
  height: 72px;
  padding: 22px 29px;
  width: 304px;
}

.services-mobile-small .get-a-free-estimate-7 {
  left: 0;
  position: absolute;
  top: 0;
  width: 198px;
}

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

.services-mobile-small .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%;
}

.services-mobile-small .nav-and-icons-2 {
  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%;
}

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

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

.services-mobile-small .icon-7 {
  height: 50px;
  object-fit: cover;
  position: relative;
  width: 50px;
}

.services-mobile-small .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%;
}

.services-mobile-small .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;
}

.services-mobile-small .button {
  align-items: flex-start;
  background-color: var(--blaze-orange);
  border-radius: 12px;
  flex-direction: column;
  gap: 8px;
  position: relative;
}

.services-mobile-small .frame-427319203 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  position: relative;
  width: 100%;
}

.services-mobile-small .get-a-free-estimate {
  letter-spacing: 0;
  line-height: 27.1px;
}

.services-mobile-small .rectangle-34624200 {
  align-self: stretch;
  position: relative;
  width: 100%;
}

.services-mobile-small .rectangle-34624201 {
  height: 45px;
  margin-bottom: -2.50px;
  margin-left: -2.50px;
  margin-right: -2.50px;
  margin-top: -2.50px;
  position: relative;
  width: 45px;
}

.services-mobile-small .service-card {
  align-items: flex-start;
  background-color: var(--white);
  border-radius: 24px;
  box-shadow: 0px 4px 24px #0f1a230a;
  display: flex;
  flex-direction: column;
  gap: 33px;
  position: relative;
  width: 350px;
}

.services-mobile-small .title {
  align-self: stretch;
  position: relative;
}
@media screen and (max-width: 766px) {
  .screen.services-desktop-large-all-breakpoints { 
    display: none;
   }
  .screen.services-desktop-small { 
    display: none;
   }
  .screen.services-mobile-large { 
    display: none;
   }
}
@media screen and (min-width: 767px) and (max-width: 1198px) {
  .screen.services-desktop-large-all-breakpoints { 
    display: none;
   }
  .screen.services-desktop-small { 
    display: none;
   }
  .screen.services-mobile-small { 
    display: none;
   }
}
@media screen and (min-width: 1199px) and (max-width: 1511px) {
  .screen.services-desktop-large-all-breakpoints { 
    display: none;
   }
  .screen.services-mobile-small { 
    display: none;
   }
  .screen.services-mobile-large { 
    display: none;
   }
}
@media screen and (min-width: 1512px) {
  .screen.services-desktop-small { 
    display: none;
   }
  .screen.services-mobile-small { 
    display: none;
   }
  .screen.services-mobile-large { 
    display: none;
   }
}