#result .fraction-output { font-weight: bold; font-size: 18px; color: #9d2a86; text-align: center; margin: 4px 0px;}.result-container {  padding: 10px; margin-top: 10px; font-size: 18px; font-family: 'Arial', sans-serif; background-color: #eaeaea; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); color: #333; border-radius: 8px; word-wrap: break-word; line-height: 1.6;  text-align: left; }.stepshead { text-align: center; font-weight: bold; color: #0200a2; font-size: 20px;}.steps {text-align: left; background-color: #e8f5e9;  padding: 10px; margin-top: 10px; border-radius: 8px; border: 1px solid #81c784; font-family: 'Courier New', monospace; font-size:19px; } .latex1 { display: inline-block; margin: 0px 0px 7px 0px; font-size:16px;  font-family: Arial, sans-serif; }.info-icon { visibility: hidden; cursor: pointer; display: inline-block; font-size: 17px; color: #0E5DDE; margin-left: 10px; position: relative;}.info-tooltip { visibility: hidden; width: 130px; background-color: #333; color: #fff; text-align: center; border-radius: 5px; font-size: 14px; padding: 3px; position: absolute; z-index: 1; top: -10px; left: -68px; transform: translateX(-50%); opacity: 0; transition: opacity .3s;}.info-icon:hover .info-tooltip { visibility: visible; opacity: 1;} .calculator-container { font-family: 'Roboto', sans-serif; background-color: #f9f9f9; touch-action: manipulation; position: relative; box-shadow: 0 0 10px rgba(0, 0, 0, 0.6); max-width: 1000px; font-size: 16px; margin: 0 auto; padding: 10px 20px; border: 1px solid #ccc; border-radius: 10px; }.calculator-container:hover {  box-shadow: 0 0 10px rgba(0, 0, 0, 0.9); }.heading { font-family: Arial, sans-serif;  text-align: center;  color: #013365;  font-weight: bold; font-size: 27px; margin: 15px 0px 15px 0px; }label { font-size: 16px; text-align: left; font-weight: bold; color: #145e66; margin-bottom: 5px; }.input-field { padding: 2px 3px; font-size: 16px; font-weight: bold; color: #0d5dde; border: 1px solid #ccc; border-radius: 5px; background-color: #f9f9f9; box-shadow: none; transition: border-color 0.2s ease; cursor: pointer;}.input-field:focus { border-color: #007BFF; outline: none;}.input-field option { font-weight: normal; color: #333; background-color: #fff;}.input-field option:hover { background-color: #eef;}.form-group input[type=range] { -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 100%; height: 5px; background: #015EA3;  outline: none; border-radius: 5px; margin-top: 10px; box-shadow: none;  border: none; }.form-group input[type=range]::-webkit-slider-runnable-track { background: #015EA3; height: 5px; border-radius: 5px; box-shadow: none; border: none;}.form-group input[type=range]::-moz-range-track { background: #015EA3; height: 5px; border-radius: 5px; box-shadow: none; border: none;}.form-group input[type=range]::-webkit-slider-thumb { -webkit-appearance: none; height: 15px; width: 15px; border-radius: 50%; background: #015EA3;  cursor: pointer; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);  border: none; }.form-group input[type=range]::-moz-range-thumb { height: 15px; width: 15px; border-radius: 50%; background: #015EA3;  cursor: pointer; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);  border: none;}.form-group input[type=range]::-ms-thumb { height: 15px; width: 15px; border-radius: 50%; background: #015EA3;  cursor: pointer; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);  border: none;}.form-group input[type=number]{ font-size: 16px; font-weight: bold; color: #0d5dde; width: 100%;height: 40px;padding: 10px;border-radius: 5px;border: 1px solid #ccc; box-shadow: none; box-sizing: border-box; transition: all .2s linear; }.form-group input[type=number] { border-color: #8a8a8a;}.form-group { display: flex; flex-direction: column; margin-bottom: 20px;}.form-group2 { display: flex; align-items: center; flex-direction: row; margin-bottom: 10px; justify-content: space-between;}.input-field1 { text-align: center; max-width: 100%; height: 40px; padding: unset; height: 40px; font-size: 16px; font-weight: bold; color: #0d5dde; border: 1px solid #000; border-radius: 5px; background-color: #ffffff; box-shadow: none; transition: border-color 0.2s ease; cursor: pointer;}.content-section { margin: 40px 10px 0px 10px; display: flex; justify-content: space-evenly; align-items: stretch;}.form-section { width: 55%;  padding-right: 20px; }.result-section { width: 40%; display: flex;  flex-direction: column;  justify-content: space-around;  align-items: center; }.result-box { background: linear-gradient(135deg, #212b34, #283746); box-shadow: 0 5px 15px rgba(0, 72, 72, 0.1); border-radius: 7px; width: 97%;  padding: 2px 10px; cursor: pointer;  transition: transform 0.2s ease;  text-align: center; }.result-box:hover {  background: linear-gradient(135deg, #1c1f23, #263748); box-shadow: 0 0 6px rgba(0, 0, 0, 0.5); transform: scale(0.98);}.result-label { display: flex; flex-direction: column; font-weight: bold;  font-size: 15px;  color: #fdfdfd;  margin: 7px;}.result-value {margin-top: -10px; color: #ffa100; font-size: 16px;  font-weight: bold; }#tooltip { position: fixed; background-color: black; font-weight: bold; color: white; font-size: 14px; padding: 2px 7px; border-radius: 5px; display: none;  z-index: 100; max-width:350px; transform: translate(-50%, -150%); text-align: center;  left: 50%; top: 25%; }.chart-container1 { margin-top: 20px; } .dropdown { position: absolute; top: 15px; right: 15px; cursor: pointer; color: black; } .dropdown-content { font-weight: bold; font-size: 14px; border-radius: 5px; display: none; position: absolute; top: 0px; right: 20px; background-color: #f9f9f9; min-width: 160px; box-shadow: 0px 0px 4px 2px rgba(0,0,0,0.6); z-index: 1; } .dropdown-content a { color: black; padding: 6px 10px; text-decoration: none; display: block; } .dropdown-content a:hover { background-color: #d8d8d8; cursor: pointer; border-radius: 5px; }.dropdown:hover .dropdown-content { display: block; } .dropdown-button { cursor: pointer; font-size: 18px;}.dropdown-content [type="checkbox"] { transform: scale(1.2); }.powered-by { text-align: center; font-size: 15px; color: gray; margin-top: 20px; margin-bottom: 0px; text-decoration: none;}.powered-by a { text-decoration: none; font-weight: bold; color: #551A8B;}#investmenttable { width: 100%; margin-top: 20px; border: 1px solid #ddd; overflow: auto;  max-height: 300px; }#investmenttable td { font-size: 15px; font-weight: 600; height: 30px; text-align: center; color: #3e3e3f; padding: 2px 5px; border: 1px solid #000000;}#investmenttable th { background-color: #351c73;line-height: 1.3; color: #ffffff; font-size: 15px; border: 1px solid #ddd; font-weight: 600; text-align: center; padding: 8px 5px; position: sticky; top: 0;  z-index: 1;}#investmenttable tr:nth-child(even) { background-color: #F9F9F9;}#investmenttable tr:nth-child(odd) { background-color: #e8e8e8;}#investmenttable tr:hover { background-color: #c5c5c5; cursor: pointer;}@media screen and (max-width: 768px) { #investmenttable th, #investmenttable td { font-size: 14px; }	.result-value {margin-top: 0px; }}@media (max-width: 610px) { .calculator-container { padding: 10px 10px;} .result-box { padding: 14px 10px; transition: transform 0.3s ease;  width: 99%;  margin-top:10px;}  .result-box:hover {width: 99%;} .heading {font-size: 23px;} .result-label { margin: 0px 15px; display: flex; justify-content: space-between; flex-direction: row;} .content-section { flex-direction: column;  } .form-section, .result-section { width: 100%;  padding-right: 0;  } .result-section { margin-top: 0px;  }}@media (max-width: 510px) { .result-label { margin: 0px 10px; }}@media (max-width: 410px) { .result-label { margin: 0px 5px; }}