body.elementor-page-197:not(.elementor-motion-effects-element-type-background), body.elementor-page-197 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#694444;}/* Start custom CSS *//* Initial Transparent Header */
.sticky-header {
    /*position: sticky;*/
    top: 0;
    z-index: 9999;
    background: transparent;
    transition: background 0.3s ease, box-shadow 0.3s ease;
}

/* Glassmorphism Effect After Scroll */
.sticky-header.scrolled {
    background: rgb(0, 0, 0) !important; /* Adjust the color and opacity */
    backdrop-filter: blur(10px); /* Creates the glass effect */
    -webkit-backdrop-filter: blur(10px); /* For Safari */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Optional shadow */
}/* End custom CSS */