.elementor-18 .elementor-element.elementor-element-6dc6b06{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-18 .elementor-element.elementor-element-6dc6b06:not(.elementor-motion-effects-element-type-background), .elementor-18 .elementor-element.elementor-element-6dc6b06 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-18 .elementor-element.elementor-element-60acb8f{width:100%;max-width:100%;}.elementor-18 .elementor-element.elementor-element-60acb8f > .elementor-widget-container{padding:0px 0px 0px 0px;}@media(max-width:767px){.elementor-18 .elementor-element.elementor-element-6dc6b06{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-18 .elementor-element.elementor-element-60acb8f > .elementor-widget-container{padding:0px 0px 0px 0px;}}/* Start custom CSS for html, class: .elementor-element-60acb8f *//* Basic styling for the navigation bar */
header {
  position: sticky;
  top: 0; /* Keeps the navbar at the top of the page */
  z-index: 1000; /* Ensures the navbar stays above other elements */
  background-color: #fff; /* Background color for the navbar */
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); /* Optional: Add shadow for a floating effect */
}

/* Optional styling for a smooth transition effect */
header.sticky {
  transition: all 0.3s ease-in-out;
}/* End custom CSS */