body {
    overflow-x: hidden;
}
.NavWrapperMobileAgas {
    display: none !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    z-index: 99999999999 !important;
}
@media (max-width: 767px) {
    .NavWrapperMobileAgas {
        display: block !important;
    }
}
.mobileNavAgas {
    position: relative !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    height: auto !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    background: #fff !important;
    padding: 0.9rem 1.4rem 0.9rem 1.2rem !important;
    margin: 0 !important;
    z-index: 10000000000 !important;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1) !important;
}
.mobileNavLogoAgas {
    width: 149px !important;
    height: 53px !important;
    align-items: center !important;
    padding: 0 !important;
    margin: 0 !important;
}
.mobileNavLogoAgas img {
    width: 100%;
    text-indent: -9999px !important;
    padding: 0 !important;
    margin: 0 !important;
}
.mobileNavLogoAgas a {
    font-size: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
}
.mobileMenueToggleAgas {
    background: none !important;
    border: none !important;
    cursor: pointer !important;
    width: 32px !important;
    height: 32px !important;
    z-index: 1001 !important;
    padding: 0 !important;
}
.mobileMenueToggleAgas svg {
    width: 100% !important;
    height: 100% !important;
}
.mobileMenueToggleAgas line {
    stroke: #000 !important;
    stroke-width: 2 !important;
    transition: all 0.3s ease !important;
    transform-box: fill-box !important;
    transform-origin: center !important;
}
.mobileMenueToggleAgas.open .bar1 {
    transform: rotate(45deg) !important;
}
.mobileMenueToggleAgas.open .bar2 {
    opacity: 0 !important;
}
.mobileMenueToggleAgas.open .bar3 {
    transform: rotate(-45deg) !important;
}
.mobileMenuAgas {
    position: fixed !important;
    top: 0 !important;
    right: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    background-color: #ffffff !important;
    opacity: 0 !important;
    pointer-events: none !important;
    transform: translateX(100%) !important;
    transition: transform 0.4s ease, opacity 0.4s ease !important;
    z-index: 999999999 !important;
}
.mobileMenuAgas.active {
    opacity: 1 !important;
    pointer-events: auto !important;
    transform: translateX(0) !important;
}
.mobileMenuInnerAgas {
    position: absolute !important;
    top: 48% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
}
.mobileMenuInnerAgas a {
    font-family: var(--AgasFontTwo, sans-serif) !important;
    font-size: 22px !important;
    font-weight: 400 !important;
    text-decoration: none !important;
    color: #000 !important;
    margin: 1.8rem 0 !important;
    transition: color 0.2s !important;
}
.mobileMenuInnerAgas a:hover {
    color: #ff6600 !important;
}
body.mobileMenuOpenAgas {
    overflow: hidden !important;
}