.custom-search-input {
    border: none !important;
    border-width: 0 !important;
    background-color: #ffffffcc;
    border-radius: 50px;
    padding: 0.75rem 2.5rem 0.75rem 1.5rem; /* مساحة لليسار للأيقونة */
    box-shadow: none;
    transition: all 0.3s ease-in-out;
}

.custom-search-input:focus {
    outline: none;
    background-color: #ffffff;
    box-shadow: 0 0 10px rgba(0, 123, 255, 0.4);
}

    .custom-search-input::placeholder {
        /*color: #f8f9fa;*/ /* لون placeholder */
        /*linear-gradient(to right, #af8643, #f2cf87)*/
        color: #af8643; /* لون placeholder */
        font-size: 1.5rem; /* حجم الخط */
        font-weight: 600; /* سمك الخط */
    }

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.animate-spin {
    animation: spin 1.2s linear infinite;
}