.elementor-1014 .elementor-element.elementor-element-c2c5ad3{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-1014 .elementor-element.elementor-element-c2c5ad3:not(.elementor-motion-effects-element-type-background), .elementor-1014 .elementor-element.elementor-element-c2c5ad3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://afincapital.in/wp-content/uploads/2025/06/hero1-bg1.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-1014 .elementor-element.elementor-element-04500cb .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:2.5em;font-weight:600;line-height:1.2em;color:#FFFFFF;}.elementor-1014 .elementor-element.elementor-element-7d16d07{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:60px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-1014 .elementor-element.elementor-element-a302e14{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:50px;}.elementor-1014 .elementor-element.elementor-element-a302e14.e-con{--align-self:center;}.elementor-1014 .elementor-element.elementor-element-63f9d9a{width:var( --container-widget-width, 101.632% );max-width:101.632%;--container-widget-width:101.632%;--container-widget-flex-grow:0;}.elementor-1014 .elementor-element.elementor-element-63f9d9a.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-1014 .elementor-element.elementor-element-63f9d9a .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:2.2em;font-weight:600;line-height:1.2em;color:var( --e-global-color-text );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-1014 .elementor-element.elementor-element-dbe2a81{text-align:justify;font-family:"Montserrat", Sans-serif;font-weight:500;}.elementor-1014 .elementor-element.elementor-element-7abe84a{text-align:justify;font-family:"Montserrat", Sans-serif;font-weight:500;}.elementor-1014 .elementor-element.elementor-element-0ece4cd{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-1014 .elementor-element.elementor-element-a2cf93a{width:var( --container-widget-width, 42.315% );max-width:42.315%;--container-widget-width:42.315%;--container-widget-flex-grow:0;top:3px;}.elementor-1014 .elementor-element.elementor-element-a2cf93a.elementor-element{--flex-grow:0;--flex-shrink:0;}body:not(.rtl) .elementor-1014 .elementor-element.elementor-element-a2cf93a{left:-81px;}body.rtl .elementor-1014 .elementor-element.elementor-element-a2cf93a{right:-81px;}.elementor-1014 .elementor-element.elementor-element-a330ba1 img{width:100%;border-radius:20px 20px 20px 20px;}.elementor-1014 .elementor-element.elementor-element-788691d{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:60px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-1014 .elementor-element.elementor-element-788691d:not(.elementor-motion-effects-element-type-background), .elementor-1014 .elementor-element.elementor-element-788691d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F3F5F5;background-image:url("https://afincapital.in/wp-content/uploads/2025/06/element-bg11.png");}.elementor-1014 .elementor-element.elementor-element-11009e1{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:100px;}.elementor-1014 .elementor-element.elementor-element-11009e1.e-con{--align-self:center;}.elementor-1014 .elementor-element.elementor-element-6467dc1 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:1.5em;font-weight:600;line-height:1.2em;color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-1014 .elementor-element.elementor-element-a85ebdc .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-bottom:calc(30px/2);}.elementor-1014 .elementor-element.elementor-element-a85ebdc .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-top:calc(30px/2);}.elementor-1014 .elementor-element.elementor-element-a85ebdc .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-right:calc(30px/2);margin-left:calc(30px/2);}.elementor-1014 .elementor-element.elementor-element-a85ebdc .elementor-icon-list-items.elementor-inline-items{margin-right:calc(-30px/2);margin-left:calc(-30px/2);}body.rtl .elementor-1014 .elementor-element.elementor-element-a85ebdc .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{left:calc(-30px/2);}body:not(.rtl) .elementor-1014 .elementor-element.elementor-element-a85ebdc .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{right:calc(-30px/2);}.elementor-1014 .elementor-element.elementor-element-a85ebdc .elementor-icon-list-item:not(:last-child):after{content:"";border-color:#ddd;}.elementor-1014 .elementor-element.elementor-element-a85ebdc .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child):after{border-top-style:solid;border-top-width:1px;}.elementor-1014 .elementor-element.elementor-element-a85ebdc .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:not(:last-child):after{border-left-style:solid;}.elementor-1014 .elementor-element.elementor-element-a85ebdc .elementor-inline-items .elementor-icon-list-item:not(:last-child):after{border-left-width:1px;}.elementor-1014 .elementor-element.elementor-element-a85ebdc .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-1014 .elementor-element.elementor-element-a85ebdc .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-1014 .elementor-element.elementor-element-a85ebdc{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-1014 .elementor-element.elementor-element-a85ebdc .elementor-icon-list-text{transition:color 0.3s;}.elementor-1014 .elementor-element.elementor-element-8bcc84a{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-1014 .elementor-element.elementor-element-0d0763e .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:1.5em;font-weight:600;line-height:1.2em;color:var( --e-global-color-text );}.elementor-1014 .elementor-element.elementor-element-3891ad8{font-family:"Montserrat", Sans-serif;font-weight:500;}.elementor-1014 .elementor-element.elementor-element-e59b3aa{font-family:"Montserrat", Sans-serif;font-weight:500;}.elementor-1014 .elementor-element.elementor-element-119c85f .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-bottom:calc(30px/2);}.elementor-1014 .elementor-element.elementor-element-119c85f .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-top:calc(30px/2);}.elementor-1014 .elementor-element.elementor-element-119c85f .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-right:calc(30px/2);margin-left:calc(30px/2);}.elementor-1014 .elementor-element.elementor-element-119c85f .elementor-icon-list-items.elementor-inline-items{margin-right:calc(-30px/2);margin-left:calc(-30px/2);}body.rtl .elementor-1014 .elementor-element.elementor-element-119c85f .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{left:calc(-30px/2);}body:not(.rtl) .elementor-1014 .elementor-element.elementor-element-119c85f .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{right:calc(-30px/2);}.elementor-1014 .elementor-element.elementor-element-119c85f .elementor-icon-list-item:not(:last-child):after{content:"";border-color:#ddd;}.elementor-1014 .elementor-element.elementor-element-119c85f .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child):after{border-top-style:solid;border-top-width:1px;}.elementor-1014 .elementor-element.elementor-element-119c85f .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:not(:last-child):after{border-left-style:solid;}.elementor-1014 .elementor-element.elementor-element-119c85f .elementor-inline-items .elementor-icon-list-item:not(:last-child):after{border-left-width:1px;}.elementor-1014 .elementor-element.elementor-element-119c85f .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-1014 .elementor-element.elementor-element-119c85f .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-1014 .elementor-element.elementor-element-119c85f{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-1014 .elementor-element.elementor-element-119c85f .elementor-icon-list-text{transition:color 0.3s;}.elementor-1014 .elementor-element.elementor-element-848cc5e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-1014 .elementor-element.elementor-element-848cc5e:not(.elementor-motion-effects-element-type-background), .elementor-1014 .elementor-element.elementor-element-848cc5e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#8D8D8D;background-image:url("https://afincapital.in/wp-content/uploads/2025/06/hero1-bg1.jpg");background-position:center center;background-size:cover;}.elementor-1014 .elementor-element.elementor-element-2d11326{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-1014 .elementor-element.elementor-element-9e0de06{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--padding-top:40px;--padding-bottom:0px;--padding-left:20px;--padding-right:0px;}.elementor-1014 .elementor-element.elementor-element-d5ad7ec{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:50px;}.elementor-1014 .elementor-element.elementor-element-d5ad7ec.e-con{--align-self:center;}.elementor-1014 .elementor-element.elementor-element-00fca9d{text-align:justify;font-family:"Montserrat", Sans-serif;font-weight:500;color:#FFFFFF;}.elementor-1014 .elementor-element.elementor-element-adee3db{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1014 .elementor-element.elementor-element-c119d29{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;}.elementor-1014 .elementor-element.elementor-element-e43add1{--display:flex;--min-height:244px;--border-radius:16px 16px 16px 16px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1014 .elementor-element.elementor-element-e43add1:not(.elementor-motion-effects-element-type-background), .elementor-1014 .elementor-element.elementor-element-e43add1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-1014 .elementor-element.elementor-element-e43add1.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-1014 .elementor-element.elementor-element-17d43a6{width:var( --container-widget-width, 50px );max-width:50px;--container-widget-width:50px;--container-widget-flex-grow:0;text-align:left;}.elementor-1014 .elementor-element.elementor-element-17d43a6 > .elementor-widget-container{background-color:#10343B;padding:5px 5px 5px 5px;border-radius:60px 60px 60px 60px;}.elementor-1014 .elementor-element.elementor-element-17d43a6.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-1014 .elementor-element.elementor-element-52fcdb4 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:19px;font-weight:600;color:var( --e-global-color-text );}.elementor-1014 .elementor-element.elementor-element-83cd938{text-align:justify;font-family:"Montserrat", Sans-serif;font-weight:400;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-1014 .elementor-element.elementor-element-d49f9a0{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;bottom:0px;}body:not(.rtl) .elementor-1014 .elementor-element.elementor-element-d49f9a0{left:0px;}body.rtl .elementor-1014 .elementor-element.elementor-element-d49f9a0{right:0px;}.elementor-1014 .elementor-element.elementor-element-d49f9a0 .elementor-divider-separator{width:41%;margin:0 auto;margin-left:0;}.elementor-1014 .elementor-element.elementor-element-d49f9a0 .elementor-divider{text-align:left;padding-block-start:15px;padding-block-end:15px;}.elementor-1014 .elementor-element.elementor-element-8597fda{--display:flex;--min-height:282px;--border-radius:16px 16px 16px 16px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1014 .elementor-element.elementor-element-8597fda:not(.elementor-motion-effects-element-type-background), .elementor-1014 .elementor-element.elementor-element-8597fda > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-1014 .elementor-element.elementor-element-8597fda.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-1014 .elementor-element.elementor-element-9df1d79{width:var( --container-widget-width, 50px );max-width:50px;--container-widget-width:50px;--container-widget-flex-grow:0;text-align:left;}.elementor-1014 .elementor-element.elementor-element-9df1d79 > .elementor-widget-container{background-color:#10343B;padding:5px 5px 5px 5px;border-radius:60px 60px 60px 60px;}.elementor-1014 .elementor-element.elementor-element-9df1d79.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-1014 .elementor-element.elementor-element-e1a991f .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:19px;font-weight:600;color:var( --e-global-color-text );}.elementor-1014 .elementor-element.elementor-element-3fcbba8{text-align:justify;font-family:"Montserrat", Sans-serif;font-weight:400;}.elementor-1014 .elementor-element.elementor-element-8f6a94a{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;bottom:0px;}body:not(.rtl) .elementor-1014 .elementor-element.elementor-element-8f6a94a{left:0px;}body.rtl .elementor-1014 .elementor-element.elementor-element-8f6a94a{right:0px;}.elementor-1014 .elementor-element.elementor-element-8f6a94a .elementor-divider-separator{width:41%;margin:0 auto;margin-left:0;}.elementor-1014 .elementor-element.elementor-element-8f6a94a .elementor-divider{text-align:left;padding-block-start:15px;padding-block-end:15px;}.elementor-1014 .elementor-element.elementor-element-eeeaf6f{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-1014 .elementor-element.elementor-element-11e137f{--display:flex;--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-1014 .elementor-element.elementor-element-3f00525 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:1.5em;font-weight:600;line-height:1.2em;color:var( --e-global-color-text );}.elementor-1014 .elementor-element.elementor-element-318f000{--display:flex;}.elementor-1014 .elementor-element.elementor-element-04929f2 img{border-radius:20px 20px 20px 20px;}@media(min-width:768px){.elementor-1014 .elementor-element.elementor-element-7d16d07{--content-width:1100px;}.elementor-1014 .elementor-element.elementor-element-a302e14{--width:50%;}.elementor-1014 .elementor-element.elementor-element-0ece4cd{--width:50%;}.elementor-1014 .elementor-element.elementor-element-788691d{--content-width:1100px;}.elementor-1014 .elementor-element.elementor-element-11009e1{--width:50%;}.elementor-1014 .elementor-element.elementor-element-8bcc84a{--width:50%;}.elementor-1014 .elementor-element.elementor-element-848cc5e{--content-width:1100px;}.elementor-1014 .elementor-element.elementor-element-e43add1{--width:50%;}.elementor-1014 .elementor-element.elementor-element-8597fda{--width:50%;}.elementor-1014 .elementor-element.elementor-element-eeeaf6f{--content-width:1100px;}}@media(max-width:767px){.elementor-1014 .elementor-element.elementor-element-04500cb .elementor-heading-title{font-size:1.3em;}.elementor-1014 .elementor-element.elementor-element-7d16d07{--padding-top:30px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.elementor-1014 .elementor-element.elementor-element-a302e14{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1014 .elementor-element.elementor-element-63f9d9a .elementor-heading-title{font-size:1.3em;}.elementor-1014 .elementor-element.elementor-element-0ece4cd.e-con{--order:99999 /* order end hack */;}.elementor-1014 .elementor-element.elementor-element-788691d{--padding-top:30px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.elementor-1014 .elementor-element.elementor-element-11009e1{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1014 .elementor-element.elementor-element-6467dc1 .elementor-heading-title{font-size:1.3em;}.elementor-1014 .elementor-element.elementor-element-8bcc84a.e-con{--order:99999 /* order end hack */;}.elementor-1014 .elementor-element.elementor-element-0d0763e .elementor-heading-title{font-size:1.3em;}.elementor-1014 .elementor-element.elementor-element-2d11326{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1014 .elementor-element.elementor-element-9e0de06{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1014 .elementor-element.elementor-element-d5ad7ec{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-1014 .elementor-element.elementor-element-adee3db{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1014 .elementor-element.elementor-element-8597fda{--min-height:319px;}.elementor-1014 .elementor-element.elementor-element-3f00525 .elementor-heading-title{font-size:1.3em;}}/* Start custom CSS for html, class: .elementor-element-bd362bb */<style>
    body {
      font-family: 'Segoe UI', sans-serif;
      max-width: 450px;
      margin: 50px auto;
      padding: 20px;
      border: 2px solid #ddd;
      border-radius: 12px;
      background-color: #f9f9f9;
    }

    label {
      font-weight: 600;
      display: block;
      margin-top: 20px;
    }

    input[type="range"] {
      width: 100%;
    }

    .slider-value {
      font-weight: bold;
      color: #333;
    }

    select, button {
      width: 100%;
      padding: 10px;
      margin-top: 10px;
      font-size: 16px;
      border-radius: 6px;
      border: 1px solid #ccc;
    }

    button {
      background-color: #007bff;
      color: white;
      margin-top: 20px;
      cursor: pointer;
    }

    .result {
      margin-top: 30px;
      font-size: 18px;
      background: #fff;
      padding: 15px;
      border-radius: 8px;
      box-shadow: 0 0 6px rgba(0,0,0,0.1);
    }
  </style>
  
  <h2>Compound Interest Calculator</h2>

  <label for="principal">Initial Investment (₹): <span class="slider-value" id="principalValue">10000</span></label>
  <input type="range" id="principal" min="1000" max="1000000" step="1000" value="10000">

  <label for="rate">Annual Interest Rate (%): <span class="slider-value" id="rateValue">7.5</span></label>
  <input type="range" id="rate" min="0" max="20" step="0.1" value="7.5">

  <label for="years">Time Period (Years): <span class="slider-value" id="yearsValue">5</span></label>
  <input type="range" id="years" min="1" max="50" step="1" value="5">

  <label for="frequency">Compounding Frequency</label>
  <select id="frequency">
    <option value="1">Annually</option>
    <option value="2">Semi-Annually</option>
    <option value="4">Quarterly</option>
    <option value="12">Monthly</option>
    <option value="365">Daily</option>
  </select>

  <button onclick="calculate()">💰 Calculate</button>

  <div class="result" id="result"></div>

  <script>
    // Update live slider values
    const updateValue = (id, targetId) => {
      document.getElementById(targetId).innerText = document.getElementById(id).value;
    }

    ["principal", "rate", "years"].forEach(id => {
      document.getElementById(id).addEventListener("input", () => updateValue(id, id + "Value"));
    });

    function calculate() {
      const P = parseFloat(document.getElementById("principal").value);
      const r = parseFloat(document.getElementById("rate").value) / 100;
      const t = parseFloat(document.getElementById("years").value);
      const n = parseInt(document.getElementById("frequency").value);

      const A = P * Math.pow((1 + r / n), n * t);
      const interest = A - P;

      document.getElementById("result").innerHTML = `
        <strong>Total Amount:</strong> ₹${A.toFixed(2).toLocaleString("en-IN")}<br>
        <strong>Interest Earned:</strong> ₹${interest.toFixed(2).toLocaleString("en-IN")}
      `;
    }
  </script>/* End custom CSS */