.elementor-28163 .elementor-element.elementor-element-0c01919{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:30px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.elementor-28163 .elementor-element.elementor-element-0c01919:not(.elementor-motion-effects-element-type-background), .elementor-28163 .elementor-element.elementor-element-0c01919 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-28163 .elementor-element.elementor-element-2c38a54{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-28163 .elementor-element.elementor-element-10e9fa5{width:var( --container-widget-width, 44% );max-width:44%;background-color:#F5F5F5;padding:5px 5px 5px 5px;--container-widget-width:44%;--container-widget-flex-grow:0;border-radius:10px 10px 10px 10px;}.elementor-28163 .elementor-element.elementor-element-10e9fa5.elementor-element{--align-self:flex-start;}.elementor-28163 .elementor-element.elementor-element-10e9fa5.bdt-background-overlay-yes > .elementor-widget-container:before{transition:background 0.3s;}.elementor-28163 .elementor-element.elementor-element-10e9fa5.elementor-position-right .elementor-image-box-img{margin-left:0px;}.elementor-28163 .elementor-element.elementor-element-10e9fa5.elementor-position-left .elementor-image-box-img{margin-right:0px;}.elementor-28163 .elementor-element.elementor-element-10e9fa5.elementor-position-top .elementor-image-box-img{margin-bottom:0px;}.elementor-28163 .elementor-element.elementor-element-10e9fa5 .elementor-image-box-wrapper .elementor-image-box-img{width:17%;}.elementor-28163 .elementor-element.elementor-element-10e9fa5 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-28163 .elementor-element.elementor-element-10e9fa5 .elementor-image-box-title{font-size:1px;}.elementor-28163 .elementor-element.elementor-element-10e9fa5 .elementor-image-box-description{font-size:14px;}.elementor-28163 .elementor-element.elementor-element-2e43e31 .elementor-heading-title{font-family:"Outfit", Sans-serif;font-size:50px;font-weight:700;}.elementor-28163 .elementor-element.elementor-element-bc9f343{font-family:"Inter", Sans-serif;font-size:18px;}.elementor-28163 .elementor-element.elementor-element-d480308 .elementor-button{border-radius:15px 15px 15px 15px;padding:15px 15px 15px 15px;}.elementor-28163 .elementor-element.elementor-element-8dfe9bc{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-28163 .elementor-element.elementor-element-9662bf8{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-28163 .elementor-element.elementor-element-7a23968{padding:0px 0px 0px 0px;}.elementor-28163 .elementor-element.elementor-element-f01767f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-28163 .elementor-element.elementor-element-2ff45be{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-28163 .elementor-element.elementor-element-34d5c20{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-28163 .elementor-element.elementor-element-f1ea4f0{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-28163 .elementor-element.elementor-element-462b9f7{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-28163 .elementor-element.elementor-element-0bc4e65{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-28163 .elementor-element.elementor-element-5515245{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget .tippy-tooltip .tippy-content{text-align:center;}@media(max-width:767px){.elementor-28163 .elementor-element.elementor-element-10e9fa5 .elementor-image-box-img{margin-bottom:0px;}.elementor-28163 .elementor-element.elementor-element-2e43e31 .elementor-heading-title{font-size:35px;}.elementor-28163 .elementor-element.elementor-element-bc9f343{font-size:16px;}}@media(min-width:768px){.elementor-28163 .elementor-element.elementor-element-2c38a54{--width:50%;}.elementor-28163 .elementor-element.elementor-element-8dfe9bc{--width:50%;}}/* Start custom CSS for html, class: .elementor-element-cad1fa9 *//* Base Styles */
     
        
        .container {
            width: 100%;
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 20px;
            box-sizing: border-box;
        }
        
        /* Hero Section */
        .hero-section {
            position: relative;
            background-color: white;
            padding: 60px 0;
            overflow: hidden;
        }
        
        .hero-content {
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            gap: 40px;
        }
        
        .hero-text {
            flex: 1;
            min-width: 300px;
        }
        
        .hero-text h1 {
            font-size: 2.5rem;
            font-weight: 700;
            line-height: 1.2;
            color: #000;
            margin-bottom: 20px;
        }
        
        .hero-text h1 span {
            color: #ffbb38;
        }
        
        .hero-text p {
            font-size: 1.125rem;
            line-height: 1.6;
            color: #666;
            margin-bottom: 30px;
        }
        
        .hero-buttons {
            display: flex;
            flex-wrap: wrap;
            gap: 15px;
        }
        
        .btn-primary {
            background-color: #ffbb38;
            color: black;
            font-weight: 600;
            padding: 12px 24px;
            font-size: 1.125rem;
            border-radius: 8px;
            transition: all 0.3s ease;
            border: none;
            cursor: pointer;
            display: inline-flex;
            align-items: center;
            gap: 8px;
            text-decoration: none;
        }
        
        .btn-primary:hover {
            background-color: #e6a532;
            transform: translateY(-2px);
        }
        
        .btn-outline {
            background-color: transparent;
            color: black;
            font-weight: 600;
            padding: 12px 24px;
            font-size: 1.125rem;
            border-radius: 8px;
            border: 2px solid black;
            transition: all 0.3s ease;
            cursor: pointer;
            display: inline-flex;
            align-items: center;
            gap: 8px;
            text-decoration: none;
        }
        
        .btn-outline:hover {
            background-color: black;
            color: white;
            transform: translateY(-2px);
        }
        
        /* Dashboard Animation */
        .hero-dashboard {
            flex: 1;
            min-width: 300px;
            position: relative;
        }
        
        .dashboard-container {
            background: linear-gradient(to bottom right, #f3f4f6, #e5e7eb);
            border-radius: 20px;
            padding: 24px;
            box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1);
        }
        
        .dashboard-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 24px;
        }
        
        .dashboard-header h3 {
            font-size: 1.25rem;
            font-weight: 600;
            color: #000;
        }
        
        .live-badge {
            background-color: #ffbb38;
            color: black;
            padding: 4px 12px;
            border-radius: 9999px;
            font-size: 0.875rem;
            font-weight: 500;
        }
        
        .stats-grid {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 16px;
        }
        
        .stat-card {
            background-color: white;
            padding: 16px;
            border-radius: 12px;
            box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
            text-align: center;
            transition: all 0.3s ease;
        }
        
        .stat-icon {
            width: 32px;
            height: 32px;
            margin: 0 auto 8px;
            color: #ffbb38;
        }
        
        .stat-value {
            font-size: 1.5rem;
            font-weight: 700;
            color: #000;
            margin-bottom: 4px;
        }
        
        .stat-label {
            font-size: 0.875rem;
            color: #666;
        }
        
        /* Animations */
        @keyframes fadeIn {
            from {
                opacity: 0;
                transform: translateY(30px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }
        
        @keyframes float {
            0%, 100% {
                transform: translateY(0px);
            }
            50% {
                transform: translateY(-10px);
            }
        }
        
        .animate-fade-in {
            animation: fadeIn 1s ease-in-out forwards;
            opacity: 0;
        }
        
        .animate-float {
            animation: float 6s ease-in-out infinite;
        }
        
        .float-delay-0 { animation-delay: 0s; }
        .float-delay-1 { animation-delay: 0.5s; }
        .float-delay-2 { animation-delay: 1s; }
        .float-delay-3 { animation-delay: 1.5s; }
        
        /* Responsive Adjustments */
        @media (max-width: 768px) {
            .hero-section {
                padding: 40px 0;
            }
            
            .hero-text h1 {
                font-size: 2rem;
            }
            
            .hero-text p {
                font-size: 1rem;
            }
            
            .btn-primary, .btn-outline {
                font-size: 1rem;
                padding: 10px 20px;
            }
        }
        
        @media (max-width: 480px) {
            .hero-text h1 {
                font-size: 1.75rem;
            }
            
            
        }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7a23968 *//* --- Scroll-triggered Animation Styles --- */
.animate-on-scroll {
    opacity: 0;
}
.animate-slide-left { 
    transform: translateX(-50px); 
}
.animate-slide-right { 
    transform: translateX(50px); 
}
/* The 'visible' class is added by JavaScript to trigger the animation */
.animate-on-scroll.visible {
    opacity: 1;
    transform: translateX(0);
}

/* --- Problem Section Specific Styles --- */
.problem-section { 
    background-color: #f9fafb; /* bg-gray-50 */
    padding: 3rem 0; 
}
.problem-container { 
    display: grid; 
    gap: 3rem; 
    align-items: center; 
}

.cost-comparison-card { 
    background-color: #fff; 
    border-radius: 1rem; /* rounded-2xl */
    padding: 1.5rem; 
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1); /* shadow-xl */
    display: flex; 
    flex-direction: column; 
    gap: 1rem; 
}
.cost-comparison-card h3 {
    font-size: 1.125rem;
    font-weight: 600;
    color: #000;
}
.cost-items { 
    display: flex; 
    flex-direction: column; 
    gap: 0.75rem; 
}
.cost-item { 
    display: flex; 
    justify-content: space-between; 
    align-items: center; 
    padding: 0.75rem; 
    border-radius: 0.5rem; /* rounded-lg */
}
.cost-item.traditional { background-color: #fee2e2; }
.cost-item.traditional .cost-value { color: #dc2626; font-weight: 700; }
.cost-item.ajoxi { background-color: #fef3c7; }
.cost-item.ajoxi .cost-value { color: #d97706; font-weight: 700; }

.savings-box { 
    background-color: #dcfce7; 
    padding: 0.75rem; 
    border-radius: 0.5rem; /* rounded-lg */
    text-align: center; 
}
.savings-box .savings-percent { 
    font-size: 1.25rem; 
    font-weight: 700; 
    color: #16a34a; 
}
.savings-box p { 
    font-size: 0.75rem; 
    color: #15803d; 
    margin: 0; 
}

.transparency-grid { 
    display: grid; 
    grid-template-columns: repeat(2, 1fr); 
    gap: 0.75rem; 
}
.transparency-item { 
    text-align: center; 
    padding: 0.5rem; 
    background-color: #f9fafb; /* bg-gray-50 */
    border-radius: 0.5rem; /* rounded-lg */
}
.transparency-item div { 
    font-weight: 700; 
    color: #000; 
}
.transparency-item p { 
    font-size: 0.75rem; 
    color: #4b5563; /* text-gray-600 */
    margin: 0;
}

.problem-content h2 {
    font-size: 36px;
    font-weight: 700;
    line-height: 1.3;
}

/* --- Responsive for Problem Section --- */
@media (min-width: 768px) {
    .problem-section {
        padding: 4rem 0;
    }
    .problem-content h2 {
        font-size: 2.25rem;
    }
}
@media (min-width: 1024px) {
    .problem-section {
        padding: 5rem 0;
    }
    .problem-container {
        grid-template-columns: repeat(2, 1fr);
    }
    .problem-content h2 {
        font-size: 2.75rem;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8b49d89 *//* --- Reusable Styles (if not already defined) --- */
    .section-header {
        text-align: center;
        margin-bottom: 4rem;
        max-width: 56rem;
        margin-left: auto;
        margin-right: auto;
    }

    .section-header h2 { font-size: 2.25rem; font-weight: 700; color: #000; }
    .section-header p { font-size: 1.25rem; color: #4b5563; }
    .highlight { color: #ffbb38; }

    /* --- Scroll Animation (Corrected) --- */
    .animate-on-scroll {
        opacity: 0;
        transform: translateY(30px);
        transition: opacity 0.6s ease-out, transform 0.6s ease-out;
        pointer-events: none; /* <-- FIX: Disables mouse events when invisible */
    }
    .animate-on-scroll.visible {
        opacity: 1;
        transform: translateY(0);
        pointer-events: auto;  /* <-- FIX: Re-enables mouse events when visible */
    }

    /* --- Why Choose Section Specific Styles --- */
    .why-choose-section {
        background-color: #fff;
        padding: 3rem 0;
    }

    .features-grid { 
        display: grid; 
        gap: 2rem; 
        /* Mobile-first: 1 column */
        grid-template-columns: 1fr;
    }

    .feature-box { 
        background-color: #f9fafb; /* bg-gray-50 */
        padding: 1.5rem; 
        border-radius: 1rem; /* rounded-2xl */
        transition: all 0.3s ease; 
    }

    .feature-box:hover { 
        transform: translateY(-8px); 
        box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); /* shadow-2xl */
        background-color: #ffbb38; 
    }

    .feature-box .feature-icon { 
        width: 2.5rem; 
        height: 2.5rem; 
        color: #ffbb38; 
        margin-bottom: 0.75rem; 
        transition: color 0.3s ease; 
    }

    .feature-box h3 {
        font-size: 1.25rem;
        font-weight: 600;
        color: #000;
        margin-bottom: 0.5rem;
    }

    .feature-box p {
        font-size: 1rem;
        line-height: 1.5;
        color: #4b5563; /* text-gray-600 */
        margin: 0;
    }

    /* On hover, change text and icon colors to black */
    .feature-box:hover .feature-icon, 
    .feature-box:hover h3, 
    .feature-box:hover p { 
        color: #000; 
    }

    /* --- Responsive for Why Choose Section --- */
    @media (min-width: 768px) { /* md */
        .features-grid { 
            grid-template-columns: repeat(2, 1fr); 
        }
    }
    @media (min-width: 1024px) { /* lg */
        .features-grid { 
            grid-template-columns: repeat(3, 1fr); 
        }
    }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f4d9fbb *//* --- Animation Keyframes (if not already defined) --- */
    @keyframes float { 
        0%, 100% { transform: translateY(0px); } 
        50% { transform: translateY(-10px); } 
    }
    .animate-float { animation: float 6s ease-in-out infinite; }
    .float-delay-1 { animation-delay: 0.5s; }
    .float-delay-2 { animation-delay: 1s; }
    .float-delay-3 { animation-delay: 1.5s; }

    /* --- Advanced Features Section Specific Styles --- */
    .advanced-features-section { 
        background-color: #000; 
        color: #fff; 
        padding: 3rem 0;
    }

    /* Overriding default heading/p colors for this dark section */
    .advanced-features-section h2, 
    .advanced-features-section h3 { 
        color: #fff; 
    }
    .advanced-features-section h2{
        font-size: 36px;
    }
    .advanced-features-section p { 
        font-size: 16px;
        color: #d1d5db; /* text-gray-300 */
    }
.advanced-features-section h3{
    font-size: 24px;
}
    .advanced-features-container { 
        display: grid; 
        gap: 3rem; 
        align-items: center; 
    }

    .advanced-features-content { 
        display: flex; 
        flex-direction: column; 
        gap: 2rem; 
    }

    .feature-list { 
        display: flex; 
        flex-direction: column; 
        gap: 1.5rem; 
    }

    .feature-list-item { 
        display: flex; 
        align-items: center; /* <-- CORRECTED: Was 'flex-start' */
        gap: 1rem; 
    }

    .feature-list-item i { 
        color: #ffbb38; 
        /* <-- CORRECTED: 'margin-top' property removed */
        flex-shrink: 0; 
    }

    .feature-list-item p { 
        font-size: 1rem; 
        margin: 0;
    }

    .features-dashboard { 
        background: linear-gradient(to bottom right, #111827, #1f2937); /* from-gray-900 to-gray-800 */
        border-radius: 1rem; /* rounded-2xl */
        padding: 2rem; 
        box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.4); 
        display: flex; 
        flex-direction: column; 
        gap: 1.5rem; 
    }

    .features-dashboard-grid { 
        display: grid; 
        grid-template-columns: repeat(2, 1fr); 
        gap: 1rem; 
    }

    .dashboard-item { 
        padding: 1rem; 
        border-radius: 0.5rem; /* rounded-lg */
        color: #000; 
    }

    .dashboard-item.primary { background-color: #ffbb38; }
    .dashboard-item.secondary { background-color: #fff; }

    .dashboard-item i { 
        margin-bottom: 0.5rem; 
        width: 1.5rem; 
        height: 1.5rem; 
    }
    .dashboard-item div:nth-of-type(1) { 
        font-size: 1.125rem; 
        font-weight: 700; 
    }
    .dashboard-item .dashboard-stat-number { 
        font-size: 1.5rem; 
        font-weight: 700; 
    }

    .quality-bar-container { 
        background-color: #374151; /* bg-gray-700 */
        padding: 1rem; 
        border-radius: 0.5rem; /* rounded-lg */
    }

    .quality-bar-labels { 
        display: flex; 
        justify-content: space-between; 
        align-items: center; 
        margin-bottom: 0.5rem; 
    }

    .quality-bar-labels span:first-child { 
        font-size: 0.875rem; 
        color: #d1d5db; /* text-gray-300 */
    }
    .quality-bar-labels span:last-child { 
        color: #ffbb38; 
        font-weight: 600; 
    }

    .progress-bar-bg { 
        width: 100%; 
        background-color: #4b5563; /* bg-gray-600 */
        border-radius: 9999px; 
        height: 0.5rem; 
    }
    .progress-bar-fg { 
        background-color: #ffbb38; 
        height: 100%; 
        width: 95%; 
        border-radius: 9999px; 
    }

    /* --- Responsive for Advanced Features --- */
    @media (min-width: 1024px) { /* lg */
        .advanced-features-container { 
            grid-template-columns: repeat(2, 1fr); 
        }
    }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f2bc521 *//* --- Animation for Tab Content --- */
@keyframes fadeIn { 
    from { opacity: 0; } 
    to { opacity: 1; } 
}

/* --- Target Audience Section Specific Styles --- */
.audience-section { 
    background-color: #f9fafb; /* bg-gray-50 */
    padding: 3rem 0; 
}

.tabs-wrapper { 
    width: 100%; 
}

.tab-list { 
    display: grid; 
    grid-template-columns: repeat(2, 1fr); /* 2 columns on mobile */
    background: #fff; 
    padding: 0.25rem; 
    border-radius: 0.75rem; /* rounded-md */
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1); /* shadow-lg */
    margin-bottom: 1.5rem; 
}

.tab-trigger { 
    background: transparent; 
    border: none; 
    border-radius: 0.5rem; /* rounded-sm */
    padding: 0.5rem 0.75rem; 
    font-weight: 500; 
    font-size: 0.875rem; 
    display: flex; 
    align-items: center; 
    justify-content: center; 
    min-height: 44px; 
    cursor: pointer; 
    transition: all 0.3s ease; 
    gap: 0.25rem;
    color: #4b5563; /* Default text color */
}

/* Style for the active tab button */
.tab-trigger.active { 
    background-color: #ffbb38; 
    color: #000; 
}

.tab-content { 
    display: none; /* Hide inactive tabs */
    margin-top: 1rem; 
}

/* Style for the active tab panel */
.tab-content.active { 
    display: block; 
    animation: fadeIn 0.5s ease; 
}

.tab-card { 
    background-color: #fff; 
    border-radius: 1rem; /* rounded-lg */
    padding: 1.5rem; 
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1); /* shadow-xl */
    display: grid; 
    gap: 2rem; 
    align-items: center; 
}

.tab-card-content { 
    display: flex; 
    flex-direction: column; 
    gap: 1.5rem; 
}

.tab-header { 
    display: flex; 
    align-items: center; 
    gap: 1rem; 
}
.tab-header h3 { font-size: 1.5rem; font-weight: 700; color: #000; }
.tab-header p { font-size: 1rem; color: #4b5563; margin:0; }

.tab-icon-wrapper { 
    background-color: #ffbb38; 
    padding: 11px 14px;
    border-radius: 9999px;
    /* rounded-full */
}
.tab-icon-wrapper i { 
    width: 2rem; 
    height: 2rem; 
    color: #000; 
}

.tab-features { 
    list-style: none; 
    padding: 0; 
    margin: 0; 
    display: flex; 
    flex-direction: column; 
    gap: 0.75rem; 
}

.tab-features li { 
    display: flex; 
    align-items: center; 
    gap: 0.75rem; 
}
.tab-features li i { 
    color: #ffbb38; 
}
.tab-features li span {
    color: #374151; /* gray-700 */
}

/* The button inside the tab needs a smaller size */
.tab-card-content .btn-primary {
    padding: 0.75rem 1.5rem;
    font-size: 1rem;
    align-self: flex-start; /* Prevent button from stretching full width */
}

.tab-card-stat { 
    background: linear-gradient(to bottom right, #f9fafb, #f3f4f6); /* from-gray-50 to-gray-100 */
    border-radius: 1rem; /* rounded-lg */
    padding: 1.5rem; 
}

.stat-visual { 
    text-align: center; 
    display: flex; 
    flex-direction: column; 
    gap: 1rem; 
}
.stat-visual i { 
    width: 4rem; 
    height: 4rem; 
    color: #ffbb38; 
    margin: 0 auto; 
}
.stat-visual div { /* Counter number */
    font-size: 2.25rem; 
    font-weight: 700; 
    color: #000; 
}
.stat-visual p { 
    margin: 0; 
    color: #4b5563; 
}


/* --- Responsive for Target Audience Section --- */
@media (min-width: 768px) { /* md */
    .tab-list { 
        grid-template-columns: repeat(4, 1fr); 
    }
    .tab-card { 
        grid-template-columns: repeat(2, 1fr); 
        padding: 2rem; 
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-442ad27 *//* --- Transparency Section Specific Styles --- */
.transparency-section {
    background-color: #fff;
    padding: 3rem 0;
}

.transparency-features-grid { 
    display: grid; 
    gap: 2rem; 
    margin-top: 3rem; 
    /* Mobile-first: 1 column */
    grid-template-columns: 1fr;
}

.transparency-feature { 
    text-align: center; 
    display: flex; 
    flex-direction: column; 
    align-items: center; 
    gap: 1rem; 
}

.transparency-feature .icon-wrapper { 
    padding: 1rem; 
    border-radius: 9999px; /* rounded-full */
    display: inline-flex; 
}

.transparency-feature .icon-wrapper.primary { 
    background-color: #ffbb38; 
}
.transparency-feature .icon-wrapper.primary i { 
    color: #000; 
}

.transparency-feature .icon-wrapper.dark { 
    background-color: #000; 
}
.transparency-feature .icon-wrapper.dark i { 
    color: #fff; 
}

.transparency-feature .icon-wrapper i { 
    width: 2rem; 
    height: 2rem; 
}

.transparency-feature h3 { 
    font-size: 24px; 
    font-weight: 600;
    color: #000;
}
.transparency-feature p { 
    font-size: 16px; 
    margin: 0; 
    color: #4b5563;
}

/* --- Responsive for Transparency Section --- */
@media (min-width: 768px) { /* md */
    .transparency-features-grid { 
        grid-template-columns: repeat(3, 1fr); 
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6783e4f *//* --- Transition Section Specific Styles --- */
.transition-section { 
    background-color: #e2e0d7; 
    padding: 3rem 0;
}

.transition-container { 
    display: grid; 
    gap: 3rem; 
    align-items: center; 
}

.transition-content h2 {
    font-size: 36px;
    font-weight: 700;
    color: #000;
}
.transition-content p {
    font-size: 16px;
    line-height: 1.6;
    color: #000;
}

.transition-grid { 
    display: grid; 
    grid-template-columns: repeat(2, 1fr); 
    gap: 1rem; 
}

.transition-item { 
    background-color: #000; 
    padding: 1rem; 
    border-radius: 1rem; /* rounded-2xl */
    color: #fff; 
    text-align: center; 
    display: flex; 
    flex-direction: column; 
    justify-content: center; 
    gap: 0.5rem; 
    height: 8rem; 
    transition: box-shadow 0.3s ease; 
}

.transition-item:hover { 
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); /* shadow-2xl */
}

.transition-item i { 
    width: 1.5rem; 
    height: 1.5rem; 
    color: #ffbb38; 
    margin: 0 auto; 
}

.transition-item h3 { 
    font-size: 20px; 
    font-weight: 600;
    color: #fff; 
    margin: 0; 
}

.transition-item p { 
    font-size: 16px; 
    color: #d1d5db; /* text-gray-300 */
    margin: 0; 
}

/* --- Responsive for Transition Section --- */
@media (min-width: 1024px) { /* lg */
    .transition-container { 
        grid-template-columns: repeat(2, 1fr); 
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c8d31dd *//* Call to Action Section CSS */
.fq-cta-section {
    padding: 4rem 1rem;
    background-color: black;
    font-family: sans-serif;
    text-align: center;
}

.fq-cta-container {
    max-width: 56rem; /* Adjust as needed */
    margin-left: auto;
    margin-right: auto;
}

.fq-cta-heading {
    font-size: 2rem; /* text-4xl */
    line-height: 1.3em;
    font-weight: 700;
    color: white;
    margin: 0 0 1.5rem 0;
}

@media (min-width: 1024px) {
    .fq-cta-heading {
        font-size: 2rem; /* lg:text-5xl */
        line-height: 1.3em;
    }
}

.fq-cta-highlight {
    color: #ffbb38; /* ajoxi-yellow */
}

.fq-cta-subheading {
    font-size: 1.125rem;
    color: #d1d5db;
    margin-bottom: 2rem;
    max-width: 42rem;
    margin-left: auto;
    margin-right: auto;
}

.fq-cta-button-container {
    display: flex;
    justify-content: center;
}

.fq-cta-button {
    background-color: transparent;
    border: 2px solid white;
    color: white;
    font-weight: 600;
    padding: 1rem 2rem;
    font-size: 1.125rem;
    border-radius: 0.5rem;
    transition: all 0.3s;
    cursor: pointer;
}

.fq-cta-button:hover {
    background-color: white;
    color: black;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a1f55f0 */.aj-faq-section {
    padding: 3rem 1rem;
    background-color: white;
    font-family: sans-serif;
}

.aj-faq-container-main {
    max-width: 56rem;
    margin: 0 auto;
}

.aj-faq-header {
    text-align: center;
    margin-bottom: 2.5rem;
}

.aj-faq-header h2 {
    font-size: 40px; /* text-4xl */
    line-height: 1.3em;
    font-weight: 700;
    color: #000000;
}

.aj-faq-highlight {
    color: #ffbb38; /* ajoxi-yellow */
}

.aj-faq-list-container {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.aj-faq-item {
    border: 1px solid #e5e7eb;
    border-radius: 0.5rem;
    overflow: hidden;
    transition: box-shadow 0.2s;
}

.aj-faq-item:hover {
    box-shadow: 0 4px 6px -1px rgba(0,0,0,0.05);
}

.aj-faq-question-button {
    width: 100%;
    padding: 1rem 1.5rem;
    text-align: left;
    display: flex;
    align-items: center;
    justify-content: space-between;
    transition: background-color 0.2s;
    background-color: transparent;
    border: none;
    cursor: pointer;
}

.aj-faq-question-button:hover {
    background-color: rgba(255, 187, 56, 0.05);
}

.aj-faq-question-text {
    font-weight: 600;
    color: black;
    padding-right: 1rem;
}

.aj-faq-icon {
    height: 1.25rem;
    width: 1.25rem;
    transition: transform 0.3s ease-in-out;
    color: #ffbb38; /* ajoxi-yellow */
    flex-shrink: 0;
}

.aj-faq-answer-content {
    background-color: #fafafa;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease-in-out;
}

.aj-faq-answer-text {
    color: #4b5563;
    padding: 1.5rem;
    line-height: 1.6;
    border-top: 1px solid #e5e7eb;
}/* End custom CSS */