.calculator-container {
            background-color: #fff;
            padding: 30px;
            border-radius: 12px;
            box-shadow: 0 8px 16px rgba(0, 0, 0, 0.08);
            width: 100%;
            max-width: 900px;
            box-sizing: border-box;
        }


        .tabs {
            display: flex;
            margin-bottom: 30px;
            border-bottom: 1px solid #e9ecef;
            flex-wrap: wrap;
        }

        .tab {
            flex-grow: 1;
            flex-basis: 0;
            min-width: fit-content;
            padding: 12px 15px;
            border: none;
            background-color: transparent;
            cursor: pointer;
            font-size: 1em;
            font-weight: 500;
            color: #6c757d;
            border-bottom: 3px solid transparent;
            transition: color 0.2s ease, border-bottom-color 0.2s ease;
            text-align: center;
            white-space: nowrap;
        }
         @media (max-width: 600px) {
             .tab {
                 min-width: unset;
                 flex-basis: auto;
             }
         }

        .tab:hover {
            color: #007bff;
        }

        .tab.active {
            color: #007bff;
            border-bottom-color: #007bff;
            font-weight: 600;
        }
         button[data-calculator="sip"].active { color: #28a745; border-bottom-color: #28a745; }
         button[data-calculator="lumpsum"].active { color: #673AB7; border-bottom-color: #673AB7; }
         button[data-calculator="swp"].active { color: #FF9800; border-bottom-color: #FF9800; }
         button[data-calculator="fd"].active { color: #FF5722; border-bottom-color: #FF5722; }
         button[data-calculator="rd"].active { color: #00BCD4; border-bottom-color: #00BCD4; }


        .calculator-section {
            display: none;
            display: flex;
            flex-wrap: wrap;
            gap: 30px;
        }

        .calculator-section.active {
            display: flex;
        }

        .input-column {
            flex: 2;
            min-width: 300px;
        }

         .output-column {
            flex: 1;
            min-width: 250px;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: flex-start;
        
         }


        .input-group {
            margin-bottom: 25px;
            display: flex;
            flex-direction: column;
            position: relative;
             padding-right: 130px;
        }
        .input-column .input-group:last-child {
             margin-bottom: 0;
        }


        .input-group label {
            display: block;
            margin-bottom: 8px;
            font-weight: 500;
            color: #224B30;
            font-size: 0.95em;
        }

        .input-group input[type="range"] {
            -webkit-appearance: none;
            appearance: none;
            width: 100%;
            height: 8px;
            background: #e9ecef;
            outline: none;
            opacity: 0.9;
            transition: opacity 0.2s ease;
            border-radius: 5px;
            margin: 10px 0;
        }

        .input-group input[type="range"]::-webkit-slider-thumb {
            -webkit-appearance: none;
            appearance: none;
            width: 18px;
            height: 18px;
            background: #224B30;
            cursor: pointer;
            border-radius: 50%;
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
        }
         #sip-calculator input[type="range"]::-webkit-slider-thumb { background: #224B30; }
         #lumpsum-calculator input[type="range"]::-webkit-slider-thumb { background: #224B30; }
         #swp-calculator input[type="range"]::-webkit-slider-thumb { background: #224B30; }
         #fd-calculator input[type="range"]::-webkit-slider-thumb { background: #224B30; }
         #rd-calculator input[type="range"]::-webkit-slider-thumb { background: #224B30; }


        .input-group input[type="range"]::-moz-range-thumb {
            width: 18px;
            height: 18px;
            background: #224B30;
            cursor: pointer;
            border-radius: 50%;
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
        }
         #sip-calculator input[type="range"]::-moz-range-thumb { background: #224B30; }
         #lumpsum-calculator input[type="range"]::-moz-range-thumb { background: #224B30; }
         #swp-calculator input[type="range"]::-moz-range-thumb { background: #224B30; }
         #fd-calculator input[type="range"]::-moz-range-thumb { background: #224B30; }
         #rd-calculator input[type="range"]::-moz-range-thumb { background: #224B30; }


        .input-group input[type="range"]:hover {
            opacity: 1;
        }

        .input-group input[type="number"] {
            width: 130px;
            padding: 8px 30px 8px 12px;
            border: 1px solid #ced4da;
            border-radius: 5px;
            font-size: 1em;
            position: absolute;
            right: 0;
            top: 0;
            height: 38px;
            box-sizing: border-box;
            text-align: right;
        }

        .currency-symbol,
        .percentage-symbol,
        .unit {
            position: absolute;
            right: 10px;
            top: 8px;
            pointer-events: none;
            color: #224B30;
            font-size: 0.9em;
            background-color: white;
            padding-left: 5px;
        }
         .unit {
             top: 10px;
         }
         .percentage-symbol {
             top: 10px;
         }


        /* Result and Button Area */
        .output-area {
            width: 100%;
            display: flex;
            flex-direction: column;
            align-items: center;
        }

        .chart-placeholder {
            width: 180px;
            height: 180px;
            border-radius: 50%;
            background: conic-gradient(#224B30 0% 53.5%, #224B30 53.5% 100%); /* Default SIP example */
            margin-bottom: 20px;
        }

         /* Hide chart and legend for SWP */
         #swp-calculator .chart-placeholder,
         #swp-calculator .legend {
             display: none;
         }


        .legend {
            display: flex;
            justify-content: center;
            margin-top: 10px;
            margin-bottom: 20px;
            font-size: 0.9em;
            color: #5a6268;
            width: 100%;
            flex-wrap: wrap;
        }

        .legend-item {
            display: flex;
            align-items: center;
            margin: 5px 10px;
        }

        .color-box {
            width: 12px;
            height: 12px;
            border-radius: 3px;
            margin-right: 5px;
        }

       .color-box.invested { background-color: #dee2e6; }
         .color-box.sip-returns { background-color: #224B30; }
         .color-box.lumpsum-returns { background-color: #224B30; }
         .color-box.fd-interest { background-color: #224B30; }
         .color-box.rd-interest { background-color: #224B30; }


        .results {
            margin-top: 0;
            padding-top: 0;
            width: 100%;
        }

        .result-item {
            display: flex;
            justify-content: space-between;
            margin-bottom: 15px;
            font-size: 1.1em;
            word-break: break-word;
        }

        .result-item label {
            font-weight: 500;
            color: #5a6268;
            text-align: left;
        }

        .result-item span {
            font-weight: 600;
            color: #343a40;
            text-align: right;
        }
         /* Special color for wealth gain in SIP */
         #sip-wealth-gain {
          
         }

         /* Style for the Lakhs/Crores text */
         .lakhs-crores {
            font-size: 0.9em;
            color: #6c757d;
            margin-left: 5px;
            font-weight: normal; /* Override bold from span */
         }


        .result-item .depletion-warning {
            color: #dc3545;
            font-weight: 600;
            text-align: center;
            margin-top: 10px;
            width: 100%;
        }
        .result-item .depletion-warning label {
             color: #dc3545;
             text-align: center;
        }


        /* Button Style */
        .invest-button {
            display: block;
            width: 100%;
            padding: 12px;
            margin-top: 30px;
            background-color: #28a745;
            color: white;
            border: none;
            border-radius: 5px;
            font-size: 1.1em;
            font-weight: 600;
            cursor: pointer;
            transition: background-color 0.2s ease;
            text-align: center;
        }

        .invest-button:hover {
            background-color: #218838;
        }
         #lumpsum-calculator .invest-button { background-color: #673AB7; }
         #swp-calculator .invest-button { background-color: #FF9800; }
         #fd-calculator .invest-button { background-color: #FF5722; }
         #rd-calculator .invest-button { background-color: #00BCD4; }


        /* RD Time Period Toggle */
        .time-period-toggle {
             display: flex;
             align-items: center;
             font-size: 0.95em;
             font-weight: 500;
             color: #5a6268;
             margin-bottom: 8px;
        }
         .time-period-toggle label {
             margin-bottom: 0;
             margin-right: 10px;
             font-weight: 500;
             color: #5a6268;
         }
        .toggle-button {
            background-color: #e9ecef;
            border: none !important;
            padding: 5px 10px;
            border-radius: 5px;
            cursor: pointer;
            font-size: 0.9em;
            font-weight: 500;
            color: #6c757d;
            transition: background-color 0.2s ease, color 0.2s ease;
			    margin: 0 5px;
        }
.toggle-button:focus{outline:none !important;}
        .toggle-button.active {
             background-color: #007bff;
             color: white;
        }
         #rd-calculator .toggle-button.active { background-color: #224B30;     border: 0 !important;}


        /* Responsive adjustments */
         @media (max-width: 767px) {
			 .results{
				 margin:0 !important;
			 }
			 .input-group{
				     flex-direction: row;
			 }
             .calculator-section {
                 flex-direction: column;
                 gap: 20px;
             }
             .input-column,
             .output-column {
                 flex: none;
                 width: 100%;
                 min-width: auto;
             }
             .output-column {
                 padding-top: 0;
                 align-items: stretch;
             }

              .input-group {
                 padding-right: 0;
                 align-items: baseline;
             }
              .input-group input[type="number"] {
                 position: static;
                 width: 90%;
                 margin-top: 10px;
                 padding-right: 12px;
                 height: auto;
             }
              .currency-symbol,
              .percentage-symbol,
              .unit {
                 position: static;
                 display: inline-block;
                 margin-left: 5px;
                 background: none;
                 padding-left: 0;
                  top: auto;
                  right: auto;
             }
             .chart-placeholder {
                 margin-top: 20px;
                 margin-left: auto;
                 margin-right: auto;
             }
         }

          @media (max-width: 480px) {
               .tabs {
                  flex-direction: column;
              }
              .tab {
                  flex-grow: 0;
                  text-align: left;
                  padding: 10px 15px;
              }
          }


.lakhs-crores{
	display:none !important
}
.results{
	  max-width: 740px;
}
#swp-calculator 
.results{
	    margin-top: 0px;
}
#rd-calculator #rd-time-input{
	padding-right:45px;
}
.calculator-section [type=number]::-webkit-inner-spin-button{
	    opacity: 0;
    margin-right: -10px;
}