sticky header with scroll motion on elementor site

/* class="sticky-header" */
header.elementor-section.elementor-top-section {
    transition-property: top!important;
    transition-duration: 0.5s!important;
}

header.sticky-header {

   -webkit-transition: 0.5s ease-in-out;
    -moz-transition:  0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    
}


header.sticky-header.elementor-sticky--effects {
    top: 0!important;
}