body {
            font-family: 'Inter', sans-serif;
            background-color: #f8f9fa;
            /* Light background for most sections */
        }

        /* Custom styles for the orange underline effect */
        .underline-orange {
            position: relative;
            display: inline-block;
        }

        .underline-orange::after {
            content: '';
            position: absolute;
            left: 0;
            bottom: -5px;
            /* Adjust as needed */
            width: 70%;
            /* Adjust as needed */
            height: 3px;
            background-color: #f97316;
            /* Orange color */
            border-radius: 2px;
        }

        /* Hero Section Background Pattern Elements */
        .bg-pattern {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            overflow: hidden;
            /* Hide anything that goes out of bounds */
            z-index: 0;
            /* Ensure pattern is behind content */
        }

        .squiggly-line {
            position: absolute;
            left: 5%;
            top: 60%;
            width: 150px;
            height: 100px;
            border: 2px dashed rgba(255, 255, 255, 0.3);
            border-radius: 50% / 10% 10% 90% 90%;
            transform: rotate(-20deg);
        }

        .dot-pattern {
            position: absolute;
            top: 10%;
            left: 30%;
            width: 8px;
            height: 8px;
            background-color: rgba(255, 255, 255, 0.2);
            border-radius: 50%;
            box-shadow: 20px 20px rgba(255, 255, 255, 0.2),
                -30px 50px rgba(255, 255, 255, 0.2),
                50px -20px rgba(255, 255, 255, 0.2);
        }

        .yellow-shape {
            position: absolute;
            bottom: 5%;
            right: 5%;
            width: 80px;
            height: 80px;
            background-color: #facc15;
            /* Tailwind yellow-400 */
            border-radius: 10px;
            transform: rotate(45deg);
        }

        .gear-icon {
            position: absolute;
            right: 2%;
            top: 30%;
            font-size: 2.5rem;
            color: rgba(255, 255, 255, 0.3);
            transform: rotate(0deg);
            animation: spin 10s linear infinite;
        }

        .gear-icon-small {
            position: absolute;
            right: 8%;
            top: 45%;
            font-size: 1.5rem;
            color: rgba(255, 255, 255, 0.3);
            transform: rotate(0deg);
            animation: spin-reverse 8s linear infinite;
        }

        @keyframes spin {
            from {
                transform: rotate(0deg);
            }

            to {
                transform: rotate(360deg);
            }
        }

        @keyframes spin-reverse {
            from {
                transform: rotate(360deg);
            }

            to {
                transform: rotate(0deg);
            }
        }

        /* Responsive adjustments for background shapes */
        @media (max-width: 1023px) {

            /* Adjust for smaller screens */
            .squiggly-line,
            .dot-pattern,
            .yellow-shape,
            .gear-icon,
            .gear-icon-small {
                display: none;
                /* Hide complex background elements on small screens for better performance/less clutter */
            }
        }

        /* Custom styles for the invoice card simulation */
        .invoice-image-container {
            position: relative;
            width: 100%;
            max-width: 450px;
            /* Max width for the image */
            margin: 0 auto;
            /* Center the image */
            /* The image itself will handle aspect ratio, no padding-bottom hack needed */
        }

        /* FAQ Accordion Styles */
        .accordion-header {
            cursor: pointer;
            padding: 1.25rem 0;
            border-bottom: 1px solid rgba(255, 255, 255, 0.1);
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        .accordion-content {
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.3s ease-out, padding-bottom 0.3s ease-out;
            padding-bottom: 0;
        }

        .accordion-content.active {
            max-height: var(--content-height);
            /* Set via JS */
            padding-bottom: 1.25rem;
        }

        .accordion-icon {
            transition: transform 0.3s ease-out;
        }

        .accordion-icon.rotate {
            transform: rotate(45deg);
        }

        /* Testimonial Carousel Styles */
        .carousel-container {
            overflow: hidden;
            width: 100%;
        }

        .carousel-track {
            display: flex;
            transition: transform 0.5s ease-in-out;
        }

        .carousel-card-wrapper {
            flex: 0 0 100%;
            /* Always 1 card per view for sliding one at a time */
            padding: 0 1rem;
            /* Adjust spacing between cards */
            box-sizing: border-box;
        }

        /* Mobile menu specific styles */
        .mobile-menu {
            transition: transform 0.3s ease-in-out;
            transform: translateX(100%);
            /* Hidden by default */
            z-index: 50;
            /* Ensure it's above other content */
        }

        .mobile-menu.active {
            transform: translateX(0);
            /* Visible */
        }
        
        @media (max-width:767px){
            .main-heading{
                display: none;
            }
        }
        .Conclusion{
            padding: 10px;
            margin: 10px;
        }