.reviews-section{

background:#0b0b0b;
padding:120px 8%;
color:white;

}

.reviews-wrapper{

max-width:1200px;
margin:auto;
text-align:center;

}

.reviews-heading{

font-size:40px;
margin-bottom:10px;

}

.brand-highlight{

color:#d4af37;
position:relative;

}

.brand-highlight::after{

content:"";
position:absolute;
left:-100%;
top:0;
width:100%;
height:100%;
background:linear-gradient(120deg,transparent,rgba(255,255,255,0.8),transparent);
animation:shine 3s infinite;

}

@keyframes shine{

100%{
left:120%;
}

}

.reviews-sub{

color:#bbb;
margin-bottom:60px;

}

.reviews-content{

display:flex;
gap:50px;
align-items:center;
justify-content:center;
flex-wrap:wrap;

}


/* REELS */

.reviews-reels{

display:flex;
gap:25px;

}

.reviews-reels video{

width:220px;
height:390px;
border-radius:20px;
object-fit:cover;
box-shadow:0 15px 40px rgba(0,0,0,0.6);
transition:.4s;

}

.reviews-reels video:hover{

transform:scale(1.07);
box-shadow:0 20px 60px rgba(212,175,55,0.6);

}


/* SOCIAL */

.reviews-social{

max-width:300px;
text-align:left;

}

.reviews-social h3{

color:#d4af37;
margin-bottom:20px;

}

.social-icons{

display:flex;
gap:15px;
margin-bottom:20px;

}

.social-icons a{

width:45px;
height:45px;
background:#111;
border:1px solid #d4af37;
border-radius:10px;
display:flex;
align-items:center;
justify-content:center;
color:#d4af37;
font-size:20px;
transition:.3s;

}

.social-icons a:hover{

background:#d4af37;
color:black;
transform:scale(1.1);

}

.social-text{

color:#aaa;
font-size:14px;

}


/* MOBILE */

@media(max-width:768px){

.reviews-content{

flex-direction:column;

}

.reviews-reels{

justify-content:center;

}

.reviews-reels video{

width:160px;
height:280px;

}

}
.reviews-reels{
display:flex;
gap:25px;
}

.reel{
position:relative;
}

.reel video{
width:220px;
height:390px;
border-radius:20px;
object-fit:cover;
box-shadow:0 15px 40px rgba(0,0,0,0.6);
cursor:pointer;
}

.mute-btn{

position:absolute;
bottom:15px;
right:15px;

width:40px;
height:40px;

border:none;
border-radius:50%;

background:rgba(0,0,0,0.6);
color:white;

font-size:18px;
cursor:pointer;

display:flex;
align-items:center;
justify-content:center;

transition:.3s;

}

.mute-btn:hover{
background:#d4af37;
color:black;
}