/* Custom Styles & Animations */
        body {
            background-color: #ffffff;
            color: #1a202c;
            overflow-x: hidden;
        }

        /* Glassmorphism Utilities */
        

        /* Scroll Reveal Animation */
        .reveal {
            opacity: 0;
            transform: translateY(40px);
            transition: all 1s cubic-bezier(0.2, 1, 0.3, 1);
        }
        .reveal.active {
            opacity: 1;
            transform: translateY(0);
        }

        /* Parallax Class */
        .parallax {
            background-attachment: fixed;
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;
        }

        /* Modal Transitions */
        .modal {
            transition: opacity 0.3s ease, visibility 0.3s ease;
        }
        .modal.hidden-modal {
            opacity: 0;
            visibility: hidden;
            pointer-events: none;
        }
        .modal.visible-modal {
            opacity: 1;
            visibility: visible;
            pointer-events: auto;
        }

        /* Service Card Hover */
        .service-card:hover .service-icon {
            transform: scale(1.1);
            color: #38b2ac;
        }
        .service-card:hover .service-desc {
            height: auto;
            opacity: 1;
            margin-top: 1rem;
        }
        
        /* Blog Card Hover */
        .blog-card:hover img {
            transform: scale(1.05);
        }