.elementor-48892 .elementor-element.elementor-element-4895968{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-48892 .elementor-element.elementor-element-1232ed6{--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-48892 .elementor-element.elementor-element-cba7c92{width:var( --container-widget-width, 37% );max-width:37%;--container-widget-width:37%;--container-widget-flex-grow:0;}.elementor-48892 .elementor-element.elementor-element-cba7c92 > .elementor-widget-container{background-color:#ECFFEE;margin:0px 0px 0px 0px;padding:15px 15px 15px 15px;border-radius:50px 50px 50px 50px;}.elementor-48892 .elementor-element.elementor-element-cba7c92 .elementor-icon-box-title, .elementor-48892 .elementor-element.elementor-element-cba7c92 .elementor-icon-box-title a{font-family:"Outfit", Sans-serif;font-size:12px;}.elementor-48892 .elementor-element.elementor-element-cba7c92 .elementor-icon-box-title{color:#6FD5B9;}.elementor-48892 .elementor-element.elementor-element-fec79c4 .elementor-heading-title{font-family:"Outfit", Sans-serif;font-size:45px;font-weight:700;color:#000000;}.elementor-48892 .elementor-element.elementor-element-d1e50fc{font-family:"Inter", Sans-serif;font-size:17px;}.elementor-48892 .elementor-element.elementor-element-fad1f9a .elementor-button:hover, .elementor-48892 .elementor-element.elementor-element-fad1f9a .elementor-button:focus{background-color:var( --e-global-color-uicore_primary );}.elementor-48892 .elementor-element.elementor-element-fad1f9a .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-48892 .elementor-element.elementor-element-4607d0d{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 80px;--row-gap:0px;--column-gap:80px;}.elementor-48892 .elementor-element.elementor-element-192e414 .elementor-icon-box-title, .elementor-48892 .elementor-element.elementor-element-192e414 .elementor-icon-box-title a{font-family:"Outfit", Sans-serif;font-size:30px;}.elementor-48892 .elementor-element.elementor-element-192e414 .elementor-icon-box-title{color:var( --e-global-color-uicore_primary );}.elementor-48892 .elementor-element.elementor-element-192e414 .elementor-icon-box-description{font-family:"Inter", Sans-serif;font-size:16px;}.elementor-48892 .elementor-element.elementor-element-840633b .elementor-icon-box-title, .elementor-48892 .elementor-element.elementor-element-840633b .elementor-icon-box-title a{font-family:"Outfit", Sans-serif;font-size:30px;}.elementor-48892 .elementor-element.elementor-element-840633b .elementor-icon-box-title{color:var( --e-global-color-uicore_primary );}.elementor-48892 .elementor-element.elementor-element-840633b .elementor-icon-box-description{font-family:"Inter", Sans-serif;font-size:16px;}.elementor-48892 .elementor-element.elementor-element-6ec5d3e .elementor-icon-box-title, .elementor-48892 .elementor-element.elementor-element-6ec5d3e .elementor-icon-box-title a{font-family:"Outfit", Sans-serif;font-size:30px;}.elementor-48892 .elementor-element.elementor-element-6ec5d3e .elementor-icon-box-title{color:var( --e-global-color-uicore_primary );}.elementor-48892 .elementor-element.elementor-element-6ec5d3e .elementor-icon-box-description{font-family:"Inter", Sans-serif;font-size:16px;}.elementor-48892 .elementor-element.elementor-element-33be47b{--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-48892 .elementor-element.elementor-element-b917126{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget .tippy-tooltip .tippy-content{text-align:center;}@media(max-width:767px){.elementor-48892 .elementor-element.elementor-element-cba7c92{--container-widget-width:186px;--container-widget-flex-grow:0;width:var( --container-widget-width, 186px );max-width:186px;}.elementor-48892 .elementor-element.elementor-element-cba7c92 .elementor-icon-box-wrapper{text-align:start;}.elementor-48892 .elementor-element.elementor-element-4607d0d{--gap:30px 30px;--row-gap:30px;--column-gap:30px;}.elementor-48892 .elementor-element.elementor-element-192e414 .elementor-icon-box-title, .elementor-48892 .elementor-element.elementor-element-192e414 .elementor-icon-box-title a{font-size:25px;}.elementor-48892 .elementor-element.elementor-element-192e414 .elementor-icon-box-description{font-size:12px;}.elementor-48892 .elementor-element.elementor-element-840633b .elementor-icon-box-title, .elementor-48892 .elementor-element.elementor-element-840633b .elementor-icon-box-title a{font-size:25px;}.elementor-48892 .elementor-element.elementor-element-840633b .elementor-icon-box-description{font-size:12px;}.elementor-48892 .elementor-element.elementor-element-6ec5d3e .elementor-icon-box-title, .elementor-48892 .elementor-element.elementor-element-6ec5d3e .elementor-icon-box-title a{font-size:25px;}.elementor-48892 .elementor-element.elementor-element-6ec5d3e .elementor-icon-box-description{font-size:12px;}}@media(min-width:768px){.elementor-48892 .elementor-element.elementor-element-1232ed6{--width:50%;}.elementor-48892 .elementor-element.elementor-element-33be47b{--width:50%;}.elementor-48892 .elementor-element.elementor-element-b917126{--width:100%;}}/* Start custom CSS for html, class: .elementor-element-4d39b62 */.dnp-dashboard-container {
        width: 100%;
        max-width: 540px;
      }
      .dnp-dashboard-mockup {
        background: white;
        border-radius: 24px;
        overflow: hidden;
        box-shadow: 0 25px 50px rgba(0, 0, 0, 0.15);
        position: relative;
        animation: float 3s ease-in-out infinite;
      }
      @keyframes float {
        0%, 100% { transform: translateY(0); }
        50% { transform: translateY(-6px); }
      }
      @keyframes pulse {
        0%, 100% { opacity: 1; transform: scale(1); }
        50% { opacity: 0.6; transform: scale(1.05); }
      }
      .dnp-dashboard-header {
        background: linear-gradient(135deg, #00C49A, #00b389);
        padding: 24px;
        color: white;
        position: relative;
      }
      .dnp-dashboard-title {
        font-size: 20px;
        font-weight: 700;
        color:white;
      }
      .dnp-dashboard-subtitle {
        font-size: 14px;
        opacity: 0.9;
        color:white;
      }
      .dnp-dashboard-content {
        padding: 24px;
        display: flex;
        flex-direction: column;
        gap: 24px;
      }
      .dnp-stats-grid {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
        gap: 16px;
      }
      .dnp-stat-card {
        background: #fff;
        border-radius: 12px;
        padding: 16px;
        text-align: center;
        box-shadow: 0 2px 10px rgba(0,0,0,0.06);
        transition: transform 0.3s ease;
      }
      .dnp-stat-card:hover {
        transform: translateY(-4px);
      }
      .dnp-stat-icon {
        font-size: 20px;
        width: 36px;
        height: 36px;
        margin: 0 auto 8px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        color: white;
      }
      .dnp-blue { background: #3b82f6; }
      .dnp-green { background: #10b981; }
      .dnp-teal { background: #00C49A; }
      .dnp-stat-value {
        font-size: 20px;
        font-weight: bold;
        color: #1f2937;
      }
      .dnp-stat-label {
        font-size: 12px;
        color: #6b7280;
      }
      .dnp-recent-ports {
        display: flex;
        flex-direction: column;
        gap: 16px;
      }
      .dnp-section-title {
        font-size: 14px;
        font-weight: 600;
        color: #374151;
        display: flex;
        align-items: center;
        gap: 8px;
      }
      .dnp-section-title::before {
        content: '';
        width: 8px;
        height: 8px;
        background: #00C49A;
        border-radius: 50%;
        animation: pulse 2s ease-in-out infinite;
      }
      .dnp-port-item {
        background: #fff;
        border-radius: 12px;
        padding: 16px;
        box-shadow: 0 2px 8px rgba(0,0,0,0.04);
        transition: all 0.3s ease;
      }
      .dnp-port-header {
        display: flex;
        justify-content: space-between;
        margin-bottom: 8px;
        align-items: center;
      }
      .dnp-port-number {
        font-weight: 600;
        font-size: 14px;
        color: #1f2937;
      }
      .dnp-port-time {
        font-size: 12px;
        color: #6b7280;
      }
      .dnp-port-status {
        font-size: 12px;
        font-weight: 500;
        padding: 4px 12px;
        border-radius: 9999px;
        color: #fff;
      }
      .dnp-progress { background: #00C49A; }
      .dnp-processing { background: #f59e0b; }
      .dnp-progress-bar {
        width: 100%;
        height: 6px;
        background: #e5e7eb;
        border-radius: 4px;
        overflow: hidden;
      }
      .dnp-progress-fill {
        height: 100%;
        transition: width 1s ease;
      }
      .dnp-progress-fill.dnp-progress { width: 75%; background: #00C49A; }
      .dnp-progress-fill.dnp-processing { width: 45%; background: #f59e0b; }
      @media (max-width: 600px) {
        .dnp-dashboard-content {
          padding: 16px;
        }
        .dnp-stats-grid {
          grid-template-columns: 1fr;
        }
      }/* End custom CSS */