/* =========================
   Testimonials Slider Style
========================= */

:root{

    /* avatar */
    --testimonial-avatar-size:60px;

    /* name */
    --testimonial-name-size:18px;
    --testimonial-name-color:#222;
    --testimonial-name-weight:600;

    /* job */
    --testimonial-job-size:16px;
    --testimonial-job-color:#888;

    /* comment */
    --testimonial-comment-size:14px;
    --testimonial-comment-color:#666;

    /* rating */
    --testimonial-rating-size:14px;
    --testimonial-rating-color:#f6b500;

    /* card */
    --testimonial-card-bg:#fff;
    --testimonial-card-border:#eee;

}


/* section */

.testimonials-slider-section{
    padding:60px 0;
}


/* card */

.testimonial-card{
    background:var(--testimonial-card-bg);
    border-radius:16px;
    border:1px solid var(--testimonial-card-border);
    padding:24px;
    text-align:center;
    max-width:320px;
    margin:auto;
    transition:all .3s ease;
}

.testimonial-card:hover{
    transform:translateY(-5px);
    box-shadow:0 10px 25px rgba(0,0,0,0.05);
}


/* avatar */

.testimonial-card img{
    width:var(--testimonial-avatar-size);
    height:var(--testimonial-avatar-size);
    border-radius:50%;
    object-fit:cover;
    border:2px solid #f1f1f1;
}


/* name */

.testimonial-card h5{
    font-size:var(--testimonial-name-size);
    color:var(--testimonial-name-color);
    font-weight:var(--testimonial-name-weight);
    margin-top:10px;
}


/* job */

.testimonial-card span{
    font-size:var(--testimonial-job-size);
    color:var(--testimonial-job-color);
}


/* comment */

.testimonial-card p{
    font-size:var(--testimonial-comment-size);
    color:var(--testimonial-comment-color);
    margin-top:10px;
    line-height:1.7;
}


/* rating */

.testimonial-rating{
    color:var(--testimonial-rating-color);
    font-size:var(--testimonial-rating-size);
    margin-top:6px;
}

.testimonial-rating i {
    color: var(--testimonial-rating-color, #f6b500); /* لون افتراضي أصفر */
    font-size: var(--testimonial-rating-size, 14px);
    margin-right: 2px;
}

/* swiper arrows */

.swiper-button-next,
.swiper-button-prev{
    color:#333;
}


/* pagination */

.swiper-pagination-bullet{
    background:#ccc;
    opacity:1;
}

.swiper-pagination-bullet-active{
    background:#4361ee;
}