.hero {
    position: relative;
    background: url(../../img/hero-rodent-bg.webp) no-repeat;
    background-position: center center;
    background-size: cover;
    padding: 280px 0 140px;
}

.cta-box {
    background: url(../../img//cta-rodent-bg.webp);
    background-position: center center;
    background-size: cover;
}

@media (min-width: 768px) {
    .hero-content h3 {
        max-width: 50%;
    }
}

.service-content p {
    max-width: 310px;
    margin: 0 auto;
}