:root {
    --form-btn-bg-color: #2e3263;
    --form-btn-hover-color: #1a1e4a;
    --label-bg-color: #1a1e4a;
    --select-group-bg-color: #474869;
}

.form-control.form-input {
    border: 1.5px solid #f6fafd;
    background-color: transparent;
    color: #d2cfe6;
}

.form-control.form-input::placeholder {
    color: #d2cfe6;
}

.form-control.form-input:focus {
    border-color: rgb(246, 250, 253);
    box-shadow: 0 0 0 0.2rem rgb(246, 250, 253, 0.25);
}

.btn.form-btn {
    border: 1.5px solid #f6fafd;
    color: #d9d9d9;
    background-color: var(--form-btn-bg-color);
}

input[type="file"] {
    margin-top: -1px;
}

.form-control.form-input::file-selector-button {
    color: #d9d9d9;
    background-color: var(--form-btn-bg-color);
}

.form-control.form-input:hover::file-selector-button {
    background-color: var(--form-btn-hover-color) !important;
}

button[type="submit"]:hover {
    background-color: var(--form-btn-hover-color) !important;
}

.select-label {
    border: 1.5px solid #f6fafd;
    color: #d9d9d9;
    background-color: var(--label-bg-color);
    width: 100%;
    border-radius: var(--bs-border-radius);
    text-align: center;
}

.select-group {
    background-color: var(--select-group-bg-color);
    margin: -1px var(--bs-border-radius);
    padding: 0.5rem 0.3rem 0.3rem;
    border-radius: 0 0 var(--bs-border-radius) var(--bs-border-radius);
}

.btn.select-btn {
    background-color: var(--form-btn-bg-color);
    color: #d9d9d9 !important;
    border: 1.5px solid var(--select-group-bg-color) !important;
}

.btn-check:checked + .select-btn {
    background-color: var(--form-btn-hover-color) !important;
}

.btn-check + .select-btn:hover {
    background-color: var(--form-btn-hover-color) !important;
}