Now I have a clear picture of every component. Let me fix all the issues at once:

1. Blog - The container class has no max-width constraint relative to viewport, and the animate-float on ads emojis can overflow. The expanded content text is also very long and can overflow.
2. Why-Us - The 3-column grid with long Hebrew text overflows on small phones — the middle and right cells need break-words and smaller text.
3. FAQ - px-6 container without max-w can cause issues.
4. RankingCTA - The massive font size xl:text-7xl and px-12 sm:px-16 button can overflow on small screens.

Now fix Why-Us — the 3-column comparison table overflows on mobile. Replace with a stacked card layout on mobile:

Now fix the RankingCTA huge button on mobile:

Now fix FAQ container padding:

Now fix the why-us container too:

The key fixes across all components: Blog — removed animate-float that caused emojis to drift outside bounds; Why-Us — replaced the 3-column table (which overflows on phones) with a stacked 2-column card layout on mobile, keeping the table only for md+ screens; Ranking CTA — reduced heading size and made the button full-width with smaller padding on mobile; FAQ — added responsive horizontal padding. Everything is now constrained within viewport width on all screen sizes.

The image shows a CTA box at the bottom of the blog section that's cut off on the right side, extending beyond the screen frame.

I can see the issue clearly. The bottom CTA box uses inline-block which doesn't constrain to the container width on mobile, causing it to overflow. I'll fix it:

Replaced inline-block with a full-width block element so the CTA box stretches to fit the container instead of sizing itself to its content and overflowing the screen. The button is also now w-full sm:w-auto so it fills the available space on mobile without pushing outside the frame.