.elementor-30783 .elementor-element.elementor-element-2c428d3{--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-30783 .elementor-element.elementor-element-2c428d3:not(.elementor-motion-effects-element-type-background), .elementor-30783 .elementor-element.elementor-element-2c428d3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFEFE;}.elementor-30783 .elementor-element.elementor-element-4220c77b{--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-30783 .elementor-element.elementor-element-7e281e54{width:var( --container-widget-width, 42% );max-width:42%;--container-widget-width:42%;--container-widget-flex-grow:0;--e-icon-list-icon-size:16px;--icon-vertical-offset:0px;}.elementor-30783 .elementor-element.elementor-element-7e281e54 > .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-30783 .elementor-element.elementor-element-7e281e54 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-30783 .elementor-element.elementor-element-7e281e54 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-30783 .elementor-element.elementor-element-7e281e54 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-30783 .elementor-element.elementor-element-7e281e54 .elementor-icon-list-item > a{font-family:"Outfit", Sans-serif;font-size:16px;}.elementor-30783 .elementor-element.elementor-element-7e281e54 .elementor-icon-list-text{color:#018363;transition:color 0.3s;}.elementor-30783 .elementor-element.elementor-element-7ba05252 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-30783 .elementor-element.elementor-element-7ba05252{text-align:left;}.elementor-30783 .elementor-element.elementor-element-7ba05252 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:50px;font-weight:700;color:#000000;}.elementor-30783 .elementor-element.elementor-element-6fe3f6c8{font-family:"Inter", Sans-serif;font-size:18px;color:#000000;}.elementor-30783 .elementor-element.elementor-element-484378c5 .elementor-button:hover, .elementor-30783 .elementor-element.elementor-element-484378c5 .elementor-button:focus{background-color:#000000;}.elementor-30783 .elementor-element.elementor-element-19e045cf{--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-30783 .elementor-element.elementor-element-37082d5{--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-30783 .elementor-element.elementor-element-5ee635a{--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-30783 .elementor-element.elementor-element-9d3475d{--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-30783 .elementor-element.elementor-element-b320c76{--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-30783 .elementor-element.elementor-element-c6eca65{--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-30783 .elementor-element.elementor-element-76546ca{--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-30783 .elementor-element.elementor-element-1374e7d6{--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-30783 .elementor-element.elementor-element-6254d7e7 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-widget .tippy-tooltip .tippy-content{text-align:center;}@media(max-width:767px){.elementor-30783 .elementor-element.elementor-element-7e281e54{width:var( --container-widget-width, 261px );max-width:261px;--container-widget-width:261px;--container-widget-flex-grow:0;}.elementor-30783 .elementor-element.elementor-element-7e281e54 > .elementor-widget-container{padding:0px 19px 0px 15px;}.elementor-30783 .elementor-element.elementor-element-7ba05252 .elementor-heading-title{font-size:40px;}}@media(min-width:768px){.elementor-30783 .elementor-element.elementor-element-4220c77b{--width:50%;}.elementor-30783 .elementor-element.elementor-element-19e045cf{--width:50%;}}/* Start custom CSS for html, class: .elementor-element-2eee7d0 */.v-p-n-container {
            max-width: 1170px;
            margin: 0 auto;
            padding: 0 20px;
        }

        /* Local Presence Section - Light Grey Background */
        .v-p-n-local-section {
            padding: 80px 0;
            position: relative;
            overflow: hidden;
        }


        .v-p-n-section-header {
            text-align: center;
            margin-bottom: 30px;
        }

        .v-p-n-section-header h2 {
            font-size: 40px;
            font-weight: 700;
            color: #1a1a1a;
            margin-bottom: 15px;
        }

        .v-p-n-section-header p {
            font-size: 18px!important;
            color: #666;
            max-width: 768px;
            margin: 0 auto;
            line-height: 1.6;
        }

        .v-p-n-features-grid {
            display: grid;
            /* This CSS makes the grid responsive automatically */
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 32px;
            position: relative;
            z-index: 10;
        }

        .v-p-n-feature-card {
            background: white;
            border-radius: 16px;
            padding: 32px;
            text-align: center;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
            transition: all 0.3s ease;
        }

        .v-p-n-feature-card:hover {
            transform: translateY(-8px) scale(1.02);
            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
        }

        .v-p-n-feature-icon {
            width: 64px;
            height: 64px;
            background: rgba(0, 196, 154, 0.1);
            border-radius: 16px;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0 auto 15px;
            transition: all 0.3s ease;
        }

        .v-p-n-feature-card:hover .v-p-n-feature-icon {
            background: rgba(0, 196, 154, 0.2);
        }

        .v-p-n-feature-icon i {
            font-size: 1.5rem;
            color: #00c49a;
        }

        .v-p-n-feature-card h3 {
            font-size: 1.25rem;
            font-weight: 700;
            color: #1a1a1a;
            margin-bottom: 15px;
        }

        .v-p-n-feature-card p {
            color: #666;
            line-height: 1.6;
        }
        
        /* Responsive Design Adjustments */
        @media (max-width: 1024px) {
            .v-p-n-section-header h2 {
                font-size: 30px;
            }
        }

        @media (max-width: 768px) {
            .v-p-n-section-header h2 {
                font-size: 30px;
            }
        }

        @media (max-width: 480px) {
            .v-p-n-container {
                padding: 0 16px;
            }
            .v-p-n-local-section {
                padding: 60px 0;
            }
        }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-cfb51f8 *//* Scoped Reset and Base Styles for this component */
        /*.key-features-section-wrapper {*/
        /*    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;*/
        /*    line-height: 1.6;*/
        /*    color: #333;*/
        /*}*/
        /*.key-features-section-wrapper * {*/
        /*    box-sizing: border-box;*/
        /*    margin: 0;*/
        /*    padding: 0;*/
        /*}*/
        .v-p-n-container {
            max-width: 1170px;
            margin: 0 auto;
            padding: 0 20px;
        }

        /* Section Header Styles */
        .v-p-n-section-header {
            text-align: center;
            margin-bottom: 35px;
        }
        .v-p-n-section-header h2 {
            font-size: 40px;
            font-weight: 700;
            color: #1a1a1a;
            margin-bottom: 15px;
        }
        .v-p-n-section-header p {
            font-size: 18px;
            color: #666;
            max-width: 768px;
            margin: 0 auto;
            line-height: 1.6;
        }
        
        /* Features Section */
        .v-p-n-features-section {
            padding: 80px 0;
            background: #f8f9fa;
        }

        .v-p-n-features-list {
            display: flex;
            flex-direction: column;
            gap: 80px;
        }

        .v-p-n-feature-row {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 60px;
            align-items: center;
        }

        /* This class reverses the order of content and visual for the second row */
        .v-p-n-feature-reversed .v-p-n-feature-content {
            order: 2;
        }
        .v-p-n-feature-reversed .v-p-n-feature-visual {
            order: 1;
        }

        .v-p-n-feature-title {
            display: flex;
            align-items: center;
            gap: 16px;
            margin-bottom: 15px;
        }

        .v-p-n-feature-icon-small {
            width: 48px;
            height: 48px;
            background: #00c49a;
            border-radius: 12px;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-shrink: 0;
        }

        .v-p-n-feature-icon-small i {
            color: white;
            font-size: 1.25rem;
        }

        .v-p-n-feature-title h3 {
            font-size: 20px;
            font-weight: 700;
            color: #1a1a1a;
        }

        .v-p-n-feature-content > p { /* Target direct child p to avoid styling nested p tags */
            font-size: 18px;
            color: #666;
            line-height: 1.6;
            margin-bottom: 24px;
        }

        .v-p-n-feature-list {
            list-style: none;
            display: flex;
            flex-direction: column;
            gap: 12px;
        }

        .v-p-n-feature-list li {
            display: flex;
            align-items: center;
            gap: 12px;
            color: #666;
        }

        .v-p-n-feature-list i {
            color: #00c49a;
        }

        .v-p-n-feature-visual {
            position: relative;
        }

        /* Visual for Feature 1 */
        .v-p-n-numbers-showcase {
            background: linear-gradient(135deg, rgba(0, 196, 154, 0.1), rgba(0, 196, 154, 0.05));
            border-radius: 24px;
            padding: 32px;
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 16px;
        }

        .v-p-n-number-card {
            background: white;
            border-radius: 12px;
            padding: 16px;
            text-align: center;
            font-family: "Courier New", monospace;
            font-weight: 600;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
            transition: all 0.3s ease;
        }

        .v-p-n-number-card:hover {
            transform: scale(1.05);
        }

        /* Visual for Feature 2 */
        .v-p-n-routing-features {
            display: flex;
            flex-direction: column;
            gap: 16px;
        }

        .v-p-n-routing-item {
            display: flex;
            align-items: flex-start;
            gap: 16px;
            background: white;
            padding: 16px;
            border-radius: 12px;
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
            transition: all 0.3s ease;
        }

        .v-p-n-routing-item:hover {
            box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
        }

        .v-p-n-routing-item i {
            color: #00c49a;
            margin-top: 4px;
        }

        .v-p-n-routing-item h4 {
            font-weight: 600;
            color: #1a1a1a;
            margin-bottom: 4px;
            font-size: 1rem;
            margin-top: 0px;
        }

        .v-p-n-routing-item p {
            color: #666;
            font-size: 0.875rem;
            line-height: 1.4;
            margin-bottom: 0px;
        }

        .v-p-n-routing-dashboard {
            background: linear-gradient(135deg, rgba(0, 196, 154, 0.1), rgba(0, 196, 154, 0.05));
            border-radius: 24px;
            padding: 32px;
        }

        .v-p-n-dashboard-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 24px;
            padding-bottom: 16px;
            border-bottom: 1px solid rgba(0, 0, 0, 0.1);
        }

        .v-p-n-dashboard-header h4 {
            font-size: 1.125rem;
            font-weight: 700;
            color: #1a1a1a;
        }

        .v-p-n-window-controls {
            display: flex;
            gap: 8px;
        }

        .v-p-n-control {
            width: 12px;
            height: 12px;
            border-radius: 50%;
        }
        .v-p-n-red { background: #ff5f56; }
        .v-p-n-yellow { background: #ffbd2e; }
        .v-p-n-green { background: #27ca3f; }

        .v-p-n-routing-flow {
            background: white;
            border-radius: 16px;
            padding: 24px;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
        }

        .v-p-n-incoming-call {
            display: flex;
            align-items: center;
            justify-content: space-between;
            background: #f8f9fa;
            padding: 12px;
            border-radius: 8px;
            margin-bottom: 16px;
        }

        .v-p-n-incoming-call i {
            color: white;
            background: #00c49a;
            padding: 8px;
            border-radius: 50%;
            width: 32px;
            height: 32px;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .v-p-n-incoming-call span {
            font-weight: 500;
        }

        .v-p-n-departments {
            display: grid;
            grid-template-columns: 1fr 1fr 1fr;
            gap: 8px;
            margin-bottom: 16px;
        }

        .v-p-n-dept {
            padding: 12px;
            border-radius: 8px;
            text-align: center;
            font-size: 0.75rem;
            transition: all 0.3s ease;
            background: #f8f9fa;
            color: #666;
        }

        .v-p-n-dept.v-p-n-active {
            background: #00c49a;
            color: white;
            transform: scale(1.05);
            box-shadow: 0 4px 12px rgba(0, 196, 154, 0.3);
        }

        .v-p-n-analytics {
            padding-top: 16px;
            border-top: 1px solid #eee;
        }

        .v-p-n-analytics-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 8px;
            font-size: 0.75rem;
        }

        .v-p-n-analytics-header span:first-child {
            color: #666;
        }

        .v-p-n-analytics-header span:last-child {
            color: #00c49a;
            font-weight: 600;
        }

        .v-p-n-progress-bar {
            width: 100%;
            height: 8px;
            background: #eee;
            border-radius: 4px;
            overflow: hidden;
        }

        .v-p-n-progress {
            height: 100%;
            background: #00c49a;
            border-radius: 4px;
        }

        /* Responsive Design */
        @media (max-width: 1024px) {
            .v-p-n-feature-row {
                grid-template-columns: 1fr;
                gap: 40px;
            }
            .v-p-n-feature-reversed .v-p-n-feature-content,
            .v-p-n-feature-reversed .v-p-n-feature-visual {
                order: unset; /* Resets the order for stacked view */
            }
            .v-p-n-section-header h2,
            .v-p-n-feature-title h3 {
                font-size: 2.5rem;
            }
        }

        @media (max-width: 768px) {
            .v-p-n-section-header h2 {
                font-size: 30px;
            }
            .v-p-n-feature-title h3 {
                font-size: 20px;
            }
            .v-p-n-departments {
                grid-template-columns: 1fr;
            }
        }

        @media (max-width: 480px) {
            .v-p-n-container {
                padding: 0 16px;
            }
            .v-p-n-features-section {
                padding: 60px 0;
            }
        }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7dcde4f *//* Scoped Reset and Base Styles for this component */
        /*.benefits-section-wrapper {*/
        /*    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;*/
        /*    line-height: 1.6;*/
        /*    color: #333;*/
        /*}*/
        /*.benefits-section-wrapper * {*/
        /*    box-sizing: border-box;*/
        /*    margin: 0;*/
        /*    padding: 0;*/
        /*}*/
        /*.v-p-n-container {*/
        /*    max-width: 1170px;*/
        /*    margin: 0 auto;*/
        /*    padding: 0 20px;*/
        /*}*/

        /* Section Header Styles (Shared) */
        .v-p-n-section-header {
            text-align: center;
            margin-bottom: 64px;
        }
        .v-p-n-section-header h2 {
            font-size: 40px;
            font-weight: 700;
            color: #1a1a1a;
            margin-bottom: 15px;
        }
        .v-p-n-section-header p {
            font-size: 18px;
            color: #666;
            max-width: 768px;
            margin: 0 auto;
            line-height: 1.6;
        }
        
        /* Benefits Section */
        .v-p-n-benefits-section {
            background: linear-gradient(135deg, #00c49a, #00b389);
            padding: 80px 0;
            position: relative;
        }

        /* Make header text white on the dark background */
        .v-p-n-benefits-section .v-p-n-section-header h2,
        .v-p-n-benefits-section .v-p-n-section-header p {
            color: white;
        }
        .v-p-n-benefits-section .v-p-n-section-header p {
            opacity: 0.9;
        }

        .v-p-n-benefits-grid {
            display: grid;
            /* This grid is automatically responsive */
            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
            gap: 24px;
            position: relative;
            z-index: 10;
        }

        .v-p-n-benefit-card {
            background: rgba(255, 255, 255, 0.1);
            backdrop-filter: blur(10px);
            border-radius: 16px;
            padding: 24px;
            text-align: center;
            border: 1px solid rgba(255, 255, 255, 0.2);
            transition: transform 0.3s ease;
        }
        
        .v-p-n-benefit-card:hover {
            transform: translateY(-8px);
        }

        .v-p-n-benefit-icon {
            width: 56px;
            height: 56px;
            background: rgba(255, 255, 255, 0.2);
            border-radius: 16px;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0 auto 15px;
        }

        .v-p-n-benefit-icon i {
            font-size: 1.5rem;
            color: white;
        }

        .v-p-n-benefit-card h3 {
            font-size: 1.125rem;
            font-weight: 700;
            color: white;
            margin-bottom: 12px;
        }

        .v-p-n-benefit-card p {
            color: rgba(255, 255, 255, 0.8);
            font-size: 0.875rem;
            line-height: 1.5;
        }

        /* Responsive Design Adjustments */
        @media (max-width: 1024px) {
            .v-p-n-section-header h2 {
                font-size: 2.5rem;
            }
        }

        @media (max-width: 768px) {
            .v-p-n-section-header h2 {
                font-size: 30px;
            }
        }

        @media (max-width: 480px) {
            .v-p-n-container {
                padding: 0 16px;
            }
            .v-p-n-benefits-section {
                padding: 60px 0;
            }
        }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-718c02c *//* Scoped Reset and Base Styles for this component */
        /*.security-section-wrapper {*/
        /*    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;*/
        /*    line-height: 1.6;*/
        /*    color: #333;*/
        /*}*/
        /*.security-section-wrapper * {*/
        /*    box-sizing: border-box;*/
        /*    margin: 0;*/
        /*    padding: 0;*/
        /*}*/
        /*.v-p-n-container {*/
        /*    max-width: 1170px;*/
        /*    margin: 0 auto;*/
        /*    padding: 0 20px;*/
        /*}*/

        /* Section Header Styles (Shared) */
        .v-p-n-section-header {
            text-align: center;
            margin-bottom: 50px;
        }
        .v-p-n-section-header h2 {
            font-size: 40px;
            font-weight: 700;
            margin-bottom: 15px;
        }
        .v-p-n-section-header p {
            font-size: 18px;
            max-width: 768px;
            margin: 0 auto;
            line-height: 1.6;
        }
        
        /* Security Section */
        .v-p-n-security-section {
            background: linear-gradient(135deg, rgba(0, 196, 154, 0.1), rgba(0, 196, 154, 0.05));
            padding: 80px 0;
            /*position: relative;*/
            /*overflow: hidden;*/
        }


        /* Make header text white on the dark background */
        .v-p-n-security-section .v-p-n-section-header h2 {
            color: black;
        }
        .v-p-n-security-section .v-p-n-section-header p {
            color: black;
        }

        .v-p-n-security-grid {
            display: grid;
            /* This grid is automatically responsive */
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 32px;
            position: relative;
            z-index: 10;
        }

        .v-p-n-security-card {
            background: white;
            backdrop-filter: blur(10px);
            border-radius: 16px;
            padding: 32px;
            border: 1px solid rgba(255, 255, 255, 0.1);
            transition: all 0.3s ease;
        }

        .v-p-n-security-card:hover {
            transform: scale(1.05);
            border-color: rgba(0, 196, 154, 0.5);
        }

        .v-p-n-security-icon {
            width: 64px;
            height: 64px;
            background: rgba(0, 196, 154, 0.2);
            border-radius: 16px;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 24px;
            transition: all 0.3s ease;
        }

        .v-p-n-security-card:hover .v-p-n-security-icon {
            background: rgba(0, 196, 154, 0.3);
        }

        .v-p-n-security-icon i {
            font-size: 1.5rem;
            color: #00c49a;
        }

        .v-p-n-security-card h3 {
            font-size: 1.25rem;
            font-weight: 700;
            color: black;
            margin-bottom: 16px;
        }

        .v-p-n-security-card p {
            color: black;
            line-height: 1.6;
        }

        /* Responsive Design Adjustments */
        @media (max-width: 1024px) {
            .v-p-n-section-header h2 {
                font-size: 2.5rem;
            }
        }

        @media (max-width: 768px) {
            .v-p-n-section-header h2 {
                font-size: 30px;
            }
        }

        @media (max-width: 480px) {
            .v-p-n-container {
                padding: 0 16px;
            }
            .v-p-n-security-section {
                padding: 60px 0;
            }
        }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1c3b407 *//*.v-p-n-container {*/
 /*           max-width: 1170px;*/
 /*           margin: 0 auto;*/
 /*           padding: 0 20px;*/
 /*       }*/

        /* General Section Header Styles (Used in this section) */
 /*       .v-p-n-section-header {*/
 /*           text-align: center;*/
 /*           margin-bottom: 50px;*/
 /*       }*/

        .v-p-n-section-header h2 {
            font-size: 40px;
            font-weight: 700;
            color: #1a1a1a;
            margin-bottom: 10px;
        }

        .v-p-n-section-header p {
            font-size: 18px;
            color: #666;
            /*max-width: 768px;*/
            /*margin: 0 auto;*/
            line-height: 1.6;
        }

        /* Integration Section Styles */
        .v-p-n-integration-section {
            padding: 80px 0;
        }

        .v-p-n-integration-section .v-p-n-section-header h2,
        .v-p-n-integration-section .v-p-n-section-header p {
            color: black;
        }

        .v-p-n-integration-section .v-p-n-section-header p {
            opacity: 0.9;
        }

        .v-p-n-integration-content {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 60px;
            align-items: center;
        }

        .v-p-n-integration-list {
            display: flex;
            flex-direction: column;
            gap: 20px;
        }

        .v-p-n-integration-item {
            display: flex;
            align-items: flex-start;
            gap: 16px;
        }

        .v-p-n-integration-icon {
            width: 48px;
            height: 48px;
            background: #00c49a;
            border-radius: 12px;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-shrink: 0;
        }

        .v-p-n-integration-icon i {
            color: white;
            font-size: 1.125rem;
        }

        .v-p-n-integration-item h3 {
            font-size: 1.25rem;
            font-weight: 700;
            color: black;
            margin-bottom: 8px;
            margin-top: 0px;
        }

        .v-p-n-integration-item p {
            color: gray;
            line-height: 1.6;
        }

        .v-p-n-integration-visual {
            position: relative;
        }

        .v-p-n-integration-dashboard {
            background: #e7f5f3;
            border-radius: 24px;
            padding: 32px;
        }

        .v-p-n-dashboard-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 24px;
            padding-bottom: 16px;
            border-bottom: 1px solid rgba(0, 0, 0, 0.1);
        }

        .v-p-n-dashboard-header h4 {
            font-size: 1.125rem;
            font-weight: 700;
            color: #1a1a1a;
        }

        .v-p-n-live-indicator {
            display: flex;
            align-items: center;
            gap: 8px;
        }

        .v-p-n-live-dot {
            width: 8px;
            height: 8px;
            background: #27ca3f;
            border-radius: 50%;
            animation: v-p-n-pulse 1s infinite;
        }

        .v-p-n-live-indicator span {
            color: black;
            font-size: 0.75rem;
        }

        .v-p-n-connected-apps {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 12px;
            margin-bottom: 24px;
        }

        .v-p-n-app-card {
            background: white;
            border-radius: 8px;
            padding: 12px;
            border: 2px solid #eee;
            transition: all 0.3s ease;
        }
        
        .v-p-n-app-card.v-p-n-connected {
            border-color: #27ca3f;
        }

        .v-p-n-app-card span {
            font-weight: 600;
            color: #1a1a1a;
            font-size: 0.875rem;
        }

        .v-p-n-app-status {
            width: 8px;
            height: 8px;
            border-radius: 50%;
            margin: 8px 0 4px;
        }

        .v-p-n-connected .v-p-n-app-status {
            background: #27ca3f;
        }

        .v-p-n-app-card small {
            color: #666;
            font-size: 0.75rem;
        }

        .v-p-n-activity-feed h5 {
            color: black;
            font-weight: 600;
            margin-bottom: 12px;
            font-size: 0.875rem;
        }

        .v-p-n-activity-item {
            display: flex;
            align-items: center;
            gap: 12px;
            background: white;
            padding: 8px;
            border-radius: 8px;
            margin-bottom: 8px;
        }

        .v-p-n-activity-icon {
            width: 24px;
            height: 24px;
            background: #00c49a;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-shrink: 0;
        }

        .v-p-n-activity-icon i {
            color: white;
            font-size: 0.75rem;
        }

        .v-p-n-activity-item>div>div {
            color: black;
            font-size: 0.75rem;
            font-weight: 500;
        }

        .v-p-n-activity-item small {
            color: #666;
            font-size: 0.75rem;
        }
        
        /* Animations */
        @keyframes v-p-n-pulse {
            0%,
            100% {
                transform: scale(1);
                opacity: 1;
            }
            50% {
                transform: scale(1.2);
                opacity: 0.7;
            }
        }

        /* Responsive Design */
        @media (max-width: 1024px) {
            .v-p-n-integration-content {
                grid-template-columns: 1fr;
                gap: 40px;
            }

            .v-p-n-section-header h2 {
                font-size: 2.5rem;
            }
        }

        @media (max-width: 768px) {
            .v-p-n-section-header h2 {
                font-size: 30px;
            }

            .v-p-n-connected-apps {
                grid-template-columns: 1fr;
            }
        }
        
        @media (max-width: 480px) {
            .v-p-n-container {
                padding: 0 16px;
            }

            .v-p-n-integration-section {
                padding: 60px 0;
            }
        }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1e00242 *//* Reset and Base Styles */
 /*       * {*/
 /*           margin: 0;*/
 /*           padding: 0;*/
 /*           box-sizing: border-box;*/
 /*       }*/

 /*       body {*/
 /*           font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;*/
 /*           line-height: 1.6;*/
 /*           color: #333;*/
            background-color: #f8f9fa; /* Added for context 
        }

        .v-p-n-container {
            max-width: 1170px;
            margin: 0 auto;
            padding: 0 20px;
        }

        /* General Section Header Styles (Used in this section) */
        .v-p-n-section-header {
            text-align: center;
            margin-bottom: 50px;
        }

        .v-p-n-section-header h2 {
            font-size: 40px;
            font-weight: 700;
            color: #1a1a1a;
            margin-bottom: 15px;
        }

        .v-p-n-section-header p {
            font-size: 18px;
            color: #666;
            max-width: 768px;
            margin: 0 auto;
            line-height: 1.6;
        }
        
        /* Applications Section Styles */
        .v-p-n-applications-section {
            background: linear-gradient(135deg, #f8f9fa, white);
            padding: 80px 0;
        }

        .v-p-n-applications-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
            gap: 32px;
        }

        .v-p-n-application-card {
            background: white;
            border-radius: 16px;
            padding: 32px;
            text-align: center;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
            border-top: 4px solid #00c49a;
            transition: all 0.3s ease;
            position: relative;
        }

        .v-p-n-application-card:hover {
            transform: translateY(-8px) scale(1.02);
            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
        }

        .v-p-n-application-icon {
            width: 64px;
            height: 64px;
            border-radius: 16px;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0 auto 24px;
            transition: all 0.3s ease;
        }

        .v-p-n-application-card:hover .v-p-n-application-icon {
            transform: scale(1.1);
        }

        /* Icon Background Colors */
        .v-p-n-blue {
            background: #3b82f6;
        }
        .v-p-n-purple {
            background: #8b5cf6;
        }
        .v-p-n-orange {
            background: #f97316;
        }
        .v-p-n-green {
            background: #10b981;
        }

        .v-p-n-application-icon i {
            font-size: 1.5rem;
            color: white;
        }

        .v-p-n-application-card h3 {
            font-size: 1.25rem;
            font-weight: 700;
            color: #1a1a1a;
            margin-bottom: 16px;
        }

        .v-p-n-application-card p {
            color: #666;
            line-height: 1.6;
            margin-bottom: 0px;
        }

        /* Responsive Design */
        @media (max-width: 1024px) {
            .v-p-n-section-header h2 {
                font-size: 2.5rem;
            }
        }

        @media (max-width: 768px) {
            .v-p-n-section-header h2 {
                font-size: 30px;
            }
        }
        
        @media (max-width: 480px) {
            .v-p-n-container {
                padding: 0 16px;
            }

            .v-p-n-applications-section {
                padding: 60px 0;
            }
        }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6254d7e7 *//* --- 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 */