/* إخفاء النص القديم placeholder */
input::placeholder {
    color: transparent;
}

/* إضافة النص الجديد فوق حقل الإدخال */
.custom-placeholder {
    position: relative;
}

.custom-placeholder input {
    position: relative;
    z-index: 1;
}

.custom-placeholder::before {
    content: "ابحث عن دورة تدريبية تخصصية حضورية";
    position: absolute;
    top: 50%;
    left: 10px;
    transform: translateY(-50%);
    font-size: 14px;
    color: #888;
    pointer-events: none;
    z-index: 0;
}