/* .comp_banner_left:after{
    content: '';
    position: absolute;
    left: 15px;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 30px 40px;
    background: linear-gradient(to right, #f8f8f8, #eaebec);
    border-radius:20px 0px 60px 20px;
    z-index: 0;
}
 */
.calc-banner-overlay h1{
    /* background: linear-gradient(to right, #f8f8f8, #eaebec); */
    /* border-radius: 10px; */
    top:10px
}
.chart-wrapper {
    width:300px;
    height:300px;
    margin: 0 auto;
}
#wealthChart {
    width:300px !important;
    height:300px !important;
  }

  input[type=range] {
    -webkit-appearance: none;
    margin: 10px 0;
    width: 100%
}

input[type=range]:focus {
    outline: 0
}

input[type=range]::-webkit-slider-runnable-track {
    width: 100%;
    height: 2.5px;
    cursor: pointer;
    background: #810e37;
    border-radius: 10px
}

input[type=range]::-webkit-slider-thumb {
    box-shadow: 2px 2px 5px #b3b3b3,-1px -1px 3px grey;
    border: 2px solid #810e37;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    background-color: #fff;
    cursor: pointer;
    margin-top: -8px;
    -webkit-appearance: none
}

input[type=range]:focus::-webkit-slider-runnable-track {
    background: #810e37
}

input[type=range]::-moz-range-track {
    width: 100%;
    height: 6px;
    cursor: pointer;
    background: #810e37;
    border-color: transparent;
    border-width: 16px 0;
    color: transparent;
    border-radius: 10px
}

input[type=range]::-moz-range-thumb {
    box-shadow: 2px 2px 5px #b3b3b3,-1px -1px 3px grey;
    border: 5px solid #fff;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    background: #9088d2;
    cursor: pointer;
    margin-top: -6px
}

input[type=range]::-ms-track {
    width: 100%;
    height: 3px;
    cursor: pointer;
    background: #9088d2;
    border-color: transparent;
    border-width: 16px 0;
    color: transparent;
    border-radius: 10px
}

input[type=range]::-ms-fill-lower {
    background: #9088d2;
    border-radius: 5px
}

input[type=range]::-ms-fill-upper {
    background: #9088d2;
    border-radius: 5px
}

input[type=range]::-ms-thumb {
    box-shadow: 2px 2px 5px #b3b3b3,-1px -1px 3px grey;
    border: 5px solid #fff;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    background: #9088d2;
    cursor: pointer;
    margin-top: -6px
}

input[type=range]:focus::-ms-fill-lower {
    background: #9088d2
}

input[type=range]:focus::-ms-fill-upper {
    background: #9088d2
}