.elementor-46427 .elementor-element.elementor-element-00d20ce{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:60px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-46427 .elementor-element.elementor-element-00d20ce:not(.elementor-motion-effects-element-type-background), .elementor-46427 .elementor-element.elementor-element-00d20ce > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFEFE;}.elementor-46427 .elementor-element.elementor-element-6e30308{--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-46427 .elementor-element.elementor-element-2451049{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-46427 .elementor-element.elementor-element-2451049 > .elementor-widget-container{background-color:#DBFFF3;padding:05px 15px 05px 15px;border-radius:20px 20px 20px 20px;box-shadow:2px 2px 2px 0px rgba(193.79335937499997, 193.79335937499997, 193.79335937499997, 0.5);}.elementor-46427 .elementor-element.elementor-element-2451049 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-46427 .elementor-element.elementor-element-2451049 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-46427 .elementor-element.elementor-element-2451049 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-46427 .elementor-element.elementor-element-2451049 .elementor-icon-list-item > a{font-family:"Outfit", Sans-serif;}.elementor-46427 .elementor-element.elementor-element-2451049 .elementor-icon-list-text{color:#018363;transition:color 0.3s;}.elementor-46427 .elementor-element.elementor-element-d77a733 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-46427 .elementor-element.elementor-element-d77a733{text-align:start;}.elementor-46427 .elementor-element.elementor-element-d77a733 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:50px;font-weight:700;color:#000000;}.elementor-46427 .elementor-element.elementor-element-e501b2c{text-align:start;font-family:"Inter", Sans-serif;font-size:18px;}.elementor-46427 .elementor-element.elementor-element-22817c4{--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-46427 .elementor-element.elementor-element-bbf9605{--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-46427 .elementor-element.elementor-element-49d81d6{--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-widget .tippy-tooltip .tippy-content{text-align:center;}@media(max-width:767px){.elementor-46427 .elementor-element.elementor-element-2451049{width:var( --container-widget-width, 261px );max-width:261px;--container-widget-width:261px;--container-widget-flex-grow:0;}.elementor-46427 .elementor-element.elementor-element-2451049 > .elementor-widget-container{padding:0px 19px 0px 15px;}}@media(min-width:768px){.elementor-46427 .elementor-element.elementor-element-6e30308{--width:50%;}.elementor-46427 .elementor-element.elementor-element-22817c4{--width:50%;}}/* Start custom CSS for html, class: .elementor-element-0bdc6d9 *//*
==============================================
  LAYOUT & STYLING CSS
==============================================
*/
.acepeak-hero-dashboard {
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
    position: relative;
    max-width: 450px;
    margin: auto;
}

/* MAIN WRAPPER */
.acepeak-main-wrapper {
    position: relative;
    background-image: linear-gradient(to bottom right, #f9fafb, #f3f4f6);
    border-radius: 1.5rem;
    padding: 2rem;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
}

/* ANALYTICS CARD */
.acepeak-analytics-card {
    background-color: #ffffff;
    border-radius: 1rem;
    padding: 1.5rem;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
}

.acepeak-card-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1.5rem;
}

.acepeak-card-header h3 {
    font-weight: 600;
    color: #111827;
    margin: 0;
}

.acepeak-live-indicator {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.75rem;
    color: #6b7280;
}

.acepeak-live-dot {
    width: 0.5rem;
    height: 0.5rem;
    background-color: #10b981;
    border-radius: 9999px;
}

/* TIME SAVED SECTION */
.acepeak-time-saved {
    margin-bottom: 1.5rem;
}

.acepeak-time-saved-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0.5rem;
    font-size: 0.875rem;
    color: #4b5563;
}

.acepeak-percentage-gain {
    font-size: 0.75rem;
    color: #059669;
}

.acepeak-time-saved-value {
    font-size: 1.875rem;
    line-height: 2.25rem;
    font-weight: 700;
    color: #059669;
}

/* PROGRESS BARS SECTION */
.acepeak-progress-section {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.acepeak-progress-labels {
    display: flex;
    justify-content: space-between;
    font-size: 0.875rem;
    margin-bottom: 0.25rem;
    color: #4b5563;
}

.acepeak-progress-percent-emerald { color: #059669; }
.acepeak-progress-percent-blue { color: #2563eb; }
.acepeak-progress-percent-purple { color: #9333ea; }

.acepeak-progress-track {
    height: 0.5rem;
    background-color: #e5e7eb;
    border-radius: 9999px;
    overflow: hidden;
}

@keyframes fillProgressBar {
    from {
        width: 0%;
    }
    to {
        width: var(--progress-width);
    }
}

.acepeak-progress-bar {
    height: 100%;
    width: 0;
    /* Animation is now extremely fast */
    animation: fillProgressBar 0.4s ease-out forwards;
}

.acepeak-progress-bar.acepeak-progress-emerald { background-color: #10b981; }
.acepeak-progress-bar.acepeak-progress-blue { background-color: #3b82f6; }
.acepeak-progress-bar.acepeak-progress-purple { background-color: #a855f7; }

/* STATS GRID SECTION */
.acepeak-stats-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
    margin-top: 1.5rem;
    padding-top: 1rem;
    border-top: 1px solid #f3f4f6;
}

.acepeak-stat-item {
    text-align: center;
}

.acepeak-stat-value {
    font-size: 1.125rem;
    line-height: 1.75rem;
    font-weight: 700;
    color: #111827;
}

.acepeak-stat-label {
    font-size: 0.75rem;
    color: #6b7280;
}

.acepeak-stat-value.acepeak-text-emerald { color: #059669; }
.acepeak-stat-value.acepeak-text-blue { color: #2563eb; }

/* FLOATING CARDS */
.acepeak-floating-card {
    position: absolute;
    top: -1rem;
    right: -1rem;
    background-color: #ffffff;
    border-radius: 0.5rem;
    padding: 0.75rem;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
    border: 1px solid #d1fae5;
}

.acepeak-workflow-dot {
    width: 0.5rem;
    height: 0.5rem;
    background-color: #22c55e;
    border-radius: 9999px;
}

.acepeak-floating-card-2 {
    position: absolute;
    bottom: -1rem;
    left: -1rem;
    background-color: #10b981;
    color: #ffffff;
    border-radius: 0.5rem;
    padding: 0.75rem;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.75rem;
    font-weight: 500;
}

.acepeak-floating-card-2 i {
    font-size: 1rem;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5d8ac4c *//* General Styling & Font */
.problem-section-container * {
    box-sizing: border-box;
}
.problem-section-container {
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}

/* Section Wrapper */
.problem-section {
    padding-top: 5rem;
    padding-bottom: 5rem;
    background-image: linear-gradient(to bottom, #f9fafb, #ffffff);
}
.problem-container {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 1rem;
    padding-right: 1rem;
}

/* Header Text */
.problem-header {
    text-align: center;
    margin-bottom: 4rem;
}
.problem-title {
    font-size: 2.25rem;
    line-height: 2.5rem;
    font-weight: 700;
    color: #111827;
    margin-bottom: 1.5rem;
}
.problem-title .highlight {
    color: #ef4444; /* red-500 */
}
.problem-subtitle {
    font-size: 1.25rem;
    line-height: 1.75rem;
    color: #4b5563;
    max-width: 48rem;
    margin-left: auto;
    margin-right: auto;
}

/* Grid for Cards */
.problem-grid {
    display: grid;
    gap: 2rem;
    grid-template-columns: 1fr; /* Default for mobile */
}

/* Individual Card Styling */
.problem-card {
    background-color: #ffffff;
    border-radius: 0.75rem;
    padding: 2rem;
    text-align: center;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
    transition: all 0.3s ease;
}
.problem-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
}
.card-title {
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-weight: 600;
    color: #111827;
    margin-bottom: 1rem;
}
.card-text {
    color: #4b5563;
}

/* Icon Wrapper & Icons */
.problem-icon-wrapper {
    width: 4rem;
    height: 4rem;
    border-radius: 9999px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
.problem-icon-wrapper i {
    font-size: 2rem; /* Use font-size for Font Awesome icons */
}

/* Color Variations for Icons */
.icon-red { background-color: #fee2e2; } /* red-100 */
.icon-red i { color: #dc2626; }         /* red-600 */

.icon-orange { background-color: #ffedd5; } /* orange-100 */
.icon-orange i { color: #ea580c; }         /* orange-600 */

.icon-yellow { background-color: #fef3c7; } /* yellow-100 */
.icon-yellow i { color: #ca8a04; }         /* yellow-600 */

/* Responsive Grid for Desktop */
@media (min-width: 768px) {
    .problem-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}/* End custom CSS */