:root{--roof-sec-1:#c6d7e721;--roof-sec-2:#fae3af45;--roof-sec-3:#cae8ff2b;--roof-sec-5:#c7dcf93d;--roof-sec-6:#e2e7fd9c;--roof-sec-7:#c9edfd80;--roof-banner:#ea4334}.roofing-sec-1{background-image:url(/images/roofing/roof-hero-img.svg);background-position:bottom;background-repeat:no-repeat;background-size:cover;background-color:var(--roof-sec-1);height:95svh;padding:140px 100px 100px}.roofing-sec-1-content{flex-direction:column;gap:20px;display:flex}.roofing-sec-1 h1{font-size:58px;line-height:70px}.roofing-sec-1 h1 span{color:var(--primary)}.roofing-sec-1 p{padding-right:170px;font-size:20px;font-weight:500;line-height:28px}.roofing-sec-1 .buttons{background-color:var(--secondary);border-color:var(--secondary);margin-top:10px}.roofing-sec-2{background-color:var(--roof-sec-2);padding:60px 100px}.roof-img-container{width:100%;min-height:450px;position:relative}.roof-img-container img{object-fit:cover}.roofing-sec-content{flex-direction:column;gap:18px;display:flex}.roofing-sec-heading{text-transform:capitalize;font-size:42px;line-height:56px}.roofing-sec-sub-head{text-transform:capitalize;font-size:26px}.roofing-sec-descrp{font-size:20px;font-weight:500;line-height:28px}.roofing-sec-list{flex-direction:column;gap:16px;margin:0;padding:0;list-style:none;display:flex}.roofing-sec-list li{align-items:center;gap:10px;font-size:20px;font-weight:500;display:flex}.roofing-sec-list svg{color:var(--primary);font-size:10px}.roofing-sec-3{background-color:var(--roof-sec-3);flex-direction:column;gap:60px;padding:60px 100px;display:flex}.roofing-sec-4{background-color:var(--roof-sec-2);padding:60px 100px}.roofing-sec-4 .buttons{background-color:var(--secondary);border-color:var(--secondary);margin-top:20px}.roofing-sec-4 .roof-img-container{min-height:500px}.roofing-sec-5{background-color:var(--roof-sec-5);flex-direction:column;gap:60px;padding:60px 100px;display:flex}.roofing-sec-6{background-color:var(--roof-sec-6);padding:60px 100px}.roofing-sec-6 .roof-img-container{min-height:300px}.roofing-sec-7{background-image:url(/images/roofing/roof-banner.svg);background-position:bottom;background-repeat:no-repeat;background-size:cover;background-color:var(--roof-sec-7);text-align:center;justify-content:center;height:95svh;padding:60px 100px;display:flex}.roofing-sec-7 .roofing-sec-descrp{margin:20px 0}.roofing-sec-7 .buttons{background-color:var(--roof-banner);border-color:var(--roof-banner)}.roofing-sec-8{background-color:var(--color1);padding:60px 100px}.roofing-sec-8-head-cont{text-align:center;justify-content:center;margin-bottom:70px;display:flex}.roofing-sec-8-head-cont .roofing-sec-descrp{margin-top:10px;padding:0 60px}.roofing-process-box{background-color:var(--white);height:220px;padding:45px 70px;position:relative}.roofing-process-numb{background-color:var(--primary);border-radius:50%;justify-content:center;align-items:center;width:35px;height:35px;display:flex;position:absolute;top:50%;left:-15px;transform:translateY(-50%)}.roofing-process-numb p{color:var(--white);font-size:16px;font-weight:500}.roofing-process-heading{margin-bottom:12px;font-size:24px;line-height:38px}.roofing-process-descrp{color:var(--color2);font-size:18px;font-weight:500;line-height:28px}.roofing-sec-9{padding-top:60px}.roofing-sec-9 .faqs-question-box{position:sticky;top:40px}.roofing-sec-10{padding:60px 0 60px 100px}.roofing-sec-11 .contact-form-heading{font-size:48px}@media (max-width:991.98px){.roofing-sec-2{background-color:var(--roof-sec-2)}.roofing-sec-heading{font-size:36px;line-height:44px}.roofing-sec-sub-head{font-size:22px}.roofing-sec-descrp{font-size:18px;line-height:26px}.roofing-sec-list li{font-size:18px;font-weight:500;line-height:24px}.roofing-sec-3,.roofing-sec-5{gap:40px}.roofing-sec-7 .roofing-sec-descrp{margin:20px 0}.roofing-sec-8-head-cont{text-align:start;margin-bottom:40px}.roofing-sec-8-head-cont .roofing-sec-descrp{padding:0}.roofing-process-box{height:100%}.roofing-process-numb{display:none}.roofing-process-heading{line-height:36px}.roofing-sec-9{padding-top:40px}.roofing-sec-9 .faqs-question-box{position:relative}.roofing-sec-11 .contact-form-heading{font-size:36px;line-height:48px}}@media (max-width:575.98px){.roofing-sec-1{background-image:none;height:100%;padding:100px 20px 40px}.roofing-sec-1-content{gap:14px}.roofing-sec-1 h1{font-size:42px;line-height:50px}.roofing-sec-1 p{padding-right:0;font-size:18px;line-height:26px}.roofing-sec-2{padding:40px 20px}.roof-img-container{width:100%;min-height:300px;position:relative;scale:1.1}.roofing-sec-3,.roofing-sec-4,.roofing-sec-5,.roofing-sec-6,.roofing-sec-8,.roofing-sec-10{padding:40px 20px}.roofing-sec-7{background-image:none;height:100%;padding:60px 20px}.roofing-process-box{padding:26px}.roofing-sec-4 .roof-img-container{min-height:300px}}@media (min-width:575.99px) and (max-width:991.98px){.roofing-sec-1{height:100svh;padding:100px 40px 40px}.roofing-sec-1-content{gap:18px}.roofing-sec-1 h1{font-size:48px;line-height:58px}.roofing-sec-1 p{padding-right:60px;font-size:20px;line-height:30px}.roofing-sec-2,.roofing-sec-3,.roofing-sec-4,.roofing-sec-5,.roofing-sec-6,.roofing-sec-7,.roofing-sec-8,.roofing-sec-10{padding:40px}.roofing-sec-7{height:65svh}.roofing-process-box{padding:32px}.roofing-sec-4 .roof-img-container{min-height:400px}}@media (min-width:991.98px) and (max-width:1199.98px){.roofing-sec-1{height:95svh;padding:120px 30px 100px}.roofing-sec-1-content{flex-direction:column;gap:20px;display:flex}.roofing-sec-1 h1{font-size:46px;line-height:56px}.roofing-sec-1 p{padding-right:40px}.roofing-sec-2{background-color:var(--roof-sec-2);padding:40px 30px}.roofing-sec-content{flex-direction:column;gap:18px;display:flex}.roofing-sec-3{gap:40px;padding:40px 30px}.roofing-sec-4{padding:40px 30px}.roofing-sec-5{gap:40px;padding:40px 30px}.roofing-sec-6{padding:40px 30px}.roofing-sec-7{height:85svh;padding:40px 30px}.roofing-sec-8{padding:40px 30px}.roofing-sec-8-head-cont{margin-bottom:40px}.roofing-sec-8-head-cont .roofing-sec-descrp{padding:0}.roofing-process-box{padding:45px}.roofing-sec-9{padding-top:40px}.roofing-sec-10{padding:40px 0 40px 30px}}@media (min-width:1199.98px) and (max-width:1399.98px){.roofing-sec-1{height:95svh;padding:120px 30px 100px}.roofing-sec-1-content{flex-direction:column;gap:20px;display:flex}.roofing-sec-1 h1{font-size:46px;line-height:56px}.roofing-sec-1 p{padding-right:40px}.roofing-sec-2{background-color:var(--roof-sec-2);padding:40px 30px}.roofing-sec-content{flex-direction:column;gap:18px;display:flex}.roofing-sec-3{gap:40px;padding:40px 30px}.roofing-sec-4{padding:40px 30px}.roofing-sec-5{gap:40px;padding:40px 30px}.roofing-sec-6{padding:40px 30px}.roofing-sec-7{height:85svh;padding:40px 30px}.roofing-sec-8{padding:40px 30px}.roofing-sec-8-head-cont{margin-bottom:40px}.roofing-sec-8-head-cont .roofing-sec-descrp{padding:0}.roofing-process-box{padding:45px}.roofing-sec-9{padding-top:40px}.roofing-sec-10{padding:40px 0 40px 30px}}