.why-ruoof-hero-section{background:url(https://gonanodealers.com/hubfs/herobanner-bg.png?width=860&t=1776424103810) 50%/cover no-repeat;padding:150px 0 60px;position:relative;z-index:0}.container{margin:0 auto;max-width:1200px;padding:0 15px;position:relative;text-align:center;z-index:1}.why-ruoof-hero-section .badge{align-items:center;background-color:#7d7d7d33;border-radius:30px;color:#fff;display:inline-flex;font-family:DM Sans,sans-serif;font-size:16px;font-weight:400;gap:10px;letter-spacing:.08em;line-height:26px;margin-bottom:20px;padding:10px 30px;text-align:center;text-transform:uppercase}.why-ruoof-hero-section .badge:before{background:#fff;border-radius:50%;content:"";display:inline-block;height:8px;width:8px}.why-ruoof-hero-section .hero-title{color:#fff;font-family:DM Sans,sans-serif;font-size:46px;font-weight:700;line-height:1.2;margin-bottom:30px;text-align:center}.why-ruoof-hero-section .hero-title span{background:linear-gradient(268.21deg,#ed7742 4.63%,#8076fa 106.89%);-webkit-background-clip:text;display:block;font-family:DM Sans,sans-serif;font-size:70px;font-style:Italic;font-weight:900;text-align:center;text-transform:capitalize;-webkit-text-fill-color:transparent;margin-bottom:10px}.why-ruoof-hero-section .hero-desc{color:#fff;font-family:DM Sans,sans-serif;font-size:16px;font-weight:400;line-height:26px;margin:0 auto 40px;max-width:750px;text-align:center}.why-ruoof-hero-section .hero-btn{align-items:center;background:#e76e38;border:none;border-radius:50px;color:#fff;cursor:pointer;display:inline-flex;font-family:DM Sans,sans-serif;font-size:16px;font-weight:500;gap:10px;justify-content:center;padding:15px 22px;text-decoration:none;transition:background var(--transition),transform .15s;white-space:nowrap}.why-ruoof-hero-section .hero-btn:hover{background:#d45a24;transform:translateY(-1px)}@media(max-width:991px){.why-ruoof-hero-section{padding:80px 0}.why-ruoof-hero-section .hero-title{font-size:34px;line-height:44px}.why-ruoof-hero-section .hero-title span{font-size:52px;line-height:56px}.why-ruoof-hero-section .hero-desc{font-size:15px;max-width:600px}.why-ruoof-hero-section .badge{font-size:14px;padding:8px 22px}}@media(max-width:767px){.why-ruoof-hero-section{padding:60px 0}.why-ruoof-hero-section .hero-title{font-size:24px;line-height:34px}.why-ruoof-hero-section .hero-title span{font-size:36px;line-height:42px}.why-ruoof-hero-section .hero-desc{font-size:13px;line-height:22px;max-width:100%}.why-ruoof-hero-section .badge{font-size:11px;gap:7px;padding:7px 16px}.why-ruoof-hero-section .hero-btn{font-size:13px;gap:8px;padding:12px 18px}.why-ruoof-hero-section .hero-btn svg{height:18px;width:18px}}