/* Main calculator styles */
.calculator {
    margin: 20px 0;
    background-color: #f0f0f4;
}

.calculator-header {
    padding: 20px;
    background-color: #502E91;
}

.calculator h3 {
    display: flex;
    align-items: center;
    margin: 0;
    color: #fff;
    font-family: "AvenirLTPro-Heavy";
    font-size: 1.375rem;
}

.calculator h3::before {
    content: "";
    display: inline-block;
    font-family: 'icomoon';
    margin-right: 20px;
    color: rgba(255, 255, 255, 0.5);
    font-size: 1.9375rem;
}

.calculator-content {
    padding: 20px;
}

.calculator-form-fields {
    display: flex;
    width: 100%;
    justify-content: center;
    gap: 10px;
    margin-bottom: 20px;
}

.calculator-form-fields:last-of-type {
    margin-bottom: 0;
}

/* Styles for tablets (min-width: 600px) */
@media (min-width: 600px) and (max-width: 899px) {
    .calculator-form-field {
        flex: 1 1 45%; /* Adjust width for better fit */
        margin-right: 10px;
    }

    .calculator-form-field.-short {
        flex: 0 0 30%;
    }

    .calculator input[type='button'] {
        flex: 0 0 20%;
        align-self: flex-end;
    }
}

/* Styles for large screens */
@media (min-width: 900px) {
    .calculator-form-field {
        flex: 0 0 60%;
        margin-right: 0;
    }

    .calculator-form-field.-short {
        flex: 0 0 20%;
        max-width: none;
    }

    .calculator input[type='button'] {
        flex: 0 0 20%;
        margin: 0;
        align-self: flex-end;
    }
}

/* Mobile styles (max-width: 599px) */
@media (max-width: 599px) {
    .calculator-header {
        padding: 15px;
    }

    .calculator-content {
        padding: 15px;
    }

    .calculator-form-fields {
        flex-direction: column;
        gap: 15px;
    }

    .calculator-form-field {
        flex: 1 1 100%; /* Full width for form fields */
        margin-right: 0;
    }

    .calculator input[type='button'] {
        width: 100%;
        margin-top: 15px;
        align-self: center;
    }

    .calculator h3 {
        font-size: 1.125rem; /* Adjust header font size for readability */
    }

    .calculator h3::before {
        font-size: 1.5rem; /* Adjust icon size */
    }
}

.calculator hr {
    margin: 10px 0;
    border-color: rgba(84, 84, 135, 0.3);
}

.calculator label {
    margin-bottom: 7px;
}

.calculator select,
.calculator input[type='text'] {
    background-color: #fff;
}

.calculator input[type='button'] {
    margin-top: 20px;
    background-color: #502E91 !important;
    font-family: "AvenirLTPro-Heavy";
    font-size: 1.125rem;
    color: #fff !important;
    border-radius: 3px;
}

.calculator input[type='button']:hover,
.calculator input[type='button']:focus {
    background-color: #8e8ecb;
}

.calculator .checks label::before,
.calculator .radios label::before {
    background-color: #fff;