/* Tùy chỉnh chung & Màu sắc thương hiệu */
:root {
    --brand-blue: #3b82f6; /* Tailwind blue-500 */
}

body {
    font-family: 'sans-serif';
    background-color: #f9fafb; /* gray-50 */
}

/* Hiệu ứng cho thẻ dịch vụ */
.service-card {
    transition: all 0.3s ease-in-out;
    background-color: white;
    border-radius: 0.75rem; /* rounded-xl */
    box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); /* shadow-lg */
    overflow: hidden;
}
.service-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1); /* shadow-2xl */
}

/* Tùy chỉnh Slider */
.slider {
    height: 600px;
    background-size: cover;
    background-position: center;
    transition: background-image 1s ease-in-out;
    position: relative;
}
@media (max-width: 768px) {
    .slider {
        height: 400px;
    }
}