After updating, the sticky transparent menu does not work

Hi, I've been having a problem for a long time. We have a website made through elementor. I have the main menu there, which, when scrolled down, becomes smaller and the background color becomes earthy. There is a CSS element for that.

Everything was working until I wanted to update the Hestia theme to version 3.0.28. Then my menu doesn't get smaller after moving down and doesn't change color, it's not visible on white backgrounds. I think the problem will probably be that hestia ignores CSS and is not guided by it.

Everything is OK only up to version Hestia 3.0.27. When previewed in elementorv, everything works as it should, but then it doesn't work on the page.

CSS code in Elementor is like this:

selector.elementor-sticky--effects{
background-color: rgba(0,0,0,0.7)!important
}

selector {
transition: background-color 1s ease !important;
}

selector.elementor-sticky--effects >.elementor-container{
min-height: 80px;
}

selector > .elementor-container{
transition: min-height 1s ease !important;
}

.logo img {
max-width: 140px;
height: auto;
transition: all 1s ease;
}

.elementor-sticky--effects .logo img {
max-width: 120px;
height: auto;
}

Currently, version 3.0.27 is uploaded to the site to make it work.

I'm asking for your advice because I don't know what to do anymore.
Thank you very much

The page I need help with: [log in to see the link]