/* Home page specific styles */

body {
    background-color: #fbf9f6;
    color: #1b1c1a;
}

.social-proof-viewport {
    overflow: hidden;
    width: 100%;
}

.social-proof-track {
    display: flex;
    transition: transform 0.6s ease-in-out;
    will-change: transform;
}

.social-proof-slide {
    flex: 0 0 100%;
    width: 100%;
    min-width: 100%;
}

.social-proof-dot {
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 9999px;
    background-color: #c3c8c1;
    transition: background-color 0.3s ease, transform 0.3s ease;
}

.social-proof-dot:hover {
    background-color: #8C5E34;
}

.social-proof-dot.active {
    background-color: #C5A059;
    transform: scale(1.25);
}