/* style.css */
/* Hero Section with custom background pattern */
.hero-bg {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80'%3E%3Ctext x='5' y='25' font-size='20' opacity='0.2'%3E%F0%9F%8D%AA%3C/text%3E%3Ctext x='45' y='65' font-size='20' opacity='0.2'%3E%F0%9F%8D%8E%3C/text%3E%3C/svg%3E");
    background-size: 80px;
}

/* Testimonials Section with custom background pattern */
.testimonials-bg {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80'%3E%3Ctext x='5' y='25' font-size='20' opacity='0.1'%3E%F0%9F%8D%AA%3C/text%3E%3Ctext x='45' y='65' font-size='20' opacity='0.1'%3E%F0%9F%8D%B0%3C/text%3E%3C/svg%3E");
    background-size: 80px;
}

/* Custom animation for the floating button */
@keyframes pulse {
    0%, 100% {
        transform: scale(1);
        opacity: 1;
    }
    50% {
        transform: scale(1.05);
        opacity: 0.8;
    }
}

.animate-pulse {
    animation: pulse 2s infinite ease-in-out;
}

/* Ensure images in the gallery fill their containers */
.about-gallery img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}


        .custom-font-style {
            font-family: 'Inter', sans-serif;
        }

        .font-pacifico {
            font-family: 'Pacifico', cursive;
        }

        @keyframes pulse-pop {
            0%, 100% {
                transform: scale(1);
            }
            50% {
                transform: scale(1.05);
            }
        }
        .pulse-pop-animation {
            animation: pulse-pop 2s ease-in-out infinite;
        }

        /* Enhanced focus styles for accessibility */
        a:focus, button:focus {
            outline: 2px solid #E11D48;
            outline-offset: 2px;
        }

        /* Loading animation for images */
        .img-loading {
            background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
            background-size: 200% 100%;
            animation: loading 1.5s infinite;
        }

        @keyframes loading {
            0% {
                background-position: 200% 0;
            }
            100% {
                background-position: -200% 0;
            }
        }

        /* Enhanced hover effects */
        .enhanced-hover {
            transition: all 0.3s ease;
        }
        .enhanced-hover:hover {
            transform: translateY(-3px);
            box-shadow: 0 10px 25px -5px rgba(225, 29, 72, 0.4);
        }

        /* Improved focus states */
        .focus\:ring-rose:focus {
            box-shadow: 0 0 0 3px rgba(225, 29, 72, 0.5);
        }