.MainIndexHeader {
    width: 100%;
    position: fixed !important;
    left: 0px !important;
    top: 0px !important;
    z-index: 99999;
    padding: 0px !important;
    margin: 0px !important;
    background-color: rgba(255,255,255,1);
}
.MainIndexHeader .elementor-widget-wrap.elementor-element-populated {
    padding: 0px !important;
}
.header.IndexHeader {
    width: 100%;
    display: flex;
    padding: 20px 0 0 0;
    transition: all 0.8s ease-in-out;
    position: absolute;
    z-index: 9999999;
}
.header.IndexHeader.HeaderActive {
    /* background: white; */
    /* top: 0px;
    padding: 8px 0;
    box-shadow: 0 0 3px #cccccc; */
}
.header.IndexHeader a.IndexLogo {
    display: block;
    width: 90px;
    transition: all 0.3s ease-in-out;
}
/* .header.IndexHeader.HeaderActive a.IndexLogo {
    width: 70px;
} */
.header.IndexHeader a.IndexLogo img {
    width: 100%;
    height: auto;
}
.header.IndexHeader .IndexNav,
.header.IndexHeader .IndexNav .menu-head-nav-container {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    align-content: center;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
}
.header.IndexHeader .IndexNav ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
    display: flex;
}
.header.IndexHeader .IndexNav ul li {
    margin: 0 30px;
}
.header.IndexHeader .IndexNav ul li a,
.header.IndexHeader .IndexNav ul li a:focus {
    color: white;
    outline: none;
    padding: 8px 0;
    display: block;
    position: relative;
}
.header.IndexHeader .IndexNav ul li.current-menu-item a::after {
    content: '';
    display: block;
    width: 100%;
    height: 3px;
    background: #C99B31;
}
.header.IndexHeader .IndexNav ul li a:hover {
    text-decoration: none;
}
.header.IndexHeader .IndexNav ul li a::after {
    display: block;
    content: '';
    width: 0%;
    height: 3px;
    background: var(--color) !important;
    transition: 0.3s ease-in-out;
}
.header.IndexHeader .IndexNav ul li a:hover::after {
    width: 100%;
}
.header.IndexHeader .IndexNav ul li.HeadContact a {
    border: solid 1px var(--color);
    border-radius: 5px;
    overflow: hidden;
    padding: 6px 30px;
    font-weight: 400;
    position: relative;
    z-index: 9;
    transition: all 0.8s ease-in-out;
}
.header.IndexHeader .IndexNav ul li.HeadContact a:hover {
    border-radius: 80px;
    border: solid 1px transparent;
}
.header.IndexHeader .IndexNav ul li.HeadContact.current-menu-item a {
    border-radius: 80px;
    border: solid 1px transparent;
}
.header.IndexHeader .IndexNav ul li.HeadContact a::after {
    width: 300%;
    height: 300%;
    border-radius: 300%;
    display: flex;
    position: absolute;
    bottom: -100%;
    left: 100%;
    background-color: var(--color);
    z-index: -1;
    opacity: 0;
    transition: all 0.8s ease-in-out;
}
.header.IndexHeader .IndexNav ul li.HeadContact a:hover::after,
.header.IndexHeader .IndexNav ul li.HeadContact.current-menu-item a::after {
    bottom: -50%;
    left: -100%;
    opacity: 1;
}