section.container-fluid.g-0.css-slider {
    max-width: 1300px !important;
}
.col-12.col-md-8.col-lg-4.carousel-caption.text-start {
    width: 100%;
    position: absolute;
    height: 100%;
    bottom: 0;
    right: 0;
}
p.animate__animated.animate__delay-1s.animate__fadeInUp,p.animate__animated.animate__delay-1s.animate__fadeInUp a {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
      opacity: 0;

}


/* السلايدر كله */
.swiper-wrapper{
    padding: 15px 5px 25px;
}

/* الكارد */
.card-product{
    border: 1px solid rgba(0,0,0,.06) !important;
    border-radius: 24px !important;
    overflow: hidden;
    background: #fff;
    transition: all .35s ease;
    position: relative;
}

/* الهوفر */
.card-product:hover{
    transform: translateY(-8px);
    box-shadow: 0 20px 40px rgba(0,0,0,.12) !important;
    border-color: #d4a017 !important;
}

/* الصورة */
.card-product .zooming{
    height: 240px;
    border-radius: 24px 24px 0 0;
    overflow: hidden;
    background: #f8f8f8 !important;
}

/* img */
.card-product img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .6s ease;
}

/* زوم للصورة */
.card-product:hover img{
    transform: scale(1.08);
}

/* الفوتر */
.card-product .card-footer{
    padding: 18px !important;
    background: #fff !important;
    border: none !important;
}

/* العنوان */
.card-product .card-title{
    font-size: 16px;
    font-weight: 700 !important;
    color: #111 !important;
    transition: .3s ease;
}

/* الايقونة */
.card-product .ti{
    font-size: 22px;
    color: #d4a017;
    transition: transform .3s ease;
}

/* حركة الايقونة */
.card-product:hover .ti{
    transform: translateX(-6px);
}

/* لينك الكارد */
.swiper-slide a{
    text-decoration: none !important;
}

/* مسافة بين السلايدات */
.swiper-slide{
    height: auto !important;
}

/* موبايل */
@media(max-width:768px){

    .card-product .zooming{
        height: 190px;
    }

    .card-product .card-title{
        font-size: 14px;
    }

}
@media(min-width:768px){
.swiper-free-mode>.swiper-wrapper {
    justify-content: center !important;
}}