#slider-section {
    background-color: black;
    margin: 5px auto;
    text-align: center;
}

.swiper-slide img {
    width: 100%;
    max-width: 700px;
}

.swiper-pagination-bullet {
    background-color: #ffbd02;
    /* اللون الأصفر للنقاط */
}

.swiper-pagination-bullet-active {
    background-color: #ffbd02;
    /* لون النقطة النشطة (عند تحديدها) */
}

.swiper-button-prev,
.swiper-button-next {
    width: 35px;
    /* عرض الأزرار */
    height: 35px;
    /* ارتفاع الأزرار */
    background-size: 25px;
    /* حجم الأيقونة داخل الزر */
}

.swiper-button-prev::after,
.swiper-button-next::after {
    font-size: 25px;
    /* حجم الأيقونة */
}