/* screen - roofing */

.roofing {
  align-items: flex-end;
  background-color: var(--white);
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  height: auto;
  justify-content: flex-start;
  min-height: 5807px;
  overflow-x: hidden;
  position: relative;
  width: 1442px;
}

.roofing .nav-IqybOZ {
  align-items: center;
  align-self: center;
  background-color: transparent;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  flex-shrink: 1;
  height: 51px;
  justify-content: flex-start;
  margin-right: 8.0px;
  margin-top: 58px;
  min-width: 1234px;
  position: relative;
  width: auto;
}

.roofing .logo-lblreC {
  flex-shrink: 1;
  height: 51px;
  position: relative;
}

.roofing .services-lblreC {
  background-color: transparent;
  flex-shrink: 1;
  font-weight: 300;
  height: auto;
  letter-spacing: 0.00px;
  line-height: 21px;
  margin-bottom: 2.0px;
  margin-left: 142px;
  min-width: 68px;
  position: relative;
  text-align: left;
  white-space: nowrap;
  width: auto;
}

.roofing .pricing-lblreC {
  background-color: transparent;
  flex-shrink: 1;
  font-weight: 300;
  height: auto;
  letter-spacing: 0.00px;
  line-height: 21px;
  margin-bottom: 2.0px;
  margin-left: 41px;
  min-width: 55px;
  position: relative;
  text-align: left;
  white-space: nowrap;
  width: auto;
}

.roofing .resources-lblreC {
  background-color: transparent;
  flex-shrink: 1;
  font-weight: 300;
  height: auto;
  letter-spacing: 0.00px;
  line-height: 21px;
  margin-bottom: 2.0px;
  margin-left: 42px;
  min-width: 84px;
  position: relative;
  text-align: left;
  white-space: nowrap;
  width: auto;
}

.roofing .button-lblreC {
  align-self: flex-start;
  background-image: url(../img/hvac-button-backgroundmask-2.png);
  height: 50px;
  margin-left: 41px;
}

.roofing .background-BD9Xfo {
  height: 50px;
  width: 357px;
}

.roofing .shchedule-a-free-consultation-BD9Xfo {
  top: 16px;
}

.roofing .login-button-lblreC {
  align-self: flex-start;
  background-color: transparent;
  background-image: url(../img/chiropractor-button-backgroundmask-3@2x.png);
  background-size: 100% 100%;
  flex-shrink: 1;
  height: 50px;
  margin-left: 43px;
  overflow: hidden;
  position: relative;
  width: 143px;
}

.roofing .background-eAPkxu {
  height: 50px;
  width: 143px;
}

.roofing .login-eAPkxu {
  background-color: transparent;
  font-weight: 600;
  height: 29px;
  left: 37px;
  letter-spacing: 0.88px;
  line-height: 21px;
  position: absolute;
  text-align: center;
  top: 12px;
  width: 68px;
}

.roofing .section-1-IqybOZ {
  align-items: flex-start;
  background-color: transparent;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  flex-shrink: 1;
  height: 766px;
  justify-content: flex-start;
  margin-right: 2px;
  margin-top: 130px;
  min-width: 1346px;
  position: relative;
  width: auto;
}

.roofing .flex-col-4o1XEZ {
  align-self: flex-end;
  min-height: 750px;
  width: 628px;
}

.roofing .title-xxvM5j {
  line-height: 46px;
  margin-left: 4px;
  min-height: 93px;
  min-width: 624px;
  text-align: left;
  width: 624px;
}

.roofing .in-todays-competiti-xxvM5j {
  background-color: transparent;
  flex-shrink: 1;
  font-weight: 400;
  height: auto;
  letter-spacing: 0.00px;
  line-height: 30px;
  margin-left: 4px;
  margin-top: 85px;
  min-height: 465px;
  min-width: 624px;
  position: relative;
  text-align: left;
  width: 624px;
}

.roofing .schedule-button-xxvM5j {
  background-color: transparent;
  flex-shrink: 1;
  height: 42px;
  margin-top: 65px;
  position: relative;
  width: 218px;
}

.roofing .button-background-kAqaNF {
  background-color: transparent;
  height: 42px;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 217px;
}

.roofing .button-text-kAqaNF {
  background-color: transparent;
  font-weight: 600;
  height: auto;
  left: -1px;
  letter-spacing: 1.10px;
  line-height: 21px;
  position: absolute;
  text-align: center;
  top: 10px;
  white-space: nowrap;
  width: 219px;
}

.roofing .overlap-group-4o1XEZ {
  background-color: transparent;
  flex-shrink: 1;
  height: 422px;
  margin-left: 104px;
  margin-top: -1.5px;
  position: relative;
  width: 614px;
}

.roofing .rectangle-LQpkaa {
  background-color: var(--iron);
  height: 339px;
  left: 187px;
  position: absolute;
  top: 42px;
  width: 427px;
}

.roofing .oval-LQpkaa {
  background-color: transparent;
  height: 339px;
  left: 0px;
  position: absolute;
  top: 42px;
  width: 339px;
}

.roofing .image-2-LQpkaa {
  background-color: transparent;
  height: 247px;
  left: 140px;
  position: absolute;
  top: 175px;
  width: 369px;
}

.roofing .image-1-LQpkaa {
  background-color: transparent;
  height: 247px;
  left: 82px;
  position: absolute;
  top: 0px;
  width: 369px;
}

.roofing .section-2-IqybOZ {
  align-items: center;
  background-color: transparent;
  background-image: url(../img/pest-control-background-1.png);
  background-size: 100% 100%;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  flex-shrink: 1;
  height: auto;
  justify-content: flex-start;
  margin-right: -4px;
  margin-top: 145px;
  min-height: 735px;
  padding: 68px 0;
  position: relative;
  width: 1440px;
}

.roofing .title-1oixQ2 {
  line-height: 64px;
  margin-right: 8.0px;
  margin-top: 5px;
  min-height: 78px;
  min-width: 1182px;
  text-align: center;
  width: 1182px;
}

.roofing .with-fast-mail-direct-1oixQ2 {
  line-height: 21px;
  margin-top: 39px;
  min-height: 189px;
  min-width: 1210px;
  text-align: center;
  width: 1210px;
}

.roofing .circle-check-items-1oixQ2 {
  align-items: flex-start;
  background-color: transparent;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  flex-shrink: 1;
  height: 140px;
  justify-content: flex-start;
  margin-right: 10.0px;
  margin-top: 42px;
  min-width: 1080px;
  position: relative;
  width: auto;
}

.roofing .flex-col-ddJRp4 {
  min-height: 139px;
  width: 284px;
}

.roofing .easy-9du57c {
  background-color: transparent;
  flex-shrink: 1;
  font-weight: 400;
  height: auto;
  letter-spacing: 0.00px;
  line-height: 21px;
  min-height: 60px;
  min-width: 284px;
  position: relative;
  text-align: left;
  width: 284px;
}

.roofing .new-mover-mailers-9du57c {
  background-color: transparent;
  flex-shrink: 1;
  font-weight: 400;
  height: auto;
  letter-spacing: 0.00px;
  line-height: 21px;
  margin-top: 17px;
  min-height: 62px;
  min-width: 284px;
  position: relative;
  text-align: left;
  width: 284px;
}

.roofing .ion-container-ddJRp4 {
  align-items: flex-start;
  background-color: transparent;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  flex-shrink: 1;
  height: auto;
  justify-content: flex-start;
  margin-left: 105px;
  min-height: 140px;
  position: relative;
  width: 304px;
}

.roofing .percision-targeting-Ax1snG {
  background-color: transparent;
  flex-shrink: 1;
  font-weight: 400;
  height: auto;
  letter-spacing: 0.00px;
  line-height: 21px;
  min-height: 63px;
  min-width: 284px;
  position: relative;
  text-align: left;
  width: 284px;
}

.roofing .personalization-options-Ax1snG {
  background-color: transparent;
  flex-shrink: 1;
  font-weight: 400;
  height: auto;
  letter-spacing: 0.00px;
  line-height: 21px;
  margin-top: 14px;
  min-height: 63px;
  min-width: 304px;
  position: relative;
  text-align: left;
  width: 304px;
}

.roofing .flex-col-GpmwI3 {
  margin-left: 85px;
  min-height: 137px;
  width: 304px;
}

.roofing .automated-campaigns-Ni15Uv {
  background-color: transparent;
  flex-shrink: 1;
  font-weight: 400;
  height: auto;
  letter-spacing: 0.00px;
  line-height: 21px;
  min-height: 63px;
  min-width: 304px;
  position: relative;
  text-align: left;
  width: 304px;
}

.roofing .fast-delivery-Ni15Uv {
  background-color: transparent;
  flex-shrink: 1;
  font-weight: 400;
  height: auto;
  letter-spacing: 0.00px;
  line-height: 21px;
  margin-top: 14px;
  min-height: 60px;
  min-width: 304px;
  position: relative;
  text-align: left;
  width: 304px;
}

.roofing .button-1oixQ2 {
  background-image: url(../img/hvac-button-backgroundmask-1.png);
  height: 43px;
  margin-left: 1.0px;
  margin-top: 63px;
}

.roofing .background-9nvtGV {
  height: 43px;
  width: 357px;
}

.roofing .shchedule-a-free-consultation-9nvtGV {
  top: 12px;
}

.roofing .section-3-IqybOZ {
  align-items: center;
  align-self: center;
  background-color: transparent;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  flex-shrink: 1;
  height: auto;
  justify-content: flex-start;
  margin-left: 11.0px;
  margin-top: 88px;
  min-height: 2284px;
  position: relative;
  width: 1241px;
}

.roofing .title-U4nekR {
  line-height: 64px;
  margin-right: 1.0px;
  min-width: 830px;
  text-align: center;
  white-space: nowrap;
  width: 830px;
}

.roofing .group-container-U4nekR {
  align-items: center;
  flex-direction: row;
  height: 491px;
  margin-right: 1.0px;
  margin-top: 48px;
  min-width: 1240px;
  width: auto;
}

.roofing .group-1-DHNBbd {
  align-items: flex-start;
  background-color: transparent;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  flex-shrink: 1;
  height: 255px;
  justify-content: flex-start;
  margin-top: 46.0px;
  min-width: 601px;
  position: relative;
  width: auto;
}

.roofing .x01-dz4p3h {
  background-color: transparent;
  flex-shrink: 1;
  font-weight: 400;
  height: auto;
  letter-spacing: 0.00px;
  line-height: 82px;
  min-height: 74px;
  min-width: 71px;
  position: relative;
  text-align: left;
  white-space: nowrap;
  width: 71px;
}

.roofing .cus-container-dz4p3h {
  align-items: flex-start;
  align-self: flex-end;
  background-color: transparent;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  flex-shrink: 1;
  height: auto;
  justify-content: flex-start;
  margin-left: 22px;
  min-height: 228px;
  position: relative;
  width: 510px;
}

.roofing .target-the-right-cus-lFMEdx {
  background-color: transparent;
  flex-shrink: 1;
  font-weight: 400;
  height: auto;
  letter-spacing: 0.00px;
  line-height: 23px;
  min-height: 37px;
  min-width: 495px;
  position: relative;
  text-align: left;
  width: 495px;
}

.roofing .not-every-customer-i-lFMEdx {
  background-color: transparent;
  flex-shrink: 1;
  font-weight: 300;
  height: auto;
  letter-spacing: 0.00px;
  line-height: 23px;
  margin-top: 30px;
  min-height: 161px;
  min-width: 510px;
  position: relative;
  text-align: left;
  width: 510px;
}

.roofing .group-1-image-DHNBbd {
  background-color: transparent;
  background-image: url(../img/non-profits-image-1-backgroundmask.png);
  background-size: 100% 100%;
  flex-shrink: 1;
  height: 491px;
  margin-left: 129px;
  overflow: hidden;
  position: relative;
  width: 510px;
}

.roofing .group-container-lexPlP {
  align-items: center;
  align-self: flex-start;
  flex-direction: row;
  height: 428px;
  margin-left: 1px;
  margin-top: 133px;
  min-width: 1210px;
  width: auto;
}

.roofing .group-2-image-rt2IZH {
  background-color: transparent;
  flex-shrink: 1;
  height: 428px;
  position: relative;
  width: 510px;
}

.roofing .group-2-rt2IZH {
  align-items: flex-start;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  height: auto;
  justify-content: flex-start;
  margin-left: 109px;
  margin-top: 5.0px;
  min-height: 251px;
  width: 591px;
}

.roofing .flex-row-lOKrEa {
  align-items: flex-end;
  height: 68px;
  min-width: 572px;
}

.roofing .x02-TvaLbD {
  background-color: transparent;
  flex-shrink: 1;
  font-weight: 400;
  height: auto;
  letter-spacing: 0.00px;
  line-height: 82px;
  min-height: 68px;
  min-width: 80px;
  position: relative;
  text-align: left;
  white-space: nowrap;
  width: 80px;
}

.roofing .customize-mail-in-mi-TvaLbD {
  background-color: transparent;
  flex-shrink: 1;
  font-weight: 400;
  height: auto;
  letter-spacing: 0.00px;
  line-height: 23px;
  margin-left: 22px;
  min-height: 37px;
  min-width: 470px;
  position: relative;
  text-align: left;
  width: 470px;
}

.roofing .we-host-your-branded-lOKrEa {
  align-self: flex-end;
  background-color: transparent;
  flex-shrink: 1;
  font-weight: 400;
  height: auto;
  letter-spacing: 0.00px;
  line-height: 23px;
  margin-right: -2px;
  margin-top: 30px;
  min-height: 153px;
  min-width: 491px;
  position: relative;
  text-align: left;
  width: 491px;
}

.roofing .group-container-8XLzJg {
  align-items: flex-start;
  flex-direction: row;
  height: 320px;
  margin-top: 141px;
  min-width: 1241px;
  width: auto;
}

.roofing .group-3-AriPVe {
  align-items: flex-start;
  background-color: transparent;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  flex-shrink: 1;
  height: 251px;
  justify-content: flex-start;
  margin-top: 15px;
  min-width: 620px;
  position: relative;
  width: auto;
}

.roofing .x03-KSi9cD {
  background-color: transparent;
  flex-shrink: 1;
  font-weight: 400;
  height: auto;
  letter-spacing: 0.00px;
  line-height: 82px;
  min-height: 68px;
  min-width: 87px;
  position: relative;
  text-align: left;
  white-space: nowrap;
  width: 87px;
}

.roofing .a-personal-touch-container-KSi9cD {
  align-items: flex-start;
  align-self: flex-end;
  background-color: transparent;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  flex-shrink: 1;
  height: auto;
  justify-content: flex-start;
  margin-left: 22px;
  min-height: 220px;
  position: relative;
  width: 513px;
}

.roofing .add-a-personal-touch-xHdRnY {
  background-color: transparent;
  flex-shrink: 1;
  font-weight: 400;
  height: auto;
  letter-spacing: 0.00px;
  line-height: 23px;
  min-height: 37px;
  min-width: 373px;
  position: relative;
  text-align: left;
  width: 373px;
}

.roofing .people-are-more-like-xHdRnY {
  background-color: transparent;
  flex-shrink: 1;
  font-weight: 300;
  height: auto;
  letter-spacing: 0.00px;
  line-height: 23px;
  margin-top: 30px;
  min-height: 153px;
  min-width: 513px;
  position: relative;
  text-align: left;
  width: 513px;
}

.roofing .group-3-image-AriPVe {
  align-items: flex-start;
  background-color: transparent;
  background-image: url(../img/gutter-cleaning-rectangle-3-mask.png);
  background-size: 100% 100%;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  flex-shrink: 1;
  height: 320px;
  justify-content: flex-start;
  margin-left: 111px;
  overflow: hidden;
  position: relative;
  width: 510px;
}

.roofing .rectangle-3-xrQsFK {
  background-color: transparent;
  flex-shrink: 1;
  height: 341px;
  margin-left: 12px;
  margin-top: -21px;
  position: relative;
  width: 603px;
}

.roofing .group-container-IZ6kmj {
  align-items: flex-end;
  flex-direction: row;
  height: 348px;
  margin-left: 1.0px;
  margin-top: 127px;
  min-width: 1240px;
  width: auto;
}

.roofing .group-4-image-m0ZPGB {
  background-color: transparent;
  flex-shrink: 1;
  height: 348px;
  position: relative;
  width: 510px;
}

.roofing .group-4-m0ZPGB {
  align-items: flex-start;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  height: auto;
  justify-content: flex-start;
  margin-bottom: 18px;
  margin-left: 111px;
  min-height: 218px;
  width: 619px;
}

.roofing .flex-row-xGDCSH {
  align-items: flex-start;
  height: 66px;
  min-width: 443px;
}

.roofing .x04-lMxLtU {
  align-self: flex-end;
  background-color: transparent;
  flex-shrink: 1;
  font-weight: 400;
  height: auto;
  letter-spacing: 0.00px;
  line-height: 23px;
  min-height: 64px;
  min-width: 88px;
  position: relative;
  text-align: left;
  width: 88px;
}

.roofing .manage-your-brand-lMxLtU {
  background-color: transparent;
  flex-shrink: 1;
  font-weight: 400;
  height: auto;
  letter-spacing: 0.00px;
  line-height: 23px;
  margin-left: 22px;
  min-height: 37px;
  min-width: 333px;
  position: relative;
  text-align: left;
  width: 333px;
}

.roofing .with-fast-mail-direct-xGDCSH {
  align-self: flex-end;
  line-height: 23px;
  margin-right: -2px;
  margin-top: 1px;
  min-height: 151px;
  min-width: 511px;
  text-align: left;
  width: 511px;
}

.roofing .button-U4nekR {
  background-image: url(../img/hvac-button-backgroundmask-2.png);
  height: 49px;
  margin-left: 2.0px;
  margin-top: 135px;
}

.roofing .background-lhPxGk {
  height: 49px;
  width: 357px;
}

.roofing .shchedule-a-free-consultation-lhPxGk {
  top: 15px;
}

.roofing .section-4-IqybOZ {
  align-items: center;
  background-color: var(--cararra);
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  flex-shrink: 1;
  height: auto;
  justify-content: flex-start;
  margin-right: -5px;
  margin-top: 75px;
  min-height: 697px;
  padding: 80px 0;
  position: relative;
  width: 1440px;
}

.roofing .our-quality-guarante-1sOEeA {
  background-color: transparent;
  flex-shrink: 1;
  font-weight: 400;
  height: auto;
  letter-spacing: 0.00px;
  line-height: 64px;
  margin-top: 0px;
  min-width: 534px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: auto;
}

.roofing .flex-row-1sOEeA {
  align-items: flex-start;
  height: 401px;
  margin-top: 65px;
  min-width: 1238px;
}

.roofing .group-container-38cGUz {
  align-items: flex-start;
  flex-direction: column;
  height: auto;
  min-height: 401px;
  width: 278px;
}

.roofing .group-16-PH8SJm {
  align-items: flex-end;
  background-color: var(--black-2);
  border-radius: 5px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  flex-shrink: 1;
  height: auto;
  justify-content: flex-start;
  min-height: 179px;
  padding: 25px 76px;
  position: relative;
  width: 277px;
}

.roofing .group-AiAqH5 {
  align-self: center;
  background-color: transparent;
  flex-shrink: 1;
  height: 53px;
  margin-left: 2.0px;
  margin-top: 4px;
  position: relative;
  width: 53px;
}

.roofing .stroke-1-xGKf5S {
  height: 34px;
  left: 5px;
  top: 9px;
  width: 30px;
}

.roofing .stroke-2-xGKf5S {
  height: 53px;
  left: -2px;
  width: 43px;
}

.roofing .stroke-4-xGKf5S {
  height: 4px;
  left: 12px;
  top: 16px;
  width: 16px;
}

.roofing .stroke-6-xGKf5S {
  height: 4px;
  left: 12px;
  top: 23px;
  width: 16px;
}

.roofing .stroke-8-xGKf5S {
  height: 4px;
  left: 12px;
  top: 30px;
  width: 11px;
}

.roofing .stroke-10-xGKf5S {
  height: 32px;
  left: 23px;
  top: 23px;
  width: 32px;
}

.roofing .stroke-12-xGKf5S {
  height: 14px;
  left: 30px;
  top: 33px;
  width: 17px;
}

.roofing .highly-targeted-list-AiAqH5 {
  background-color: transparent;
  flex-shrink: 1;
  font-weight: 400;
  height: auto;
  letter-spacing: 0.00px;
  line-height: 28px;
  margin-top: 16px;
  min-height: 56px;
  min-width: 124px;
  position: relative;
  text-align: center;
  width: auto;
}

.roofing .group-10-PH8SJm {
  align-items: flex-end;
  background-color: var(--black-2);
  border-radius: 5px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  flex-shrink: 1;
  height: auto;
  justify-content: flex-start;
  margin-left: 1px;
  margin-top: 43px;
  min-height: 179px;
  padding: 26px 75px;
  position: relative;
  width: 277px;
}

.roofing .group-15-TzSj0K {
  align-self: center;
  background-color: transparent;
  flex-shrink: 1;
  height: 50px;
  margin-left: 1.0px;
  margin-top: 5px;
  position: relative;
  width: 72px;
}

.roofing .guaranteed-deliverab-TzSj0K {
  background-color: transparent;
  flex-shrink: 1;
  font-weight: 400;
  height: auto;
  letter-spacing: 0.00px;
  line-height: 28px;
  margin-top: 16px;
  min-height: 56px;
  min-width: 126px;
  position: relative;
  text-align: center;
  width: auto;
}

.roofing .group-container-pZf4C6 {
  align-items: flex-start;
  flex-direction: column;
  height: auto;
  margin-left: 42px;
  min-height: 401px;
  width: 278px;
}

.roofing .group-17-ea4xWD {
  align-items: flex-end;
  background-color: var(--black-2);
  border-radius: 5px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  flex-shrink: 1;
  height: auto;
  justify-content: flex-start;
  min-height: 179px;
  padding: 25px 55px;
  position: relative;
  width: 277px;
}

.roofing .group-14-NqkQlY {
  background-color: transparent;
  flex-shrink: 1;
  height: 53px;
  margin-right: 59px;
  margin-top: 4px;
  position: relative;
  width: 48px;
}

.roofing .stroke-1-bxxE21 {
  height: 4px;
  left: 9px;
  top: 14px;
  width: 29px;
}

.roofing .stroke-2-bxxE21 {
  height: 20px;
  left: 12px;
  width: 25px;
}

.roofing .stroke-4-bxxE21 {
  height: 23px;
  left: -2px;
  top: 21px;
  width: 52px;
}

.roofing .stroke-6-bxxE21 {
  height: 16px;
  left: -2px;
  top: 9px;
  width: 52px;
}

.roofing .stroke-8-bxxE21 {
  height: 23px;
  left: 6px;
  top: 32px;
  width: 35px;
}

.roofing .stroke-10-bxxE21 {
  height: 5px;
  left: 38px;
  top: 26px;
  width: 5px;
}

.roofing .stroke-12-bxxE21 {
  height: 5px;
  left: 38px;
  top: 32px;
  width: 5px;
}

.roofing .stroke-14-bxxE21 {
  background-color: transparent;
  height: 4px;
  left: 21px;
  position: absolute;
  top: 37px;
  width: 10px;
}

.roofing .stroke-16-bxxE21 {
  background-color: transparent;
  height: 4px;
  left: 14px;
  position: absolute;
  top: 42px;
  width: 18px;
}

.roofing .stroke-18-bxxE21 {
  background-color: transparent;
  height: 4px;
  left: 12px;
  position: absolute;
  top: 46px;
  width: 21px;
}

.roofing .state-of-the-art-dig-NqkQlY {
  background-color: transparent;
  flex-shrink: 1;
  font-weight: 400;
  height: auto;
  letter-spacing: 0.00px;
  line-height: 28px;
  margin-top: 16px;
  min-height: 56px;
  min-width: 166px;
  position: relative;
  text-align: center;
  width: auto;
}

.roofing .group-9-ea4xWD {
  align-items: center;
  background-color: var(--black-2);
  border-radius: 5px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  flex-shrink: 1;
  height: auto;
  justify-content: flex-start;
  margin-left: 1px;
  margin-top: 43px;
  min-height: 179px;
  padding: 27px 0;
  position: relative;
  width: 277px;
}

.roofing .group-12-g2m4h9 {
  background-color: transparent;
  flex-shrink: 1;
  height: 50px;
  margin-top: 4px;
  position: relative;
  width: 41px;
}

.roofing .stroke-1-fKuxoR {
  height: 45px;
  left: 7px;
  top: -2px;
  width: 36px;
}

.roofing .stroke-3-fKuxoR {
  height: 43px;
  left: 2px;
  top: 5px;
  width: 34px;
}

.roofing .stroke-5-fKuxoR {
  height: 43px;
  left: -2px;
  top: 9px;
  width: 34px;
}

.roofing .highest-quality-pape-g2m4h9 {
  background-color: transparent;
  flex-shrink: 1;
  font-weight: 400;
  height: auto;
  letter-spacing: 0.00px;
  line-height: 28px;
  margin-top: 15px;
  min-height: 56px;
  min-width: 143px;
  position: relative;
  text-align: center;
  width: auto;
}

.roofing .group-container-ubO14z {
  align-items: flex-start;
  flex-direction: column;
  height: auto;
  margin-left: 42px;
  min-height: 401px;
  width: 278px;
}

.roofing .group-20-uQZyyM {
  align-items: flex-end;
  background-color: var(--black-2);
  border-radius: 5px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  flex-shrink: 1;
  height: auto;
  justify-content: flex-start;
  min-height: 179px;
  padding: 24px 29px;
  position: relative;
  width: 277px;
}

.roofing .group-11-xGUmAs {
  align-self: center;
  background-color: transparent;
  flex-shrink: 1;
  height: 55px;
  margin-left: 2.0px;
  margin-top: 4px;
  position: relative;
  width: 49px;
}

.roofing .x100-full-color-vari-xGUmAs {
  background-color: transparent;
  flex-shrink: 1;
  font-weight: 400;
  height: auto;
  letter-spacing: 0.00px;
  line-height: 28px;
  margin-top: 16px;
  min-height: 56px;
  min-width: 218px;
  position: relative;
  text-align: center;
  width: auto;
}

.roofing .group-6-uQZyyM {
  align-items: flex-end;
  background-color: var(--black-2);
  border-radius: 5px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  flex-shrink: 1;
  height: auto;
  justify-content: flex-start;
  margin-left: 1px;
  margin-top: 43px;
  min-height: 179px;
  padding: 31px 67px;
  position: relative;
  width: 277px;
}

.roofing .group-13-CpxYcT {
  align-self: center;
  background-color: transparent;
  flex-shrink: 1;
  height: 34px;
  margin-left: 2.0px;
  margin-top: 8px;
  position: relative;
  width: 53px;
}

.roofing .stroke-1-PUw0xx {
  height: 38px;
  left: -2px;
  top: -2px;
  width: 57px;
}

.roofing .stroke-3-PUw0xx {
  height: 13px;
  left: 35px;
  top: 5px;
  width: 13px;
}

.roofing .stroke-4-PUw0xx {
  height: 4px;
  left: 7px;
  top: 7px;
  width: 9px;
}

.roofing .stroke-5-PUw0xx {
  height: 4px;
  left: 7px;
  top: 18px;
  width: 25px;
}

.roofing .stroke-6-PUw0xx {
  height: 4px;
  left: 7px;
  top: 25px;
  width: 32px;
}

.roofing .hand-stamped-envelop-CpxYcT {
  background-color: transparent;
  flex-shrink: 1;
  font-weight: 400;
  height: auto;
  letter-spacing: 0.00px;
  line-height: 28px;
  margin-top: 19px;
  min-height: 56px;
  min-width: 142px;
  position: relative;
  text-align: center;
  width: auto;
}

.roofing .group-container-gxsPfz {
  align-items: flex-start;
  flex-direction: column;
  height: auto;
  margin-left: 42px;
  min-height: 401px;
  width: 278px;
}

.roofing .group-21-R6Abzl {
  align-items: center;
  background-color: var(--black-2);
  border-radius: 5px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  flex-shrink: 1;
  height: auto;
  justify-content: flex-start;
  min-height: 179px;
  padding: 25px 0;
  position: relative;
  width: 277px;
}

.roofing .group-2-sXTmyX {
  height: 53px;
  margin-top: 4px;
  width: 43px;
}

.roofing .stroke-1-DNYEAA {
  height: 48px;
  left: -2px;
  top: 7px;
  width: 47px;
}

.roofing .stroke-3-DNYEAA {
  height: 4px;
  left: 13px;
  top: -2px;
  width: 18px;
}

.roofing .stroke-5-DNYEAA {
  height: 8px;
  left: 35px;
  top: 10px;
  width: 8px;
}

.roofing .stroke-7-DNYEAA {
  height: 14px;
  left: 16px;
  top: -2px;
  width: 11px;
}

.roofing .stroke-9-DNYEAA {
  height: 7px;
  left: 37px;
  top: 8px;
  width: 7px;
}

.roofing .stroke-11-DNYEAA {
  height: 15px;
  left: 9px;
  top: 19px;
  width: 14px;
}

.roofing .fast-turnaround-time-sXTmyX {
  background-color: transparent;
  flex-shrink: 1;
  font-weight: 400;
  height: auto;
  letter-spacing: 0.00px;
  line-height: 28px;
  margin-top: 16px;
  min-height: 56px;
  min-width: 157px;
  position: relative;
  text-align: center;
  width: auto;
}

.roofing .group-5-R6Abzl {
  align-items: flex-end;
  background-color: var(--black-2);
  border-radius: 5px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  flex-shrink: 1;
  height: auto;
  justify-content: flex-start;
  margin-left: 1px;
  margin-top: 43px;
  min-height: 179px;
  padding: 26px 91px;
  position: relative;
  width: 277px;
}

.roofing .group-4-zemX3e {
  align-self: center;
  height: 53px;
  margin-left: 2.0px;
  margin-top: 3px;
  width: 53px;
}

.roofing .stroke-1-vxkd8o {
  height: 38px;
  left: -2px;
  top: 17px;
  width: 57px;
}

.roofing .stroke-9-vxkd8o {
  height: 35px;
  left: 7px;
  top: -2px;
  width: 39px;
}

.roofing .rectangle-vxkd8o {
  background-color: var(--white);
  height: 2px;
  left: 10px;
  position: absolute;
  top: 31px;
  width: 33px;
}

.roofing .rectangle-copy-11-vxkd8o {
  background-color: var(--white);
  height: 2px;
  left: 14px;
  position: absolute;
  top: 32px;
  width: 25px;
}

.roofing .rectangle-copy-vxkd8o {
  background-color: var(--white);
  height: 3px;
  left: 15px;
  position: absolute;
  top: 33px;
  width: 23px;
}

.roofing .stroke-3-vxkd8o {
  height: 13px;
  left: 5px;
  top: 35px;
  width: 43px;
}

.roofing .stroke-5-vxkd8o {
  height: 15px;
  left: 33px;
  top: 23px;
  width: 22px;
}

.roofing .stroke-7-vxkd8o {
  height: 15px;
  left: -2px;
  top: 23px;
  width: 22px;
}

.roofing .stroke-11-vxkd8o {
  height: 4px;
  left: 13px;
  top: 7px;
  width: 27px;
}

.roofing .stroke-13-vxkd8o {
  background-color: transparent;
  height: 4px;
  left: 13px;
  position: absolute;
  top: 12px;
  width: 27px;
}

.roofing .stroke-15-vxkd8o {
  background-color: transparent;
  height: 4px;
  left: 13px;
  position: absolute;
  top: 16px;
  width: 17px;
}

.roofing .increased-open-rate-zemX3e {
  background-color: transparent;
  flex-shrink: 1;
  font-weight: 400;
  height: auto;
  letter-spacing: 0.00px;
  line-height: 28px;
  margin-top: 15px;
  min-height: 56px;
  min-width: 94px;
  position: relative;
  text-align: center;
  width: auto;
}

.roofing .section-5-IqybOZ {
  align-items: center;
  align-self: center;
  background-color: transparent;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  flex-shrink: 1;
  height: auto;
  justify-content: flex-start;
  margin-left: 13.0px;
  margin-top: 56px;
  min-height: 391px;
  position: relative;
  width: 1241px;
}

.roofing .title-Cace1c {
  line-height: 64px;
  margin-right: 1.0px;
  min-height: 72px;
  min-width: 1016px;
  text-align: center;
  white-space: nowrap;
  width: 1016px;
}

.roofing .roofing-company-loca-Cace1c {
  background-color: transparent;
  flex-shrink: 1;
  font-weight: 300;
  height: auto;
  letter-spacing: 0.00px;
  line-height: 21px;
  margin-top: 28px;
  min-height: 291px;
  min-width: 1243px;
  position: relative;
  text-align: center;
  width: 1243px;
}

.roofing .footer-IqybOZ {
  background-color: transparent;
  flex-shrink: 1;
  height: 274px;
  margin-top: 58px;
  position: relative;
  width: 1442px;
}

.roofing .rectangle-dic80G {
  background-color: transparent;
  height: 274px;
  left: 1px;
  position: absolute;
  top: 0px;
  width: 1440px;
}

.roofing .copyright-dic80G {
  background-color: transparent;
  font-weight: 300;
  height: auto;
  left: 599px;
  letter-spacing: 0.00px;
  line-height: 23px;
  position: absolute;
  text-align: center;
  top: 227px;
  white-space: nowrap;
  width: auto;
}

.roofing .line-dic80G {
  background-color: transparent;
  height: 43px;
  left: -0px;
  position: absolute;
  top: 186px;
  width: 1443px;
}

.roofing .links-dic80G {
  background-color: transparent;
  font-weight: 400;
  height: auto;
  left: 261px;
  letter-spacing: 0.00px;
  line-height: 33px;
  position: absolute;
  text-align: left;
  top: 133px;
  white-space: nowrap;
  width: auto;
}

.roofing .socials-dic80G {
  background-color: transparent;
  font-weight: 400;
  height: auto;
  left: 1174px;
  letter-spacing: 0.00px;
  line-height: 28px;
  position: absolute;
  text-align: center;
  top: 55px;
  width: 148px;
}

.roofing .logo-dic80G {
  height: 47px;
  left: 101px;
  position: absolute;
  top: 46px;
}