.calculator {
    overflow: hidden;
}

.calculator h2 {
    margin-bottom: 1rem;
}

.calculator .calculator-inner {
    border-radius: 40px;
}

.calculator .calculator-inner .calculator-left {
    flex: 0 0 40%;
}

.calculator .calculator-inner .calculator-right {
    border-radius: 30px;
}

.calculator .calculator-inner .calculator-right .calculator-form .calculator-form-item .title {
    flex: 0 0 40%;
}

.calculator .calculator-inner .calculator-result {
    border-radius: 20px;
    color: #FFFFFF;
}

.calculator .calculator-inner .calculator-result .label {
    font-size: 2rem;
}

.calculator .form-input input[type='text'] {
    height: auto;
    padding: 10px 15px;
    font-size: 16px;
}

.calculator .form-input .add .right .inner {
    border-left: 0;
}

.calculator .form-input .add .left .inner {
    border-right: 0;
}

.calculator .form-input .add.left input {
    padding-left: 0;
}

.calculator .form-input .add.right input {
    padding-right: 0;
}

.calculator .average-sales-input,
.calculator .total-sales-input {
    width: 100px;
}

.calculator .supporters-total-input,
.calculator .supporters-percent-input {
    width: 80px;
}

.calculator .supporters-students-input {
    width: 140px;
}

.calculator .presets a {
    display: inline-block;
    padding: 2px 4px;
    font-family: "Inter Regular";
    font-size: 13px;
    text-decoration: underline;
    background-color: #D5D7DF;
    border-radius: 5px;
}

@media (max-width: 575px) {
    .calculator .container {
        padding-left: 0;
        padding-right: 0;
    }
}