.elementor-10679 .elementor-element.elementor-element-b05b5ea{--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-10679 .elementor-element.elementor-element-1ed9b30{--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 20px;--background-transition:0.3s;--margin-top:00px;--margin-bottom:00px;--margin-left:00px;--margin-right:00px;--padding-top:80px;--padding-bottom:80px;--padding-left:80px;--padding-right:80px;}.elementor-10679 .elementor-element.elementor-element-1ed9b30:not(.elementor-motion-effects-element-type-background), .elementor-10679 .elementor-element.elementor-element-1ed9b30 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-10679 .elementor-element.elementor-element-1ed9b30, .elementor-10679 .elementor-element.elementor-element-1ed9b30::before{--border-transition:0.3s;}.elementor-10679 .elementor-element.elementor-element-db1c1d4{width:var( --container-widget-width, 56.721% );max-width:56.721%;--container-widget-width:56.721%;--container-widget-flex-grow:0;}.elementor-10679 .elementor-element.elementor-element-db1c1d4 > .elementor-widget-container{padding:7px 7px 7px 7px;border-style:solid;border-width:1px 1px 1px 1px;border-radius:30px 30px 30px 30px;}.elementor-10679 .elementor-element.elementor-element-db1c1d4.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-10679 .elementor-element.elementor-element-a029e6f{--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-10679 .elementor-element.elementor-element-7ac82bd{--display:flex;--background-transition:0.3s;}.elementor-10679 .elementor-element.elementor-element-6429a5a{--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-10679 .elementor-element.elementor-element-6429a5a, .elementor-10679 .elementor-element.elementor-element-6429a5a::before{--border-transition:0.3s;}.elementor-10679 .elementor-element.elementor-element-bc6529c{--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-10679 .elementor-element.elementor-element-bc6529c, .elementor-10679 .elementor-element.elementor-element-bc6529c::before{--border-transition:0.3s;}.elementor-10679 .elementor-element.elementor-element-5670b75{--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-10679 .elementor-element.elementor-element-5670b75, .elementor-10679 .elementor-element.elementor-element-5670b75::before{--border-transition:0.3s;}.elementor-10679 .elementor-element.elementor-element-98d2dbe{--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-10679 .elementor-element.elementor-element-98d2dbe, .elementor-10679 .elementor-element.elementor-element-98d2dbe::before{--border-transition:0.3s;}.elementor-10679 .elementor-element.elementor-element-84b7b57{--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-10679 .elementor-element.elementor-element-84b7b57, .elementor-10679 .elementor-element.elementor-element-84b7b57::before{--border-transition:0.3s;}.elementor-10679 .elementor-element.elementor-element-d73c772{--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-10679 .elementor-element.elementor-element-d73c772, .elementor-10679 .elementor-element.elementor-element-d73c772::before{--border-transition:0.3s;}.elementor-10679 .elementor-element.elementor-element-26f465f{--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-10679 .elementor-element.elementor-element-26f465f, .elementor-10679 .elementor-element.elementor-element-26f465f::before{--border-transition:0.3s;}.elementor-10679 .elementor-element.elementor-element-6155fb8{--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-10679 .elementor-element.elementor-element-6155fb8, .elementor-10679 .elementor-element.elementor-element-6155fb8::before{--border-transition:0.3s;}.elementor-10679 .elementor-element.elementor-element-a997043{--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-10679 .elementor-element.elementor-element-a997043, .elementor-10679 .elementor-element.elementor-element-a997043::before{--border-transition:0.3s;}.breadcrumb-wrap .breadcrumb-overlay, .elementor-page-10679 .breadcrumb-wrap .breadcrumb-overlay{opacity:0.5;}@media(max-width:767px){.elementor-10679 .elementor-element.elementor-element-1ed9b30{--width:1600px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10679 .elementor-element.elementor-element-db1c1d4 > .elementor-widget-container{padding:15px 15px 15px 8px;}.elementor-10679 .elementor-element.elementor-element-db1c1d4{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}}@media(min-width:768px){.elementor-10679 .elementor-element.elementor-element-1ed9b30{--width:100%;}.elementor-10679 .elementor-element.elementor-element-a029e6f{--width:50%;}}/* Start custom CSS for html, class: .elementor-element-db1c1d4 */<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 */