.footer {
    display: block;
}

input {
    outline: none;
}

@media (min-width: 771px) {
    .calculator-image {
        bottom: -40px;
        position: relative;
    }
}

@media (max-width: 770px) {
    .calculator-image {
        margin-top: 2rem;
    }

    .calculator-image-wrapper {
        display: flex;
        justify-content: center;
    }
}

.summary-block {
    padding: 2rem 1rem;
    padding-bottom: 0;
}

    .summary-block h5 {
        font-size: 20px;
        line-height: 26px;
        margin-bottom: 0;
    }

.summary-block-blue {
    border-top: 2px solid;
    border-color: #7DD0FF;
    background-color: rgba(125, 208, 255, 0.05)
}

.summary-block-red {
    border-top: 2px solid;
    border-color: #D7487B;
    background-color: rgba(215, 72, 123, 0.05);
}

.summary-block-white {
    padding-top: 0;
    border-bottom: 2px solid;
    border-color: #7168B7;
}

.summary-block-final {
    border: none;
    padding-top: 0;
}

    .summary-block-final > .summary-item > div:last-of-type {
        font-family: 'Roboto Slab';
        font-style: normal;
        font-weight: 700;
        font-size: 50px;
        line-height: 55px;
    }

    .summary-block-final > .summary-item {
        align-items: center;
    }

        .summary-block-final > .summary-item > div {
            border: none;
        }

.summary-item > div {
    border-bottom: 1px solid;
    border-color: rgba(113, 104, 183, .2);
    padding-top: 20px;
    padding-bottom: 24px;
}

    .summary-item > div:first-of-type {
        font-weight: 400;
        font-size: 16px;
        line-height: 150%;
        color: #39345C;
    }

    .summary-item > div:nth-child(2) {
        font-weight: 400;
        font-size: 20px;
        line-height: 26px;
        text-align: right;
        color: #39345C;
    }

    .summary-item > div:nth-child(3) {
        font-family: 'Roboto Slab';
        font-style: normal;
        font-weight: 700;
        font-size: 20px;
        line-height: 26px;
        text-align: right;
        color: #39345C;
    }