.elementor-5919 .elementor-element.elementor-element-ef8e0f2{--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;--padding-top:60px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-5919 .elementor-element.elementor-element-4cde3e8{--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-5919 .elementor-element.elementor-element-9ed6e47 .elementor-heading-title{font-family:"Outfit", Sans-serif;font-size:50px;font-weight:700;line-height:60px;}.elementor-5919 .elementor-element.elementor-element-6ff8437 > .elementor-widget-container{padding:0px 40px 0px 0px;}.elementor-5919 .elementor-element.elementor-element-6ff8437{font-family:"Inter", Sans-serif;font-size:20px;font-weight:400;line-height:30px;color:#6D6D6D;}.elementor-5919 .elementor-element.elementor-element-6ff8437 p{margin-block-end:10px;}.elementor-5919 .elementor-element.elementor-element-ea10003 .elementor-button{background-color:#9280F1;font-family:"Inter", Sans-serif;font-size:17px;font-weight:500;border-radius:5px 5px 5px 5px;}.elementor-5919 .elementor-element.elementor-element-ea10003 .elementor-button:hover, .elementor-5919 .elementor-element.elementor-element-ea10003 .elementor-button:focus{background-color:#6E5DC5;}.elementor-5919 .elementor-element.elementor-element-ea10003 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-5919 .elementor-element.elementor-element-ea10003 .elementor-button .elementor-button-content-wrapper{gap:15px;}.elementor-5919 .elementor-element.elementor-element-a9e48e5{--display:flex;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-5919 .elementor-element.elementor-element-24152bf{--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-5919 .elementor-element.elementor-element-70cfe5a > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-5919 .elementor-element.elementor-element-59821a0{--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-5919 .elementor-element.elementor-element-2a6d82c{--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-5919 .elementor-element.elementor-element-43d2616 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-5919 .elementor-element.elementor-element-2decd43{--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-5919 .elementor-element.elementor-element-0ea9073{--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-5919 .elementor-element.elementor-element-74f2875{--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-5919 .elementor-element.elementor-element-d3e2241 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-5919 .elementor-element.elementor-element-3f95247{--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-5919 .elementor-element.elementor-element-dcdefb4{--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:767px){.elementor-5919 .elementor-element.elementor-element-9ed6e47{text-align:left;}.elementor-5919 .elementor-element.elementor-element-9ed6e47 .elementor-heading-title{font-size:30px;line-height:40px;}.elementor-5919 .elementor-element.elementor-element-6ff8437 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-5919 .elementor-element.elementor-element-6ff8437{font-size:15px;line-height:25px;}.elementor-5919 .elementor-element.elementor-element-ea10003 > .elementor-widget-container{padding:15px 0px 0px 0px;}}/* Start custom CSS for html, class: .elementor-element-809b018 *//* Utility Class Conversions */
        .pd-1-relative {
            position: relative;
        }

        .pd-1-space-y-6> :not([hidden])~ :not([hidden]) {
            margin-top: 1.5rem;
        }

        .pd-1-max-w-xl {
            max-width: 36rem;
        }

        .pd-1-mx-auto {
            margin-left: auto;
            margin-right: auto;
        }

        .pd-1-p-6 {
            padding: 1.5rem;
        }

        .pd-1-p-4 {
            padding: 1rem;
        }

        .pd-1-p-3 {
            padding: 0.75rem;
        }

        .pd-1-bg-white {
            background-color: #ffffff;
        }

        .pd-1-rounded-2xl {
            border-radius: 1rem;
        }

        .pd-1-rounded-lg {
            border-radius: 0.5rem;
        }

        .pd-1-rounded-full {
            border-radius: 9999px;
        }

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

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

        .pd-1-mb-6 {
            margin-bottom: 1.5rem;
        }

        .pd-1-mb-3 {
            margin-bottom: 0.75rem;
        }

        .pd-1-mb-2 {
            margin-bottom: 0.5rem;
        }

        .pd-1-mt-4 {
            margin-top: 1rem;
        }

        .pd-1-mt-1 {
            margin-top: 0.25rem;
        }

        .pd-1-flex {
            display: flex;
        }

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

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

        .pd-1-justify-center {
            justify-content: center;
        }

        .pd-1-gap-2 {
            gap: 0.5rem;
        }

        .pd-1-gap-3 {
            gap: 0.75rem;
        }

        .pd-1-gap-4 {
            gap: 1rem;
        }

        .pd-1-grid {
            display: grid;
        }

        .pd-1-grid-cols-2 {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }

        .pd-1-grid-cols-3 {
            grid-template-columns: repeat(3, minmax(0, 1fr));
        }

        .pd-1-space-y-2> :not([hidden])~ :not([hidden]) {
            margin-top: 0.5rem;
        }

        .pd-1-w-3 {
            width: 0.75rem;
        }

        .pd-1-h-3 {
            height: 0.75rem;
        }

        .pd-1-w-10 {
            width: 2.5rem;
        }

        .pd-1-h-10 {
            height: 2.5rem;
        }

        .pd-1-w-8 {
            width: 2rem;
        }

        .pd-1-h-8 {
            height: 2rem;
        }

        .pd-1-w-12 {
            width: 3rem;
        }

        .pd-1-h-12 {
            height: 3rem;
        }

        .pd-1-w-20 {
            width: 5rem;
        }

        .pd-1-h-1 {
            height: 0.25rem;
        }

        .pd-1-w-3\/4 {
            width: 75%;
        }

        .pd-1-h-full {
            height: 100%;
        }

        /* Typography */
        .pd-1-text-lg {
            font-size: 20px;
            line-height: 1.2;
            margin-bottom: 0px;
        }

        .pd-1-text-sm {
            font-size: 15px;
            line-height: 1.2;
            margin-bottom: 8px;
            margin-top: 0px;
        }

        .pd-1-text-xs {
            font-size: 0.75rem;
            line-height: 1rem;
        }

        .pd-1-text-2xl {
            font-size: 1.5rem;
            line-height: 2rem;
        }

        .pd-1-font-bold {
            font-weight: 700;
        }

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

        .pd-1-font-medium {
            font-weight: 500;
        }

        .pd-1-text-center {
            text-align: center;
        }

        /* Colors (Direct Values) */
        .pd-1-text-gray-900 {
            color: #1f2937;
        }

        .pd-1-text-gray-800 {
            color: #1f2937;
        }

        .pd-1-text-gray-700 {
            color: #374151;
        }

        .pd-1-text-gray-600 {
            color: #4b5563;
        }

        .pd-1-text-gray-500 {
            color: #6b7280;
        }

        .pd-1-text-green-600 {
            color: #059669;
        }

        .pd-1-text-green-400 {
            color: #34d399;
        }

        .pd-1-text-blue-600 {
            color: #2563eb;
        }

        .pd-1-text-purple-600 {
            color: #7c3aed;
        }

        .pd-1-text-white {
            color: #ffffff;
        }

        .pd-1-bg-green-500 {
            background-color: #10b981;
        }

        .pd-1-bg-blue-500 {
            background-color: #3b82f6;
        }

        .pd-1-bg-purple-600 {
            background-color: #7c3aed;
        }

        .pd-1-bg-purple-200 {
            background-color: #ddd6fe;
        }

        .pd-1-bg-purple-50 {
            background-color: #faf5ff;
        }

        .pd-1-bg-green-400 {
            background-color: #34d399;
        }

        .pd-1-bg-blue-400 {
            background-color: #60a5fa;
        }

        .pd-1-bg-orange-400 {
            background-color: #fb923c;
        }

        /* Background Gradients (Direct Values) */
        .pd-1-bg-gradient-to-r-blue {
            background-image: linear-gradient(to right, #eff6ff, #dbeafe);
        }

        .pd-1-bg-gradient-to-r-green {
            background-image: linear-gradient(to right, #f0fdf4, #dcfce7);
        }

        .pd-1-bg-gradient-to-r-gray-purple {
            background-image: linear-gradient(to right, #f9fafb, #faf5ff);
        }

        .pd-1-bg-gradient-to-br-green {
            background-image: linear-gradient(to bottom right, #34d399, #10b981);
        }

        .pd-1-bg-gradient-to-br-blue {
            background-image: linear-gradient(to bottom right, #60a5fa, #3b82f6);
        }

        .pd-1-bg-gradient-to-br-orange {
            background-image: linear-gradient(to bottom right, #fb923c, #f97316);
        }

        /* Positional and Transition Classes */
        .pd-1-absolute {
            position: absolute;
        }

        .pd-1--top-4 {
            top: -1rem;
        }

        .pd-1--right-4 {
            right: -1rem;
        }

        .pd-1--bottom-4 {
            bottom: -1rem;
        }

        .pd-1--left-4 {
            left: -1rem;
        }

        .pd-1-top-1\/2 {
            top: 50%;
        }

        .pd-1--right-8 {
            right: -2rem;
        }

        .pd-1-inset-0 {
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
        }

        .pd-1-transform {
            transform: var(--tw-transform, none);
        }

        .pd-1-transition-all {
            transition: all 0.5s ease-in-out;
        }

        .pd-1-duration-500 {
            transition-duration: 0.5s;
        }

        .pd-1-duration-300 {
            transition-duration: 0.3s;
        }

        .pd-1-duration-200 {
            transition-duration: 0.2s;
        }

        /* Custom Keyframe Animations */
        @keyframes pd-1-float {

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

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

        @keyframes pd-1-spin-slow {
            from {
                transform: rotate(0deg);
            }

            to {
                transform: rotate(360deg);
            }
        }

        @keyframes pd-1-pulse {
            0% {
                transform: scale(1);
            }

            50% {
                transform: scale(1.05);
            }

            100% {
                transform: scale(1);
            }
        }

        @keyframes pd-1-bounce {

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

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

        @keyframes pd-1-ping {

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

        @keyframes pd-1-spin {
            from {
                transform: rotate(0deg);
            }

            to {
                transform: rotate(360deg);
            }
        }

        /* Continuous Animation class usage */
        .pd-1-animate-pulse {
            animation: pd-1-pulse 1.5s ease-in-out infinite;
        }

        .pd-1-animate-bounce {
            animation: pd-1-bounce 2s ease-in-out infinite;
        }

        .pd-1-animate-ping {
            animation: pd-1-ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
        }

        .pd-1-animate-spin {
            animation: pd-1-spin 1s linear infinite;
        }

        /* Custom hover effects and specific styles */
        .pd-1-dashboard-card:hover {
            box-shadow: 0 35px 60px -12px rgba(0, 0, 0, 0.25);
            transform: translateY(-0.5rem);
        }

        /* Card specific styles */
        .pd-1-active-calls-card:hover,
        .pd-1-agents-online-card:hover {
            transform: scale(1.05);
        }

        .pd-1-queue-item:hover {
            transform: scale(1.02);
        }

        .pd-1-performance-card:hover {
            transform: scale(1.02);
        }

        /* New styles for the replacement performance icons */
        .pd-1-performance-icon-wrapper {
            width: 2rem;
            height: 2rem;
            margin: 0.5rem auto;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 1.5rem;
            /* Icon size */
            border: 3px solid #e5e7eb;
            /* Border to maintain circular look */
            border-radius: 9999px;
            transition: color 0.3s, border-color 0.3s;
        }

        .pd-1-performance-icon-wrapper i {
            animation: pd-1-pulse 1s ease-in-out infinite;
        }

        .pd-1-performance-icon-wrapper.pd-1-success-icon {
            border-color: #10b981;
            color: #10b981;
        }

        .pd-1-performance-icon-wrapper.pd-1-satisfaction-icon {
            border-color: #3b82f6;
            color: #3b82f6;
        }

        .pd-1-performance-icon-wrapper.pd-1-efficiency-icon {
            border-color: #7c3aed;
            color: #7c3aed;
        }

        /* New styles for floating elements that were not prefixed previously */
        .pd-1-floating-element-shield {
            width: 3rem; /* equivalent to w-12 */
            height: 3rem; /* equivalent to h-12 */
            font-size: 1.5rem; /* for icon if present */
        }
        .pd-1-floating-element-star {
            width: 3rem; /* equivalent to w-12 */
            height: 3rem; /* equivalent to h-12 */
            font-size: 1.5rem; /* for icon if present */
        }
        .pd-1-floating-element-bell {
            width: 3rem; /* equivalent to w-12 */
            height: 3rem; /* equivalent to h-12 */
            font-size: 1.5rem; /* for icon if present */
        }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-70cfe5a */.pd-2-section-padding {
            padding-top: 5rem;
            /* py-20 */
            padding-bottom: 5rem;
            /* py-20 */
        }

        .pd-2-bg-section-gradient {
            background-image: linear-gradient(to bottom, #ffffff, #f9fafb);
            /* from-white to-gray-50 */
        }

        .pd-2-container {
            max-width: 1140px;
            /* Equivalent to max-w-7xl, assuming a common desktop width */
            margin-left: auto;
            margin-right: auto;
            padding-left: 1.5rem;
            /* px-6 */
            padding-right: 1.5rem;
            /* px-6 */
            font-family: 'inter' !important;
        }

        .pd-2-grid-layout {
            display: grid;
            gap: 4rem;
            /* gap-16 */
            align-items: center;
        }

      


        /* TYPOGRAPHY */
        .pd-2-text-4xl {
            font-size: 2.25rem;
            line-height: 2.5rem;
        }

        .pd-2-lg-text-5xl {
            font-size: 35px;
            line-height: 1;
        }

        .pd-2-font-bold {
            font-weight: 700;
        }

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

        .pd-2-text-xl {
            font-size: 1.25rem;
            line-height: 1.75rem;
        }

        .pd-2-text-lg {
            font-size: 1.125rem;
            line-height: 1.75rem;
        }

        .pd-2-text-sm {
            font-size: 0.875rem;
            line-height: 1.25rem;
        }

        .pd-2-text-xs {
            font-size: 0.75rem;
            line-height: 1rem;
        }

        .pd-2-text-gray-800 {
            color: #1f2937;
            font-size: 20px;
            font-family: 'outfit' !important;
        }

        .pd-2-text-gray-8000 {
            /* This default will be overridden by either the mobile or desktop media queries for the h2 */
            font-size: 35px;
            font-family: 'outfit' !important;
        }

        .pd-2-text-gray-600 {
            color: #4b5563;
        }

        .pd-2-text-purple-600 {
            color: #7c3aed;
        }

        .pd-2-text-green-600 {
            color: #059669;
        }

        .pd-2-text-blue-600 {
            color: #2563eb;
        }

        .pd-2-text-green-800 {
            color: #065f46;
        }

        .pd-2-text-blue-800 {
            color: #1e40af;
        }

        .pd-2-text-purple-800 {
            color: #5b21b6;
        }

        .pd-2-text-white {
            color: #ffffff;
        }

        /* SPACING */
        .pd-2-space-y-8>*+* {
            margin-top: 2rem;
        }

        .pd-2-space-y-6>*+* {
            margin-top: 18px;
        }

        .pd-2-space-y-4>*+* {
            margin-top: 1rem;
        }

        .pd-2-gap-4 {
            gap: 1rem;
        }

        .pd-2-gap-3 {
            gap: 0.75rem;
        }

        .pd-2-gap-2 {
            gap: 0.5rem;
            display: flex;
            flex-direction: row;
        }

        /* UI ELEMENTS - CARD STYLES */
        .pd-2-card-shadow {
            box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
        }

        /* shadow-sm */
        .pd-2-card-border {
            border: 1px solid #f3f4f6;
        }

        /* border-gray-100 */
        .pd-2-card-bg-white {
            background-color: #ffffff;
        }

        .pd-2-rounded-xl {
            border-radius: 0.75rem;
        }

        .pd-2-rounded-lg {
            border-radius: 0.5rem;
        }

        .pd-2-rounded-2xl {
            border-radius: 1rem;
        }

        .pd-2-rounded-3xl {
            border-radius: 1.5rem;
        }

        .pd-2-rounded-full {
            border-radius: 9999px;
        }

        /* FEATURE ITEMS */
        .pd-2-feature-item {
            display: flex;
            align-items: center;
            gap: 1rem;
            padding: 1rem;
            background-color: #ffffff;
            border-radius: 0.75rem;
            box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
            border: 1px solid #f3f4f6;
            transition: box-shadow 0.3s ease;
        }

        .pd-2-feature-item:hover {
            box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.06);
            /* hover:shadow-md */
        }

        .pd-2-feature-icon-wrapper {
            width: 3rem;
            height: 3rem;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 0.5rem;
            font-size: 1.25rem;
        }

        .pd-2-feature-icon-wrapper.pd-2-bg-blue {
            background-color: #3b82f6;
        }

        /* bg-blue-500 */
        .pd-2-feature-icon-wrapper.pd-2-bg-green {
            background-color: #10b981;
        }

        /* bg-green-500 */
        .pd-2-feature-icon-wrapper.pd-2-bg-purple {
            background-color: #a855f7;
        }

        /* bg-purple-500 */

        /* DASHBOARD UI (RIGHT SIDE) */
        .pd-2-dashboard-container {
            position: relative;
            background-image: linear-gradient(to bottom right, #ffffff, #ffffff);
            /* bg-gradient-to-br from-white to-white (no gradient applied) */
            border-radius: 1.5rem;
            padding: 2rem;
            /* p-8 */
            box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
            /* shadow-2xl */
        }

        .pd-2-dashboard-content {
            background-color: #ffffff;
            border-radius: 1rem;
            padding: 1.5rem;
            /* p-6 */
        }

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

        .pd-2-traffic-light-dot {
            width: 0.75rem;
            height: 0.75rem;
            border-radius: 9999px;
        }

        .pd-2-bg-green-dot {
            background-color: #4ade80;
        }

        /* bg-green-400 */
        .pd-2-bg-yellow-dot {
            background-color: #facc15;
        }

        /* bg-yellow-400 */
        .pd-2-bg-red-dot {
            background-color: #f87171;
        }

        /* bg-red-400 */

        /* STATUS LIST ITEMS */
        .pd-2-status-item {
            display: flex;
            align-items: center;
            gap: 0.75rem;
            /* gap-3 */
            padding: 0.75rem;
            /* p-3 */
            border-radius: 0.5rem;
            border-left: 4px solid;
        }

        .pd-2-status-item>.pd-2-flex-1 {
            flex: 1 1 0%;
        }

        /* flex-1 */

        .pd-2-status-green {
            background-color: #f0fdf4;
            border-left-color: #4ade80;
        }

        /* bg-green-50, border-green-400 */
        .pd-2-status-blue {
            background-color: #eff6ff;
            border-left-color: #60a5fa;
        }

        /* bg-blue-50, border-blue-400 */
        .pd-2-status-purple {
            background-color: #faf5ff;
            border-left-color: #c084fc;
        }

        /* bg-purple-50, border-purple-400 */

        .pd-2-status-green .pd-2-icon {
            color: #059669;
        }

        .pd-2-status-blue .pd-2-icon {
            color: #2563eb;
        }

        .pd-2-status-purple .pd-2-icon {
            color: #7c3aed;
        }

        .pd-2-status-purple .pd-2-new-message-dot {
            width: 0.5rem;
            height: 0.5rem;
            background-color: #7c3aed;
            /* bg-purple-600 */
            border-radius: 9999px;
        }

        /* ACTIONS GRID */
        .pd-2-actions-grid {
            display: grid;
            grid-template-columns: repeat(3, minmax(0, 1fr));
            gap: 0.75rem;
            /* gap-3 */
            padding-top: 1rem;
            /* pt-4 */
            border-top: 1px solid #f3f4f6;
            /* border-t border-gray-100 */
        }

        .pd-2-action-button {
            padding: 0.75rem;
            /* p-3 */
            border-radius: 0.5rem;
            transition: background-color 0.15s ease-in-out;
            border: none;
            cursor: pointer;
            text-align: center;
        }

        .pd-2-action-button i {
            font-size: 0.875rem;
        }

        /* text-sm */

        .pd-2-action-button.pd-2-primary {
            background-color: #7c3aed;
            /* bg-purple-600 */
            color: #ffffff;
        }

        .pd-2-action-button.pd-2-primary:hover {
            background-color: #6d28d9;
            /* hover:bg-purple-700 */
        }

        .pd-2-action-button.pd-2-secondary {
            background-color: #f3f4f6;
            /* bg-gray-100 */
            color: #4b5563;
            /* text-gray-600 */
        }

        .pd-2-action-button.pd-2-secondary:hover {
            background-color: #e5e7eb;
            /* hover:bg-gray-200 */
        }

          /* Apply grid for large screens (lg:grid-cols-2) */
        @media (min-width: 1024px) {
            .pd-2-grid-layout {
                grid-template-columns: repeat(2, minmax(0, 1fr));
            }

            .pd-2-space-y-8 {
                order: 2;
            }

            /* Ensure desktop size remains 35px on large screens */
            .pd-2-text-gray-8000 {
                font-size: 35px;
            }
        }

        /* 🎯 TARGETED MODIFICATION FOR MOBILE/TABLET SCREENS (UP TO 1023px) */
        @media (max-width: 1023px) {
            .pd-2-text-gray-8000 {
                font-size: 30px;
            }
        }

        @media (max-width: 768px) {
            .pd-2-text-gray-8000 {
                font-size: 30px;
            }

            .pd-2-section-padding{
                padding-top: 0rem;
            }
        }
    </style>/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-db57cfa */.pd-3-flex {
            display: flex;
        }

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

        .pd-3-justify-center {
            justify-content: center;
        }

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

        .pd-3-relative {
            position: relative;
        }

        .pd-3-flex-shrink-0 {
            flex-shrink: 0;
        }

        .pd-3-opacity-90 {
            opacity: 0.9;
        }

        .pd-3-transition-shadow {
            transition: box-shadow 0.3s ease;
        }

        /* Custom Sizing/Spacing */
        .pd-3-w-6 { width: 1.5rem; }
        .pd-3-h-6 { height: 1.5rem; }
        .pd-3-w-10 { width: 2.5rem; }
        .pd-3-h-10 { height: 2.5rem; }
        .pd-3-w-12 { width: 3rem; }
        .pd-3-h-12 { height: 3rem; }
        .pd-3-w-3 { width: 0.75rem; }
        .pd-3-h-3 { height: 0.75rem; }
        .pd-3-mt-1 { margin-top: 0.25rem; }
        .pd-3-mb-2 { margin-bottom: 0.5rem; }
        .pd-3-mb-3 { margin-bottom: 0.75rem; }
        .pd-3-p-4 { padding: 1rem; }
        .pd-3-p-8 { padding: 2rem; }
        .pd-3-gap-4 { gap: 1rem; }
        .pd-3-gap-16 { gap: 4rem; }
        .pd-3-space-y-8>*+* { margin-top: 2rem; }
        .pd-3-space-y-6>*+* { margin-top: 1.5rem; }

        /* Typography */
        .pd-3-text-xs { font-size: 0.75rem; line-height: 1rem; }
        .pd-3-text-sm { font-size: 0.875rem; line-height: 1.25rem; }
        .pd-3-text-lg { font-size: 1.125rem; line-height: 1.75rem; }
        .pd-3-text-xl { font-size: 1.25rem; line-height: 1.75rem; }
        .pd-3-text-4xl { font-size: 2.25rem; line-height: 2.5rem; }
        .pd-3-font-bold { font-weight: 700; }
        .pd-3-font-semibold { font-weight: 600; }
        .pd-3-leading-tight { line-height: 1.25; }
        .pd-3-leading-relaxed { line-height: 1.625; }
        
        /* Text Colors */
        .pd-3-text-white { color: #ffffff; }
        .pd-3-text-gray-600 { color: #4b5563; margin-bottom: 0px !important; }
        .pd-3-text-gray-800 { color: #1f2937; margin-bottom: 0px; }
        .pd-3-text-purple-600 { color: #7c3aed; }
        
        /* Custom Typo from Original Code */
        .pd-3-text-gray-8000 {
            font-family: 'outfit' !important;
            font-size: 20px;
            margin-bottom: -3px;
        }


        /* Background Colors */
        .pd-3-bg-orange-500 { background-color: #f97316; }
        .pd-3-bg-blue-500 { background-color: #3b82f6; }
        .pd-3-bg-green-500 { background-color: #10b981; }
        .pd-3-bg-purple-500 { background-color: #a855f7; }
        .pd-3-bg-purple-600 { background-color: #7c3aed; }
        .pd-3-bg-green-400 { background-color: #4ade80; }

        /* Gradients */
        .pd-3-bg-gradient-to-br-light {
            background-image: linear-gradient(to bottom right, #f9fafb, #ffffff);
        }

        .pd-3-bg-gradient-purple {
            background-image: linear-gradient(to right, #7c3aed, #5b21b6);
        }

        /* ======================================================= */
        /* LAYOUT & STRUCTURE */
        /* ======================================================= */

        .pd-3-section-padding {
            padding-top: 5rem;
            padding-bottom: 5rem;
        }

        .pd-3-container {
            width: 100%;
            max-width: 1140px;
            margin-left: auto;
            margin-right: auto;
            padding-left: 1.5rem;
            padding-right: 1.5rem;
            font-family: 'inter' !important;
        }

        .pd-3-grid {
            display: grid;
        }

        .pd-3-grid-cols-2 {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }

        .pd-3-grid-layout {
            gap: 4rem;
            align-items: center;
        }

        .pd-3-order-2 { order: 2; }
        .pd-3-order-1 { order: 1; }

        /* Card/Design Styles */
        .pd-3-rounded-full { border-radius: 9999px; }
        .pd-3-rounded-lg { border-radius: 0.5rem; }
        .pd-3-rounded-xl { border-radius: 0.75rem; }
        .pd-3-rounded-3xl { border-radius: 1.5rem; }
        .pd-3-shadow-xl {
            box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
        }
        .pd-3-shadow-sm {
            box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
        }
        .pd-3-border-gray-100 { border: 1px solid #f3f4f6; }

        /* Feature Card Hover Effect */
        .pd-3-feature-card:hover {
            box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.06);
        }

        /* ======================================================= */
        /* COMPONENT-SPECIFIC STYLES (Refactored for maintainability) */
        /* ======================================================= */

        /* Base styles for the large icon in the hero/main card (e.g., Cogs icon) */
        .pd-3-hero-icon-base {
            width: 3rem; /* W-12 */
            height: 3rem; /* H-12 */
            border-radius: 9999px; /* rounded-full */
            display: flex;
            align-items: center;
            justify-content: center;
            flex-shrink: 0;
        }

        /* Base styles for the small icons in the feature grid (e.g., Phone, Hashtag icons) */
        .pd-3-feature-icon-base {
            width: 2.5rem; /* W-10 */
            height: 2.5rem; /* H-10 */
            border-radius: 0.5rem; /* rounded-lg */
            display: flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 0.75rem; /* mb-3 */
        }

        /* Base styles for the icons in the checklist (e.g., Checkmark icons) */
        .pd-3-list-icon-base {
            width: 1.5rem; /* W-6 */
            height: 1.5rem; /* H-6 */
            border-radius: 9999px; /* rounded-full */
            display: flex;
            align-items: center;
            justify-content: center;
            flex-shrink: 0;
            margin-top: 0.25rem; /* mt-1 */
            background-color: #7c3aed; /* bg-purple-600 (Fixed color for list item check) */
        }

        /* Styles for the icon element (i) itself - handles color and size if necessary */
        .pd-3-icon-content {
            color: #ffffff; /* text-white */
        }

        .pd-3-list-icon-content {
            color: #ffffff;
            font-size: 0.75rem; /* text-xs */
        }

        /* ======================================================= */
        /* MEDIA QUERIES (Preserved) */
        /* ======================================================= */

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

            .pd-3-lg-order-1 { order: 1; }
            .pd-3-lg-order-2 { order: 2; }

            .pd-3-lg-text-5xl {
                font-size: 35px;
                line-height: 1.2;
                font-family: 'outfit' !important;
            }
        }

        @media (max-width: 768px) {
            .pd-3-lg-text-5xl {
                font-size: 30px;
            }

            .pd-3-section-padding {
                padding-top: 3rem;
            }
        }
        
        /* Custom animations (Preserved) */
        @keyframes pd-3-float {
            0%, 100% { transform: translateY(0px); }
            50% { transform: translateY(-10px); }
        }

        @keyframes pd-3-pulse-glow {
            0%, 100% { box-shadow: 0 0 20px rgba(146, 128, 241, 0.3); }
            50% { box-shadow: 0 0 30px rgba(146, 128, 241, 0.6); }
        }

        @keyframes pd-3-gradient-shift {
            0% { background-position: 0% 50%; }
            50% { background-position: 100% 50%; }
            100% { background-position: 0% 50%; }
        }

        @keyframes pd-3-pulse {
            0%, 100% { opacity: 1; }
            50% { opacity: 0.4; }
        }

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

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

        .pd-3-animate-pulse-glow {
            animation: pd-3-pulse-glow 2s ease-in-out infinite;
        }

        .pd-3-animate-gradient {
            background-size: 200% 200%;
            animation: pd-3-gradient-shift 3s ease infinite;
        }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-43d2616 */.pd-4-flex {
            display: flex;
        }

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

        .pd-4-justify-center {
            justify-content: center;
        }

        .pd-4-text-center {
            text-align: center;
        }

        .pd-4-transition-all {
            transition: all 0.3s ease;
        }

        .pd-4-transition-transform {
            transition: transform 0.3s ease;
        }

        .pd-4-transition-colors {
            transition: color 0.3s ease;
        }

        .pd-4-duration-300 {
            transition-duration: 300ms;
        }

        .pd-4-cursor-pointer {
            cursor: pointer;
        }

        /* Custom Sizing/Spacing */
        .pd-4-py-20 {
            padding-top: 1rem;
            padding-bottom: 5rem;
        }


        .pd-4-p-6 {
            padding: 1.5rem;
        }

        .pd-4-mb-16 {
            margin-bottom: 4rem;
        }

        .pd-4-space-y-4>*+* {
            margin-top: 1rem;
            margin-bottom: -5px;
        }

        .pd-4-space-y-3>*+* {
            margin-top: 10px;
            margin-bottom: 0px !important;
        }

        .pd-4-w-14 {
            width: 3.5rem;
        }

        .pd-4-h-14 {
            height: 3.5rem;
        }

        .pd-4-h-0-5 {
            height: 0.125rem;
        }

        /* h-0.5 */
        .pd-4-w-0 {
            width: 0;
        }

        .pd-4-max-w-3xl {
            max-width: 44em;
        }

        /* Container & Layout */
        .pd-4-container {
            width: 100%;
            max-width: 1140px;
            margin-left: auto;
            /* mx-auto */
            margin-right: auto;
            /* mx-auto */
            padding-left: 1.5rem;
            /* px-6 */
            padding-right: 1.5rem;
            font-family: 'inter'!important;
            /* px-6 */
        }

        .pd-4-grid {
            display: grid;
        }

        .pd-4-gap-8 {
            gap: 2rem;
        }
        /* Typography */
        .pd-4-text-xl {
            font-size: 20px;
            line-height: 1.2;
            margin-bottom: 0px;
            font-family: 'outfit' !important;
        }

        .pd-4-text-lg {
            font-size: 18px;
            line-height: 1.75rem;
        }

        .pd-4-font-bold {
            font-weight: 700;
        }

        .pd-4-leading-relaxed {
            line-height: 1.625;
        }

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

        .pd-4-text-gray-600 {
            color: #4b5563;
        }

        .pd-4-text-gray-800 {
            color: #1f2937;
        }

        .pd-4-text-purple-600 {
            color: #7c3aed;
        }

        /* Custom Text Wrapping (using CSS properties) */
        .pd-4-text-balance {
            text-wrap: balance;
            font-family: 'outfit' !important;
            font-size: 30px;
            line-height: 2.5rem;
            font-weight: 700;
            color: #1f2937;
            margin-bottom: 1.5rem;
            margin-top: 3rem;
        }

        .pd-4-text-pretty {
            text-wrap: pretty;
        }

        /* Colors & Backgrounds */
        .pd-4-bg-gradient-header {
            background-image: linear-gradient(to bottom, #f9fafb, #ffffff);
        }

        /* bg-gradient-to-b from-gray-50 to-white */
        .pd-4-bg-gradient-purple {
            background-image: linear-gradient(to right, #7c3aed, #5b21b6);
        }

        /* from-purple-600 to-purple-800 */
        .pd-4-bg-white {
            background-color: #ffffff;
        }

        .pd-4-bg-blue-500 {
            background-color: #3b82f6;
        }

        .pd-4-bg-green-500 {
            background-color: #10b981;
        }

        .pd-4-bg-purple-500 {
            background-color: #a855f7;
        }

        .pd-4-bg-orange-500 {
            background-color: #f97316;
        }

        .pd-4-bg-red-500 {
            background-color: #ef4444;
        }

        .pd-4-bg-teal-500 {
            background-color: #14b8a6;
        }

        .pd-4-border-gray-100 {
            border: 1px solid #f3f4f6;
        }

        .pd-4-border-purple-20 {
            border: 1px solid rgba(124, 58, 237, 0.2);
        }

        /* hover:border-purple-600/20 */

        /* Card Styles */
        .pd-4-rounded-lg {
            border-radius: 0.5rem;
        }

        .pd-4-rounded-xl {
            border-radius: 0.75rem;
        }

        /* Group Hover Effects (Card) */
        .pd-4-group:hover {
            transform: translateY(-0.5rem);
            /* hover:-translate-y-2 */
            box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.04);
            /* hover:shadow-xl */
        }

        .pd-4-group:hover .pd-4-group-icon-bg {
            transform: scale(1.1);
            /* group-hover:scale-110 */
        }

        .pd-4-group:hover .pd-4-group-title {
            color: #7c3aed;
            /* group-hover:text-purple-600 */
        }

        .pd-4-group:hover .pd-4-group-underline {
            width: 3rem;
            /* group-hover:w-12 */
        }

        /* Elements for Hover Effects */
        .pd-4-group-icon-bg {
            transition: transform 0.3s ease;
        }

        .pd-4-group-title {
            transition: color 0.3s ease;
        }

        .pd-4-group-underline {
            height: 0.125rem;
            background-image: linear-gradient(to right, #7c3aed, #5b21b6);
            transition: width 0.3s ease;
            width: 0;
            /* Base state */
        }

        /* Responsive Grid */
        @media (min-width: 1024px) {

            /* lg: */
            .pd-4-lg-grid-cols-3 {
                grid-template-columns: repeat(3, minmax(0, 1fr));
            }

            .pd-4-text-balance{
                font-size: 35px;
            }
        }

        @media (min-width: 768px) {

           

            .pd-4-text-balance{
                font-size: 35px;
            }
        }

        
    </style>/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-dba48aa */@keyframes float {

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

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

        @keyframes pulse-glow {

            0%,
            100% {
                box-shadow: 0 0 20px rgba(146, 128, 241, 0.3);
            }

            50% {
                box-shadow: 0 0 30px rgba(146, 128, 241, 0.6);
            }
        }

        @keyframes gradient-shift {
            0% {
                background-position: 0% 50%;
            }

            50% {
                background-position: 100% 50%;
            }

            100% {
                background-position: 0% 50%;
            }
        }

        @keyframes fade-in-up {
            from {
                opacity: 0;
                transform: translateY(30px);
            }

            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        @keyframes slide-in-right {
            from {
                opacity: 0;
                transform: translateX(30px);
            }

            to {
                opacity: 1;
                transform: translateX(0);
            }
        }

        @keyframes count-up {
            from {
                opacity: 0;
            }

            to {
                opacity: 1;
            }
        }

        @keyframes pulse {

            0%,
            100% {
                opacity: 1;
            }

            50% {
                opacity: 0.5;
            }
        }

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

        .pd-5-animate-pulse-glow {
            animation: pulse-glow 2s ease-in-out infinite;
        }

        .pd-5-animate-gradient {
            background-size: 200% 200%;
            animation: gradient-shift 3s ease infinite;
        }

        .pd-5-animate-fade-in-up {
            animation: fade-in-up 0.8s ease-out;
        }

        .pd-5-animate-slide-in-right {
            animation: slide-in-right 0.8s ease-out;
        }

        .pd-5-animate-count-up {
            animation: count-up 1s ease-out;
        }

        .pd-5-animate-fade-in {
            animation: fade-in-up 0.6s ease-out;
        }


        .pd-5-text-xs {
            font-size: 0.75rem;
            line-height: 1rem;
        }

        .pd-5-text-sm {
            font-size: 0.875rem;
            line-height: 1.25rem;
        }

        .pd-5-text-base {
            font-size: 1rem;
            line-height: 1.5rem;
        }

        .pd-5-text-lg {
            font-size: 1.125rem;
            line-height: 1.75rem;
        }

        .pd-5-text-xl {
            font-size: 1.25rem;
            line-height: 1.75rem;
        }

        .pd-5-text-2xl {
            font-size: 1.5rem;
            line-height: 2rem;
        }

        .pd-5-text-3xl {
            font-size: 1.875rem;
            line-height: 2.25rem;
        }

        .pd-5-text-4xl {
            font-size: 2.25rem;
            line-height: 2.5rem;
        }

        .pd-5-font-medium {
            font-weight: 500;
        }

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

        .pd-5-font-bold {
            font-weight: 700;
        }

        .pd-5-leading-relaxed {
            line-height: 1.625;
        }

        .pd-5-mx-auto {
            margin-left: auto;
            margin-right: auto;
        }

        .pd-5-max-w-3xl {
            max-width: 48rem;
        }

        .pd-5-text-center {
            text-align: center;
        }

        /* Container & Grid */
        .pd-5-container {
            width: 100%;
            max-width: 1140px;
            padding-left: 1rem;
            padding-right: 1rem;
            margin-left: auto;
            margin-right: auto;
            font-family: 'inter' !important;
        }

        .pd-5-px-4 {
            padding-left: 1rem;
            padding-right: 1rem;
        }

        /* Section styles */
        .pd-5-section-base {
            padding-top: 3rem;
            padding-bottom: 3rem;
            background-image: linear-gradient(to bottom right, #f9fafb, #ffffff, #eff6ff);
        }




        /* Spacing & Layout */
        .pd-5-mb-4 {
            margin-bottom: 1rem;
        }

        .pd-5-mb-16 {
            margin-bottom: 4rem;
        }

        .pd-5-mb-12 {
            margin-bottom: 3rem;
        }

        .pd-5-mb-3 {
            margin-bottom: 0.75rem;
        }

        .pd-5-mb-2 {
            margin-bottom: 0.5rem;
        }

        .pd-5-mt-0-5 {
            margin-top: 0.125rem;
        }

        .pd-5-p-8 {
            padding: 2rem;
        }

        .pd-5-p-6 {
            padding: 1.5rem;
        }

        .pd-5-p-4 {
            padding: 1rem;
        }

        .pd-5-p-3 {
            padding: 0.75rem;
        }

        .pd-5-p-2 {
            padding: 0.5rem;
        }

        .pd-5-gap-4 {
            gap: 1rem;
        }

        .pd-5-gap-12 {
            gap: 3rem;
        }

        .pd-5-gap-3 {
            gap: 0.75rem;
        }

        .pd-5-gap-2 {
            gap: 0.5rem;
        }

        .pd-5-gap-1 {
            gap: 0.25rem;
        }

        .pd-5-space-y-4> :not([hidden])~ :not([hidden]) {
            margin-top: 1rem;
            margin-bottom: 0;
        }

        .pd-5-space-y-6> :not([hidden])~ :not([hidden]) {
            margin-top: 1.5rem;
            margin-bottom: 0;
        }

        .pd-5-space-y-2> :not([hidden])~ :not([hidden]) {
            margin-top: 0.5rem;
            margin-bottom: 0;
        }

        /* Flexbox utilities */
        .pd-5-flex {
            display: flex;
        }

        .pd-5-flex-wrap {
            flex-wrap: wrap;
        }

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

        .pd-5-items-start {
            align-items: flex-start;
        }

        .pd-5-justify-center {
            justify-content: center;
        }

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

        .pd-5-flex-shrink-0 {
            flex-shrink: 0;
        }

        .pd-5-flex-col {
            flex-direction: column;
        }

        .pd-5-items-end {
            align-items: flex-end;
        }



        .pd-5-grid {
            display: grid;
        }

        .pd-5-grid-cols-2 {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }

        /* Rounded corners and shadows */
        .pd-5-rounded-2xl {
            border-radius: 1rem;
        }

        .pd-5-rounded-xl {
            border-radius: 0.75rem;
        }

        .pd-5-rounded-lg {
            border-radius: 0.5rem;
        }

        .pd-5-rounded {
            border-radius: 0.25rem;
        }

        .pd-5-rounded-full {
            border-radius: 9999px;
        }

        .pd-5-rounded-sm {
            border-radius: 0.125rem;
        }

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

        .pd-5-shadow-xl {
            box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
        }

        .pd-5-shadow-sm {
            box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
        }

        /* Colors, Backgrounds, Borders */
        .pd-5-bg-white {
            background-color: #ffffff;
        }

        .pd-5-bg-gradient-r-gray-blue {
            background-image: linear-gradient(to right, #f9fafb, #eff6ff);
        }

        .pd-5-bg-purple-100 {
            background-color: #ede9fe;
        }

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

        .pd-5-bg-blue-50 {
            background-color: #eff6ff;
        }

        .pd-5-bg-green-50 {
            background-color: #f0fdf4;
        }

        .pd-5-bg-purple-50 {
            background-color: #f5f3ff;
        }

        .pd-5-bg-orange-50 {
            background-color: #fff7ed;
        }

        .pd-5-bg-teal-50 {
            background-color: #f0fdfa;
        }

        .pd-5-bg-indigo-50 {
            background-color: #eef2ff;
        }

        .pd-5-text-gray-900 {
            color: #111827;
        }

        .pd-5-text-gray-700 {
            color: #374151;
        }

        .pd-5-text-gray-600 {
            color: #4b5563;
        }

        .pd-5-text-gray-500 {
            color: #6b7280;
        }

        .pd-5-text-white {
            color: #ffffff;
        }

        .pd-5-text-purple-700 {
            color: #7c3aed;
        }

        .pd-5-text-blue-600 {
            color: #2563eb;
        }

        .pd-5-text-green-600 {
            color: #16a34a;
        }

        .pd-5-text-orange-600 {
            color: #ea580c;
        }

        .pd-5-text-teal-600 {
            color: #0d9488;
        }

        .pd-5-text-indigo-600 {
            color: #4f46e5;
        }

        .pd-5-border {
            border-width: 1px;
            border-style: solid;
            border-color: #e5e7eb;
        }

        .pd-5-border-l-4 {
            border-left-width: 4px;
            border-style: solid;
        }

        .pd-5-border-l-4-blue-500 {
            border-left-color: #3b82f6;
        }

        .pd-5-border-l-4-green-500 {
            border-left-color: #22c55e;
        }

        .pd-5-border-gray-100 {
            border-color: #f3f4f6;
        }

        .pd-5-border-gray-200 {
            border-color: #e5e7eb;
        }

        .pd-5-border-purple-200 {
            border-color: #ddd6fe;
        }

        /* Gradients for background elements */
        .pd-5-bg-gradient-blue-purple {
            background-image: linear-gradient(to right, #3b82f6, #9333ea);
        }

        .pd-5-bg-gradient-teal-blue {
            background-image: linear-gradient(to right, #14b8a6, #3b82f6);
        }

        .pd-5-bg-blue-500 {
            background-color: #3b82f6;
        }

        .pd-5-bg-green-500 {
            background-color: #22c55e;
        }

        .pd-5-bg-purple-500 {
            background-color: #a855f7;
        }

        /* Sizing */
        .pd-5-w-6 {
            width: 1.5rem;
        }

        .pd-5-h-6 {
            height: 1.5rem;
        }

        .pd-5-w-10 {
            width: 2.5rem;
        }

        .pd-5-h-10 {
            height: 2.5rem;
        }

        .pd-5-w-8 {
            width: 2rem;
        }

        .pd-5-h-8 {
            height: 2rem;
        }

        .pd-5-w-2 {
            width: 0.5rem;
        }

        .pd-5-h-2 {
            height: 0.5rem;
        }

        .pd-5-h-4 {
            height: 1rem;
        }

        .pd-5-h-6-bar {
            height: 1.5rem;
        }

        .pd-5-h-8-bar {
            height: 2rem;
        }

        .pd-5-h-5 {
            height: 1.25rem;
        }

        .pd-5-h-7 {
            height: 1.75rem;
        }

        /* Absolute/Relative positioning */
        .pd-5-relative {
            position: relative;
        }

        .pd-5-absolute-inset-0 {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
        }

        .pd-5-overflow-hidden {
            overflow: hidden;
        }

        /* Specific element styles */
        .pd-5-tab-button {
            transition: all 300ms;
            padding: 10px 10px;
            border-radius: 10px;
            border: 1px solid #e5e7eb;
            width: 100%;
            margin-bottom: 0.5rem;
        }



        .pd-5-tab-button.pd-5-active {
            background-color: #ede9fe;
            color: #7c3aed;
            border-color: #ddd6fe;
            box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
        }

        .pd-5-tab-button:not(.pd-5-active) {
            background-color: #ffffff;
            color: #4b5563;
        }

        .pd-5-tab-button.pd-5-first {
            box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
        }

        .pd-5-check-icon-container {
            transition: transform 200ms;
        }

        .pd-5-check-icon-container:hover {
            transform: scale(1.1);
        }

        /* Call Routing UI Specific */
        .pd-5-call-routing-info {
            background-image: linear-gradient(to right, rgba(59, 130, 246, 0.1), rgba(147, 51, 234, 0.1));
            transform: rotate(3deg);
            z-index: -1;
        }

        /* Bar chart */
        .pd-5-bg-indigo-200 {
            background-color: #c7d2fe;
        }

        .pd-5-bg-indigo-300 {
            background-color: #a5b4fc;
        }

        .pd-5-bg-indigo-400 {
            background-color: #818cf8;
        }

        .pd-5-bg-indigo-500-bar {
            background-color: #6366f1;
        }

        /* Styles extracted from inline CSS */
        .pd-5-header-section {
            text-align: center;
            margin-bottom: 2rem;
        }

        .pd-5-header-title {
            font-size: 30px;
            line-height: 1.2;
            font-weight: 700;
            color: #111827;
            margin-bottom: 1rem;
            font-family: 'outfit' !important;
        }

        .pd-5-header-description {
            font-size: 16px;
            line-height: 1.6;
            color: #4b5563;
            max-width: 48rem;
            margin-left: auto;
            margin-right: auto;
            padding: 0 1rem;
        }

        .pd-5-main-container {
            background-color: #ffffff;
            border-radius: 1rem;
            box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
            padding: 1.5rem;
            border: 1px solid #f3f4f6;
        }



        .pd-5-tab-container {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            gap: 0.5rem;
            margin-bottom: 2rem;
            padding: 1rem;
            background-image: linear-gradient(to right, #f9fafb, #eff6ff);
            border-radius: 0.75rem;
        }

        .pd-5-tab-button-content {
            display: flex;
            align-items: center;
            gap: 0.5rem;
            justify-content: center;
        }

        .pd-5-tab-button-content i {
            font-size: 0.875rem;
        }

        .pd-5-content-section {
            display: flex;
            flex-direction: column;
            gap: 2rem;
            align-items: center;
        }

        .pd-5-content-left {
            display: flex;
            flex-direction: column;
            gap: 1.5rem;
            width: 100%;
        }

        .pd-5-content-title {
            margin-bottom: 10px;
            font-size: 20px;
            line-height: 1.2;
            font-weight: 700;
            color: #111827;
        }

        .pd-5-content-description {
            font-size: 1rem;
            line-height: 1.6;
            color: #4b5563;
        }

        .pd-5-content-list {
            display: flex;
            flex-direction: column;
            gap: 1rem;
            margin: 0px;
        }

        .pd-5-content-list-item {
            display: flex;
            align-items: flex-start;
            gap: 0.75rem;
        }

        .pd-5-check-icon {
            width: 1.5rem;
            height: 1.5rem;
            border-radius: 9999px;
            background-image: linear-gradient(to right, #3b82f6, #9333ea);
            display: flex;
            align-items: center;
            justify-content: center;
            flex-shrink: 0;
            margin-top: 0.125rem;
        }

        .pd-5-check-icon i {
            font-size: 0.75rem;
            color: #ffffff;
        }

        .pd-5-content-right {
            position: relative;
            width: 100%;
        }

        .pd-5-ui-container {
            background-color: #ffffff;
            border-radius: 1rem;
            box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
            overflow: hidden;
            border: 1px solid #f3f4f6;
            padding: 1rem;
        }

        .pd-5-call-ui {
            display: flex;
            flex-direction: column;
            gap: 1rem;
        }

        .pd-5-call-info {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            padding: 1rem;
            background-color: #eff6ff;
            border-radius: 0.5rem;
            border-left: 4px solid #3b82f6;
            gap: 0.75rem;
        }

        .pd-5-call-info-left {
            display: flex;
            align-items: center;
            gap: 0.75rem;
        }

        .pd-5-call-icon {
            width: 2.5rem;
            height: 2.5rem;
            border-radius: 9999px;
            background-color: #3b82f6;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .pd-5-call-icon i {
            color: #ffffff;
        }

        .pd-5-call-details p:first-child {
            font-weight: 600;
            color: #111827;
        }

        .pd-5-call-details p:last-child {
            font-size: 0.875rem;
            color: #4b5563;
        }

        .pd-5-call-department {
            color: #2563eb;
            font-weight: 500;
        }

        .pd-5-agent-info {
            display: grid;
            grid-template-columns: repeat(1, minmax(0, 1fr));
            gap: 0.75rem;
        }



        .pd-5-agent-card {
            padding: 0.75rem;
            background-color: #f0fdf4;
            border-radius: 0.5rem;
            text-align: center;
        }

        .pd-5-agent-card.pd-5-purple {
            background-color: #f5f3ff;
        }

        .pd-5-agent-icon {
            width: 2rem;
            height: 2rem;
            border-radius: 9999px;
            background-color: #22c55e;
            margin-left: auto;
            margin-right: auto;
            margin-bottom: 0.5rem;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .pd-5-agent-icon.pd-5-purple {
            background-color: #a855f7;
        }

        .pd-5-agent-icon i {
            font-size: 0.875rem;
            color: #ffffff;
        }

        .pd-5-agent-card p {
            font-size: 0.875rem;
            font-weight: 500;
        }

        .pd-5-sms-campaign {
            padding: 1rem;
            background-color: #f0fdf4;
            border-radius: 0.5rem;
        }

        .pd-5-sms-header {
            display: flex;
            align-items: center;
            gap: 0.5rem;
            margin-bottom: 0.75rem;
        }

        .pd-5-sms-icon {
            width: 2rem;
            height: 2rem;
            border-radius: 9999px;
            background-color: #22c55e;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .pd-5-sms-icon i {
            font-size: 0.875rem;
            color: #ffffff;
        }

        .pd-5-sms-header span {
            font-weight: 600;
            color: #111827;
        }

        .pd-5-sms-messages {
            display: flex;
            flex-direction: column;
            gap: 0.5rem;
        }

        .pd-5-sms-message {
            background-color: #ffffff;
            padding: 0.75rem;
            border-radius: 0.25rem;
            border-left: 4px solid #22c55e;
            border: 1px solid #e5e7eb;
        }

        .pd-5-sms-message.pd-5-blue {
            border-left-color: #3b82f6;
        }

        .pd-5-sms-message p:first-child {
            font-size: 0.875rem;
            color: #374151;
        }

        .pd-5-sms-message p:last-child {
            font-size: 0.75rem;
            color: #6b7280;
            margin-top: 0.25rem;
        }

        .pd-5-business-hours {
            padding: 1rem;
            background-color: #f5f3ff;
            border-radius: 0.5rem;
        }

        .pd-5-business-hours-header {
            font-weight: 600;
            color: #111827;
            margin-bottom: 0.75rem;
            display: flex;
            align-items: center;
            gap: 0.5rem;
        }

        .pd-5-business-hours-header i {
            color: #7c3aed;
        }

        .pd-5-hours-list {
            display: flex;
            flex-direction: column;
            gap: 0.5rem;
        }

        .pd-5-hours-item {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 0.5rem;
            background-color: #ffffff;
            border-radius: 0.25rem;
            border: 1px solid #e5e7eb;
        }

        .pd-5-hours-item span:first-child {
            font-size: 0.875rem;
            font-weight: 500;
        }

        .pd-5-hours-item span:last-child {
            font-size: 0.875rem;
            color: #16a34a;
        }

        .pd-5-hours-item span:last-child.pd-5-orange {
            color: #ea580c;
        }

        .pd-5-ivr-menu {
            padding: 1rem;
            background-color: #fff7ed;
            border-radius: 0.5rem;
        }

        .pd-5-ivr-header {
            font-weight: 600;
            color: #111827;
            margin-bottom: 0.75rem;
            display: flex;
            align-items: center;
            gap: 0.5rem;
        }

        .pd-5-ivr-header i {
            color: #ea580c;
        }

        .pd-5-ivr-options {
            display: flex;
            flex-direction: column;
            gap: 0.5rem;
        }

        .pd-5-ivr-option {
            display: flex;
            align-items: center;
            gap: 0.75rem;
            padding: 0.5rem;
            background-color: #ffffff;
            border-radius: 0.25rem;
            border: 1px solid #e5e7eb;
        }

        .pd-5-ivr-option-number {
            width: 1.5rem;
            height: 1.5rem;
            border-radius: 9999px;
            background-color: #3b82f6;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #ffffff;
            font-size: 0.75rem;
            font-weight: 700;
        }

        .pd-5-ivr-option-number.pd-5-green {
            background-color: #22c55e;
        }

        .pd-5-ivr-option-number.pd-5-purple {
            background-color: #a855f7;
        }

        .pd-5-ivr-option span {
            font-size: 0.875rem;
        }

        .pd-5-hold-experience {
            padding: 1rem;
            background-color: #f0fdfa;
            border-radius: 0.5rem;
        }

        .pd-5-hold-header {
            font-weight: 600;
            color: #111827;
            margin-bottom: 0.75rem;
            display: flex;
            align-items: center;
            gap: 0.5rem;
        }

        .pd-5-hold-header i {
            color: #0d9488;
        }

        .pd-5-hold-content {
            background-color: #ffffff;
            padding: 1rem;
            border-radius: 0.5rem;
            border: 1px solid #e5e7eb;
        }

        .pd-5-hold-playing {
            display: flex;
            align-items: center;
            justify-content: space-between;
            margin-bottom: 0.75rem;
        }

        .pd-5-hold-playing span:first-child {
            font-size: 0.875rem;
            font-weight: 500;
        }

        .pd-5-hold-status {
            display: flex;
            align-items: center;
            gap: 0.25rem;
        }

        .pd-5-hold-status-dot {
            width: 0.5rem;
            height: 0.5rem;
            border-radius: 9999px;
            background-color: #14b8a6;
            animation: pulse 2s ease-in-out infinite;
        }

        .pd-5-hold-status span {
            font-size: 0.75rem;
            color: #0d9488;
        }

        .pd-5-hold-info {
            display: flex;
            align-items: center;
            gap: 0.75rem;
            margin-bottom: 0.75rem;
        }

        .pd-5-hold-icon {
            width: 2.5rem;
            height: 2.5rem;
            border-radius: 0.5rem;
            background-image: linear-gradient(to right, #14b8a6, #3b82f6);
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .pd-5-hold-icon i {
            color: #ffffff;
        }

        .pd-5-hold-details p:first-child {
            font-size: 0.875rem;
            font-weight: 500;
        }

        .pd-5-hold-details p:last-child {
            font-size: 0.75rem;
            color: #6b7280;
        }

        .pd-5-hold-message {
            font-size: 0.75rem;
            text-align: center;
            color: #4b5563;
            background-color: #f9fafb;
            padding: 0.5rem;
            border-radius: 0.25rem;
        }

        .pd-5-analytics {
            padding: 1rem;
            background-color: #eef2ff;
            border-radius: 0.5rem;
        }

        .pd-5-analytics-header {
            font-weight: 600;
            color: #111827;
            margin-bottom: 0.75rem;
            display: flex;
            align-items: center;
            gap: 0.5rem;
        }

        .pd-5-analytics-header i {
            color: #4f46e5;
        }

        .pd-5-analytics-metrics {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 0.75rem;
            margin-bottom: 1rem;
        }

        .pd-5-metric-card {
            background-color: #ffffff;
            padding: 0.75rem;
            border-radius: 0.5rem;
            text-align: center;
            border: 1px solid #e5e7eb;
        }

        .pd-5-metric-value {
            font-size: 1.5rem;
            font-weight: 700;
            color: #16a34a;
        }

        .pd-5-metric-value.pd-5-blue {
            color: #2563eb;
        }

        .pd-5-metric-label {
            font-size: 0.75rem;
            color: #4b5563;
        }

        .pd-5-call-volume {
            background-color: #ffffff;
            padding: 0.75rem;
            border-radius: 0.5rem;
            border: 1px solid #e5e7eb;
        }

        .pd-5-call-volume-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 0.5rem;
        }

        .pd-5-call-volume-header span:first-child {
            font-size: 0.75rem;
            font-weight: 500;
        }

        .pd-5-call-volume-header span:last-child {
            font-size: 0.75rem;
            color: #16a34a;
        }

        .pd-5-call-volume-chart {
            display: flex;
            align-items: flex-end;
            gap: 0.25rem;
            height: 2rem;
        }

        @media (min-width: 1024px) {
            .pd-5-content-section {
                display: grid;
                grid-template-columns: repeat(2, minmax(0, 1fr));
                gap: 3rem;
                align-items: center;
            }

            .pd-5-tab-container {
                margin-bottom: 3rem;
            }

            .pd-5-header-section {
                margin-bottom: 4rem;
            }

            .pd-5-lg-grid-cols-2 {
                display: grid;
                grid-template-columns: repeat(2, minmax(0, 1fr));
            }

            .pd-5-section-base {
                padding-top: 5rem;
                padding-bottom: 5rem;
            }

            .pd-5-header-title {
                font-size: 35px;
            }
        }

        @media (min-width: 768px) {
            .pd-5-content-title {
                font-size: 20px;
            }

            .pd-5-main-container {
                padding: 2rem;
            }

            .pd-5-header-section {
                margin-bottom: 3rem;
            }

            .pd-5-header-title {
                font-size: 30px;
            }

            .pd-5-content-description {
                font-size: 1.125rem;
                line-height: 1.625;
            }

            .pd-5-ui-container {
                padding: 1.5rem;
            }

            .pd-5-section-base {
                padding-top: 4rem;
                padding-bottom: 4rem;
            }

            .pd-5-header-description {
                font-size: 18px;
                line-height: 1.75rem;
                padding: 0;
            }
        }

        @media (min-width: 640px) {
            .pd-5-tab-button {
                width: auto;
                margin-bottom: 0;
            }

            .pd-5-tab-container {

                padding: 1.5rem;
            }
        }

        @media (min-width: 480px) {
            .pd-5-agent-info {
                grid-template-columns: repeat(2, minmax(0, 1fr));
            }

            .pd-5-call-info {
                flex-direction: row;
                align-items: center;
                justify-content: space-between;
            }

            .pd-5-header-title {
                font-size: 35px;
            }
        }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ecc6204 */.pd-6-container {
            max-width: 1140px;
            margin-left: auto;
            margin-right: auto;
            padding-left: 1.5rem;
            padding-right: 1.5rem;
            font-family: 'inter'!important;
        }

        /* Section Styling */
        .pd-6-management-section {
            padding-top: 5rem;
            padding-bottom: 5rem;
            background: linear-gradient(to bottom, #ffffff, #f9fafb);
        }

        .pd-6-grid-layout {
            display: grid;
            grid-template-columns: 1fr;
            gap: 4rem;
            align-items: center;
        }

      

        /* Left Content Styling */
        .pd-6-content-left {
            display: flex;
            flex-direction: column;
            gap: 2rem;
        }

        .pd-6-content-left > div {
            display: flex;
            flex-direction: column;
            gap: 1.5rem;
        }

        .pd-6-section-title {
            margin-bottom: 0px;
            font-family: 'outfit'!important;
            font-size: 30px;
            line-height: 1.1;
            font-weight: 700;
            color: #1f2937;
        }

        

        .pd-6-section-title span {
            color: #9333ea;
        }

        .pd-6-section-paragraph {
            font-size: 1.125rem;
            line-height: 1.625;
            color: #4b5563;
            margin-bottom: 0px !important;
        }

        /* Feature Cards */
        .pd-6-feature-grid {
            display: grid;
            gap: 1.5rem;
        }

        .pd-6-feature-card {
            display: flex;
            align-items: flex-start;
            gap: 1rem;
            padding: 1rem;
            background-color: #ffffff;
            border-radius: 0.75rem;
            box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
            border: 1px solid #f3f4f6;
        }

        .pd-6-feature-icon-container {
            width: 3rem;
            height: 3rem;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 0.5rem;
            flex-shrink: 0;
        }

        .pd-6-feature-icon-container i {
            font-size: 1rem;
            color: #ffffff;
        }

        .pd-6-feature-card:nth-child(1) .pd-6-feature-icon-container {
            background-color: #3b82f6;
        }

        .pd-6-feature-card:nth-child(2) .pd-6-feature-icon-container {
            background-color: #22c55e;
        }

        .pd-6-feature-title {
            font-size: 20px;
            font-weight: 600;
            color: #1f2937;
            margin-bottom: 0px;
            margin-top: 0px;
            font-family: 'outfit'!important;
        }

        .pd-6-feature-description {
            color: #4b5563;
            font-size: 0.875rem;
            margin-bottom: 0px !important;
        }

        /* Right Content - UI/UX Interface Styling */
        .pd-6-content-right {
            position: relative;
        }

        .pd-6-dashboard-container {
            position: relative;
            background-color: #ffffff;
            border-radius: 1.5rem;
            box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
            padding: 2rem;
            border: 1px solid #f3f4f6;
        }

        /* Dashboard Header */
        .pd-6-dashboard-header {
            display: flex;
            align-items: center;
            justify-content: space-between;
            margin-bottom: 1.5rem;
        }

        .pd-6-dashboard-header h3 {
            font-size: 1.25rem;
            font-weight: 600;
            color: #1f2937;
        }

        .pd-6-live-indicator {
            display: flex;
            align-items: center;
            gap: 0.5rem;
        }

        .pd-6-live-dot {
            width: 0.75rem;
            height: 0.75rem;
            background-color: #22c55e;
            border-radius: 9999px;
            animation: pd-6-pulse 1s cubic-bezier(0.4, 0, 0.6, 1) infinite;
        }

        .pd-6-live-text {
            font-size: 0.875rem;
            color: #4b5563;
        }

        /* Active Calls */
        .pd-6-active-calls {
            display: flex;
            flex-direction: column;
            gap: 1rem;
            margin-bottom: 1.5rem;
        }

        .pd-6-call-card {
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 1rem;
            border-radius: 0.75rem;
            border: 1px solid;
        }

        .pd-6-call-card-content {
            display: flex;
            align-items: center;
            gap: 0.75rem;
        }

        .pd-6-call-icon-container {
            width: 2.5rem;
            height: 2.5rem;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 9999px;
        }

        .pd-6-call-icon-container i {
            font-size: 0.875rem;
            color: #ffffff;
        }

        .pd-6-call-info-name {
            font-weight: 500;
            color: #1f2937;
        }

        .pd-6-call-info-dept {
            font-size: 0.875rem;
            color: #4b5563;
        }

        .pd-6-call-time {
            text-align: right;
        }

        .pd-6-call-time-duration {
            font-size: 0.875rem;
            font-weight: 500;
        }

        .pd-6-call-time-status {
            font-size: 0.75rem;
            color: #6b7280;
        }

        /* Specific Call Card Colors */
        .pd-6-call-card:nth-child(1) {
            background-color: #eff6ff;
            border-color: #dbeafe;
        }

        .pd-6-call-card:nth-child(1) .pd-6-call-icon-container {
            background-color: #3b82f6;
        }

        .pd-6-call-card:nth-child(1) .pd-6-call-time-duration {
            color: #2563eb;
        }

        .pd-6-call-card:nth-child(2) {
            background-color: #f0fdf4;
            border-color: #dcfce7;
        }

        .pd-6-call-card:nth-child(2) .pd-6-call-icon-container {
            background-color: #22c55e;
        }

        .pd-6-call-card:nth-child(2) .pd-6-call-time-duration {
            color: #16a34a;
        }

        /* Stats Grid */
        .pd-6-stats-grid {
            display: grid;
            grid-template-columns: repeat(3, minmax(0, 1fr));
            gap: 1rem;
            margin-bottom: 1.5rem;
        }

        .pd-6-stat-card {
            text-align: center;
            padding: 1rem;
            border-radius: 0.75rem;
        }

        .pd-6-stat-value {
            font-size: 1.5rem;
            font-weight: 700;
        }

        .pd-6-stat-label {
            font-size: 0.875rem;
            color: #4b5563;
        }

        .pd-6-stat-card:nth-child(1) {
            background: linear-gradient(to bottom right, #f5f3ff, #ede9fe);
        }

        .pd-6-stat-card:nth-child(1) .pd-6-stat-value {
            color: #9333ea;
        }

        .pd-6-stat-card:nth-child(2) {
            background: linear-gradient(to bottom right, #eff6ff, #dbeafe);
        }

        .pd-6-stat-card:nth-child(2) .pd-6-stat-value {
            color: #2563eb;
        }

        .pd-6-stat-card:nth-child(3) {
            background: linear-gradient(to bottom right, #f0fdf4, #dcfce7);
        }

        .pd-6-stat-card:nth-child(3) .pd-6-stat-value {
            color: #16a34a;
        }

        /* Queue Status */
        .pd-6-queue-status-container {
            background-color: #f9fafb;
            border-radius: 0.75rem;
            padding: 1rem;
        }

        .pd-6-queue-header {
            display: flex;
            align-items: center;
            justify-content: space-between;
            margin-bottom: 0.75rem;
        }

        .pd-6-queue-header span:first-child {
            font-size: 0.875rem;
            font-weight: 500;
            color: #1f2937;
        }

        .pd-6-queue-header span:last-child {
            font-size: 0.75rem;
            color: #6b7280;
        }

        .pd-6-queue-details {
            display: flex;
            flex-direction: column;
            gap: 0.5rem;
        }

        .pd-6-queue-item {
            display: flex;
            align-items: center;
            justify-content: space-between;
        }

        .pd-6-queue-item span:first-child {
            font-size: 0.875rem;
            color: #4b5563;
        }

        .pd-6-queue-item span:last-child {
            font-size: 0.875rem;
            font-weight: 500;
        }

        .pd-6-queue-item:nth-child(1) span:last-child { color: #ea580c; }
        .pd-6-queue-item:nth-child(2) span:last-child { color: #16a34a; }
        .pd-6-queue-item:nth-child(3) span:last-child { color: #2563eb; }

        /* Floating Elements */
        .pd-6-floating-element {
            position: absolute;
            display: flex;
            align-items: center;
            justify-content: center;
            box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
        }

        .pd-6-floating-element i {
            color: #ffffff;
        }

        .pd-6-floating-headset {
            top: -1.5rem;
            right: -1.5rem;
            width: 3rem;
            height: 3rem;
            background: linear-gradient(to bottom right, #9333ea, #581c87);
            border-radius: 1rem;
        }

        .pd-6-floating-headset i {
            font-size: 1.5rem;
        }

        .pd-6-floating-chart {
            bottom: -1.5rem;
            left: -1.5rem;
            width: 3rem;
            height: 3rem;
            background: linear-gradient(to bottom right, #581c87, #9333ea);
            border-radius: 0.75rem;
            animation-delay: 1s;
        }

        /* --- Custom Animations (with unique pd-6- prefix) --- */
        @keyframes pd-6-float {
            0%, 100% { transform: translateY(0px); }
            50% { transform: translateY(-10px); }
        }
        .pd-6-animate-float { animation: pd-6-float 3s ease-in-out infinite; }

        @keyframes pd-6-pulse {
            0%, 100% { opacity: 1; }
            50% { opacity: .5; }
        }

        @media (min-width: 1024px) { /* lg breakpoint */
            .pd-6-section-title {
                font-family: 'outfit'!important;
                margin-bottom: 0px;
                font-size: 35px;
            }
        }
          @media (min-width: 1024px) { /* lg breakpoint */
            .pd-6-grid-layout {
                grid-template-columns: repeat(2, minmax(0, 1fr));
            }
        }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d3e2241 */.pd-7-section {
            padding-top: 1rem;
            padding-bottom: 5rem;
            background: linear-gradient(to bottom, #f9fafb, #ffffff);
            position: relative;
            overflow: hidden;
        }

        .pd-7-container {
            max-width: 1140px;
            margin-left: auto;
            margin-right: auto;
            padding-left: 1.5rem;
            padding-right: 1.5rem;
            position: relative;
            z-index: 10;
            font-family: 'inter'!important;
        }

        /* Background Elements */
        .pd-7-background-layer {
            position: absolute;
            inset: 0;
        }

        .pd-7-bg-circle-1 {
            position: absolute;
            top: 5rem;
            left: 2.5rem;
            width: 8rem;
            height: 8rem;
            background-color: rgba(147, 51, 234, 0.05);
            border-radius: 9999px;
        }

        .pd-7-bg-circle-2 {
            position: absolute;
            bottom: 5rem;
            right: 2.5rem;
            width: 12rem;
            height: 12rem;
            background-color: rgba(94, 23, 149, 0.05);
            border-radius: 9999px;
            animation-delay: 2s;
            /* Standard CSS property */
        }

        .pd-7-bg-circle-3 {
            position: absolute;
            top: 50%;
            left: 50%;
            width: 6rem;
            height: 6rem;
            background-color: rgba(147, 51, 234, 0.1);
            border-radius: 9999px;
            transform: translate(-50%, -50%);
            animation-delay: 1s;
            /* Standard CSS property */
        }


        /* Header/Text Block */
        .pd-7-header-block {
            text-align: center;
            margin-bottom: 3rem;
        }

        .pd-7-title {
            font-size: 30px;
            line-height: 1.25;
            font-weight: 700;
            color: #1f2937;
            margin-bottom: 1.5rem;
            text-wrap: balance;
            font-family: 'outfit'!important;
        }

        @media (min-width: 1024px) {
            .pd-7-title {
                font-size: 35px;
                
            }
        }

        .pd-7-title span {
            color: #9333ea;
        }

        .pd-7-subtitle {
            font-size: 18px;
            color: #4b5563;
            max-width: 37rem;
            margin-left: auto;
            margin-right: auto;
            line-height: 1.625;
            text-wrap: pretty;
        }

        /* Grid Layout */
        .pd-7-grid-layout {
            display: grid;
            grid-template-columns: 1fr;
            gap: 2rem;
        }

        @media (min-width: 768px) {
            .pd-7-grid-layout {
                grid-template-columns: repeat(2, minmax(0, 1fr));
            }
        }

        @media (min-width: 1024px) {
            .pd-7-grid-layout {
                grid-template-columns: repeat(4, minmax(0, 1fr));
            }
        }

        /* Feature Card */
        .pd-7-feature-card {
            position: relative;
            background-color: #ffffff;
            border: 1px solid #f3f4f6;
            transition-property: all;
            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
            transition-duration: 300ms;
            cursor: pointer;
            border-radius: 0.5rem;
        }

        .pd-7-feature-card:hover {
            border-color: #e5e7eb;
            box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
        }

        /* Card-specific animation delays */
        .pd-7-feature-card:nth-child(2) {
            animation-delay: 0.2s;
        }

        .pd-7-feature-card:nth-child(3) {
            animation-delay: 0.4s;
        }

        .pd-7-feature-card:nth-child(4) {
            animation-delay: 0.6s;
        }

        /* Card content inner padding/spacing */
        .pd-7-card-content {
            position: relative;
            padding: 2rem;
            display: flex;
            flex-direction: column;
            gap: 0.5rem;
        }

        .pd-7-card-text-block {
            display: flex;
            flex-direction: column;
            gap: 1rem;
        }

        /* Icon Container */
        .pd-7-icon-box {
            width: 4rem;
            height: 4rem;
            border-radius: 0.75rem;
            display: flex;
            align-items: center;
            justify-content: center;
            box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
        }

        .pd-7-icon-box i {
            color: #ffffff;
            font-size: 1.5rem;
        }

        /* Icon Colors */
        .pd-7-icon-box-blue {
            background-color: #3b82f6;
        }

        .pd-7-icon-box-purple {
            background-color: #8b5cf6;
        }

        .pd-7-icon-box-green {
            background-color: #22c55e;
        }

        .pd-7-icon-box-orange {
            background-color: #f97316;
        }

        /* Card Text */
        .pd-7-card-title {
            font-family: 'outfit'!important;
            margin-top: 0px;
            margin-bottom: -18px;
            font-size: 20px;
            font-weight: 700;
            color: #1f2937;
            transition-property: color;
            transition-duration: 300ms;
        }

        .pd-7-card-description {
            margin-bottom: 0px !important;
            color: #4b5563;
            line-height: 1.625;
        }

        /* Bottom CTA */
        .pd-7-cta-container {
            text-align: center;
            margin-top: 4rem;
        }

        .pd-7-cta-badge {
            display: inline-flex;
            align-items: center;
            gap: 0.5rem;
            background: linear-gradient(to right, #9333ea, #581c87);
            color: #ffffff;
            padding-left: 1.5rem;
            padding-right: 1.5rem;
            padding-top: 0.75rem;
            padding-bottom: 0.75rem;
            border-radius: 9999px;
            font-size: 0.875rem;
            font-weight: 600;
            animation-name: pd-7-pulse-glow;
            animation-duration: 2s;
            animation-timing-function: ease-in-out;
            animation-iteration-count: infinite;
        }


        /* --- Custom Animations (Standard CSS) --- */
        @keyframes pd-7-float {

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

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

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

        @keyframes pd-7-pulse-glow {

            0%,
            100% {
                box-shadow: 0 0 20px rgba(147, 51, 234, 0.3);
            }

            50% {
                box-shadow: 0 0 30px rgba(147, 51, 234, 0.6);
            }
        }

        /* Text balance and pretty (Standard CSS properties) */
        .text-balance {
            text-wrap: balance;
        }

        .text-pretty {
            text-wrap: pretty;
        }
    </style>/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c148fc5 */.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: 900px;
            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-ce4e2d2 */.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-subtitle {
            font-size: 18px;
            color: #6b7280;
            max-width: 48rem;
            margin: 0 auto;
            line-height: 1.6;
        }

        .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 */