Describe the bug

The Contact section at the bottom of the homepage is divided into two columns. As the viewport width increases, the gap between these columns grows disproportionately, and the entire layout shifts outward, leaving excessive space between them but not enough on the outer edges.

To Reproduce

1. Go to the homepage of the project.

2. Scroll down to the Contact section at the bottom of the page.

3. Increase the browser width (e.g., stretch to 1920px or more).

4. See error: The two columns in the Contact section begin to drift apart, with excessive spacing between them and little to no padding on the left and right sides of the container.

Expected behavior

The two columns in the Contact section should remain visually balanced across all screen sizes. As the viewport width increases:

• The spacing between the columns should grow proportionally, but not excessively.

• There should be equal horizontal padding or margin on both the left and right sides of the container.

• The entire section should appear centered and cohesive, without one column drifting too far from the other or hugging the edges.

This ensures a clean, responsive layout that maintains design integrity on larger screens.

Screenshots/Videos

Additional context

No response

Please checkmark the following checklist

• I make sure that similar issue is not opened