.chatbox {
    z-index: 5;
}

.chatbox * {
    /* Set the z-index value to inherit from the parent element */
    z-index: inherit;
}

.chatbox-response{
    color: black;
}

#chatbox-header{
    color: black;
}

#chatbox-status{
    color: #333;
}

.chatbox-user-msg{
    background-color: #0d6efd!important;
}

.form-label{
    color: black;
}

.form-control{
    color: black;
}

.dot-typing {
    top: -48px;
}

.form-floating{
    color: white!important;
}

.nav-link{
    font-size: 1.3em!important;
}

#header-background {
    margin-top: 200px;
    background-color: rgba(0, 0, 0, 0.7);
    padding: 20px;
    border-radius: 20px;
}

#navbar-logo{
    max-width: 25%;
}

#header-text{
    font-size: 3.5em;
    word-spacing: 0.25em;
    padding: 10px;
}

@media only screen and (max-width: 1280px) {
    #chatbox{
        height: 375px;
    }
    #navbar-logo{
        max-width: 15%;
    }
    #header-background {
        margin-top: 150px;
    }
    #header-text {
        font-size: 3em;
    }
}

@media only screen and (max-width: 880px){
    #navbar-logo{
        max-width: 60%;
        width: 400px;
    }
    #chatbox{
        height: 325px;
    }
}
@media only screen and (max-width: 480px) {
    #navbar-logo{
        max-width: 60%;
        width: 400px;
    }
    #header-text {
        font-size: 2em;
        padding: 10px;
    }
    section:first-of-type {
        position: relative;
        transform: translateY(-10em);
    }
    section:not(:first-of-type) {
        position: relative;
        transform: translateY(-15em);
    }
}

.grecaptcha-badge {
    visibility: hidden;
}