.wahdah-card-dark {
    background: #eef2ff;
    border-color: #c7d2fe;
}

.checkin-form-panel {
    background: #fff;
    border-color: #d8e0f1;
    box-shadow: 0 20px 60px rgba(13, 21, 51, 0.12);
    color: #17213f;
}

.checkin-field-shell {
    background: #f8fafc;
    border-color: #8b9ab3;
    box-shadow: none;
}

.checkin-field-shell:focus-within {
    border-color: #3730a3;
    box-shadow: 0 0 0 3px #e0e7ff;
}

.checkin-field-input {
    color: #17213f;
}

.checkin-field-input::placeholder {
    color: #52617a;
}

.checkin-secondary {
    background: #eef2ff;
    border-color: #c7d2fe;
    box-shadow: none;
    color: #312e81;
}

.checkin-secondary:hover {
    background: #e0e7ff;
    border-color: #a5b4fc;
}

.checkin-submit {
    background: #312e81;
    color: #fff;
}

.checkin-submit:hover {
    background: #272368;
}