.contractor-mini{
position:relative;
overflow:hidden;
max-width:1050px;
margin:12px auto;
padding:14px 16px;
border-radius:16px;
font-family:’Cairo’,’Tajawal’,Arial,sans-serif;
line-height:1.75;
color:#eaf7ff;
background:linear-gradient(135deg,#0f2f44,#1D546D,#2f7ea3);
background-size:220% 220%;
animation:miniGradient 10s ease infinite;
border:1px solid rgba(255,255,255,.14);
box-shadow:0 10px 26px rgba(15,47,68,.16);
}

.contractor-mini:before{
content:””;
position:absolute;
width:160px;
height:160px;
left:-70px;
top:-70px;
border-radius:50%;
background:radial-gradient(circle,rgba(56,189,248,.26),transparent 70%);
}

.contractor-mini:after{
content:””;
position:absolute;
inset:0;
background:linear-gradient(110deg,transparent,rgba(255,255,255,.08),transparent);
transform:translateX(120%);
animation:miniShine 6s ease-in-out infinite;
}

@keyframes miniGradient{
0%{background-position:0% 50%}
50%{background-position:100% 50%}
100%{background-position:0% 50%}
}

@keyframes miniShine{
0%,70%{transform:translateX(120%)}
100%{transform:translateX(-120%)}
}

.contractor-mini__title,
.contractor-mini__text,
.contractor-mini__tags{
position:relative;
z-index:2;
}

.contractor-mini__title{
margin:0 0 6px;
font-size:clamp(19px,2.4vw,28px);
line-height:1.4;
font-weight:900;
color:#fff;
text-shadow:0 2px 8px rgba(0,0,0,.28);
}

.contractor-mini__text{
margin:0;
font-size:14.5px;
color:#eef8ff;
}

.contractor-mini a{
color:inherit;
text-decoration:none;
}

.contractor-mini strong{
display:inline-block;
padding:1px 7px;
margin:1px;
border-radius:999px;
font-weight:900;
color:#e8f8ff;
background:rgba(255,255,255,.12);
border:1px solid rgba(189,239,255,.18);
transition:.22s ease;
}

.contractor-mini strong:hover{
background:#38bdf8;
color:#082536;
transform:translateY(-2px);
}

.contractor-mini__tags{
display:flex;
flex-wrap:wrap;
gap:6px;
margin-top:8px;
max-height:40px;
overflow:hidden;
}

.contractor-mini__tags span{
padding:5px 10px;
border-radius:999px;
font-size:12.5px;
font-weight:800;
color:#082536;
background:#bdefff;
white-space:nowrap;
transition:.22s ease;
}

.contractor-mini__tags span:hover{
background:#fff;
transform:translateY(-2px);
}

.reveal{
opacity:0;
transform:translateY(10px);
transition:.5s ease;
}

.reveal.show{
opacity:1;
transform:translateY(0);
}

@media(max-width:700px){
.contractor-mini{
margin:10px auto;
padding:13px;
border-radius:14px;
}

.contractor-mini__text{
font-size:13.8px;
}

.contractor-mini__tags{
max-height:34px;
}
}

(function(){
var el=document.getElementById(“intro-contractor-jeddah”);
if(!el) return;

if(“IntersectionObserver” in window){
var io=new IntersectionObserver(function(entries){
entries.forEach(function(entry){
if(entry.isIntersecting){
el.classList.add(“show”);
io.disconnect();
}
});
},{threshold:.18});
io.observe(el);
}else{
el.classList.add(“show”);
}
})();