.drxe-testimonials-page{

background:
linear-gradient(rgba(245,241,233,.92), rgba(245,241,233,.92)),
url('../../assets/images/home/hero-overlay-texture.jpg');

background-size:cover;

}

.drxe-testimonials-page section:last-child{
margin-bottom:0;
padding-bottom:60px;
}

/* HERO */

.t-hero{

background:
linear-gradient(rgba(245,241,233,.92), rgba(245,241,233,.92)),
url('../../assets/images/testimonial.jpg');

background-size:cover;
background-position:center;
background-repeat:no-repeat;
background-attachment:fixed;

padding:80px 0;
text-align:center;

}

.t-hero h1{

font-size:48px;
font-weight:700;
margin-bottom:12px;

}

.t-trust{

font-size:18px;
opacity:.8;
max-width:700px;
margin:auto;

}

/* SECTION */

.t-section{

max-width:1200px;
margin:80px auto;

}

.t-section h2{

font-size:30px;
margin-bottom:30px;
font-weight:700;

}

/* GRID */

.sticky-grid{

display:grid;
grid-template-columns:repeat(3,1fr);
gap:40px;

}

/* STICKY NOTE */

.sticky{

position:relative;

padding:35px;

border-radius:8px;

box-shadow:0 15px 40px rgba(0,0,0,.15);

transform:rotate(-1deg);

transition:.3s;

overflow:hidden;

}

.sticky:hover{

transform:rotate(0deg) scale(1.03);

box-shadow:0 20px 50px rgba(0,0,0,.18);

}

/* Soft paper shine */

.sticky::before{

content:"";

position:absolute;

top:0;
left:0;
right:0;
bottom:0;

background:
linear-gradient(
135deg,
rgba(255,255,255,.18),
rgba(255,255,255,0)
);

pointer-events:none;

}

.sticky>*{

position:relative;
z-index:2;

}

/* AVATAR */

.avatar{

width:60px;
height:60px;

border-radius:50%;

background:rgba(255,255,255,.92);

margin-bottom:16px;

display:flex;
align-items:center;
justify-content:center;

box-shadow:
0 4px 10px rgba(0,0,0,.08);

}

/* PRODUCT LABEL */

.product-label{

display:inline-block;

padding:6px 12px;

margin-bottom:12px;

border-radius:30px;

background:rgba(255,255,255,.35);

border:1px solid rgba(255,255,255,.45);

font-size:11px;

font-weight:700;

letter-spacing:.8px;

text-transform:uppercase;

line-height:1.2;

backdrop-filter:blur(4px);

}

/* TEXT */

.sticky p{

font-size:16px;

line-height:1.75;

margin-bottom:14px;

word-break:break-word;

}

/* AUTHOR */

.author{

display:block;

margin-top:16px;

font-weight:700;

font-size:15px;

line-height:1.4;

}

/* COLORS */

.orange{background:#ffb347;}
.red{background:#ff6b6b;color:white;}
.blue{background:#4a90e2;color:white;}

.green{background:#66c2a5;}
.yellow{background:#ffd166;}
.purple{background:#9b5de5;color:white;}

.teal{background:#2ec4b6;}
.pink{background:#ff8fab;}
.brown{background:#b08968;color:white;}

.navy{background:#355070;color:white;}
.lime{background:#a7c957;}
.coral{background:#ff7f50;color:white;}

/* =========================================================
TESTIMONIAL MOBILE
========================================================= */

@media (max-width:640px){

.t-section{
padding:0 16px;
}

.sticky-grid{

display:flex !important;

overflow-x:auto;
overflow-y:hidden;

gap:16px;

padding-bottom:10px;

scroll-snap-type:x mandatory;

-webkit-overflow-scrolling:touch;

}

.sticky{

flex:0 0 80%;

min-width:260px;

transform:none !important;

scroll-snap-align:start;

padding:24px;

}

.avatar{

width:52px;
height:52px;

}

.product-label{

font-size:10px;

padding:5px 10px;

margin-bottom:10px;

}

.sticky p{

font-size:14px;

line-height:1.6;

}

.author{

font-size:14px;

}

.t-section h2{

font-size:22px;

margin-bottom:20px;

}

}

/* =========================================================
TABLET
========================================================= */

@media (min-width:641px) and (max-width:1024px){

.sticky-grid{

display:flex !important;

overflow-x:auto;

gap:20px;

scroll-snap-type:x mandatory;

}

.sticky{

flex:0 0 45%;

min-width:320px;

scroll-snap-align:start;

}

}