.elementor-31625 .elementor-element.elementor-element-702d3f6{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:60px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-31625 .elementor-element.elementor-element-702d3f6:not(.elementor-motion-effects-element-type-background), .elementor-31625 .elementor-element.elementor-element-702d3f6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFEFE;}.elementor-31625 .elementor-element.elementor-element-aa4f0f5{--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-31625 .elementor-element.elementor-element-9e55928{width:var( --container-widget-width, 55% );max-width:55%;--container-widget-width:55%;--container-widget-flex-grow:0;--e-icon-list-icon-size:16px;--icon-vertical-offset:0px;}.elementor-31625 .elementor-element.elementor-element-9e55928 > .elementor-widget-container{background-color:#EAFFF8;padding:05px 2px 05px 015px;border-radius:20px 20px 20px 20px;box-shadow:2px 2px 2px 0px rgba(204.7550038465957, 207.92536163330078, 206.8094179688136, 0.5);}.elementor-31625 .elementor-element.elementor-element-9e55928 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-31625 .elementor-element.elementor-element-9e55928 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-31625 .elementor-element.elementor-element-9e55928 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-31625 .elementor-element.elementor-element-9e55928 .elementor-icon-list-item > a{font-family:"Outfit", Sans-serif;font-size:16px;}.elementor-31625 .elementor-element.elementor-element-9e55928 .elementor-icon-list-text{color:#018363;transition:color 0.3s;}.elementor-31625 .elementor-element.elementor-element-6bd9f4b > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-31625 .elementor-element.elementor-element-6bd9f4b{text-align:start;}.elementor-31625 .elementor-element.elementor-element-6bd9f4b .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:50px;font-weight:700;color:#000000;}.elementor-31625 .elementor-element.elementor-element-da19245{font-family:"Inter", Sans-serif;font-size:18px;color:#000000;}.elementor-31625 .elementor-element.elementor-element-da766ad .elementor-button:hover, .elementor-31625 .elementor-element.elementor-element-da766ad .elementor-button:focus{background-color:#000000;}.elementor-31625 .elementor-element.elementor-element-ec967bd{--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-31625 .elementor-element.elementor-element-6df1558{--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-31625 .elementor-element.elementor-element-65f89b6{--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-31625 .elementor-element.elementor-element-9745f33{--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-31625 .elementor-element.elementor-element-4925269{--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-31625 .elementor-element.elementor-element-c2ed3a4{--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-31625 .elementor-element.elementor-element-703a84b{--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-31625 .elementor-element.elementor-element-834c451{--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-31625 .elementor-element.elementor-element-217b59b > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-widget .tippy-tooltip .tippy-content{text-align:center;}@media(max-width:767px){.elementor-31625 .elementor-element.elementor-element-9e55928{width:var( --container-widget-width, 261px );max-width:261px;--container-widget-width:261px;--container-widget-flex-grow:0;}.elementor-31625 .elementor-element.elementor-element-9e55928 > .elementor-widget-container{padding:0px 19px 0px 15px;}.elementor-31625 .elementor-element.elementor-element-6bd9f4b .elementor-heading-title{font-size:40px;}}@media(min-width:768px){.elementor-31625 .elementor-element.elementor-element-aa4f0f5{--width:50%;}.elementor-31625 .elementor-element.elementor-element-ec967bd{--width:50%;}}/* Start custom CSS for html, class: .elementor-element-c684c3e */.FNCE-dashboard {
            position: relative;
            background: linear-gradient(135deg, white, #f0fdfa);
            border-radius: 24px;
            box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
            padding: 24px;
            display: flex;
            flex-direction: column;
            width: 100%; /* Allow the container to be flexible */
            max-width: 550px; /* Set a max-width for larger screens */
            margin: auto; /* Center on the page */
            box-sizing: border-box; /* Include padding in the element's total width and height */
        }

        /* Dashboard Header */
        .FNCE-dashboard-header {
            display: flex;
            align-items: center;
            justify-content: space-between;
            margin-bottom: 16px;
            padding-bottom: 12px;
            border-bottom: 2px solid #99f6e4;
        }

        .FNCE-dashboard-logo {
            display: flex;
            align-items: center;
            gap: 16px;
        }

        .FNCE-icon-container {
            width: 32px;
            height: 32px;
            background: linear-gradient(135deg, #14b8a6, #0f766e);
            border-radius: 8px;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .FNCE-text-white {
            color: white;
        }

        .FNCE-text-black {
            color: black;
            font-weight: 700;
            font-size: 1.125rem;
        }

        .FNCE-status-indicator {
            display: flex;
            gap: 12px;
            align-items: center;
        }

        .FNCE-status-dot {
            width: 8px;
            height: 8px;
            background: #10b981;
            border-radius: 50%;
        }

        .FNCE-status-label {
            font-size: 0.875rem;
            color: #6b7280;
        }

        /* Dashboard Grid & Cards */
        .FNCE-metrics-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 16px;
            margin-top: 12px;
        }

        .FNCE-metric-card {
            background: white;
            padding: 20px;
            border-radius: 12px;
            border: 1px solid #e5e7eb;
        }

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

        .FNCE-card-title {
            font-weight: 600;
            color: #374151;
        }

        .FNCE-compliance-badge {
            background: #dcfce7;
            color: #166534;
            padding: 4px 8px;
            border-radius: 6px;
            font-size: 0.75rem;
            font-weight: 600;
        }

        /* Donut Chart for Compliance */
        .FNCE-donut-chart-container {
            width: 80px;
            height: 80px;
            border-radius: 50%;
            background: conic-gradient(#14b8a6 0deg 355deg, #e5e7eb 355deg 360deg);
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0 auto;
        }

        .FNCE-donut-chart-inner {
            width: 60px;
            height: 60px;
            background: white;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-weight: 700;
            color: #14b8a6;
        }

        /* Active Transactions Card */
        .FNCE-transactions-value {
            font-size: 2rem;
            font-weight: 700;
            color: #111827;
            margin-bottom: 8px;
        }

        .FNCE-transactions-chart {
            display: flex;
            gap: 4px;
            height: 24px;
            align-items: flex-end;
        }
        
        .FNCE-bar {
            width: 4px;
            border-radius: 2px;
        }

        /* Recent Activity Card */
        .FNCE-activity-card {
            background: white;
            padding: 20px;
            border-radius: 12px;
            border: 1px solid #e5e7eb;
            margin-top: 16px;
        }
        
        .FNCE-activity-dots {
            display: flex;
            gap: 8px;
        }
        
        .FNCE-dot-colored {
            width: 6px;
            height: 6px;
            border-radius: 50%;
        }

        .FNCE-activity-list {
            display: flex;
            flex-direction: column;
            gap: 8px;
        }

        .FNCE-activity-item {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 8px 0;
            border-bottom: 1px solid #f3f4f6;
        }
        
        .FNCE-activity-item:last-child {
            border-bottom: none;
            padding-bottom: 0;
        }

        .FNCE-activity-label {
            font-size: 0.875rem;
            color: #6b7280;
        }
        
        .FNCE-activity-value {
            font-size: 0.875rem;
            font-weight: 600;
        }

        /* =================================== */
        /* == RESPONSIVE ADJUSTMENTS (FIX) === */
        /* =================================== */

        @media screen and (max-width: 600px) {
            /* Stack the two metric cards vertically */
            .FNCE-metrics-grid {
                grid-template-columns: 1fr;
            }

            /* Reduce padding on the main container to save space */
            .FNCE-dashboard {
                padding: 16px;
            }

            /* Reduce padding on cards */
            .FNCE-metric-card, .FNCE-activity-card {
                padding: 16px;
            }

            /* Make header stack vertically to prevent text collision */
            .FNCE-dashboard-header {
                flex-direction: column;
                align-items: flex-start;
                gap: 12px;
            }
            
            /* Optional: reduce large font size slightly */
            .FNCE-transactions-value {
                font-size: 1.75rem;
            }
        }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4a01123 */.FNCE-container {
            max-width: 1170px;
            margin: 0 auto;
            padding: 0 24px;
        }

        .FNCE-section {
            padding: 80px 0;
        }

        .FNCE-bg-gray-50 {
            background-color: #f9fafb;
        }

        .FNCE-grid {
            display: grid;
            gap: 64px;
            align-items: center;
        }

        .FNCE-grid-2 {
            grid-template-columns: repeat(2, 1fr);
        }

        .FNCE-text-balance {
            text-wrap: balance;
        }

        .FNCE-h2 {
            font-size: 40px;
            font-weight: 700;
            line-height: 1.2;
            margin-top: 0;
            margin-bottom: 24px;
        }

        .FNCE-text-lg {
            font-size: 18px;
            line-height: 1.75;
        }

        /* Color Utilities */
        .FNCE-text-black { color: black; }
        .FNCE-text-red-500 { color: #ef4444; }
        .FNCE-text-teal-600 { color: #14b8a6; }
        .FNCE-text-gray-600 { color: #4b5563; }

        /* Feature List */
        .FNCE-feature-list {
            display: flex;
            align-items: center;
            gap: 24px;
            padding-top: 16px;
        }

        .FNCE-feature-item {
            display: flex;
            align-items: center;
            gap: 8px;
        }

        .FNCE-feature-item span {
            font-size: 0.875rem;
            font-weight: 500;
            color: #374151;
        }

        .FNCE-dot {
            width: 12px;
            height: 12px;
            border-radius: 50%;
        }

        .FNCE-dot-teal { background-color: #14b8a6; }
        .FNCE-dot-red { background-color: #dc2626; }

        /* Mockup Base Styles */
        .FNCE-hero-mockup {
            position: relative;
            width: 100%;
            min-height: 450px;
        }
        
        .FNCE-dashboard-wrapper {
            background: linear-gradient(135deg, white, #f0fdfa);
            border-radius: 24px;
            padding: 32px;
            box-shadow: 0 20px 40px -10px rgba(0, 0, 0, 0.2);
            height: 100%;
        }

        /* === NEW CLASSES (REPLACING INLINE STYLES) === */
        .FNCE-mockup-card {
            background: white;
            border-radius: 16px;
            padding: 24px;
            border: 2px solid #14b8a6;
        }

        .FNCE-mockup-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 20px;
        }
        
        .FNCE-mockup-header-content {
            display: flex;
            align-items: center;
            gap: 12px;
        }

        .FNCE-mockup-icon-wrapper {
            width: 40px;
            height: 40px;
            background: linear-gradient(135deg, #14b8a6, #0f766e);
            border-radius: 10px;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-shrink: 0;
        }
        
        .FNCE-mockup-icon {
            color: white;
            font-size: 1.2rem;
        }

        .FNCE-mockup-title {
            font-weight: 700;
            color: #111827;
            font-size: 1.1rem;
        }

        .FNCE-mockup-subtitle {
            color: #6b7280;
            font-size: 0.875rem;
        }

        .FNCE-mockup-badge {
            background: #dcfce7;
            color: #166534;
            padding: 6px 12px;
            border-radius: 20px;
            font-size: 0.75rem;
            font-weight: 600;
            white-space: nowrap;
        }
        
        .FNCE-mockup-stats-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 16px;
            margin-bottom: 20px;
        }

        .FNCE-mockup-stat-item {
            background: #f8fafc;
            padding: 16px;
            border-radius: 10px;
        }

        .FNCE-stat-item-title {
            font-weight: 600;
            color: #374151;
            margin-bottom: 8px;
        }
        
        .FNCE-stat-item-value {
            font-size: 1.5rem;
            font-weight: 700;
        }
        
        .FNCE-stat-item-label {
            font-size: 0.75rem;
            color: #6b7280;
        }
        
        .FNCE-mockup-perf {
            background: #f8fafc;
            padding: 16px;
            border-radius: 10px;
        }

        .FNCE-mockup-perf-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 12px;
        }

        .FNCE-perf-title { font-weight: 600; color: #374151; }
        .FNCE-perf-timespan { font-size: 0.875rem; color: #6b7280; }

        .FNCE-mockup-perf-chart {
            display: flex;
            gap: 2px;
            height: 40px;
            align-items: flex-end;
        }
        
        .FNCE-perf-bar { border-radius: 2px; }

        .FNCE-mockup-legend {
            display: flex;
            gap: 12px;
            margin-top: 16px;
            flex-wrap: wrap;
        }
        
        .FNCE-legend-item {
            display: flex;
            align-items: center;
            gap: 6px;
        }
        
        .FNCE-legend-dot { width: 8px; height: 8px; border-radius: 50%; }
        .FNCE-legend-label { font-size: 0.75rem; color: #6b7280; }
        
        /* Responsive Design */
        @media (max-width: 1024px) {
            .FNCE-grid-2 {
                grid-template-columns: 1fr;
                gap: 48px; /* Reduce gap when stacked */
            }
            .FNCE-h2 {
                font-size: 2.5rem;
            }
            /* Re-order for mobile: show text content before the mockup */
            .FNCE-hero-text {
                order: -1;
            }
        }

        @media (max-width: 768px) {
            .FNCE-section {
                padding: 60px 0;
            }
            .FNCE-container {
                padding: 0 16px;
            }
            .FNCE-h2 {
                font-size: 30px;
            }
            /* Make the inner stats grid stack vertically */
            .FNCE-mockup-stats-grid {
                grid-template-columns: 1fr;
            }
            /* Adjust padding for smaller screens */
            .FNCE-dashboard-wrapper {
                padding: 24px;
            }
            .FNCE-mockup-card {
                padding: 16px;
            }
        }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a637d81 */.FNCE-container {
    max-width: 1170px; /* Adjusted max-width as requested */
    margin: 0 auto;
    padding: 0 24px;
}

.FNCE-section {
    padding: 80px 0;
}

.FNCE-bg-white {
    background-color: white;
}

.FNCE-text-center {
    text-align: center;
}

.FNCE-text-balance {
    text-wrap: balance;
}

.FNCE-h2 {
    font-size: 40px;
    font-weight: 700;
    line-height: 1.2;
    margin-top: 0;
    margin-bottom: 24px;
}

.FNCE-h3 {
    font-size: 20px;
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 16px;
}

.FNCE-text-xl {
    font-size: 18px;
    line-height: 1.75;
}

/* Color Utilities */
.FNCE-text-black { color: black; }
.FNCE-text-red-600 { color: #dc2626; }
.FNCE-text-teal-600 { color: #14b8a6; }
.FNCE-text-gray-600 { color: #4b5563; }

/* Badge Component */
.FNCE-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 16px;
    border-radius: 9999px;
    font-size: 0.875rem;
    font-weight: 500;
    margin-bottom: 24px;
}

.FNCE-badge-gray {
    background-color: #f3f4f6;
    color: #374151;
}

/* Cards Grid Layout */
.FNCE-cards-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 32px;
    max-width: 1024px;
    margin: 0 auto;
}

.FNCE-card {
    border-radius: 24px;
    padding: 32px;
    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
    height: 100%;
}

.FNCE-card:hover {
    transform: scale(1.05);
    box-shadow: 0 20px 40px -10px rgba(0, 0, 0, 0.2);
}

/* Card-specific Styles */
.FNCE-card-blue {
   background: linear-gradient(135deg, #b9fff1, white);
}

.FNCE-card-orange {
    background: linear-gradient(135deg, #b9fff1, white);
}

.FNCE-card-purple {
    background: linear-gradient(135deg, #b9fff1, white);
}

.FNCE-card-green {
   background: linear-gradient(135deg, #b9fff1, white);
}

.FNCE-card-icon {
    width: 64px;
    height: 64px;
    background-color: white;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 24px;
}

/* Responsive Design */
@media (min-width: 768px) {
    .FNCE-cards-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 1024px) {
    .FNCE-h2 {
        font-size: 2.5rem;
    }
}

@media (max-width: 768px) {
    .FNCE-section {
        padding: 60px 0;
    }
    .FNCE-container {
        padding: 0 16px;
    }
    .FNCE-h2 {
        font-size: 30px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8937ce7 */.FNCE-container {
    max-width: 1170px;
    margin: 0 auto;
    padding: 0 24px;
}

.FNCE-section {
    padding: 80px 0;
}

.FNCE-text-center {
    text-align: center;
}

.FNCE-text-balance {
    text-wrap: balance;
}

.FNCE-h2 {
    font-size: 40px;
    font-weight: 700;
    line-height: 1.2;
    margin-top: 0;
    margin-bottom: 24px;
}

.FNCE-text-xl {
    font-size: 18px;
    line-height: 1.75;
}

.FNCE-text-lg {
    font-size: 18px;
    line-height: 1.75;
    font-weight: 400;
    margin: 0;
}

/* Color & Background Utilities */
.FNCE-bg-gray-50 { background-color: #f9fafb; }
.FNCE-text-black { color: black; }
.FNCE-text-white { color: white; }
.FNCE-text-red-600 { color: #dc2626; }
.FNCE-text-gray-600 { color: #4b5563; }

/* Badge Component */
.FNCE-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 16px;
    border-radius: 9999px;
    font-size: 0.875rem;
    font-weight: 500;
    margin-bottom: 24px;
}

.FNCE-badge-teal {
    background-color: #f0fdfa;
    color: #0f766e;
}

/* Main Dashboard Wrapper */
.FNCE-dashboard-section {
    background-color: white;
    border-radius: 24px;
    padding: 32px;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
    
}

.FNCE-performance-grid {
    display: grid;
    grid-template-columns: 1fr 2fr 1fr;
    gap: 24px;
}

/* Column 1: Progress Chart */
.FNCE-progress-chart {
    background: linear-gradient(135deg, white, #f0fdfa);
    border: 2px solid #99f6e4;
    border-radius: 16px;
    padding: 24px;
    text-align: center;
    height: 100%;
}

.FNCE-chart-container {
    position: relative;
    width: 128px;
    height: 128px;
    margin: 0 auto 16px;
}

.FNCE-chart-text {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.FNCE-chart-percent {
    font-size: 1.5rem;
    font-weight: 700;
    color: black;
}

.FNCE-chart-label {
    font-size: 0.75rem;
    color: #4b5563;
}

.FNCE-progress-desc {
    font-size: 0.875rem;
    color: #4b5563;
    margin-top: 8px;
    margin-bottom: 0;
}

/* Column 2: Performance Cards */
.FNCE-performance-cards {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
    height: 100%;
}

.FNCE-performance-card {
    border-radius: 16px;
    padding: 24px;
    border: 2px solid;
}

.FNCE-performance-card-green {
    background: linear-gradient(135deg, #f0fdf4, #dcfce7);
    border-color: #bbf7d0;
}
.FNCE-performance-card-blue {
    background: linear-gradient(135deg, #eff6ff, #dbeafe);
    border-color: #bfdbfe;
}
.FNCE-performance-card-orange {
    background: linear-gradient(135deg, #fff7ed, #fed7aa);
    border-color: #fdba74;
}
.FNCE-performance-card-purple {
    background: linear-gradient(135deg, #faf5ff, #e9d5ff);
    border-color: #d8b4fe;
}

.FNCE-performance-header {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 16px;
}

.FNCE-performance-icon {
    width: 40px;
    height: 40px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.FNCE-card-label {
    font-size: 0.875rem;
    font-weight: 500;
}

.FNCE-card-value {
    font-size: 1.25rem;
    font-weight: 700;
    color: black;
}

.FNCE-card-desc {
    font-size: 0.875rem;
    color: #374151;
    margin: 0;
}

/* Column 3: Compliance Section */
.FNCE-compliance-section {
    background: linear-gradient(135deg, white, #f0fdfa);
    border: 2px solid #99f6e4;
    border-radius: 16px;
    padding: 16px;
    height: 100%;
}

.FNCE-compliance-header {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 12px;
}

.FNCE-compliance-icon {
    width: 32px;
    height: 32px;
    background-color: #14b8a6;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.FNCE-compliance-icon i {
    font-size: 0.875rem;
}

.FNCE-compliance-title {
    color: #0f766e;
    font-size: 0.875rem;
    font-weight: 500;
}

.FNCE-compliance-value {
    font-size: 1.125rem;
    font-weight: 700;
    color: black;
    margin-bottom: 8px;
}

.FNCE-compliance-desc {
    font-size: 0.75rem;
    color: #4b5563;
    margin-top: 0;
    margin-bottom: 12px;
}

.FNCE-compliance-list {
    width: 90%;
}

.FNCE-compliance-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 8px;
}

.FNCE-compliance-item span {
    font-size: 0.75rem;
    color: #4b5563;
}

.FNCE-status-dot {
    width: 8px;
    height: 8px;
    background-color: #16a34a;
    border-radius: 50%;
}

/* Responsive Design */
@media (max-width: 1024px) {
    .FNCE-performance-grid {
        grid-template-columns: 1fr;
    }
    .FNCE-h2 {
        font-size: 2.5rem;
    }
}

@media (max-width: 768px) {
    .FNCE-performance-cards {
        grid-template-columns: 1fr;
    }
    .FNCE-section {
        padding: 60px 0;
    }
    .FNCE-container {
        padding: 0 16px;
    }
    .FNCE-h2 {
        font-size: 30px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-bb9b73b */.FNCE-container {
            max-width: 1170px;
            margin: 0 auto;
            padding: 0 24px;
        }

        .FNCE-section {
            padding: 80px 0;
        }

        .FNCE-grid {
            display: grid;
            gap: 64px;
            align-items: center;
        }

        .FNCE-grid-2 {
            grid-template-columns: repeat(2, 1fr);
        }

        .FNCE-text-balance {
            text-wrap: balance;
        }

        .FNCE-h2 {
            font-size: 40px;
            font-weight: 700;
            line-height: 1.2;
            margin-top: 0;
            margin-bottom: 24px;
        }

        .FNCE-text-lg {
            font-size: 18px;
            line-height: 1.75;
        }

        /* Color & Background Utilities */
        .FNCE-bg-white { background-color: white; }
        .FNCE-text-black { color: black; }
        .FNCE-text-teal-600 { color: #14b8a6; }
        .FNCE-text-red-600 { color: #dc2626; }
        .FNCE-text-gray-600 { color: #4b5563; }
        .FNCE-text-green-600 { color: #16a34a; }

        /* Feature List */
        .FNCE-feature-list {
            display: flex;
            align-items: center;
            gap: 24px;
            padding-top: 16px;
        }

        .FNCE-feature-item {
            display: flex;
            align-items: center;
            gap: 8px;
        }

        .FNCE-feature-item span {
            font-size: 0.875rem;
            font-weight: 500;
            color: #374151;
        }

        .FNCE-dot {
            width: 12px;
            height: 12px;
            border-radius: 50%;
        }

        .FNCE-dot-teal { background-color: #14b8a6; }
        .FNCE-dot-red { background-color: #dc2626; }

        /* Mockup Base Styles */
        .FNCE-hero-mockup {
            position: relative;
            width: 100%;
        }

        .FNCE-dashboard-wrapper {
            background: linear-gradient(135deg, white, #f0fdfa);
            border-radius: 24px;
            padding: 32px;
            box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
            height: 100%;
        }
        
        /* === NEW CLASSES (REPLACING INLINE STYLES) === */
        .FNCE-mockup-card {
            background: white;
            border-radius: 16px;
            padding: 24px;
            border: 2px solid #ef4444;
        }

        .FNCE-mockup-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 20px;
            gap: 16px; /* Added for wrapping */
        }
        
        .FNCE-mockup-header-content {
            display: flex;
            align-items: center;
            gap: 12px;
        }

        .FNCE-mockup-icon-wrapper {
            width: 40px;
            height: 40px;
            background: linear-gradient(135deg, #ef4444, #dc2626);
            border-radius: 10px;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-shrink: 0;
        }
        
        .FNCE-mockup-icon {
            color: white;
            font-size: 1.2rem;
        }
        
        .FNCE-mockup-title {
            font-weight: 700;
            color: #111827;
            font-size: 1.1rem;
        }

        .FNCE-mockup-subtitle {
            color: #6b7280;
            font-size: 0.875rem;
        }
        
        .FNCE-mockup-badge {
            background: #fef2f2;
            color: #dc2626;
            padding: 6px 12px;
            border-radius: 20px;
            font-size: 0.75rem;
            font-weight: 600;
            white-space: nowrap;
        }

        .FNCE-mockup-stats-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 16px;
            margin-bottom: 20px;
        }
        
        .FNCE-mockup-stat-item {
            background: white;
            border-radius: 12px;
            padding: 16px;
        }

        .FNCE-stat-item-header {
            display: flex;
            align-items: center;
            gap: 8px;
            margin-bottom: 8px;
        }
        
        .FNCE-stat-item-icon { font-size: 0.875rem; }
        .FNCE-stat-item-title { font-size: 0.875rem; font-weight: 500; }
        .FNCE-stat-item-value { font-size: 1.25rem; font-weight: 700; color: black; }
        .FNCE-stat-item-label { font-size: 0.75rem; color: #16a34a; }

        .FNCE-mockup-audits {
            background: white;
            border: 2px solid #e5e7eb;
            border-radius: 12px;
            padding: 16px;
        }
        
        .FNCE-audits-title {
            font-weight: 500;
            font-size: 0.875rem;
            margin-bottom: 12px;
            color: black;
        }

        .FNCE-audit-item {
            display: flex;
            align-items: center;
            justify-content: space-between;
            margin-bottom: 8px;
        }
        .FNCE-audit-item:last-child {
            margin-bottom: 0;
        }

        .FNCE-audit-label { font-size: 0.75rem; color: #4b5563; }
        .FNCE-audit-status { font-size: 0.75rem; color: #16a34a; }

        /* Responsive Design */
        @media (max-width: 1024px) {
            .FNCE-grid-2 {
                grid-template-columns: 1fr;
                gap: 48px;
            }
            .FNCE-h2 {
                font-size: 2.5rem;
            }
        }

        @media (max-width: 768px) {
            .FNCE-section {
                padding: 60px 0;
            }
            .FNCE-container {
                padding: 0 16px;
            }
            .FNCE-h2 {
                font-size: 30px;
            }
            .FNCE-dashboard-wrapper {
                padding: 24px;
            }
             .FNCE-mockup-card {
                padding: 16px;
            }
            
            /* THIS IS THE KEY FIX: Stack the stats grid on mobile */
            .FNCE-mockup-stats-grid {
                grid-template-columns: 1fr;
            }

            /* Allow header to wrap if needed on very small screens */
            .FNCE-mockup-header {
                flex-wrap: wrap;
            }
        }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d47f0eb */.FNCE-container {
    max-width: 1170px; /* Adjusted max-width as requested */
    margin: 0 auto;
    padding: 0 24px;
}

.FNCE-section {
    padding: 80px 0;
}

.FNCE-text-center {
    text-align: center;
}

.FNCE-text-balance {
    text-wrap: balance;
}

.FNCE-h2 {
    font-size: 40px;
    font-weight: 700;
    line-height: 1.2;
    margin-top: 0;
    margin-bottom: 24px;
}

.FNCE-text-xl {
    font-size: 18px;
    line-height: 1.75;
}

/* Color & Background Utilities */
.FNCE-bg-gray-50 { background-color: #f9fafb; }
.FNCE-text-black { color: black; }
.FNCE-text-white { color: white; }
.FNCE-text-red-600 { color: #dc2626; }
.FNCE-text-teal-400 { color: #2dd4bf; }
.FNCE-text-gray-600 { color: #4b5563; }
.FNCE-text-green-600 { color: #16a34a; }

/* Badge Component */
.FNCE-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 16px;
    border-radius: 9999px;
    font-size: 0.875rem;
    font-weight: 500;
    margin-bottom: 24px;
}

.FNCE-badge-black {
    background-color: black;
    color: white;
}

/* Enterprise Grid Layout */
.FNCE-enterprise-grid {
    display: grid;
    gap: 24px;
    max-width: 1400px;
    margin: 0 auto;
}

.FNCE-enterprise-left {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.FNCE-enterprise-right {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}

/* Enterprise Card Styles */
.FNCE-enterprise-card {
    background-color: white;
    border-radius: 24px;
    padding: 32px;
    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
    border: 2px solid #f3f4f6;
    display: flex;
    flex-direction: column;
}

.FNCE-enterprise-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
}

.FNCE-enterprise-card:hover.FNCE-border-red { border-color: #fecaca; }
.FNCE-enterprise-card:hover.FNCE-border-teal { border-color: #99f6e4; }

.FNCE-enterprise-header {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    margin-bottom: 24px;
}

.FNCE-enterprise-icon {
    width: 48px;
    height: 48px;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.FNCE-enterprise-icon-red { background: linear-gradient(135deg, #ef4444, #dc2626); }
.FNCE-enterprise-icon-teal { background: linear-gradient(135deg, #14b8a6, #0f766e); }

.FNCE-h3-alt {
    font-size: 1.25rem;
    font-weight: 700;
    margin: 0 0 8px 0;
    color: black;
}

.FNCE-p-alt {
    margin: 0;
    color: #4b5563;
}

.FNCE-h3-small {
    font-size: 1.125rem;
    font-weight: 700;
    margin: 0 0 8px 0;
}

.FNCE-p-small {
    font-size: 0.875rem;
    color: #4b5563;
    margin: 0;
    flex-grow: 1;
    margin-bottom: 24px;
}

.FNCE-card-small {
    padding: 24px;
}

/* Mockup Styles within Cards */
.FNCE-enterprise-mockup {
    border-radius: 16px;
    padding: 24px;
    border: 2px solid;
    margin-top: 24px;
}

.FNCE-mockup-red {
    background: linear-gradient(135deg, white, #fef2f2);
    border-color: #fecaca;
}
.FNCE-mockup-teal {
    background: linear-gradient(135deg, white, #f0fdfa);
    border-color: #99f6e4;
}

.FNCE-mockup-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 16px;
    font-size: 0.875rem;
    font-weight: 500;
    color: #374151;
}
.FNCE-status-indicator {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 0.75rem;
    color: #16a34a;
}
.FNCE-pulse {
    width: 8px;
    height: 8px;
    background-color: #16a34a;
    border-radius: 50%;
}

.FNCE-mockup-item {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px;
    background: white;
    border-radius: 12px;
    border: 1px solid #e5e7eb;
}

.FNCE-mockup-icon-wrapper {
    width: 32px;
    height: 32px;
    background: #dcfce7;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
.FNCE-mockup-icon-wrapper i { font-size: 0.875rem; }

.FNCE-mockup-title { font-size: 0.875rem; font-weight: 500; color: #1f2937; }
.FNCE-mockup-subtitle { font-size: 0.75rem; color: #6b7280; }

.FNCE-routing-flow {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
    align-items: center;
}
.FNCE-flow-item { text-align: center; }
.FNCE-flow-icon {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 8px;
}
.FNCE-flow-label { font-size: 0.75rem; font-weight: 500; color: #374151; }

.FNCE-card-footer-mockup {
    border: 1px solid;
    border-radius: 12px;
    padding: 16px;
}
.FNCE-mockup-header-small {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 0.75rem;
    font-weight: 500;
    color: #4b5563;
    margin-bottom: 8px;
}
.FNCE-bar-chart {
    display: flex;
    align-items: flex-end;
    gap: 4px;
    height: 48px;
}
.FNCE-bar-chart > div {
    background: #14b8a6;
    width: 55px;
    border-radius: 2px;
}
.FNCE-status-dot-green {
    width: 8px;
    height: 8px;
    background-color: #16a34a;
    border-radius: 50%;
}

.FNCE-encryption-item {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 8px;
}
.FNCE-encryption-item span {
    font-size: 0.75rem;
    font-weight: 500;
    color: #374151;
}

.FNCE-mockup-icon-wrapper-small {
    width: 24px;
    height: 24px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.75rem;
}
.FNCE-progress-bar-background {
    width: 100%;
    height: 8px;
    background: #e5e7eb;
    border-radius: 9999px;
}
.FNCE-progress-bar-foreground {
    width: 75%;
    height: 100%;
    background: #14b8a6;
    border-radius: 9999px;
}

/* Responsive Design */
@media (max-width: 1024px) {
    .FNCE-enterprise-grid {
        grid-template-columns: 1fr;
    }
    .FNCE-h2 {
        font-size: 2.5rem;
    }
}

@media (max-width: 768px) {
    .FNCE-enterprise-right {
        grid-template-columns: 1fr;
    }
    .FNCE-section {
        padding: 60px 0;
    }
    .FNCE-container {
        padding: 0 16px;
    }
    .FNCE-h2 {
        font-size: 30px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b9cb02d *//* General Layout & Typography */


.FNCE-container {
    max-width: 1170px; /* Adjusted max-width as requested */
    margin: 0 auto;
    padding: 0 24px;
}

.FNCE-section {
    padding: 80px 0;
}

.FNCE-text-center {
    text-align: center;
}

.FNCE-text-balance {
    text-wrap: balance;
}

.FNCE-h2 {
    font-size: 40px;
    font-weight: 700;
    line-height: 1.2;
    margin-top: 0;
    margin-bottom: 24px;
}

.FNCE-text-xl {
    font-size: 18px;
    line-height: 1.75;
}

/* Color & Background Utilities */
.FNCE-bg-gray-50 { background-color: #f9fafb; }
.FNCE-text-black { color: black; }
.FNCE-text-white { color: white; }
.FNCE-text-red-600 { color: #dc2626; }
.FNCE-text-gray-600 { color: #4b5563; }

/* Badge Component */
.FNCE-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 16px;
    border-radius: 9999px;
    font-size: 0.875rem;
    font-weight: 500;
    margin-bottom: 24px;
}

.FNCE-badge-teal {
    background-color: #f0fdfa;
    color: #0f766e;
}

/* Leadership Grid Layout */
.FNCE-leadership-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
}

/* Leadership Card Styles */
.FNCE-leadership-card {
    background-color: white;
    border-radius: 24px;
    padding: 32px;
    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1);
    transition: all 0.5s ease;
    border: 1px solid #f3f4f6;
    overflow: hidden;
    position: relative;
}

.FNCE-leadership-card:hover {
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
}

.FNCE-leadership-card:hover.FNCE-hover-red { border-color: #fecaca; }
.FNCE-leadership-card:hover.FNCE-hover-teal { border-color: #99f6e4; }

.FNCE-leadership-bg {
    position: absolute;
    top: 0;
    right: 0;
    width: 128px;
    height: 128px;
    border-radius: 50%;
    transform: translate(64px, -64px);
    z-index: 0;
}

.FNCE-leadership-bg-red { background: linear-gradient(135deg, #fef2f2, #fee2e2); }
.FNCE-leadership-bg-teal { background: linear-gradient(135deg, #f0fdfa, #ccfbf1); }

.FNCE-leadership-content {
    position: relative;
    z-index: 10;
}

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

.FNCE-leadership-icon {
    width: 56px;
    height: 56px;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.3s ease;
}
.FNCE-leadership-icon i { font-size: 1.25rem; }

.FNCE-leadership-card:hover .FNCE-leadership-icon {
    transform: scale(1.1);
}

.FNCE-leadership-icon-red { background: linear-gradient(135deg, #ef4444, #dc2626); }
.FNCE-leadership-icon-teal { background: linear-gradient(135deg, #14b8a6, #0f766e); }

.FNCE-leadership-dots { display: flex; gap: 4px; }
.FNCE-dot { width: 8px; height: 8px; border-radius: 50%; }
.FNCE-dot-red { background-color: #f87171; }

.FNCE-h3-card {
    font-size: 1.25rem;
    font-weight: 700;
    margin: 0 0 12px 0;
    color: black;
}

.FNCE-p-card {
    font-size: 0.875rem;
    color: #4b5563;
    margin: 0;
}

/* Mockup Styles within Cards */
.FNCE-leadership-mockup {
    background-color: #f9fafb;
    border-radius: 12px;
    padding: 16px;
    margin-top: 24px;
}
.FNCE-mockup-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 0.75rem;
    margin-bottom: 12px;
    color: #6b7280;
}

.FNCE-mockup-body { display: flex; flex-direction: column; gap: 8px; }
.FNCE-progress-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 0.75rem;
}
.FNCE-progress-bar-container {
    width: 64px;
    height: 6px;
    background: #dcfce7;
    border-radius: 9999px;
}
.FNCE-progress-bar-fill {
    width: 100%;
    height: 100%;
    background: #16a34a;
    border-radius: 9999px;
}

.FNCE-uptime-display { text-align: right; }
.FNCE-uptime-value { font-size: 1.5rem; font-weight: 700; color: #14b8a6; }
.FNCE-uptime-label { font-size: 0.75rem; color: #6b7280; }

.FNCE-bar-chart {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    height: 48px;
    gap: 4px;
}
.FNCE-bar-chart > div {
    width: 8px;
    background: #5eead4;
    border-radius: 2px 2px 0 0;
}
.FNCE-mockup-footer-text { font-size: 0.75rem; color: #6b7280; margin-top: 8px; }

.FNCE-avatar-stack { display: flex; }
.FNCE-avatar {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 2px solid white;
}
.FNCE-avatar:not(:first-child) { margin-left: -12px; }

.FNCE-list-body { display: flex; flex-direction: column; gap: 8px; }
.FNCE-list-item { display: flex; align-items: center; gap: 8px; font-size: 0.75rem; }
.FNCE-status-dot { width: 8px; height: 8px; background-color: #16a34a; border-radius: 50%; }

.FNCE-custom-display { text-align: right; }
.FNCE-custom-title { font-size: 1.125rem; font-weight: 700; color: #14b8a6; }
.FNCE-custom-subtitle { font-size: 0.75rem; color: #6b7280; }

.FNCE-progress-bar-container-full {
    width: 100%;
    height: 8px;
    background: #e5e7eb;
    border-radius: 9999px;
    margin-bottom: 8px;
}
.FNCE-progress-bar-fill-gradient {
    width: 85%;
    height: 100%;
    background: linear-gradient(to right, #2dd4bf, #14b8a6);
    border-radius: 9999px;
}
.FNCE-checklist-body {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 8px;
    font-size: 0.75rem;
}
.FNCE-checklist-item { display: flex; align-items: center; gap: 4px; }
.FNCE-checklist-dot { width: 6px; height: 6px; border-radius: 50%; }

/* Responsive Design */
@media (max-width: 1024px) {
    .FNCE-leadership-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    .FNCE-h2 {
        font-size: 2.5rem;
    }
}

@media (max-width: 768px) {
    .FNCE-leadership-grid {
        grid-template-columns: 1fr;
    }
    .FNCE-section {
        padding: 60px 0;
    }
    .FNCE-container {
        padding: 0 16px;
    }
    .FNCE-h2 {
        font-size: 30px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-217b59b *//* --- General Styles --- */
:root {
    --brand-color: #00b08a;
}
.C-S-S-prob-5-container {
    max-width: 80rem;
    margin-left: auto;
    margin-right: auto;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}
.C-S-S-prob-5-space-y-4 > :not([hidden]) ~ :not([hidden]) {
    margin-top: 1rem;
}
.C-S-S-prob-5-main-heading {
    font-size: 40px;
    font-weight: 700;
    color: #111827;
    margin-bottom: 1rem;
}

/* --- CTA Section --- */
.C-S-S-prob-5-cta-section {
    background-color: #000000;
    padding: 4rem 0;
}
.C-S-S-prob-5-cta-container {
    text-align: center;
    max-width: 63rem;
    margin: auto;
}
.C-S-S-prob-5-cta-container h2 {
    font-size: 40px;
    font-weight: 700;
    color: #ffffff;
    margin-bottom: 1rem;
}
.C-S-S-prob-5-cta-container p {
    color: #e5e7eb;
    margin-bottom: 2rem;
    font-size: 1.1rem;
}
.C-S-S-prob-5-cta-button {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    background-color: #ffffff;
    color: #000000;
    padding: 0.8rem 2rem;
    border-radius: 9999px;
    text-decoration: none;
    font-weight: 600;
    transition: background-color 0.3s, color 0.3s;
}
.C-S-S-prob-5-cta-button:hover {
    background-color: #34d399; /* Green background */
    color: #ffffff;           /* White text */
}

/* --- FAQ Section --- */
.C-S-S-prob-5-faq-section {
    background-color: #ffffff;
    padding: 3rem 0;
}
.C-S-S-prob-5-faq-container {
    max-width: 56rem; /* Specific width for FAQ container */
}
.C-S-S-prob-5-heading-container {
    margin-bottom: 3rem;
    text-align: center;
}
.C-S-S-prob-5-faq-item {
    transition: all 0.3s ease;
    background-color: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 0.75rem;
    overflow: hidden;
}
.C-S-S-prob-5-faq-answer {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease-in-out;
}
.C-S-S-prob-5-faq-answer.open {
    max-height: 200px;
}
.C-S-S-prob-5-faq-icon {
    transition: transform 0.3s ease-in-out;
}
.C-S-S-prob-5-faq-icon.open {
    transform: rotate(180deg);
}
.C-S-S-prob-5-faq-heading-active {
    color: var(--brand-color);
}
.C-S-S-prob-5-faq-item button {
    width: 100%;
    padding: 1.25rem 1.5rem;
    text-align: left;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: none;
    border: none;
    cursor: pointer;
}
.C-S-S-prob-5-faq-item h3 {
    font-size: 1.1rem;
    font-weight: 600;
    color: #111827;
    padding-right: 1rem;
    margin: 0;
}
.C-S-S-prob-5-answer-content {
    padding: 0 1.5rem 1.25rem 1.5rem;
    color: #374151;
    line-height: 1.7;
}
.C-S-S-prob-5-answer-content strong {
    color: #111827;
}

/* --- Media Queries --- */
@media (max-width: 767px) {
    .C-S-S-prob-5-cta-section,
    .C-S-S-prob-5-faq-section {
        padding-top: 3rem;
        padding-bottom: 3rem;
    }
    .C-S-S-prob-5-main-heading,
    .C-S-S-prob-5-cta-container h2 {
        font-size: 2.1rem;
        line-height: 1.3;
    }
}/* End custom CSS */