/* Add custom CSS styles below */ 
/* ============================================================
   WIDAD | Corporate Reviews Cards
============================================================ */

:root{
    --widad-navy:#171A2D;
    --widad-blue:#262D59;
    --widad-gold:#AC914D;
    --widad-cream:#F2EDE4;
    --widad-white:#FFFFFF;
}

/* حاوية بطاقة التقييم */
.review{
    height:auto;
    padding:6px 4px 18px;
}

/* جسم البطاقة */
.review > div{
    position:relative;
    min-height:290px;
    padding:32px 28px 26px !important;
    overflow:hidden;
    background:
        linear-gradient(
            145deg,
            var(--widad-navy) 0%,
            var(--widad-blue) 100%
        ) !important;
    border:1px solid rgba(172,145,77,.24);
    border-radius:0 !important;
    box-shadow:0 14px 34px rgba(23,26,45,.12) !important;
    transition:
        transform .3s ease,
        box-shadow .3s ease,
        border-color .3s ease;
}

/* خط ذهبي مؤسسي أعلى البطاقة */
.review > div::before{
    content:"";
    position:absolute;
    top:0;
    right:0;
    width:64px;
    height:3px;
    background:var(--widad-gold);
    transition:width .35s ease;
}

/* لمعة داخلية خفيفة */
.review > div::after{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,.06),
            transparent 45%
        );
}

/* تأثير المرور */
.review > div:hover{
    transform:translateY(-6px);
    border-color:rgba(172,145,77,.55);
    box-shadow:0 22px 44px rgba(23,26,45,.2) !important;
}

.review > div:hover::before{
    width:100%;
}

/* نص التقييم */
.review .relative{
    position:relative;
    z-index:2;
}

.review .relative p{
    margin:12px 0 0 !important;
    color:rgba(255,255,255,.88) !important;
    font-size:16px !important;
    font-weight:400;
    line-height:2 !important;
}

/* بيانات صاحب التقييم */
.review .flex.items-center{
    position:relative;
    z-index:2;
    margin-top:32px !important;
}

/* صورة العميل */
.review img{
    width:54px !important;
    height:54px !important;
    margin-inline:0 14px !important;
    object-fit:cover;
    border:2px solid var(--widad-gold);
    border-radius:0 !important;
    background:var(--widad-cream);
}

/* الاسم */
.review h4{
    margin:0 0 7px !important;
    color:var(--widad-white) !important;
    font-size:16px !important;
    font-weight:700;
    line-height:1.5;
}

/* النجوم */
.review .comment__rating{
    margin-bottom:0 !important;
    display:flex;
    align-items:center;
    gap:4px;
}

.review .comment__rating i{
    color:var(--widad-gold) !important;
    font-size:13px;
}

/* أيقونة الاقتباس */
.review > div > .sicon-quote{
    top:22px !important;
    inset-inline-end:22px !important;
    z-index:1;
    color:var(--widad-gold) !important;
    font-size:42px !important;
    opacity:.13 !important;
}

/* تحسين تساوي ارتفاع البطاقات */
.review.swiper-slide{
    height:auto;
}

.review.swiper-slide > div{
    height:100%;
}

/* الأجهزة اللوحية */
@media(max-width:900px){

    .review > div{
        min-height:270px;
        padding:28px 24px 24px !important;
    }

    .review .relative p{
        font-size:15px !important;
    }
}

/* الهاتف */
@media(max-width:600px){

    .review{
        padding:4px 3px 14px;
    }

    .review > div{
        min-height:245px;
        padding:24px 20px 21px !important;
    }

    .review .relative p{
        margin-top:8px !important;
        font-size:14px !important;
        line-height:1.9 !important;
    }

    .review .flex.items-center{
        margin-top:25px !important;
    }

    .review img{
        width:48px !important;
        height:48px !important;
        margin-inline-end:12px !important;
    }

    .review h4{
        font-size:15px !important;
    }

    .review > div > .sicon-quote{
        top:18px !important;
        inset-inline-end:18px !important;
        font-size:35px !important;
    }
}