label {
    display: inline-block;
    margin-bottom: 5px;
    margin-top: 10px;
    font-weight: 700;
    font-size: .90rem;
}

input[type="text"], input[type="number"] {
    width: 100%;
    padding: 7px 0;
    font-size: .90rem;
    line-height: 1.5;
    color: inherit;
    background-color: #fff;
    position: relative;
    box-shadow: 5px 10px var(--mainColor);
    border: 1px solid var(--mainColor);
}

.loans-calculator {
    border: 1px solid var(--bg-light4);
    background: var(--bg-light4);
    padding: 3rem 2rem;
    margin: 0 auto;
    /*border-radius: 35px;*/
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.loans-calculator strong {
    font-size: .90rem;
    margin-bottom: 20px;
}

.loans-calculator .results {
    display: flex;
    margin-top: 30px;
}

.loans-calculator .results div {
    width: 33.33%;
    padding: 0 0 0 20px;
    font-size: 1rem;
    font-weight: bold;
    border: 1px solid var(--bg-light2);
}