.serviceAreasHero{position:relative;overflow:hidden;color:#fff;background:linear-gradient(180deg,rgba(0,0,0,0.76),rgba(0,0,0,0.42)),url(//www.allstarroofpros.com/wp-content/themes/alstrv1/assets/css/../img/utah-roofing-page.jpg) center/cover;.serviceAreasHeroShell{width:var(--container);margin:0 auto;padding:56px 0 64px}.serviceAreasHeroContent{display:flex;flex-direction:column;gap:24px;max-width:100%}.serviceAreasHeroTitle{margin:0;font-size:clamp(2.55rem,10vw,4.25rem);line-height:1;font-weight:800;letter-spacing:-.05em;text-wrap:balance}.serviceAreasHeroBody{max-width:44rem;margin:0;color:#d1d5dc;font-size:1rem;line-height:1.7}.serviceAreasHeroActions{display:flex;flex-direction:column;gap:16px;width:100%}.serviceAreasHeroPrimary,.serviceAreasHeroSecondary{display:inline-flex;align-items:center;justify-content:center;min-height:56px;width:100%;padding:14px 24px;border-radius:999px;font-size:1rem;font-weight:700;line-height:1.4;text-align:center;transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease}.serviceAreasHeroPrimary:hover,.serviceAreasHeroSecondary:hover{transform:translateY(-1px)}.serviceAreasHeroPrimary{background:var(--orange);color:#fff;box-shadow:0 10px 15px rgba(0,0,0,.1),0 4px 6px rgba(0,0,0,.1)}.serviceAreasHeroSecondary{border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.1);color:#fff;box-shadow:0 10px 15px rgba(0,0,0,.08),0 4px 6px rgba(0,0,0,.08)}.serviceAreasHeroMeta{margin:0;color:#d1d5dc;font-size:.875rem;line-height:1.45;opacity:.8}}@media (min-width:768px){.serviceAreasHero{background:linear-gradient(90deg,rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.5) 48%,rgba(0,0,0,0.08) 100%),url(//www.allstarroofpros.com/wp-content/themes/alstrv1/assets/css/../img/utah-roofing-page.jpg) center/cover;.serviceAreasHeroShell{padding:88px 0 96px}.serviceAreasHeroContent{gap:28px;max-width:44rem}.serviceAreasHeroTitle{max-width:12ch;font-size:clamp(3.5rem,7vw,4.8rem)}.serviceAreasHeroBody{font-size:1.125rem;line-height:1.625}.serviceAreasHeroActions{flex-direction:row;align-items:center;width:auto}.serviceAreasHeroPrimary,.serviceAreasHeroSecondary{width:auto;min-height:62px;padding:15px 28px}}}@media (min-width:1024px){.serviceAreasHero{min-height:800px;background:linear-gradient(90deg,rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.5) 48%,rgba(0,0,0,0) 100%),url(//www.allstarroofpros.com/wp-content/themes/alstrv1/assets/css/../img/utah-roofing-page.jpg) center/cover;.serviceAreasHeroShell{display:flex;align-items:flex-start;min-height:800px;padding:150px 0 34px}.serviceAreasHeroContent{gap:29px;max-width:48rem}.serviceAreasHeroTitle{max-width:10ch;font-size:4.375rem;line-height:1}.serviceAreasHeroBody{max-width:44rem;font-size:1.25rem;line-height:1.625}.serviceAreasHeroSecondary{padding-right:31px;padding-left:31px}.serviceAreasHeroMeta{max-width:34rem}}}.serviceAreasBuilt{padding:56px 0 48px;background:#f9fafb;border-bottom:1px solid #f3f4f6;.serviceAreasBuiltShell{width:var(--container);margin:0 auto}.serviceAreasBuiltHeader{max-width:56rem;margin:0 auto;text-align:center}.serviceAreasBuiltTitle{margin:0;color:#101828;font-size:clamp(2rem,7vw,2.5rem);line-height:1.1;letter-spacing:-.04em}.serviceAreasBuiltBody{margin:16px auto 0;max-width:46rem;color:#4a5565;font-size:1rem;line-height:1.75}.serviceAreasBuiltList{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));justify-items:center;gap:24px 16px;max-width:28rem;margin:40px auto 0;padding:0;list-style:none}.serviceAreasBuiltItem{display:grid;justify-items:center;gap:12px;width:100%;text-align:center}.serviceAreasBuiltItem:last-child:nth-child(odd){grid-column:1/-1;width:fit-content;margin:0 auto}.serviceAreasBuiltIconWrap{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:999px;background:#101828}.serviceAreasBuiltIcon{width:32px;height:32px}.serviceAreasBuiltLabel{color:#101828;font-size:1rem;line-height:1.5;font-weight:600}.serviceAreasBuiltLinks{display:flex;flex-direction:column;align-items:center;gap:12px;margin-top:36px;text-align:center}.serviceAreasBuiltLink{color:#ff7f00;font-size:1rem;line-height:1.5;font-weight:600;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}}@media (min-width:768px){.serviceAreasBuilt{padding:64px 0 56px;.serviceAreasBuiltTitle{font-size:clamp(2.35rem,5vw,2.875rem)}.serviceAreasBuiltBody{font-size:1.125rem}.serviceAreasBuiltList{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;max-width:44rem;margin-top:48px}.serviceAreasBuiltItem:last-child:nth-child(odd){grid-column:auto;width:100%;margin:0}.serviceAreasBuiltLinks{flex-direction:row;justify-content:center;flex-wrap:wrap;gap:12px 20px;margin-top:40px}}}@media (min-width:1024px){.serviceAreasBuilt{padding:64px 0 56px;.serviceAreasBuiltHeader{max-width:58rem}.serviceAreasBuiltTitle{max-width:48rem;margin-inline:auto;font-size:2.8125rem}.serviceAreasBuiltList{grid-template-columns:repeat(5,minmax(0,1fr));align-items:start;gap:24px;max-width:56rem;margin-top:44px}.serviceAreasBuiltLinks{margin-top:28px;gap:16px}}}.serviceAreasPrimary{padding:56px 0;background:radial-gradient(circle at left 40%,rgb(255 237 212/0.5) 0,rgb(255 237 212/0) 280px),#fff;border-bottom:1px solid #f3f4f6;.serviceAreasPrimaryShell{width:var(--container);margin:0 auto}.serviceAreasPrimaryHeader{max-width:48rem;margin:0 auto;text-align:center}.serviceAreasPrimaryTitle{margin:0;color:#101828;font-size:clamp(2rem,7vw,2.5rem);line-height:1.1;letter-spacing:-.04em}.serviceAreasPrimaryBody{margin:14px auto 0;max-width:32rem;color:#4a5565;font-size:1rem;line-height:1.625}.serviceAreasPrimaryGrid{display:grid;gap:20px;max-width:32rem;margin:40px auto 0}.serviceAreasPrimaryCard{display:block;padding:28px 22px;border:2px solid #f3f4f6;border-radius:16px;background:#f9fafb;box-shadow:0 8px 24px rgb(16 24 40/0.04);color:inherit;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.serviceAreasPrimaryCard:hover{transform:translateY(-2px);box-shadow:0 16px 32px rgb(16 24 40/0.08);border-color:#e5e7eb}.serviceAreasPrimaryCardHeader{display:flex;align-items:center;gap:12px}.serviceAreasPrimaryIcon{width:28px;height:28px;flex:0 0 auto}.serviceAreasPrimaryCardTitle{margin:0;color:#101828;font-size:1.125rem;line-height:1.4;font-weight:700}.serviceAreasPrimaryCardBody{margin:16px 0 0;color:#4a5565;font-size:1rem;line-height:1.625}}@media (min-width:768px){.serviceAreasPrimary{padding:64px 0;.serviceAreasPrimaryTitle{font-size:clamp(2.35rem,5vw,2.875rem)}.serviceAreasPrimaryBody{font-size:1.125rem}.serviceAreasPrimaryGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;max-width:62rem;margin-top:48px}.serviceAreasPrimaryCard:last-child:nth-child(odd){grid-column:1/-1;max-width:31rem;width:100%;margin:0 auto}}}@media (min-width:1024px){.serviceAreasPrimary{padding:72px 0;.serviceAreasPrimaryTitle{font-size:2.8125rem}.serviceAreasPrimaryGrid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;max-width:none}.serviceAreasPrimaryCard:last-child:nth-child(odd){grid-column:auto;max-width:none}}}.serviceAreasMore{padding:56px 0;background:#f9fafb;border-bottom:1px solid #f3f4f6;.serviceAreasMoreShell{width:var(--container);margin:0 auto}.serviceAreasMoreHeader{max-width:40rem;margin:0 auto;text-align:center}.serviceAreasMoreTitle{margin:0;color:#101828;font-size:clamp(2rem,7vw,2.5rem);line-height:1.1;letter-spacing:-.04em}.serviceAreasMoreBody{margin:14px auto 0;max-width:30rem;color:#4a5565;font-size:1rem;line-height:1.625}.serviceAreasMoreGrid{display:grid;gap:16px;max-width:24rem;margin:36px auto 0}.serviceAreasMoreCard{display:flex;align-items:center;gap:12px;min-height:58px;padding:17px;border:1px solid #f3f4f6;border-radius:10px;background:#fff;color:inherit;text-decoration:none;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.serviceAreasMoreCard:hover{transform:translateY(-1px);border-color:#e5e7eb;box-shadow:0 10px 24px rgb(16 24 40/0.05)}.serviceAreasMoreIcon{width:20px;height:20px;flex:0 0 auto}.serviceAreasMoreCardTitle{color:#1e2939;font-size:1rem;line-height:1.5;font-weight:600}}@media (min-width:768px){.serviceAreasMore{padding:64px 0;.serviceAreasMoreTitle{font-size:clamp(2.35rem,5vw,2.8125rem)}.serviceAreasMoreBody{font-size:1.125rem}.serviceAreasMoreGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-width:48rem;margin-top:40px}}}@media (min-width:1024px){.serviceAreasMore{padding:72px 0;.serviceAreasMoreGrid{max-width:48rem}}}.serviceAreasOffered{padding:56px 0;background:#f9fafb;border-bottom:1px solid #f3f4f6;.serviceAreasOfferedShell{width:var(--container);margin:0 auto}.serviceAreasOfferedHeader{max-width:44rem;margin:0 auto;text-align:center}.serviceAreasOfferedTitle{margin:0;color:#101828;font-size:clamp(2rem,7vw,2.5rem);line-height:1.1;letter-spacing:-.04em}.serviceAreasOfferedBody{margin:14px auto 0;max-width:28rem;color:#4a5565;font-size:1rem;line-height:1.625}.serviceAreasOfferedGrid{display:grid;gap:16px;max-width:26rem;margin:36px auto 0}.serviceAreasOfferedCard{display:flex;align-items:center;gap:16px;min-height:104px;padding:18px;border:1px solid #fff7ed;border-radius:20px;background:#fff;box-shadow:0 1px 3px rgb(0 0 0/0.1),0 1px 2px rgb(0 0 0/0.06);color:inherit;text-decoration:none;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.serviceAreasOfferedCard:hover{transform:translateY(-2px);border-color:#fed7aa;box-shadow:0 18px 32px rgb(16 24 40/0.08),0 8px 16px rgb(16 24 40/0.05)}.serviceAreasOfferedCardMedia{display:flex;align-items:center;justify-content:center;width:52px;min-width:52px}.serviceAreasOfferedIcon{display:block;max-width:52px;max-height:56px;width:auto;height:auto}.serviceAreasOfferedCardTitle{margin:0;color:#101828;font-size:1rem;line-height:1.5;font-weight:700}.serviceAreasOfferedArrowBadge{display:flex;align-items:center;justify-content:center;width:26px;min-width:26px;height:26px;margin-left:auto;border-radius:999px;background:#fff7ed}.serviceAreasOfferedArrow{display:block;width:14px;height:14px}}@media (min-width:768px){.serviceAreasOffered{padding:64px 0;.serviceAreasOfferedTitle{font-size:clamp(2.35rem,5vw,2.8125rem)}.serviceAreasOfferedBody{max-width:32rem;font-size:1.125rem}.serviceAreasOfferedGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 17px;max-width:46rem;margin-top:40px}.serviceAreasOfferedCard:last-child:nth-child(odd){grid-column:1/-1;max-width:22rem;width:100%;margin:0 auto}}}@media (min-width:1024px){.serviceAreasOffered{padding:72px 0;.serviceAreasOfferedGrid{grid-template-columns:repeat(6,minmax(0,1fr));max-width:69rem}.serviceAreasOfferedCard{grid-column:span 2;min-height:104px}.serviceAreasOfferedCard:last-child:nth-child(odd){grid-column:4/span 2;max-width:none}.serviceAreasOfferedCard:nth-child(4){grid-column:2/span 2}}}