/* Premium divider with gold star */

.saji-enhanced-line{
width:30px;
height:30px;
position:relative;
border:none;
display:block;
margin:20px auto;

/* gold star */
background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23C8A96A'%3E%3Cpath d='M12 2l2.2 5.3L20 9l-5.8 1.7L12 16l-2.2-5.3L4 9l5.8-1.7L12 2z'/%3E%3C/svg%3E") center/contain no-repeat;

filter: drop-shadow(0 0 6px rgba(200,169,106,0.6));
}

/* lines */

.saji-enhanced-line:before,
.saji-enhanced-line:after{
content:"";
position:absolute;
top:50%;
transform:translateY(-50%);
height:2px;
width:120px;
}

/* left line */

.saji-enhanced-line:before{
right:180%;
background:linear-gradient(90deg, transparent, #2FA4A9);
}

/* right line */

.saji-enhanced-line:after{
left:180%;
background:linear-gradient(270deg, transparent, #2FA4A9);
}
/* ===== About Section Premium Enhancement ===== */

#about-charity-4{
position:relative;
overflow:hidden;
}

/* الفيديو */

#about-charity-4 video{
border-radius:18px;
box-shadow:0 20px 40px rgba(0,0,0,0.08);
transition:transform .6s ease, box-shadow .6s ease;
}

#about-charity-4 video:hover{
transform:scale(1.03);
box-shadow:0 25px 60px rgba(0,0,0,0.12);
}

/* كروت المميزات */

#about-charity-4 #item-sicon-quote{
background:#fff;
padding:18px;
border-radius:14px;
transition:all .35s ease;
border:1px solid rgba(0,0,0,0.05);
position:relative;
overflow:hidden;
}

#about-charity-4 #item-sicon-quote:hover{
transform:translateY(-6px);
box-shadow:0 15px 35px rgba(0,0,0,0.08);
}

/* glow effect */

#about-charity-4 #item-sicon-quote:before{
content:"";
position:absolute;
inset:0;
background:linear-gradient(120deg,transparent,rgba(200,169,106,.15),transparent);
opacity:0;
transition:.5s;
}

#about-charity-4 #item-sicon-quote:hover:before{
opacity:1;
}

/* الأيقونات */

#about-charity-4 #item-sicon-quote i{
transition:transform .4s ease;
}

#about-charity-4 #item-sicon-quote:hover i{
transform:scale(1.2) rotate(6deg);
}

/* زر */

#about-charity-4 .btn{
border-radius:30px;
padding:12px 26px;
font-weight:600;
transition:.3s;
}

#about-charity-4 .btn:hover{
transform:translateY(-3px);
box-shadow:0 10px 25px rgba(0,0,0,0.12);
}

/* ترتيب الموبايل */

@media (max-width:1024px){

#about-charity-4 .about-charity-data-all{
display:flex;
flex-direction:column;
}

#about-charity-4 .about-charity-data-all > div:last-child{
order:-1;
margin-bottom:25px;
}

}