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

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

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

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

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

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

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

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

.services-detail-desktop-large-all-breakpoints .frame-3 {
  flex: 0 0 auto;
  gap: 40px;
}

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

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

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

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

.services-detail-desktop-large-all-breakpoints .services-2 {
  align-self: stretch;
  color: var(--clementine);
  font-weight: 500;
  line-height: 31.0px;
  margin-top: -1.00px;
  position: relative;
}

.services-detail-desktop-large-all-breakpoints .title-5 {
  color: var(--hp-dark);
  font-weight: 700;
  line-height: 98.9px;
}

.services-detail-desktop-large-all-breakpoints .left-column-2 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 40px;
  justify-content: center;
  position: relative;
  width: 690px;
}

.services-detail-desktop-large-all-breakpoints .a-fresh-coat-of-pain-2 {
  align-self: stretch;
  color: var(--hp-dark-lighter);
  font-weight: 500;
  line-height: 31.2px;
  margin-top: -1.00px;
  position: relative;
}

.services-detail-desktop-large-all-breakpoints .button-6 {
  background-color: var(--blaze-orange);
  display: inline-flex;
}

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

.services-detail-desktop-large-all-breakpoints .contact-us-today-2 {
  letter-spacing: 0;
  line-height: 27.1px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

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

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

.services-detail-desktop-large-all-breakpoints .button-7 {
  background-color: var(--white);
  border: 2px solid;
  border-color: var(--clementine);
  display: inline-flex;
}

.services-detail-desktop-large-all-breakpoints .view-our-photo-gallery-2 {
  letter-spacing: 0;
  line-height: 27.1px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.services-detail-desktop-large-all-breakpoints .image-2 {
  height: 450px;
  position: relative;
  width: 600px;
}

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

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

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

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

.services-detail-desktop-large-all-breakpoints .button-8 {
  background-color: var(--blaze-orange);
  display: flex;
  width: 304px;
}

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

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

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

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

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

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

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

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

.services-detail-desktop-large-all-breakpoints .button {
  align-items: flex-start;
  border-radius: 12px;
  flex-direction: column;
  gap: 8px;
  height: 72px;
  padding: 22px 29px;
  position: relative;
}

.services-detail-desktop-large-all-breakpoints .frame {
  align-items: center;
  display: inline-flex;
  justify-content: flex-end;
  position: relative;
}

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

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

.services-detail-desktop-small .phone-bar-3 {
  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-detail-desktop-small .phone-3 {
  height: 24px;
  position: relative;
  width: 24px;
}

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

.services-detail-desktop-small .header-container-3 {
  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-detail-desktop-small .rectangle-34624195-3 {
  align-self: center;
  grid-column: 1 / 2;
  grid-row: 1 / 2;
  height: 122px;
  position: relative;
  width: 383px;
}

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

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

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

.services-detail-desktop-small .title-6 {
  align-items: flex-start;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 20px;
  width: 100%;
}

.services-detail-desktop-small .services-3 {
  align-self: stretch;
  color: var(--clementine);
  font-weight: 500;
  line-height: 31.0px;
  margin-top: -1.00px;
  position: relative;
}

.services-detail-desktop-small .title-7 {
  color: var(--hp-dark);
  font-weight: 700;
  line-height: 98.9px;
}

.services-detail-desktop-small .x2-column-3 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  gap: 50px 50px;
  position: relative;
  width: 100%;
}

.services-detail-desktop-small .left-column-3 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 40px;
  justify-content: center;
  position: relative;
  width: 500px;
}

.services-detail-desktop-small .a-fresh-coat-of-pain-3 {
  align-self: stretch;
  color: var(--hp-dark-lighter);
  font-weight: 500;
  line-height: 31.2px;
  margin-top: -1.00px;
  position: relative;
}

.services-detail-desktop-small .button-9 {
  background-color: var(--blaze-orange);
  display: inline-flex;
}

.services-detail-desktop-small .button-c-3 {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 20px;
  position: relative;
}

.services-detail-desktop-small .contact-us-today-3 {
  letter-spacing: 0;
  line-height: 27.1px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

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

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

.services-detail-desktop-small .button-10 {
  background-color: var(--white);
  border: 2px solid;
  border-color: var(--clementine);
  display: inline-flex;
}

.services-detail-desktop-small .view-our-photo-gallery-3 {
  letter-spacing: 0;
  line-height: 27.1px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.services-detail-desktop-small .image-3 {
  aspect-ratio: 1.33;
  height: 360px;
  position: relative;
  width: 480px;
}

.services-detail-desktop-small .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 110px;
  position: relative;
  width: 100%;
}

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

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

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

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

.services-detail-desktop-small .button-11 {
  background-color: var(--blaze-orange);
  display: flex;
  width: 304px;
}

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

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

.services-detail-desktop-small .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-detail-desktop-small .nav-and-icons-3 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  gap: 40px;
  position: relative;
  width: 100%;
}

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

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

.services-detail-desktop-small .button {
  align-items: flex-start;
  border-radius: 12px;
  flex-direction: column;
  gap: 8px;
  height: 72px;
  padding: 22px 29px;
  position: relative;
}

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

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

.services-detail-mobile-large .phone-bar-1 {
  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-detail-mobile-large .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: 100px;
  justify-content: center;
  padding: 6px 30px 0px;
  position: relative;
  width: 100%;
}

.services-detail-mobile-large .header-container-1 {
  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-detail-mobile-large .rectangle-34624195-1 {
  align-self: center;
  aspect-ratio: 4;
  grid-column: 1 / 2;
  grid-row: 1 / 2;
  height: 55px;
  position: relative;
  width: 220px;
}

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

.services-detail-mobile-large .title-2 {
  align-items: flex-start;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 20px;
  width: 100%;
}

.services-detail-mobile-large .services-1 {
  align-self: stretch;
  color: var(--clementine);
  font-weight: 500;
  line-height: 31.0px;
  margin-top: -1.00px;
  position: relative;
}

.services-detail-mobile-large .title-3 {
  letter-spacing: 0;
  line-height: 82.8px;
}

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

.services-detail-mobile-large .left-column-1 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 40px;
  justify-content: center;
  position: relative;
  width: 600px;
}

.services-detail-mobile-large .a-fresh-coat-of-pain-1 {
  align-self: stretch;
  color: var(--hp-dark-lighter);
  font-weight: 500;
  line-height: 31.2px;
  margin-top: -1.00px;
  position: relative;
}

.services-detail-mobile-large .button-3 {
  background-color: var(--blaze-orange);
  display: inline-flex;
}

.services-detail-mobile-large .button-c-1 {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 20px;
  position: relative;
}

.services-detail-mobile-large .contact-us-today-1 {
  letter-spacing: 0;
  line-height: 27.1px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

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

.services-detail-mobile-large .button-4 {
  background-color: var(--white);
  border: 2px solid;
  border-color: var(--clementine);
  display: inline-flex;
}

.services-detail-mobile-large .view-our-photo-gallery-1 {
  letter-spacing: 0;
  line-height: 27.1px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.services-detail-mobile-large .image-1 {
  aspect-ratio: 1.33;
  flex: 1;
  flex-grow: 1;
  position: relative;
}

.services-detail-mobile-large .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 60px;
  position: relative;
  width: 100%;
}

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

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

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

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

.services-detail-mobile-large .button-5 {
  background-color: var(--blaze-orange);
  display: flex;
  width: 304px;
}

.services-detail-mobile-large .group-1-1 {
  height: 27px;
  position: relative;
  width: 240.9px;
}

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

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

.services-detail-mobile-large .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-detail-mobile-large .logo-2 {
  align-items: flex-start;
  aspect-ratio: 3.01;
  display: flex;
  flex-direction: column;
  gap: 10px;
  height: 100px;
  position: relative;
  width: 300px;
}

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

.services-detail-mobile-large .button {
  align-items: flex-start;
  border-radius: 12px;
  flex-direction: column;
  gap: 8px;
  height: 72px;
  padding: 22px 29px;
  position: relative;
}

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

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

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

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

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

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

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

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

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

.services-detail-mobile-small .services {
  align-self: stretch;
  color: var(--clementine);
  font-weight: 500;
  line-height: 31.0px;
  margin-top: -1.00px;
  position: relative;
}

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

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

.services-detail-mobile-small .left-column {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 40px;
  justify-content: center;
  position: relative;
  width: 300px;
}

.services-detail-mobile-small .a-fresh-coat-of-pain {
  align-self: stretch;
  color: var(--hp-dark-lighter);
  font-weight: 500;
  line-height: 31.2px;
  margin-top: -1.00px;
  position: relative;
}

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

.services-detail-mobile-small .button-c {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 20px;
  position: relative;
}

.services-detail-mobile-small .contact-us-today {
  letter-spacing: 0;
  line-height: 27.1px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

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

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

.services-detail-mobile-small .button-1 {
  align-items: flex-start;
  background-color: var(--white);
  border: 2px solid;
  border-color: var(--clementine);
  border-radius: 12px;
  display: inline-flex;
  flex-direction: column;
  gap: 8px;
  height: 72px;
  margin-right: -27.90px;
  padding: 22px 29px;
  position: relative;
}

.services-detail-mobile-small .view-our-photo-gallery {
  letter-spacing: 0;
  line-height: 27.1px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.services-detail-mobile-small .image {
  aspect-ratio: 1.33;
  flex: 1;
  flex-grow: 1;
  position: relative;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.services-detail-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;
}
@media screen and (max-width: 766px) {
  .screen.services-detail-mobile-large { 
    display: none;
   }
  .screen.services-detail-desktop-large-all-breakpoints { 
    display: none;
   }
  .screen.services-detail-desktop-small { 
    display: none;
   }
}
@media screen and (min-width: 767px) and (max-width: 1198px) {
  .screen.services-detail-mobile-small { 
    display: none;
   }
  .screen.services-detail-desktop-large-all-breakpoints { 
    display: none;
   }
  .screen.services-detail-desktop-small { 
    display: none;
   }
}
@media screen and (min-width: 1199px) and (max-width: 1511px) {
  .screen.services-detail-mobile-small { 
    display: none;
   }
  .screen.services-detail-mobile-large { 
    display: none;
   }
  .screen.services-detail-desktop-large-all-breakpoints { 
    display: none;
   }
}
@media screen and (min-width: 1512px) {
  .screen.services-detail-mobile-small { 
    display: none;
   }
  .screen.services-detail-mobile-large { 
    display: none;
   }
  .screen.services-detail-desktop-small { 
    display: none;
   }
}