/* General Reset and Font */
        
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            font-family: 'Nunito', sans-serif !important;
        }

        i.fas {
            font-family: "Font Awesome 5 Free" !important;
            font-weight: 900 !important;;
            display: inline-block !important;;
        }
        /* Shared Animation Keyframes */
        @keyframes pulse {

            0%,
            100% {
                opacity: 1;
            }

            50% {
                opacity: 0.3;
            }
        }

        /* Shared Classes */
        .section-heading {
            margin-bottom: 80px;
            text-align: center;
        }

        .section-title {
            font-size: 38px;
            font-weight: 600;
            color: #1c1e21;
            margin-bottom: 16px;
        }

        .section-title span.text-primary,
        .text-primary {
            color: #4f46e5;
        }

        .section-title span.gradient-text {
            background: linear-gradient(to right, #6b46e5, #ec4899);
            -webkit-background-clip: text;
            background-clip: text;
            color: transparent;
        }

        .description {
            font-size: 20px;
            color: #4f5158;
            margin-bottom: 32px;
        }

        .table-header {
            background: linear-gradient(to right, #6b46e5, #ec4899);
            color: #fff;
            padding: 16px;
        }

        .table-header div {
            font-size: 18px;
            font-weight: 500;
            margin-left: 4px;
        }

        .table-row {
            border-bottom: 1px solid #e5e7eb;
        }

        .table-row:last-child {
            border-bottom: none;
        }

        .table-container {
            overflow-x: auto;
            -webkit-overflow-scrolling: touch;
        }

        .table-container>div {
            min-width: 600px;
            /* Ensures scroll on mobile */
        }

        /* Banner Section */
        .banner {
            background-image: linear-gradient(to bottom right, #eff6ff, #faf5ff, #fdf2f8);
            padding-top: 80px;
            height: 700px;
        }

        .banner__title {
            font-size: 74px !important;
            font-weight: 900;
        }

        .banner__description {
            font-size: 20px;
        }

        .banner__feature span {
            display: inline-block;
            padding: 6px 16px;
            background-color: #fff;
            border-radius: 12px;
            font-weight: 500;
            margin: 4px;
            box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
        }

        .banner__btns .tt__btn {
            margin: 0 10px 10px 0;
        }

        .popup-video i {
            display: inline-block;
            border: 1.5px solid rgba(0, 0, 0, 0.16);
            height: 45px;
            width: 45px;
            line-height: 44px;
            text-align: center;
            color: #212121;
            border-radius: 50%;
            font-size: 14px;
            margin-right: 10px;
        }

        /* Hero Stats Section */
        .hero-container {
            display: flex;
            flex-wrap: nowrap;
            justify-content: center;
            gap: 30px;
            margin-top: -60px;
            margin-bottom: 30px;
        }

        .hero-box {
            flex: 1;
            text-align: center;
        }

        .hero-box .heading {
            font-size: 28px;
            font-weight: 600;
            margin-bottom: 8px;
        }

        .hero-box .desc {
            font-size: 16px;
            color: #4f5158;
            margin: 0;
        }

        .hero-box img {
            width: 40px;
            height: 40px;
            margin-bottom: 8px;
        }

        /* Problems Section */
        .problems-section {
            padding: 120px 0;
            background: #fef2f2;
        }

        .problems-table {
            background: #fff;
            border-radius: 16px;
            box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
            overflow: hidden;
        }

        .problems-table .table-header,
        .problems-table .table-row {
            display: grid;
            grid-template-columns: 50% 50%;
        }

        .problem-cell {
            padding: 24px;
            font-weight: 600;
            color: #1c1e21;
            background: #fef2f2;
            text-align: left;
        }

        .impact-cell {
            padding: 24px;
            color: #4f5158;
            text-align: left;
        }

        /* Solution Section */
        .solution-section {
            padding: 120px 0;
            background: linear-gradient(to bottom right, #f5f3ff, #fef2f2);
        }

        .wise-design-box {
            background: #fff;
            border-radius: 16px;
            padding: 32px;
            box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
            border: 1px solid #ede9fe;
        }

        .wise-design-box h3 {
            font-size: 24px;
            font-weight: 600;
            color: #1c1e21;
            margin-bottom: 16px;
            text-align: center;
        }

        .wise-design-box blockquote {
            font-size: 18px;
            color: #4f5158;
            font-style: italic;
            text-align: center;
            margin-bottom: 24px;
            padding: 20px;
        }

        .wise-design-box p {
            color: #4f5158;
            text-align: center;
        }

        .principles-table {
            background: #fff;
            border-radius: 16px;
            box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
            overflow: hidden;
        }

        .principles-table .table-header,
        .principles-table .table-row {
            display: grid;
            grid-template-columns: 50% 50%;
        }

        .principles-table .table-header div {
            width: 50%;
        }

        .table-cell-principle {
            padding: 24px;
            font-weight: 600;
            color: #1c1e21;
            background: #f5f3ff;
        }

        .table-cell-delivery {
            padding: 24px;
            color: #4f5158;
        }

        /* Automation Section */
        .automation-section {
            padding: 120px 0;
            background: linear-gradient(to bottom right, #eff6ff, #e0e7ff);
        }

        .automation-capabilities-title {
            font-size: 24px;
            font-weight: 600;
            color: #1c1e21;
            margin-bottom: 24px;
            display: flex;
            align-items: center;
        }

        .capability-item {
            display: flex;
            align-items: flex-start;
            background: #fff;
            margin-top: 20px;
            padding: 16px;
            border-radius: 8px;
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
        }

        .capability-icon {
            color: #22c55e;
            margin-right: 12px;
            margin-top: 4px;
            font-size: 16px;
        }

        .capability-item span:nth-child(2) {
            color: #4f5158;
            font-size: 16px;
        }

        .testimonial-box {
            background: #fff;
            border-radius: 16px;
            padding: 20px;
            box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
            border-left: 4px solid #3b82f6;
        }

        .testimonial-box blockquote {
            font-size: 18px;
            color: #4f5158;
            font-style: italic;
            margin: 16px;
        }

        .testimonial-box cite {
            font-size: 16px;
            color: #4f5158;
            font-weight: 500;
            font-style: normal;
        }

        .automation-card {
            background: rgba(255, 255, 255, 0.5);
            backdrop-filter: blur(5px);
            border: 1px solid #e5e7eb;
            border-radius: 12px;
            padding: 32px;
        }

        .card-header {
            display: flex;
            align-items: center;
            justify-content: space-between;
            margin-bottom: 24px;
        }

        .automation-card .icon-wrapper {
            width: 32px;
            height: 32px;
            background: rgba(79, 70, 229, 0.1);
            border-radius: 8px;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .automation-card .icon-wrapper.green {
            background: rgba(34, 197, 94, 0.1);
        }

        .automation-card .icon-wrapper i {
            font-size: 16px;
            color: #4f46e5;
        }

        .automation-card .icon-wrapper.green i {
            color: #22c55e;
        }

        .automation-card .text-sm {
            font-size: 14px;
            color: #6b7280;
        }

        .pulse-indicator {
            display: flex;
            gap: 4px;
        }

        .pulse-dot {
            width: 8px;
            height: 8px;
            background: #4f46e5;
            border-radius: 50%;
            animation: pulse 1.5s infinite;
        }

        .progress-row {
            display: flex;
            align-items: center;
            gap: 12px;
            margin-bottom: 12px;
        }

        .progress-icon {
            width: 24px;
            height: 24px;
            background: #333;
            border-radius: 4px;
        }

        .progress-bar {
            flex: 1;
            height: 12px;
            background: #333;
            border-radius: 6px;
        }

        .progress-end {
            width: 32px;
            height: 32px;
            background: rgba(79, 70, 229, 0.1);
            border: 2px solid rgba(79, 70, 229, 0.2);
            border-radius: 4px;
        }

        .features-list .feature-item {
            display: flex;
            align-items: center;
            gap: 16px;
            margin-bottom: 24px;
        }

        .feature-icon {
            width: 24px;
            height: 24px;
            background: rgba(79, 70, 229, 0.1);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-shrink: 0;
            margin-top: 4px;
        }

        .icon-dot {
            width: 8px;
            height: 8px;
            background: #4f46e5;
            border-radius: 50%;
        }

        .features-list p {
            font-size: 18px;
            color: #6b7280;
            margin: 0;
        }

        .features-list .feature-item:hover p {
            color: #1c1e21;
            transition: color 0.3s ease-in-out;
        }

        .testimonial-card {
            background: rgba(255, 255, 255, 0.5);
            backdrop-filter: blur(5px);
            border: 1px solid #e5e7eb;
            border-radius: 12px;
            padding: 24px;
            margin-top: 32px;
        }

        .testimonial-card blockquote {
            font-size: 18px;
            font-style: italic;
            color: #6b7280;
            margin: 8px;
            padding: 6px;
        }

        .testimonial-card cite {
            font-size: 14px;
            font-weight: 500;
            color: #1c1e21;
            display: block;
            margin-top: 8px;
        }

        /* Testimonials Section */
        .testimonials-section {
            padding: 60px 0;
            background: linear-gradient(to bottom right, #eff6ff, #e0e7ff);

        }

        .testimonials-title {
            font-size: 24px;
            font-weight: 600;
            color: #1c1e21;
            margin-bottom: 32px;
            text-align: center;
        }

        .persona-table {
            background: #fff;
            border-radius: 16px;
            box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
            overflow: hidden;
        }

        .persona-table .table-header,
        .persona-table .table-row {
            display: grid;
            grid-template-columns: 20% 40% 40%;
        }

        .persona-table .table-header div:nth-child(1) {
            width: 20%;
        }

        .persona-table .table-header div:nth-child(2),
        .persona-table .table-header div:nth-child(3) {
            width: 40%;
        }

        .table-cell-persona {
            padding: 16px;
            font-weight: 600;
            color: #1c1e21;
        }

        .table-cell-content {
            padding: 16px;
            color: #4f5158;
        }

        /* Comparison Section */
        .comparison-section {
            padding: 60px 0;
        }

        .comparison-table {
            background: #fff;
            border-radius: 16px;
            box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
            overflow: hidden;
        }

        .comparison-table .table-header,
        .comparison-table .table-row {
            display: grid;
            grid-template-columns: 50% 50%;
        }

        .header-cell {
            padding: 16px;
            font-size: 18px;
            font-weight: 600;
            text-align: center;
        }

        .header-cell.without-picnie {
            background: #fee2e2;
            color: #991b1b;
        }

        .header-cell.with-picnie {
            background: #dcfce7;
            color: #166534;
        }

        .table-cell {
            padding: 24px;
            color: #4f5158;
            text-align: left;
            font-size: 16px;
        }

        .without-picnie-cell {
            background: #fef2f2;
        }

        .with-picnie-cell {
            background: #f0fdf4;
        }

        .outcome-title {
            font-size: 30px;
            font-weight: 600;
            color: #1c1e21;
            margin-bottom: 32px;
            text-align: center;
        }

        .outcome-list {
            margin-bottom: 48px;
        }

        .outcome-list p {
            font-size: 20px;
            color: #4f5158;
            margin-bottom: 16px;
            text-align: center;
        }

        /* Team Features Section */
        .team-features-section {
            padding: 120px 0;
        }

        .feature-card {
            background: rgba(255, 255, 255, 0.5);
            backdrop-filter: blur(5px);
            border: 1px solid #e5e7eb;
            border-radius: 12px;
            padding: 32px;
            transition: all 0.3s ease-in-out;
            margin-bottom: 1rem;
        }

        .feature-card:hover {
            box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
        }

        .team-features-section .icon-wrapper {
            width: 48px;
            height: 48px;
            background: rgba(79, 70, 229, 0.1);
            border-radius: 8px;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-shrink: 0;
        }

        .feature-card:hover .icon-wrapper {
            background: rgba(79, 70, 229, 0.2);
        }

        .team-features-section .icon-wrapper i {
            font-size: 24px;
            color: #4f46e5;
        }

        .team-features-section h3 {
            font-size: 18px;
            font-weight: 600;
            margin: 12px 0px 6px;
        }

        .team-features-section .flex>div>p {
            color: #6b7280;
            margin: 0;
        }

        .team-card {
            background: rgba(255, 255, 255, 0.5);
            backdrop-filter: blur(5px);
            border: 1px solid #e5e7eb;
            border-radius: 12px;
            padding: 32px;
            margin-top: 80px;
        }

        .team-card .card-header {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 16px;
            margin-bottom: 24px;
        }

        .avatars {
            display: flex;
            margin-right: 8px;
        }

        .avatar {
            width: 40px;
            height: 40px;
            background: rgba(79, 70, 229, 0.2);
            border: 2px solid #fff;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-left: -8px;
        }

        .avatar:first-child {
            margin-left: 0;
        }

        .avatar i {
            font-size: 16px;
            color: #4f46e5;
        }

        .team-card .text-sm {
            font-size: 14px;
            color: #6b7280;
        }

        .version-history {
            display: flex;
            flex-direction: column;
            gap: 12px;
        }

        .version-item {
            display: flex;
            justify-content: space-between;
        }

        .version-item span {
            font-size: 14px;
        }

        .version-item .time {
            font-size: 12px;
            color: #6b7280;
        }

        /* How It Works Section */
        .how-it-works-section {
            padding: 120px 0;
            background: #fff;
        }

        .tab-list {
            background: #f3f4f6;
            padding: 8px;
            border-radius: 16px;
            display: flex;
            flex-wrap: wrap;
            gap: 8px;
            justify-content: space-between;
        }

        .nav-item {
            flex: 1;
            min-width: 0;
        }

        .tab-trigger {
            width: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 8px;
            padding: 12px 16px;
            border-radius: 12px;
            font-size: 14px;
            font-weight: 500;
            color: #4f5158;
            transition: all 0.3s ease-in-out;
            border: 1px solid transparent;
            min-height: 48px;
        }

        .tab-trigger.active,
        .tab-trigger:hover {
            background: #fff;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
            color: #1c1e21;
            border-color: #e5e7eb;
            transform: scale(1.02);
        }

        .tab-trigger:focus-visible {
            outline: none;
            box-shadow: 0 0 0 2px #4f46e5;
        }

        .tab-trigger:disabled {
            pointer-events: none;
            opacity: 0.5;
        }

        .tab-trigger i {
            font-size: 16px;
        }

        .tab-trigger span {
            display: inline;
        }

        .step-title {
            font-size: 24px;
            font-weight: 600;
            color: #1c1e21;
            margin-bottom: 24px;
            display: flex;
            align-items: center;
            gap: 12px;
        }

        .step-item {
            display: flex;
            align-items: flex-start;
            gap: 16px;
            margin-bottom: 16px;
        }

        .step-number {
            background: linear-gradient(to right, #3b82f6, #6b46e5);
            color: #fff;
            border-radius: 50%;
            width: 32px;
            height: 32px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 14px;
            font-weight: 600;
            flex-shrink: 0;
        }

        .step-item p {
            color: #4f5158;
            padding-top: 4px;
            margin: 0;
        }

        .btn-gradient {
            background: linear-gradient(to right, #2563eb, #6b46e5);
            color: #fff;
            padding: 12px 24px;
            border-radius: 8px;
            font-size: 14px;
            font-weight: 500;
            transition: all 0.3s ease-in-out;
        }

        .btn-gradient:hover {
            background: linear-gradient(to right, #1d4ed8, #5a3cd4);
        }

        /* Floating Button and Popup */
        .ltd-float-btn {
            position: fixed;
            bottom: 20px;
            right: 20px;
            background: linear-gradient(135deg, #4f46e5 0%, #3b82f6 100%);
            color: white;
            border: none;
            padding: 10px;
            border-radius: 5px;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
            z-index: 1001;
            transition: transform 0.3s ease;
        }

        .ltd-float-btn:hover {
            opacity: 0.6;
        }

        .ltd-float-btn svg {
            width: 24px;
            height: 24px;
        }

        #ltd-popup {
            position: fixed;
            bottom: 90px;
            right: 20px;
            z-index: 1000;
            display: none;
            max-width: 360px;
            width: 90%;
        }

        .ltd-card {
            background: #fafafb;
            border-radius: 16px;
            overflow: hidden;
            border: 2px solid #3f77f3;
            box-shadow: 0 4px 8px 0 rgb(77 77 231), 0 6px 20px 0 rgb(61 121 243);
            color: #1f2937;
        }

        .ltd-card-header {
            position: relative;
            padding: 16px 20px;
        }

        .ltd-card-header h2 {
            font-size: 1.5rem;
            font-weight: 700;
            color: #4f46e5;
            margin: 0;
        }

        .ltd-card-header h2 span {
            color: #f59e0b;
        }

        .ltd-close-icon {
            position: absolute;
            top: 12px;
            right: 12px;
            cursor: pointer;
            font-size: 1.25rem;
            color: #6b7280;
            line-height: 1;
        }

        .ltd-card-body {
            padding: 0 20px 20px;
        }

        .ltd-card-body p {
            font-size: 0.95rem;
            color: #4b5563;
            margin-bottom: 16px;
            line-height: 1.5;
        }

        .ltd-card-body p strong {
            color: #f59e0b;
            font-weight: 600;
        }

        .ltd-btn {
            display: block;
            width: 100%;
            padding: 12px;
            background: linear-gradient(135deg, #4f46e5 0%, #3b82f6 100%);
            color: white;
            text-align: center;
            text-decoration: none;
            font-weight: 600;
            font-size: 1rem;
            border-radius: 8px;
            transition: background 0.3s ease;
        }

        .ltd-btn:hover {
            background: linear-gradient(135deg, #3b82f6 0%, #4f46e5 100%);
            color: #fff;
        }

        .ltd-btn-price {
            font-size: 1.25rem;
            font-weight: 700;
        }

        .ltd-emoji {
            font-size: 1.25rem;
            margin-right: 8px;
        }

        /* Responsive Adjustments */
        @media (min-width: 768px) {
            .section-title {
                font-size: 48px;
            }

            #ltd-popup {
                display: block;
            }
        }

        @media (max-width: 991px) {

            .banner,
            .solution-section,
            .automation-section,
            .testimonials-section,
            .problems-section,
            .comparison-section,
            .team-features-section,
            .how-it-works-section {
                padding: 80px 0;
            }

            .section-title {
                font-size: 30px !important;
            }

            .description,
            .outcome-list p {
                font-size: 18px;
            }

            .automation-capabilities-title,
            .testimonials-title,
            .step-title {
                font-size: 22px;
            }

            .outcome-title {
                font-size: 24px;
            }

            .table-header div,
            .table-cell-principle,
            .table-cell-delivery,
            .table-cell-persona,
            .table-cell-content,
            .problem-cell,
            .impact-cell,
            .header-cell,
            .table-cell {
                font-size: 14px;
                padding: 12px;
            }

            .wise-design-box,
            .automation-card,
            .feature-card,
            .team-card,
            .testimonial-box {
                padding: 24px;
            }

            .capability-item {
                padding: 12px;
            }

            .tab-list {
                flex-direction: column;
                align-items: stretch;
            }

            .tab-trigger {
                padding: 10px 12px;
            }

            .card-content {
                height: 200px;
                padding: 16px;
            }

            .features-list p,
            .testimonial-box blockquote {
                font-size: 16px;
            }

            .team-features-section h3 {
                font-size: 16px;
            }

            .hero-container {
                flex-wrap: wrap;
            }

            .hero-box {
                flex: 0 0 50%;
                margin-bottom: 20px;
            }
        }

        @media (max-width: 767px) {
            .solution-section {
                padding: 80px 0;
            }

            .banner__title {
                font-size: 36px !important;
            }

            .principles-table {
                border-radius: 8px;
            }
        }

        @media (max-width: 576px) {
            .section-title {
                font-size: 24px !important;
            }

            .description,
            .outcome-list p {
                font-size: 16px;
            }

            .automation-capabilities-title,
            .testimonials-title,
            .step-title {
                font-size: 20px;
            }

            .outcome-title {
                font-size: 20px;
            }

            .table-header div,
            .table-cell-principle,
            .table-cell-delivery,
            .table-cell-persona,
            .table-cell-content,
            .problem-cell,
            .impact-cell,
            .header-cell,
            .table-cell {
                font-size: 12px;
                padding: 8px;
            }

            .capability-item span:nth-child(2),
            .testimonial-box blockquote,
            .team-features-section h3 {
                font-size: 14px;
            }

            .testimonial-box cite {
                font-size: 14px;
            }

            .tab-trigger {
                font-size: 12px;
                padding: 8px 10px;
            }

            .tab-trigger i,
            .tab-trigger span {
                font-size: 12px;
            }

            .card-content {
                height: 180px;
            }

            .card-content p {
                font-size: 14px;
            }

            .card-content i {
                font-size: 48px;
            }

            .team-features-section .icon-wrapper {
                width: 40px;
                height: 40px;
            }

            .team-features-section .icon-wrapper i {
                font-size: 20px;
            }

            .avatars {
                flex-wrap: wrap;
                justify-content: center;
            }

            .avatar {
                margin-left: 0;
                margin-right: 4px;
                margin-bottom: 4px;
            }

            #ltd-popup {
                bottom: 80px;
                right: 10px;
                width: 95%;
            }

            .ltd-card {
                max-width: 320px;
            }

            .ltd-card-header h2 {
                font-size: 1.25rem;
            }

            .ltd-btn-price {
                font-size: 1.1rem;
            }

            .hero-container {
                flex-direction: column;
            }

            .hero-box {
                flex: 0 0 100%;
            }
        }
        
        
        .header {
            line-height: 1.0;            
        }
        
         .header svg {
            display: inline;   
        }

        .how-it-works-section {
            padding: 120px 0;
            background-color: #f1f2f3;
        }
        .how-it-works-section .section-heading {
            text-align: center;
            margin-bottom: 60px;
        }
        .how-it-works-section .section-heading .section-title {
            font-size: 40px;
            font-weight: 800;
            color: #1c1e21;
        }
        .how-it-works-section .section-heading .description {
            font-size: 18px;
            color: #4f5158;
            max-width: 700px;
            margin: 0 auto;
        }
        .how-it-works-section .row {
            display: flex;
            flex-wrap: nowrap;
            gap: 20px;
            margin: auto;
        }
        .how-it-works-step {
            text-align: left;
            background: #fff;
            border-radius: 10px;
            padding: 20px;
            box-shadow: 0 10px 20px rgba(0, 0, 0, 0.05);
            transition: transform 0.3s ease, box-shadow 0.3s ease;
        }
        .how-it-works-step:hover {
            transform: translateY(-5px);
            box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
        }
        .how-it-works-step .step-number {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 40px;
            height: 40px;
            background: #4f46e5;
            color: #fff;
            font-size: 16px;
            font-weight: 600;
            border-radius: 50%;
            margin-bottom: 15px;
        }
        .how-it-works-step .step-title {
            font-size: 22px;
            font-weight: 700;
            color: #1c1e21;
            margin-bottom: 10px;
        }
        .how-it-works-step .step-description {
            font-size: 16px;
            color: #4f5158;
            margin-bottom: 20px;
        }
        .how-it-works-step .step-features {
            list-style: none;
            padding: 0;
            margin: 0;
        }
        .how-it-works-step .step-features li {
            font-size: 15px;
            color: #4f5158;
            margin-bottom: 8px;
            display: flex;
            align-items: center;
            justify-content: flex-start;
        }
        .how-it-works-step .step-features li i {
            color: #4f46e5;
            margin-right: 8px;
            font-size: 16px;
        }
        .cta-section {
            text-align: center;
            margin-top: 40px;
        }
        .cta-section .text-center {
            font-size: 24px;
            font-weight: 700;
            color: #1c1e21;
            margin-bottom: 10px;
        }
        .cta-section .step-description {
            font-size: 16px;
            color: #4f5158;
            margin-bottom: 20px;
        }
        .cta-section .tt__btn {
            padding: 14px 40px;
            font-size: 16px;
            background: linear-gradient(90deg, #4f46e5 0%, #7b61ff 100%);
            border: none;
            color: #fff;
            border-radius: 30px;
            transition: background 0.3s ease, transform 0.2s ease;
        }
        .cta-section .tt__btn:hover {
            background: linear-gradient(90deg, #7b61ff 0%, #4f46e5 100%);
            color: #fff;
            transform: scale(1.05);
        }
        @media (max-width: 991px) {
            .how-it-works-section {
                padding: 80px 0;
            }
            .how-it-works-section .section-heading .section-title {
                font-size: 32px;
            }
            .how-it-works-section .row {
                gap: 15px;
            }
            .how-it-works-step {
                padding: 15px;
            }
        }
        @media (max-width: 576px) {
            .how-it-works-section .section-heading .section-title {
                font-size: 28px;
            }
            .how-it-works-section .section-heading .description {
                font-size: 16px;
            }
            .how-it-works-section .row {
                flex-wrap: wrap;
                gap: 10px;
            }
            .how-it-works-step {
                flex: 0 0 100%;
                padding: 12px;
            }
            .how-it-works-step .step-title {
                font-size: 18px;
            }
            .how-it-works-step .step-description {
                font-size: 14px;
            }
            .how-it-works-step .step-features li {
                font-size: 13px;
            }
        }
        
        
        
.fa, .far, .fas {
    font-family: "Font Awesome 5 Free" !important;
}