.widget-saving-calculator-container {
    display: flex;
    justify-content: center;
}

.widget-saving-calculator {
    max-width: 634px;
    width: 100%;

    border-radius: 20px;
    border-width: 1px;
    padding: 40px 30px 30px 30px;
    color: #e4fffe;
    background: #ffffff1a;
    border: 1px solid #ffffff1a;
    backdrop-filter: blur(10px);

    .no-selected {
        color: #3b486b;
    }

    .header {
        vertical-align: middle;
        font-family: 'Franie 700', Sans-serif;
        font-weight: 700;
        font-size: 24px;
        line-height: 31px;
        text-align: center;
        color: #e4fffe;
        text-shadow: 0px 0px 6.8px #0f6c61;
    }
    .subheader {
        font-family: 'Amiko 400', Sans-serif;
        font-weight: 400;
        font-size: 12px;
        line-height: 150%;
        text-align: center;
        color: #5ca1b6;
        margin-bottom: 50px;
        padding: 0 20px;

        &.wp {
            font-size: 16px;
            margin-bottom: 0px;
        }
        @media(max-width: 767px){
            .subheader{
                width: 100%;
            }
        }
    }

    label {
        font-family: 'Franie 400', Sans-serif;
        font-size: 12px;
        line-height: 150%;
        vertical-align: middle;
        color: #e4fffe;
        margin-bottom: 10px;
    }

    .table-header {
        background: #ffffff1a !important;
        border-top-left-radius: 20px;
    }

    table {
        border-collapse: separate; /* Important! */
    }
    tr:first-child th:first-child {
        border-top-left-radius: 20px;
    }

    tr:first-child th:last-child {
        border-top-right-radius: 20px;
    }

    tr:last-child td:first-child {
        border-bottom-left-radius: 20px;
    }

    tr:last-child td:last-child {
        border-bottom-right-radius: 20px;
    }
    th,
    td {
        width: calc(100% / 3);
        height: 66px !important;
        div {
            height: 100%;
            display: flex;
            align-items: center;

            p {
                margin: 0;
            }
        }
    }
    th {
        margin: auto;
        color: #5ca1b6;
    }

    input {
        max-width: 600px;
        margin: auto;
        border-radius: 4px;
        border: 1px solid #ffffff1a;
        background: #ffffff1a;
        height: 54px;
        color: #e4fffe;
    }

    .estimate-saving-calculator {
        font-family: 'Franie 400', sans-serif;
        font-size: 12px;
        line-height: 150%;
        text-align: center;

        .result {
            font-family: 'Amiko 700', sans-serif;
            font-size: 21px;
            margin-bottom: 5px;
        }
    }
}