html {
            /* Removed scroll-behavior: smooth; to prevent conflicts with ScrollSmoother */
        }

        /* Custom smooth scroll for navigation */
        .nav-link {
            transition: color 0.3s ease;
        }

        .nav-link:hover {
            color: #35a3f2 !important;
        }

        /* Card Hover Effects */
        .gradient-border {
            transition: all 0.3s ease;
            position: relative;
            overflow: hidden;
        }

        .gradient-border:hover {
            transform: translateY(-5px);
            box-shadow: 0 20px 40px rgba(53, 163, 242, 0.2);
        }

        .gradient-border:hover iconify-icon {
            transform: scale(1.1);
            color: #35a3f2 !important;
        }

        .gradient-border iconify-icon {
            transition: all 0.3s ease;
        }

        .gradient-border:hover h6 {
            color: #35a3f2 !important;
        }

        .gradient-border h6 {
            transition: all 0.3s ease;
        }

        /* Usage Section Card Hover Effects */
        .usage-section-1 .bg-dark {
            transition: all 0.3s ease;
            position: relative;
            overflow: hidden;
        }

        .usage-section-1 .bg-dark:hover {
            transform: translateY(-8px);
            background: linear-gradient(135deg, #35a3f2 0%, #1e3a8a 100%) !important;
            box-shadow: 0 25px 50px rgba(53, 163, 242, 0.3);
        }

        .usage-section-1 .bg-dark:hover iconify-icon {
            transform: scale(1.2) rotate(5deg);
            color: #ffffff !important;
        }

        .usage-section-1 .bg-dark iconify-icon {
            transition: all 0.3s ease;
        }

        .usage-section-1 .bg-dark:hover h6 {
            color: #ffffff !important;
        }

        .usage-section-1 .bg-dark:hover p {
            color: #e2e8f0 !important;
        }

        /* Feature Card Hover Effects */
        .feature-card-1 {
            transition: all 0.3s ease;
            position: relative;
            overflow: hidden;
        }

        .feature-card-1:hover {
            transform: translateY(-5px);
            border-color: #35a3f2 !important;
            box-shadow: 0 20px 40px rgba(53, 163, 242, 0.15);
        }

        .feature-card-1:hover h4 a,
        .feature-card-1:hover h6 a {
            color: #35a3f2 !important;
        }

        .feature-card-1:hover .circle-container .dot {
            background: linear-gradient(135deg, #35a3f2 0%, #1e3a8a 100%) !important;
            border-color: #35a3f2 !important;
        }

        .feature-card-1 .circle-container .dot {
            transition: all 0.3s ease;
        }

        /* Pricing Card Hover Effects */
        .price-card-1 {
            transition: all 0.3s ease;
            position: relative;
            overflow: hidden;
        }

        .price-card-1:hover {
            transform: translateY(-10px);
            box-shadow: 0 25px 50px rgba(53, 163, 242, 0.2);
        }

        .price-card-1:hover::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: linear-gradient(135deg, rgba(53, 163, 242, 0.1) 0%, rgba(30, 58, 138, 0.1) 100%);
            z-index: -1;
        }

        .price-card-1:hover h6 {
            color: #35a3f2 !important;
        }

        .price-card-1:hover h4 {
            color: #35a3f2 !important;
        }

        .price-card-1:hover .btn {
            background: linear-gradient(135deg, #35a3f2 0%, #1e3a8a 100%) !important;
            border-color: #35a3f2 !important;
            transform: translateY(-2px);
        }

        .price-card-1 .btn {
            transition: all 0.3s ease;
        }

        /* Testimonial Card Hover Effects */
        .testimonial-section-4 .swiper-slide {
            transition: all 0.3s ease;
        }

        .testimonial-section-4 .swiper-slide:hover {
            transform: scale(1.02);
        }

        /* FAQ Accordion Hover Effects */
        .accordion-button {
            transition: all 0.3s ease;
        }

        .accordion-button:hover {
            background: linear-gradient(135deg, #35a3f2 0%, #1e3a8a 100%) !important;
            color: #ffffff !important;
        }

        /* CTA Card Hover Effects */
        .cta-6 {
            transition: all 0.3s ease;
        }

        .cta-6:hover {
            transform: scale(1.02);
            box-shadow: 0 30px 60px rgba(53, 163, 242, 0.3);
        }

        /* Additional Animation Effects */
        @keyframes pulse {
            0% {
                transform: scale(1);
            }

            50% {
                transform: scale(1.05);
            }

            100% {
                transform: scale(1);
            }
        }

        .gradient-border:hover::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: linear-gradient(135deg, rgba(53, 163, 242, 0.1) 0%, rgba(30, 58, 138, 0.1) 100%);
            z-index: -1;
            animation: pulse 2s infinite;
        }

        /* Button Hover Effects */
        .btn:hover {
            transform: translateY(-2px);
            box-shadow: 0 10px 20px rgba(53, 163, 242, 0.2);
        }

        .btn {
            transition: all 0.3s ease;
        }

        /* Social Icons Hover Effects */
        .btn-icon:hover {
            transform: scale(1.1) rotate(5deg);
            background: linear-gradient(135deg, #35a3f2 0%, #1e3a8a 100%) !important;
        }

        .btn-icon {
            transition: all 0.3s ease;
        }

        /* Fix for overlay issue with feature cards */
        .clickable-feature-card {
            position: relative !important;
            z-index: 1;
            transform-origin: center center;
            backface-visibility: hidden;
            will-change: transform;
        }

        .integration-section-1 {
            contain: layout;
        }

        /* Particle Rain Effect */
        .particle-rain {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            pointer-events: none;
            z-index: -100;
            overflow: hidden;
        }

        .particle {
            position: absolute;
            width: 2px;
            height: 20px;
            background: linear-gradient(180deg, transparent 0%, #35a3f2 50%, transparent 100%);
            border-radius: 1px;
            opacity: 0.6;
            animation: fall linear infinite;
        }

        .particle.variant-1 {
            background: linear-gradient(180deg, transparent 0%, #4B71FA 50%, transparent 100%);
            width: 1px;
            height: 15px;
        }

        .particle.variant-2 {
            background: linear-gradient(180deg, transparent 0%, #00C4FD 50%, transparent 100%);
            width: 3px;
            height: 25px;
        }

        .particle.variant-3 {
            background: linear-gradient(180deg, transparent 0%, #35a3f2 50%, transparent 100%);
            width: 1.5px;
            height: 18px;
            opacity: 0.3;
        }

        @keyframes fall {
            0% {
                transform: translateY(-100vh) rotate(0deg);
                opacity: 0;
            }

            10% {
                opacity: 0.6;
            }

            90% {
                opacity: 0.6;
            }

            100% {
                transform: translateY(100vh) rotate(360deg);
                opacity: 0;
            }
        }

        /* Slower particles */
        .particle.slow {
            animation-duration: 8s;
        }

        /* Medium speed particles */
        .particle.medium {
            animation-duration: 6s;
        }

        /* Fast particles */
        .particle.fast {
            animation-duration: 4s;
        }

        /* Very fast particles */
        .particle.very-fast {
            animation-duration: 3s;
        }

        /* Staggered animation delays */
        .particle:nth-child(1) {
            animation-delay: 0s;
        }

        .particle:nth-child(2) {
            animation-delay: 0.2s;
        }

        .particle:nth-child(3) {
            animation-delay: 0.4s;
        }

        .particle:nth-child(4) {
            animation-delay: 0.6s;
        }

        .particle:nth-child(5) {
            animation-delay: 0.8s;
        }

        .particle:nth-child(6) {
            animation-delay: 1s;
        }

        .particle:nth-child(7) {
            animation-delay: 1.2s;
        }

        .particle:nth-child(8) {
            animation-delay: 1.4s;
        }

        .particle:nth-child(9) {
            animation-delay: 1.6s;
        }

        .particle:nth-child(10) {
            animation-delay: 1.8s;
        }

        .particle:nth-child(11) {
            animation-delay: 2s;
        }

        .particle:nth-child(12) {
            animation-delay: 2.2s;
        }

        .particle:nth-child(13) {
            animation-delay: 2.4s;
        }

        .particle:nth-child(14) {
            animation-delay: 2.6s;
        }

        .particle:nth-child(15) {
            animation-delay: 2.8s;
        }

        .particle:nth-child(16) {
            animation-delay: 3s;
        }

        .particle:nth-child(17) {
            animation-delay: 3.2s;
        }

        .particle:nth-child(18) {
            animation-delay: 3.4s;
        }

        .particle:nth-child(19) {
            animation-delay: 3.6s;
        }

        .particle:nth-child(20) {
            animation-delay: 3.8s;
        }

        .particle:nth-child(21) {
            animation-delay: 4s;
        }

        .particle:nth-child(22) {
            animation-delay: 4.2s;
        }

        .particle:nth-child(23) {
            animation-delay: 4.4s;
        }

        .particle:nth-child(24) {
            animation-delay: 4.6s;
        }

        .particle:nth-child(25) {
            animation-delay: 4.8s;
        }

        .particle:nth-child(26) {
            animation-delay: 5s;
        }

        .particle:nth-child(27) {
            animation-delay: 5.2s;
        }

        .particle:nth-child(28) {
            animation-delay: 5.4s;
        }

        .particle:nth-child(29) {
            animation-delay: 5.6s;
        }

        .particle:nth-child(30) {
            animation-delay: 5.8s;
        }

        /* Responsive particle visibility */
        @media (max-width: 768px) {
            .particle:nth-child(n+21) {
                display: none;
            }
        }

        @media (max-width: 480px) {
            .particle:nth-child(n+16) {
                display: none;
            }
        }

        /* Tab Pills Styling */
        .nav-pills .nav-link {
            transition: all 0.3s ease;
            border: 1px solid transparent;
        }

        .nav-pills .nav-link.active {
            background: linear-gradient(135deg, #35a3f2 0%, #1e3a8a 100%) !important;
            border-color: #35a3f2 !important;
        }

        .nav-pills .nav-link:not(.active):hover {
            background: rgba(53, 163, 242, 0.1) !important;
            border-color: rgba(53, 163, 242, 0.3) !important;
        }

        /* Tab Content Transitions */
        .tab-content .tab-pane {
            transition: opacity 0.3s ease-in-out;
        }

        .tab-content .tab-pane:not(.show) {
            display: block;
            opacity: 0;
            height: 0;
            overflow: hidden;
        }

        .tab-content .tab-pane.show {
            opacity: 1;
            height: auto;
        }