.graph-section{margin-bottom:rem-calc(120);overflow:hidden;max-width:100%}
@media (max-width:767.98px){.graph-section{margin-top:rem-calc(0);margin-bottom:rem-calc(10);overflow:hidden}}
.graph-section p{font-size:rem-calc(16)}
.graph-section button{border-radius:999rem}
.graph-section .focus circle{stroke-width:0}
.graph-section .focus circle.chart-point-expected-min{fill:#222}
.graph-section .focus circle.chart-point-expected-max{fill:#2DE2F6}
.graph-section .focus circle.chart-point-deposit{fill:#2DE2F6}
.graph-section #line-chart .line-deposits{stroke:#2DE2F6;stroke-width:rem-calc(3);fill:none}
.graph-section #line-chart.pension .deposits,.graph-section #line-chart.pension .line-deposits,.graph-section #line-chart.pension .area-deposits-gradient,.graph-section #line-chart.pension .chart-point-deposit,.graph-section #line-chart.pepp .deposits,.graph-section #line-chart.pepp .line-deposits,.graph-section #line-chart.pepp .area-deposits-gradient,.graph-section #line-chart.pepp .chart-point-deposit{display:none}
.graph-section .line-tooltip{width:auto;padding:0 0.9375rem;border-radius:0.3rem;z-index:999}
.graph-section .line-tooltip ul li:not(:last-child){border-bottom:none}
.graph-section .line-tooltip ul li span{white-space:nowrap}
.graph-section .line-tooltip ul li span.years{font-weight:normal;color:#888}
.graph-section .line-tooltip ul li span.years:before{border:none}
.graph-section .line-tooltip:before{top:50%;left:100%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-color:rgba(255,255,255,0);border-left-color:#FFF;border-width:rem-calc(10);margin-top:rem-calc(-10);margin-left:0}
.graph-section .form-group{margin-top:2.0625rem;max-width:375px}
@media (max-width:1199.98px){.graph-section .form-group{max-width:100%}}
.graph-section .form-group div{justify-content:space-between}
.graph-section .form-group label{font-weight:700;font-size:rem-calc(20)}
@media (max-width:767.98px){.graph-section .form-group label{font-size:rem-calc(16)}}
.graph-section .form-group span{font-weight:700;font-size:rem-calc(25)}
.graph-section .form-group .noUi-target{margin-top:0;margin-bottom:10px}
@media (max-width:991.98px){.graph-section .graph{padding-top:rem-calc(80)}}
@media (max-width:767.98px){.graph-section .month-deposit{margin-bottom:rem-calc(15)}}
@media (max-width:991.98px){.graph-section .horizon,.graph-section .onetime-amount:not(.annuity),.graph-section button.btn-secondary{display:none}}
.graph-section .form-control-range{height:11px;border-radius:10px}
.graph-section .bank-account span,.graph-section .finax-account span,.graph-section .finax-pension span{font-size:rem-calc(36);font-weight:700}
.graph-section .bank-account,.graph-section .finax-account,.graph-section .finax-pension{position:relative;padding-left:rem-calc(30);width:max-content}
@media (max-width:991.98px){.graph-section .bank-account,.graph-section .finax-account,.graph-section .finax-pension{position:absolute;top:-500px}}
@media (max-width:575.98px){.graph-section .bank-account,.graph-section .finax-account,.graph-section .finax-pension{padding-left:rem-calc(5);padding-right:rem-calc(20);position:absolute;top:-380px}.graph-section .bank-account:before,.graph-section .finax-account:before,.graph-section .finax-pension:before{width:16px;height:16px}}
@media (max-width:991.98px){.graph-section .finax-account.expected-avg{top:-430px}}
@media (max-width:575.98px){.graph-section .finax-account.expected-avg{top:-320px}}
@media (max-width:991.98px){.graph-section .finax-account.expected-max{top:-360px}}
@media (max-width:575.98px){.graph-section .finax-account.expected-max{top:-260px}}
@media (max-width:991.98px){.graph-section .finax-account.expected-min{top:-290px}}
@media (max-width:575.98px){.graph-section .finax-account.expected-min{top:-200px}}
.graph-section .bank-account:before{content:"";display:inline-block;width:19px;height:19px;background:#2de2f6;border-radius:50%;position:absolute;left:0;top:4px;box-shadow:-1px 1px 5px rgba(0,0,0,0.15)}
@media (max-width:991.98px){.graph-section .bank-account:before{width:15px;height:15px;top:6px}}
.graph-section .finax-account:before,.graph-section .finax-pension:before{content:"";display:inline-block;width:19px;height:19px;background:#0080F7;border-radius:50%;position:absolute;left:0;top:4px;box-shadow:-1px 1px 5px rgba(0,0,0,0.15)}
@media (max-width:991.98px){.graph-section .finax-account:before,.graph-section .finax-pension:before{width:15px;height:15px;top:6px}}
.graph-section .finax-account.expected-max:before,.graph-section .finax-pension.expected-max:before{background-color:#2DE2F6}
.graph-section .finax-account.expected-min:before,.graph-section .finax-pension.expected-min:before{background-color:#222}
.graph-section .bank-account span,.graph-section .finax-pension span{color:#293037}
@media (max-width:991.98px){.graph-section .bank-account span,.graph-section .finax-pension span{font-size:rem-calc(18)}}
.graph-section .finax-account span{color:#0080f7}
@media (max-width:991.98px){.graph-section .finax-account span{font-size:rem-calc(18)}}
@media (max-width:767.98px){.graph-section .finax-account span{font-size:rem-calc(24)}}
@media (max-width:575.98px){.graph-section .finax-account span{font-size:rem-calc(18)}}
.graph-section .finax-account p,.graph-section .bank-account p,.graph-section .finax-pension p{margin-bottom:0;padding-bottom:0}
@media (max-width:991.98px){.graph-section .finax-account p,.graph-section .bank-account p,.graph-section .finax-pension p{font-size:rem-calc(18)}}
@media (max-width:575.98px){.graph-section .finax-account p,.graph-section .bank-account p,.graph-section .finax-pension p{padding-left:rem-calc(20);padding-right:rem-calc(20);font-size:rem-calc(14)}}
.graph-section.graph-annuity .annuity-mobile .bank-account,.graph-section.graph-annuity .annuity-mobile .finax-account{width:100%;display:flex;justify-content:space-between;align-items:center;position:relative;top:0;padding-left:rem-calc(20);padding-right:rem-calc(12)}
.graph-section .switch-container{margin-top:rem-calc(20);align-items:center;display:flex;justify-content:center;flex-direction:column;gap:rem-calc(10)}
.graph-section .switch{position:relative;display:inline-block;width:60px;height:34px;margin-left:15px;vertical-align:middle}
.graph-section .switch input{opacity:0;width:0;height:0}
.graph-section .slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#e9ecef;transition:0.2s;border-radius:34px}
.graph-section .slider:before{position:absolute;content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:white;border-radius:50%;transition:0.2s;box-shadow:0 1px 3px rgba(0,0,0,0.1)}
.graph-section input:checked + .slider{background-color:#0080F7}
.graph-section input:checked + .slider:before{transform:translateX(26px)}
.graph-section .switch-label{margin-left:8px;color:#6c757d;font-size:16px;vertical-align:middle}