/* Custom CSS for micro-animations and specific tweaks not covered by Tailwind */
html {
    scroll-behavior: smooth;
}

/* Custom testimonial slider transition */
#testimonial-slider {
    transition: transform 0.5s ease-in-out;
}

/* Map grayscale filter on hover */
iframe {
    filter: grayscale(80%);
    transition: filter 0.3s ease;
}

iframe:hover {
    filter: grayscale(0%);
}

/* Custom Scrollbar */
::-webkit-scrollbar {
    width: 10px;
}
::-webkit-scrollbar-track {
    background: #f1f1f1; 
}
::-webkit-scrollbar-thumb {
    background: #1d4ed8; 
    border-radius: 5px;
}
::-webkit-scrollbar-thumb:hover {
    background: #1e40af; 
}

/* 3D Tilt Parallax Support */
[data-tilt] {
    transform-style: preserve-3d;
}
[data-tilt] h3, [data-tilt] p, [data-tilt] i, [data-tilt] img {
    transform: translateZ(30px);
}