.u-section-1 {
  background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url('images/West-Los-Angeles-Roofing-Gray-Shingle-BG.png');
  background-position: 50% 0%, 50% 0%;
  background-size: cover, cover;
  background-repeat: repeat, no-repeat;
}

.u-section-1 .u-sheet-1 {
  min-height: 74px;
}

.u-section-1 .u-text-1 {
  font-size: 3.75rem;
  margin: 11px auto 11px 25px;
}

@media (max-width: 1199px) {
  .u-section-1 .u-sheet-1 {
    min-height: 61px;
  }
}

@media (max-width: 991px) {
  .u-section-1 .u-sheet-1 {
    min-height: 47px;
  }
}

@media (max-width: 767px) {
  .u-section-1 .u-sheet-1 {
    min-height: 35px;
  }
}

@media (max-width: 575px) {
  .u-section-1 .u-sheet-1 {
    min-height: 166px;
  }

  .u-section-1 .u-text-1 {
    font-size: 3rem;
    width: auto;
    margin-left: 0;
    margin-right: 0;
  }
}.u-section-2 .u-sheet-1 {
  min-height: 1811px;
  margin-bottom: 0;
}

.u-section-2 .u-layout-wrap-1 {
  width: 1127px;
  margin: 34px auto 4px;
}

.u-section-2 .u-layout-cell-1 {
  min-height: 1467px;
  filter: none;
}

.u-section-2 .u-container-layout-1 {
  padding: 0;
}

.u-section-2 .u-group-1 {
  min-height: 1457px;
  height: auto;
  width: 1128px;
  margin: 0 -418px 0 auto;
}

.u-section-2 .u-container-layout-2 {
  padding: 0;
}

.u-section-2 .u-image-1 {
  width: 696px;
  height: 696px;
  margin: 0 auto;
  display: block;
  object-fit: cover;
  object-position: center top;
}

.u-section-2 .u-text-1 {
  margin: -600px auto 0 auto;
  text-align: center;
}

.u-section-2 .u-gallery-1 {
  height: 560px;
  width: 678px;
  margin: 19px auto 0 18px;
}

.u-section-2 .u-gallery-inner-1 {
  --gap: 0px;
}

.u-section-2 .u-carousel-item-1 {
  margin-right: 0;
}

.u-section-2 .u-over-slide-1 {
  min-height: 100px;
  padding: 10px;
}

.u-section-2 .u-carousel-item-2 {
  margin-right: 0;
}

.u-section-2 .u-over-slide-2 {
  min-height: 100px;
  padding: 10px;
}

.u-section-2 .u-carousel-item-3 {
  margin-right: 0;
}

.u-section-2 .u-over-slide-3 {
  min-height: 100px;
  padding: 10px;
}

.u-section-2 .u-carousel-item-4 {
  margin-right: 0;
}

.u-section-2 .u-over-slide-4 {
  min-height: 100px;
  padding: 10px;
}

.u-section-2 .u-carousel-item-5 {
  margin-right: 0;
}

.u-section-2 .u-over-slide-5 {
  min-height: 100px;
  padding: 10px;
}

.u-section-2 .u-carousel-item-6 {
  margin-right: 0;
}

.u-section-2 .u-over-slide-6 {
  min-height: 100px;
  padding: 10px;
}

.u-section-2 .u-carousel-item-7 {
  margin-right: 0;
}

.u-section-2 .u-over-slide-7 {
  min-height: 100px;
  padding: 10px;
}

.u-section-2 .u-carousel-thumbnails-1 {
  padding-top: 10px;
}

.u-section-2 .u-carousel-thumbnail-1 {
  width: 100px;
  height: 100px;
}

.u-section-2 .u-carousel-thumbnail-2 {
  width: 100px;
  height: 100px;
}

.u-section-2 .u-carousel-thumbnail-3 {
  width: 100px;
  height: 100px;
}

.u-section-2 .u-carousel-thumbnail-4 {
  width: 100px;
  height: 100px;
}

.u-section-2 .u-carousel-thumbnail-5 {
  width: 100px;
  height: 100px;
}

.u-section-2 .u-carousel-thumbnail-6 {
  width: 100px;
  height: 100px;
}

.u-section-2 .u-carousel-thumbnail-7 {
  width: 100px;
  height: 100px;
}

.u-section-2 .u-carousel-control-1 {
  position: absolute;
  left: 10px;
  width: 40px;
  height: 40px;
  top: 122px;
  padding: 4px;
}

.u-section-2 .u-carousel-control-2 {
  position: absolute;
  right: 10px;
  width: 40px;
  height: 40px;
  top: 122px;
  padding: 4px;
}

.u-section-2 .u-text-2 {
  margin: 18px 20px 0 5px;
}

.u-section-2 .u-layout-cell-2 {
  min-height: 1432px;
}

.u-section-2 .u-container-layout-3 {
  padding: 0;
}

.u-section-2 .u-image-9 {
  height: 538px;
  margin: 0;
}

.u-section-2 .u-text-3 {
  font-size: 1.875rem;
  font-weight: 700;
  margin: -523px 10px 0;
}

.u-section-2 .u-text-4 {
  font-size: 1.125rem;
  margin: 0 28px 0 10px;
}

.u-section-2 .u-form-1 {
  height: 343px;
  --thumb-color: #478ac9;
  --thumb-hover-color: #77aad9;
  --track-color: #c0c0c0;
  --track-active-color: #478ac9;
  margin: 70px 10px 0 6px;
}

.u-section-2 .u-form-group-1 {
  margin-left: 0;
}

.u-section-2 .u-form-group-3 {
  margin-left: 0;
}

.u-section-2 .u-btn-1 {
  background-image: none;
}

.u-section-2 .u-list-1 {
  margin-top: 19px;
  margin-bottom: 0;
}

.u-section-2 .u-repeater-1 {
  --gap: 10px;
  grid-auto-columns: 100%;
  grid-template-columns: repeat(1, 100%);
  min-height: 502px;
}

.u-section-2 .u-list-item-1 {
  --top-right-radius: 20px;
  --bottom-right-radius: 20px;
  --animation-custom_in-translate_x: 0px;
  --animation-custom_in-translate_y: 0px;
  --animation-custom_in-opacity: 0;
  --animation-custom_in-rotate: 0deg;
  --animation-custom_in-scale: 1;
}

.u-section-2 .u-container-layout-4 {
  padding: 10px;
}

.u-section-2 .u-icon-1 {
  width: 64px;
  height: 64px;
  margin: 10px auto 0 9px;
}

.u-section-2 .u-text-5 {
  font-weight: 700;
  font-size: 1.5rem;
  margin: -64px auto 0 92px;
}

.u-section-2 .u-list-item-2 {
  --top-right-radius: 20px;
  --bottom-right-radius: 20px;
  --animation-custom_in-translate_x: 0px;
  --animation-custom_in-translate_y: 0px;
  --animation-custom_in-opacity: 0;
  --animation-custom_in-rotate: 0deg;
  --animation-custom_in-scale: 1;
}

.u-section-2 .u-container-layout-5 {
  padding: 10px;
}

.u-section-2 .u-icon-2 {
  width: 64px;
  height: 64px;
  --text-color-var: #f7b50b;
  color: rgb(247, 181, 11) !important;
  margin: 10px auto 0 9px;
}

.u-section-2 .u-text-6 {
  font-weight: 700;
  font-size: 1.5rem;
  margin: -64px auto 0 92px;
}

.u-section-2 .u-list-item-3 {
  --top-right-radius: 20px;
  --bottom-right-radius: 20px;
  --animation-custom_in-translate_x: 0px;
  --animation-custom_in-translate_y: 0px;
  --animation-custom_in-opacity: 0;
  --animation-custom_in-rotate: 0deg;
  --animation-custom_in-scale: 1;
}

.u-section-2 .u-container-layout-6 {
  padding: 10px;
}

.u-section-2 .u-icon-3 {
  width: 64px;
  height: 64px;
  margin: 10px auto 0 9px;
}

.u-section-2 .u-text-7 {
  font-weight: 700;
  font-size: 1.5rem;
  margin: -64px auto 0 92px;
}

.u-section-2 .u-list-item-4 {
  --top-right-radius: 20px;
  --bottom-right-radius: 20px;
  --animation-custom_in-translate_x: 0px;
  --animation-custom_in-translate_y: 0px;
  --animation-custom_in-opacity: 0;
  --animation-custom_in-rotate: 0deg;
  --animation-custom_in-scale: 1;
}

.u-section-2 .u-container-layout-7 {
  padding: 10px;
}

.u-section-2 .u-icon-4 {
  width: 64px;
  height: 64px;
  margin: 10px auto 0 9px;
}

.u-section-2 .u-text-8 {
  font-weight: 700;
  font-size: 1.5rem;
  margin: -64px auto 0 92px;
}

.u-section-2 .u-image-10 {
  height: 320px;
  margin-top: 32px;
  margin-bottom: 0;
}

@media (max-width: 1199px) {
  .u-section-2 .u-sheet-1 {
    min-height: 1291px;
  }

  .u-section-2 .u-layout-wrap-1 {
    width: 940px;
  }

  .u-section-2 .u-layout-cell-1 {
    min-height: 423px;
    background-position: 50% 50%;
  }

  .u-section-2 .u-group-1 {
    background-position: 50% 50%;
    background-repeat: no-repeat, no-repeat;
    background-size: cover, cover;
    width: 592px;
    margin-right: 0;
    height: auto;
  }

  .u-section-2 .u-image-1 {
    width: 592px;
    height: 592px;
  }

  .u-section-2 .u-text-1 {
    margin-top: -510px;
  }

  .u-section-2 .u-gallery-1 {
    width: 592px;
    margin-left: 0;
  }

  .u-section-2 .u-carousel-item-1 {
    margin-right: initial;
  }

  .u-section-2 .u-carousel-item-2 {
    margin-right: initial;
  }

  .u-section-2 .u-carousel-item-3 {
    margin-right: initial;
  }

  .u-section-2 .u-carousel-item-4 {
    margin-right: initial;
  }

  .u-section-2 .u-carousel-item-5 {
    margin-right: initial;
  }

  .u-section-2 .u-carousel-item-6 {
    margin-right: initial;
  }

  .u-section-2 .u-carousel-item-7 {
    margin-right: initial;
  }

  .u-section-2 .u-carousel-thumbnail-1 {
    width: 76px;
    height: 76px;
  }

  .u-section-2 .u-carousel-thumbnail-2 {
    width: 76px;
    height: 76px;
  }

  .u-section-2 .u-carousel-thumbnail-3 {
    width: 76px;
    height: 76px;
  }

  .u-section-2 .u-carousel-thumbnail-4 {
    width: 76px;
    height: 76px;
  }

  .u-section-2 .u-carousel-thumbnail-5 {
    width: 76px;
    height: 76px;
  }

  .u-section-2 .u-carousel-thumbnail-6 {
    width: 76px;
    height: 76px;
  }

  .u-section-2 .u-carousel-thumbnail-7 {
    width: 76px;
    height: 76px;
  }

  .u-section-2 .u-carousel-control-1 {
    left: 8px;
  }

  .u-section-2 .u-carousel-control-2 {
    right: 8px;
  }

  .u-section-2 .u-text-2 {
    margin-right: 0;
    margin-left: 0;
  }

  .u-section-2 .u-layout-cell-2 {
    min-height: 1194px;
  }

  .u-section-2 .u-image-9 {
    height: 449px;
    margin-right: initial;
    margin-left: initial;
  }

  .u-section-2 .u-text-3 {
    margin-top: -434px;
    margin-left: 0;
    margin-right: 0;
  }

  .u-section-2 .u-text-4 {
    margin-right: 0;
    margin-left: 0;
  }

  .u-section-2 .u-form-1 {
    margin-right: 0;
    margin-left: 0;
  }

  .u-section-2 .u-repeater-1 {
    grid-template-columns: 100%;
  }

  .u-section-2 .u-image-10 {
    height: 267px;
  }
}

@media (max-width: 991px) {
  .u-section-2 .u-sheet-1 {
    min-height: 151px;
  }

  .u-section-2 .u-layout-wrap-1 {
    width: 720px;
  }

  .u-section-2 .u-layout-cell-1 {
    min-height: 100px;
  }

  .u-section-2 .u-group-1 {
    width: 452px;
    min-height: 2359px;
  }

  .u-section-2 .u-image-1 {
    height: auto;
    margin-top: 4px;
    margin-right: initial;
    margin-left: initial;
    width: auto;
  }

  .u-section-2 .u-text-1 {
    width: 85%;
    margin-top: -360px;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
  }

  .u-section-2 .u-gallery-1 {
    width: 452px;
    margin-top: 50px;
  }

  .u-section-2 .u-carousel-thumbnail-1 {
    width: 56px;
    height: 56px;
  }

  .u-section-2 .u-carousel-thumbnail-2 {
    width: 56px;
    height: 56px;
  }

  .u-section-2 .u-carousel-thumbnail-3 {
    width: 56px;
    height: 56px;
  }

  .u-section-2 .u-carousel-thumbnail-4 {
    width: 56px;
    height: 56px;
  }

  .u-section-2 .u-carousel-thumbnail-5 {
    width: 56px;
    height: 56px;
  }

  .u-section-2 .u-carousel-thumbnail-6 {
    width: 56px;
    height: 56px;
  }

  .u-section-2 .u-carousel-thumbnail-7 {
    width: 56px;
    height: 56px;
  }

  .u-section-2 .u-carousel-control-1 {
    left: 6px;
  }

  .u-section-2 .u-carousel-control-2 {
    right: 6px;
  }

  .u-section-2 .u-layout-cell-2 {
    min-height: 100px;
  }

  .u-section-2 .u-image-9 {
    height: 344px;
    margin-right: initial;
    margin-left: initial;
  }

  .u-section-2 .u-text-3 {
    margin-top: -329px;
  }

  .u-section-2 .u-text-4 {
    font-size: 0.875rem;
  }

  .u-section-2 .u-form-1 {
    margin-top: 10px;
  }

  .u-section-2 .u-list-1 {
    margin-top: 16px;
  }

  .u-section-2 .u-repeater-1 {
    grid-auto-columns: calc(100% - 0px);
  }

  .u-section-2 .u-text-5 {
    width: auto;
    margin-top: -71px;
    margin-right: 35px;
    margin-left: auto;
  }

  .u-section-2 .u-text-6 {
    width: auto;
    margin-top: -71px;
    margin-right: 35px;
    margin-left: auto;
  }

  .u-section-2 .u-text-7 {
    width: auto;
    margin-top: -71px;
    margin-right: 35px;
    margin-left: auto;
  }

  .u-section-2 .u-text-8 {
    width: auto;
    margin-top: -71px;
    margin-right: 35px;
    margin-left: auto;
  }

  .u-section-2 .u-image-10 {
    height: 205px;
  }
}

@media (max-width: 767px) {
  .u-section-2 .u-sheet-1 {
    min-height: 251px;
  }

  .u-section-2 .u-layout-wrap-1 {
    width: 540px;
  }

  .u-section-2 .u-image-1 {
    height: NaNpx;
    width: auto;
    margin-right: initial;
    margin-left: initial;
  }

  .u-section-2 .u-text-1 {
    margin-top: -320px;
  }

  .u-section-2 .u-carousel-control-1 {
    left: 5px;
  }

  .u-section-2 .u-carousel-control-2 {
    right: 5px;
  }

  .u-section-2 .u-layout-cell-2 {
    min-height: 1433px;
  }

  .u-section-2 .u-image-9 {
    height: 704px;
    margin-right: initial;
    margin-left: initial;
  }

  .u-section-2 .u-text-3 {
    margin-top: -689px;
  }

  .u-section-2 .u-list-1 {
    margin-top: 20px;
    margin-bottom: initial;
  }

  .u-section-2 .u-text-5 {
    margin-top: -64px;
    font-size: 1.3333333333333333rem;
  }

  .u-section-2 .u-text-6 {
    margin-top: -64px;
    font-size: 1.3333333333333333rem;
  }

  .u-section-2 .u-text-7 {
    margin-top: -64px;
    font-size: 1.3333333333333333rem;
  }

  .u-section-2 .u-text-8 {
    margin-top: -64px;
    font-size: 1.3333333333333333rem;
  }

  .u-section-2 .u-image-10 {
    height: 419px;
  }
}

@media (max-width: 575px) {
  .u-section-2 .u-sheet-1 {
    min-height: 3152px;
  }

  .u-section-2 .u-layout-wrap-1 {
    margin-top: 26px;
    margin-bottom: 0;
    margin-right: initial;
    margin-left: initial;
    width: auto;
  }

  .u-section-2 .u-layout-cell-1 {
    min-height: 1836px;
  }

  .u-section-2 .u-group-1 {
    min-height: 2458px;
    margin-right: initial;
    margin-left: initial;
    width: auto;
  }

  .u-section-2 .u-text-1 {
    margin-top: -220px;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
  }

  .u-section-2 .u-gallery-1 {
    width: 340px;
    margin-top: 52px;
  }

  .u-section-2 .u-carousel-thumbnail-1 {
    width: 40px;
    height: 40px;
  }

  .u-section-2 .u-carousel-thumbnail-2 {
    width: 40px;
    height: 40px;
  }

  .u-section-2 .u-carousel-thumbnail-3 {
    width: 40px;
    height: 40px;
  }

  .u-section-2 .u-carousel-thumbnail-4 {
    width: 40px;
    height: 40px;
  }

  .u-section-2 .u-carousel-thumbnail-5 {
    width: 40px;
    height: 40px;
  }

  .u-section-2 .u-carousel-thumbnail-6 {
    width: 40px;
    height: 40px;
  }

  .u-section-2 .u-carousel-thumbnail-7 {
    width: 40px;
    height: 40px;
  }

  .u-section-2 .u-carousel-control-1 {
    left: 3px;
  }

  .u-section-2 .u-carousel-control-2 {
    right: 3px;
  }

  .u-section-2 .u-layout-cell-2 {
    min-height: 1301px;
  }

  .u-section-2 .u-image-9 {
    height: 443px;
    margin-right: initial;
    margin-left: initial;
  }

  .u-section-2 .u-text-3 {
    margin-top: -428px;
  }

  .u-section-2 .u-list-1 {
    margin-top: 21px;
    margin-bottom: 0;
  }

  .u-section-2 .u-repeater-1 {
    grid-auto-columns: calc(100% + 0px);
  }

  .u-section-2 .u-container-layout-4 {
    padding-top: 0;
    padding-bottom: 0;
  }

  .u-section-2 .u-icon-1 {
    margin-top: 20px;
  }

  .u-section-2 .u-text-5 {
    margin-top: -67px;
    margin-right: 95px;
  }

  .u-section-2 .u-container-layout-5 {
    padding-top: 0;
    padding-bottom: 0;
  }

  .u-section-2 .u-icon-2 {
    margin-top: 20px;
  }

  .u-section-2 .u-text-6 {
    margin-top: -67px;
    margin-right: 95px;
  }

  .u-section-2 .u-container-layout-6 {
    padding-top: 0;
    padding-bottom: 0;
  }

  .u-section-2 .u-icon-3 {
    margin-top: 20px;
  }

  .u-section-2 .u-text-7 {
    margin-top: -67px;
    margin-right: 95px;
  }

  .u-section-2 .u-container-layout-7 {
    padding-top: 0;
    padding-bottom: 0;
  }

  .u-section-2 .u-icon-4 {
    margin-top: 20px;
  }

  .u-section-2 .u-text-8 {
    margin-top: -67px;
    margin-right: 95px;
  }

  .u-section-2 .u-image-10 {
    height: 264px;
    margin-top: 31px;
  }
} .u-section-3 {
  background-image: none;
}

.u-section-3 .u-sheet-1 {
  min-height: 546px;
}

.u-section-3 .u-image-1 {
  width: 327px;
  height: 149px;
  margin: 15px auto 0;
}

.u-section-3 .u-list-1 {
  margin-top: 21px;
  margin-bottom: 53px;
}

.u-section-3 .u-repeater-1 {
  grid-template-columns: repeat(3, calc(33.3333% - 20px));
  min-height: 308px;
  grid-auto-columns: calc(33.3333% - 20px);
  --gap: 30px;
}

.u-section-3 .u-list-item-1 {
  --radius: 30px;
}

.u-section-3 .u-container-layout-1 {
  padding: 20px 30px;
}

.u-section-3 .u-text-1 {
  margin: 15px 0 0;
}

.u-section-3 .u-text-2 {
  font-size: 1.25rem;
  margin: 0;
}

.u-section-3 .u-icon-1 {
  margin-right: 3px;
}

.u-section-3 .u-icon-2 {
  margin-left: 3px;
  margin-right: 3px;
}

.u-section-3 .u-icon-3 {
  margin-left: 3px;
  margin-right: 3px;
}

.u-section-3 .u-icon-4 {
  margin-left: 3px;
  margin-right: 3px;
}

.u-section-3 .u-icon-5 {
  margin-top: 0;
  margin-right: 3px;
  margin-left: 3px;
}

.u-section-3 .u-icon-6 {
  height: 33px;
  width: 33px;
  background-image: none;
  color: rgb(0, 0, 0) !important;
  margin: 9px auto 0 0;
  padding: 7px;
}

.u-section-3 .u-text-3 {
  margin: 0;
}

.u-section-3 .u-list-item-2 {
  --radius: 30px;
}

.u-section-3 .u-container-layout-2 {
  padding: 20px 30px;
}

.u-section-3 .u-text-4 {
  font-weight: 400;
  margin: 15px 0 0;
}

.u-section-3 .u-text-5 {
  font-size: 1.25rem;
  margin: 0;
}

.u-section-3 .u-icon-7 {
  margin-right: 3px;
}

.u-section-3 .u-icon-8 {
  margin-left: 3px;
  margin-right: 3px;
}

.u-section-3 .u-icon-9 {
  margin-left: 3px;
  margin-right: 3px;
}

.u-section-3 .u-icon-10 {
  margin-left: 3px;
  margin-right: 3px;
}

.u-section-3 .u-icon-11 {
  margin-top: 0;
  margin-right: 3px;
  margin-left: 3px;
}

.u-section-3 .u-icon-12 {
  height: 33px;
  width: 33px;
  background-image: none;
  color: rgb(0, 0, 0) !important;
  margin: 9px auto 0 0;
  padding: 7px;
}

.u-section-3 .u-text-6 {
  margin: 0;
}

.u-section-3 .u-list-item-3 {
  --radius: 30px;
}

.u-section-3 .u-container-layout-3 {
  padding: 20px 30px;
}

.u-section-3 .u-text-7 {
  font-weight: 400;
  margin: 15px 0 0;
}

.u-section-3 .u-text-8 {
  font-size: 1.25rem;
  margin: 0;
}

.u-section-3 .u-icon-13 {
  margin-right: 3px;
}

.u-section-3 .u-icon-14 {
  margin-left: 3px;
  margin-right: 3px;
}

.u-section-3 .u-icon-15 {
  margin-left: 3px;
  margin-right: 3px;
}

.u-section-3 .u-icon-16 {
  margin-left: 3px;
  margin-right: 3px;
}

.u-section-3 .u-icon-17 {
  margin-top: 0;
  margin-right: 3px;
  margin-left: 3px;
}

.u-section-3 .u-icon-18 {
  height: 33px;
  width: 33px;
  background-image: none;
  color: rgb(0, 0, 0) !important;
  margin: 9px auto 0 0;
  padding: 7px;
}

.u-section-3 .u-text-9 {
  margin: 0;
}

.u-section-3 .u-list-item-4 {
  --radius: 30px;
}

.u-section-3 .u-container-layout-4 {
  padding: 20px 30px;
}

.u-section-3 .u-text-10 {
  font-weight: 400;
  margin: 15px 0 0;
}

.u-section-3 .u-text-11 {
  font-size: 1.25rem;
  margin: 0;
}

.u-section-3 .u-icon-19 {
  margin-right: 3px;
}

.u-section-3 .u-icon-20 {
  margin-left: 3px;
  margin-right: 3px;
}

.u-section-3 .u-icon-21 {
  margin-left: 3px;
  margin-right: 3px;
}

.u-section-3 .u-icon-22 {
  margin-left: 3px;
  margin-right: 3px;
}

.u-section-3 .u-icon-23 {
  margin-top: 0;
  margin-right: 3px;
  margin-left: 3px;
}

.u-section-3 .u-icon-24 {
  height: 33px;
  width: 33px;
  background-image: none;
  color: rgb(0, 0, 0) !important;
  margin: 9px auto 0 0;
  padding: 7px;
}

.u-section-3 .u-text-12 {
  margin: 0;
}

.u-section-3 .u-list-item-5 {
  --radius: 30px;
}

.u-section-3 .u-container-layout-5 {
  padding: 20px 30px;
}

.u-section-3 .u-text-13 {
  font-weight: 400;
  margin: 15px 0 0;
}

.u-section-3 .u-text-14 {
  font-size: 1.25rem;
  margin: 0;
}

.u-section-3 .u-icon-25 {
  margin-right: 3px;
}

.u-section-3 .u-icon-26 {
  margin-left: 3px;
  margin-right: 3px;
}

.u-section-3 .u-icon-27 {
  margin-left: 3px;
  margin-right: 3px;
}

.u-section-3 .u-icon-28 {
  margin-left: 3px;
  margin-right: 3px;
}

.u-section-3 .u-icon-29 {
  margin-top: 0;
  margin-right: 3px;
  margin-left: 3px;
}

.u-section-3 .u-icon-30 {
  height: 33px;
  width: 33px;
  background-image: none;
  color: rgb(0, 0, 0) !important;
  margin: 9px auto 0 0;
  padding: 7px;
}

.u-section-3 .u-text-15 {
  margin: 0;
}

.u-section-3 .u-list-item-6 {
  --radius: 30px;
}

.u-section-3 .u-container-layout-6 {
  padding: 20px 30px;
}

.u-section-3 .u-text-16 {
  font-weight: 400;
  margin: 15px 0 0;
}

.u-section-3 .u-text-17 {
  font-size: 1.25rem;
  margin: 0;
}

.u-section-3 .u-icon-31 {
  margin-right: 3px;
}

.u-section-3 .u-icon-32 {
  margin-left: 3px;
  margin-right: 3px;
}

.u-section-3 .u-icon-33 {
  margin-left: 3px;
  margin-right: 3px;
}

.u-section-3 .u-icon-34 {
  margin-left: 3px;
  margin-right: 3px;
}

.u-section-3 .u-icon-35 {
  margin-top: 0;
  margin-right: 3px;
  margin-left: 3px;
}

.u-section-3 .u-icon-36 {
  height: 33px;
  width: 33px;
  background-image: none;
  color: rgb(0, 0, 0) !important;
  margin: 9px auto 0 0;
  padding: 7px;
}

.u-section-3 .u-text-18 {
  margin: 0;
}

.u-section-3 .u-gallery-nav-1 {
  position: absolute;
  left: 10px;
  width: 40px;
  height: 40px;
}

.u-section-3 .u-gallery-nav-2 {
  position: absolute;
  right: 10px;
  width: 40px;
  height: 40px;
}

@media (max-width: 1199px) {
  .u-section-3 .u-sheet-1 {
    min-height: 1033px;
  }

  .u-section-3 .u-image-1 {
    margin-top: 551px;
  }

  .u-section-3 .u-list-1 {
    margin-top: 20px;
  }

  .u-section-3 .u-repeater-1 {
    grid-template-columns: repeat(3, calc(33.333333333333336% - 20px));
    grid-auto-columns: calc(33.333333333333336% - 20px);
    grid-gap: 30px;
  }

  .u-section-3 .u-list-item-1 {
    --animation-custom_in-translate_x: 0px;
    --animation-custom_in-translate_y: 300px;
    --animation-custom_in-opacity: 0;
    --animation-custom_in-rotate: 0deg;
    --animation-custom_in-scale: 1;
  }

  .u-section-3 .u-list-item-2 {
    --animation-custom_in-translate_x: 0px;
    --animation-custom_in-translate_y: 300px;
    --animation-custom_in-opacity: 0;
    --animation-custom_in-rotate: 0deg;
    --animation-custom_in-scale: 1;
  }

  .u-section-3 .u-list-item-3 {
    --animation-custom_in-translate_x: 0px;
    --animation-custom_in-translate_y: 300px;
    --animation-custom_in-opacity: 0;
    --animation-custom_in-rotate: 0deg;
    --animation-custom_in-scale: 1;
  }

  .u-section-3 .u-list-item-4 {
    --animation-custom_in-translate_x: 0px;
    --animation-custom_in-translate_y: 300px;
    --animation-custom_in-opacity: 0;
    --animation-custom_in-rotate: 0deg;
    --animation-custom_in-scale: 1;
  }

  .u-section-3 .u-list-item-5 {
    --animation-custom_in-translate_x: 0px;
    --animation-custom_in-translate_y: 300px;
    --animation-custom_in-opacity: 0;
    --animation-custom_in-rotate: 0deg;
    --animation-custom_in-scale: 1;
  }

  .u-section-3 .u-list-item-6 {
    --animation-custom_in-translate_x: 0px;
    --animation-custom_in-translate_y: 300px;
    --animation-custom_in-opacity: 0;
    --animation-custom_in-rotate: 0deg;
    --animation-custom_in-scale: 1;
  }
}

@media (max-width: 991px) {
  .u-section-3 .u-sheet-1 {
    min-height: 562px;
  }

  .u-section-3 .u-image-1 {
    margin-top: 30px;
  }

  .u-section-3 .u-list-1 {
    margin-top: 22px;
  }

  .u-section-3 .u-repeater-1 {
    grid-template-columns: repeat(2, calc(50% - 15px));
    grid-auto-columns: calc(50% - 15px);
  }

  .u-section-3 .u-text-3 {
    width: auto;
  }

  .u-section-3 .u-text-6 {
    width: auto;
  }

  .u-section-3 .u-text-9 {
    width: auto;
  }

  .u-section-3 .u-text-12 {
    width: auto;
  }

  .u-section-3 .u-text-15 {
    width: auto;
  }

  .u-section-3 .u-text-18 {
    width: auto;
  }
}

@media (max-width: 767px) {
  .u-section-3 .u-sheet-1 {
    min-height: 546px;
  }

  .u-section-3 .u-repeater-1 {
    grid-template-columns: 100%;
    grid-auto-columns: calc(100% - 0px);
  }

  .u-section-3 .u-container-layout-1 {
    padding: 25px;
  }

  .u-section-3 .u-text-2 {
    font-size: 1rem;
  }

  .u-section-3 .u-container-layout-2 {
    padding: 25px;
  }

  .u-section-3 .u-text-5 {
    font-size: 1rem;
  }

  .u-section-3 .u-container-layout-3 {
    padding: 25px;
  }

  .u-section-3 .u-text-8 {
    font-size: 1rem;
  }

  .u-section-3 .u-container-layout-4 {
    padding: 25px;
  }

  .u-section-3 .u-text-11 {
    font-size: 1rem;
  }

  .u-section-3 .u-container-layout-5 {
    padding: 25px;
  }

  .u-section-3 .u-text-14 {
    font-size: 1rem;
  }

  .u-section-3 .u-container-layout-6 {
    padding: 25px;
  }

  .u-section-3 .u-text-17 {
    font-size: 1rem;
  }
}

@media (max-width: 575px) {
  .u-section-3 .u-sheet-1 {
    min-height: 532px;
  }

  .u-section-3 .u-image-1 {
    margin-top: 21px;
  }

  .u-section-3 .u-list-1 {
    margin-bottom: 33px;
    min-height: 308px;
  }

  .u-section-3 .u-repeater-1 {
    grid-auto-columns: 100%;
  }

  .u-section-3 .u-gallery-nav-2 {
    left: auto;
    top: 134px;
    right: 0;
  }
} .u-section-4 {
  background-image: none;
}

.u-section-4 .u-sheet-1 {
  min-height: 1044px;
}

.u-section-4 .u-btn-1 {
  background-image: none;
  font-size: 1.875rem;
  --top-right-radius: 20px;
  --bottom-right-radius: 20px;
  --top-left-radius: 20px;
  margin: 30px auto 0 243px;
  padding: 22px 46px 23px;
}

.u-section-4 .u-layout-wrap-1 {
  margin-top: 53px;
  margin-bottom: 0;
}

.u-section-4 .u-layout-cell-1 {
  min-height: 400px;
}

.u-section-4 .u-container-layout-1 {
  padding: 20px;
}

.u-section-4 .embed-responsive-1 {
  position: absolute;
  width: 178%;
  left: -39%;
  height: 178%;
  top: -39%;
}

.u-section-4 .u-layout-cell-2 {
  min-height: 400px;
}

.u-section-4 .u-container-layout-2 {
  padding: 20px;
}

.u-section-4 .embed-responsive-2 {
  position: absolute;
  width: 178%;
  left: -39%;
  height: 178%;
  top: -39%;
}

.u-section-4 .u-image-1 {
  height: 389px;
  width: 1000px;
  margin: 53px 53px 60px auto;
}

@media (max-width: 1199px) {
  .u-section-4 .u-sheet-1 {
    min-height: 951px;
  }

  .u-section-4 .u-btn-1 {
    margin-top: 141px;
    margin-left: 43px;
  }

  .u-section-4 .u-layout-wrap-1 {
    margin-top: 123px;
    margin-bottom: -181px;
  }

  .u-section-4 .u-layout-cell-1 {
    min-height: 330px;
  }

  .u-section-4 .u-layout-cell-2 {
    min-height: 330px;
  }

  .u-section-4 .u-image-1 {
    height: 366px;
    margin-top: 20px;
    width: 940px;
    margin-right: 0;
  }
}

@media (max-width: 991px) {
  .u-section-4 .u-sheet-1 {
    min-height: 719px;
  }

  .u-section-4 .u-btn-1 {
    margin-top: 24px;
    margin-left: auto;
  }

  .u-section-4 .u-layout-wrap-1 {
    margin-top: 62px;
    margin-bottom: 0;
  }

  .u-section-4 .u-layout-cell-1 {
    min-height: 253px;
  }

  .u-section-4 .u-layout-cell-2 {
    min-height: 253px;
  }

  .u-section-4 .u-image-1 {
    height: 280px;
    width: 720px;
    margin-bottom: 24px;
  }
}

@media (max-width: 767px) {
  .u-section-4 .u-sheet-1 {
    min-height: 1156px;
  }

  .u-section-4 .u-btn-1 {
    margin-top: 571px;
  }

  .u-section-4 .u-layout-wrap-1 {
    margin-top: 20px;
  }

  .u-section-4 .u-layout-cell-1 {
    min-height: 380px;
  }

  .u-section-4 .u-container-layout-1 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .u-section-4 .u-layout-cell-2 {
    min-height: 380px;
  }

  .u-section-4 .u-container-layout-2 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .u-section-4 .u-image-1 {
    height: 210px;
    margin-top: 53px;
    width: 540px;
  }
}

@media (max-width: 575px) {
  .u-section-4 .u-sheet-1 {
    min-height: 796px;
  }

  .u-section-4 .u-btn-1 {
    font-size: 1.125rem;
    --radius: 0px;
    --bottom-left-radius: 0px;
    margin-top: 56px;
    padding-right: 9px;
    padding-left: 7px;
  }

  .u-section-4 .u-layout-wrap-1 {
    margin-top: 40px;
  }

  .u-section-4 .u-layout-cell-1 {
    min-height: 239px;
  }

  .u-section-4 .u-layout-cell-2 {
    min-height: 239px;
  }

  .u-section-4 .u-image-1 {
    height: 115px;
    width: 300px;
    margin-top: 56px;
    margin-right: auto;
  }
}.u-section-5 .u-image-1 {
  min-height: 702px;
  background-image: url('images/NewRoofInstallation.png');
  background-position: 50% 50%;
}

@media (max-width: 1199px) {
  .u-section-5 .u-image-1 {
    min-height: 400px;
  }
}

@media (max-width: 991px) {
  .u-section-5 .u-image-1 {
    min-height: 454px;
  }
}

@media (max-width: 767px) {
  .u-section-5 .u-image-1 {
    min-height: 400px;
  }
}

@media (max-width: 575px) {
  .u-section-5 .u-image-1 {
    min-height: 215px;
  }
}.u-section-6 .u-sheet-1 {
  min-height: 669px;
}

.u-section-6 .u-layout-wrap-1 {
  width: 1151px;
  margin: -1px auto -62px -14px;
}

.u-section-6 .u-layout-cell-1 {
  min-height: 732px;
}

.u-section-6 .u-container-layout-1 {
  padding: 8px 0;
}

.u-section-6 .u-text-1 {
  font-weight: 700;
  margin: 51px 107px 0 13px;
}

.u-section-6 .u-text-2 {
  margin: 13px 47px 0 13px;
}

.u-section-6 .u-layout-cell-2 {
  min-height: 732px;
}

.u-section-6 .u-container-layout-2 {
  padding: 0;
}

.u-section-6 .u-image-1 {
  width: 456px;
  height: 456px;
  margin: 45px auto 0;
}

@media (max-width: 1199px) {
  .u-section-6 .u-sheet-1 {
    min-height: 540px;
  }

  .u-section-6 .u-layout-wrap-1 {
    width: 940px;
    margin-left: 0;
  }

  .u-section-6 .u-layout-cell-1 {
    min-height: 598px;
  }

  .u-section-6 .u-text-1 {
    margin-top: 52px;
    margin-right: 15px;
    margin-left: 0;
  }

  .u-section-6 .u-text-2 {
    margin-top: 75px;
    margin-left: 0;
    margin-right: 0;
  }

  .u-section-6 .u-layout-cell-2 {
    background-position: 50% 50%;
    min-height: 598px;
  }
}

@media (max-width: 991px) {
  .u-section-6 .u-sheet-1 {
    min-height: 888px;
  }

  .u-section-6 .u-layout-wrap-1 {
    margin-top: 0;
    margin-bottom: 40px;
    margin-right: initial;
    margin-left: initial;
    width: auto;
  }

  .u-section-6 .u-layout-cell-1 {
    min-height: 841px;
  }

  .u-section-6 .u-container-layout-1 {
    padding-bottom: 4px;
  }

  .u-section-6 .u-text-1 {
    margin-top: 48px;
    margin-right: 0;
  }

  .u-section-6 .u-layout-cell-2 {
    min-height: 848px;
  }

  .u-section-6 .u-image-1 {
    width: 360px;
    height: 360px;
    margin-top: 120px;
  }
}

@media (max-width: 767px) {
  .u-section-6 .u-sheet-1 {
    min-height: 721px;
  }

  .u-section-6 .u-layout-cell-1 {
    min-height: 100px;
  }

  .u-section-6 .u-container-layout-1 {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .u-section-6 .u-layout-cell-2 {
    min-height: 856px;
  }
}

@media (max-width: 575px) {
  .u-section-6 .u-sheet-1 {
    min-height: 967px;
  }

  .u-section-6 .u-layout-wrap-1 {
    margin-bottom: -282px;
    width: auto;
    margin-right: initial;
    margin-left: initial;
  }

  .u-section-6 .u-layout-cell-1 {
    min-height: 585px;
  }

  .u-section-6 .u-container-layout-1 {
    padding-top: 8px;
    padding-bottom: 13px;
  }

  .u-section-6 .u-text-1 {
    width: auto;
    margin-top: 0;
  }

  .u-section-6 .u-text-2 {
    width: auto;
    margin-top: 11px;
  }

  .u-section-6 .u-layout-cell-2 {
    min-height: 664px;
  }

  .u-section-6 .u-image-1 {
    width: 340px;
    height: 340px;
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }
} .u-section-7 {
  min-height: 165px;
}

.u-section-7 .u-layout-wrap-1 {
  margin-top: 2px;
  margin-bottom: 0;
}

.u-section-7 .u-layout-cell-1 {
  min-height: 163px;
  background-image: none;
}

.u-section-7 .u-container-layout-1 {
  padding: 30px 15px;
}

.u-section-7 .u-text-1 {
  font-size: 2.25rem;
  margin: 0 126px 0 45px;
}

.u-section-7 .u-layout-cell-2 {
  min-height: 0;
  background-image: none;
}

.u-section-7 .u-container-layout-2 {
  padding: 30px 67px 30px 30px;
}

.u-section-7 .u-btn-1 {
  background-image: none;
  font-size: 1.875rem;
  margin: 10px auto 0;
  padding: 12px 46px 12px 44px;
}

@media (max-width: 1199px) {
   .u-section-7 {
    min-height: 136px;
  }

  .u-section-7 .u-layout-wrap-1 {
    margin-top: 61px;
    margin-bottom: 60px;
  }

  .u-section-7 .u-layout-cell-1 {
    min-height: 134px;
  }

  .u-section-7 .u-text-1 {
    width: auto;
    margin-right: 58px;
    margin-left: 0;
  }
}

@media (max-width: 991px) {
   .u-section-7 {
    min-height: 102px;
  }

  .u-section-7 .u-layout-wrap-1 {
    margin-top: 0;
    margin-bottom: 0;
  }

  .u-section-7 .u-layout-cell-1 {
    min-height: 146px;
  }

  .u-section-7 .u-text-1 {
    margin-right: 0;
    margin-left: 41px;
  }

  .u-section-7 .u-layout-cell-2 {
    min-height: 146px;
  }

  .u-section-7 .u-container-layout-2 {
    padding-right: 30px;
  }

  .u-section-7 .u-btn-1 {
    margin-top: 15px;
    margin-left: 0;
    padding-right: 21px;
    padding-left: 21px;
  }
}

@media (max-width: 767px) {
   .u-section-7 {
    min-height: 202px;
  }

  .u-section-7 .u-layout-cell-1 {
    min-height: 100px;
  }

  .u-section-7 .u-container-layout-1 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .u-section-7 .u-text-1 {
    font-size: 1.875rem;
  }

  .u-section-7 .u-layout-cell-2 {
    min-height: 100px;
  }

  .u-section-7 .u-container-layout-2 {
    padding-left: 10px;
    padding-right: 10px;
  }
}

@media (max-width: 575px) {
   .u-section-7 {
    min-height: 174px;
  }

  .u-section-7 .u-layout-wrap-1 {
    margin-top: 2px;
  }

  .u-section-7 .u-layout-cell-1 {
    min-height: 108px;
  }

  .u-section-7 .u-text-1 {
    font-size: 1.25rem;
    margin-right: 33px;
    margin-left: 40px;
  }

  .u-section-7 .u-layout-cell-2 {
    min-height: 66px;
  }

  .u-section-7 .u-container-layout-2 {
    padding-top: 0;
    padding-bottom: 0;
  }

  .u-section-7 .u-btn-1 {
    margin-top: -21px;
    margin-left: auto;
  }
}.u-section-8 .u-sheet-1 {
  min-height: 636px;
}

.u-section-8 .u-layout-wrap-1 {
  margin-top: 40px;
  margin-bottom: 40px;
}

.u-section-8 .u-layout-cell-1 {
  min-height: 536px;
}

.u-section-8 .u-container-layout-1 {
  padding: 30px 15px;
}

.u-section-8 .u-text-1 {
  font-size: 1.875rem;
  font-weight: 700;
  margin: 27px 0 0;
}

.u-section-8 .u-text-2 {
  margin: 27px 30px 0 0;
}

.u-section-8 .u-image-1 {
  min-height: 536px;
  background-image: url('images/Roofing-Company.png');
  background-position: 50% 50%;
}

.u-section-8 .u-container-layout-2 {
  padding: 30px 60px;
}

@media (max-width: 1199px) {
  .u-section-8 .u-sheet-1 {
    min-height: 542px;
  }

  .u-section-8 .u-layout-cell-1 {
    min-height: 442px;
  }

  .u-section-8 .u-text-2 {
    margin-right: 0;
  }

  .u-section-8 .u-image-1 {
    min-height: 442px;
  }
}

@media (max-width: 991px) {
  .u-section-8 .u-sheet-1 {
    min-height: 824px;
  }

  .u-section-8 .u-layout-wrap-1 {
    margin-top: 62px;
    margin-bottom: 20px;
  }

  .u-section-8 .u-layout-cell-1 {
    min-height: 674px;
  }

  .u-section-8 .u-container-layout-1 {
    padding-top: 0;
    padding-bottom: 0;
  }

  .u-section-8 .u-text-1 {
    width: auto;
    margin-top: 0;
  }

  .u-section-8 .u-text-2 {
    margin-top: 84px;
  }

  .u-section-8 .u-image-1 {
    min-height: 339px;
  }

  .u-section-8 .u-container-layout-2 {
    padding-left: 30px;
    padding-right: 30px;
  }
}

@media (max-width: 767px) {
  .u-section-8 .u-sheet-1 {
    min-height: 966px;
  }

  .u-section-8 .u-layout-cell-1 {
    min-height: 100px;
  }

  .u-section-8 .u-container-layout-1 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .u-section-8 .u-image-1 {
    min-height: 381px;
  }

  .u-section-8 .u-container-layout-2 {
    padding-left: 10px;
    padding-right: 10px;
  }
}

@media (max-width: 575px) {
  .u-section-8 .u-sheet-1 {
    min-height: 821px;
  }

  .u-section-8 .u-layout-wrap-1 {
    margin-top: 13px;
    margin-bottom: 13px;
  }

  .u-section-8 .u-layout-cell-1 {
    min-height: 471px;
  }

  .u-section-8 .u-text-1 {
    margin-top: 13px;
  }

  .u-section-8 .u-text-2 {
    width: auto;
    margin-top: 13px;
  }

  .u-section-8 .u-image-1 {
    min-height: 240px;
  }
}.u-section-9 .u-sheet-1 {
  min-height: 1386px;
}

.u-section-9 .u-list-1 {
  margin-top: 87px;
  margin-bottom: 0;
}

.u-section-9 .u-repeater-1 {
  min-height: 407px;
  grid-auto-columns: calc(33.3333% - 6.66667px);
  grid-template-columns: repeat(3, calc(33.3333% - 6.66667px));
  --gap: 10px;
}

.u-section-9 .u-list-item-1 {
  --radius: 20px;
}

.u-section-9 .u-container-layout-1 {
  padding: 30px;
}

.u-section-9 .u-image-1 {
  height: 298px;
  margin-top: 0;
  margin-bottom: 0;
}

.u-section-9 .u-text-1 {
  font-weight: 700;
  font-size: 1.5rem;
  margin: 20px 61px 0 0;
}

.u-section-9 .u-list-item-2 {
  --radius: 20px;
}

.u-section-9 .u-container-layout-2 {
  padding: 30px;
}

.u-section-9 .u-image-2 {
  height: 298px;
  margin-top: 0;
  margin-bottom: 0;
}

.u-section-9 .u-text-2 {
  font-weight: 700;
  font-size: 1.5rem;
  margin: 20px 61px 0 0;
}

.u-section-9 .u-list-item-3 {
  --radius: 20px;
}

.u-section-9 .u-container-layout-3 {
  padding: 30px;
}

.u-section-9 .u-image-3 {
  height: 298px;
  margin-top: 0;
  margin-bottom: 0;
}

.u-section-9 .u-text-3 {
  font-weight: 700;
  font-size: 1.5rem;
  margin: 20px 61px 0 0;
}

.u-section-9 .u-list-item-4 {
  --radius: 20px;
}

.u-section-9 .u-container-layout-4 {
  padding: 30px;
}

.u-section-9 .u-image-4 {
  height: 298px;
  margin-top: 0;
  margin-bottom: 0;
}

.u-section-9 .u-text-4 {
  font-weight: 700;
  font-size: 1.5rem;
  margin: 20px 61px 0 0;
}

.u-section-9 .u-list-item-5 {
  --radius: 20px;
}

.u-section-9 .u-container-layout-5 {
  padding: 30px;
}

.u-section-9 .u-image-5 {
  height: 298px;
  margin-top: 0;
  margin-bottom: 0;
}

.u-section-9 .u-text-5 {
  font-weight: 700;
  font-size: 1.5rem;
  margin: 20px 61px 0 0;
}

.u-section-9 .u-list-item-6 {
  --radius: 20px;
}

.u-section-9 .u-container-layout-6 {
  padding: 30px;
}

.u-section-9 .u-image-6 {
  height: 298px;
  margin-top: 0;
  margin-bottom: 0;
}

.u-section-9 .u-text-6 {
  font-weight: 700;
  font-size: 1.5rem;
  margin: 20px 61px 0 0;
}

.u-section-9 .u-list-item-7 {
  --radius: 20px;
}

.u-section-9 .u-container-layout-7 {
  padding: 30px;
}

.u-section-9 .u-image-7 {
  height: 298px;
  margin-top: 0;
  margin-bottom: 0;
}

.u-section-9 .u-text-7 {
  font-weight: 700;
  font-size: 1.5rem;
  margin: 20px 61px 0 0;
}

.u-section-9 .u-list-item-8 {
  --radius: 20px;
}

.u-section-9 .u-container-layout-8 {
  padding: 30px;
}

.u-section-9 .u-image-8 {
  height: 298px;
  margin-top: 0;
  margin-bottom: 0;
}

.u-section-9 .u-text-8 {
  font-weight: 700;
  font-size: 1.5rem;
  margin: 20px 61px 0 0;
}

.u-section-9 .u-list-item-9 {
  --radius: 20px;
}

.u-section-9 .u-container-layout-9 {
  padding: 30px;
}

.u-section-9 .u-image-9 {
  height: 298px;
  margin-top: 0;
  margin-bottom: 0;
}

.u-section-9 .u-text-9 {
  font-weight: 700;
  font-size: 1.5rem;
  margin: 20px 61px 0 0;
}

.u-section-9 .u-list-item-10 {
  --radius: 20px;
}

.u-section-9 .u-container-layout-10 {
  padding: 30px;
}

.u-section-9 .u-image-10 {
  height: 298px;
  margin-top: 0;
  margin-bottom: 0;
}

.u-section-9 .u-text-10 {
  font-weight: 700;
  font-size: 1.5rem;
  margin: 20px 61px 0 0;
}

.u-section-9 .u-list-item-11 {
  --radius: 20px;
}

.u-section-9 .u-container-layout-11 {
  padding: 30px;
}

.u-section-9 .u-image-11 {
  height: 298px;
  margin-top: 0;
  margin-bottom: 0;
}

.u-section-9 .u-text-11 {
  font-weight: 700;
  font-size: 1.5rem;
  margin: 20px 61px 0 0;
}

.u-section-9 .u-list-item-12 {
  --radius: 20px;
}

.u-section-9 .u-container-layout-12 {
  padding: 30px;
}

.u-section-9 .u-image-12 {
  height: 298px;
  margin-top: 0;
  margin-bottom: 0;
}

.u-section-9 .u-text-12 {
  font-weight: 700;
  font-size: 1.5rem;
  margin: 20px 61px 0 0;
}

.u-section-9 .u-list-item-13 {
  --radius: 20px;
}

.u-section-9 .u-container-layout-13 {
  padding: 30px;
}

.u-section-9 .u-image-13 {
  height: 298px;
  margin-top: 0;
  margin-bottom: 0;
}

.u-section-9 .u-text-13 {
  font-weight: 700;
  font-size: 1.5rem;
  margin: 20px 61px 0 0;
}

.u-section-9 .u-list-item-14 {
  --radius: 20px;
}

.u-section-9 .u-container-layout-14 {
  padding: 30px;
}

.u-section-9 .u-image-14 {
  height: 298px;
  margin-top: 0;
  margin-bottom: 0;
}

.u-section-9 .u-text-14 {
  font-weight: 700;
  font-size: 1.5rem;
  margin: 20px 61px 0 0;
}

.u-section-9 .u-list-item-15 {
  --radius: 20px;
}

.u-section-9 .u-container-layout-15 {
  padding: 30px;
}

.u-section-9 .u-image-15 {
  height: 298px;
  margin-top: 0;
  margin-bottom: 0;
}

.u-section-9 .u-text-15 {
  font-weight: 700;
  font-size: 1.5rem;
  margin: 20px 61px 0 0;
}

.u-section-9 .u-list-item-16 {
  --radius: 20px;
}

.u-section-9 .u-container-layout-16 {
  padding: 30px;
}

.u-section-9 .u-image-16 {
  height: 298px;
  margin-top: 0;
  margin-bottom: 0;
}

.u-section-9 .u-text-16 {
  font-weight: 700;
  font-size: 1.5rem;
  margin: 20px 61px 0 0;
}

.u-section-9 .u-list-item-17 {
  --radius: 20px;
}

.u-section-9 .u-container-layout-17 {
  padding: 30px;
}

.u-section-9 .u-image-17 {
  height: 298px;
  margin-top: 0;
  margin-bottom: 0;
}

.u-section-9 .u-text-17 {
  font-weight: 700;
  font-size: 1.5rem;
  margin: 20px 61px 0 0;
}

.u-section-9 .u-list-item-18 {
  --radius: 20px;
}

.u-section-9 .u-container-layout-18 {
  padding: 30px;
}

.u-section-9 .u-image-18 {
  height: 298px;
  margin-top: 0;
  margin-bottom: 0;
}

.u-section-9 .u-text-18 {
  font-weight: 700;
  font-size: 1.5rem;
  margin: 20px 61px 0 0;
}

.u-section-9 .u-gallery-nav-1 {
  position: absolute;
  left: 10px;
  width: 40px;
  height: 40px;
}

.u-section-9 .u-gallery-nav-2 {
  position: absolute;
  right: 10px;
  width: 40px;
  height: 40px;
}

.u-section-9 .u-list-2 {
  margin-top: 20px;
  margin-bottom: 0;
}

.u-section-9 .u-repeater-2 {
  min-height: 407px;
  grid-auto-columns: calc(33.3333% - 6.66667px);
  grid-template-columns: repeat(3, calc(33.3333% - 6.66667px));
  --gap: 10px;
}

.u-section-9 .u-list-item-19 {
  --radius: 20px;
}

.u-section-9 .u-container-layout-19 {
  padding: 30px;
}

.u-section-9 .u-image-19 {
  height: 298px;
  margin-top: 0;
  margin-bottom: 0;
}

.u-section-9 .u-text-19 {
  font-weight: 700;
  font-size: 1.5rem;
  margin: 20px 61px 0 0;
}

.u-section-9 .u-list-item-20 {
  --radius: 20px;
}

.u-section-9 .u-container-layout-20 {
  padding: 30px;
}

.u-section-9 .u-image-20 {
  height: 298px;
  margin-top: 0;
  margin-bottom: 0;
}

.u-section-9 .u-text-20 {
  font-weight: 700;
  font-size: 1.5rem;
  margin: 20px 61px 0 0;
}

.u-section-9 .u-list-item-21 {
  --radius: 20px;
}

.u-section-9 .u-container-layout-21 {
  padding: 30px;
}

.u-section-9 .u-image-21 {
  height: 298px;
  margin-top: 0;
  margin-bottom: 0;
}

.u-section-9 .u-text-21 {
  font-weight: 700;
  font-size: 1.5rem;
  margin: 20px 61px 0 0;
}

.u-section-9 .u-list-item-22 {
  --radius: 20px;
}

.u-section-9 .u-container-layout-22 {
  padding: 30px;
}

.u-section-9 .u-image-22 {
  height: 298px;
  margin-top: 0;
  margin-bottom: 0;
}

.u-section-9 .u-text-22 {
  font-weight: 700;
  font-size: 1.5rem;
  margin: 20px 61px 0 0;
}

.u-section-9 .u-list-item-23 {
  --radius: 20px;
}

.u-section-9 .u-container-layout-23 {
  padding: 30px;
}

.u-section-9 .u-image-23 {
  height: 298px;
  margin-top: 0;
  margin-bottom: 0;
}

.u-section-9 .u-text-23 {
  font-weight: 700;
  font-size: 1.5rem;
  margin: 20px 61px 0 0;
}

.u-section-9 .u-gallery-nav-3 {
  position: absolute;
  left: 10px;
  width: 40px;
  height: 40px;
}

.u-section-9 .u-gallery-nav-4 {
  position: absolute;
  right: 10px;
  width: 40px;
  height: 40px;
}

.u-section-9 .u-list-3 {
  margin-top: 20px;
  margin-bottom: 38px;
}

.u-section-9 .u-repeater-3 {
  min-height: 407px;
  grid-auto-columns: calc(33.3333% - 6.66667px);
  grid-template-columns: repeat(3, calc(33.3333% - 6.66667px));
  --gap: 10px;
}

.u-section-9 .u-list-item-24 {
  --top-left-radius: 20px;
  --top-right-radius: 20px;
  --bottom-right-radius: 20px;
}

.u-section-9 .u-container-layout-24 {
  padding: 30px;
}

.u-section-9 .u-image-24 {
  height: 298px;
  margin-top: 0;
  margin-bottom: 0;
}

.u-section-9 .u-text-24 {
  font-weight: 700;
  font-size: 1.5rem;
  margin: 20px 61px 0 0;
}

.u-section-9 .u-list-item-25 {
  --top-left-radius: 20px;
  --top-right-radius: 20px;
  --bottom-right-radius: 20px;
}

.u-section-9 .u-container-layout-25 {
  padding: 30px;
}

.u-section-9 .u-image-25 {
  height: 298px;
  margin-top: 0;
  margin-bottom: 0;
}

.u-section-9 .u-text-25 {
  font-weight: 700;
  font-size: 1.5rem;
  margin: 20px 61px 0 0;
}

.u-section-9 .u-list-item-26 {
  --top-left-radius: 20px;
  --top-right-radius: 20px;
  --bottom-right-radius: 20px;
}

.u-section-9 .u-container-layout-26 {
  padding: 30px;
}

.u-section-9 .u-image-26 {
  height: 298px;
  margin-top: 0;
  margin-bottom: 0;
}

.u-section-9 .u-text-26 {
  font-weight: 700;
  font-size: 1.5rem;
  margin: 20px 61px 0 0;
}

.u-section-9 .u-list-item-27 {
  --top-left-radius: 20px;
  --top-right-radius: 20px;
  --bottom-right-radius: 20px;
}

.u-section-9 .u-container-layout-27 {
  padding: 30px;
}

.u-section-9 .u-image-27 {
  height: 298px;
  margin-top: 0;
  margin-bottom: 0;
}

.u-section-9 .u-text-27 {
  font-weight: 700;
  font-size: 1.5rem;
  margin: 20px 61px 0 0;
}

.u-section-9 .u-list-item-28 {
  --top-left-radius: 20px;
  --top-right-radius: 20px;
  --bottom-right-radius: 20px;
}

.u-section-9 .u-container-layout-28 {
  padding: 30px;
}

.u-section-9 .u-image-28 {
  height: 298px;
  margin-top: 0;
  margin-bottom: 0;
}

.u-section-9 .u-text-28 {
  font-weight: 700;
  font-size: 1.5rem;
  margin: 20px 61px 0 0;
}

.u-section-9 .u-gallery-nav-5 {
  position: absolute;
  left: 10px;
  width: 40px;
  height: 40px;
}

.u-section-9 .u-gallery-nav-6 {
  position: absolute;
  right: 10px;
  width: 40px;
  height: 40px;
}

@media (max-width: 1199px) {
  .u-section-9 .u-list-1 {
    margin-top: 110px;
    height: auto;
  }

  .u-section-9 .u-repeater-1 {
    grid-auto-columns: calc(33.333333333333336% - 6.66667px);
    grid-template-columns: repeat(3, calc(33.333333333333336% - 6.66667px));
    grid-gap: 10px;
  }

  .u-section-9 .u-image-1 {
    height: 236px;
  }

  .u-section-9 .u-text-1 {
    margin-right: 0;
  }

  .u-section-9 .u-image-2 {
    height: 236px;
  }

  .u-section-9 .u-text-2 {
    margin-right: 0;
  }

  .u-section-9 .u-image-3 {
    height: 236px;
  }

  .u-section-9 .u-text-3 {
    margin-right: 0;
  }

  .u-section-9 .u-image-4 {
    height: 236px;
  }

  .u-section-9 .u-text-4 {
    margin-right: 0;
  }

  .u-section-9 .u-image-5 {
    height: 236px;
  }

  .u-section-9 .u-text-5 {
    margin-right: 0;
  }

  .u-section-9 .u-image-6 {
    height: 236px;
  }

  .u-section-9 .u-text-6 {
    margin-right: 0;
  }

  .u-section-9 .u-image-7 {
    height: 236px;
  }

  .u-section-9 .u-text-7 {
    margin-right: 0;
  }

  .u-section-9 .u-image-8 {
    height: 236px;
  }

  .u-section-9 .u-text-8 {
    margin-right: 0;
  }

  .u-section-9 .u-image-9 {
    height: 236px;
  }

  .u-section-9 .u-text-9 {
    margin-right: 0;
  }

  .u-section-9 .u-image-10 {
    height: 236px;
  }

  .u-section-9 .u-text-10 {
    margin-right: 0;
  }

  .u-section-9 .u-image-11 {
    height: 236px;
  }

  .u-section-9 .u-text-11 {
    margin-right: 0;
  }

  .u-section-9 .u-image-12 {
    height: 236px;
  }

  .u-section-9 .u-text-12 {
    margin-right: 0;
  }

  .u-section-9 .u-image-13 {
    height: 236px;
  }

  .u-section-9 .u-text-13 {
    margin-right: 0;
  }

  .u-section-9 .u-image-14 {
    height: 236px;
  }

  .u-section-9 .u-text-14 {
    margin-right: 0;
  }

  .u-section-9 .u-image-15 {
    height: 236px;
  }

  .u-section-9 .u-text-15 {
    margin-right: 0;
  }

  .u-section-9 .u-image-16 {
    height: 236px;
  }

  .u-section-9 .u-text-16 {
    margin-right: 0;
  }

  .u-section-9 .u-image-17 {
    height: 236px;
  }

  .u-section-9 .u-text-17 {
    margin-right: 0;
  }

  .u-section-9 .u-image-18 {
    height: 236px;
  }

  .u-section-9 .u-text-18 {
    margin-right: 0;
  }

  .u-section-9 .u-list-2 {
    height: auto;
  }

  .u-section-9 .u-repeater-2 {
    grid-auto-columns: calc(33.333333333333336% - 6.666666666666667px);
    grid-template-columns: repeat(3, calc(33.333333333333336% - 6.666666666666667px));
  }

  .u-section-9 .u-list-item-19 {
    --top-left-radius: 20px;
    --top-right-radius: 20px;
    --bottom-right-radius: 20px;
  }

  .u-section-9 .u-image-19 {
    height: 236px;
  }

  .u-section-9 .u-text-19 {
    margin-right: 0;
  }

  .u-section-9 .u-list-item-20 {
    --top-left-radius: 20px;
    --top-right-radius: 20px;
    --bottom-right-radius: 20px;
  }

  .u-section-9 .u-image-20 {
    height: 236px;
  }

  .u-section-9 .u-text-20 {
    margin-right: 0;
  }

  .u-section-9 .u-list-item-21 {
    --top-left-radius: 20px;
    --top-right-radius: 20px;
    --bottom-right-radius: 20px;
  }

  .u-section-9 .u-image-21 {
    height: 236px;
  }

  .u-section-9 .u-text-21 {
    margin-right: 0;
  }

  .u-section-9 .u-list-item-22 {
    --top-left-radius: 20px;
    --top-right-radius: 20px;
    --bottom-right-radius: 20px;
  }

  .u-section-9 .u-image-22 {
    height: 236px;
  }

  .u-section-9 .u-text-22 {
    margin-right: 0;
  }

  .u-section-9 .u-list-item-23 {
    --top-left-radius: 20px;
    --top-right-radius: 20px;
    --bottom-right-radius: 20px;
  }

  .u-section-9 .u-image-23 {
    height: 236px;
  }

  .u-section-9 .u-text-23 {
    margin-right: 0;
  }

  .u-section-9 .u-list-3 {
    height: auto;
  }

  .u-section-9 .u-repeater-3 {
    grid-auto-columns: calc(33.333333333333336% - 6.666666666666667px);
    grid-template-columns: repeat(3, calc(33.333333333333336% - 6.666666666666667px));
  }

  .u-section-9 .u-list-item-24 {
    --radius: 20px;
  }

  .u-section-9 .u-image-24 {
    height: 236px;
  }

  .u-section-9 .u-text-24 {
    margin-right: 0;
  }

  .u-section-9 .u-list-item-25 {
    --radius: 20px;
  }

  .u-section-9 .u-image-25 {
    height: 236px;
  }

  .u-section-9 .u-text-25 {
    margin-right: 0;
  }

  .u-section-9 .u-list-item-26 {
    --radius: 20px;
  }

  .u-section-9 .u-image-26 {
    height: 236px;
  }

  .u-section-9 .u-text-26 {
    margin-right: 0;
  }

  .u-section-9 .u-list-item-27 {
    --radius: 20px;
  }

  .u-section-9 .u-image-27 {
    height: 236px;
  }

  .u-section-9 .u-text-27 {
    margin-right: 0;
  }

  .u-section-9 .u-list-item-28 {
    --radius: 20px;
  }

  .u-section-9 .u-image-28 {
    height: 236px;
  }

  .u-section-9 .u-text-28 {
    margin-right: 0;
  }
}

@media (max-width: 991px) {
  .u-section-9 .u-sheet-1 {
    min-height: 879px;
  }

  .u-section-9 .u-list-1 {
    margin-top: 20px;
  }

  .u-section-9 .u-repeater-1 {
    min-height: 206px;
    grid-auto-columns: calc(33.3333% - 6.66667px);
    grid-template-columns: repeat(3, calc(33.3333% - 6.66667px));
  }

  .u-section-9 .u-container-layout-1 {
    padding-bottom: 19px;
  }

  .u-section-9 .u-image-1 {
    height: 127px;
  }

  .u-section-9 .u-container-layout-2 {
    padding-bottom: 19px;
  }

  .u-section-9 .u-image-2 {
    height: 127px;
  }

  .u-section-9 .u-container-layout-3 {
    padding-bottom: 19px;
  }

  .u-section-9 .u-image-3 {
    height: 127px;
  }

  .u-section-9 .u-container-layout-4 {
    padding-bottom: 19px;
  }

  .u-section-9 .u-image-4 {
    height: 127px;
  }

  .u-section-9 .u-container-layout-5 {
    padding-bottom: 19px;
  }

  .u-section-9 .u-image-5 {
    height: 127px;
  }

  .u-section-9 .u-container-layout-6 {
    padding-bottom: 19px;
  }

  .u-section-9 .u-image-6 {
    height: 127px;
  }

  .u-section-9 .u-container-layout-7 {
    padding-bottom: 19px;
  }

  .u-section-9 .u-image-7 {
    height: 127px;
  }

  .u-section-9 .u-container-layout-8 {
    padding-bottom: 19px;
  }

  .u-section-9 .u-image-8 {
    height: 127px;
  }

  .u-section-9 .u-container-layout-9 {
    padding-bottom: 19px;
  }

  .u-section-9 .u-image-9 {
    height: 127px;
  }

  .u-section-9 .u-container-layout-10 {
    padding-bottom: 19px;
  }

  .u-section-9 .u-image-10 {
    height: 127px;
  }

  .u-section-9 .u-container-layout-11 {
    padding-bottom: 19px;
  }

  .u-section-9 .u-image-11 {
    height: 127px;
  }

  .u-section-9 .u-container-layout-12 {
    padding-bottom: 19px;
  }

  .u-section-9 .u-image-12 {
    height: 127px;
  }

  .u-section-9 .u-container-layout-13 {
    padding-bottom: 19px;
  }

  .u-section-9 .u-image-13 {
    height: 127px;
  }

  .u-section-9 .u-container-layout-14 {
    padding-bottom: 19px;
  }

  .u-section-9 .u-image-14 {
    height: 127px;
  }

  .u-section-9 .u-container-layout-15 {
    padding-bottom: 19px;
  }

  .u-section-9 .u-image-15 {
    height: 127px;
  }

  .u-section-9 .u-container-layout-16 {
    padding-bottom: 19px;
  }

  .u-section-9 .u-image-16 {
    height: 127px;
  }

  .u-section-9 .u-container-layout-17 {
    padding-bottom: 19px;
  }

  .u-section-9 .u-image-17 {
    height: 127px;
  }

  .u-section-9 .u-container-layout-18 {
    padding-bottom: 19px;
  }

  .u-section-9 .u-image-18 {
    height: 127px;
  }

  .u-section-9 .u-list-2 {
    margin-top: 19px;
  }

  .u-section-9 .u-repeater-2 {
    min-height: 223px;
    grid-auto-columns: calc(33.3333% - 6.66667px);
    grid-template-columns: repeat(3, calc(33.3333% - 6.66667px));
  }

  .u-section-9 .u-container-layout-19 {
    padding-bottom: 29px;
  }

  .u-section-9 .u-image-19 {
    height: 143px;
  }

  .u-section-9 .u-text-19 {
    width: auto;
  }

  .u-section-9 .u-container-layout-20 {
    padding-bottom: 29px;
  }

  .u-section-9 .u-image-20 {
    height: 143px;
  }

  .u-section-9 .u-text-20 {
    width: auto;
  }

  .u-section-9 .u-container-layout-21 {
    padding-bottom: 0;
  }

  .u-section-9 .u-image-21 {
    height: 143px;
  }

  .u-section-9 .u-text-21 {
    width: auto;
  }

  .u-section-9 .u-container-layout-22 {
    padding-bottom: 0;
  }

  .u-section-9 .u-image-22 {
    height: 143px;
  }

  .u-section-9 .u-text-22 {
    width: auto;
  }

  .u-section-9 .u-container-layout-23 {
    padding-bottom: 0;
  }

  .u-section-9 .u-image-23 {
    height: 143px;
  }

  .u-section-9 .u-text-23 {
    width: auto;
  }

  .u-section-9 .u-list-3 {
    margin-bottom: 44px;
  }

  .u-section-9 .u-repeater-3 {
    min-height: 244px;
    grid-auto-columns: calc(33.3333% - 6.66667px);
    grid-template-columns: repeat(3, calc(33.3333% - 6.66667px));
  }

  .u-section-9 .u-container-layout-24 {
    padding-bottom: 29px;
  }

  .u-section-9 .u-image-24 {
    height: 164px;
  }

  .u-section-9 .u-container-layout-25 {
    padding-bottom: 29px;
  }

  .u-section-9 .u-image-25 {
    height: 164px;
  }

  .u-section-9 .u-container-layout-26 {
    padding-bottom: 0;
  }

  .u-section-9 .u-image-26 {
    height: 164px;
  }

  .u-section-9 .u-container-layout-27 {
    padding-bottom: 0;
  }

  .u-section-9 .u-image-27 {
    height: 164px;
  }

  .u-section-9 .u-container-layout-28 {
    padding-bottom: 0;
  }

  .u-section-9 .u-image-28 {
    height: 164px;
  }
}

@media (max-width: 767px) {
  .u-section-9 .u-list-1 {
    margin-top: 73px;
  }

  .u-section-9 .u-repeater-1 {
    grid-auto-columns: calc(50% - 5px);
    grid-template-columns: repeat(2, calc(50% - 5px));
  }

  .u-section-9 .u-container-layout-1 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .u-section-9 .u-image-1 {
    height: 176px;
  }

  .u-section-9 .u-container-layout-2 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .u-section-9 .u-image-2 {
    height: 176px;
  }

  .u-section-9 .u-container-layout-3 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .u-section-9 .u-image-3 {
    height: 176px;
  }

  .u-section-9 .u-container-layout-4 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .u-section-9 .u-image-4 {
    height: 176px;
  }

  .u-section-9 .u-container-layout-5 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .u-section-9 .u-image-5 {
    height: 176px;
  }

  .u-section-9 .u-container-layout-6 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .u-section-9 .u-image-6 {
    height: 176px;
  }

  .u-section-9 .u-container-layout-7 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .u-section-9 .u-image-7 {
    height: 176px;
  }

  .u-section-9 .u-container-layout-8 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .u-section-9 .u-image-8 {
    height: 176px;
  }

  .u-section-9 .u-container-layout-9 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .u-section-9 .u-image-9 {
    height: 176px;
  }

  .u-section-9 .u-container-layout-10 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .u-section-9 .u-image-10 {
    height: 176px;
  }

  .u-section-9 .u-container-layout-11 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .u-section-9 .u-image-11 {
    height: 176px;
  }

  .u-section-9 .u-container-layout-12 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .u-section-9 .u-image-12 {
    height: 176px;
  }

  .u-section-9 .u-container-layout-13 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .u-section-9 .u-image-13 {
    height: 176px;
  }

  .u-section-9 .u-container-layout-14 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .u-section-9 .u-image-14 {
    height: 176px;
  }

  .u-section-9 .u-container-layout-15 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .u-section-9 .u-image-15 {
    height: 176px;
  }

  .u-section-9 .u-container-layout-16 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .u-section-9 .u-image-16 {
    height: 176px;
  }

  .u-section-9 .u-container-layout-17 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .u-section-9 .u-image-17 {
    height: 176px;
  }

  .u-section-9 .u-container-layout-18 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .u-section-9 .u-image-18 {
    height: 176px;
  }

  .u-section-9 .u-repeater-2 {
    grid-auto-columns: calc(50% - 5px);
    grid-template-columns: repeat(2, calc(50% - 5px));
  }

  .u-section-9 .u-container-layout-19 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .u-section-9 .u-image-19 {
    height: 198px;
  }

  .u-section-9 .u-container-layout-20 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .u-section-9 .u-image-20 {
    height: 198px;
  }

  .u-section-9 .u-container-layout-21 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .u-section-9 .u-image-21 {
    height: 198px;
  }

  .u-section-9 .u-container-layout-22 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .u-section-9 .u-image-22 {
    height: 198px;
  }

  .u-section-9 .u-container-layout-23 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .u-section-9 .u-image-23 {
    height: 198px;
  }

  .u-section-9 .u-repeater-3 {
    grid-auto-columns: calc(50% - 5px);
    grid-template-columns: repeat(2, calc(50% - 5px));
  }

  .u-section-9 .u-container-layout-24 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .u-section-9 .u-image-24 {
    height: 228px;
  }

  .u-section-9 .u-container-layout-25 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .u-section-9 .u-image-25 {
    height: 228px;
  }

  .u-section-9 .u-container-layout-26 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .u-section-9 .u-image-26 {
    height: 228px;
  }

  .u-section-9 .u-container-layout-27 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .u-section-9 .u-image-27 {
    height: 228px;
  }

  .u-section-9 .u-container-layout-28 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .u-section-9 .u-image-28 {
    height: 228px;
  }
}

@media (max-width: 575px) {
  .u-section-9 .u-sheet-1 {
    min-height: 737px;
  }

  .u-section-9 .u-list-1 {
    margin-top: 37px;
  }

  .u-section-9 .u-repeater-1 {
    min-height: 197px;
    grid-auto-columns: calc(33.3333% - 6.66667px);
    grid-template-columns: repeat(3, calc(33.3333% - 6.66667px));
  }

  .u-section-9 .u-image-1 {
    height: 92px;
  }

  .u-section-9 .u-text-1 {
    width: auto;
    font-size: 1.25rem;
    margin-top: 23px;
  }

  .u-section-9 .u-image-2 {
    height: 92px;
  }

  .u-section-9 .u-text-2 {
    width: auto;
    font-size: 1.25rem;
    margin-top: 23px;
  }

  .u-section-9 .u-image-3 {
    height: 92px;
  }

  .u-section-9 .u-text-3 {
    width: auto;
    font-size: 1.25rem;
    margin-top: 23px;
  }

  .u-section-9 .u-image-4 {
    height: 92px;
  }

  .u-section-9 .u-text-4 {
    width: auto;
    font-size: 1.25rem;
    margin-top: 23px;
  }

  .u-section-9 .u-image-5 {
    height: 92px;
  }

  .u-section-9 .u-text-5 {
    width: auto;
    font-size: 1.25rem;
    margin-top: 23px;
  }

  .u-section-9 .u-image-6 {
    height: 92px;
  }

  .u-section-9 .u-text-6 {
    width: auto;
    font-size: 1.25rem;
    margin-top: 23px;
  }

  .u-section-9 .u-image-7 {
    height: 92px;
  }

  .u-section-9 .u-text-7 {
    width: auto;
    font-size: 1.25rem;
    margin-top: 23px;
  }

  .u-section-9 .u-image-8 {
    height: 92px;
  }

  .u-section-9 .u-text-8 {
    width: auto;
    font-size: 1.25rem;
    margin-top: 23px;
  }

  .u-section-9 .u-image-9 {
    height: 92px;
  }

  .u-section-9 .u-text-9 {
    width: auto;
    font-size: 1.25rem;
    margin-top: 23px;
  }

  .u-section-9 .u-image-10 {
    height: 92px;
  }

  .u-section-9 .u-text-10 {
    width: auto;
    font-size: 1.25rem;
    margin-top: 23px;
  }

  .u-section-9 .u-image-11 {
    height: 92px;
  }

  .u-section-9 .u-text-11 {
    width: auto;
    font-size: 1.25rem;
    margin-top: 23px;
  }

  .u-section-9 .u-image-12 {
    height: 92px;
  }

  .u-section-9 .u-text-12 {
    width: auto;
    font-size: 1.25rem;
    margin-top: 23px;
  }

  .u-section-9 .u-image-13 {
    height: 92px;
  }

  .u-section-9 .u-text-13 {
    width: auto;
    font-size: 1.25rem;
    margin-top: 23px;
  }

  .u-section-9 .u-image-14 {
    height: 92px;
  }

  .u-section-9 .u-text-14 {
    width: auto;
    font-size: 1.25rem;
    margin-top: 23px;
  }

  .u-section-9 .u-image-15 {
    height: 92px;
  }

  .u-section-9 .u-text-15 {
    width: auto;
    font-size: 1.25rem;
    margin-top: 23px;
  }

  .u-section-9 .u-image-16 {
    height: 92px;
  }

  .u-section-9 .u-text-16 {
    width: auto;
    font-size: 1.25rem;
    margin-top: 23px;
  }

  .u-section-9 .u-image-17 {
    height: 92px;
  }

  .u-section-9 .u-text-17 {
    width: auto;
    font-size: 1.25rem;
    margin-top: 23px;
  }

  .u-section-9 .u-image-18 {
    height: 92px;
  }

  .u-section-9 .u-text-18 {
    width: auto;
    font-size: 1.25rem;
    margin-top: 23px;
  }

  .u-section-9 .u-repeater-2 {
    min-height: 194px;
    grid-auto-columns: calc(33.3333% - 6.66667px);
    grid-template-columns: repeat(3, calc(33.3333% - 6.66667px));
  }

  .u-section-9 .u-container-layout-19 {
    padding-bottom: 0;
  }

  .u-section-9 .u-image-19 {
    height: 86px;
  }

  .u-section-9 .u-text-19 {
    font-size: 1.25rem;
  }

  .u-section-9 .u-container-layout-20 {
    padding-bottom: 0;
  }

  .u-section-9 .u-image-20 {
    height: 86px;
  }

  .u-section-9 .u-text-20 {
    font-size: 1.25rem;
  }

  .u-section-9 .u-image-21 {
    height: 86px;
  }

  .u-section-9 .u-text-21 {
    font-size: 1.25rem;
  }

  .u-section-9 .u-image-22 {
    height: 86px;
  }

  .u-section-9 .u-text-22 {
    font-size: 1.25rem;
  }

  .u-section-9 .u-image-23 {
    height: 86px;
  }

  .u-section-9 .u-text-23 {
    font-size: 1.25rem;
  }

  .u-section-9 .u-list-3 {
    margin-bottom: 37px;
  }

  .u-section-9 .u-repeater-3 {
    min-height: 205px;
    grid-auto-columns: calc(33.3333% - 6.66667px);
    grid-template-columns: repeat(3, calc(33.3333% - 6.66667px));
  }

  .u-section-9 .u-container-layout-24 {
    padding-bottom: 0;
  }

  .u-section-9 .u-image-24 {
    height: 83px;
  }

  .u-section-9 .u-text-24 {
    font-size: 1.25rem;
  }

  .u-section-9 .u-container-layout-25 {
    padding-bottom: 0;
  }

  .u-section-9 .u-image-25 {
    height: 83px;
  }

  .u-section-9 .u-text-25 {
    font-size: 1.25rem;
  }

  .u-section-9 .u-image-26 {
    height: 83px;
  }

  .u-section-9 .u-text-26 {
    font-size: 1.25rem;
  }

  .u-section-9 .u-image-27 {
    height: 83px;
  }

  .u-section-9 .u-text-27 {
    font-size: 1.25rem;
  }

  .u-section-9 .u-image-28 {
    height: 83px;
  }

  .u-section-9 .u-text-28 {
    font-size: 1.25rem;
  }
} .u-section-10 {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-image: url('images/RoofCost.png');
  background-size: cover;
}

.u-section-10 .u-sheet-1 {
  min-height: 870px;
}

.u-section-10 .u-layout-wrap-1 {
  margin-top: 41px;
  margin-bottom: 60px;
}

.u-section-10 .u-layout-cell-1 {
  min-height: 780px;
}

.u-section-10 .u-container-layout-1 {
  padding: 0 30px;
}

@media (max-width: 1199px) {
  .u-section-10 .u-sheet-1 {
    min-height: 581px;
  }

  .u-section-10 .u-layout-cell-1 {
    min-height: 390px;
  }
}

@media (max-width: 991px) {
  .u-section-10 .u-sheet-1 {
    min-height: 137px;
  }

  .u-section-10 .u-layout-cell-1 {
    min-height: 493px;
  }
}

@media (max-width: 767px) {
  .u-section-10 .u-sheet-1 {
    min-height: 257px;
  }

  .u-section-10 .u-layout-cell-1 {
    min-height: 370px;
  }

  .u-section-10 .u-container-layout-1 {
    padding-left: 10px;
    padding-right: 10px;
  }
}

@media (max-width: 575px) {
  .u-section-10 .u-sheet-1 {
    min-height: 137px;
  }

  .u-section-10 .u-layout-cell-1 {
    min-height: 233px;
  }
}

/* roof-tool-blue-theme-map-address-spacing-final */
:root {
  --roof-tool-blue: #051f3d;
  --roof-tool-blue-2: #0b3a6f;
  --roof-tool-yellow-old: #f2b705;
}

/* Change yellow tool theme areas/buttons to blue */
.roof-tool-page .yellow,
.roof-tool-page .yellow-box,
.roof-tool-page .tool-yellow,
.roof-tool-page .quote-step,
.roof-tool-page .roof-type-card.active,
.roof-tool-page .roof-type-card:hover,
.roof-tool-page .roof-tool-search,
.roof-tool-page .search-button,
.roof-tool-page button,
.roof-tool-page .btn,
.roof-tool-page .primary-btn,
.roof-tool-page .next-btn,
.roof-tool-page .submit-btn,
.roof-tool-page .estimate-btn,
.roof-tool-page .instant-quote-btn,
.roof-estimate-tool .yellow,
.roof-estimate-tool .yellow-box,
.roof-estimate-tool .tool-yellow,
.roof-estimate-tool .quote-step,
.roof-estimate-tool .roof-type-card.active,
.roof-estimate-tool .roof-type-card:hover,
.roof-estimate-tool .roof-tool-search,
.roof-estimate-tool .search-button,
.roof-estimate-tool button,
.roof-estimate-tool .btn,
.roof-estimate-tool .primary-btn,
.roof-estimate-tool .next-btn,
.roof-estimate-tool .submit-btn,
.roof-estimate-tool .estimate-btn,
.roof-estimate-tool .instant-quote-btn,
#roofTool button,
#roofTool .btn,
#roofTool .primary-btn,
#roofTool .search-button {
  background-color: var(--roof-tool-blue) !important;
  border-color: var(--roof-tool-blue) !important;
  color: #ffffff !important;
}

/* Blue card/header accents */
.roof-tool-page .tool-header,
.roof-tool-page .step-header,
.roof-tool-page .form-title-box,
.roof-tool-page .selected-roof-title,
.roof-estimate-tool .tool-header,
.roof-estimate-tool .step-header,
.roof-estimate-tool .form-title-box,
.roof-estimate-tool .selected-roof-title,
#roofTool .tool-header,
#roofTool .step-header,
#roofTool .form-title-box,
#roofTool .selected-roof-title {
  background: var(--roof-tool-blue) !important;
  color: #ffffff !important;
}

/* If any hard yellow backgrounds remain inside the roof tool, force blue */
.roof-tool-page [style*="#f2b705"],
.roof-tool-page [style*="#F2B705"],
.roof-tool-page [style*="yellow"],
.roof-estimate-tool [style*="#f2b705"],
.roof-estimate-tool [style*="#F2B705"],
.roof-estimate-tool [style*="yellow"],
#roofTool [style*="#f2b705"],
#roofTool [style*="#F2B705"],
#roofTool [style*="yellow"] {
  background-color: var(--roof-tool-blue) !important;
  border-color: var(--roof-tool-blue) !important;
  color: #ffffff !important;
}

/* Space out the map and address section */
.roof-tool-page .map-address-wrap,
.roof-tool-page .address-map-wrap,
.roof-tool-page .map-address-row,
.roof-tool-page .address-map-row,
.roof-estimate-tool .map-address-wrap,
.roof-estimate-tool .address-map-wrap,
.roof-estimate-tool .map-address-row,
.roof-estimate-tool .address-map-row,
#roofTool .map-address-wrap,
#roofTool .address-map-wrap,
#roofTool .map-address-row,
#roofTool .address-map-row {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 34px !important;
  align-items: start !important;
}

/* Generic roof-tool address/map spacing fallbacks */
.roof-tool-page iframe,
.roof-estimate-tool iframe,
#roofTool iframe,
.roof-tool-page .map-box,
.roof-estimate-tool .map-box,
#roofTool .map-box,
.roof-tool-page .google-map,
.roof-estimate-tool .google-map,
#roofTool .google-map {
  margin-bottom: 26px !important;
}

.roof-tool-page .address-box,
.roof-tool-page .address-panel,
.roof-tool-page .address-section,
.roof-tool-page .property-address,
.roof-estimate-tool .address-box,
.roof-estimate-tool .address-panel,
.roof-estimate-tool .address-section,
.roof-estimate-tool .property-address,
#roofTool .address-box,
#roofTool .address-panel,
#roofTool .address-section,
#roofTool .property-address {
  margin-top: 24px !important;
  padding-top: 12px !important;
}

/* Search/address input spacing */
.roof-tool-page input[type="text"],
.roof-tool-page input[type="search"],
.roof-tool-page input[name*="address" i],
.roof-estimate-tool input[type="text"],
.roof-estimate-tool input[type="search"],
.roof-estimate-tool input[name*="address" i],
#roofTool input[type="text"],
#roofTool input[type="search"],
#roofTool input[name*="address" i] {
  margin-bottom: 18px !important;
}

/* Keep price red */
.roof-tool-page .price,
.roof-tool-page .estimate-price,
.roof-tool-page .total-price,
.roof-estimate-tool .price,
.roof-estimate-tool .estimate-price,
.roof-estimate-tool .total-price,
#roofTool .price,
#roofTool .estimate-price,
#roofTool .total-price {
  color: #d60000 !important;
}

/* Mobile spacing */
@media (max-width: 800px) {
  .roof-tool-page .map-address-wrap,
  .roof-tool-page .address-map-wrap,
  .roof-tool-page .map-address-row,
  .roof-tool-page .address-map-row,
  .roof-estimate-tool .map-address-wrap,
  .roof-estimate-tool .address-map-wrap,
  .roof-estimate-tool .map-address-row,
  .roof-estimate-tool .address-map-row,
  #roofTool .map-address-wrap,
  #roofTool .address-map-wrap,
  #roofTool .map-address-row,
  #roofTool .address-map-row {
    grid-template-columns: 1fr !important;
    gap: 24px !important;
  }
}


/* roof-tool-white-label-text-final */
.roof-tool-page h1,
.roof-tool-page h2,
.roof-tool-page h3,
.roof-tool-page h4,
.roof-tool-page label,
.roof-tool-page .label,
.roof-tool-page .form-label,
.roof-tool-page .step-title,
.roof-tool-page .tool-title,
.roof-tool-page .estimate-title,
.roof-tool-page .find-roof-title,
.roof-tool-page .input-title,
.roof-tool-page .field-title,
.roof-estimate-tool h1,
.roof-estimate-tool h2,
.roof-estimate-tool h3,
.roof-estimate-tool h4,
.roof-estimate-tool label,
.roof-estimate-tool .label,
.roof-estimate-tool .form-label,
.roof-estimate-tool .step-title,
.roof-estimate-tool .tool-title,
.roof-estimate-tool .estimate-title,
.roof-estimate-tool .find-roof-title,
.roof-estimate-tool .input-title,
.roof-estimate-tool .field-title,
#roofTool h1,
#roofTool h2,
#roofTool h3,
#roofTool h4,
#roofTool label,
#roofTool .label,
#roofTool .form-label,
#roofTool .step-title,
#roofTool .tool-title,
#roofTool .estimate-title,
#roofTool .find-roof-title,
#roofTool .input-title,
#roofTool .field-title {
  color: #ffffff !important;
}

/* Make the specific roof-tool wording white */
.roof-tool-page *:not(input):not(textarea):not(select),
.roof-estimate-tool *:not(input):not(textarea):not(select),
#roofTool *:not(input):not(textarea):not(select) {
  color: #ffffff !important;
}

/* Keep form input text readable */
.roof-tool-page input,
.roof-tool-page textarea,
.roof-tool-page select,
.roof-estimate-tool input,
.roof-estimate-tool textarea,
.roof-estimate-tool select,
#roofTool input,
#roofTool textarea,
#roofTool select {
  color: #111111 !important;
  background-color: #ffffff !important;
}

/* Keep price red */
.roof-tool-page .price,
.roof-tool-page .estimate-price,
.roof-tool-page .total-price,
.roof-estimate-tool .price,
.roof-estimate-tool .estimate-price,
.roof-estimate-tool .total-price,
#roofTool .price,
#roofTool .estimate-price,
#roofTool .total-price {
  color: #d60000 !important;
}


/* roof-tool-map-form-spacing-yellow-search-white-text-final */

/* Keep roof tool labels/text white */
.roof-tool-page h1,
.roof-tool-page h2,
.roof-tool-page h3,
.roof-tool-page h4,
.roof-tool-page label,
.roof-tool-page .label,
.roof-tool-page .form-label,
.roof-tool-page .step-title,
.roof-tool-page .tool-title,
.roof-tool-page .estimate-title,
.roof-tool-page .find-roof-title,
.roof-tool-page .input-title,
.roof-tool-page .field-title,
.roof-estimate-tool h1,
.roof-estimate-tool h2,
.roof-estimate-tool h3,
.roof-estimate-tool h4,
.roof-estimate-tool label,
.roof-estimate-tool .label,
.roof-estimate-tool .form-label,
.roof-estimate-tool .step-title,
.roof-estimate-tool .tool-title,
.roof-estimate-tool .estimate-title,
.roof-estimate-tool .find-roof-title,
.roof-estimate-tool .input-title,
.roof-estimate-tool .field-title,
#roofTool h1,
#roofTool h2,
#roofTool h3,
#roofTool h4,
#roofTool label,
#roofTool .label,
#roofTool .form-label,
#roofTool .step-title,
#roofTool .tool-title,
#roofTool .estimate-title,
#roofTool .find-roof-title,
#roofTool .input-title,
#roofTool .field-title {
  color: #ffffff !important;
}

/* Keep input text readable */
.roof-tool-page input,
.roof-tool-page textarea,
.roof-tool-page select,
.roof-estimate-tool input,
.roof-estimate-tool textarea,
.roof-estimate-tool select,
#roofTool input,
#roofTool textarea,
#roofTool select {
  color: #111111 !important;
  background-color: #ffffff !important;
}

/* Add spacing between map and form/address area */
.roof-tool-page .map-address-wrap,
.roof-tool-page .address-map-wrap,
.roof-tool-page .map-address-row,
.roof-tool-page .address-map-row,
.roof-tool-page .map-form-wrap,
.roof-tool-page .form-map-wrap,
.roof-tool-page .map-form-row,
.roof-tool-page .form-map-row,
.roof-estimate-tool .map-address-wrap,
.roof-estimate-tool .address-map-wrap,
.roof-estimate-tool .map-address-row,
.roof-estimate-tool .address-map-row,
.roof-estimate-tool .map-form-wrap,
.roof-estimate-tool .form-map-wrap,
.roof-estimate-tool .map-form-row,
.roof-estimate-tool .form-map-row,
#roofTool .map-address-wrap,
#roofTool .address-map-wrap,
#roofTool .map-address-row,
#roofTool .address-map-row,
#roofTool .map-form-wrap,
#roofTool .form-map-wrap,
#roofTool .map-form-row,
#roofTool .form-map-row {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(320px, 420px) !important;
  gap: 46px !important;
  column-gap: 46px !important;
  align-items: start !important;
}

/* Generic spacing fallback for map iframe and form panel */
.roof-tool-page iframe,
.roof-estimate-tool iframe,
#roofTool iframe,
.roof-tool-page .map-box,
.roof-estimate-tool .map-box,
#roofTool .map-box,
.roof-tool-page .google-map,
.roof-estimate-tool .google-map,
#roofTool .google-map {
  margin-right: 34px !important;
  margin-bottom: 28px !important;
}

.roof-tool-page form,
.roof-tool-page .form-box,
.roof-tool-page .form-panel,
.roof-tool-page .address-box,
.roof-tool-page .address-panel,
.roof-tool-page .address-section,
.roof-estimate-tool form,
.roof-estimate-tool .form-box,
.roof-estimate-tool .form-panel,
.roof-estimate-tool .address-box,
.roof-estimate-tool .address-panel,
.roof-estimate-tool .address-section,
#roofTool form,
#roofTool .form-box,
#roofTool .form-panel,
#roofTool .address-box,
#roofTool .address-panel,
#roofTool .address-section {
  margin-left: 22px !important;
}

/* Search button should be yellow, not blue */
.roof-tool-page .search-button,
.roof-tool-page .roof-tool-search,
.roof-tool-page button[type="submit"],
.roof-tool-page button.search,
.roof-tool-page .address-search-button,
.roof-estimate-tool .search-button,
.roof-estimate-tool .roof-tool-search,
.roof-estimate-tool button[type="submit"],
.roof-estimate-tool button.search,
.roof-estimate-tool .address-search-button,
#roofTool .search-button,
#roofTool .roof-tool-search,
#roofTool button[type="submit"],
#roofTool button.search,
#roofTool .address-search-button {
  background-color: #f2b705 !important;
  border-color: #f2b705 !important;
  color: #051f3d !important;
  font-weight: 900 !important;
}

/* Search icon/text inside the search button */
.roof-tool-page .search-button *,
.roof-tool-page .roof-tool-search *,
.roof-tool-page button.search *,
.roof-tool-page .address-search-button *,
.roof-estimate-tool .search-button *,
.roof-estimate-tool .roof-tool-search *,
.roof-estimate-tool button.search *,
.roof-estimate-tool .address-search-button *,
#roofTool .search-button *,
#roofTool .roof-tool-search *,
#roofTool button.search *,
#roofTool .address-search-button * {
  color: #051f3d !important;
  fill: #051f3d !important;
}

/* Keep price red */
.roof-tool-page .price,
.roof-tool-page .estimate-price,
.roof-tool-page .total-price,
.roof-estimate-tool .price,
.roof-estimate-tool .estimate-price,
.roof-estimate-tool .total-price,
#roofTool .price,
#roofTool .estimate-price,
#roofTool .total-price {
  color: #d60000 !important;
}

@media (max-width: 800px) {
  .roof-tool-page .map-address-wrap,
  .roof-tool-page .address-map-wrap,
  .roof-tool-page .map-address-row,
  .roof-tool-page .address-map-row,
  .roof-tool-page .map-form-wrap,
  .roof-tool-page .form-map-wrap,
  .roof-tool-page .map-form-row,
  .roof-tool-page .form-map-row,
  .roof-estimate-tool .map-address-wrap,
  .roof-estimate-tool .address-map-wrap,
  .roof-estimate-tool .map-address-row,
  .roof-estimate-tool .address-map-row,
  .roof-estimate-tool .map-form-wrap,
  .roof-estimate-tool .form-map-wrap,
  .roof-estimate-tool .map-form-row,
  .roof-estimate-tool .form-map-row,
  #roofTool .map-address-wrap,
  #roofTool .address-map-wrap,
  #roofTool .map-address-row,
  #roofTool .address-map-row,
  #roofTool .map-form-wrap,
  #roofTool .form-map-wrap,
  #roofTool .map-form-row,
  #roofTool .form-map-row {
    grid-template-columns: 1fr !important;
    gap: 28px !important;
  }

  .roof-tool-page form,
  .roof-tool-page .form-box,
  .roof-tool-page .form-panel,
  .roof-tool-page .address-box,
  .roof-tool-page .address-panel,
  .roof-tool-page .address-section,
  .roof-estimate-tool form,
  .roof-estimate-tool .form-box,
  .roof-estimate-tool .form-panel,
  .roof-estimate-tool .address-box,
  .roof-estimate-tool .address-panel,
  .roof-estimate-tool .address-section,
  #roofTool form,
  #roofTool .form-box,
  #roofTool .form-panel,
  #roofTool .address-box,
  #roofTool .address-panel,
  #roofTool .address-section {
    margin-left: 0 !important;
  }
}


/* roof-tool-blue-area-white-text-required-fields-final */

/* Text on blue tool areas must be white */
.roof-tool-page [style*="#051f3d"],
.roof-tool-page [style*="#0b3a6f"],
.roof-tool-page [style*="rgb(5, 31, 61)"],
.roof-tool-page .tool-header,
.roof-tool-page .step-header,
.roof-tool-page .form-title-box,
.roof-tool-page .selected-roof-title,
.roof-tool-page .quote-step,
.roof-tool-page .blue-box,
.roof-tool-page .blue-panel,
.roof-tool-page .roof-tool-panel,
.roof-tool-page .roof-tool-card,
.roof-estimate-tool [style*="#051f3d"],
.roof-estimate-tool [style*="#0b3a6f"],
.roof-estimate-tool [style*="rgb(5, 31, 61)"],
.roof-estimate-tool .tool-header,
.roof-estimate-tool .step-header,
.roof-estimate-tool .form-title-box,
.roof-estimate-tool .selected-roof-title,
.roof-estimate-tool .quote-step,
.roof-estimate-tool .blue-box,
.roof-estimate-tool .blue-panel,
.roof-estimate-tool .roof-tool-panel,
.roof-estimate-tool .roof-tool-card,
#roofTool [style*="#051f3d"],
#roofTool [style*="#0b3a6f"],
#roofTool [style*="rgb(5, 31, 61)"],
#roofTool .tool-header,
#roofTool .step-header,
#roofTool .form-title-box,
#roofTool .selected-roof-title,
#roofTool .quote-step,
#roofTool .blue-box,
#roofTool .blue-panel,
#roofTool .roof-tool-panel,
#roofTool .roof-tool-card {
  color: #ffffff !important;
}

/* Force children inside blue areas to white */
.roof-tool-page [style*="#051f3d"] *:not(input):not(textarea):not(select):not(option),
.roof-tool-page [style*="#0b3a6f"] *:not(input):not(textarea):not(select):not(option),
.roof-tool-page .tool-header *:not(input):not(textarea):not(select):not(option),
.roof-tool-page .step-header *:not(input):not(textarea):not(select):not(option),
.roof-tool-page .form-title-box *:not(input):not(textarea):not(select):not(option),
.roof-tool-page .selected-roof-title *:not(input):not(textarea):not(select):not(option),
.roof-tool-page .quote-step *:not(input):not(textarea):not(select):not(option),
.roof-tool-page .blue-box *:not(input):not(textarea):not(select):not(option),
.roof-tool-page .blue-panel *:not(input):not(textarea):not(select):not(option),
.roof-tool-page .roof-tool-panel *:not(input):not(textarea):not(select):not(option),
.roof-tool-page .roof-tool-card *:not(input):not(textarea):not(select):not(option),
.roof-estimate-tool [style*="#051f3d"] *:not(input):not(textarea):not(select):not(option),
.roof-estimate-tool [style*="#0b3a6f"] *:not(input):not(textarea):not(select):not(option),
.roof-estimate-tool .tool-header *:not(input):not(textarea):not(select):not(option),
.roof-estimate-tool .step-header *:not(input):not(textarea):not(select):not(option),
.roof-estimate-tool .form-title-box *:not(input):not(textarea):not(select):not(option),
.roof-estimate-tool .selected-roof-title *:not(input):not(textarea):not(select):not(option),
.roof-estimate-tool .quote-step *:not(input):not(textarea):not(select):not(option),
.roof-estimate-tool .blue-box *:not(input):not(textarea):not(select):not(option),
.roof-estimate-tool .blue-panel *:not(input):not(textarea):not(select):not(option),
.roof-estimate-tool .roof-tool-panel *:not(input):not(textarea):not(select):not(option),
.roof-estimate-tool .roof-tool-card *:not(input):not(textarea):not(select):not(option),
#roofTool [style*="#051f3d"] *:not(input):not(textarea):not(select):not(option),
#roofTool [style*="#0b3a6f"] *:not(input):not(textarea):not(select):not(option),
#roofTool .tool-header *:not(input):not(textarea):not(select):not(option),
#roofTool .step-header *:not(input):not(textarea):not(select):not(option),
#roofTool .form-title-box *:not(input):not(textarea):not(select):not(option),
#roofTool .selected-roof-title *:not(input):not(textarea):not(select):not(option),
#roofTool .quote-step *:not(input):not(textarea):not(select):not(option),
#roofTool .blue-box *:not(input):not(textarea):not(select):not(option),
#roofTool .blue-panel *:not(input):not(textarea):not(select):not(option),
#roofTool .roof-tool-panel *:not(input):not(textarea):not(select):not(option),
#roofTool .roof-tool-card *:not(input):not(textarea):not(select):not(option) {
  color: #ffffff !important;
  fill: #ffffff !important;
}

/* Tool labels/headings white */
.roof-tool-page h1,
.roof-tool-page h2,
.roof-tool-page h3,
.roof-tool-page h4,
.roof-tool-page label,
.roof-tool-page .label,
.roof-tool-page .form-label,
.roof-tool-page .field-title,
.roof-tool-page .step-title,
.roof-tool-page .tool-title,
.roof-estimate-tool h1,
.roof-estimate-tool h2,
.roof-estimate-tool h3,
.roof-estimate-tool h4,
.roof-estimate-tool label,
.roof-estimate-tool .label,
.roof-estimate-tool .form-label,
.roof-estimate-tool .field-title,
.roof-estimate-tool .step-title,
.roof-estimate-tool .tool-title,
#roofTool h1,
#roofTool h2,
#roofTool h3,
#roofTool h4,
#roofTool label,
#roofTool .label,
#roofTool .form-label,
#roofTool .field-title,
#roofTool .step-title,
#roofTool .tool-title {
  color: #ffffff !important;
}

/* Name and phone required fields same size */
.roof-tool-page input[name*="name" i],
.roof-tool-page input[id*="name" i],
.roof-tool-page input[name*="phone" i],
.roof-tool-page input[id*="phone" i],
.roof-tool-page input[type="tel"],
.roof-estimate-tool input[name*="name" i],
.roof-estimate-tool input[id*="name" i],
.roof-estimate-tool input[name*="phone" i],
.roof-estimate-tool input[id*="phone" i],
.roof-estimate-tool input[type="tel"],
#roofTool input[name*="name" i],
#roofTool input[id*="name" i],
#roofTool input[name*="phone" i],
#roofTool input[id*="phone" i],
#roofTool input[type="tel"] {
  width: 100% !important;
  max-width: 100% !important;
  height: 52px !important;
  min-height: 52px !important;
  box-sizing: border-box !important;
  display: block !important;
}

/* Keep all input text readable */
.roof-tool-page input,
.roof-tool-page textarea,
.roof-tool-page select,
.roof-estimate-tool input,
.roof-estimate-tool textarea,
.roof-estimate-tool select,
#roofTool input,
#roofTool textarea,
#roofTool select {
  color: #111111 !important;
  background-color: #ffffff !important;
}

/* Search button/box yellow */
.roof-tool-page .search-button,
.roof-tool-page .roof-tool-search,
.roof-tool-page button.search,
.roof-tool-page .address-search-button,
.roof-estimate-tool .search-button,
.roof-estimate-tool .roof-tool-search,
.roof-estimate-tool button.search,
.roof-estimate-tool .address-search-button,
#roofTool .search-button,
#roofTool .roof-tool-search,
#roofTool button.search,
#roofTool .address-search-button {
  background-color: #f2b705 !important;
  border-color: #f2b705 !important;
  color: #051f3d !important;
  font-weight: 900 !important;
}

.roof-tool-page .search-button *,
.roof-tool-page .roof-tool-search *,
.roof-tool-page button.search *,
.roof-tool-page .address-search-button *,
.roof-estimate-tool .search-button *,
.roof-estimate-tool .roof-tool-search *,
.roof-estimate-tool button.search *,
.roof-estimate-tool .address-search-button *,
#roofTool .search-button *,
#roofTool .roof-tool-search *,
#roofTool button.search *,
#roofTool .address-search-button * {
  color: #051f3d !important;
  fill: #051f3d !important;
}

/* More space between map and form */
.roof-tool-page .map-address-wrap,
.roof-tool-page .address-map-wrap,
.roof-tool-page .map-address-row,
.roof-tool-page .address-map-row,
.roof-tool-page .map-form-wrap,
.roof-tool-page .form-map-wrap,
.roof-tool-page .map-form-row,
.roof-tool-page .form-map-row,
.roof-estimate-tool .map-address-wrap,
.roof-estimate-tool .address-map-wrap,
.roof-estimate-tool .map-address-row,
.roof-estimate-tool .address-map-row,
.roof-estimate-tool .map-form-wrap,
.roof-estimate-tool .form-map-wrap,
.roof-estimate-tool .map-form-row,
.roof-estimate-tool .form-map-row,
#roofTool .map-address-wrap,
#roofTool .address-map-wrap,
#roofTool .map-address-row,
#roofTool .address-map-row,
#roofTool .map-form-wrap,
#roofTool .form-map-wrap,
#roofTool .map-form-row,
#roofTool .form-map-row {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(330px, 430px) !important;
  gap: 58px !important;
  column-gap: 58px !important;
  align-items: start !important;
}

.roof-tool-page iframe,
.roof-estimate-tool iframe,
#roofTool iframe,
.roof-tool-page .map-box,
.roof-estimate-tool .map-box,
#roofTool .map-box,
.roof-tool-page .google-map,
.roof-estimate-tool .google-map,
#roofTool .google-map {
  margin-right: 42px !important;
  margin-bottom: 32px !important;
}

.roof-tool-page form,
.roof-tool-page .form-box,
.roof-tool-page .form-panel,
.roof-tool-page .address-box,
.roof-tool-page .address-panel,
.roof-tool-page .address-section,
.roof-estimate-tool form,
.roof-estimate-tool .form-box,
.roof-estimate-tool .form-panel,
.roof-estimate-tool .address-box,
.roof-estimate-tool .address-panel,
.roof-estimate-tool .address-section,
#roofTool form,
#roofTool .form-box,
#roofTool .form-panel,
#roofTool .address-box,
#roofTool .address-panel,
#roofTool .address-section {
  margin-left: 34px !important;
}

/* Keep price red */
.roof-tool-page .price,
.roof-tool-page .estimate-price,
.roof-tool-page .total-price,
.roof-estimate-tool .price,
.roof-estimate-tool .estimate-price,
.roof-estimate-tool .total-price,
#roofTool .price,
#roofTool .estimate-price,
#roofTool .total-price {
  color: #d60000 !important;
}

@media (max-width: 800px) {
  .roof-tool-page .map-address-wrap,
  .roof-tool-page .address-map-wrap,
  .roof-tool-page .map-address-row,
  .roof-tool-page .address-map-row,
  .roof-tool-page .map-form-wrap,
  .roof-tool-page .form-map-wrap,
  .roof-tool-page .map-form-row,
  .roof-tool-page .form-map-row,
  .roof-estimate-tool .map-address-wrap,
  .roof-estimate-tool .address-map-wrap,
  .roof-estimate-tool .map-address-row,
  .roof-estimate-tool .address-map-row,
  .roof-estimate-tool .map-form-wrap,
  .roof-estimate-tool .form-map-wrap,
  .roof-estimate-tool .map-form-row,
  .roof-estimate-tool .form-map-row,
  #roofTool .map-address-wrap,
  #roofTool .address-map-wrap,
  #roofTool .map-address-row,
  #roofTool .address-map-row,
  #roofTool .map-form-wrap,
  #roofTool .form-map-wrap,
  #roofTool .map-form-row,
  #roofTool .form-map-row {
    grid-template-columns: 1fr !important;
    gap: 30px !important;
  }

  .roof-tool-page form,
  .roof-tool-page .form-box,
  .roof-tool-page .form-panel,
  .roof-tool-page .address-box,
  .roof-tool-page .address-panel,
  .roof-tool-page .address-section,
  .roof-estimate-tool form,
  .roof-estimate-tool .form-box,
  .roof-estimate-tool .form-panel,
  .roof-estimate-tool .address-box,
  .roof-estimate-tool .address-panel,
  .roof-estimate-tool .address-section,
  #roofTool form,
  #roofTool .form-box,
  #roofTool .form-panel,
  #roofTool .address-box,
  #roofTool .address-panel,
  #roofTool .address-section {
    margin-left: 0 !important;
  }
}


/* roof-tool-address-suggestions-final */
.roof-address-suggestions {
  position: absolute !important;
  z-index: 99999 !important;
  background: #ffffff !important;
  border: 1px solid #d8d8d8 !important;
  border-radius: 8px !important;
  box-shadow: 0 10px 25px rgba(0,0,0,.18) !important;
  max-height: 260px !important;
  overflow-y: auto !important;
  display: none;
  color: #111111 !important;
}
.roof-address-suggestion-item {
  padding: 12px 14px !important;
  cursor: pointer !important;
  color: #111111 !important;
  font-size: 14px !important;
  line-height: 1.35 !important;
  border-bottom: 1px solid #eeeeee !important;
  background: #ffffff !important;
}
.roof-address-suggestion-item:hover,
.roof-address-suggestion-item.active {
  background: #f2b705 !important;
  color: #051f3d !important;
}
.roof-address-suggestion-empty {
  padding: 12px 14px !important;
  color: #555555 !important;
  font-size: 14px !important;
  background: #ffffff !important;
}


/* roof-tool-name-tel-required-same-size-final */
.roof-tool-page input[name*="name" i],
.roof-tool-page input[id*="name" i],
.roof-tool-page input[name*="phone" i],
.roof-tool-page input[id*="phone" i],
.roof-tool-page input[name*="tel" i],
.roof-tool-page input[id*="tel" i],
.roof-tool-page input[type="tel"],
.roof-estimate-tool input[name*="name" i],
.roof-estimate-tool input[id*="name" i],
.roof-estimate-tool input[name*="phone" i],
.roof-estimate-tool input[id*="phone" i],
.roof-estimate-tool input[name*="tel" i],
.roof-estimate-tool input[id*="tel" i],
.roof-estimate-tool input[type="tel"],
#roofTool input[name*="name" i],
#roofTool input[id*="name" i],
#roofTool input[name*="phone" i],
#roofTool input[id*="phone" i],
#roofTool input[name*="tel" i],
#roofTool input[id*="tel" i],
#roofTool input[type="tel"] {
  width: 100% !important;
  max-width: 100% !important;
  height: 52px !important;
  min-height: 52px !important;
  box-sizing: border-box !important;
  display: block !important;
}


/* name-tel-boxes-yellow-search-map-spaced-final */

/* Keep visible boxes/borders around Name and Tel/Phone inputs */
.roof-tool-page input[name*="name" i],
.roof-tool-page input[id*="name" i],
.roof-tool-page input[placeholder*="name" i],
.roof-tool-page input[name*="phone" i],
.roof-tool-page input[id*="phone" i],
.roof-tool-page input[placeholder*="phone" i],
.roof-tool-page input[name*="tel" i],
.roof-tool-page input[id*="tel" i],
.roof-tool-page input[placeholder*="tel" i],
.roof-tool-page input[type="tel"],
.roof-estimate-tool input[name*="name" i],
.roof-estimate-tool input[id*="name" i],
.roof-estimate-tool input[placeholder*="name" i],
.roof-estimate-tool input[name*="phone" i],
.roof-estimate-tool input[id*="phone" i],
.roof-estimate-tool input[placeholder*="phone" i],
.roof-estimate-tool input[name*="tel" i],
.roof-estimate-tool input[id*="tel" i],
.roof-estimate-tool input[placeholder*="tel" i],
.roof-estimate-tool input[type="tel"],
#roofTool input[name*="name" i],
#roofTool input[id*="name" i],
#roofTool input[placeholder*="name" i],
#roofTool input[name*="phone" i],
#roofTool input[id*="phone" i],
#roofTool input[placeholder*="phone" i],
#roofTool input[name*="tel" i],
#roofTool input[id*="tel" i],
#roofTool input[placeholder*="tel" i],
#roofTool input[type="tel"] {
  width: 100% !important;
  max-width: 100% !important;
  height: 52px !important;
  min-height: 52px !important;
  display: block !important;
  box-sizing: border-box !important;
  background: #ffffff !important;
  color: #111111 !important;
  border: 2px solid #d7d7d7 !important;
  border-radius: 6px !important;
  padding: 12px 14px !important;
  outline: none !important;
  box-shadow: none !important;
}

.roof-tool-page input[name*="name" i]:focus,
.roof-tool-page input[id*="name" i]:focus,
.roof-tool-page input[placeholder*="name" i]:focus,
.roof-tool-page input[name*="phone" i]:focus,
.roof-tool-page input[id*="phone" i]:focus,
.roof-tool-page input[placeholder*="phone" i]:focus,
.roof-tool-page input[name*="tel" i]:focus,
.roof-tool-page input[id*="tel" i]:focus,
.roof-tool-page input[placeholder*="tel" i]:focus,
.roof-tool-page input[type="tel"]:focus,
.roof-estimate-tool input[name*="name" i]:focus,
.roof-estimate-tool input[id*="name" i]:focus,
.roof-estimate-tool input[placeholder*="name" i]:focus,
.roof-estimate-tool input[name*="phone" i]:focus,
.roof-estimate-tool input[id*="phone" i]:focus,
.roof-estimate-tool input[placeholder*="phone" i]:focus,
.roof-estimate-tool input[name*="tel" i]:focus,
.roof-estimate-tool input[id*="tel" i]:focus,
.roof-estimate-tool input[placeholder*="tel" i]:focus,
.roof-estimate-tool input[type="tel"]:focus,
#roofTool input[name*="name" i]:focus,
#roofTool input[id*="name" i]:focus,
#roofTool input[placeholder*="name" i]:focus,
#roofTool input[name*="phone" i]:focus,
#roofTool input[id*="phone" i]:focus,
#roofTool input[placeholder*="phone" i]:focus,
#roofTool input[name*="tel" i]:focus,
#roofTool input[id*="tel" i]:focus,
#roofTool input[placeholder*="tel" i]:focus,
#roofTool input[type="tel"]:focus {
  border-color: #f2b705 !important;
  box-shadow: 0 0 0 3px rgba(242, 183, 5, .22) !important;
}

/* Make the search button/box yellow */
.roof-tool-page .search-button,
.roof-tool-page .roof-tool-search,
.roof-tool-page button.search,
.roof-tool-page .address-search-button,
.roof-tool-page button[type="submit"],
.roof-estimate-tool .search-button,
.roof-estimate-tool .roof-tool-search,
.roof-estimate-tool button.search,
.roof-estimate-tool .address-search-button,
.roof-estimate-tool button[type="submit"],
#roofTool .search-button,
#roofTool .roof-tool-search,
#roofTool button.search,
#roofTool .address-search-button,
#roofTool button[type="submit"] {
  background: #f2b705 !important;
  background-color: #f2b705 !important;
  border-color: #f2b705 !important;
  color: #051f3d !important;
  font-weight: 900 !important;
}

.roof-tool-page .search-button *,
.roof-tool-page .roof-tool-search *,
.roof-tool-page button.search *,
.roof-tool-page .address-search-button *,
.roof-tool-page button[type="submit"] *,
.roof-estimate-tool .search-button *,
.roof-estimate-tool .roof-tool-search *,
.roof-estimate-tool button.search *,
.roof-estimate-tool .address-search-button *,
.roof-estimate-tool button[type="submit"] *,
#roofTool .search-button *,
#roofTool .roof-tool-search *,
#roofTool button.search *,
#roofTool .address-search-button *,
#roofTool button[type="submit"] * {
  color: #051f3d !important;
  fill: #051f3d !important;
}

/* Add more space between the map and the form */
.roof-tool-page .map-address-wrap,
.roof-tool-page .address-map-wrap,
.roof-tool-page .map-address-row,
.roof-tool-page .address-map-row,
.roof-tool-page .map-form-wrap,
.roof-tool-page .form-map-wrap,
.roof-tool-page .map-form-row,
.roof-tool-page .form-map-row,
.roof-estimate-tool .map-address-wrap,
.roof-estimate-tool .address-map-wrap,
.roof-estimate-tool .map-address-row,
.roof-estimate-tool .address-map-row,
.roof-estimate-tool .map-form-wrap,
.roof-estimate-tool .form-map-wrap,
.roof-estimate-tool .map-form-row,
.roof-estimate-tool .form-map-row,
#roofTool .map-address-wrap,
#roofTool .address-map-wrap,
#roofTool .map-address-row,
#roofTool .address-map-row,
#roofTool .map-form-wrap,
#roofTool .form-map-wrap,
#roofTool .map-form-row,
#roofTool .form-map-row {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(330px, 430px) !important;
  gap: 70px !important;
  column-gap: 70px !important;
  align-items: start !important;
}

.roof-tool-page iframe,
.roof-estimate-tool iframe,
#roofTool iframe,
.roof-tool-page .map-box,
.roof-estimate-tool .map-box,
#roofTool .map-box,
.roof-tool-page .google-map,
.roof-estimate-tool .google-map,
#roofTool .google-map {
  margin-right: 55px !important;
  margin-bottom: 35px !important;
}

.roof-tool-page form,
.roof-tool-page .form-box,
.roof-tool-page .form-panel,
.roof-tool-page .address-box,
.roof-tool-page .address-panel,
.roof-tool-page .address-section,
.roof-estimate-tool form,
.roof-estimate-tool .form-box,
.roof-estimate-tool .form-panel,
.roof-estimate-tool .address-box,
.roof-estimate-tool .address-panel,
.roof-estimate-tool .address-section,
#roofTool form,
#roofTool .form-box,
#roofTool .form-panel,
#roofTool .address-box,
#roofTool .address-panel,
#roofTool .address-section {
  margin-left: 42px !important;
}

@media (max-width: 800px) {
  .roof-tool-page .map-address-wrap,
  .roof-tool-page .address-map-wrap,
  .roof-tool-page .map-address-row,
  .roof-tool-page .address-map-row,
  .roof-tool-page .map-form-wrap,
  .roof-tool-page .form-map-wrap,
  .roof-tool-page .map-form-row,
  .roof-tool-page .form-map-row,
  .roof-estimate-tool .map-address-wrap,
  .roof-estimate-tool .address-map-wrap,
  .roof-estimate-tool .map-address-row,
  .roof-estimate-tool .address-map-row,
  .roof-estimate-tool .map-form-wrap,
  .roof-estimate-tool .form-map-wrap,
  .roof-estimate-tool .map-form-row,
  .roof-estimate-tool .form-map-row,
  #roofTool .map-address-wrap,
  #roofTool .address-map-wrap,
  #roofTool .map-address-row,
  #roofTool .address-map-row,
  #roofTool .map-form-wrap,
  #roofTool .form-map-wrap,
  #roofTool .map-form-row,
  #roofTool .form-map-row {
    grid-template-columns: 1fr !important;
    gap: 30px !important;
  }

  .roof-tool-page form,
  .roof-tool-page .form-box,
  .roof-tool-page .form-panel,
  .roof-tool-page .address-box,
  .roof-tool-page .address-panel,
  .roof-tool-page .address-section,
  .roof-estimate-tool form,
  .roof-estimate-tool .form-box,
  .roof-estimate-tool .form-panel,
  .roof-estimate-tool .address-box,
  .roof-estimate-tool .address-panel,
  .roof-estimate-tool .address-section,
  #roofTool form,
  #roofTool .form-box,
  #roofTool .form-panel,
  #roofTool .address-box,
  #roofTool .address-panel,
  #roofTool .address-section {
    margin-left: 0 !important;
  }
}


/* address-field-visible-box-final */

/* Make Address field have a visible box/border like Name and Tel */
.roof-tool-page input[name*="address" i],
.roof-tool-page input[id*="address" i],
.roof-tool-page input[placeholder*="address" i],
.roof-tool-page input[name*="property" i],
.roof-tool-page input[id*="property" i],
.roof-tool-page input[placeholder*="property" i],
.roof-tool-page input[name*="street" i],
.roof-tool-page input[id*="street" i],
.roof-tool-page input[placeholder*="street" i],
.roof-tool-page input[name*="location" i],
.roof-tool-page input[id*="location" i],
.roof-tool-page input[placeholder*="location" i],
.roof-estimate-tool input[name*="address" i],
.roof-estimate-tool input[id*="address" i],
.roof-estimate-tool input[placeholder*="address" i],
.roof-estimate-tool input[name*="property" i],
.roof-estimate-tool input[id*="property" i],
.roof-estimate-tool input[placeholder*="property" i],
.roof-estimate-tool input[name*="street" i],
.roof-estimate-tool input[id*="street" i],
.roof-estimate-tool input[placeholder*="street" i],
.roof-estimate-tool input[name*="location" i],
.roof-estimate-tool input[id*="location" i],
.roof-estimate-tool input[placeholder*="location" i],
#roofTool input[name*="address" i],
#roofTool input[id*="address" i],
#roofTool input[placeholder*="address" i],
#roofTool input[name*="property" i],
#roofTool input[id*="property" i],
#roofTool input[placeholder*="property" i],
#roofTool input[name*="street" i],
#roofTool input[id*="street" i],
#roofTool input[placeholder*="street" i],
#roofTool input[name*="location" i],
#roofTool input[id*="location" i],
#roofTool input[placeholder*="location" i] {
  width: 100% !important;
  max-width: 100% !important;
  height: 52px !important;
  min-height: 52px !important;
  display: block !important;
  box-sizing: border-box !important;
  background: #ffffff !important;
  color: #111111 !important;
  border: 2px solid #d7d7d7 !important;
  border-radius: 6px !important;
  padding: 12px 14px !important;
  outline: none !important;
  box-shadow: none !important;
}

.roof-tool-page input[name*="address" i]:focus,
.roof-tool-page input[id*="address" i]:focus,
.roof-tool-page input[placeholder*="address" i]:focus,
.roof-tool-page input[name*="property" i]:focus,
.roof-tool-page input[id*="property" i]:focus,
.roof-tool-page input[placeholder*="property" i]:focus,
.roof-tool-page input[name*="street" i]:focus,
.roof-tool-page input[id*="street" i]:focus,
.roof-tool-page input[placeholder*="street" i]:focus,
.roof-tool-page input[name*="location" i]:focus,
.roof-tool-page input[id*="location" i]:focus,
.roof-tool-page input[placeholder*="location" i]:focus,
.roof-estimate-tool input[name*="address" i]:focus,
.roof-estimate-tool input[id*="address" i]:focus,
.roof-estimate-tool input[placeholder*="address" i]:focus,
.roof-estimate-tool input[name*="property" i]:focus,
.roof-estimate-tool input[id*="property" i]:focus,
.roof-estimate-tool input[placeholder*="property" i]:focus,
.roof-estimate-tool input[name*="street" i]:focus,
.roof-estimate-tool input[id*="street" i]:focus,
.roof-estimate-tool input[placeholder*="street" i]:focus,
.roof-estimate-tool input[name*="location" i]:focus,
.roof-estimate-tool input[id*="location" i]:focus,
.roof-estimate-tool input[placeholder*="location" i]:focus,
#roofTool input[name*="address" i]:focus,
#roofTool input[id*="address" i]:focus,
#roofTool input[placeholder*="address" i]:focus,
#roofTool input[name*="property" i]:focus,
#roofTool input[id*="property" i]:focus,
#roofTool input[placeholder*="property" i]:focus,
#roofTool input[name*="street" i]:focus,
#roofTool input[id*="street" i]:focus,
#roofTool input[placeholder*="street" i]:focus,
#roofTool input[name*="location" i]:focus,
#roofTool input[id*="location" i]:focus,
#roofTool input[placeholder*="location" i]:focus {
  border-color: #f2b705 !important;
  box-shadow: 0 0 0 3px rgba(242, 183, 5, .22) !important;
}

/* Keep address suggestions dropdown readable */
.roof-address-suggestions {
  border: 2px solid #d7d7d7 !important;
  border-radius: 6px !important;
}


/* search-box-address-suggestions-yellow-pin-final */
.roof-tool-page input[type="search"],
.roof-tool-page input[name*="search" i],
.roof-tool-page input[id*="search" i],
.roof-tool-page input[placeholder*="search" i],
.roof-tool-page input[name*="address" i],
.roof-tool-page input[id*="address" i],
.roof-tool-page input[placeholder*="address" i],
.roof-tool-page input[name*="property" i],
.roof-tool-page input[id*="property" i],
.roof-tool-page input[placeholder*="property" i],
.roof-tool-page input[name*="street" i],
.roof-tool-page input[id*="street" i],
.roof-tool-page input[placeholder*="street" i],
.roof-tool-page input[name*="location" i],
.roof-tool-page input[id*="location" i],
.roof-tool-page input[placeholder*="location" i],
.roof-estimate-tool input[type="search"],
.roof-estimate-tool input[name*="search" i],
.roof-estimate-tool input[id*="search" i],
.roof-estimate-tool input[placeholder*="search" i],
.roof-estimate-tool input[name*="address" i],
.roof-estimate-tool input[id*="address" i],
.roof-estimate-tool input[placeholder*="address" i],
.roof-estimate-tool input[name*="property" i],
.roof-estimate-tool input[id*="property" i],
.roof-estimate-tool input[placeholder*="property" i],
.roof-estimate-tool input[name*="street" i],
.roof-estimate-tool input[id*="street" i],
.roof-estimate-tool input[placeholder*="street" i],
.roof-estimate-tool input[name*="location" i],
.roof-estimate-tool input[id*="location" i],
.roof-estimate-tool input[placeholder*="location" i],
#roofTool input[type="search"],
#roofTool input[name*="search" i],
#roofTool input[id*="search" i],
#roofTool input[placeholder*="search" i],
#roofTool input[name*="address" i],
#roofTool input[id*="address" i],
#roofTool input[placeholder*="address" i],
#roofTool input[name*="property" i],
#roofTool input[id*="property" i],
#roofTool input[placeholder*="property" i],
#roofTool input[name*="street" i],
#roofTool input[id*="street" i],
#roofTool input[placeholder*="street" i],
#roofTool input[name*="location" i],
#roofTool input[id*="location" i],
#roofTool input[placeholder*="location" i] {
  width: 100% !important;
  max-width: 100% !important;
  height: 52px !important;
  min-height: 52px !important;
  display: block !important;
  box-sizing: border-box !important;
  background: #ffffff !important;
  color: #111111 !important;
  border: 2px solid #d7d7d7 !important;
  border-radius: 6px !important;
  padding: 12px 14px !important;
  outline: none !important;
  box-shadow: none !important;
}

.roof-tool-page input[type="search"]:focus,
.roof-tool-page input[name*="address" i]:focus,
.roof-tool-page input[id*="address" i]:focus,
.roof-tool-page input[placeholder*="address" i]:focus,
.roof-estimate-tool input[type="search"]:focus,
.roof-estimate-tool input[name*="address" i]:focus,
.roof-estimate-tool input[id*="address" i]:focus,
.roof-estimate-tool input[placeholder*="address" i]:focus,
#roofTool input[type="search"]:focus,
#roofTool input[name*="address" i]:focus,
#roofTool input[id*="address" i]:focus,
#roofTool input[placeholder*="address" i]:focus {
  border-color: #f2b705 !important;
  box-shadow: 0 0 0 3px rgba(242,183,5,.22) !important;
}

.roof-tool-page .search-button,
.roof-tool-page .roof-tool-search,
.roof-tool-page button.search,
.roof-tool-page .address-search-button,
.roof-estimate-tool .search-button,
.roof-estimate-tool .roof-tool-search,
.roof-estimate-tool button.search,
.roof-estimate-tool .address-search-button,
#roofTool .search-button,
#roofTool .roof-tool-search,
#roofTool button.search,
#roofTool .address-search-button {
  background: #f2b705 !important;
  background-color: #f2b705 !important;
  border-color: #f2b705 !important;
  color: #051f3d !important;
  cursor: pointer !important;
  pointer-events: auto !important;
  font-weight: 900 !important;
}

.roof-address-suggestions {
  position: absolute !important;
  z-index: 999999 !important;
  background: #ffffff !important;
  border: 2px solid #d7d7d7 !important;
  border-radius: 8px !important;
  box-shadow: 0 12px 28px rgba(0,0,0,.22) !important;
  max-height: 280px !important;
  overflow-y: auto !important;
  display: none;
  color: #111111 !important;
}
.roof-address-suggestion-item {
  padding: 12px 14px !important;
  cursor: pointer !important;
  color: #111111 !important;
  font-size: 14px !important;
  line-height: 1.35 !important;
  border-bottom: 1px solid #eeeeee !important;
  background: #ffffff !important;
}
.roof-address-suggestion-item:hover,
.roof-address-suggestion-item.active {
  background: #f2b705 !important;
  color: #051f3d !important;
  font-weight: 700 !important;
}
.roof-address-suggestion-empty {
  padding: 12px 14px !important;
  color: #555555 !important;
  background: #ffffff !important;
}

.roof-yellow-location-pin {
  position: absolute !important;
  z-index: 999999 !important;
  width: 34px !important;
  height: 34px !important;
  transform: translate(-50%, -100%) !important;
  pointer-events: none !important;
}
.roof-yellow-location-pin:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 0;
  width: 24px;
  height: 24px;
  background: #f2b705;
  border: 3px solid #051f3d;
  border-radius: 50% 50% 50% 0;
  transform: translateX(-50%) rotate(-45deg);
  box-shadow: 0 5px 12px rgba(0,0,0,.35);
}
.roof-yellow-location-pin:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 7px;
  width: 8px;
  height: 8px;
  background: #051f3d;
  border-radius: 50%;
  transform: translateX(-50%);
}


/* search-height-yellow-final-v2 */
.roof-tool-page input[type="search"],
.roof-tool-page input[name*="search" i],
.roof-tool-page input[id*="search" i],
.roof-tool-page input[placeholder*="search" i],
.roof-tool-page input[name*="address" i],
.roof-tool-page input[id*="address" i],
.roof-tool-page input[placeholder*="address" i],
.roof-estimate-tool input[type="search"],
.roof-estimate-tool input[name*="search" i],
.roof-estimate-tool input[id*="search" i],
.roof-estimate-tool input[placeholder*="search" i],
.roof-estimate-tool input[name*="address" i],
.roof-estimate-tool input[id*="address" i],
.roof-estimate-tool input[placeholder*="address" i],
#roofTool input[type="search"],
#roofTool input[name*="search" i],
#roofTool input[id*="search" i],
#roofTool input[placeholder*="search" i],
#roofTool input[name*="address" i],
#roofTool input[id*="address" i],
#roofTool input[placeholder*="address" i] {
  height: 52px !important;
  min-height: 52px !important;
  line-height: normal !important;
  padding: 0 14px !important;
  border: 2px solid #d7d7d7 !important;
  border-radius: 6px !important;
  background: #ffffff !important;
  color: #111111 !important;
  box-sizing: border-box !important;
}

.roof-tool-page .search-button,
.roof-tool-page .roof-tool-search,
.roof-tool-page button.search,
.roof-tool-page .address-search-button,
.roof-tool-page button[type="submit"],
.roof-estimate-tool .search-button,
.roof-estimate-tool .roof-tool-search,
.roof-estimate-tool button.search,
.roof-estimate-tool .address-search-button,
.roof-estimate-tool button[type="submit"],
#roofTool .search-button,
#roofTool .roof-tool-search,
#roofTool button.search,
#roofTool .address-search-button,
#roofTool button[type="submit"] {
  height: 52px !important;
  min-height: 52px !important;
  padding: 0 18px !important;
  box-sizing: border-box !important;
  background: #f2b705 !important;
  background-color: #f2b705 !important;
  border: 2px solid #f2b705 !important;
  border-color: #f2b705 !important;
  color: #051f3d !important;
  cursor: pointer !important;
  pointer-events: auto !important;
  font-weight: 900 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.roof-tool-page .search-button *,
.roof-tool-page .roof-tool-search *,
.roof-tool-page button.search *,
.roof-tool-page .address-search-button *,
.roof-tool-page button[type="submit"] *,
.roof-estimate-tool .search-button *,
.roof-estimate-tool .roof-tool-search *,
.roof-estimate-tool button.search *,
.roof-estimate-tool .address-search-button *,
.roof-estimate-tool button[type="submit"] *,
#roofTool .search-button *,
#roofTool .roof-tool-search *,
#roofTool button.search *,
#roofTool .address-search-button *,
#roofTool button[type="submit"] * {
  color: #051f3d !important;
  fill: #051f3d !important;
}

.roof-tool-page .search-row,
.roof-tool-page .address-search-row,
.roof-tool-page .map-search-row,
.roof-estimate-tool .search-row,
.roof-estimate-tool .address-search-row,
.roof-estimate-tool .map-search-row,
#roofTool .search-row,
#roofTool .address-search-row,
#roofTool .map-search-row {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}


/* full-site-final-roof-tool-updates */
.roof-result-price-range{color:#d60000!important;font-weight:900!important;font-size:34px!important;margin:10px 0 18px!important}
.roof-tool-good-better-best,.roof-option-card,.roof-payment-note-final{display:none!important}
.roof-payment-options-only-final{display:grid!important;grid-template-columns:repeat(3,minmax(160px,1fr))!important;gap:14px!important;margin-top:18px!important}
.roof-payment-plan-card-final{background:#fffaf0!important;border:2px solid #f2b705!important;border-radius:12px!important;padding:16px!important;text-align:center!important;box-shadow:0 5px 16px rgba(0,0,0,.10)!important}
.roof-payment-plan-card-final strong{display:block!important;color:#051f3d!important;font-size:20px!important;font-weight:900!important;margin-bottom:8px!important}
.roof-payment-plan-card-final span{display:block!important;color:#d60000!important;font-size:24px!important;font-weight:900!important}
.roof-submit-status-final{margin-top:12px!important;font-weight:800!important;color:#051f3d!important}
.roof-submit-status-final.error{color:#d60000!important}.roof-submit-status-final.success{color:#087a2c!important}
.roof-tool-submit[disabled],.roof-tool-next[disabled]{opacity:.65!important;cursor:wait!important}
.roof-form-roof-type-boxes,.roof-condition-boxes{display:grid!important;grid-template-columns:repeat(3,minmax(140px,1fr))!important;gap:14px!important;margin:12px 0 18px!important}
.roof-form-type-card,.roof-condition-card{border:2px solid #d7d7d7!important;border-radius:12px!important;background:#fff!important;padding:14px!important;text-align:center!important;cursor:pointer!important;color:#051f3d!important;font-weight:900!important;box-shadow:0 4px 14px rgba(0,0,0,.08)!important}
.roof-form-type-card:hover,.roof-form-type-card.active,.roof-condition-card:hover,.roof-condition-card.active{border-color:#f2b705!important;box-shadow:0 8px 22px rgba(0,0,0,.16)!important;transform:translateY(-2px)!important}
.roof-form-type-card img{width:100%!important;height:90px!important;object-fit:cover!important;border-radius:8px!important;display:block!important;margin-bottom:10px!important}
.roof-hidden-old-header-type{display:none!important}
@media(max-width:800px){.roof-payment-options-only-final,.roof-form-roof-type-boxes,.roof-condition-boxes{grid-template-columns:1fr!important}}