/* Custom styles to complement Tailwind */
        /* Orange color scheme */
        .bg-orange-600 {
            background-color: #EA580C;
        }
        .bg-orange-500 {
            background-color: #F97316;
        }
        .bg-orange-400 {
            background-color: #FB923C;
        }
        .bg-orange-50 {
            background-color: #FFF7ED;
        }
        .text-orange-600 {
            color: #EA580C;
        }
        .text-orange-500 {
            color: #F97316;
        }
        .border-orange-200 {
            border-color: #FED7AA;
        }
        .hover\:bg-orange-100:hover {
            background-color: #FFEDD5;
        }
        
        /* Custom styles */
        .slider-container {
            height: 200px;
            border-radius: 12px;
            overflow: hidden;
        }
        @media (min-width: 768px) {
            .slider-container {
                height: 250px;
            }
        }
        .card-hover {
            transition: all 0.3s ease;
        }
        .card-hover:hover {
            transform: translateY(-5px);
            box-shadow: 0 10px 15px -3px rgba(234, 88, 12, 0.2);
        }
        .option-card {
            cursor: pointer;
            transition: all 0.2s ease;
        }
        .option-card:hover {
            transform: scale(1.03);
            background-color: #FFEDD5;
        }
        .fade-in {
            animation: fadeIn 0.5s ease-in;
        }
        @keyframes fadeIn {
            from { opacity: 0; transform: translateY(10px); }
            to { opacity: 1; transform: translateY(0); }
        }



/* Responsive adjustments */
@media (max-width: 768px) {
    .container {
        padding-left: 1rem;
        padding-right: 1rem;
    }
}