.elementor-1738 .elementor-element.elementor-element-d974349{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1738 .elementor-element.elementor-element-0dde7d8 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}@media(max-width:767px){.elementor-1738 .elementor-element.elementor-element-d974349{--min-height:100vh;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}/* Start custom CSS for html, class: .elementor-element-0dde7d8 */.nav-menu-container {
    font-family: 'Manrope', sans-serif;
    width: 100%;
    padding : 1px 0px 0px 0px ; /* Center the container */
    background: #FfFfFf;
    text-align: center; /* Center the content inside */
}

/* Nav Menu Header: Center-aligned items */
.nav-menu-header {
    display: flex;
    justify-content: center; /* Center the menu items */
    gap: 10px; /* Space between items */
    padding: 0px;
    background: #FFFFFF;}

/* Nav Menu Items: Styled to match brand identity */
.nav-menu-item {
    font-family: 'Manrope', sans-serif;
    font-size: 14px;
    color: #333; /* Default text color */
    padding: 10px 20px;
    background: #FCFCFC; /* No background */
    border: none; /* No borders */
    cursor: pointer;
    position: relative;
    transition: color 0.3s ease; /* Smooth text color transition */
    font-weight: 500;
width:100%;}

/* Create the animated underline */
.nav-menu-item::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 2px; /* Minimalistic underline */
    background-color: #f7b034; /* Underline color */
    transition: width 0.3s ease; /* Smooth width animation */
}

/* On hover, expand the underline */
.nav-menu-item:hover::after {
    width: 100%; /* Expand the underline */
}

/* Change text color on hover */
.nav-menu-item:hover {
    font-weight: 500;
    color: #F7B034; /* Text color on hover */
    background: #FFFFFF;    
}

/* Active Menu Item: Bold font and color */
.nav-menu-item.active {
    font-weight: bold;
    color: #F7B034; /* Text color when active */
    background: #FFFFFF;    
}

/* Keep the underline active when the item is selected */
.nav-menu-item.active::after {
    width: 100%; /* Ensure underline stays active for the selected item */
}

/* Nav Menu Content: Full-width content inside items */
.nav-menu-content {
    padding: 0px;
    background: #FFFFFF;
}

/* Individual Nav Menu Content: Hidden by default, displayed when active */
.nav-menu-content-item {
    display: none;
    width: 100%;
}

.nav-menu-content-item.active {
    display: block;
    color: #333;
    font-size: 15px;
    line-height: 1.6;
}

/* Media queries for responsiveness *//* End custom CSS */