body { 
    font-family: 'Inter', sans-serif; 
}

.font-display { 
    font-family: 'Playfair Display', serif; 
}

.slick-prev, .slick-next { 
    z-index: 10; 
    width: 40px; 
    height: 40px; 
}

.slick-prev:before, .slick-next:before { 
    font-size: 40px; 
    opacity: 0.5; 
    color: white;
}

.slick-prev { 
    left: 25px; 
}

.slick-next { 
    right: 25px; 
}

.slick-dots li button:before { 
    font-size: 12px; 
    color: #f472b6; 
    opacity: 0.5; 
}

.slick-dots li.slick-active button:before { 
    color: #f472b6; 
    opacity: 1; 
}

.spinner { 
    border-top-color: #ec4899; 
    animation: spin 1s linear infinite; 
}

@keyframes spin { 
    to { 
        transform: rotate(360deg); 
    } 
}