.heroContact{position:relative;overflow:hidden;color:#fff;background:linear-gradient(180deg,rgba(0,0,0,0.72),rgba(0,0,0,0.76)),url(//www.allstarroofpros.com/wp-content/themes/alstrv1/assets/css/../img/contact-bg.webp) center/cover;.heroContactShell{width:var(--container);margin:0 auto;padding:56px 0 64px}.heroContactContent{display:flex;flex-direction:column;align-items:center;gap:24px;text-align:center}.heroContactTitle,.heroContactBody,.heroContactCardTitle,.heroContactCardBody{margin:0}.heroContactTitle{font-size:clamp(2.4rem, 10vw, 4rem);line-height:1;font-weight:800;letter-spacing:-.05em;text-wrap:balance}.heroContactBody{max-width:42rem;color:#e5e7eb;font-size:1rem;line-height:1.625;text-wrap:balance}.heroContactGrid{display:grid;gap:16px;width:100%;max-width:28rem}.heroContactCard{display:flex;flex-direction:column;align-items:center;gap:12px;padding:24px;border:1px solid rgba(255,255,255,.2);border-radius:16px;background:rgba(255,255,255,.1);backdrop-filter:blur(8px)}.heroContactCardLink{transition:transform .18s ease,background-color .18s ease,box-shadow .18s ease}.heroContactCardLink:hover{transform:translateY(-1px);background:rgba(255,255,255,.14);box-shadow:0 10px 20px rgba(15,23,42,.16)}.heroContactCardIcon{width:32px;height:32px}.heroContactCardTitle{color:#fff;font-size:1.125rem;line-height:1.4;font-weight:700}.heroContactCardBody{color:#e5e7eb;font-size:1rem;line-height:1.5;overflow-wrap:anywhere}.heroContactCardBody span{display:block}.heroContactEstimate{display:inline-flex;align-items:center;justify-content:center;min-height:56px;width:100%;max-width:22rem;padding:14px 24px;border-radius:999px;background:var(--orange);color:#fff;font-size:1rem;font-weight:700;line-height:1.4;text-align:center;box-shadow:0 10px 15px rgba(0,0,0,.1),0 4px 6px rgba(0,0,0,.1);transition:transform .18s ease,box-shadow .18s ease}.heroContactEstimate:hover{transform:translateY(-1px)}}@media (min-width:768px){.heroContact{background:linear-gradient(180deg,rgba(0,0,0,0.72),rgba(0,0,0,0.76)),url(//www.allstarroofpros.com/wp-content/themes/alstrv1/assets/css/../img/contact-bg.webp) center/cover;.heroContactShell{padding:88px 0 96px}.heroContactContent{gap:28px}.heroContactBody{font-size:1.25rem;line-height:1.625}.heroContactGrid{max-width:56rem;grid-template-columns:repeat(2,minmax(0, 1fr));gap:24px}.heroContactCard{min-height:100%;padding:24px 20px}.heroContactEstimate{width:auto;max-width:none;min-height:62px;padding:15px 28px}}}@media (min-width:1024px){.heroContact{min-height:800px;background:linear-gradient(180deg,rgba(0,0,0,0.72),rgba(0,0,0,0.76)),url(//www.allstarroofpros.com/wp-content/themes/alstrv1/assets/css/../img/contact-bg.webp) center/cover;.heroContactShell{display:flex;justify-content:center;min-height:800px;padding:110px 0 34px}.heroContactContent{gap:24px;width:100%}.heroContactTitle{font-size:3rem}.heroContactBody{font-size:1.25rem}.heroContactGrid{gap:24px;max-width:56rem}.heroContactCard{padding:24px}}}.contactRequest{background:#f9fafb;.contactRequestShell{width:var(--container);margin:0 auto;padding:48px 0 56px;max-width:55.5rem}.contactRequestHeader{display:flex;flex-direction:column;gap:16px;align-items:center;margin-bottom:32px;text-align:center}.contactRequestNotice{margin-bottom:20px;padding:14px 16px;border-radius:12px;font-size:.9375rem;line-height:1.5;font-weight:600}.contactRequestNotice.isSuccess{border:1px solid #abefc6;background:#ecfdf3;color:#027a48}.contactRequestNotice.isError{border:1px solid #fecdca;background:#fef3f2;color:#b42318}.contactRequestTitle,.contactRequestBody,.contactRequestLabel{margin:0}.contactRequestTitle{color:#101828;font-size:2rem;line-height:1.15;font-weight:800;letter-spacing:-.04em;text-wrap:balance}.contactRequestBody{color:#4a5565;font-size:1rem;line-height:1.625;text-wrap:balance}.contactRequestForm{padding:24px 20px 20px;border:1px solid #f3f4f6;border-radius:16px;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.1),0 1px 2px rgba(0,0,0,.1)}.contactRequestGrid{display:grid;gap:20px}.contactRequestField,.contactRequestMethod{display:flex;flex-direction:column;gap:8px;min-width:0}.contactRequestMethod{padding:0;border:0}.contactRequestLabel{color:#101828;font-size:.875rem;line-height:1.43;font-weight:700}.contactRequestInput,.contactRequestSelect,.contactRequestTextarea{width:100%;border:2px solid #e5e7eb;border-radius:10px;background:#fff;color:#101828;font:inherit}.contactRequestInput,.contactRequestSelect{min-height:52px;padding:12px 16px}.contactRequestTextarea{min-height:124px;padding:12px 16px;resize:vertical}.contactRequestInput::placeholder,.contactRequestTextarea::placeholder,.contactRequestSelect{color:rgba(10,10,10,.5)}.contactRequestSelect{appearance:none;-webkit-appearance:none;-moz-appearance:none;padding-right:44px;background-image:linear-gradient(45deg,transparent 50%,#6a7282 50%),linear-gradient(135deg,#6a7282 50%,transparent 50%);background-position:calc(100% - 20px) calc(50% - 3px),
      calc(100% - 14px) calc(50% - 3px);background-size:6px 6px,6px 6px;background-repeat:no-repeat}.contactRequestMethodOptions{display:flex;flex-wrap:wrap;gap:16px}.contactRequestMethodOption{display:inline-flex;gap:8px;align-items:center;color:#364153;font-size:1rem;line-height:1.5;font-weight:500}.contactRequestMethodOption input{margin:0}.contactRequestSubmit{display:inline-flex;align-items:center;justify-content:center;min-height:60px;width:100%;margin-top:24px;padding:16px 24px;border:0;border-radius:999px;background:var(--orange);color:#fff;font:inherit;font-size:1.125rem;line-height:1.4;font-weight:700;box-shadow:0 10px 15px rgba(0,0,0,.1),0 4px 6px rgba(0,0,0,.1);transition:transform .18s ease,box-shadow .18s ease;cursor:pointer}.contactRequestSubmit:hover{transform:translateY(-1px)}.contactRequestSubmit:disabled{cursor:wait;opacity:.75;transform:none}}@media (min-width:768px){.contactRequest{.contactRequestShell{padding:56px 0 64px}.contactRequestTitle{font-size:2.25rem}.contactRequestBody{font-size:1.125rem;line-height:1.625}.contactRequestForm{padding:32px}.contactRequestGrid{grid-template-columns:repeat(2,minmax(0, 1fr));gap:24px 20px}.contactRequestFieldFull{grid-column:1/-1}}}@media (min-width:1024px){.contactRequest{.contactRequestShell{padding:64px 0}.contactRequestForm{padding:32px 32px 21px}}}.contactWhatNext{border-top:1px solid #f3f4f6;border-bottom:1px solid #f3f4f6;background:#fff;.contactWhatNextShell{width:var(--container);margin:0 auto;padding:48px 0}.contactWhatNextHeader{display:flex;flex-direction:column;gap:16px;align-items:center;margin-bottom:40px;text-align:center}.contactWhatNextTitle,.contactWhatNextBody,.contactWhatNextStepTitle,.contactWhatNextStepBody{margin:0}.contactWhatNextTitle{color:#101828;font-size:2rem;line-height:1.15;font-weight:800;letter-spacing:-.04em;text-wrap:balance}.contactWhatNextBody{color:#4a5565;font-size:1rem;line-height:1.625;text-wrap:balance}.contactWhatNextGrid{display:grid;gap:32px}.contactWhatNextItem{display:flex;flex-direction:column;gap:16px;align-items:center;text-align:center}.contactWhatNextNumber{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:999px;background:#101828;color:#fff;font-size:1.5rem;line-height:1;font-weight:700}.contactWhatNextStepTitle{color:#101828;font-size:1.25rem;line-height:1.4;font-weight:700;text-wrap:balance}.contactWhatNextStepBody{max-width:20rem;color:#4a5565;font-size:1rem;line-height:1.5;text-wrap:balance}}@media (min-width:768px){.contactWhatNext{.contactWhatNextShell{padding:64px 0}.contactWhatNextTitle{font-size:2.25rem}.contactWhatNextBody{font-size:1.125rem;line-height:1.625}.contactWhatNextGrid{grid-template-columns:repeat(3,minmax(0, 1fr));gap:24px}}}@media (min-width:1024px){.contactWhatNext{.contactWhatNextShell{padding:64px 0 65px}.contactWhatNextHeader{margin-bottom:48px}}}.contactOurService{background:#fff;.contactOurServiceShell{width:var(--container);margin:0 auto;padding:32px 0 48px}.contactOurServiceCard{display:flex;flex-direction:column;align-items:center;gap:16px;max-width:864px;margin:0 auto;padding:32px 24px;border:1px solid #f3f4f6;border-radius:16px;background:#f9fafb;box-shadow:0 12px 24px rgba(16,24,40,.04);text-align:center}.contactOurServiceIcon{width:40px;height:40px;object-fit:contain}.contactOurServiceTitle,.contactOurServiceBody{margin:0}.contactOurServiceTitle{color:#101828;font-size:2rem;line-height:1.3334;font-weight:700;letter-spacing:-.03em;text-wrap:balance}.contactOurServiceBody{max-width:42rem;color:#364153;font-size:1rem;line-height:1.625;text-wrap:balance}.contactOurServiceLink{color:#ff7f00;font-size:1rem;line-height:1.5;font-weight:600;text-decoration:underline;text-underline-offset:.18em}}@media (min-width:768px){.contactOurService{.contactOurServiceShell{padding:48px 0 64px}.contactOurServiceCard{padding:32px}}}@media (min-width:1024px){.contactOurService{.contactOurServiceShell{padding:64px 0}}}