.elementor-10769 .elementor-element.elementor-element-5d66c46{--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-10769 .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-10769 .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-10769 .elementor-element.elementor-element-5bfa695, .elementor-10769 .elementor-element.elementor-element-5bfa695::before{--border-transition:0.3s;}.elementor-10769 .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-10769 .elementor-element.elementor-element-5a29064{--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-10769 .elementor-element.elementor-element-2f3e969{--display:flex;--background-transition:0.3s;}.elementor-10769 .elementor-element.elementor-element-36aebb0{--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-10769 .elementor-element.elementor-element-36aebb0, .elementor-10769 .elementor-element.elementor-element-36aebb0::before{--border-transition:0.3s;}.elementor-10769 .elementor-element.elementor-element-0bf1fdc{--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-10769 .elementor-element.elementor-element-0bf1fdc, .elementor-10769 .elementor-element.elementor-element-0bf1fdc::before{--border-transition:0.3s;}.elementor-10769 .elementor-element.elementor-element-ca2fa35{--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-10769 .elementor-element.elementor-element-ca2fa35, .elementor-10769 .elementor-element.elementor-element-ca2fa35::before{--border-transition:0.3s;}.elementor-10769 .elementor-element.elementor-element-84c91f6{--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-10769 .elementor-element.elementor-element-84c91f6, .elementor-10769 .elementor-element.elementor-element-84c91f6::before{--border-transition:0.3s;}.elementor-10769 .elementor-element.elementor-element-3faa606{--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-10769 .elementor-element.elementor-element-3faa606, .elementor-10769 .elementor-element.elementor-element-3faa606::before{--border-transition:0.3s;}.elementor-10769 .elementor-element.elementor-element-ad332bb{--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-10769 .elementor-element.elementor-element-ad332bb, .elementor-10769 .elementor-element.elementor-element-ad332bb::before{--border-transition:0.3s;}.elementor-10769 .elementor-element.elementor-element-abb1dd6{--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-10769 .elementor-element.elementor-element-abb1dd6, .elementor-10769 .elementor-element.elementor-element-abb1dd6::before{--border-transition:0.3s;}.elementor-10769 .elementor-element.elementor-element-294665d{--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-10769 .elementor-element.elementor-element-294665d, .elementor-10769 .elementor-element.elementor-element-294665d::before{--border-transition:0.3s;}.elementor-10769 .elementor-element.elementor-element-366a810{--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-10769 .elementor-element.elementor-element-366a810, .elementor-10769 .elementor-element.elementor-element-366a810::before{--border-transition:0.3s;}.breadcrumb-wrap .breadcrumb-overlay, .elementor-page-10769 .breadcrumb-wrap .breadcrumb-overlay{opacity:0.5;}@media(min-width:768px){.elementor-10769 .elementor-element.elementor-element-4bb8184{--width:95%;}.elementor-10769 .elementor-element.elementor-element-5bfa695{--width:80%;}.elementor-10769 .elementor-element.elementor-element-5a29064{--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;
    }
    .summary-item .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 */