.kp-sip-calculator {
margin: 0 auto;
padding: 20px;
max-width: 1000px;
display: flex;
flex-wrap: wrap;
border: 1px solid #e9e9eb;
border-radius: 10px;
}
.kp-sip-calculator div {
margin-bottom: 20px;
}
.kp-sip-calculator label {
display: block;
font-size: 16px;
font-weight: bold;
color: #333;
margin-bottom: 10px;
}
.kp-sip-calculator input[type="number"] {
width: 100%;
padding: 10px;
border: 1px solid #ddd;
border-radius: 5px;
font-size: 16px;
margin-bottom: 10px;
box-sizing: border-box;
}
.kp-sip-calculator h3 {
font-size: 18px;
font-weight: bold;
margin-top: 30px;
}
.kp-sip-calculator p {
font-size: 16px;
margin-bottom: 5px;
}
#kp-sip-calculator-pie-chart {
margin-top: 20px;
width: 100% !important;
height: auto !important;
}
.kp-sip-calculator-contain {
width: 65%;
padding-right: 40px;
box-sizing: border-box;
}
.kp-sip-calculator-chart {
width: 35%;
}
.kp-sip-calculator-result {
flex-direction: column;
display: flex;
}
.kp-sip-calculator-result div {
justify-content: space-between;
display: flex;
}
.kp-sip-calculator-slider {
-webkit-appearance: none;
width: 100%;
height: 8px;
border-radius: 5px;
background: #d3d3d3;
outline: none;
-webkit-transition: 0.2s;
transition: opacity 0.2s;
}
.kp-sip-calculator-slider::-webkit-slider-thumb {
-webkit-appearance: none;
appearance: none;
width: 25px;
height: 25px;
border-radius: 50%;
background: var(--kp-sip-calculator-slider-color, #5367ff);
cursor: pointer;
}
.kp-sip-calculator-slider::-moz-range-thumb {
width: 25px;
height: 25px;
border-radius: 50%;
background: var(--kp-sip-calculator-slider-color, #5367ff);
cursor: pointer;
}