@import url('https://fonts.googleapis.com/css2?family=Urbanist:ital,wght@0,100..900;1,100..900&display=swap');

html,
body {
    font-family: "Urbanist", system-ui;
    font-optical-sizing: auto;
    font-weight: 600;
    font-style: normal;
    background: black !important;
    padding: 0;
    margin: 0;
    height: 100%;
    letter-spacing: -.025em;
}

a.nav-link.dropdown-toggle::after {
    display: none !important;
}

img.grayscale {
    filter: grayscale(100%);
    transition: filter 0.3s ease;
}

.no-focus:focus {
    outline: none !important;
    box-shadow: none !important;
}

.dropdown-menu a:hover,
.dropdown-menu a:focus {
    background-color: white !important;
    color: black !important;
}

.grayscale {
    filter: grayscale(1);
}

.grayscale-logo {
    filter: grayscale(1);
    max-width: 96px;
    max-height: 48px;
}

.visuallyhidden {
    position: absolute;
    clip: rect(1px, 1px, 1px, 1px);
    -webkit-clip-path: inset(0px 0px 99.9% 99.9%);
    clip-path: inset(0px 0px 99.9% 99.9%);
    overflow: hidden;
    height: 1px;
    width: 1px;
    padding: 0;
    border: 0;

}

.nav-active span {
    background-color: white !important;
    color: black !important;
}
.btncolor-primary {
    background-color: #80ff27 !important;
    color: black !important
}