.review-marquee-section {
    padding: 80px 0;
    background: #000;
    border-top: 1px solid rgba(255, 255, 255, 0.05);
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
    overflow: hidden;
}

.marquee-wrapper {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.marquee-line {
    display: flex;
    white-space: nowrap;
    width: fit-content;
}

.marquee-content {
    display: flex;
    align-items: center;
    gap: 60px;
    padding-right: 60px;
}

/* Typography for Reviews */
.marquee-content span {
    font-family: 'Cormorant Garamond', serif;
    font-style: italic;
    font-size: 2.5rem;
    font-weight: 300;
    color: #fff;
    letter-spacing: 1px;
}

.sep {
    color: var(--primary);
    font-family: 'Syne', sans-serif !important;
    font-style: normal !important;
}

/* Outline Tags Styling */
.outline-tag {
    font-family: 'Syne', sans-serif !important;
    font-size: 3.5rem !important;
    font-style: normal !important;
    font-weight: 800 !important;
    color: transparent !important;
    -webkit-text-stroke: 1px rgba(212, 180, 153, 0.4);
    text-transform: uppercase;
}

/* --- The Animations --- */
.marquee-left .marquee-content {
    animation: scroll-left 30s linear infinite;
}

.marquee-right .marquee-content {
    animation: scroll-right 30s linear infinite;
}

@keyframes scroll-left {
    from { transform: translateX(0); }
    to { transform: translateX(-100%); }
}

@keyframes scroll-right {
    from { transform: translateX(-100%); }
    to { transform: translateX(0); }
}

/* --- MOBILE RESPONSIVE (99%) --- */
@media (max-width: 768px) {
    .marquee-content span { font-size: 1.5rem; gap: 30px; }
    .outline-tag { font-size: 2rem !important; }
    .marquee-wrapper { gap: 20px; }
    .review-marquee-section { padding: 50px 0; }
}