.homeloan_calc_main_container{display:flex;flex-direction:column;gap:1rem;align-items:flex-start;width:calc(90% - 2rem);margin:auto;padding:1rem 1rem 3rem;background:var(--color-white)}.homeloan_calc_main_container .description{font-size:var(--text-small);font-weight:500;color:var(--bg-blue)}.calc_content_body_container{display:flex;width:100%}.calc_content_body_container .left{width:25%;margin-top:1rem;display:flex;flex-direction:column;gap:2.3rem;align-items:flex-start}.calc_content_body_container .left .item{display:flex;justify-content:space-between;align-items:center;width:80%;cursor:pointer;color:var(--color-black1);font-weight:400}.calc_content_body_container .left .item:hover{color:var(--color-blue)}.calc_content_body_container .left .item i{color:var(--color-red2)}.calc_content_body_container .left .item a{font-size:var(--text-small);margin:0;color:inherit;text-decoration:none}.calc_content_body_container .left .active_side_nav{font-weight:600!important;color:#006c95!important}.calc_content_body_container .right{display:flex;flex-direction:column;gap:2.5rem;width:72%}.calc_content_body_container .right .top{display:flex;gap:1rem;justify-content:space-between;align-items:flex-end}.calc_content_body_container .right .top .range_field_container{width:60%;display:flex;flex-direction:column;gap:1rem;justify-content:flex-start}.calc_content_body_container .range_field_container .title_container{display:flex;gap:.2rem;align-items:center;height:3rem}.calc_content_body_container .range_field_container .title_container .img_container{width:100px;height:100px;position:relative;display:flex;align-items:center;justify-content:center}.calc_content_body_container .range_field_container .title_container img{height:80%;object-fit:contain}.calc_content_body_container .range_field_container .title_container h2{font-size:var(--text-medium);color:var(--color-blue);font-weight:600}.calc_content_body_container .range_field_container .range_container{display:flex;flex-direction:column;gap:.5rem;width:100%}.calc_content_body_container .range_field_container .instruction_container,.calc_content_body_container .range_field_container .min_max_value{display:flex;justify-content:space-between;align-items:center}.calc_content_body_container .range_field_container .instruction_container h2,.calc_content_body_container .range_field_container .instruction_container label.label_for_loan{font-size:var(--text-small);font-weight:700;margin:0;color:var(--color-blue)}.calc_content_body_container .range_field_container .instruction_container p{font-size:var(--text-small);font-weight:400;margin:0;color:var(--color-red2);background:var(--input-bg);padding:.4rem;min-width:100px;text-align:end;border-radius:.4rem;font-family:sans-serif}.calc_content_body_container .range_field_container .instruction_container p .rangeinput{outline:0;border:none;color:var(--color-red2);background:var(--input-bg);width:80%;box-sizing:border-box}.calc_content_body_container .range_field_container .min_max_value p{font-size:var(--text-small);color:var(--color-black1);margin:0;font-family:sans-serif}.calc_content_body_container .right .top{display:flex;gap:.5rem;justify-content:left;flex-direction:row;flex-wrap:wrap;align-items:flex-start}.calc_content_body_container .circle_progress_container{display:flex;width:30%;height:80%;padding:2rem 1rem;flex-direction:column;background-color:var(--page-blue-bg);gap:1rem;align-items:center}.calc_content_body_container .circle_progress_container p{font-size:calc(var(--text-small) - .2rem);color:var(--color-black1);font-weight:400}.circle_progress_container .progress_color_description{display:flex;gap:1rem;margin-left:2rem;width:max-content;margin-right:auto;align-items:center}.circle_progress_container .progress_color_description .blue{width:1rem;height:1rem;border-radius:100%;background:var(--color-blue)}.circle_progress_container .progress_color_description .red{width:1rem;height:1rem;border-radius:100%;background:var(--color-red2)}.calc_content_body_container .right .bottom .card .calculator_result_head_text,.circle_progress_container .progress_color_description p{font-size:var(--text-small);margin:0;color:var(--color-black1)}.calc_content_body_container .right .bottom{display:flex;justify-content:space-between;align-items:center;margin-top:1rem}.calc_content_body_container .right .bottom .card{display:flex;min-width:fit-content;flex-direction:column;padding:1rem;width:25%;border-radius:1rem;border:.15rem solid var(--color-blue)}.calc_content_body_container .right .bottom .card .claculator_result_para_text,.calc_content_body_container .right .bottom .card label.total_loan_head_text{font-size:var(--text-large);color:var(--color-blue);font-weight:700;margin:0;font-family:sans-serif}input[type=range].home_loan_styled_slider{height:16px;-webkit-appearance:none;background:0 0}input[type=range].home_loan_styled_slider.slider-progress{--range:calc(var(--max) - var(--min));--ratio:calc((var(--value) - var(--min)) / var(--range));--sx:calc(0.5 * 1.5em + var(--ratio) * (100% - 1.5em))}input[type=range].home_loan_styled_slider::-webkit-slider-thumb{-webkit-appearance:none;width:1.5em;height:1.5em;border-radius:1em;background:var(--color-white);border:4px solid #0865a4;box-shadow:none;margin-top:calc(4px * .5 - max(1.5em * .5,4px))}input[type=range].home_loan_styled_slider::-webkit-slider-runnable-track{height:4px;border:none;border-radius:.5em;background:#efefef;box-shadow:none}input[type=range].styled-slider::-webkit-slider-thumb:hover{background:#0061c3}input[type=range].home_loan_styled_slider.slider-progress::-webkit-slider-runnable-track{background:linear-gradient(#0865a4,#0865a4) 0/var(--sx) 100% no-repeat,#efefef}input[type=range].home_loan_styled_slider.slider-progress:hover::-webkit-slider-runnable-track{background:linear-gradient(#0865a4,#0865a4) 0/var(--sx) 100% no-repeat,#efefef}input[type=range].home_loan_styled_slider.slider-progress:active::-webkit-slider-runnable-track{background:linear-gradient(#0865a4,#0865a4) 0/var(--sx) 100% no-repeat,#efefef}input[type=range].home_loan_styled_slider::-moz-range-thumb{width:max(calc(1.5em - 4px - 4px),0px);height:max(calc(1.5em - 4px - 4px),0px);border-radius:1em;background:var(--color-white);border:4px solid #0865a4;box-shadow:none}input[type=range].home_loan_styled_slider::-moz-range-track{height:4px;border:none;border-radius:.5em;background:#efefef;box-shadow:none}input[type=range].home_loan_styled_slider.slider-progress::-moz-range-track{background:linear-gradient(#0865a4,#0865a4) 0/var(--sx) 100% no-repeat,#efefef}input[type=range].home_loan_styled_slider.slider-progress:hover::-moz-range-track{background:linear-gradient(#0865a4,#0865a4) 0/var(--sx) 100% no-repeat,#efefef}input[type=range].home_loan_styled_slider.slider-progress:active::-moz-range-track{background:linear-gradient(#0865a4,#0865a4) 0/var(--sx) 100% no-repeat,#efefef}input[type=range].home_loan_styled_slider::-ms-fill-upper{background:0 0;border-color:transparent}input[type=range].home_loan_styled_slider::-ms-fill-lower{background:0 0;border-color:transparent}input[type=range].home_loan_styled_slider::-ms-thumb{width:1.5em;height:1.5em;border-radius:1em;background:var(--color-white);border:4px solid #0865a4;box-shadow:none;margin-top:0;box-sizing:border-box}input[type=range].home_loan_styled_slider::-ms-track{height:4px;border-radius:.5em;background:#efefef;border:none;box-shadow:none;box-sizing:border-box}input[type=range].home_loan_styled_slider.slider-progress::-ms-fill-lower{height:4px;border-radius:.5em 0 0 .5em;margin:0;background:#0865a4;border:none;border-right-width:0}input[type=range].home_loan_styled_slider.slider-progress:hover::-ms-fill-lower{background:#0865a4}input[type=range].home_loan_styled_slider.slider-progress:active::-ms-fill-lower{background:#0865a4}.calc_content_body_container .buttons_container{display:flex;gap:1rem;flex-wrap:wrap;justify-content:space-between}@media (max-width:1000px){.calc_content_body_container .right .bottom .card{padding:.5rem}.calc_content_body_container .right .bottom .card h2{font-size:var(--text-medium)}.circle_progress_container .progress_color_description{margin-left:0;gap:.1rem}}@media(max-width:768px){.active_side_item,.calc_content_body_container .left .active_side_nav{background-color:var(--bg-blue);color:#fff!important}.homeloan_calc_main_container{width:calc(95% - 2rem);margin-top:1rem;padding-top:0}.calc_content_body_container .range_field_container .instruction_container h2,.calc_content_body_container .range_field_container .instruction_container p,.calc_content_body_container .range_field_container .min_max_value p,.calc_content_body_container .right .bottom .card p,.circle_progress_container .progress_color_description p,.homeloan_calc_main_container .description{font-size:calc(var(--text-small) - .1rem)}.calc_content_body_container{flex-direction:column}.calc_content_body_container .left{width:100%;flex-direction:row;gap:0;align-items:flex-start;overflow-x:scroll;-ms-overflow-style:none;scrollbar-width:none}.calc_content_body_container .left::-webkit-scrollbar{display:none}.calc_content_body_container .left .item{width:fit-content;min-width:fit-content;padding:.5rem;border:1px solid var(--bg-lightblue)}.calc_content_body_container .left .item i{color:var(--color-red2);display:none}.calc_content_body_container .left .item a{font-size:calc(var(--text-small) - .1rem);margin:0;color:inherit;font-weight:400;text-decoration:none}.calc_content_body_container .left .active_side_nav{font-weight:600!important}.calc_content_body_container .right{gap:1.5rem;width:100%;margin:2rem auto auto}.calc_content_body_container .right .top{flex-direction:column;gap:1rem;align-items:flex-start}.calc_content_body_container .right .top .range_field_container{width:100%}.calc_content_body_container .right .top .buttons_container{justify-content:center}.calc_content_body_container .range_field_container .title_container{display:flex;gap:.2rem;align-items:center;height:3rem}.calc_content_body_container .range_field_container .title_container img{object-fit:contain;width:48px;height:48px}.calc_content_body_container .range_field_container .title_container h2{font-size:calc(var(--text-medium) - .2rem)}.calc_content_body_container .circle_progress_container{width:calc(100% - 2rem)}.calc_content_body_container .circle_progress_container p{font-size:calc(var(--text-small) - .2rem)}.circle_progress_container .progress_color_description{margin-left:1.5rem}.calc_content_body_container .right .bottom{justify-content:center;flex-direction:column;gap:1rem}.calc_content_body_container .right .bottom .card{flex-direction:column;padding:.5rem 1rem;width:90%}.calc_content_body_container .right .bottom .card h2{font-size:calc(var(--text-medium) + .2rem)}}