Position: sticky is not working

Hello, i've been trying to add the sticky scrolling on my website but it doesn't seem to work , these are the lines of code i used:

height: 100vh !important;
position: sticky !important;
top: 0 !important;

the height property works just fine, but the sticky one does not

link: https://www.moiraicreation.com/

I don't have a solution but it appears there are multiple issues with your effect.

The first issue is it appears you have used ids other than data-section-ids. I changed the first one and got  an effect on the our services section.

[data-section-id="639dc1633bae2d0b2bf48c08"],
[data-section-id="649fd93907bcb7581b4f0b14"]

  {
  
    height : 100vh;
    position : sticky;
    top : 0;
    
    }

thank you for responding, yes the data-ids i used are for a testing page i added, still when i changed em to ids only the height property works and i still couldn't figure out why the sticky property isn't working 😞