#logoutDetails{
       display:none;
 }
.ArticleCmd__socialShareLt{
display: none
}

/* Hide the original text inside the 'Add Ticket' button */
.Header__containerLi a {
    color: transparent !important;  /* Fully hides the original text */
    position: relative;  /* Ensures the pseudo-element appears correctly */
    text-decoration: none;  /* Removes any underline */
}

/* Ensure the original text is hidden during hover, focus, and active states */
.Header__containerLi a:hover,
.Header__containerLi a:focus,
.Header__containerLi a:active {
    color: transparent !important;  /* Ensures the original text is hidden during interaction */
}

/* Add the new text using the ::after pseudo-element */
.Header__containerLi a::after {
    content: "Submit a Ticket" !important;
    color: #000;  /* Set the desired text color */
    position: absolute;
    left: 0;  /* Aligns the text properly */
    top: 0;
    width: 100%;  /* Ensures the replacement text takes up the full width */
    height: 100%;  /* Ensures the text aligns vertically */
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;  /* Ensures the pseudo-element is not clickable */
}

/* Additional hover state for the pseudo-element to ensure consistency */
.Header__containerLi a:hover::after {
    color: #000 !important;  /* Keeps the 'Submit a Ticket' text visible during hover */
}
/* Responsive adjustments for mobile view */
@media (max-width: 768px) {
    .Header__containerLi a {
        text-indent: -9999px;  /* Move original text off-screen */
        padding: 10px;  /* Adjust padding for smaller screens */
        min-width: 120px;  /* Slightly smaller minimum width for mobile */
    }

    .Header__containerLi a::after {
        font-size: 14px;  /* Adjust font size for mobile */
        width: auto;  /* Ensure text fits without being cut off */
    }
}

/* Import the Manrope font from Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&display=swap');

/* Apply the Manrope font to all text elements */
html, body, * {
    font-family: 'Manrope', sans-serif;
}