.formbg {
    background-image: url("backg.jpg"); 
    background-size: cover;              
    background-position: center;         
    background-repeat: no-repeat;        

}
#successImage {
            display: none;
            max-width: 300px;
            margin: 20px auto;
        }
.hone{ margin-bottom: 50px;
margin-top: 20px;}
:root {
    --neon-green: #39FF14;
    --dark-bg: #000;
    --accent: #0f0;
}

body {
    background-color: var(--dark-bg);
    color: var(--neon-green);
    font-family: 'Courier New', monospace;
}

.navbar {
    border-bottom: 2px solid var(--neon-green);
    box-shadow: 0 0 15px var(--neon-green);
}

.nav-link {
    color: var(--neon-green) !important;
    transition: all 0.3s ease;
}

.nav-link:hover,
.nav-link:focus {
    color: #fff !important;
    text-shadow: 0 0 10px var(--neon-green);
}

.active {
    background: linear-gradient(90deg, transparent, #39ff1420, transparent);
    border-bottom: 2px solid var(--neon-green);
}

.btn-primary {
    background: #000;
    border: 2px solid var(--neon-green);
    color: var(--neon-green);
    transition: all 0.3s ease;
}

.btn-primary:hover {
    background: var(--neon-green);
    color: #000;
    box-shadow: 0 0 15px var(--neon-green);
}

.table {
    color: var(--neon-green);
    border: 2px solid var(--neon-green);
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: #39ff1410;
}

.form-control {
    background: #111;
    border: 1px solid var(--neon-green);
    color: var(--neon-green);
}

.form-control:focus {
    background: #000;
    color: var(--neon-green);
    border-color: var(--neon-green);
    box-shadow: 0 0 15px var(--neon-green);
}

#successImage {
    border: 2px solid var(--neon-green);
    box-shadow: 0 0 25px var(--neon-green);
}


.glow {
    text-shadow: 0 0 10px var(--neon-green);
}


a:focus, 
button:focus {
    outline: 2px solid #fff;
    outline-offset: 3px;
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip-path: inset(50%);
    border: 0;
}
.custom-thead {
    background-color: #000 ;
    color: var(--neon-green) ;
    border-bottom: 2px solid var(--neon-green);
    text-shadow: 0 0 10px #39ff1460;
}

.table-striped thead {
    border-bottom: 2px solid var(--neon-green);
}

.navbar {
    border-bottom: 2px solid var(--neon-green);
    box-shadow: 0 0 15px var(--neon-green);
    min-height: 60px;
    overflow-x: auto;
}

.navbar-nav.flex-row {
    flex-wrap: nowrap;
}




p, .form-check-label, .form-label {
    font-family: Arial, sans-serif;
}


.img-fluid {
    max-width: 100%;
    height: auto;
}
a:visited {
    color: #cfec2a ; 
}
    #q2{
    width: 50ch; 
    max-width: 100%;
}
@media print {
    nav.navbar, 
    footer, 
    button, 
    video,
    #successImage,
    #textZoom{
        display: none !important;
    }

    img {
        max-width: 200px !important;
        width: auto !important;
        height: auto !important;
        opacity: 0.75 !important;
        page-break-inside: avoid !important;
    }

    .img-fluid {
        max-width: 200px !important;
        width: auto !important;
    }

    .formbg {
        background-image: none !important;
    }

    body {
        background-color: white !important;
        color: black !important;
        font-size: 12pt !important;
    }

    table {
        border: 1px solid #000 !important;
    }
    
    th, td {
        border-color: #000 !important;
        color: #000 !important;
    }

    a::after {
        content: " (" attr(href) ") " !important;
    }

    @page {
        margin: 1cm !important;
    }

    header {
        display: none !important;
    }

    footer {
        display: none !important;
    }

}
.nav-link.active {
    background: linear-gradient(90deg, transparent, #39ff1420, transparent) !important;
    border-bottom: 2px solid var(--neon-green) !important;
    color: #fff !important;
    text-shadow: 0 0 10px var(--neon-green);
}