/* Custom Theme Styles (Enhanced UI + Animation + Floating Button) */

body {
    @apply bg-gray-100 text-gray-800 font-sans leading-relaxed tracking-wide;
}

h1, h2, h3 {
    @apply text-blue-800;
}

a {
    @apply text-blue-600 hover:text-blue-700;
}

.card {
    @apply bg-white rounded-lg shadow-md hover:shadow-lg transition-transform duration-300 ease-in-out overflow-hidden;
}

.card:hover {
    @apply scale-105;
}

.card-header {
    @apply text-2xl font-semibold text-gray-900;
}

.card-subtitle {
    @apply text-base text-gray-600;
}

.card-price {
    @apply text-xl text-green-600 font-bold;
}

.btn {
    @apply bg-blue-600 text-white px-6 py-2 rounded hover:bg-blue-700 transition duration-300;
}

.section-heading {
    @apply text-4xl font-bold text-blue-800 text-center mb-6 border-b-4 border-blue-600 inline-block;
}

.section-subtitle {
    @apply text-center text-lg text-gray-600 mb-10;
}

.footer {
    @apply bg-gray-100 text-center text-sm text-gray-600 py-6;
}

/* Floating Inquiry Button */
.floating-btn {
    @apply fixed bottom-6 right-6 bg-green-600 text-white px-5 py-3 rounded-full shadow-lg text-sm hover:bg-green-700 z-50 transition duration-300;
}

/* Animate fade-in for sections */
.fade-in {
    animation: fadeInUp 1s ease-out both;
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translateY(30px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}
 
  .thumbGallery .swiper-slide-thumb-active img {
    border-color: #5C4432 !important;
    box-shadow: 0 0 0 2px #5C4432;
    opacity: 1;
  }