#calculator  .calculator--header{
    margin-top: 100px;
    text-align: left;
    font-family: Futura PT;
    font-style: normal;
    font-weight: 450;
    font-size: 40px;
    color: #FFFFFF;
}

#calculator .calc__range__header-text {
    font-family: Circe;
    font-style: normal;
    font-weight: normal;
    line-height: 32px;
    color: #808182;
}

#calculator .calculator--body {
    margin-bottom: 100px;
    font-family: 'Futura PT';
    display: flex;
    flex-wrap: nowrap;
    /* gap: 67px; */
}
#calculator .calculator--body > div:nth-child(1){
    margin-right: 67px;
}
#calculator .calculator-inputs,
#calculator .calculator-results {
    width: 100%;
}
#calculator .calculator-inputs .range-slider{
    width: 100%;
    margin-bottom: 0px;
}

#calculator .calculator-inputs .calc__range .range--result{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0px;
    margin-right: 20px;
}
#calculator  .range--result .range__label {
    color: #fff;
    font-size: 25px;
}

#calculator  .range--result .range__count {
    color: #fff;
    font-size: 35px;
    font-family: 'Futura PT';
}

#calculator .calculator-results {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(142.92deg, #252525 1.67%, #131313 99.01%), #C4C4C4;
}

#calculator  .calculator-results .total--wrapper {
    /* top: 70px; */
    margin-top: -100px;
    /* margin-top: 135px; */
    text-align: center;
    position: absolute;
}

#calculator  .total--wrapper .total-header {
    font-family: Futura PT;
    font-style: normal;
    font-weight: 400;
    font-size: 25px;
    line-height: 32px;
    text-align: center;
    color: #808182;
    margin: 0;
}

#calculator  .total--wrapper .total {
    font-family: Futura PT;
    font-style: normal;
    font-weight: 300;
    font-size: 55px;
    text-align: center;
    color: #FFFFFF;
    margin: 0;
    margin-top: 30px;
}

#calculator .costs--wrapper {
    position: absolute;
    bottom: 50px;
    display: flex;
    /* gap: 50px; */
    align-items: center;
    justify-content: center;
}
#calculator .costs--wrapper p:nth-child(1) {
    margin-right: 50px;
}
#calculator .costs--wrapper p {
    font-family: Futura PT;
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    line-height: 122.4%;
    /* or 24px */


    color: #808182;
}

@media screen and (max-width: 991px){
    #calculator .calculator-results {
        position: relative;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        background: linear-gradient(142.92deg, #252525 1.67%, #131313 99.01%), #C4C4C4;
    }
    #calculator .calculator--body {
        flex-direction: column;
        margin-top: 30px;
    }
    #calculator  .calculator-results .total--wrapper {
        padding: 30px;
        /* top: 70px; */
        margin-top: 0px;
        /* margin-top: 135px; */
        text-align: center;
        position: relative;
    }
    #calculator .costs--wrapper {
        position: relative;
        bottom: 50px;
        display: flex;
        /* gap: 50px; */
        align-items: center;
        justify-content: center;
    }
    #calculator .calculator--body > div:nth-child(1){
        margin: 0;
        margin-bottom: 20px;
    }
    #calculator .calculator--header .preheader {
        font-size: 24px;
    }
    #calculator .range--result .range__label{
        font-size: 24px
    }
    #calculator .range--result .range__count {
        font-size: 29px;
    }
    #calculator .calculator-results .total--wrapper {
        margin-top: 52px;
    }
    #calculator .total--wrapper .total {
        margin-top: 0;
    }
    #calculator .costs--wrapper {
        margin: 62px 0 32px;
    }
    #calculator .calculator-inputs .range-slider {
        margin-bottom: 25px;
    }
}

@media screen and (max-width: 575px){
    #calculator .calculator-results {
        position: relative;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        background: linear-gradient(142.92deg, #252525 1.67%, #131313 99.01%), #C4C4C4;
    }
    #calculator .calculator--body {
        flex-direction: column;
        margin-top: 30px;
    }
    #calculator  .calculator-results .total--wrapper {
        padding: 30px;
        /* top: 70px; */
        margin-top: 0px;
        /* margin-top: 135px; */
        text-align: center;
        position: relative;
    }
    #calculator .costs--wrapper {
        position: relative;
        bottom: 50px;
        display: flex;
        /* gap: 50px; */
        align-items: center;
        justify-content: center;
    }
    #calculator .calculator--body {
        flex-direction: column;
        /* gap: 10px; */
    }
    #calculator .calculator--body > div:nth-child(1){
        margin-bottom: 10px;
    }
    #calculator .calculator--header .preheader {
        font-size: 15px;
    }
    #calculator .range--result .range__label{
        font-size: 15px
    }
    #calculator .calculator-inputs .calc__range .range--result {
        margin-right: 10px;
    }
    #calculator .range--result .range__count {
        font-size: 18px;
    }
    #calculator .calculator-results .total--wrapper {
        margin-top: 52px;
    }
    #calculator .total--wrapper .total-header {
        font-size: 15px;
    }
    #calculator .total--wrapper .total {
        margin-top: 0;
        font-size: 28px;
    }
    #calculator .costs--wrapper {
        margin: 40px 0 20px;
    }
    #calculator .costs--wrapper {
        /* gap: 20px; */
    }
    #calculator .costs--wrapper p:nth-child(1) {
        margin-right: 20px;
    }
    #calculator .costs--wrapper p {
        font-size: 14px;
    }
}