Eccolo

La situazione non è così semplice da risolvere.
Non puoi farlo solo attraverso il CSS.

Ho visto che stai usando WP con Elementor in cui dovrebbero essere già disponibili gli strumenti per applicare l'effetto sticky sugli elementi; però, da quello che vedo, tu lo stai applicando manualmente da CSS. Presumo che tu non sia riuscito a risolvere attraverso le impostazioni disponibili sul pannello di controllo di Elementor.

In tal caso bisognerà intervenire usando un po' di JavaScript/jQuery con cui è possibile impostare l'evento scroll per verificare quando quel box raggiunge il footer e quindi bloccare/sbloccare il suo posizionamento.

Vedi intanto qualche possibile soluzione data su Stack Overflow per richieste simili alla tua:
Stop fixed position at footer
Sticky element - unset when reach scroll reaches footer


[MOD]
nel frattempo sposto in JavaScript