.bg-dark {
    background-color: #000000 !important;
}










.text-primary {
    color: #02f1e2 !important;
}
.bg-primary {
    background-color: #02f1e2 !important;
}
.btn-primary {
    background-color: #02f1e2;
    border-color: #02f1e2;
    color: #000000;

}
.btn-primary:hover {
    background-color: rgb(2, 193, 181);
    border-color: rgb(2, 193, 181);
    color: #000000;

}
.btn-primary:focus, .btn-primary.focus {
    box-shadow: 0 0 0 0.2rem rgb(2, 193, 181);
    background-color: rgb(2, 193, 181);
    border-color: rgb(2, 193, 181);
    color: #000000;
}
.btn-primary:disabled {
    background-color: #02f1e2;
    border-color: #02f1e2;
}
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
    background-color: rgb(2, 193, 181);
    border-color: rgb(2, 193, 181);
}
.navbar-toggler span {
    background-color: #02f1e2;
}
.form-control:focus {
    border-color: #02f1e2;
    box-shadow: 0 0 0 0.2rem rgba(2, 241, 226, 0.25);
}
a, a:hover {
    color: rgb(2, 193, 181);
}

.badge-primary {
    background-color: #02f1e2;
    border-color: #02f1e2;
    color: #000000;
}

.change-language .active {
    color: rgb(2, 193, 181) !important;
}

.vglflex {
    display: flex;
}
.wfull {
    width: 100%;
}
.mt76 {
    margin-top: 76px;
}