:root{--body-color-dark:#374151;--body-color-light:#FFFFFF;--component-bg-dark:#1F2937;--component-bg-light:#FFFFFF;--font-family:Inter}body.dark,body.light,html{font-family:Inter}body.dark .body-content,body.dark .encloser,body.dark .top-content,html .dark{background-color:var(--body-color-dark);color:#e7e7e7}body.light .body-content,body.light .encloser,body.light .top-content,html .light{background-color:var(--body-color-light)}body.dark .Calendar-style,body.dark .pie-chart-container,body.dark .progress-bar-container{background-color:#1f2937;border:1px solid #5d697b;border-radius:12px}body.light .Calendar-style,body.light .pie-chart-container,body.light .progress-bar-container{background-color:#fff;border:1px solid #e5e7eb;border-radius:12px}body.dark .header{background:#22d3ee;color:#000}body.light .header{background:#4f46e5;color:#fff}.progress-bar-container{padding:20px;padding-bottom:0}.top-content{margin:12px 37px 10px;padding:20px 10px 10px}.col-lg-6.encloser{padding-right:10px;padding-left:10px}.header-text{font-size:18px;font-weight:600;color:inherit;margin-top:15px;padding-left:10px}.header{height:56px;display:flex;text-align:center;margin:0}#loan-calculator{margin:15px 0 0 10px}body.dark #loan-calculator{color:#000}body.light #loan-calculator{color:#fff}.theme-switching{position:absolute;top:.62em;right:1em}.loan-dropdown{width:100px;padding:4px 0 0 12px;border-radius:4px 0 0 4px}body.dark .loan-dropdown{border:1px solid #6b7280;border-right-style:none}body.light .loan-dropdown{border:1px solid #d2d5da;border-right-style:none}.tenure-dropdown{display:flex;justify-content:space-between;align-items:center}.tenure-box.e-input-group.e-control-wrapper{border-right-width:0;border-top-right-radius:0;border-bottom-right-radius:0}body.dark .content-label{color:#9ca3af}body.light .content-label{color:#6b7280}body.dark .content-label-text{color:#fff}body.light .content-label-text{color:#111827}.content-label-progress{font-size:16px;line-height:20px;font-weight:500}.editor-space{display:flex;justify-content:space-between;margin-bottom:6px}.content-space{margin-bottom:30px;padding-bottom:10px;margin-top:25px;display:block;width:100%;margin-left:1px}.content-space table{width:100%}li{list-style:none}.emi-content{margin:28px 0 18px 0;padding:20px 30px}.Title{font-size:20px;color:#e7e7e7;letter-spacing:.7px;line-height:29px;font-weight:500;margin:10px 0;color:pink}.pie-contentlabel{margin:auto;padding-right:0;padding-left:0}.pie-contentlabel p{text-align:left;font-size:14px;line-height:30px;font-weight:500}.pie-contentlabel h5{font-size:24px;line-height:30px;font-weight:600;padding:5px 0 10px;text-align:left;margin-top:10px;margin-bottom:10px}.pie-footer h6{margin-top:5px;font-size:20px;text-align:center}.pie-footer h1{font-size:28px;font-weight:600;text-align:center;margin:10px 0}body.dark .pie-footer{border-top:1px solid #5d697b}body.light .pie-footer{border-top:1px solid #e5e7eb}.pie-footer{display:flex;flex-direction:row;justify-content:space-around;align-items:center;padding:10px}.pie-contentlabel .pie-icon{height:12px;width:12px;display:inline-block;border-radius:10px;margin:0 8px 0 0;vertical-align:text-top}body.dark .pie-contentlabel .pie-icon.pie-principal{background:#8a69f4}body.dark .pie-contentlabel .pie-icon.pie-interest{background:#e2d56e}body.light .pie-contentlabel .pie-icon.pie-principal{background:#4fd5fa}body.light .pie-contentlabel .pie-icon.pie-interest{background:#ff692d}.date-picker-encloser{display:flex;justify-content:space-between}.date-picker-subtitle{align-items:start;font-size:12px;font-weight:400}.date-picker-title{align-content:start;font-size:20px;font-weight:600}body.dark .date-picker-title{color:#fff}body.light .date-picker-title{color:#6b7280}.Calendar-style{text-align:center;font-size:20px;letter-spacing:.7px;font-weight:500}body.dark .Calendar-style{background-color:#1f2937;color:#e7e7e7}body.light .Calendar-style{background-color:#fff;color:#6b7280}.chart{margin:30px 20px 32px;letter-spacing:initial}.chart h6{margin-top:10px;margin-bottom:10px}li.content-label{margin-left:-20px}.col-12.Calendar-style{padding-right:10px;padding-left:10px}.date-picker{margin:0 57px 124px}.date-container{display:inline-block;margin:34px 22px;width:224px}.numeric-box-container{width:200px}.date-picker-text{text-align:left;margin:34px 22px}@media only screen and (max-width :1000px){.progress-bar-container{margin-bottom:20px;padding:23px 16px}.pie-contentlabel{padding:0;display:flex;margin-top:20px;justify-content:space-evenly}.emi-content{padding:30px 44px 0 44px}}@media only screen and (min-width:280px) and (max-width :500px){.header{font-size:20px!important}.date-picker-text{margin:26px 16px 10px}.date-container{margin:16px}.top-content{margin:16px;padding:0!important}.date-picker{margin:11px;padding:16px!important}.date-picker-title{font-size:18px}.chart{margin:0;margin-bottom:24px}.progress-bar-container{margin-bottom:16px;padding:12px 16px}.top-content .content-space{padding:12px 0 18px 0;margin:0}h6.Title{font-size:18px!important;text-align:center!important}.pie-contentlabel p{margin:0}.emi-content{text-align:center;margin-bottom:0;margin-top:0;padding:30px}.pie-contentlabel h5{font-size:21px;margin:0}.pie-footer h1{font-size:24px}.pie-footer h6{font-size:16px}.pie-footer{flex-direction:column}.chart.graph-container{display:none}.Schedule-Heading{font-size:18px}.numeric-box-container{width:100%}.content-label-progress,.pie-contentlabel p{font-size:12px}.editor-space{flex-direction:column}.date-picker-encloser{flex-direction:column}.col-12.Calendar-style{padding:0}.row.content-space .col-lg-12{padding-left:0;padding-right:0}body .e-dropdown-popup ul{min-width:fit-content}.tenure-box.e-input-group.e-control-wrapper{border-right-width:1px;border-top-right-radius:4px;border-bottom-right-radius:4px}.date-container,.numeric-box-container{width:100%}.date-container{width:90%;text-align:left}}.e-input-group input.e-input,body.light .e-input-group,body.light .e-input-group textarea.e-input,body.light .e-input-group.e-control-wrapper input.e-input,body.light .e-input-group.e-control-wrapper textarea.e-input{color:#6b7280}body.dark .e-dropdown-btn.e-btn:focus,body.dark .e-dropdown-btn:focus,body.light .e-dropdown-btn.e-btn:focus,body.light .e-dropdown-btn:focus{box-shadow:none}body.dark .e-btn:focus,body.dark .e-css.e-btn:focus,body.light .e-btn:focus,body.light .e-css.e-btn:focus{box-shadow:none}body.dark .e-control-wrapper.e-slider-container.e-horizontal .e-slider-track{background:#5d697b}body.dark .e-control-wrapper.e-slider-container .e-scale .e-tick .e-tick-value{color:#fff}body.light .e-control-wrapper.e-slider-container.e-horizontal .e-limits{background-color:unset}.e-light::before{content:'\e89f';font-size:20px}body.dark .e-dark{background:url(../moon-dark.svg) no-repeat center center}body.light .e-dark{background:url(../moon-light.svg) no-repeat center center}body.dark .theme-switching .e-dark{background:url(../moon-theme.svg) no-repeat center center;height:20px}body.light .e-dropdown-btn.theme-dropdown-btn{background-color:#3e35da;color:#fff;border:none}body.dark .e-dropdown-btn.theme-dropdown-btn{background-color:#15c6e1;color:#000;border:none}