.roofing-comparison-section{font-family:var(--font-primary);background-color:var(--section-background, var(--brand-white));color:var(--text-color, var(--brand-navy));padding:112px 64px;max-width:1920px;margin:0 auto}.roofing-comparison-container{display:flex;flex-direction:column;align-items:center;gap:82px;max-width:100%}.roofing-comparison-header{display:flex;flex-direction:column;align-items:center;text-align:center}.roofing-comparison-headline{font-family:var(--font-primary);font-weight:700;font-size:64px;line-height:1.21;color:var(--text-color, var(--brand-navy));margin:0;max-width:864px}.roofing-comparison-description{font-family:var(--font-primary);font-weight:400;font-size:24px;line-height:1.5;color:var(--description-color, var(--text-primary));max-width:928px}.roofing-comparison-cards{display:flex;gap:32px;align-items:stretch}.roofing-card{display:flex;flex-direction:column;background-color:var(--card-background, var(--background-secondary));border:1px solid var(--border-color, var(--border-primary));overflow:hidden}.roofing-card-image{width:100%;height:521px;overflow:hidden;position:relative}.roofing-image{width:100%;height:100%;object-fit:cover;object-position:center}.roofing-image-placeholder{width:100%;height:100%;background-color:var(--border-light);display:flex;align-items:center;justify-content:center;color:var(--text-light);font-size:18px}.roofing-card-content{padding:70px;display:flex;flex-direction:column;flex:1;gap:50px}.roofing-card-text-group{display:flex;flex-direction:column;gap:20px}.roofing-card-divider{width:100%;height:1px;background-color:var(--border-color, var(--border-primary));margin-bottom:0}.roofing-benefits-group{display:flex;flex-direction:column;gap:20px}.roofing-benefit-item{display:flex;align-items:flex-start;gap:26px}.benefit-icon{width:30px;height:24px;flex-shrink:0;color:var(--accent-color, var(--brand-orange))}.benefit-text{font-family:var(--font-primary);font-weight:400;font-size:24px;line-height:1.5;color:var(--description-color, var(--text-primary));margin:0}.roofing-card-title{font-family:var(--font-primary);font-weight:700;font-size:48px;line-height:1.21;color:var(--text-color, var(--brand-navy));margin:0}@media screen and (max-width:1400px){.roofing-card-title{font-size:42px}}@media screen and (max-width:1200px){.roofing-card-title{font-size:36px}}@media screen and (max-width:900px){.roofing-card-title{font-size:32px}}@media screen and (max-width:768px){.roofing-card-title{font-size:28px}}@media screen and (max-width:480px){.roofing-card-title{font-size:24px}}.roofing-card-tagline{font-family:var(--font-primary);font-weight:700;font-size:32px;line-height:1.21;color:var(--accent-color, var(--brand-orange));margin:0}.roofing-card-description{font-family:var(--font-primary);font-weight:400;font-size:24px;line-height:1.5;color:var(--description-color, var(--text-primary));margin:0}.roofing-card-divider{width:100%;height:1px;background-color:var(--border-color, var(--border-primary))}.roofing-benefits-title{font-family:var(--font-primary);font-weight:700;font-size:32px;line-height:1.21;color:var(--accent-color, var(--brand-orange));margin:0}.roofing-benefits-list{display:flex;flex-direction:column;gap:24px;list-style:none;margin:0;padding:0}.roofing-benefit-item{display:flex;align-items:center;gap:26px}.benefit-icon{width:30px;height:24px;display:flex;align-items:center;justify-content:center;color:var(--brand-orange);font-weight:700;font-size:18px;flex-shrink:0}.benefit-text{font-family:var(--font-primary);font-weight:400;font-size:24px;line-height:1.5;color:var(--description-color, var(--text-primary))}.roofing-cta-section{display:flex;flex-direction:column;align-items:center;text-align:center}.roofing-cta-heading{font-family:var(--font-primary);font-weight:600;font-size:20px;line-height:1.21;color:var(--text-primary, var(--brand-black));max-width:928px;text-align:center;margin:0 0 24px}.roofing-cta-description{font-family:var(--font-primary);font-weight:400;font-size:24px;line-height:1.5;color:var(--description-color, var(--text-primary));max-width:928px;text-align:center;margin:0 0 40px}.roofing-cta-buttons{display:flex;justify-content:center;align-items:center;gap:20px;flex-wrap:wrap}.roofing-cta-button{display:flex;justify-content:center;align-items:center;gap:13px;padding:25px;background-color:var(--cta-button-bg, var(--brand-white));color:var(--cta-button-text, var(--brand-navy));font-family:var(--font-primary);font-weight:400;font-size:var(--cta-button-font-size, 21px);line-height:1.2102272396995908em;text-decoration:none;border:none;cursor:pointer;transition:all .3s ease;height:74px;box-sizing:border-box;width:fit-content}.roofing-cta-button--secondary{background-color:var(--cta-button-2-bg, var(--brand-white));color:var(--cta-button-2-text, var(--brand-navy));font-size:var(--cta-button-2-font-size, 21px)}.roofing-cta-button--secondary:hover{background-color:var(--cta-button-2-hover-bg, var(--brand-navy))!important;color:var(--cta-button-2-hover-text, var(--brand-white))!important}.roofing-cta-button--secondary:hover .cta-arrow-icon{filter:brightness(0) invert(1)}.roofing-cta-button:hover{background-color:var(--cta-button-hover-bg, var(--brand-navy))!important;color:var(--cta-button-hover-text, var(--brand-white))!important}.roofing-cta-button:hover .cta-arrow-icon{filter:brightness(0) invert(1)}.cta-arrow-icon{width:26.5px;height:auto;max-height:20px;object-fit:contain;flex-shrink:0;transition:filter .3s ease}.roofing-cta-tagline-image{margin-top:40px}.cta-tagline-img{width:50%;height:auto;max-width:100%;object-fit:contain}@media screen and (max-width:1400px){.roofing-comparison-cards{gap:24px}.roofing-card{width:100%;max-width:600px}.roofing-card-content{padding:50px;gap:40px}}@media screen and (max-width:1200px){.roofing-comparison-section{padding:80px 48px}.roofing-comparison-headline{font-size:48px}.roofing-comparison-description{font-size:20px}.roofing-card-title{font-size:36px}.roofing-card-tagline,.roofing-benefits-title{font-size:28px}.roofing-card-description,.benefit-text{font-size:20px}.roofing-cta-heading{font-size:42px}.roofing-cta-description{font-size:20px}}@media screen and (max-width:900px){.roofing-comparison-section{padding:64px 32px}.roofing-comparison-container{gap:60px}.roofing-comparison-cards{flex-direction:column;gap:32px}.roofing-card{max-width:100%}.roofing-card-content{padding:40px;gap:40px}.roofing-card-image{height:400px}}@media screen and (max-width:768px){.roofing-comparison-section{padding:48px 24px}.roofing-comparison-headline{font-size:36px}.roofing-comparison-description{font-size:18px}.roofing-card-title{font-size:28px}.roofing-card-tagline,.roofing-benefits-title{font-size:24px}.roofing-card-description,.benefit-text{font-size:18px}.roofing-cta-heading{font-size:36px}.roofing-cta-description{font-size:18px}.roofing-cta-buttons{flex-direction:column;gap:16px;width:100%}.roofing-card-content{padding:32px;gap:32px}.roofing-card-image{height:300px}.roofing-cta-button{padding:20px;height:60px;width:100%}.cta-tagline-img{width:70%}}@media screen and (max-width:480px){.roofing-comparison-section{padding:32px 16px}.roofing-comparison-headline{font-size:28px}.roofing-comparison-description{font-size:16px}.roofing-card-title{font-size:24px}.roofing-card-tagline,.roofing-benefits-title{font-size:20px}.roofing-card-description,.benefit-text{font-size:16px}.roofing-cta-heading{font-size:32px}.roofing-cta-description{font-size:16px}.roofing-cta-buttons{gap:12px}.roofing-card-content{padding:24px;gap:24px}.roofing-card-image{height:250px}.roofing-benefits-list,.roofing-benefit-item{gap:16px}.benefit-icon{width:24px;height:20px;font-size:14px}.roofing-cta-button{padding:16px;height:50px;gap:12px}.cta-tagline-img{width:80%}}.common-faqs-button:hover .cta-arrow-icon{filter:brightness(0) invert(1)}
/*# sourceMappingURL=/cdn/shop/t/26/assets/section-roofing-comparison.css.map */