.elementor-40138 .elementor-element.elementor-element-927803d{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-40138 .elementor-element.elementor-element-84e1219{--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-40138 .elementor-element.elementor-element-10ccf20 .elementor-heading-title{font-family:"Outfit", Sans-serif;font-size:40px;font-weight:700;line-height:50px;}.elementor-40138 .elementor-element.elementor-element-f940b6d > .elementor-widget-container{padding:0px 40px 0px 0px;}.elementor-40138 .elementor-element.elementor-element-f940b6d{font-family:"Inter", Sans-serif;font-size:20px;font-weight:400;line-height:30px;color:#6D6D6D;}.elementor-40138 .elementor-element.elementor-element-f940b6d p{margin-block-end:10px;}.elementor-40138 .elementor-element.elementor-element-6cb8590 .elementor-button{background-color:#9280F1;font-family:"Inter", Sans-serif;font-size:17px;font-weight:500;border-radius:5px 5px 5px 5px;}.elementor-40138 .elementor-element.elementor-element-6cb8590 .elementor-button:hover, .elementor-40138 .elementor-element.elementor-element-6cb8590 .elementor-button:focus{background-color:#6E5DC5;}.elementor-40138 .elementor-element.elementor-element-6cb8590 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-40138 .elementor-element.elementor-element-6cb8590 .elementor-button .elementor-button-content-wrapper{gap:15px;}.elementor-40138 .elementor-element.elementor-element-5c33659{--display:flex;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-40138 .elementor-element.elementor-element-e96ad39{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-40138 .elementor-element.elementor-element-2fdd173 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-40138 .elementor-element.elementor-element-90d885b{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-40138 .elementor-element.elementor-element-e30bb39 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-40138 .elementor-element.elementor-element-9cef25d{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-40138 .elementor-element.elementor-element-1d03d94 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-40138 .elementor-element.elementor-element-ef1ba4f{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-40138 .elementor-element.elementor-element-71494e1 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-40138 .elementor-element.elementor-element-3cc5acc{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-40138 .elementor-element.elementor-element-ad23c6c > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-40138 .elementor-element.elementor-element-014a7b7{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-40138 .elementor-element.elementor-element-02297ba > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-40138 .elementor-element.elementor-element-bec4805{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-40138 .elementor-element.elementor-element-03a15a0{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-40138 .elementor-element.elementor-element-927803d{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:40px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-40138 .elementor-element.elementor-element-f940b6d{font-size:18px;}}@media(max-width:767px){.elementor-40138 .elementor-element.elementor-element-927803d{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-40138 .elementor-element.elementor-element-10ccf20{text-align:left;}.elementor-40138 .elementor-element.elementor-element-10ccf20 .elementor-heading-title{font-size:35px;line-height:40px;}.elementor-40138 .elementor-element.elementor-element-f940b6d > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-40138 .elementor-element.elementor-element-f940b6d{font-size:18px;line-height:25px;}.elementor-40138 .elementor-element.elementor-element-6cb8590 > .elementor-widget-container{padding:15px 0px 0px 0px;}.elementor-40138 .elementor-element.elementor-element-5c33659{--padding-top:0px;--padding-bottom:0px;--padding-left:15px;--padding-right:15px;}}/* Start custom CSS for html, class: .elementor-element-a03b132 */@keyframes HubSpot-prob-1-wvprs-float {

            0%,
            100% {
                transform: translateY(0px);
            }

            50% {
                transform: translateY(-10px);
            }
        }

        @keyframes HubSpot-prob-1-wvprs-pulse {

            0%,
            100% {
                opacity: 1;
            }

            50% {
                opacity: 0.5;
            }
        }

        @keyframes HubSpot-prob-1-wvprs-bounce {

            0%,
            100% {
                transform: translateY(0);
            }

            50% {
                transform: translateY(-10px);
            }
        }

        @keyframes HubSpot-prob-1-wvprs-ping {
            0% {
                transform: scale(1);
                opacity: 1;
            }

            75%,
            100% {
                transform: scale(2);
                opacity: 0;
            }
        }

        /* Dashboard Element Styles */
        .HubSpot-prob-1-wvprs-dashboard {
            position: relative;
            width: 100%;
            max-width: 500px;
            /* Adjusted for better viewing */
            height: 600px;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .HubSpot-prob-1-wvprs-dashboard-card {
            position: relative;
            z-index: 10;
            width: 100%;
            max-width: 400px;
            background: #ffffff;
            border-radius: 16px;
            padding: 32px;
            box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
            font-family: 'inter' !important;
        }

        .HubSpot-prob-1-wvprs-floating-card {
            position: absolute;
            background: #ffffff;
            border-radius: 8px;
            padding: 12px;
            box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
            z-index: 20;
            display: flex;
            /* Ensures icon and text align */
            align-items: center;
            /* Vertical alignment */
            gap: 16px;
            /* Space between icon and text */
            animation: HubSpot-prob-1-wvprs-float 3s ease-in-out infinite;
        }

        .HubSpot-prob-1-wvprs-floating-card-1 {
            top: 60px;
            right: -10px;
            background: linear-gradient(135deg, #9280F1, #8b5cf6);
            color: #ffffff;
        }

        .HubSpot-prob-1-wvprs-floating-card-2 {
            bottom: 60px;
            left: -10px;
            background: linear-gradient(135deg, #10b981, #059669);
            color: #ffffff;
            animation-delay: 1s;
            /* Staggered animation */
        }

        /* Background Decorative Elements */
        .HubSpot-prob-1-wvprs-bg-decorative {
            position: absolute;
            inset: 0;
            z-index: 1;
            /* Behind the main card but in view */
        }

        .HubSpot-prob-1-wvprs-decorative-circle {
            position: absolute;
            border-radius: 50%;
        }

        .HubSpot-prob-1-wvprs-decorative-1 {
            top: 80px;
            left: 40px;
            width: 128px;
            height: 128px;
            background: rgba(146, 128, 241, 0.05);
            animation: HubSpot-prob-1-wvprs-pulse 4s ease-in-out infinite;
        }

        .HubSpot-prob-1-wvprs-decorative-2 {
            bottom: 80px;
            right: 40px;
            width: 96px;
            height: 96px;
            background: rgba(59, 130, 246, 0.05);
            animation: HubSpot-prob-1-wvprs-bounce 3s ease-in-out infinite;
        }

        .HubSpot-prob-1-wvprs-decorative-3 {
            top: 50%;
            left: 25%;
            width: 64px;
            height: 64px;
            background: rgba(16, 185, 129, 0.05);
            animation: HubSpot-prob-1-wvprs-ping 2s cubic-bezier(0, 0, 0.2, 1) infinite;
        }

        /* Utility classes used within the component */
        .HubSpot-prob-1-wvprs-flex {
            display: flex;
        }

        .HubSpot-prob-1-wvprs-items-center {
            align-items: center;
        }

        .HubSpot-prob-1-wvprs-justify-between {
            justify-content: space-between;
        }

        .HubSpot-prob-1-wvprs-mb-6 {
            margin-bottom: 24px;
        }

        .HubSpot-prob-1-wvprs-h4 {
            font-size: 20px;
            font-weight: 600;
            margin: 0;
            /* Removed default margin for clean alignment */
            line-height: 1.2;
            font-family: 'outfit' !important;
        }

        .HubSpot-prob-1-wvprs-text-gray-dark {
            color: #1f2937;

        }

        .HubSpot-prob-1-wvprs-badge {
            display: inline-flex;
            align-items: center;
            padding: 8px 16px;
            border-radius: 20px;
            font-size: 0.875rem;
            font-weight: 500;
            background: rgba(16, 185, 129, 0.1);
            color: #10b981;
        }

        .HubSpot-prob-1-wvprs-grid {
            display: grid;
            gap: 16px;
        }

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

        .HubSpot-prob-1-wvprs-metric-card {
            text-align: center;
            padding: 24px;
            background: linear-gradient(135deg, rgba(146, 128, 241, 0.1), rgba(146, 128, 241, 0.05));
            border-radius: 12px;
            border: 1px solid rgba(146, 128, 241, 0.1);
        }

        .HubSpot-prob-1-wvprs-metric-value {
            font-size: 2rem;
            font-weight: 700;
            color: #9280F1;
            margin-bottom: 4px;
        }

        .HubSpot-prob-1-wvprs-text-sm {
            font-size: 0.875rem;
        }

        .HubSpot-prob-1-wvprs-text-gray {
            color: #6b7280;
        }

        .HubSpot-prob-1-wvprs-font-medium {
            font-weight: 500;
        }

        .HubSpot-prob-1-wvprs-activity-item {
            display: flex;
            align-items: center;
            gap: 12px;
            padding: 12px;
            background: #f9fafb;
            border-radius: 8px;
            margin-bottom: 12px;
        }

        .HubSpot-prob-1-wvprs-activity-item:last-child {
            margin-bottom: 0;
        }

        .HubSpot-prob-1-wvprs-status-dot {
            width: 12px;
            height: 12px;
            border-radius: 50%;
            flex-shrink: 0;
            /* Prevents dot from shrinking */
        }

        .HubSpot-prob-1-wvprs-status-green {
            background: #10b981;
        }

        .HubSpot-prob-1-wvprs-status-blue {
            background: #3b82f6;
        }

        .HubSpot-prob-1-wvprs-status-orange {
            background: #f59e0b;
        }

        .HubSpot-prob-1-wvprs-font-semibold {
            font-weight: 600;
        }

        .HubSpot-prob-1-wvprs-text-xs {
            font-size: 0.75rem;
            line-height: 1.2;
        }

        .HubSpot-prob-1-wvprs-icon-sm {
            width: 16px;
            height: 16px;
            text-align: center;
            font-size: 16px;
            /* Ensure icon size is consistent */
        }

        /* Responsive adjustments for smaller screens */
        @media (max-width: 768px) {
            .HubSpot-prob-1-wvprs-dashboard {
                height: auto;
                padding: 40px 0;
                /* Add padding for better spacing */
            }

            .HubSpot-prob-1-wvprs-dashboard-card {
                max-width: 380px;
                padding: 24px;
            }

            .HubSpot-prob-1-wvprs-metric-card {
                padding: 16px;
            }

            .HubSpot-prob-1-wvprs-metric-value {
                font-size: 1.5rem;
            }

            .HubSpot-prob-1-wvprs-floating-card-1 {
                display: none;
            }

            .HubSpot-prob-1-wvprs-floating-card-2 {
                display: none;
            }
        }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2fdd173 */.HubSpot-prob-2-wvprs-container {
            max-width: 1140px;
            margin: 0 auto;
            padding: 0 24px;
            font-family: 'inter' !important;
        }

        .HubSpot-prob-2-wvprs-section {
            padding: 80px 0;
        }

        .HubSpot-prob-2-wvprs-grid {
            display: grid;
            gap: 24px;
        }

        .HubSpot-prob-2-wvprs-grid-4 {
            grid-template-columns: repeat(4, 1fr);
        }

        .HubSpot-prob-2-wvprs-flex {
            display: flex;
        }

        .HubSpot-prob-2-wvprs-items-center {
            align-items: center;
        }

        .HubSpot-prob-2-wvprs-gap-4 {
            gap: 16px;
        }

        .HubSpot-prob-2-wvprs-text-center {
            text-align: center;
        }

        .HubSpot-prob-2-wvprs-mb-4 {
            margin-bottom: 16px;
        }

        .HubSpot-prob-2-wvprs-mb-16 {
            margin-bottom: 64px;
        }

        .HubSpot-prob-2-wvprs-p-4 {
            padding: 16px;
        }

        .HubSpot-prob-2-wvprs-p-6 {
            padding: 24px;
        }

        .HubSpot-prob-2-wvprs-px-6 {
            padding-left: 24px;
            padding-right: 24px;
        }

        .HubSpot-prob-2-wvprs-rounded-lg {
            border-radius: 8px;
        }

        .HubSpot-prob-2-wvprs-bg-gray {
            background-color: #f9fafb;
        }

        .HubSpot-prob-2-wvprs-text-gray {
            color: #6b7280;
        }

        .HubSpot-prob-2-wvprs-text-gray-dark {
            color: #1f2937;
        }

        .HubSpot-prob-2-wvprs-h2 {
            font-size: 35px;
            font-weight: 700;
            line-height: 1.2;
            margin-bottom: 24px;
            font-family: 'outfit' !important;
        }

        .HubSpot-prob-2-wvprs-h3 {
            font-size: 1.5rem;
            font-weight: 600;
            margin-bottom: 16px;
        }

        .HubSpot-prob-2-wvprs-text-xl {
            font-size: 18PX;
            max-width: 60rem;
            line-height: 1.6;
            margin: auto;
        }

        .HubSpot-prob-2-wvprs-text-sm {
            font-size: 15PX;
            margin-bottom: 0PX !important;
            line-height: 1.6;
        }

        .HubSpot-prob-2-wvprs-font-semibold {
            font-weight: 600;
            font-size: 20PX;
            line-height: 1.2;
            font-family: 'outfit' !important;
        }

        .HubSpot-prob-2-wvprs-card {
            background: #ffffff;
            border-radius: 12px;
            box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
            transition: all 0.3s ease;
        }

        .HubSpot-prob-2-wvprs-card:hover {
            box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1);
            transform: translateY(-4px);
        }

        .HubSpot-prob-2-wvprs-icon {
            width: 24px;
            height: 24px;
            text-align: center;
            font-size: 25px;
        }

        /* Problem Section */
        .HubSpot-prob-2-wvprs-problem-card {
            border-left: 4px solid;
        }

        .HubSpot-prob-2-wvprs-problem-card-red {
            border-left-color: #ef4444;
        }

        .HubSpot-prob-2-wvprs-problem-card-orange {
            border-left-color: #f59e0b;
        }

        .HubSpot-prob-2-wvprs-problem-card-yellow {
            border-left-color: #eab308;
        }

        .HubSpot-prob-2-wvprs-problem-card-blue {
            border-left-color: #3b82f6;
        }

        .HubSpot-prob-2-wvprs-icon-bg-red {
            background: rgba(239, 68, 68, 0.1);
            color: #ef4444;
        }

        .HubSpot-prob-2-wvprs-icon-bg-orange {
            background: rgba(245, 158, 11, 0.1);
            color: #f59e0b;
        }

        .HubSpot-prob-2-wvprs-icon-bg-yellow {
            background: rgba(234, 179, 8, 0.1);
            color: #eab308;
        }

        .HubSpot-prob-2-wvprs-icon-bg-blue {
            background: rgba(59, 130, 246, 0.1);
            color: #3b82f6;
        }

        /* Responsive Design */
        /* Tablet view */
        @media (max-width: 1024px) {
            .HubSpot-prob-2-wvprs-grid-4 {
                grid-template-columns: repeat(2, 1fr);
            }
        }

        /* Mobile view */
        @media (max-width: 768px) {
            .HubSpot-prob-2-wvprs-grid-4 {
                grid-template-columns: 1fr;
            }

            .HubSpot-prob-2-wvprs-h2 {
                font-size: 30px;
            }

            .HubSpot-prob-2-wvprs-text-xl {
                font-size: 16px;
            }

            .HubSpot-prob-2-wvprs-px-6 {
                padding-left: 0px;
                padding-right: 0px;
            }
        }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e30bb39 */.HubSpot-prob-3-wvprs-container {
            max-width: 1140px;
            margin: 0 auto;
            padding: 0 24px;
            font-family: 'inter' !important;
        }

        .HubSpot-prob-3-wvprs-section {
            padding: 80px 0;
        }

        .HubSpot-prob-3-wvprs-grid {
            display: grid;
            gap: 32px;
            /* Increased gap for better spacing */
        }

        .HubSpot-prob-3-wvprs-grid-2 {
            grid-template-columns: repeat(2, 1fr);
        }

        .HubSpot-prob-3-wvprs-flex {
            display: flex;
        }

        .HubSpot-prob-3-wvprs-items-center {
            align-items: center;
        }

        .HubSpot-prob-3-wvprs-gap-6 {
            gap: 24px;
        }

        .HubSpot-prob-3-wvprs-text-center {
            text-align: center;
        }

        .HubSpot-prob-3-wvprs-mb-4 {
            margin-bottom: 16px;
        }

        .HubSpot-prob-3-wvprs-mb-6 {
            margin-bottom: 24px;
        }

        .HubSpot-prob-3-wvprs-mb-16 {
            margin-bottom: 64px;
        }

        .HubSpot-prob-3-wvprs-p-4 {
            padding: 16px 12px 10px 16px ;
        }

        .HubSpot-prob-3-wvprs-p-4-3{
            padding: 16px 6px 10px 20px ;
        }

        .HubSpot-prob-3-wvprs-p-4-4{
            padding: 16px 9px 10px 20px ;
        }

        .HubSpot-prob-3-wvprs-p-8 {
            padding: 32px;
        }

        .HubSpot-prob-3-wvprs-px-6 {
            padding-left: 24px;
            padding-right: 24px;
        }

        .HubSpot-prob-3-wvprs-rounded-2xl {
            border-radius: 16px;
        }

        .HubSpot-prob-3-wvprs-shadow-lg {
            box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
        }

        .HubSpot-prob-3-wvprs-text-white {
            color: #ffffff;
        }

        .HubSpot-prob-3-wvprs-text-gray {
            color: #6b7280;
        }

        .HubSpot-prob-3-wvprs-text-gray-dark {
            color: #1f2937;
        }

        .HubSpot-prob-3-wvprs-h2 {
            font-size: 35px;
            font-weight: 700;
            line-height: 1.2;
            margin-bottom: 24px;
            font-family: 'outfit' !important;
        }

        .HubSpot-prob-3-wvprs-h3 {
            font-size: 20px;
            font-weight: 600;
            margin-bottom: 16px;
            line-height: 1.2;
            font-family: 'outfit' !important;
        }

        .HubSpot-prob-3-wvprs-text-xl {
            font-size: 18px;
            line-height: 1.6;
            margin: auto;
            max-width: 50rem;
        }

        .HubSpot-prob-3-wvprs-text-lg {
            font-size: 15px;
            line-height: 1.6;
            margin-bottom: 0px !important;
        }

        .HubSpot-prob-3-wvprs-card {
            background: #ffffff;
            border-radius: 12px;
            box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
            transition: all 0.3s ease;
        }

        .HubSpot-prob-3-wvprs-badge {
            display: inline-flex;
            align-items: center;
            padding: 8px 16px;
            border-radius: 20px;
            font-size: 0.875rem;
            font-weight: 500;
            background: rgba(146, 128, 241, 0.1);
            color: #9280F1;
        }

        .HubSpot-prob-3-wvprs-icon-lg {
            width: 32px;
            height: 32px;
            display: flex;
            font-size: 25px;
            align-items: center;
            justify-content: center;
        }

        .HubSpot-prob-3-wvprs-gradient-bg {
            background: linear-gradient(135deg, #f9fafb, #e5e7eb);
        }

        .HubSpot-prob-3-wvprs-gradient-blue {
            background: linear-gradient(135deg, #3b82f6, #06b6d4);
        }

        .HubSpot-prob-3-wvprs-gradient-green {
            background: linear-gradient(135deg, #10b981, #059669);
        }

        .HubSpot-prob-3-wvprs-gradient-purple {
            background: linear-gradient(135deg, #8b5cf6, #ec4899);
        }

        .HubSpot-prob-3-wvprs-gradient-orange {
            background: linear-gradient(135deg, #f59e0b, #ef4444);
        }

        /* Solution Section */
        .HubSpot-prob-3-wvprs-solution-card {
            position: relative;
            overflow: hidden;
            cursor: pointer;
            transition: all 0.5s ease;
        }

        .HubSpot-prob-3-wvprs-solution-card:hover {
            transform: translateY(-12px) scale(1.02);
            box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
        }

        .HubSpot-prob-3-wvprs-solution-icon {
            transition: all 0.5s ease;
        }

        .HubSpot-prob-3-wvprs-solution-card:hover .HubSpot-prob-3-wvprs-solution-icon {
            transform: scale(1.1) rotate(6deg);
        }

        /* Responsive Design */
        @media (max-width: 992px) {
            .HubSpot-prob-3-wvprs-h2 {
                font-size: 30px;
            }

            .HubSpot-prob-3-wvprs-text-xl {
                font-size: 16px;
            }
        }

        @media (max-width: 768px) {
            .HubSpot-prob-3-wvprs-grid-2 {
                grid-template-columns: 1fr;
            }

            .HubSpot-prob-3-wvprs-text-xl {
                font-size: 16px;
            }

            .HubSpot-prob-3-wvprs-h2 {
                font-size: 30px;
            }

            .HubSpot-prob-3-wvprs-section {
                padding: 60px 0;
            }

            .HubSpot-prob-3-wvprs-mb-16 {
                margin-bottom: 48px;
            }
        }

        @media (max-width: 480px) {
            .HubSpot-prob-3-wvprs-p-8 {
                padding: 24px;
            }

            .HubSpot-prob-3-wvprs-h3 {
                font-size: 1.25rem;
            }

            .HubSpot-prob-3-wvprs-mb-6 {
                margin-bottom: 0px;
            }

            .HubSpot-prob-3-wvprs-gap-6 {
                gap: 0px;
            }

            .HubSpot-prob-3-wvprs-text-lg {
                font-size: 1rem;
            }

            .HubSpot-prob-3-wvprs-container {
                padding: 0 16px;
            }

            .HubSpot-prob-3-wvprs-flex {
                flex-direction: column;
                align-items: flex-start;
            }

            .HubSpot-prob-3-wvprs-items-center {
                align-items: flex-start;
            }

            .HubSpot-prob-3-wvprs-solution-icon {
                margin-bottom: 16px;
            }
        }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1d03d94 */.HubSpot-prob-4-container-lg {
            max-width: 1140px;
            margin: 0 auto;
            padding: 0 24px;
            font-family: 'inter' !important;
        }

        .HubSpot-prob-4-section {
            padding: 80px 0;
        }

        /* --- Custom Section Background --- */
        .HubSpot-prob-4-section-bg {
            background: linear-gradient(135deg, #f9fafb, #ffffff, rgba(146, 128, 241, 0.05));
        }

        .HubSpot-prob-4-grid {
            display: grid;
            gap: 24px;
        }

        .HubSpot-prob-4-flex {
            display: flex;
        }

        .HubSpot-prob-4-items-center {
            align-items: center;
        }

        .HubSpot-prob-4-justify-center {
            justify-content: center;
        }

        .HubSpot-prob-4-gap-8 {
            gap: 32px;
        }

        .HubSpot-prob-4-text-center {
            text-align: center;
        }

        .HubSpot-prob-4-mb-4 {
            margin-bottom: 16px;
        }

        .HubSpot-prob-4-mb-6 {
            margin-bottom: 24px;
        }

        .HubSpot-prob-4-mb-16 {
            margin-bottom: 64px;
        }

        .HubSpot-prob-4-p-8 {
            padding: 32px;
        }

        .HubSpot-prob-4-px-6 {
            padding-left: 24px;
            padding-right: 24px;
        }

        .HubSpot-prob-4-text-white {
            color: #ffffff;
        }

        .HubSpot-prob-4-text-gray {
            color: #6b7280;
            font-size: 15px;
            margin-bottom: 0px !important;
        }

        .HubSpot-prob-4-text-gray-dark {
            color: #1f2937;
        }

        .HubSpot-prob-4-h2 {
            font-size: 35px;
            font-weight: 700;
            line-height: 1.2;
            margin-bottom: 24px;
            font-family: 'outfit' !important;
        }

        .HubSpot-prob-4-h4 {
            font-size: 20px;
            font-weight: 600;
            margin-bottom: 12px;
            color: #1f2937;
            line-height: 1.2;
            font-family: 'outfit' !important;
        }

        .HubSpot-prob-4-text-xl {
            font-size: 18px;
            line-height: 1.6;
            margin: auto;
            max-width: 40rem;
        }

        .HubSpot-prob-4-text-sm {
            font-size: 0.875rem;
        }

        .HubSpot-prob-4-font-medium {
            font-weight: 500;
        }

        .HubSpot-prob-4-card {
            background: #ffffff;
            border-radius: 12px;
            box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
            transition: all 0.3s ease;
        }

        .HubSpot-prob-4-badge {
            display: inline-flex;
            align-items: center;
            padding: 8px 16px;
            border-radius: 20px;
            font-size: 0.875rem;
            font-weight: 500;
            background: rgba(146, 128, 241, 0.1);
            color: #9280F1;
        }

        .HubSpot-prob-4-icon-lg {
            width: 32px;
            height: 32px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 25px;
        }

        /* Gradient Utility Classes */
        .HubSpot-prob-4-gradient-blue {
            background: linear-gradient(135deg, #3b82f6, #06b6d4);
        }

        .HubSpot-prob-4-gradient-green {
            background: linear-gradient(135deg, #10b981, #059669);
        }

        .HubSpot-prob-4-gradient-purple {
            background: linear-gradient(135deg, #8b5cf6, #ec4899);
        }

        .HubSpot-prob-4-gradient-orange {
            background: linear-gradient(135deg, #f59e0b, #ef4444);
        }

        .HubSpot-prob-4-gradient-teal {
            background: linear-gradient(135deg, #14b8a6, #0d9488);
        }

        .HubSpot-prob-4-gradient-pink {
            background: linear-gradient(135deg, #ec4899, #db2777);
        }

        /* End Gradient Utility Classes */


        /* --- Section Separator (Divider under H2) --- */
        .HubSpot-prob-4-section-separator {
            margin-top: 32px;
        }

        .HubSpot-prob-4-separator-line-base {
            width: 80px;
            height: 4px;
            border-radius: 2px;
        }

        .HubSpot-prob-4-separator-line-right {
            background: linear-gradient(to right, #9280F1, rgba(146, 128, 241, 0.6));
        }

        .HubSpot-prob-4-separator-line-left {
            background: linear-gradient(to left, #9280F1, rgba(146, 128, 241, 0.6));
        }

        .HubSpot-prob-4-separator-dot {
            width: 12px;
            height: 12px;
            background: #9280F1;
            border-radius: 50%;
            margin: 0 16px;
        }

        /* --- Features Section Specific Styling --- */
        .HubSpot-prob-4-features-card {
            position: relative;
            overflow: hidden;
            background-color: #903afa09;
            transition: all 0.5s ease;
        }

        .HubSpot-prob-4-features-card:hover {
            transform: translateY(-8px);
            box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1);
        }

        .HubSpot-prob-4-features-card::before {
            content: '';
            position: absolute;
            rotate: 180deg;
            top: -26px;
            right: -26px;
            width: 96px;
            height: 96px;
            background: linear-gradient(45deg, rgba(147, 128, 241, 0.2), transparent);
            /* Primary color variant */
            border-radius: 50%;
            opacity: 0;
            transition: all 0.7s ease;
        }

        .HubSpot-prob-4-features-card:hover::before {
            opacity: 1;
            transform: scale(1.1);
        }

        .HubSpot-prob-4-features-card::after {
            content: '';
            position: absolute;
            bottom: -20px;
            left: -20px;
            width: 100px;
            height: 100px;
            background: linear-gradient(45deg, rgba(147, 128, 241, 0.2), transparent);
            /* Primary color variant */
            border-radius: 50%;
            opacity: 0;
            transition: all 0.5s ease;
        }

        .HubSpot-prob-4-features-card:hover::after {
            opacity: 1;
        }

        .HubSpot-prob-4-features-icon-container {
            position: relative;
            display: inline-flex;
            padding: 16px 9px 10px 20px;
            border-radius: 12px;
            transition: all 0.5s ease;
        }
        .HubSpot-prob-4-features-icon-container-1 {
            position: relative;
            display: inline-flex;
            padding: 16px 4px 10px 24px;
            border-radius: 12px;
            transition: all 0.5s ease;
        }

        .HubSpot-prob-4-features-card:hover .HubSpot-prob-4-features-icon-container {
            transform: scale(1.1);
        }

        .HubSpot-prob-4-features-accent {
            height: 4px;
            border-radius: 2px;
            transition: all 0.5s ease;
        }

        .HubSpot-prob-4-features-card:hover .HubSpot-prob-4-features-accent {
            width: 64px !important;
        }

        /* Accent line default width */
        .HubSpot-prob-4-accent-line-init {
            width: 32px;
        }

        /* Accent line wrapper and dot */
        .HubSpot-prob-4-card-accent-container {
            margin-top: 24px;
            display: flex;
            align-items: center;
        }

        .HubSpot-prob-4-accent-dot {
            margin-left: 8px;
            width: 8px;
            height: 8px;
            background: #e5e7eb;
            border-radius: 50%;
        }

        /* --- Footer Message Box --- */
        .HubSpot-prob-4-footer-message-container {
            margin-top: 80px;
        }

        .HubSpot-prob-4-message-box {
            display: inline-flex;
            align-items: center;
            gap: 16px;
            padding: 16px 32px;
            background: #ffffff;
            border-radius: 50px;
            box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
            border: 1px solid #f3f4f6;
        }

        .HubSpot-prob-4-color-dots-wrapper {
            display: flex;
            margin-left: -8px;
        }

        .HubSpot-prob-4-color-dot-base {
            width: 12px;
            height: 12px;
            border-radius: 50%;
        }

        .HubSpot-prob-4-color-dot-offset {
            margin-left: -4px;
        }

        .HubSpot-prob-4-dot-blue {
            background: linear-gradient(135deg, #3b82f6, #06b6d4);
        }

        .HubSpot-prob-4-dot-green {
            background: linear-gradient(135deg, #10b981, #059669);
        }

        .HubSpot-prob-4-dot-purple {
            background: linear-gradient(135deg, #8b5cf6, #ec4899);
        }

        /* Responsive Design Enhancements */
        @media (min-width: 769px) {
            .HubSpot-prob-4-grid-3 {
                grid-template-columns: repeat(3, 1fr);
            }
        }

        @media (max-width: 768px) {
            .HubSpot-prob-4-section {
                padding: 60px 0;
                /* Slightly less vertical padding on mobile */
            }

            .HubSpot-prob-4-grid-3 {
                grid-template-columns: 1fr;
                /* Stack cards vertically */
            }

            .HubSpot-prob-4-h2 {
                font-size: 30px;
                /* Adjusted heading size */
            }

            .HubSpot-prob-4-text-xl {
                font-size: 16px;
                /* Slightly reduced large text size for mobile readability */
            }

            .HubSpot-prob-4-mb-16 {
                margin-bottom: 40px;
                /* Reducing large bottom margin for mobile */
            }

            .HubSpot-prob-4-footer-message-container {
                margin-top: 60px;
                /* Reduced footer margin */
            }

            .HubSpot-prob-4-p-8 {
                padding: 24px;
                /* Slightly reduced padding inside cards */
            }
        }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-71494e1 */.HubSpot-prob-5-container {
            max-width: 1140px;
            margin: 0 auto;
            padding: 0 24px;
            font-family: 'inter' !important;
        }

        .HubSpot-prob-5-section {
            padding: 80px 0;
        }

        /* New class for the section's background gradient (replaces inline style) */
        .HubSpot-prob-5-section-bg {
            background: linear-gradient(135deg, #f9fafb, rgba(59, 130, 246, 0.1));
        }

        .HubSpot-prob-5-grid {
            display: grid;
            gap: 24px;
        }

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

        .HubSpot-prob-5-flex {
            display: flex;
        }

        .HubSpot-prob-5-items-center {
            align-items: center;
        }

        .HubSpot-prob-5-justify-between {
            justify-content: space-between;
        }

        .HubSpot-prob-5-gap-4 {
            gap: 16px;
        }

        .HubSpot-prob-5-gap-8 {
            gap: 32px;
        }

        .HubSpot-prob-5-mb-4 {
            margin-bottom: 16px;
        }

        .HubSpot-prob-5-mb-6 {
            margin-bottom: 24px;
        }

        .HubSpot-prob-5-mb-8 {
            margin-bottom: 32px;
        }

        .HubSpot-prob-5-p-4 {
            padding: 16px;
        }

        .HubSpot-prob-5-p-8 {
            padding: 32px;
        }

        .HubSpot-prob-5-px-6 {
            padding-left: 24px;
            padding-right: 24px;
        }

        .HubSpot-prob-5-shadow-2xl {
            box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
        }

        .HubSpot-prob-5-bg-primary {
            background-color: #9280F1;
            /* Primary color */
        }

        .HubSpot-prob-5-text-white {
            color: #ffffff;
            /* White color */
        }

        .HubSpot-prob-5-text-gray {
            color: #6b7280;
            /* Light text color */
        }

        .HubSpot-prob-5-text-gray-dark {
            color: #1f2937;
            /* Dark text color */
        }

        .HubSpot-prob-5-h2 {
            font-size: 35px;
            font-weight: 700;
            line-height: 1.2;
            margin-bottom: 24px;
            font-family: 'outfit' !important;
        }

        .HubSpot-prob-5-text-xl {
            font-size: 18px;
            line-height: 1.6;
        }

        .HubSpot-prob-5-text-lg {
            font-size: 20px;
            line-height: 1.2;
            margin-bottom: 0px !important;
            font-family: 'outfit' !important;
        }

        .HubSpot-prob-5-text-sm {
            font-size: 0.875rem;
        }

        .HubSpot-prob-5-font-semibold {
            font-weight: 600;
        }

        .HubSpot-prob-5-font-medium {
            font-weight: 500;
        }

        .HubSpot-prob-5-card {
            background: #ffffff;
            /* White color */
            border-radius: 12px;
            box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
        }

        .HubSpot-prob-5-badge {
            display: inline-flex;
            align-items: center;
            padding: 8px 16px;
            border-radius: 20px;
            font-size: 0.875rem;
            font-weight: 500;
            background: rgba(146, 128, 241, 0.1);
            line-height: 1.2;
            color: #9280F1;
            /* Primary color */
        }

        .HubSpot-prob-5-badge-1 {
            display: inline-flex;
            align-items: center;
            padding: 8px 16px;
            border-radius: 20px;
            font-size: 0.875rem;
            font-weight: 500;
            background: rgba(146, 128, 241, 0.1);
            line-height: 1.2;
            color: #9280F1;
            /* Primary color */
        }

        /* New class for the "Real-time" badge (replaces inline style) */
        .HubSpot-prob-5-badge-realtime {
            background: rgba(16, 185, 129, 0.1);
            color: #10b981;
            /* Green color */
        }

        .HubSpot-prob-5-icon {
            width: 24px;
            height: 24px;
            text-align: center;
            color: #9280F1;
            font-size: 25px;
        }

        /* --- New Structural and Dot Classes (Replaces Inline Styles) --- */

        /* Wrapper for the card to allow absolute positioning of the icon */
        .HubSpot-prob-5-card-wrapper {
            position: relative;
        }

        /* Floating Icon Box positioning */
        .HubSpot-prob-5-floating-icon-box {
            position: absolute;
            top: -16px;
            right: -16px;
        }

        /* Timeline Item Backgrounds and Dots */
        .HubSpot-prob-5-timeline-item-blue {
            background: rgba(59, 130, 246, 0.1);
            border-radius: 8px;
        }

        .HubSpot-prob-5-dot-blue {
            width: 12px;
            height: 12px;
            background: #3b82f6;
            /* Blue color */
            border-radius: 50%;
        }

        .HubSpot-prob-5-timeline-item-green {
            background: rgba(16, 185, 129, 0.1);
            border-radius: 8px;
        }

        .HubSpot-prob-5-dot-green {
            width: 12px;
            height: 12px;
            background: #10b981;
            /* Green color */
            border-radius: 50%;
        }

        .HubSpot-prob-5-timeline-item-purple {
            background: rgba(139, 92, 246, 0.1);
            border-radius: 8px;
        }

        .HubSpot-prob-5-dot-purple {
            width: 12px;
            height: 12px;
            background: #8b5cf6;
            /* Purple color */
            border-radius: 50%;
        }



        /* Animations */
        @keyframes HubSpot-prob-5-pulse {

            0%,
            100% {
                opacity: 1;
            }

            50% {
                opacity: 0.5;
            }
        }

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

        /* Responsive Design Enhancements for Mobile */
        @media (max-width: 768px) {
            .HubSpot-prob-5-section {
                padding: 60px 0;
                /* Reduced padding for mobile */
            }

            .HubSpot-prob-5-grid-2 {
                grid-template-columns: 1fr;
                /* Stacks the two columns */
            }

            .HubSpot-prob-5-h2 {
                font-size: 30px;
                /* Reduced heading size */
            }

            .HubSpot-prob-5-text-xl {
                font-size: 16px;
            }

            .HubSpot-prob-5-p-8 {
                padding: 18px;
                /* Reduced card padding */
            }

            /* Target the main grid wrapper for smaller gap */
            .HubSpot-prob-5-grid.HubSpot-prob-5-gap-8 {
                gap: 24px;
            }

            .HubSpot-prob-5-badge {
                font-size: 9px;
                padding: 4px 8px;

            }

            .HubSpot-prob-5-badge-1 {
                font-size: 13px;
                padding: 8px 16px;

            }
        }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ad23c6c */.HubSpot-prob-6-color-primary {
            color: #9280F1;
        }

        .HubSpot-prob-6-color-text {
            color: #1f2937;
        }

        .HubSpot-prob-6-color-text-light {
            color: #6b7280;
        }

        .HubSpot-prob-6-color-white {
            color: #ffffff;
        }

        /* Icon Background Colors */
        .HubSpot-prob-6-bg-yellow {
            background-color: #eab308;
        }

        .HubSpot-prob-6-bg-blue {
            background-color: #3b82f6;
        }

        .HubSpot-prob-6-bg-green {
            background-color: #10b981;
        }

        .HubSpot-prob-6-bg-purple {
            background-color: #8b5cf6;
        }

        .HubSpot-prob-6-bg-orange {
            background-color: #f59e0b;
        }

        .HubSpot-prob-6-bg-teal {
            background-color: #14b8a6;
        }

        /* Utility Classes */

        .HubSpot-prob-6-container {
            max-width: 1140px;
            margin: 0 auto;
            padding: 0 24px;
            font-family: 'inter' !important;
        }

        .HubSpot-prob-6-section {
            padding: 80px 0;
        }

        .HubSpot-prob-6-grid {
            display: grid;
            gap: 24px;
        }

        .HubSpot-prob-6-grid-3 {
            grid-template-columns: repeat(3, 1fr);
            /* Default: 3 columns for large screens */
        }

        .HubSpot-prob-6-flex {
            display: flex;
        }

        .HubSpot-prob-6-items-start {
            align-items: flex-start;
        }

        .HubSpot-prob-6-gap-4 {
            gap: 16px;
        }

        .HubSpot-prob-6-gap-6 {
            gap: 24px;
        }

        .HubSpot-prob-6-text-center {
            text-align: center;
        }

        .HubSpot-prob-6-mb-4 {
            margin-bottom: 16px;
        }

        .HubSpot-prob-6-mb-16 {
            margin-bottom: 64px;
        }

        .HubSpot-prob-6-p-6 {
            padding: 24px;
        }

        .HubSpot-prob-6-px-6 {
            padding-left: 24px;
            padding-right: 24px;
        }

        .HubSpot-prob-6-bg-white {
            background-color: #ffffff;
        }

        .HubSpot-prob-6-text-white {
            color: #ffffff;
        }

        .HubSpot-prob-6-text-gray {
            color: #6b7280;
        }

        .HubSpot-prob-6-text-gray-dark {
            color: #1f2937;
        }

        .HubSpot-prob-6-h2 {
            font-size: 35px;
            font-weight: 700;
            line-height: 1.2;
            margin-bottom: 24px;
            font-family: 'outfit' !important;
        }

        .HubSpot-prob-6-text-xl {
            font-size: 18px;
            line-height: 1.6;
            margin: auto;
            max-width: 45rem;
        }

        .HubSpot-prob-6-text-sm {
            font-size: 15px;
            line-height: 1.6;
            margin-bottom: 0px !important;
        }

        .HubSpot-prob-6-font-semibold {
            font-weight: 600;
            font-size: 20px;
            line-height: 1.2;
            font-family: 'outfit' !important;
        }

        .HubSpot-prob-6-card {
            background: #ffffff;
            border-radius: 12px;
            box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
            transition: all 0.3s ease;
        }

        .HubSpot-prob-6-card:hover {
            box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1);
            transform: translateY(-4px);
        }

        .HubSpot-prob-6-badge {
            display: inline-flex;
            align-items: center;
            padding: 8px 16px;
            border-radius: 20px;
            font-size: 0.875rem;
            font-weight: 500;
            background: rgba(146, 128, 241, 0.1);
            color: #9280F1;
        }

        .HubSpot-prob-6-icon {
            width: 24px;
            height: 24px;
            text-align: center;
            font-size: 25px;
        }

        .HubSpot-prob-6-icon-block {
            padding: 16px 16px 13px 16px;
            border-radius: 8px;
        }

        .HubSpot-prob-6-flex-content {
            flex: 1;
        }

        /* Responsive Design Enhancements */

        /* Tablet Layout (2 columns) - for screens between 640px and 991px */
        @media (min-width: 640px) and (max-width: 991px) {
            .HubSpot-prob-6-grid-3 {
                grid-template-columns: repeat(2, 1fr);
            }

            .HubSpot-prob-6-h2 {
                font-size: 30px;
            }
        }

        /* Mobile Layout (1 column) - for screens below 640px */
        @media (max-width: 639px) {
            .HubSpot-prob-6-grid-3 {
                grid-template-columns: 1fr;
            }

            .HubSpot-prob-6-h2 {
                font-size: 30px;
            }

            .HubSpot-prob-6-text-xl {
                font-size: 16px;
            }

            .HubSpot-prob-6-section {
                padding: 60px 0;
            }
        }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-02297ba */.HubSpot-prob-7-color-primary {
            color: #9280F1;
        }

        .HubSpot-prob-7-color-text {
            color: #1f2937;
        }

        .HubSpot-prob-7-color-text-light {
            color: #6b7280;
        }

        .HubSpot-prob-7-color-text-lighter {
            color: #9ca3af;
        }

        .HubSpot-prob-7-color-white {
            color: #ffffff;
        }

        .HubSpot-prob-7-color-green {
            color: #10b981;
        }

        .HubSpot-prob-7-color-blue {
            color: #3b82f6;
        }

        .HubSpot-prob-7-color-purple {
            color: #8b5cf6;
        }

        .HubSpot-prob-7-color-orange {
            color: #f59e0b;
        }

        .HubSpot-prob-7-color-red {
            color: #ef4444;
        }

        .HubSpot-prob-7-color-yellow {
            color: #eab308;
        }

        /* Background Colors based on original :root variables */
        .HubSpot-prob-7-bg-primary {
            background: #9280F1;
        }

        .HubSpot-prob-7-bg-green {
            background: #10b981;
        }

        .HubSpot-prob-7-bg-blue {
            background: #3b82f6;
        }

        .HubSpot-prob-7-bg-purple {
            background: #8b5cf6;
        }

        .HubSpot-prob-7-bg-orange {
            background: #f59e0b;
        }

        .HubSpot-prob-7-bg-white {
            background: #ffffff;
        }

        .HubSpot-prob-7-bg-light-green {
            background: rgba(16, 185, 129, 0.1);
        }

        .HubSpot-prob-7-bg-light-blue {
            background: rgba(59, 130, 246, 0.1);
        }

        .HubSpot-prob-7-bg-light-purple {
            background: rgba(139, 92, 246, 0.1);
        }

        .HubSpot-prob-7-bg-light-orange {
            background: rgba(245, 158, 11, 0.1);
        }

        .HubSpot-prob-7-bg-tab-initial {
            background: rgba(255, 255, 255, 0.5);
        }

        .HubSpot-prob-7-bg-team-section {
            background: linear-gradient(135deg, rgba(146, 128, 241, 0.05), rgba(59, 130, 246, 0.05));
        }

        .HubSpot-prob-7-bg-sales-card {
            background: linear-gradient(135deg, rgba(16, 185, 129, 0.1), rgba(5, 150, 105, 0.1));
            border: 1px solid rgba(16, 185, 129, 0.1);
        }

        .HubSpot-prob-7-bg-support-card {
            background: linear-gradient(135deg, rgba(59, 130, 246, 0.1), rgba(6, 182, 212, 0.1));
            border: 1px solid rgba(59, 130, 246, 0.1);
        }

        .HubSpot-prob-7-bg-account-card {
            background: linear-gradient(135deg, rgba(139, 92, 246, 0.1), rgba(236, 72, 153, 0.1));
            border: 1px solid rgba(139, 92, 246, 0.1);
        }

        .HubSpot-prob-7-bg-leader-card {
            background: linear-gradient(135deg, rgba(245, 158, 11, 0.1), rgba(239, 68, 68, 0.1));
            border: 1px solid rgba(245, 158, 11, 0.1);
        }

        /* Custom Colors for text elements in cards */
        .HubSpot-prob-7-color-dark-green {
            color: #065f46;
        }

        .HubSpot-prob-7-color-dark-blue {
            color: #1e40af;
        }

        .HubSpot-prob-7-color-dark-purple {
            color: #6b21a8;
        }

        .HubSpot-prob-7-color-dark-orange {
            color: #92400e;
        }

        .HubSpot-prob-7-wvprs-container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 24px;
            font-family: 'inter' !important;
        }

        .HubSpot-prob-7-wvprs-section {
            padding: 80px 0;
        }

        .HubSpot-prob-7-wvprs-grid {
            display: grid;
            gap: 24px;
        }

        .HubSpot-prob-7-wvprs-grid-2 {
            grid-template-columns: repeat(2, 1fr);
        }

        .HubSpot-prob-7-wvprs-grid-3 {
            grid-template-columns: repeat(3, 1fr);
        }

        .HubSpot-prob-7-wvprs-flex {
            display: flex;
        }

        .HubSpot-prob-7-wvprs-flex-col {
            flex-direction: column;
        }

        .HubSpot-prob-7-wvprs-items-center {
            align-items: center;
        }

        .HubSpot-prob-7-wvprs-justify-center {
            justify-content: center;
        }

        .HubSpot-prob-7-wvprs-justify-between {
            justify-content: space-between;
        }

        .HubSpot-prob-7-wvprs-gap-4 {
            gap: 16px;
        }

        .HubSpot-prob-7-wvprs-gap-6 {
            gap: 24px;
        }

        .HubSpot-prob-7-wvprs-gap-8 {
            gap: 32px;
        }

        .HubSpot-prob-7-wvprs-text-center {
            text-align: center;
        }

        .HubSpot-prob-7-wvprs-mb-4 {
            margin-bottom: 16px;
        }

        .HubSpot-prob-7-wvprs-mb-8 {
            margin-bottom: 32px;
        }

        .HubSpot-prob-7-wvprs-mb-16 {
            margin-bottom: 64px;
        }

        .HubSpot-prob-7-wvprs-p-4 {
            padding: 16px;
        }

        .HubSpot-prob-7-wvprs-p-6 {
            padding: 24px;
        }

        .HubSpot-prob-7-wvprs-p-6-1 {
            padding: 10px;
        }

        .HubSpot-prob-7-wvprs-p-8 {
            padding: 32px;
        }

        .HubSpot-prob-7-wvprs-px-6 {
            padding-left: 24px;
            padding-right: 24px;
        }

        .HubSpot-prob-7-wvprs-rounded-2xl {
            border-radius: 16px;
        }

        .HubSpot-prob-7-wvprs-shadow-lg {
            box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
        }

        .HubSpot-prob-7-wvprs-shadow-xl {
            box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
        }

        .HubSpot-prob-7-wvprs-text-primary {
            color: #9280F1;
        }

        .HubSpot-prob-7-wvprs-text-white {
            color: #ffffff;
        }

        .HubSpot-prob-7-wvprs-text-gray {
            color: #6b7280;
        }

        .HubSpot-prob-7-wvprs-text-gray-dark {
            color: #1f2937;
        }

        .HubSpot-prob-7-wvprs-text-gray-lighter {
            color: #9ca3af;
        }

        .HubSpot-prob-7-wvprs-h2 {
            font-size: 35px;
            font-weight: 700;
            line-height: 1.2;
            margin: 0 0 24px 0;
            font-family: 'Outfit', sans-serif;
        }

        .HubSpot-prob-7-wvprs-h3 {
            font-size: 20px;
            font-weight: 600;
            margin: 0;
            font-family: 'Outfit', sans-serif;
        }

        .HubSpot-prob-7-wvprs-text-xl {
            font-size: 18px;
            line-height: 1.6;
            max-width: 50rem;
            margin: auto;
        }

        .HubSpot-prob-7-wvprs-text-lg {
            font-size: 15px;
            line-height: 1.6;
            margin-bottom: 0px !important;
        }

        .HubSpot-prob-7-wvprs-text-sm {
            font-size: 0.875rem;
        }

        .HubSpot-prob-7-wvprs-text-xs {
            font-size: 0.75rem;
        }

        .HubSpot-prob-7-wvprs-font-bold {
            font-weight: 700;
        }

        .HubSpot-prob-7-wvprs-font-semibold {
            font-weight: 600;
            font-size: 20px;
            font-family: 'outfit' !important;
        }

        .HubSpot-prob-7-wvprs-font-semibold-1 {
            font-weight: 600;
            font-size: 18px;
            font-family: 'outfit' !important;
        }

        .HubSpot-prob-7-wvprs-font-medium {
            font-weight: 500;
        }

        .HubSpot-prob-7-wvprs-card {
            background: #ffffff;
            border-radius: 12px;
            box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
        }

        .HubSpot-prob-7-wvprs-badge {
            display: inline-flex;
            align-items: center;
            padding: 8px 16px;
            border-radius: 20px;
            font-size: 0.875rem;
            font-weight: 500;
            background: rgba(146, 128, 241, 0.1);
            color: #9280F1;
        }

        .HubSpot-prob-7-wvprs-icon {
            width: 24px;
            height: 24px;
            text-align: center;
        }

        .HubSpot-prob-7-wvprs-icon-sm {
            width: 16px;
            height: 16px;
        }

        .HubSpot-prob-7-wvprs-icon-lg {
            width: 32px;
            height: 32px;
        }

        .HubSpot-prob-7-wvprs-icon-xl {
            width: 30px;
            height: 30px;
            display: flex !important;
            align-items: center;
            justify-content: center;
            font-size: 25px;
        }

        .HubSpot-prob-7-wvprs-mb-6 {
            margin-bottom: 10px;
        }

        /* Team Section */
        .HubSpot-prob-7-wvprs-team-section {
            background: linear-gradient(135deg, rgba(146, 128, 241, 0.05), rgba(59, 130, 246, 0.05));
        }

        .HubSpot-prob-7-wvprs-tab-button {
            display: flex;
            align-items: center;
            gap: 16px;
            padding: 16px;
            border-radius: 12px;
            text-align: left;
            transition: all 0.3s ease;
            background: rgba(255, 255, 255, 0.5);
            border: 2px solid transparent;
            cursor: pointer;
            width: 100%;
        }

        .HubSpot-prob-7-wvprs-tab-button:hover {
            background: #ffffff;
            box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
        }

        .HubSpot-prob-7-wvprs-tab-button.HubSpot-prob-7-wvprs-active {
            background: #ffffff;
            box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
            border-color: rgba(146, 128, 241, 0.2);
        }

        .HubSpot-prob-7-wvprs-tab-icon {
            padding: 12px;
            border-radius: 8px;
            color: #ffffff;
            transition: transform 0.3s ease;
            font-size: 22px;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .HubSpot-prob-7-wvprs-tab-button.HubSpot-prob-7-wvprs-active .HubSpot-prob-7-wvprs-tab-icon {
            transform: scale(1.1);
        }

        .HubSpot-prob-7-wvprs-tab-content {
            display: none;
        }

        .HubSpot-prob-7-wvprs-tab-content.HubSpot-prob-7-wvprs-active {
            display: block;
        }

        .HubSpot-prob-7-wvprs-progress-bar {
            width: 100%;
            height: 8px;
            background: #e5e7eb;
            border-radius: 4px;
            overflow: hidden;
        }

        .HubSpot-prob-7-wvprs-progress-fill {
            height: 100%;
            border-radius: 4px;
            transition: width 0.3s ease;
        }

        /* Specific styles derived from inline styles */
        .HubSpot-prob-7-wvprs-left-panel {
            min-width: 280px;
        }

        .HubSpot-prob-7-wvprs-right-panel {
            align-self: center;
            flex: 1;
        }

        .HubSpot-prob-7-wvprs-dot {
            width: 12px;
            height: 12px;
            background: #9280F1;
            border-radius: 50%;
            flex-shrink: 0;
        }

        .HubSpot-prob-7-wvprs-card-header-sales {
            color: #065f46;
        }

        .HubSpot-prob-7-wvprs-badge-sales {
            background: rgba(16, 185, 129, 0.1);
            color: #065f46;
        }

        .HubSpot-prob-7-wvprs-sales-card-metrics {
            color: #10b981;
            font-size: 1.5rem;
        }

        .HubSpot-prob-7-wvprs-progress-bar-width {
            width: 128px;
        }

        .HubSpot-prob-7-wvprs-card-header-support {
            color: #1e40af;
        }

        .HubSpot-prob-7-wvprs-badge-support {
            background: rgba(59, 130, 246, 0.1);
            color: #1e40af;
        }

        .HubSpot-prob-7-wvprs-card-header-account {
            color: #6b21a8;
        }

        .HubSpot-prob-7-wvprs-badge-account {
            background: rgba(139, 92, 246, 0.1);
            color: #6b21a8;
        }

        .HubSpot-prob-7-wvprs-card-header-leader {
            color: #92400e;
        }

        .HubSpot-prob-7-wvprs-badge-leader {
            background: rgba(245, 158, 11, 0.1);
            color: #92400e;
        }

        .HubSpot-prob-7-wvprs-leader-metrics {
            color: #f59e0b;
            font-size: 1.5rem;
        }

        .HubSpot-prob-7-wvprs-progress-bar-short {
            width: 80px;
        }

        /* Responsive Design - UPDATED */
        @media (max-width: 768px) {
            .HubSpot-prob-7-wvprs-container {
                padding: 0 16px;
            }

            .HubSpot-prob-7-wvprs-grid-2 {
                grid-template-columns: 1fr;
            }

            .HubSpot-prob-7-wvprs-h2 {
                font-size: 30px;
            }

            .HubSpot-prob-7-wvprs-text-xl {
                font-size: 16px;
            }

            /* Make ONLY the main layout (tabs vs content) stack vertically.
               This is the targeted fix to prevent breaking internal component layouts. */
            .HubSpot-prob-7-wvprs-container>.HubSpot-prob-7-wvprs-flex {
                flex-direction: column;
            }

            /* Remove minimum width constraints for better flow on mobile */
            .HubSpot-prob-7-wvprs-left-panel,
            .HubSpot-prob-7-wvprs-tab-button {
                min-width: auto;
            }

            /* Allow content inside cards to wrap if space is limited */
            .HubSpot-prob-7-wvprs-justify-between {
                flex-wrap: wrap;
                gap: 8px;
                /* Add a small gap for wrapped items */
            }
        }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-36fd6ac */.A-C-N-833-prob-4-faq-cta-all-container {
            max-width: 1140px;
            margin: 0 auto;
            padding: 0 20px;
            font-family: 'inter' !important;
        }
        
        /* CTA Section Styles */
        .A-C-N-833-prob-4-faq-cta-all-cta-section {
            padding: 100px 0;
            background: linear-gradient(135deg, #9380f2 0%, #7c6acf 100%);
            color: #ffffff;
            text-align: center;
        }
        
        .A-C-N-833-prob-4-faq-cta-all-cta-section h2 {
            font-size: 35px;
            margin-bottom: 10px;
            font-weight: 700;
            color: #fff !important;
            line-height: 1.2;
            font-family: 'outfit' !important;
        }
        
        .A-C-N-833-prob-4-faq-cta-all-cta-section p {
            max-width: 45rem;
            margin: 0 auto 30px;
            font-size: 18px;
            opacity: 0.9;
        }
        
        .A-C-N-833-prob-4-faq-cta-all-cta-button {
            display: inline-block;
            background-color: #ffffff !important;
            color: #9380f2!important;
            border: 2px solid #ffffff;
            padding: 15px 40px;
            border-radius: 10px;
            font-weight: 500;
            cursor: pointer;
            transition: all 0.3s ease;
            font-size: 18px;
            text-decoration: none;
            box-shadow: 0 4px 15px rgba(0,0,0,0.1);
        }
        
        .A-C-N-833-prob-4-faq-cta-all-cta-button:hover {
            background-color: #ffffff!important;
            color: #9380f2!important;
            border-color: #ffffff!important;
            transform: translateY(-3px);
            box-shadow: 0 8px 20px rgba(0,0,0,0.2);
        }
        
        /* Responsive Design */
        @media (max-width: 768px) {
            .A-C-N-833-prob-4-faq-cta-all-cta-section {
                padding: 80px 20px; /* Added horizontal padding */
            }
            
            .A-C-N-833-prob-4-faq-cta-all-cta-section h2 {
                font-size: 30px;
            }
            
            .A-C-N-833-prob-4-faq-cta-all-cta-section p {
                font-size: 16px;
            }
        }

        @media (max-width: 480px) {
            .A-C-N-833-prob-4-faq-cta-all-cta-section {
                padding: 60px 20px; /* Adjusted padding */
            }
            
            .A-C-N-833-prob-4-faq-cta-all-cta-section h2 {
                font-size: 30px;
            }
            
            .A-C-N-833-prob-4-faq-cta-all-cta-button {
                padding: 12px 30px;
                font-size: 15px;
                width: 100%; /* Make button full-width on small screens */
                max-width: 300px; /* Optional: constrain max-width */
            }
        }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9bbf8cb */.A-C-N-833-prob-5-uniaq-faq-container {
            max-width: 1140px;
            margin: 0 auto;
            padding: 5rem 20px;
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
        }

        .A-C-N-833-prob-5-uniaq-faq-header {
            text-align: center;
            margin-bottom: 4rem;
        }

        .A-C-N-833-prob-5-uniaq-faq-title {
            font-size: 35px;
            font-weight: 700;
            margin-bottom: 1.5rem;
            color: #111827;
            line-height: 1.2;
            font-family: 'outfit' !important;
        }

        .A-C-N-833-prob-5-uniaq-faq-item {
            background: #ffffff !Important;
            border-radius: 1rem;
            border: 1px solid #e5e7eb;
            overflow: hidden;
            margin-bottom: 1rem;
            transition: all 0.3s ease;
            box-shadow: 0 1px 3px rgba(0,0,0,0.05);
        }

        .A-C-N-833-prob-5-uniaq-faq-question {
            width: 100%;
            padding: 1.5rem;
            text-align: left;
            background: #ffffff !Important;
            border: none;
            cursor: pointer;
            display: flex;
            justify-content: space-between;
            align-items: center;
            font-weight: 600;
            color: #111827 !Important;
            font-size: 1.125rem;
            transition: all 0.3s ease;
        }

        .A-C-N-833-prob-5-uniaq-faq-question:hover {
            background-color: #f3f4f6;
        }

        .A-C-N-833-prob-5-uniaq-faq-answer {
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.3s ease, padding 0.3s ease;
            padding: 0 1.5rem;
            color: #6b7280;
        }

        .A-C-N-833-prob-5-uniaq-faq-answer.active {
            max-height: 500px;
            padding: 1.5rem;
            padding-top: 0;
            position: relative;
        }

        .A-C-N-833-prob-5-uniaq-faq-answer.active::before {
            content: "";
            display: block;
            height: 1px;
            background-color: #e5e7eb;
            margin-bottom: 1.5rem;
        }

        .A-C-N-833-prob-5-uniaq-faq-icon {
            transition: transform 0.3s ease;
            color: #9380f2;
            min-width: 24px;
            min-height: 24px;
        }

        .A-C-N-833-prob-5-uniaq-faq-question.active .A-C-N-833-prob-5-uniaq-faq-icon {
            transform: rotate(180deg);
        }

        /* Responsive Design */
        @media (max-width: 768px) {
            .A-C-N-833-prob-5-uniaq-faq-container {
                padding: 3rem 20px;
            }
            
            .A-C-N-833-prob-5-uniaq-faq-title {
                font-size: 30px;
            }
            
            .A-C-N-833-prob-5-uniaq-faq-subtitle {
                font-size: 16px;
            }
            
            .A-C-N-833-prob-5-uniaq-faq-question {
                padding: 1.25rem;
                font-size: 1rem;
            }
        }

        @media (max-width: 480px) {
            .A-C-N-833-prob-5-uniaq-faq-container {
                padding: 2rem 15px;
            }
            
            .A-C-N-833-prob-5-uniaq-faq-title {
                font-size: 30px;
            }
        }/* End custom CSS */