Work With Me cleanup. -->
.aa-testimonials-banner {
position: relative;
z-index: 2;
background: rgba(5, 7, 17, 0.88);
border-top: 1px solid rgba(216, 194, 138, 0.28);
border-bottom: 1px solid rgba(216, 194, 138, 0.28);
padding: clamp(44px, 7vw, 78px) 0;
overflow: hidden;
}
.aa-testimonials-inner {
width: min(1180px, calc(100% - 32px));
margin: 0 auto;
}
.aa-testimonials-heading {
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px;
margin-bottom: 24px;
}
.aa-testimonials-heading h2 {
margin: 0;
color: #f5efe2 !important;
font-size: clamp(34px, 6vw, 74px);
line-height: 0.95;
letter-spacing: 0;
text-transform: uppercase;
}
.aa-testimonials-controls {
display: flex;
gap: 10px;
flex: 0 0 auto;
}
.aa-testimonials-controls button {
width: 44px;
height: 44px;
border-radius: 50%;
border: 1px solid rgba(216, 194, 138, 0.62);
background: rgba(216, 194, 138, 0.12);
color: #f5efe2;
font-size: 30px;
line-height: 1;
cursor: pointer;
}
.aa-testimonials-track {
display: grid;
grid-auto-flow: column;
grid-auto-columns: minmax(300px, 42%);
gap: 18px;
overflow-x: auto;
overscroll-behavior-x: contain;
scroll-snap-type: x mandatory;
scrollbar-width: thin;
padding: 4px 0 16px;
}
.aa-testimonial-card {
scroll-snap-align: start;
min-height: 280px;
border: 1px solid rgba(216, 194, 138, 0.24);
background: rgba(11, 16, 35, 0.82);
padding: clamp(22px, 3vw, 32px);
display: flex;
flex-direction: column;
justify-content: space-between;
box-shadow: 0 18px 46px rgba(0, 0, 0, 0.24);
}
.aa-testimonial-card p {
margin: 0;
color: rgba(245, 239, 226, 0.92) !important;
font-size: clamp(15px, 1.45vw, 18px);
line-height: 1.58;
}
.aa-testimonial-card footer {
margin-top: 22px;
color: #d8c28a;
font-size: 15px;
letter-spacing: 0.08em;
text-transform: uppercase;
}
@media screen and (max-width: 767px) {
.aa-testimonials-heading {
align-items: flex-end;
}
.aa-testimonials-track {
grid-auto-columns: 86%;
}
}
`;
document.head.append(style);
if (document.readyState === "loading") {
document.addEventListener("DOMContentLoaded", buildBanner);
} else {
buildBanner();
}
})();
