.roof-sec-1{background-image:url(/images/roofing-seo/roofing-seo-banner-1.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;min-height:100svh}.roof-sec-1-layer{box-sizing:border-box;background:linear-gradient(90deg,#000 15%,#000000e6 52%,#000000b3 62%,#0000 85%);height:100%;min-height:100svh;padding:145px 100px 60px;position:relative;overflow:hidden}.roof-sec-1-content-wrapper{flex-direction:column;gap:26px;display:flex}.roof-sec-1-heading{color:var(--white);text-transform:capitalize;font-size:60px;font-weight:500}.roof-sec-1-heading span{color:var(--primary)}.roof-sec-1-sub-head{text-transform:capitalize;color:var(--white);font-size:25px}.roof-sec-1-descrp{color:var(--white);width:80%;font-size:18px;line-height:32px}.roof-sec-1-ctas{align-items:center;gap:26px;display:flex}.roof-sec-1-ctas .buttons:nth-child(2){border-color:var(--white);background-color:#0000}.roof-feature-grid{grid-template-columns:repeat(4,1fr);gap:20px;margin-top:20px;display:grid}.roof-feature-grid .feature-card{border-right:1px solid var(--stroke);color:var(--white);align-items:center;gap:12px;padding-right:10px;display:flex}.roof-feature-grid .feature-card:last-child{border:none}.roof-feature-grid .feature-card p{margin:0;font-size:16px;line-height:22px}.roof-feature-grid .icon-box{border:2px solid var(--primary);width:50px;height:50px;color:var(--primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:22px;display:flex}.roof-center-head{justify-content:center;margin-bottom:60px;display:flex}.roof-center-head-content-wrapper{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:20px;display:flex}.roof-sec-2{padding:60px 100px}.roof-sec-2-heading{color:var(--text);font-size:40px;font-weight:600;line-height:52px}.roof-sec-2-heading span{color:var(--primary)}.roof-sec-2-descrp{color:var(--text);text-align:center;width:70%;font-size:18px;line-height:28px}.roof-sec-3{padding:0 100px 60px}.roof-sec-3-content{flex-direction:column;gap:20px;display:flex}.roof-sec-3-heading{color:var(--text);font-size:40px;font-weight:500;line-height:52px}.roof-sec-3-heading span{color:var(--primary)}.roof-sec-3-descrp{color:var(--text);margin:0;font-size:18px;line-height:28px}.roof-sec-3-cta{border:2px solid var(--text);color:var(--text);border-radius:50px;align-items:center;gap:8px;width:fit-content;padding:14px 28px;font-size:17px;font-weight:500;text-decoration:none;transition:all .3s;display:inline-flex}.roof-sec-3-cta:hover{background-color:var(--text);color:var(--white)}.roof-sec-3-img-cont{border-radius:10px;width:100%;height:400px;position:relative;overflow:hidden}.roof-sec-3-img-cont img{object-fit:cover}.roof-sec-4{padding:20px 100px 60px}.roof-sec-4-heading-wrap{justify-content:center;margin-bottom:44px;display:flex}.roof-sec-4-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:stretch;gap:56px;display:grid}.roof-sec-4-left{flex-direction:column;gap:0;height:100%;display:flex}.roof-sec-4-heading{color:var(--text);text-align:center;width:100%;max-width:620px;margin:0;font-size:44px;font-weight:500;line-height:1.08}.roof-sec-4-heading span{color:var(--primary);font-weight:700}.roof-sec-4-image-wrap{border-radius:20px;flex:1;width:100%;min-height:300px;position:relative;overflow:hidden}.roof-sec-4-image{object-fit:cover}.roof-sec-4-right{flex-direction:column;justify-content:center;display:flex}.roof-sec-4-point{border-bottom:1px solid #d9d9d9;grid-template-columns:62px 1fr;align-items:start;gap:18px;padding:28px 0;display:grid}.roof-sec-4-point:last-child{border-bottom:none}.roof-sec-4-badge{background:var(--primary);width:62px;height:62px;color:var(--text);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:18px;font-weight:700;display:flex}.roof-sec-4-copy h3{color:var(--text);margin:0 0 8px;font-size:20px;font-weight:600;line-height:1.3}.roof-sec-4-copy p{color:var(--text);margin:0;font-size:17px;line-height:1.6}.roof-sec-4b{padding:0 100px 60px}.roof-sec-4b-img-cont{border-radius:18px;width:100%;height:100%;min-height:440px;position:relative;overflow:hidden}.roof-sec-4b-img{object-fit:cover}.roof-sec-4b-content{flex-direction:column;justify-content:center;gap:20px;height:100%;padding:18px 0 18px 56px;display:flex}.roof-sec-4b-kicker{color:var(--primary);margin:0;font-size:18px;font-weight:700;line-height:1.3}.roof-sec-4b-lead{color:var(--text);max-width:92%;margin:0;font-size:18px;line-height:1.55}.roof-sec-4b-copy-block{flex-direction:column;gap:8px;display:flex}.roof-sec-4b-copy-block h3{color:var(--text);margin:0;font-size:22px;font-weight:700;line-height:1.25}.roof-sec-4b-copy-block p{color:var(--text);margin:0;font-size:18px;line-height:1.55}.roof-sec-4b-heading{color:var(--text);max-width:620px;margin:0;font-size:40px;font-weight:700;line-height:1.1}.roof-sec-4b-heading span{color:var(--primary)}.roof-sec-4b-cta{background:var(--primary);width:fit-content;color:var(--text);border-radius:999px;align-items:center;gap:14px;padding:16px 28px;font-size:18px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.roof-sec-4b-cta:hover{color:var(--text);transform:translateY(-1px)}.roof-sec-4b-cta-arrow{font-size:20px;line-height:1}.roof-sec-5{background-color:var(--secondary);padding:80px 100px}.roof-sec-5-heading{color:var(--white);width:75%;margin-bottom:40px;font-size:40px;line-height:52px}.roof-sec-5-steps{justify-content:space-between;align-items:flex-start;gap:0;display:flex}.roof-sec-5-step-wrap{text-align:center;flex-direction:column;flex:1;align-items:center;display:flex;position:relative}.roof-sec-5-circle{border:2px solid var(--primary);width:130px;height:130px;color:var(--primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-bottom:25px;font-size:34px;font-weight:600;display:flex}.roof-sec-5-arrow{color:var(--color2);z-index:1;font-size:100px;line-height:1;position:absolute;top:0;right:-10px}.roof-sec-5-label{color:var(--stroke);margin:0;padding:0 8px;font-size:16px;line-height:1.6}.roof-sec-6{padding:60px 100px}.roof-sec-6-heading{color:var(--text);font-size:40px;font-weight:500;line-height:52px}.roof-sec-6-heading span{color:var(--primary)}.roof-sec-6-intro{color:var(--text);text-align:center;width:70%;font-size:18px;line-height:28px}.roof-sec-6-inner{grid-template-columns:1fr auto 1fr;align-items:start;gap:0;margin-top:20px;display:grid}.roof-sec-6-panel{padding:0 40px}.roof-sec-6-panel:first-child{padding-left:0}.roof-sec-6-panel:last-child{padding-right:0}.roof-sec-6-divider{background-color:var(--stroke);align-self:stretch;width:1px}.roof-sec-6-panel-title{text-align:center;margin-bottom:20px;font-size:32px;font-weight:700}.roof-sec-6-panel-title span{color:var(--primary)}.roof-sec-6-panel-text{color:var(--text);margin-bottom:20px;font-size:18px;line-height:28px}.roof-timeline-list{margin:6px 0;padding-left:44px;position:relative}.roof-timeline-list:before{content:"";background:var(--primary);width:2px;position:absolute;top:10px;bottom:10px;left:21px}.roof-timeline-item{align-items:flex-start;margin-bottom:22px;display:flex;position:relative}.roof-timeline-item:last-child{margin-bottom:0}.roof-timeline-dot{background:var(--primary);border-radius:50%;width:16px;height:16px;position:absolute;top:8px;left:-30px}.roof-timeline-item p{color:var(--text);margin:0;font-size:18px;line-height:28px}.roof-sec-7{background-color:var(--secondary);padding:80px 100px}.roof-sec-7-top-bar{justify-content:space-between;align-items:center;margin-bottom:36px;display:flex}.roof-sec-7-label{color:var(--primary);margin:0;font-size:20px;font-weight:500}.roof-sec-7-cta-btn{background:var(--primary);color:var(--text);border-radius:50px;align-items:center;gap:10px;padding:14px 28px;font-size:17px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.roof-sec-7-cta-btn:hover{color:var(--text);background:#e6b000}.roof-sec-7-inner{grid-template-columns:minmax(0,1fr) minmax(0,.85fr);align-items:start;gap:40px;display:grid}.roof-sec-7-left{flex-direction:column;gap:24px;display:flex}.roof-sec-7-heading{color:var(--white);margin:0;font-size:40px;font-weight:500;line-height:52px}.roof-sec-7-descrp{color:var(--stroke);margin:0;font-size:18px;line-height:28px}.roof-sec-7-grid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.roof-sec-7-item{color:var(--white);cursor:pointer;background:#ffffff12;border:1px solid #ffffff1f;border-radius:10px;justify-content:space-between;align-items:center;padding:16px 20px;font-size:17px;font-weight:500;transition:all .25s;display:flex}.roof-sec-7-item:hover,.roof-sec-7-item.active{background:var(--primary);color:var(--text);border-color:var(--primary)}.roof-sec-7-item .roof-sec-7-arrow{font-size:18px}.roof-sec-7-img-cont{border-radius:16px;width:100%;height:520px;position:relative;overflow:hidden}.roof-sec-7-img{object-fit:cover}.roof-sec-8{padding:60px 100px}.roof-sec-8-img-cont{aspect-ratio:4/5;border-radius:16px;width:100%;min-height:380px;position:relative;overflow:hidden}.roof-sec-8-img{object-fit:cover;object-position:center center}.roof-sec-8-content{flex-direction:column;justify-content:flex-start;gap:22px;height:100%;padding:18px 0 18px 40px;display:flex}.roof-sec-8-tagline{color:var(--primary);margin:0;font-size:18px;font-style:italic;font-weight:700}.roof-sec-8-descrp{color:var(--text);margin:0;font-size:18px;line-height:28px}.roof-sec-8-heading{color:var(--text);max-width:690px;margin:0;font-size:40px;font-weight:700;line-height:1.12}.roof-sec-8-heading span{color:var(--primary)}.roof-sec-8-cta{background-color:var(--primary);color:var(--text);border:none;border-radius:999px;align-items:center;gap:12px;width:fit-content;padding:16px 28px;font-size:18px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.roof-sec-8-cta:hover{color:var(--text);transform:translateY(-1px)}.roof-sec-testimonial{padding:60px 100px}.roof-testimonial-heading{margin-bottom:32px;font-size:40px;font-weight:500}.roof-test{contain:layout paint;isolation:isolate;width:100%;min-width:0;margin-top:32px;overflow:hidden}.roof-sec-faq{padding:0 100px 60px}.roof-faq-heading{color:var(--text);width:75%;font-size:40px;font-weight:500;line-height:52px}.roof-faq-wrapper{margin-top:20px}.roof-sec-contact{padding:0 100px 60px}.roof-sec-contact-inner{justify-content:space-between;align-items:flex-start;gap:40px;display:flex}.roof-sec-contact-content{flex-direction:column;flex-basis:55%;gap:16px;display:flex}.roof-sec-contact-heading{color:var(--text);margin:0;font-size:48px;line-height:60px}.roof-sec-contact-descrp{color:var(--text);margin:0;font-size:20px;font-weight:500;line-height:28px}.roof-sec-contact-info-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px;margin-top:20px;display:grid}.roof-sec-contact-info-card{background:var(--white);border-radius:18px;flex-direction:column;gap:12px;padding:24px;display:flex}.roof-sec-contact-info-head{align-items:center;gap:14px;display:flex}.roof-sec-contact-info-icon{background:var(--primary);width:56px;height:56px;color:var(--secondary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:24px;display:flex}.roof-sec-contact-info-card h3{color:var(--primary);margin:0;font-size:24px}.roof-sec-contact-info-card a{color:var(--text);font-size:18px;font-weight:500;line-height:28px;text-decoration:none;display:block}.roof-sec-contact-info-card a:hover{color:var(--color2)}.roof-sec-contact-image-wrap{border-radius:20px;width:100%;height:320px;margin-top:28px;position:relative;overflow:hidden}.roof-sec-contact-image{object-fit:cover}.roof-sec-contact-form{flex-basis:40%;height:100%;position:sticky;top:32px}@media (max-width:991.98px){.roof-sec-1-layer{background:linear-gradient(#000000f0 0%,#000000d1 52%,#000000b3 100%);min-height:auto;padding:118px 20px 60px}.roof-sec-1-content-wrapper{gap:20px}.roof-sec-1-heading{font-size:38px;line-height:50px}.roof-sec-1-sub-head{font-size:22px}.roof-sec-1-descrp{width:100%;font-size:17px;line-height:28px}.roof-sec-1-ctas{flex-direction:column;align-items:flex-start;gap:16px}.roof-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.roof-feature-grid .feature-card{border-right:none;padding-right:0}.roof-sec-2,.roof-sec-5,.roof-sec-7,.roof-sec-8,.roof-sec-testimonial{padding:40px 20px}.roof-sec-3,.roof-sec-4,.roof-sec-4b,.roof-sec-6,.roof-sec-faq,.roof-sec-contact{padding:0 20px 40px}.roof-center-head{margin-bottom:40px}.roof-sec-2-heading,.roof-sec-3-heading,.roof-sec-4-heading,.roof-sec-7-heading,.roof-sec-8-heading,.roof-faq-heading{font-size:32px;line-height:42px}.roof-sec-2-descrp,.roof-sec-6-intro{width:100%;font-size:17px;line-height:26px}.roof-sec-3-img-cont{height:clamp(280px,55vw,400px);margin-bottom:32px}.roof-sec-4-grid{grid-template-columns:1fr;gap:30px}.roof-sec-4-image-wrap{min-height:260px}.roof-sec-4b-content{padding:32px 0 0}.roof-sec-4b-img-cont{min-height:280px}.roof-sec-4b-heading,.roof-sec-8-heading{font-size:32px;line-height:42px}.roof-sec-5-heading{width:100%;margin-bottom:32px;font-size:32px;line-height:42px}.roof-sec-5-steps{flex-wrap:wrap;justify-content:center;gap:36px}.roof-sec-5-step-wrap{flex:0 0 28%}.roof-sec-5-arrow{display:none}.roof-sec-6-inner{grid-template-columns:1fr;gap:40px}.roof-sec-6-divider{width:100%;height:1px}.roof-sec-6-panel{padding:0}.roof-sec-7-inner{grid-template-columns:1fr}.roof-sec-7-img-cont{height:300px}.roof-sec-7-top-bar{flex-direction:column;align-items:flex-start;gap:16px}.roof-sec-8-img-cont{aspect-ratio:auto;border-radius:16px;min-height:240px}.roof-sec-8-content{padding:40px 0 0}.roof-faq-heading{width:100%}.roof-sec-contact-inner{flex-direction:column}.roof-sec-contact-content,.roof-sec-contact-form{flex-basis:100%;width:100%}.roof-sec-contact-form{height:auto;position:relative;top:auto}.roof-sec-contact-heading{font-size:40px;line-height:52px}.roof-sec-contact-info-grid{grid-template-columns:1fr;gap:20px}.roof-sec-contact-image-wrap{height:clamp(280px,55vw,420px)}}@media (max-width:575.98px){.roof-sec-1-layer{padding:102px 20px 60px}.roof-sec-1-heading{font-size:34px;line-height:44px}.roof-sec-1-sub-head{font-size:20px}.roof-feature-grid{grid-template-columns:1fr}.roof-feature-grid .feature-card{border-bottom:1px solid var(--stroke);border-right:none;padding:0 0 12px}.roof-feature-grid .feature-card:last-child{border-bottom:none;padding-bottom:0}.roof-sec-2-heading,.roof-sec-3-heading,.roof-sec-4-heading,.roof-sec-4b-heading,.roof-sec-7-heading,.roof-sec-8-heading,.roof-faq-heading{font-size:28px;line-height:38px}.roof-sec-4b-content{padding:28px 0 0}.roof-sec-4b-copy-block h3{font-size:20px}.roof-sec-7-grid{grid-template-columns:1fr}.roof-sec-5-step-wrap{flex:0 0 44%}.roof-sec-contact-heading{font-size:34px;line-height:44px}.roof-sec-contact-descrp{font-size:18px;line-height:26px}}@media (min-width:575.99px) and (max-width:991.98px){.roof-sec-1-layer{padding:118px 40px 60px}.roof-sec-1-heading{font-size:42px;line-height:54px}.roof-sec-1-ctas{flex-flow:wrap}.roof-sec-2,.roof-sec-5,.roof-sec-7,.roof-sec-8,.roof-sec-testimonial{padding:40px}.roof-sec-3,.roof-sec-4,.roof-sec-4b,.roof-sec-6,.roof-sec-faq,.roof-sec-contact{padding:0 40px 40px}.roof-sec-4b-content{padding:32px 0 0}.roof-sec-4b-img-cont{min-height:300px}}@media (min-width:991.99px) and (max-width:1199.98px){.roof-sec-1-layer{padding:135px 30px 50px}.roof-sec-1-heading{font-size:48px;line-height:60px}.roof-sec-1-descrp{width:100%}.roof-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.roof-feature-grid .feature-card{border-right:none;padding-right:0}.roof-sec-2,.roof-sec-5,.roof-sec-7,.roof-sec-8,.roof-sec-testimonial{padding:40px 30px}.roof-sec-3,.roof-sec-4,.roof-sec-4b,.roof-sec-6,.roof-sec-faq,.roof-sec-contact{padding:0 30px 40px}.roof-sec-2-heading,.roof-sec-3-heading,.roof-sec-4-heading,.roof-sec-4b-heading,.roof-sec-7-heading,.roof-sec-8-heading{font-size:36px;line-height:48px}.roof-sec-4b-content{padding:24px 0 24px 40px}.roof-sec-5-steps{flex-wrap:wrap;justify-content:center;gap:36px}.roof-sec-5-step-wrap{flex:0 0 28%}.roof-sec-5-arrow{display:none}.roof-sec-contact-inner{flex-direction:column}.roof-sec-contact-content,.roof-sec-contact-form{flex-basis:100%;width:100%}.roof-sec-contact-form{height:auto;position:relative;top:auto}}@media (min-width:1199.99px) and (max-width:1399.98px){.roof-sec-1-layer{padding:135px 40px 50px}.roof-sec-1-heading{font-size:52px;line-height:64px}.roof-sec-1-descrp{width:92%}.roof-sec-2,.roof-sec-5,.roof-sec-7,.roof-sec-8,.roof-sec-testimonial{padding:40px}.roof-sec-3,.roof-sec-4,.roof-sec-4b,.roof-sec-6,.roof-sec-faq,.roof-sec-contact{padding:0 40px 40px}.roof-sec-2-heading,.roof-sec-3-heading,.roof-sec-4-heading,.roof-sec-4b-heading,.roof-sec-7-heading,.roof-sec-8-heading{font-size:38px;line-height:50px}.roof-sec-4b-content{padding-left:44px}}