Since moving the section outside of the container is not an option. Then you can approach this in two ways if you still want to keep the section inside of the parent container.
Override padding with negative margins. This will overlap the parent padding.
.usp-section {
background-color: #c2b280;
padding: 1rem 0;
margin-left: -6rem;
margin-right: -6rem;
}
And here's the output, you'd need to adjust the padding or inner width of the section to align with others.
Use width: 100vw
.usp-section {
background-color: #c2b280;
padding: 1rem 0;
width: 100vw;
position: relative;
left: 50%;
transform: translateX(-50%);
}
This will force it to span the viewport width regardless of container padding.