/* Custom Styles for GAJPUSHPA PVT. LTD. Website */

/* Font Import */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');

/* Base Body Styles */
body {
    font-family: 'Inter', sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Custom animation for hero section (used on index.html) */
.fade-in-up {
    animation: fadeInUp 1s ease-out forwards;
    opacity: 0;
    transform: translateY(20px);
}

@keyframes fadeInUp {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Ensure smooth scrolling for anchor links across the site */
html {
    scroll-behavior: smooth;
}

/* Specific styling for service icons/images */
.service-icon {
    width: 64px; /* Adjust size as needed */
    height: 64px;
    object-fit: contain;
    filter: drop-shadow(2px 2px 4px rgba(0,0,0,0.1));
}

/* Larger service icons for the services page */
.service-icon-lg {
    width: 80px;
    height: 80px;
    object-fit: contain;
    filter: drop-shadow(2px 2px 4px rgba(0,0,0,0.1));
}

/* Custom button hover effect */
.btn-primary:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 10px rgba(0, 168, 168, 0.3);
}

.btn-secondary:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 10px rgba(0, 86, 179, 0.1);
}

/* Custom styling for Google Maps iframe to ensure responsiveness */
.map-container {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 aspect ratio */
    height: 0;
    overflow: hidden;
    border-radius: 0.75rem; /* rounded-xl */
}
.map-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

/* Styles for the "Back to Top" button (from script.js) */
.fixed.bottom-6.right-6 {
    transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
}
.fixed.bottom-6.right-6.opacity-0 {
    opacity: 0;
    transform: scale(0.9);
}
.fixed.bottom-6.right-6.opacity-100 {
    opacity: 1;
    transform: scale(1);
}

/* Styles for custom message box (from script.js) */
#custom-message-box {
    transition: all 0.3s ease-in-out;
}
#custom-message-box.opacity-0 {
    opacity: 0;
    transform: translate(-50%, -50%) scale(0.9);
}
#custom-message-box.opacity-100 {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
}