* {
            font-family: 'Poppins', sans-serif;
        }
        
        .fade-in {
            opacity: 0;
            transform: translateY(30px);
            transition: all 0.8s ease;
        }
        
        .fade-in.visible {
            opacity: 1;
            transform: translateY(0);
        }
        
        .hero-gradient {
            background: linear-gradient(135deg, #aee0ff 0%, #ffffff 50%, #f2f2f2 100%);
        }
        
        .portfolio-card {
            transition: all 0.3s ease;
        }
        
        .portfolio-card:hover {
            transform: scale(1.05);
            box-shadow: 0 20px 40px rgba(174, 224, 255, 0.3);
        }
        
        .btn-primary {
            background: linear-gradient(135deg, #aee0ff, #87ceeb);
            transition: all 0.3s ease;
        }
        
        
        .section-bg {
            background: linear-gradient(45deg, #f2f2f2 0%, #ffffff 100%);
        }
        /* Custom Scrollbar Styling */
.scrollbar-thin {
    scrollbar-width: thin;
    scrollbar-color: #3B82F6 #e5e7eb;
}

.scrollbar-thin::-webkit-scrollbar {
    height: 8px;
}

.scrollbar-thin::-webkit-scrollbar-track {
    background: #e5e7eb;
    border-radius: 4px;
}

.scrollbar-thin::-webkit-scrollbar-thumb {
    background: #3B82F6;
    border-radius: 4px;
}

.scrollbar-thin::-webkit-scrollbar-thumb:hover {
    background: #2563EB;
}

/* Smooth scrolling behavior for touch */
.table-container {
    -webkit-overflow-scrolling: touch;
    touch-action: pan-x;
}

/* Disable text selection during drag */
.table-container * {
    user-select: none;
}

/* Optional: Add padding for better mobile experience */
@media (max-width: 768px) {
    .table-container {
        padding-bottom: 1rem;
    }
}
        .blog-card {
    transition: all 0.3s ease;
}

.blog-card:hover {
    transform: translateY(-5px);
}

.blog-card:hover .blog-card img {
    transform: scale(1.05);
    transition: transform 0.3s ease;
}

.blog-card img {
    transition: transform 0.3s ease;
}
.service-card {
    position: relative;
    overflow: hidden;
}

.service-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(174, 224, 255, 0.3), transparent);
    transition: left 0.5s ease;
}

.service-card:hover::before {
    left: 100%;
}

.service-card:hover {
    transform: translateY(-5px);
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .service-card {
        padding: 1.25rem;
    }
    
    .service-card h4 {
        font-size: 1.1rem;
    }
    
    .service-card p {
        font-size: 0.9rem;
    }
}