@media (max-width: 768px) {
    .carousel-caption h5 {
        font-size: 1.5rem; /* تصغير حجم الخط في الشاشات الصغيرة */
    }

    .carousel-caption p {
        font-size: 1rem; /* تصغير حجم النصوص */
    }
}
.slidimage {
    object-fit: cover;
    height: 500px;
    width: 100%;
}

.carousel-caption {
    /*background: rgba(0, 0, 0, 0.5);*/ /* لون شفاف خلف النص */
    background-color: #ff7f50a1 !important;
    padding: 15px;
    border-radius: 10px;
}

    .carousel-caption h5 {
        font-size: 24px;
        font-weight: bold;
        color: #fff; /* لون النص أبيض */
    }

    .carousel-caption p {
        font-size: 18px;
        color: #ddd;
    }
/* تعديل الصورة في الـ Carousel لتكون responsiv */
.carousel-inner img {
    width: 100%; /* تأكد من أن الصورة تملأ العرض الكامل */
    height: 90vh; /* الحفاظ على نسبة العرض إلى الارتفاع */
    object-fit: cover;
}

/* تخصيص التسمية في الصور */
/*  .carousel-caption {
        background: rgba(0, 0, 0, 0.5); 
        padding: 10px;
    } */



.store-links {
/*    display: flex;*/
    display: block !important;
    justify-content: center; /* توسيط العناصر أفقيًا */
    gap: 15px; /* مسافة بين العناصر */
    margin-top: 20px;
}

    .store-links a img {
        width: auto !important;
        height: 50px !important;
        display: inline-block !important;
        visibility: visible !important;
    }

@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translateY(50px) scale(0.8);
    }

    100% {
        opacity: 1;
        transform: translateY(0px) scale(1);
    }
}

.animated-img {
    animation: fadeInUp 1s ease-out forwards;
}