.form-control {
    padding-left: 3rem !important;
    border-bottom: 1px solid !important;
    background-color: rgba(255, 255, 255, 0) !important;
    -webkit-box-shadow: none !important;
}

.kt-background {
    transition: background-image 500ms !important;
}

#login-title {
    margin-top: 10%;
    margin-left: 15%;
    position: relative;
}

#login-form {
    margin-left: 55%;
    position: absolute;
}

@media (max-width: 768px) {
    #login-title {
        margin-top: 10%;
        margin-left: auto;
        position: relative;
    }

    #login-form {
        margin-left: auto;
        position: relative;
    }

}

select {
    width: 100%;
    background-color: rgba(255, 255, 255, 0) !important;
    -webkit-box-shadow: none !important;
}

    select:focus-visible,
    select:focus,
    select:focus-within
    {
        outline: none !important;
    }

.fa {
    color: #5d78ff !important;
    position: absolute;
    bottom: 24px;
    left: 2px;
}

.navbar-brand {
    margin-right: 4rem;
    margin-left: 4rem;
}

.medium-paragraph-black {
    color: #fff;
}