.elementor-11000 .elementor-element.elementor-element-9780bdf{--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;--background-transition:0.3s;}.elementor-11000 .elementor-element.elementor-element-4bb8184{--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;--background-transition:0.3s;--padding-top:80px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-11000 .elementor-element.elementor-element-5bfa695{--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;--background-transition:0.3s;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#000000;--border-color:#000000;--border-radius:30px 30px 30px 30px;--padding-top:13px;--padding-bottom:13px;--padding-left:13px;--padding-right:13px;}.elementor-11000 .elementor-element.elementor-element-5bfa695, .elementor-11000 .elementor-element.elementor-element-5bfa695::before{--border-transition:0.3s;}.elementor-11000 .elementor-element.elementor-element-07d0be2 > .elementor-widget-container{background-color:#FDFFFE;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;border-style:none;border-radius:00px 00px 00px 00px;}.elementor-11000 .elementor-element.elementor-element-557ffd8{--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;--background-transition:0.3s;}.elementor-11000 .elementor-element.elementor-element-e147f94{--display:flex;--background-transition:0.3s;}.elementor-11000 .elementor-element.elementor-element-4ea7b23{--display:flex;--background-transition:0.3s;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#DFDFDF;--border-color:#DFDFDF;--border-radius:10px 10px 0px 0px;}.elementor-11000 .elementor-element.elementor-element-4ea7b23, .elementor-11000 .elementor-element.elementor-element-4ea7b23::before{--border-transition:0.3s;}.elementor-11000 .elementor-element.elementor-element-dcfcf33{--display:flex;--background-transition:0.3s;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#DFDFDF;--border-color:#DFDFDF;}.elementor-11000 .elementor-element.elementor-element-dcfcf33, .elementor-11000 .elementor-element.elementor-element-dcfcf33::before{--border-transition:0.3s;}.elementor-11000 .elementor-element.elementor-element-17aedfc{--display:flex;--background-transition:0.3s;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#DFDFDF;--border-color:#DFDFDF;}.elementor-11000 .elementor-element.elementor-element-17aedfc, .elementor-11000 .elementor-element.elementor-element-17aedfc::before{--border-transition:0.3s;}.elementor-11000 .elementor-element.elementor-element-b7a363e{--display:flex;--background-transition:0.3s;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#DFDFDF;--border-color:#DFDFDF;}.elementor-11000 .elementor-element.elementor-element-b7a363e, .elementor-11000 .elementor-element.elementor-element-b7a363e::before{--border-transition:0.3s;}.elementor-11000 .elementor-element.elementor-element-981aff8{--display:flex;--background-transition:0.3s;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#DFDFDF;--border-color:#DFDFDF;}.elementor-11000 .elementor-element.elementor-element-981aff8, .elementor-11000 .elementor-element.elementor-element-981aff8::before{--border-transition:0.3s;}.elementor-11000 .elementor-element.elementor-element-c9cf3c0{--display:flex;--background-transition:0.3s;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#DFDFDF;--border-color:#DFDFDF;}.elementor-11000 .elementor-element.elementor-element-c9cf3c0, .elementor-11000 .elementor-element.elementor-element-c9cf3c0::before{--border-transition:0.3s;}.elementor-11000 .elementor-element.elementor-element-7d109a8{--display:flex;--background-transition:0.3s;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#DFDFDF;--border-color:#DFDFDF;}.elementor-11000 .elementor-element.elementor-element-7d109a8, .elementor-11000 .elementor-element.elementor-element-7d109a8::before{--border-transition:0.3s;}.elementor-11000 .elementor-element.elementor-element-439bc96{--display:flex;--background-transition:0.3s;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#DFDFDF;--border-color:#DFDFDF;}.elementor-11000 .elementor-element.elementor-element-439bc96, .elementor-11000 .elementor-element.elementor-element-439bc96::before{--border-transition:0.3s;}.elementor-11000 .elementor-element.elementor-element-9f8c181{--display:flex;--background-transition:0.3s;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#DFDFDF;--border-color:#DFDFDF;}.elementor-11000 .elementor-element.elementor-element-9f8c181, .elementor-11000 .elementor-element.elementor-element-9f8c181::before{--border-transition:0.3s;}.breadcrumb-wrap .breadcrumb-overlay, .elementor-page-11000 .breadcrumb-wrap .breadcrumb-overlay{opacity:0.5;}@media(min-width:768px){.elementor-11000 .elementor-element.elementor-element-4bb8184{--width:95%;}.elementor-11000 .elementor-element.elementor-element-5bfa695{--width:80%;}.elementor-11000 .elementor-element.elementor-element-557ffd8{--width:50%;}}/* Start custom CSS for html, class: .elementor-element-07d0be2 */<style>
    /********************************************************
     * Basic Reset & Body
     ********************************************************/
    body {
      background: #f3f3f3;
      padding: 20px;
    }
    
    /********************************************************
     * Container
     ********************************************************/
    .container {
      display: flex;
      flex-wrap: wrap;
      gap: 20px;
      max-width: 1200px;
      margin: 0 auto;
    }
    
    /********************************************************
     * Calculator Panel (Left)
     ********************************************************/
    .calculator {
      background: #fff;
      flex: 1 1 350px;
      min-width: 300px;
      padding: 20px;
      border-radius: 8px;
      box-shadow: 0 0 5px rgba(0,0,0,0.1);
    }
    .calculator h1 {
      font-size: 1.3rem;
      margin-bottom: 20px;
      text-align: center;
    }
    .input-group {
      margin-bottom: 25px;
    }
    .input-label {
      display: flex;
      justify-content: space-between;
      margin-bottom: 5px;
      font-weight: bold;
    }
    input[type="number"],
    input[type="range"] {
      width: 100%;
      margin-bottom: 8px;
    }
    input[type="number"] {
      padding: 8px;
      font-size: 0.9rem;
      border: 1px solid #ddd;
      border-radius: 4px;
    }
    
    /********************************************************
     * Summary Panel (Right)
     ********************************************************/
    .summary {
      background: #fff;
      flex: 1 1 400px;
      min-width: 350px;
      padding: 20px;
      border-radius: 8px;
      box-shadow: 0 0 5px rgba(0,0,0,0.1);
    }
    .summary h2 {
      font-size: 1.2rem;
      margin-bottom: 20px;
      text-align: center;
    }
    .summary-details {
      margin-bottom: 20px;
    }
    .summary-row {
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-bottom: 8px;
    }
    .summary-item {
      display: flex;
      align-items: center;
      font-size: 0.95rem;
      color: #333;
    }
    .legend-color {
      width: 14px;
      height: 14px;
      border-radius: 3px;
      margin-right: 8px;
    }
    .summary-value {
      font-weight: bold;
      font-size: 0.95rem;
      color: #333;
    }
    .summary h3 {
      font-size: 1rem;
      margin-bottom: 10px;
      font-weight: bold;
    }
    .chart-container {
      width: 100%;
      height: auto;
      margin: 0 auto;
      max-width: 300px;
    }
    
    /********************************************************
     * Responsive
     ********************************************************/
    @media (max-width: 768px) {
      .container {
        flex-direction: column;
      }
    }
  </style>/* End custom CSS */