.why-guy-service-area{background-color:#fff;padding:6rem 0;overflow:hidden}.why-guy-service-area__inner{max-width:86.8rem;margin:0 auto;padding:0 1.5rem;text-align:center}.why-guy-service-area__header{display:flex;flex-direction:column;align-items:center;gap:2.8rem}.why-guy-service-area__eyebrow{margin:0;font-size:1.2rem;font-weight:600;letter-spacing:.12rem;text-transform:uppercase;color:rgb(var(--color-brand-navy))}.why-guy-service-area__heading{margin:2rem 0 0;font-size:3.2rem;font-weight:800;line-height:1.1;letter-spacing:-.03rem;color:#0c1b3b}.why-guy-service-area__paragraph{max-width:70.8rem;margin:0 auto;font-size:1.6rem;font-weight:400;line-height:1.65;color:#617086}.why-guy-service-area__marquee{position:relative;margin-top:4rem;display:flex;flex-direction:column;gap:2rem}.why-guy-service-area__row{display:flex;overflow:hidden}.why-guy-service-area__track{display:flex;flex-shrink:0;align-items:center;gap:1.2rem;margin:0;padding:0 .6rem;list-style:none;animation:why-guy-service-area-scroll 50s linear infinite}.why-guy-service-area__row:nth-child(1) .why-guy-service-area__track{animation-duration:46s}.why-guy-service-area__row:nth-child(2) .why-guy-service-area__track{animation-duration:58s}.why-guy-service-area__row:nth-child(3) .why-guy-service-area__track{animation-duration:52s}@keyframes why-guy-service-area-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@media(prefers-reduced-motion:reduce){.why-guy-service-area__track{animation:none}}.why-guy-service-area__pill{flex-shrink:0;padding:.8rem 1.7rem;background-color:#eef4fb;border:.1rem solid #d9e4f1;border-radius:var(--radius-full);font-size:1.4rem;font-weight:700;white-space:nowrap;color:#0c1b3b}.why-guy-service-area__fade{position:absolute;top:0;bottom:0;z-index:1;width:8rem;pointer-events:none}.why-guy-service-area__fade--left{left:0;background:linear-gradient(to right,#fff,#fff0)}.why-guy-service-area__fade--right{right:0;background:linear-gradient(to left,#fff,#fff0)}@media screen and (min-width:750px){.why-guy-service-area__heading{font-size:4.4rem}}@media screen and (min-width:990px){.why-guy-service-area{padding:8rem 0}.why-guy-service-area__fade{width:12.4rem}}@media screen and (min-width:1600px){.why-guy-service-area__heading{font-size:6.4rem;line-height:1.0625;letter-spacing:-.128rem}.why-guy-service-area__paragraph{font-size:1.888rem;line-height:1.65}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/section-why-storm-door-guy-service-area.css.map */