.elementor-31615 .elementor-element.elementor-element-09fa938{--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-31615 .elementor-element.elementor-element-09fa938:not(.elementor-motion-effects-element-type-background), .elementor-31615 .elementor-element.elementor-element-09fa938 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFEFE;}.elementor-31615 .elementor-element.elementor-element-6be606f{--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-31615 .elementor-element.elementor-element-a379f78{width:var( --container-widget-width, 32% );max-width:32%;--container-widget-width:32%;--container-widget-flex-grow:0;--e-icon-list-icon-size:16px;--icon-vertical-offset:0px;}.elementor-31615 .elementor-element.elementor-element-a379f78 > .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-31615 .elementor-element.elementor-element-a379f78 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-31615 .elementor-element.elementor-element-a379f78 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-31615 .elementor-element.elementor-element-a379f78 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-31615 .elementor-element.elementor-element-a379f78 .elementor-icon-list-item > a{font-family:"Outfit", Sans-serif;font-size:16px;}.elementor-31615 .elementor-element.elementor-element-a379f78 .elementor-icon-list-text{color:#018363;transition:color 0.3s;}.elementor-31615 .elementor-element.elementor-element-ea0b0e4 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-31615 .elementor-element.elementor-element-ea0b0e4{text-align:start;}.elementor-31615 .elementor-element.elementor-element-ea0b0e4 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:50px;font-weight:700;color:#000000;}.elementor-31615 .elementor-element.elementor-element-d322a53{font-family:"Inter", Sans-serif;font-size:18px;color:#000000;}.elementor-31615 .elementor-element.elementor-element-202cf43 .elementor-button:hover, .elementor-31615 .elementor-element.elementor-element-202cf43 .elementor-button:focus{background-color:#000000;}.elementor-31615 .elementor-element.elementor-element-0bca6ff{--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-31615 .elementor-element.elementor-element-628fa49{--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-31615 .elementor-element.elementor-element-8156787{--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-31615 .elementor-element.elementor-element-99d28be{--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-31615 .elementor-element.elementor-element-f1f7dc3{--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-31615 .elementor-element.elementor-element-792334c{--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-31615 .elementor-element.elementor-element-d05b38b{--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-31615 .elementor-element.elementor-element-3dff5e3{--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-31615 .elementor-element.elementor-element-a4658b2 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-widget .tippy-tooltip .tippy-content{text-align:center;}@media(max-width:767px){.elementor-31615 .elementor-element.elementor-element-a379f78{width:var( --container-widget-width, 183px );max-width:183px;--container-widget-width:183px;--container-widget-flex-grow:0;}.elementor-31615 .elementor-element.elementor-element-a379f78 > .elementor-widget-container{padding:0px 19px 0px 15px;}.elementor-31615 .elementor-element.elementor-element-ea0b0e4 .elementor-heading-title{font-size:40px;}}@media(min-width:768px){.elementor-31615 .elementor-element.elementor-element-6be606f{--width:50%;}.elementor-31615 .elementor-element.elementor-element-0bca6ff{--width:50%;}}/* Start custom CSS for html, class: .elementor-element-c6c24bd *//* Custom CSS Variables */
        :root {
            --primary: #00C49A;
            --secondary: #20b2aa;
            --gray-100: #f3f4f6;
            --gray-200: #e5e7eb;
            --gray-300: #d1d5db;
            --gray-400: #9ca3af;
            --gray-600: #4b5563;
            --gray-900: #111827;
            --blue-500: #3b82f6;
            --green-100: #dcfce7;
            --green-200: #bbf7d0;
            --green-500: #22c55e;
            --blue-100: #dbeafe;
        }


        /* Dashboard Animations */
        @keyframes slideInRight {
            from {
                opacity: 0;
                transform: translateX(50px);
            }
            to {
                opacity: 1;
                transform: translateX(0);
            }
        }

        @keyframes float {
            0%, 100% {
                transform: translateY(0px);
            }
            50% {
                transform: translateY(-10px);
            }
        }

        @keyframes pulse {
            0%, 100% {
                opacity: 1;
            }
            50% {
                opacity: 0.7;
            }
        }

        @keyframes bounce {
            0%, 100% {
                transform: translateY(0);
            }
            50% {
                transform: translateY(-5px);
            }
        }

        /* Animation Classes */
        .animate-slide-in-right {
            animation: slideInRight 0.8s ease-out;
            opacity: 1;
        }

        .animate-float {
            animation: float 3s ease-in-out infinite;
        }

        .animate-pulse {
            animation: pulse 2s infinite;
        }

        .animate-bounce {
            animation: bounce 1s infinite;
        }

        /* Custom Gradient Classes */
        .gradient-blue-purple {
            background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);
        }

        .gradient-teal {
            background: linear-gradient(135deg, #00c49a 0%, #20b2aa 100%);
        }

        .gradient-green {
            background: linear-gradient(135deg, #14b8a6, #0f766e);
        }

        /* Card Styles */
        .card {
            background: white;
            border-radius: 0.75rem;
            box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
            border: 1px solid var(--gray-200);
            transition: all 0.3s ease;
            overflow: hidden;
        }

        .card:hover {
            box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1);
            transform: translateY(-2px);
        }

        /* Dashboard Container */
        .dashboard-container {
            opacity: 0;
            width: 100%;
            max-width: 500px;
        }

        /* Browser Header */
        .dashboard-browser-header {
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 0.75rem 1rem;
            border-bottom: 1px solid var(--gray-200);
            background-color: var(--gray-100);
        }

        .browser-dots {
            display: flex;
            align-items: center;
            gap: 0.5rem;
        }

        .browser-dot {
            width: 0.75rem;
            height: 0.75rem;
            border-radius: 50%;
        }

        .browser-dot:nth-child(1) {
            background-color: var(--gray-400);
        }

        .browser-dot:nth-child(2) {
            background-color: var(--blue-500);
        }

        .browser-dot:nth-child(3) {
            background-color: var(--green-500);
        }

        .live-indicator {
            display: flex;
            align-items: center;
            gap: 0.25rem;
        }

        .live-dot {
            width: 0.5rem;
            height: 0.5rem;
            background-color: var(--green-500);
            border-radius: 50%;
            animation: pulse 2s infinite;
        }

        .live-text {
            font-size: 0.75rem;
            color: var(--gray-600);
            font-weight: 500;
        }

        /* Dashboard Content */
        .dashboard-content {
            padding: 1.5rem;
            display: flex;
            flex-direction: column;
            gap: 1.5rem;
        }

        .dashboard-title {
            font-size: 1.25rem;
            font-weight: 700;
            color: var(--gray-900);
        }

        /* Connection Section */
        .connection-wrapper {
            display: flex;
            align-items: center;
            justify-content: space-between;
        }

        .connection-item {
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 0.5rem;
        }

        .connection-icons {
            width: 3rem;
            height: 3rem;
            border-radius: 0.75rem;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .connection-icons i {
            color: white;
            font-size: 1rem;
        }

        .connection-label {
            font-size: 0.875rem;
            font-weight: 500;
            color: var(--gray-600);
        }

        .connection-container {
            flex: 1;
            margin: 0 1rem;
            position: relative;
        }

        .connection-line {
            height: 0.5rem;
            background-color: var(--gray-200);
            border-radius: 9999px;
            overflow: hidden;
            position: relative;
        }

        .connection-progress {
            height: 100%;
            border-radius: 9999px;
            width: 75%;
            animation: pulse 2s infinite;
        }

        .connection-arrow {
            position: absolute;
            top: 50%;
            left: 75%;
            transform: translate(-50%, -50%);
            width: 1.5rem;
            height: 1.5rem;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            animation: bounce 1s infinite;
        }

        .connection-arrow i {
            color: white;
            font-size: 0.5rem;
        }

        /* Metrics Grid */
        .metrics-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 1rem;
        }

        .metric-box {
            background-color: var(--gray-100);
            border-radius: 0.5rem;
            padding: 1rem;
            display: flex;
            flex-direction: column;
            gap: 0.75rem;
        }

        .metric-header {
            display: flex;
            align-items: center;
            justify-content: space-between;
        }

        .metric-title {
            font-size: 0.875rem;
            color: var(--gray-600);
        }

        .metric-icon {
            width: 1.5rem;
            height: 1.5rem;
            border-radius: 0.375rem;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .metric-icon i {
            color: white;
            font-size: 0.75rem;
        }

        .metric-value {
            font-size: 1.5rem;
            font-weight: 700;
            color: var(--gray-900);
        }

        .metric-chart {
            display: flex;
            align-items: flex-end;
            gap: 0.25rem;
            height: 2rem;
        }

        .chart-bar {
            width: 0.75rem;
            border-radius: 0.125rem;
            animation: pulse 2s infinite;
        }

        .metric-progress {
            width: 100%;
            height: 0.5rem;
            background-color: var(--gray-200);
            border-radius: 9999px;
            overflow: hidden;
        }

        .progress-bar {
            height: 100%;
            border-radius: 9999px;
            width: 96%;
            animation: pulse 2s infinite;
        }

        /* Floating UI Elements */
        .floating-elements {
            position: absolute;
        }

        .floating-chart {
            top: -0.5rem;
            right: -0.5rem;
            width: 2.5rem;
            height: 2.5rem;
            background-color: var(--green-100);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            border: 1px solid var(--green-200);
            backdrop-filter: blur(4px);
            animation: float 3s ease-in-out infinite;
        }

        .floating-chart i {
            color: var(--primary);
            font-size: 0.875rem;
        }

        .floating-cog {
            bottom: -0.5rem;
            left: -0.5rem;
            width: 2rem;
            height: 2rem;
            background-color: var(--blue-100);
            border-radius: 0.375rem;
            transform: rotate(12deg);
            display: flex;
            align-items: center;
            justify-content: center;
            border: 1px solid var(--blue-200);
            animation: pulse 2s infinite;
        }

        .floating-cog i {
            color: var(--blue-500);
            font-size: 0.75rem;
        }

        .floating-check {
            top: 50%;
            right: -1rem;
            width: 1.5rem;
            height: 1.5rem;
            background-color: var(--green-100);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            border: 1px solid var(--green-200);
            animation: bounce 1s infinite;
        }

        .floating-check i {
            color: var(--green-500);
            font-size: 0.5rem;
        }

        /* Responsive Design */
        @media (min-width: 768px) {
            .dashboard-container {
                max-width: 550px;
            }
            
            .dashboard-browser-header {
                padding: 1rem;
            }
            
            .dashboard-content {
                padding: 1.5rem;
                gap: 1.5rem;
            }
            
            .connection-icons {
                width: 3rem;
                height: 3rem;
            }
            
            .connection-icons i {
                font-size: 1.125rem;
            }
            
            .metrics-grid {
                gap: 1rem;
            }
            
            .metric-box {
                padding: 1.25rem;
            }
            
            .metric-value {
                font-size: 1.75rem;
            }
            
            .floating-chart {
                width: 3rem;
                height: 3rem;
                top: -1rem;
                right: -1rem;
            }
            
            .floating-chart i {
                font-size: 1rem;
            }
            
            .floating-cog {
                width: 2.5rem;
                height: 2.5rem;
                bottom: -1rem;
                left: -1rem;
            }
            
            .floating-cog i {
                font-size: 0.875rem;
            }
            
            .floating-check {
                width: 2rem;
                height: 2rem;
                right: -1.5rem;
            }
            
            .floating-check i {
                font-size: 0.625rem;
            }
        }

        @media (max-width: 640px) {
            .dashboard-container {
                max-width: 100%;
                margin: 0.5rem;
            }
            
            .connection-container {
                margin: 0 0.75rem;
            }
            
            .metrics-grid {
                grid-template-columns: 1fr;
            }
            
            .floating-elements {
                display: none;
            }
        }

        @media (max-width: 480px) {
            .dashboard-content {
                padding: 1rem;
                gap: 1.25rem;
            }
            
            .dashboard-title {
                font-size: 1.125rem;
            }
            
            .connection-icons {
                width: 2.5rem;
                height: 2.5rem;
            }
            
            .connection-icons i {
                font-size: 0.875rem;
            }
            
            .connection-label {
                font-size: 0.75rem;
            }
            
            .metric-box {
                padding: 0.875rem;
            }
            
            .metric-value {
                font-size: 1.25rem;
            }
            
            .chart-bar {
                width: 0.5rem;
            }
        }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6897e6a */.container {
            max-width: 1170px;
            margin: 0 auto;
            padding: 0 20px;
        }
        
        .section {
            padding: 80px 0;
        }
        
        /* Card Styles */
        .card {
            background: white;
            border-radius: 12px;
            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
            border: 1px solid #e5e7eb;
            transition: all 0.3s ease;
        }
        
        .card:hover {
            box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1);
            transform: translateY(-2px);
        }
        
        /* Grid System */
        .grid {
            display: grid;
            gap: 48px;
        }
        
        .grid-cols-1 {
            grid-template-columns: 1fr;
        }
        
        .grid-cols-2 {
            grid-template-columns: 1fr 1fr;
        }
        
        /* Text Utilities */
        .text-balance {
            text-wrap: balance;
        }
        
        .text-pretty {
            text-wrap: pretty;
        }

        /* Spacing Utilities */
        .space-y-6 > * + * {
            margin-top: 24px;
        }
        
        .mb-6 {
            margin-bottom: 24px;
        }
        
        .p-8 {
            padding: 32px;
        }
        
        /* Typography */
        h2 {
            font-size: 40px!important;
            font-weight: 700;
            line-height: 1.2;
            margin-bottom: 24px;
        }
        
        h3 {
            font-size: 24px;
            font-weight: 700;
            margin-bottom: 16px;
        }
        
        p {
            font-size: 18px;
            color: #6b7280;
            margin-bottom: 16px;
        }
        
        /* Colors */
        .text-gray-900 {
            color: #1f2937;
        }
        
        .text-gray-600 {
            color: #6b7280;
        }
        
        .text-green-600 {
            color: #00C49A;
        }
        
        .text-blue-600 {
            color: #3b82f6;
        }
        
        .bg-blue-50 {
            background-color: #eff6ff;
        }
        
        .bg-green-50 {
            background-color: #f0fdf4;
        }
        
        .bg-gray-50 {
            background-color: #f9fafb;
        }
        
        .bg-gray-200 {
            background-color: #e5e7eb;
        }
        
        /* Progress Bar */
        .progress-bar {
            width: 100%;
            height: 8px;
            background-color: #e5e7eb;
            border-radius: 4px;
            overflow: hidden;
        }
        
        .progress-fill {
            height: 100%;
            background-color: #00C49A;
            border-radius: 4px;
        }
        
        /* Flex Utilities */
        .flex {
            display: flex;
        }
        
        .items-center {
            align-items: center;
        }
        
        .justify-between {
            justify-content: space-between;
        }
        
        /* Animation */
        .animate-pulse {
            animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
        }
        
        @keyframes pulse {
            0%, 100% {
                opacity: 1;
            }
            50% {
                opacity: 0.5;
            }
        }
        
        /* Responsive Design */
        @media (min-width: 1024px) {
            .lg\:grid-cols-2 {
                grid-template-columns: 1fr 1fr;
            }
        }
        
        @media (max-width: 1023px) {
            .grid-cols-2 {
                grid-template-columns: 1fr;
            }
            
            h2 {
                font-size: 32px;
            }
            
            h3 {
                font-size: 22px;
            }
            
            p {
                font-size: 16px;
            }
            
            .section {
                padding: 60px 0;
            }
        }
        
        @media (max-width: 768px) {
            h2 {
                font-size: 30px!important;
            }
            
            h3 {
                font-size: 20px;
            }
            
            .p-8 {
                padding: 24px;
            }
            
            .section {
                padding: 40px 0;
            }
        }
        
        @media (max-width: 480px) {
            h2 {
                font-size: 30px!important;
            margin-bottom: 16px;
            line-height: 1.3;
            text-align: center;
            padding: 0 10px;
            text-wrap: balance;
        }
        
        h3 {
            font-size: 18px!important;
            margin-bottom: 12px;
        }
        
        p {
            font-size: 15px;
            margin-bottom: 12px;
            padding: 0 10px;
            text-align: center;
        }
        
        .p-8 {
            padding: 20px;
        }
        
        .section {
            padding: 30px 0;
        }
        
        .grid {
            gap: 30px;
        }
        
        .space-y-6 > * + * {
            margin-top: 18px;
        }
        
        .mb-6 {
            margin-bottom: 18px;
        }
    }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-85fd417 *//* CSS Variables */
        :root {
            --om-og-primary: #00C49A;
            --om-og-secondary: #20b2aa;
            --om-og-blue: #6366f1;
            --om-og-purple: #8b5cf6;
            --om-og-teal: #00c49a;
            --om-og-light-teal: #20b2aa;
            --om-og-red: #f43f5e;
            --om-og-pink: #ec4899;
            --om-og-orange: #f59e0b;
            --om-og-dark-orange: #f97316;
            --om-og-background: #ffffff;
            --om-og-foreground: #1f2937;
            --om-og-muted: #f9fafb;
            --om-og-muted-foreground: #6b7280;
            --om-og-border: #e5e7eb;
            --om-og-card: #ffffff;
            --om-og-card-foreground: #1f2937;
        }

        .om-og-container {
            width: 100%;
            max-width: 1170px;
            margin: 0 auto;
            padding: 0 20px;
        }

        .om-og-section {
            padding: 40px 0;
        }

        .om-og-text-center {
            text-align: center;
        }

        .om-og-mb-16 {
            margin-bottom: 10px;
        }

        .om-og-mb-6 {
            margin-bottom: 24px;
        }

        /* Typography */
        .om-og-heading {
            font-size: 40px!important;
            font-weight: 700;
            line-height: 1.2;
            margin-bottom: 15px;
            color: var(--om-og-foreground);
        }

        .om-og-paragraph {
            font-size: 18px!important;
            color: var(--om-og-muted-foreground);
            margin-bottom: 16px;
        }

        /* Grid System */
        .om-og-grid {
            display: grid;
            gap: 24px;
        }

        .om-og-md-grid-cols-2 {
            grid-template-columns: repeat(2, 1fr);
        }

        /* Card Component */
        .om-og-card {
            background: white;
            border-radius: 12px;
            box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
            border: 1px solid var(--om-og-border);
            transition: all 0.3s ease;
            overflow: hidden;
            height: 100%;
        }

        .om-og-card:hover {
            box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1);
            transform: translateY(-2px);
        }

        .om-og-card-content {
            padding: 24px;
        }

        .om-og-flex {
            display: flex;
        }

        .om-og-items-center {
            align-items: center;
        }

        .om-og-justify-between {
            justify-content: space-between;
        }

        .om-og-mb-4 {
            margin-bottom: 16px;
        }

        .om-og-mb-2 {
            margin-bottom: 8px;
        }

        /* Icon Wrapper */
        .om-og-icon-wrapper {
            width: 48px;
            height: 48px;
            border-radius: 12px;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .om-og-icon-wrapper i {
            font-size: 24px;
            color: white;
        }

        /* Gradients */
        .om-og-gradient-blue-purple {
            background: linear-gradient(135deg, var(--om-og-blue) 0%, var(--om-og-purple) 100%);
        }

        .om-og-gradient-teal {
            background: linear-gradient(135deg, var(--om-og-teal) 0%, var(--om-og-light-teal) 100%);
        }

        .om-og-gradient-red-pink {
            background: linear-gradient(135deg, var(--om-og-red) 0%, var(--om-og-pink) 100%);
        }

        .om-og-gradient-orange {
            background: linear-gradient(135deg, var(--om-og-orange) 0%, var(--om-og-dark-orange) 100%);
        }

        /* Background Gradient */
        .om-og-bg-gradient-section {
            background: linear-gradient(135deg, #e0f2fe 0%, #f3e8ff 100%);
            border-radius: 24px;
            padding: 48px 32px;
            border: 1px solid rgba(229, 231, 235, 0.8);
            position: relative;
            overflow: hidden;
        }

        /* Responsive Design */
        @media (max-width: 1024px) {
            .om-og-heading {
                font-size: 32px!important;
            }
            
            .om-og-bg-gradient-section {
                padding: 40px 24px;
            }
        }

        @media (max-width: 768px) {
            .om-og-section {
                padding: 60px 0;
            }
            
            .om-og-heading {
                font-size: 30px!important;
            }
            
            .om-og-paragraph {
                font-size: 16px!important;
            }
            
            .om-og-md-grid-cols-2 {
                grid-template-columns: 1fr;
            }
            
            .om-og-bg-gradient-section {
                border-radius: 16px;
                padding: 32px 20px;
            }
            
            .om-og-card-content {
                padding: 20px;
            }

            /* Centering for mobile */
            .om-og-card .om-og-flex.om-og-justify-between {
                justify-content: center;
            }
            .om-og-card h4 {
                text-align: center;
            }
        }

        @media (max-width: 480px) {
            .om-og-container {
                padding: 0 16px;
            }
            
            .om-og-heading {
                font-size: 30px!important;
            }
            
            .om-og-bg-gradient-section {
                padding: 24px 16px;
            }
            
            .om-og-icon-wrapper {
                width: 40px;
                height: 40px;
            }
            
            .om-og-icon-wrapper i {
                font-size: 20px;
            }
        }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e333ecd *//* Container */
        .container {
            width: 100%;
            max-width: 1170px;
            margin: 0 auto;
            padding: 0 20px;
        }
        
        /* Section Styling */
        .advantages-section {
            padding: 80px 0;
            background-color: #ffffff;
        }
        
        .section-header {
            text-align: center;
            margin-bottom: 60px;
            max-width: 900px;
            margin-left: auto;
            margin-right: auto;
        }
        
        .section-title {
            font-size: 40px!important;
            font-weight: 700;
            margin-bottom: 20px;
            line-height: 1.2;
        }
        
        .section-description {
            font-size: 18px!important;
            color: #6b7280;
            max-width: 700px;
            margin: 0 auto;
        }
        
        /* Benefits Grid */
        .benefits-grid {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 30px;
        }
        
        /* Benefit Card */
        .benefit-card {
            background: white;
            border-radius: 12px;
            box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
            border: 1px solid #e5e7eb;
            padding: 30px;
            transition: all 0.3s ease;
            position: relative;
            overflow: hidden;
        }
        
        .benefit-card:hover {
            box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1);
            transform: translateY(-5px);
        }
        
        .benefit-icon {
            width: 64px;
            height: 64px;
            border-radius: 12px;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 24px;
            transition: all 0.3s ease;
        }
        
        .benefit-card:hover .benefit-icon {
            transform: scale(1.1);
        }
        
        .benefit-icon i {
            font-size: 24px;
            color: white;
        }
        
        .benefit-title {
            font-size: 20px!important;
            font-weight: 700;
            margin-bottom: 12px;
            transition: color 0.3s ease;
        }
        
        .benefit-card:hover .benefit-title {
            color: #00C49A;
        }
        
        .benefit-description {
            color: #6b7280;
            font-size: 18px!important;
            line-height: 1.5;
            margin-bottom: 20px;
        }
        
        .benefit-badge {
            display: inline-flex;
            align-items: center;
            padding: 6px 12px;
            border-radius: 9999px;
            font-size: 0.75rem;
            font-weight: 500;
            background-color: rgba(0, 196, 154, 0.1);
            color: #00C49A;
            border: 1px solid rgba(0, 196, 154, 0.2);
            transition: all 0.3s ease;
            margin-bottom: 0px;
        }
        
        .benefit-card:hover .benefit-badge {
            background-color: #00C49A;
            color: white;
        }
        
        .benefit-badge i {
            font-size: 10px;
            margin-right: 5px;
        }
        
        /* Gradients */
        .gradient-blue-purple {
            background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);
            box-shadow: 0 4px 6px rgba(99, 102, 241, 0.3);
        }
        
        .gradient-teal {
            background: linear-gradient(135deg, #00c49a 0%, #20b2aa 100%);
            box-shadow: 0 4px 6px rgba(0, 196, 154, 0.3);
        }
        
        .gradient-red-pink {
            background: linear-gradient(135deg, #f43f5e 0%, #ec4899 100%);
            box-shadow: 0 4px 6px rgba(244, 63, 94, 0.3);
        }
        
        .gradient-orange {
            background: linear-gradient(135deg, #f59e0b 0%, #f97316 100%);
            box-shadow: 0 4px 6px rgba(245, 158, 11, 0.3);
        }
        
        /* Animations */
        @keyframes fadeInUp {
            from {
                opacity: 0;
                transform: translateY(30px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }
        
        .animate-on-scroll {
            opacity: 0;
            transform: translateY(30px);
            transition: all 0.8s ease-out;
        }
        
        .animate-visible {
            opacity: 1;
            transform: translateY(0);
        }
        
        /* Responsive Design */
        @media (max-width: 1024px) {
            .benefits-grid {
                grid-template-columns: repeat(2, 1fr);
            }
            
            .section-title {
                font-size: 2rem;
            }
        }
        
        @media (max-width: 768px) {
            .advantages-section {
                padding: 60px 0;
            }
            
            .section-header {
                margin-bottom: 40px;
            }
            
            .section-title {
                font-size: 30px!important;
            }
            
            .section-description {
                font-size: 16px!important;
            }
        }
        
        @media (max-width: 640px) {
            .benefits-grid {
                grid-template-columns: 1fr;
            }
            
            .benefit-card {
                padding: 24px;
                text-align: center; /* This centers the h3, paragraph, and badge */
            }
            
            .benefit-icon {
                width: 56px;
                height: 56px;
                margin-bottom: 20px;
                margin-left: auto;   /* These two lines center the icon block */
                margin-right: auto;
            }
            
            .benefit-icon i {
                font-size: 20px;
            }
            
            .section-title {
                font-size: 1.5rem;
            }
        }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-650b8b0 *//* CSS Variables */
        :root {
            --primary: #00C49A;
            --secondary: #20b2aa;
            --blue: #6366f1;
            --purple: #8b5cf6;
            --teal: #00c49a;
            --light-teal: #20b2aa;
            --red: #f43f5e;
            --pink: #ec4899;
            --orange: #f59e0b;
            --dark-orange: #f97316;
            --background: #ffffff;
            --foreground: #1f2937;
            --muted: #f9fafb;
            --muted-foreground: #6b7280;
            --border: #e5e7eb;
            --card: #ffffff;
            --card-foreground: #1f2937;
        }

        .section {
            padding: 80px 0;
            background-color: white;
        }

        .container {
            width: 100%;
            max-width: 1170px;
            margin: 0 auto;
            padding: 0 20px;
        }

        .grid {
            display: grid;
            gap: 48px;
        }

        .flex {
            display: flex;
        }

        .items-center {
            align-items: center;
        }

        .justify-between {
            justify-content: space-between;
        }

        .space-y-6 > * + * {
            margin-top: 24px;
        }

        .space-y-4 > * + * {
            margin-top: 16px;
        }

        /* Typography */
        h2 {
            font-size: 40px!important;
            font-weight: 700;
            line-height: 1.2;
            margin-bottom: 24px;
            color: var(--foreground);
        }

        h3 {
            font-size: 20px!important;
            font-weight: 700;
            margin-bottom: 16px;
            color: var(--foreground);
        }

        p {
            font-size: 18px!important;
            color: var(--muted-foreground);
            margin-bottom: 16px;
            line-height: 1.6;
        }

        .font-semibold {
            font-weight: 600;
        }

        .text-sm {
            font-size: 14px;
        }

        .text-xl {
            font-size: 20px;
        }

        /* Card Component */
        .card {
            background: white;
            border-radius: 12px;
            box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
            border: 1px solid var(--border);
            transition: all 0.3s ease;
            overflow: hidden;
        }

        .card:hover {
            box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1);
            transform: translateY(-2px);
        }

        .card-content {
            padding: 32px;
        }

        /* Icon Wrappers */
        .icon-wrapper-sm {
            width: 48px;
            height: 48px;
            border-radius: 12px;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 16px;
        }

        .icon-wrapper-xs {
            width: 50px;
            height: 50px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-right: 16px;
            flex-shrink: 0;
        }

        .icon-wrapper-sm i, .icon-wrapper-xs i {
            color: white;
            font-size: 20px;
        }

        /* Badge Styles */
        .badge {
            display: inline-flex;
            align-items: center;
            padding: 4px 12px;
            border-radius: 9999px;
            font-size: 12px;
            font-weight: 500;
        }

        .bg-green-100 {
            background-color: #D1FAE5;
        }

        .text-green-800 {
            color: #065F46;
        }

        .bg-blue-100 {
            background-color: #DBEAFE;
        }

        .text-blue-800 {
            color: #1E40AF;
        }

        /* Background Colors */
        .bg-blue-50 {
            background-color: #EFF6FF;
        }

        .bg-purple-50 {
            background-color: #F5F3FF;
        }

        .bg-orange-50 {
            background-color: #FFF7ED;
        }

        .bg-blue-100 {
            background-color: #DBEAFE;
        }

        .bg-purple-100 {
            background-color: #EDE9FE;
        }

        .bg-orange-100 {
            background-color: #FFEDD5;
        }

        /* Text Colors */
        .text-blue-600 {
            color: #2563EB;
        }

        .text-purple-600 {
            color: #7C3AED;
        }

        .text-orange-600 {
            color: #EA580C;
        }

        /* Animation for status indicator */
        @keyframes pulse {
            0%, 100% {
                opacity: 1;
            }
            50% {
                opacity: 0.5;
            }
        }

        .animate-pulse {
            animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
        }

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

        @media (max-width: 1024px) {
            h2 {
                font-size: 32px;
            }
            
            .card-content {
                padding: 24px;
            }
        }

        @media (max-width: 768px) {
            .section {
                padding: 60px 0;
            }
            
            h2 {
                font-size: 30px!important;
            }
            
            h3 {
                font-size: 18px!important;
            }
            
            p {
                font-size: 16px;
            }
            
            .grid {
                gap: 32px;
            }
            
            .card-content {
                padding: 20px;
            }
        }

        @media (max-width: 480px) {
            .container {
                padding: 0 16px;
            }
            
            h2 {
                font-size: 24px;
            }
            
            .icon-wrapper-sm {
                width: 40px;
                height: 40px;
            }
            
            .icon-wrapper-sm i {
                font-size: 18px;
            }
            
            .icon-wrapper-xs {
                width: 32px;
                height: 32px;
                margin-right: 12px;
            }
            
            .icon-wrapper-xs i {
                font-size: 16px;
            }
        }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-39ebdfb *//* Container */
        .om-tab-02-container {
            width: 100%;
            max-width: 1170px;
            margin: 0 auto;
            padding: 0 20px;
        }
        
        /* Section Styling */
        .om-tab-02-features-section {
            padding: 40px 0;
            background-color: #ffffff;
        }
        
        .om-tab-02-section-header {
            text-align: center;
            margin-bottom: 30px;
            max-width: 900px;
            margin-left: auto;
            margin-right: auto;
        }
        
        .om-tab-02-section-title {
            font-size: 40px!important;
            font-weight: 700;
            margin-bottom: 20px;
            line-height: 1.2;
        }
        
        .om-tab-02-section-description {
            font-size: 1.125rem;
            color: #6b7280;
            max-width: 700px;
            margin: 0 auto;
        }
        
        /* Tab Navigation */
        .om-tab-02-tabs-container {
            margin-bottom: 40px;
        }
        
        .om-tab-02-tabs {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            gap: 8px;
            background-color: #f3f4f6;
            padding: 8px;
            border-radius: 8px;
            max-width: 800px;
            margin: 0 auto;
        }
        
        .om-tab-02-tab-button {
            padding: 12px 16px;
            border-radius: 6px;
            font-size: 0.875rem;
            font-weight: 500;
            transition: all 0.3s ease;
            border: none;
            cursor: pointer;
            display: flex;
            align-items: center;
            background-color: transparent;
            color: #6b7280;
        }
        
        .om-tab-02-tab-button:hover {
            color: #374151;
            background-color: #ffffff;
        }
        
        .om-tab-02-tab-button.om-tab-02-active {
            background-color: #00C49A;
            color: #ffffff;
            box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
        }
        
        .om-tab-02-tab-button i {
            margin-right: 8px;
            font-size: 14px;
        }
        
        /* Feature Content */
        .om-tab-02-feature-content {
            min-height: 400px;
        }
        
        .om-tab-02-feature-card {
            background: white;
            border-radius: 12px;
            box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
            border: 1px solid #e5e7eb;
            padding: 32px;
            transition: all 0.3s ease;
        }
        
        .om-tab-02-feature-card:hover {
            box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1);
        }
        
        .om-tab-02-feature-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 32px;
            align-items: center;
        }
        
        .om-tab-02-feature-info {
            text-align: center;
        }
        
        .om-tab-02-feature-icon-container {
            width: 80px;
            height: 80px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0 auto 24px;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
        }
        
        .om-tab-02-feature-icon {
            font-size: 32px;
            color: white;
        }
        
        .om-tab-02-feature-title {
            font-size: 20px;
            font-weight: 700;
            margin-bottom: 16px;
            color: #1f2937;
        }
        
        .om-tab-02-feature-description {
            font-size: 1.125rem;
            color: #6b7280;
            line-height: 1.6;
            margin-bottom: 24px;
        }
        
        .om-tab-02-feature-status {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 8px;
        }
        
        .om-tab-02-status-indicator {
            width: 12px;
            height: 12px;
            border-radius: 50%;
            background-color: #00C49A;
            animation: om-tab-02-pulse 2s infinite;
        }
        
        .om-tab-02-status-text {
            font-size: 0.875rem;
            color: #6b7280;
        }
        
        .om-tab-02-feature-demo {
            background: linear-gradient(135deg, #f0fdf4 0%, #ecfdf5 100%);
            border-radius: 12px;
            padding: 24px;
            border: 1px solid #e5e7eb;
        }
        
        /* Demo Content Styles */
        .om-tab-02-demo-card {
            background: white;
            border-radius: 8px;
            box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
            padding: 16px;
        }
        
        .om-tab-02-demo-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 12px;
        }
        
        .om-tab-02-demo-title {
            font-size: 0.875rem;
            font-weight: 600;
            color: #1f2937;
        }
        
        .om-tab-02-demo-indicators {
            display: flex;
            gap: 4px;
        }
        
        .om-tab-02-demo-indicator {
            width: 8px;
            height: 8px;
            border-radius: 50%;
        }
        
        .om-tab-02-demo-indicator.om-tab-02-green {
            background-color: #10b981;
        }
        
        .om-tab-02-demo-indicator.om-tab-02-yellow {
            background-color: #f59e0b;
        }
        
        .om-tab-02-demo-indicator.om-tab-02-red {
            background-color: #ef4444;
        }
        
        .om-tab-02-demo-item {
            display: flex;
            align-items: center;
            gap: 8px;
            padding: 8px;
            border-radius: 6px;
            margin-bottom: 4px;
            font-size: 0.75rem;
        }
        
        .om-tab-02-demo-item.om-tab-02-blue {
            background-color: #eff6ff;
        }
        
        .om-tab-02-demo-item.om-tab-02-green {
            background-color: #f0fdf4;
        }
        
        .om-tab-02-demo-item.om-tab-02-purple {
            background-color: #faf5ff;
        }
        
        .om-tab-02-demo-item.om-tab-02-pink {
            background-color: #fdf2f8;
        }
        
        .om-tab-02-demo-item i {
            font-size: 14px;
        }
        
        /* Gradients */
        .om-tab-02-gradient-blue-purple {
            background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);
        }
        
        .om-tab-02-gradient-teal {
            background: linear-gradient(135deg, #00c49a 0%, #20b2aa 100%);
        }
        
        .om-tab-02-gradient-red-pink {
            background: linear-gradient(135deg, #f43f5e 0%, #ec4899 100%);
        }
        
        .om-tab-02-gradient-orange {
            background: linear-gradient(135deg, #f59e0b 0%, #f97316 100%);
        }
        
        /* Animations */
        @keyframes om-tab-02-pulse {
            0%, 100% {
                opacity: 1;
            }
            50% {
                opacity: 0.5;
            }
        }
        
        @keyframes om-tab-02-fadeIn {
            from {
                opacity: 0;
            transform: translateY(20px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }
        
        .om-tab-02-animate-on-scroll {
            opacity: 0;
            transform: translateY(30px);
            transition: all 0.8s ease-out;
        }
        
        .om-tab-02-animate-visible {
            opacity: 1;
            transform: translateY(0);
        }
        
        /* Responsive Design */
        @media (max-width: 1024px) {
            .om-tab-02-feature-grid {
                grid-template-columns: 1fr;
                gap: 24px;
            }
            
            .om-tab-02-section-title {
                font-size: 2rem;
            }
        }
        
        @media (max-width: 768px) {
            .om-tab-02-features-section {
                padding: 60px 0;
            }
            
            .om-tab-02-section-header {
                margin-bottom: 40px;
            }
            
            .om-tab-02-section-title {
                font-size: 30px!important;
            }
            
            .om-tab-02-section-description {
                font-size: 1rem;
            }
            
            .om-tab-02-tabs {
                flex-direction: column;
                align-items: stretch;
            }
            
            .om-tab-02-tab-button {
                justify-content: center;
            }
            
            .om-tab-02-feature-card {
                padding: 24px;
            }
        }
        
        @media (max-width: 640px) {
            .om-tab-02-feature-icon-container {
                width: 64px;
                height: 64px;
            }
            
            .om-tab-02-feature-icon {
                font-size: 30px!important;
            }
            
            .om-tab-02-feature-title {
                font-size: 1.25rem;
            }
            
            .om-tab-02-feature-description {
                font-size: 1rem;
            }
            
            .om-tab-02-section-title {
                font-size: 1.5rem;
            }
        }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-623c9af *//* CSS Variables */
        :root {
            --adi-oace-primary: #00C49A;
            --adi-oace-secondary: #20b2aa;
            --adi-oace-background: #ffffff;
            --adi-oace-foreground: #1f2937;
            --adi-oace-muted: #f9fafb;
            --adi-oace-muted-foreground: #6b7280;
            --adi-oace-border: #e5e7eb;
            --adi-oace-card: #ffffff;
            --adi-oace-card-foreground: #1f2937;
        }

        .adi-oace-section {
            padding: 40px 0;
            background-color: #f9fafb;
        }

        .adi-oace-container {
            width: 100%;
            max-width: 1170px;
            margin: 0 auto;
            padding: 0 20px;
        }

        .adi-oace-text-center {
            text-align: center;
        }

        .adi-oace-space-y-6 > * + * {
            margin-top: 24px;
        }

        .adi-oace-space-y-4 > * + * {
            margin-top: 16px;
        }

        .adi-oace-mb-12 {
            margin-bottom: 48px;
        }

        /* Grid System */
        .adi-oace-grid {
            display: grid;
            gap: 24px;
        }

        .adi-oace-md-grid-cols-2 {
            grid-template-columns: repeat(2, 1fr);
        }

        .adi-oace-lg-grid-cols-4 {
            grid-template-columns: repeat(4, 1fr);
        }

        /* Typography */
        .adi-oace-heading {
            font-size: 40px !important;
            font-weight: 700;
            line-height: 1.2;
            margin-bottom: 24px;
            color: var(--adi-oace-foreground);
        }

        .adi-oace-subheading {
            font-size: 20px !important;
            font-weight: 600;
            margin-bottom: 16px;
            color: var(--adi-oace-foreground);
        }

        .adi-oace-paragraph {
            font-size: 18px !important;
            color: var(--adi-oace-muted-foreground);
            line-height: 1.6;
            margin-bottom: 0px;
        }

        .adi-oace-text-sm {
            font-size: 14px;
        }

        .adi-oace-text-lg {
            font-size: 18px;
        }

        .adi-oace-font-semibold {
            font-weight: 600;
        }

        /* Card Styles */
        .adi-oace-card {
            background: white;
            border-radius: 12px;
            box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
            border: 1px solid var(--adi-oace-border);
            transition: all 0.3s ease;
            overflow: hidden;
            height: 100%;
        }

        .adi-oace-card-content {
            padding: 24px;
            text-align: center;
        }

        /* Number Badge */
        .adi-oace-number-badge {
            width: 48px;
            height: 48px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0 auto 16px auto;
            font-size: 18px;
            font-weight: 700;
            color: white;
            background-color: var(--adi-oace-primary);
        }

        /* Connector Line */
        .adi-oace-connector-line {
            position: absolute;
            top: 50%;
            right: -12px;
            width: 24px;
            height: 2px;
            background-color: var(--adi-oace-primary);
            transform: translateY(-50%);
        }

        .adi-oace-relative {
            position: relative;
        }

        /* Responsive Design */
        @media (min-width: 1024px) {
            .adi-oace-lg-grid-cols-4 {
                grid-template-columns: repeat(4, 1fr);
            }
        }

        @media (max-width: 1024px) {
            .adi-oace-heading {
                font-size: 32px !important;
            }
            
            .adi-oace-lg-grid-cols-4 {
                grid-template-columns: repeat(2, 1fr);
            }
        }

        @media (max-width: 768px) {
            .adi-oace-section {
                padding: 60px 0;
            }
            
            .adi-oace-heading {
                font-size: 30px !important;
            }
            
            .adi-oace-paragraph {
                font-size: 16px !important;
            }
            
            .adi-oace-lg-grid-cols-4 {
                grid-template-columns: 1fr;
            }
            
            .adi-oace-md-grid-cols-2 {
                grid-template-columns: 1fr;
            }
            
            .adi-oace-connector-line {
                display: none;
            }
            
            .adi-oace-card-content {
                padding: 20px;
            }
        }

        @media (max-width: 480px) {
            .adi-oace-container {
                padding: 0 16px;
            }
            
            .adi-oace-heading {
                font-size: 30px !important;
            }
            
            .adi-oace-number-badge {
                width: 40px;
                height: 40px;
                font-size: 16px;
            }
        }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a4658b2 *//* --- 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 */