.elementor-11200 .elementor-element.elementor-element-cd0ba61{--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-11200 .elementor-element.elementor-element-163be09{--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-11200 .elementor-element.elementor-element-45033a2{--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-radius:30px 30px 30px 30px;--padding-top:13px;--padding-bottom:13px;--padding-left:13px;--padding-right:13px;}.elementor-11200 .elementor-element.elementor-element-45033a2, .elementor-11200 .elementor-element.elementor-element-45033a2::before{--border-transition:0.3s;}.elementor-11200 .elementor-element.elementor-element-17fa6a4 > .elementor-widget-container{background-color:#FDFFFE;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;border-radius:0px 0px 0px 0px;}.elementor-11200 .elementor-element.elementor-element-0ddd9eb{--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-11200 .elementor-element.elementor-element-79cb1fd{--display:flex;--background-transition:0.3s;}.elementor-11200 .elementor-element.elementor-element-21761a1{--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-11200 .elementor-element.elementor-element-21761a1, .elementor-11200 .elementor-element.elementor-element-21761a1::before{--border-transition:0.3s;}.elementor-11200 .elementor-element.elementor-element-f60c46e{--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-11200 .elementor-element.elementor-element-f60c46e, .elementor-11200 .elementor-element.elementor-element-f60c46e::before{--border-transition:0.3s;}.elementor-11200 .elementor-element.elementor-element-1e7687e{--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-11200 .elementor-element.elementor-element-1e7687e, .elementor-11200 .elementor-element.elementor-element-1e7687e::before{--border-transition:0.3s;}.elementor-11200 .elementor-element.elementor-element-753e91b{--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-11200 .elementor-element.elementor-element-753e91b, .elementor-11200 .elementor-element.elementor-element-753e91b::before{--border-transition:0.3s;}.elementor-11200 .elementor-element.elementor-element-23d07c9{--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-11200 .elementor-element.elementor-element-23d07c9, .elementor-11200 .elementor-element.elementor-element-23d07c9::before{--border-transition:0.3s;}.elementor-11200 .elementor-element.elementor-element-4dab0fd{--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-11200 .elementor-element.elementor-element-4dab0fd, .elementor-11200 .elementor-element.elementor-element-4dab0fd::before{--border-transition:0.3s;}.elementor-11200 .elementor-element.elementor-element-e83bdf4{--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-11200 .elementor-element.elementor-element-e83bdf4, .elementor-11200 .elementor-element.elementor-element-e83bdf4::before{--border-transition:0.3s;}.elementor-11200 .elementor-element.elementor-element-55b06f3{--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-11200 .elementor-element.elementor-element-55b06f3, .elementor-11200 .elementor-element.elementor-element-55b06f3::before{--border-transition:0.3s;}.elementor-11200 .elementor-element.elementor-element-7e33a9f{--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-11200 .elementor-element.elementor-element-7e33a9f, .elementor-11200 .elementor-element.elementor-element-7e33a9f::before{--border-transition:0.3s;}.breadcrumb-wrap .breadcrumb-overlay, .elementor-page-11200 .breadcrumb-wrap .breadcrumb-overlay{opacity:0.5;}@media(min-width:768px){.elementor-11200 .elementor-element.elementor-element-163be09{--width:95%;}.elementor-11200 .elementor-element.elementor-element-45033a2{--width:80%;}.elementor-11200 .elementor-element.elementor-element-0ddd9eb{--width:50%;}}/* Start custom CSS for html, class: .elementor-element-17fa6a4 */<style>
    /********************************************************
     * Basic Reset & Body
     ********************************************************/
    body {
      background: #f3f3f3;
      padding: 20px;
      font-family: Arial, sans-serif;
    }
    /********************************************************
     * 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: 300px;
      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;
      font-size: 0.95rem;
      color: #333;
    }
    .summary-row strong {
      display: flex;
      align-items: center;
    }
    .legend-color {
      width: 14px;
      height: 14px;
      border-radius: 50%;
      margin-right: 8px;
    }
    .summary-value {
      font-weight: bold;
    }
    .chart-container {
      width: 100%;
      max-width: 300px;
      height: 300px; /* Fixed height for the chart container */
      margin: 0 auto;
    }
    /********************************************************
     * Responsive
     ********************************************************/
    @media (max-width: 768px) {
      .container {
        flex-direction: column;
      }
    }
  </style>/* End custom CSS */