/* استهداف النقطة النشطة فقط */
.swiper-pagination-horizontal .swiper-pagination-bullet-active {
    background-color: #D4AF37 !important;
    opacity: 1 !important; /* لضمان وضوح اللون */
}

/* إذا أردت التحكم في شكل النقاط غير النشطة (اختياري) */
.swiper-pagination-horizontal .swiper-pagination-bullet {
    background-color: #ccc; /* لون رمادي للنقاط غير النشطة */
    transition: background-color 0.3s ease;
}

/* عمل حواف دائرية للصور داخل سيكشن تصنيفات العبايات */
.abayat-categories-section .w-full h-full object-cover transition-transform duration-500 group-hover:scale-105 {
    border-radius: 30px !important; /* يمكنك زيادة أو تقليل الرقم حسب الرغبة */
    overflow: hidden;
}