{"id":2235,"date":"2026-07-04T03:14:05","date_gmt":"2026-07-04T03:14:05","guid":{"rendered":"https:\/\/hycinthhotels.in\/?page_id=2235"},"modified":"2026-07-04T13:32:47","modified_gmt":"2026-07-04T13:32:47","slug":"loan","status":"publish","type":"page","link":"https:\/\/dhanjyoticapital.site\/","title":{"rendered":"Loan"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2235\" class=\"elementor elementor-2235\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e9b604d e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"e9b604d\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c4f1529 elementor-widget elementor-widget-html\" data-id=\"c4f1529\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- =========================================\r\n     PREMIUM FINANCE HEADER\r\n     ORIGINAL UI\/UX DESIGN\r\n     Elementor Ready\r\n========================================= -->\r\n\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap');\r\n\r\n.fx-head,\r\n.fx-head *{\r\n  box-sizing:border-box;\r\n}\r\n\r\n.fx-head{\r\n  --fx-primary:#079d99;\r\n  --fx-primary-dark:#067a77;\r\n  --fx-soft:#eaf9f7;\r\n  --fx-dark:#102b2a;\r\n  --fx-text:#263a39;\r\n  --fx-muted:#6d7d7c;\r\n  --fx-white:#ffffff;\r\n  --fx-line:#e8efee;\r\n\r\n  position:relative;\r\n  z-index:9999;\r\n  width:100%;\r\n  font-family:'DM Sans',sans-serif;\r\n}\r\n\r\n\/* =========================================\r\n   TOP TRUST BAR\r\n========================================= *\/\r\n\r\n.fx-topbar{\r\n  background:var(--fx-dark);\r\n  color:#fff;\r\n}\r\n\r\n.fx-top-inner{\r\n  width:100%;\r\n  max-width:1320px;\r\n  min-height:42px;\r\n  margin:auto;\r\n  padding:0 24px;\r\n\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:space-between;\r\n  gap:25px;\r\n}\r\n\r\n.fx-top-left{\r\n  display:flex;\r\n  align-items:center;\r\n  gap:10px;\r\n\r\n  font-size:13px;\r\n  font-weight:500;\r\n  color:rgba(255,255,255,.82);\r\n}\r\n\r\n.fx-live-dot{\r\n  position:relative;\r\n  width:8px;\r\n  height:8px;\r\n  border-radius:50%;\r\n  background:#4be0b8;\r\n  flex-shrink:0;\r\n}\r\n\r\n.fx-live-dot:after{\r\n  content:\"\";\r\n  position:absolute;\r\n  inset:-4px;\r\n  border:1px solid rgba(75,224,184,.45);\r\n  border-radius:50%;\r\n}\r\n\r\n.fx-top-right{\r\n  display:flex;\r\n  align-items:center;\r\n  gap:22px;\r\n}\r\n\r\n.fx-top-link{\r\n  display:flex;\r\n  align-items:center;\r\n  gap:7px;\r\n\r\n  color:rgba(255,255,255,.76);\r\n  text-decoration:none;\r\n\r\n  font-size:12px;\r\n  font-weight:500;\r\n\r\n  transition:.25s ease;\r\n}\r\n\r\n.fx-top-link:hover{\r\n  color:#fff;\r\n}\r\n\r\n.fx-top-link svg{\r\n  width:15px;\r\n  height:15px;\r\n  color:#72dfd7;\r\n}\r\n\r\n\/* =========================================\r\n   MAIN NAV AREA\r\n========================================= *\/\r\n\r\n.fx-nav-shell{\r\n  background:#fff;\r\n  border-bottom:1px solid var(--fx-line);\r\n}\r\n\r\n.fx-nav{\r\n  width:100%;\r\n  max-width:1320px;\r\n  min-height:92px;\r\n  margin:auto;\r\n  padding:0 24px;\r\n\r\n  display:grid;\r\n  grid-template-columns:auto 1fr auto;\r\n  align-items:center;\r\n  gap:35px;\r\n}\r\n\r\n\/* =========================================\r\n   CUSTOM BRAND \/ LOGO\r\n========================================= *\/\r\n\r\n.fx-brand{\r\n  display:flex;\r\n  align-items:center;\r\n  gap:12px;\r\n  text-decoration:none;\r\n  flex-shrink:0;\r\n}\r\n\r\n.fx-brand-symbol{\r\n  position:relative;\r\n\r\n  width:48px;\r\n  height:48px;\r\n\r\n  border-radius:15px 15px 15px 5px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      145deg,\r\n      #0db8b1 0%,\r\n      #078e8a 100%\r\n    );\r\n\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n\r\n  box-shadow:\r\n    0 10px 25px rgba(7,157,153,.20);\r\n}\r\n\r\n.fx-brand-symbol:before{\r\n  content:\"\";\r\n  width:18px;\r\n  height:22px;\r\n\r\n  border-left:3px solid #fff;\r\n  border-bottom:3px solid #fff;\r\n\r\n  transform:skew(-12deg);\r\n  opacity:.95;\r\n}\r\n\r\n.fx-brand-symbol:after{\r\n  content:\"\";\r\n  position:absolute;\r\n\r\n  width:12px;\r\n  height:12px;\r\n\r\n  border-radius:50%;\r\n  background:#bff5ec;\r\n\r\n  top:8px;\r\n  right:8px;\r\n}\r\n\r\n.fx-brand-copy{\r\n  display:flex;\r\n  flex-direction:column;\r\n}\r\n\r\n.fx-brand-name{\r\n  margin:0;\r\n\r\n  font-family:'Manrope',sans-serif;\r\n  color:var(--fx-dark);\r\n\r\n  font-size:20px;\r\n  font-weight:800;\r\n  line-height:1.05;\r\n  letter-spacing:-.6px;\r\n}\r\n\r\n.fx-brand-name span{\r\n  color:var(--fx-primary);\r\n}\r\n\r\n.fx-brand-sub{\r\n  margin-top:5px;\r\n\r\n  color:var(--fx-muted);\r\n  font-size:9px;\r\n  font-weight:700;\r\n\r\n  text-transform:uppercase;\r\n  letter-spacing:1.25px;\r\n}\r\n\r\n\/* REAL LOGO OPTION *\/\r\n\r\n.fx-real-logo{\r\n  display:block;\r\n  width:210px;\r\n  max-width:100%;\r\n  height:auto;\r\n}\r\n\r\n\/* =========================================\r\n   CENTER MENU\r\n========================================= *\/\r\n\r\n.fx-menu-wrap{\r\n  display:flex;\r\n  justify-content:center;\r\n}\r\n\r\n.fx-menu{\r\n  list-style:none;\r\n  margin:0;\r\n  padding:0;\r\n\r\n  display:flex;\r\n  align-items:center;\r\n  gap:5px;\r\n}\r\n\r\n.fx-menu > li{\r\n  position:relative;\r\n  margin:0;\r\n  padding:0;\r\n}\r\n\r\n.fx-menu > li > a{\r\n  min-height:44px;\r\n  padding:0 15px;\r\n\r\n  display:flex;\r\n  align-items:center;\r\n  gap:7px;\r\n\r\n  border-radius:10px;\r\n\r\n  color:var(--fx-text);\r\n  text-decoration:none;\r\n\r\n  font-size:14px;\r\n  font-weight:600;\r\n\r\n  transition:\r\n    color .25s ease,\r\n    background .25s ease;\r\n}\r\n\r\n.fx-menu > li > a:hover{\r\n  color:var(--fx-primary-dark);\r\n  background:var(--fx-soft);\r\n}\r\n\r\n\/* Active Menu *\/\r\n\r\n.fx-menu > li.fx-active > a{\r\n  color:var(--fx-primary-dark);\r\n  background:var(--fx-soft);\r\n}\r\n\r\n.fx-menu > li.fx-active > a:before{\r\n  content:\"\";\r\n  width:5px;\r\n  height:5px;\r\n  border-radius:50%;\r\n  background:var(--fx-primary);\r\n}\r\n\r\n\/* Arrow *\/\r\n\r\n.fx-chevron{\r\n  width:7px;\r\n  height:7px;\r\n\r\n  border-right:1.7px solid currentColor;\r\n  border-bottom:1.7px solid currentColor;\r\n\r\n  transform:rotate(45deg);\r\n  margin-top:-4px;\r\n\r\n  transition:.25s ease;\r\n}\r\n\r\n\/* =========================================\r\n   DROPDOWN\r\n========================================= *\/\r\n\r\n.fx-dropdown{\r\n  position:absolute;\r\n  top:calc(100% + 12px);\r\n  left:0;\r\n\r\n  width:235px;\r\n\r\n  margin:0;\r\n  padding:9px;\r\n\r\n  list-style:none;\r\n\r\n  background:#fff;\r\n\r\n  border:1px solid var(--fx-line);\r\n  border-radius:15px;\r\n\r\n  box-shadow:\r\n    0 22px 55px rgba(16,43,42,.13);\r\n\r\n  opacity:0;\r\n  visibility:hidden;\r\n\r\n  transform:translateY(10px);\r\n\r\n  transition:.25s ease;\r\n}\r\n\r\n.fx-dropdown:before{\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n  top:-6px;\r\n  left:28px;\r\n\r\n  width:11px;\r\n  height:11px;\r\n\r\n  background:#fff;\r\n\r\n  border-left:1px solid var(--fx-line);\r\n  border-top:1px solid var(--fx-line);\r\n\r\n  transform:rotate(45deg);\r\n}\r\n\r\n.fx-dropdown li{\r\n  margin:0;\r\n}\r\n\r\n.fx-dropdown a{\r\n  position:relative;\r\n  z-index:2;\r\n\r\n  display:block;\r\n\r\n  padding:11px 12px;\r\n\r\n  border-radius:9px;\r\n\r\n  color:var(--fx-text);\r\n  text-decoration:none;\r\n\r\n  font-size:13px;\r\n  font-weight:600;\r\n\r\n  transition:.2s ease;\r\n}\r\n\r\n.fx-dropdown a:hover{\r\n  color:var(--fx-primary-dark);\r\n  background:var(--fx-soft);\r\n  padding-left:16px;\r\n}\r\n\r\n.fx-has-drop:hover .fx-dropdown{\r\n  opacity:1;\r\n  visibility:visible;\r\n  transform:translateY(0);\r\n}\r\n\r\n.fx-has-drop:hover .fx-chevron{\r\n  transform:rotate(225deg);\r\n  margin-top:4px;\r\n}\r\n\r\n\/* =========================================\r\n   RIGHT ACTIONS\r\n========================================= *\/\r\n\r\n.fx-actions{\r\n  display:flex;\r\n  align-items:center;\r\n  gap:10px;\r\n}\r\n\r\n.fx-login{\r\n  height:46px;\r\n  padding:0 14px;\r\n\r\n  display:flex;\r\n  align-items:center;\r\n  gap:8px;\r\n\r\n  color:var(--fx-text);\r\n  text-decoration:none;\r\n\r\n  font-size:13px;\r\n  font-weight:700;\r\n\r\n  border-radius:10px;\r\n\r\n  transition:.25s ease;\r\n}\r\n\r\n.fx-login:hover{\r\n  background:#f6f9f9;\r\n  color:var(--fx-primary-dark);\r\n}\r\n\r\n.fx-login-icon{\r\n  width:31px;\r\n  height:31px;\r\n\r\n  border-radius:9px;\r\n\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n\r\n  background:#f0f7f6;\r\n  color:var(--fx-primary-dark);\r\n}\r\n\r\n.fx-login-icon svg{\r\n  width:16px;\r\n  height:16px;\r\n}\r\n\r\n\/* CTA *\/\r\n\r\n.fx-cta{\r\n  position:relative;\r\n  overflow:hidden;\r\n\r\n  min-height:48px;\r\n  padding:0 19px;\r\n\r\n  border-radius:12px;\r\n\r\n  background:var(--fx-primary);\r\n  color:#fff;\r\n\r\n  display:inline-flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  gap:11px;\r\n\r\n  text-decoration:none;\r\n\r\n  font-size:13px;\r\n  font-weight:800;\r\n\r\n  box-shadow:\r\n    0 12px 26px rgba(7,157,153,.20);\r\n\r\n  transition:\r\n    transform .25s ease,\r\n    box-shadow .25s ease,\r\n    background .25s ease;\r\n}\r\n\r\n.fx-cta:before{\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n  width:50px;\r\n  height:120px;\r\n\r\n  top:-35px;\r\n  left:-80px;\r\n\r\n  background:rgba(255,255,255,.18);\r\n\r\n  transform:rotate(25deg);\r\n  transition:left .5s ease;\r\n}\r\n\r\n.fx-cta:hover:before{\r\n  left:130%;\r\n}\r\n\r\n.fx-cta:hover{\r\n  color:#fff;\r\n  background:var(--fx-primary-dark);\r\n  transform:translateY(-2px);\r\n\r\n  box-shadow:\r\n    0 16px 32px rgba(7,157,153,.27);\r\n}\r\n\r\n.fx-cta-arrow{\r\n  width:26px;\r\n  height:26px;\r\n\r\n  border-radius:8px;\r\n\r\n  background:rgba(255,255,255,.16);\r\n\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n\r\n  font-size:15px;\r\n}\r\n\r\n\/* =========================================\r\n   MOBILE TOGGLE\r\n========================================= *\/\r\n\r\n.fx-toggle{\r\n  display:none;\r\n\r\n  width:44px;\r\n  height:44px;\r\n\r\n  padding:0;\r\n\r\n  border:1px solid var(--fx-line);\r\n  border-radius:11px;\r\n\r\n  background:#fff;\r\n\r\n  align-items:center;\r\n  justify-content:center;\r\n  flex-direction:column;\r\n\r\n  gap:5px;\r\n\r\n  cursor:pointer;\r\n}\r\n\r\n.fx-toggle span{\r\n  display:block;\r\n\r\n  width:20px;\r\n  height:2px;\r\n\r\n  border-radius:10px;\r\n\r\n  background:var(--fx-dark);\r\n\r\n  transition:.25s ease;\r\n}\r\n\r\n\/* =========================================\r\n   RESPONSIVE\r\n========================================= *\/\r\n\r\n@media(max-width:1180px){\r\n\r\n  .fx-nav{\r\n    gap:20px;\r\n  }\r\n\r\n  .fx-menu > li > a{\r\n    padding:0 10px;\r\n    font-size:13px;\r\n  }\r\n\r\n  .fx-login span.fx-login-text{\r\n    display:none;\r\n  }\r\n\r\n}\r\n\r\n@media(max-width:1024px){\r\n\r\n  .fx-top-right{\r\n    display:none;\r\n  }\r\n\r\n  .fx-top-inner{\r\n    justify-content:center;\r\n  }\r\n\r\n  .fx-nav{\r\n    min-height:78px;\r\n\r\n    grid-template-columns:1fr auto;\r\n\r\n    position:relative;\r\n  }\r\n\r\n  .fx-toggle{\r\n    display:flex;\r\n  }\r\n\r\n  .fx-menu-wrap,\r\n  .fx-actions{\r\n    display:none;\r\n  }\r\n\r\n  .fx-mobile-open .fx-menu-wrap{\r\n    display:block;\r\n\r\n    position:absolute;\r\n    top:100%;\r\n    left:0;\r\n\r\n    width:100%;\r\n\r\n    padding:14px 20px 8px;\r\n\r\n    background:#fff;\r\n\r\n    border-top:1px solid var(--fx-line);\r\n\r\n    box-shadow:\r\n      0 20px 40px rgba(16,43,42,.10);\r\n  }\r\n\r\n  .fx-mobile-open .fx-menu{\r\n    flex-direction:column;\r\n    align-items:stretch;\r\n    gap:3px;\r\n  }\r\n\r\n  .fx-mobile-open .fx-menu > li > a{\r\n    width:100%;\r\n    min-height:48px;\r\n\r\n    justify-content:space-between;\r\n\r\n    padding:0 12px;\r\n  }\r\n\r\n  .fx-mobile-open .fx-actions{\r\n    display:flex;\r\n\r\n    position:absolute;\r\n\r\n    top:calc(100% + 290px);\r\n    left:0;\r\n\r\n    width:100%;\r\n\r\n    padding:10px 20px 20px;\r\n\r\n    background:#fff;\r\n\r\n    box-shadow:\r\n      0 22px 40px rgba(16,43,42,.10);\r\n  }\r\n\r\n  .fx-mobile-open .fx-login{\r\n    flex:1;\r\n    border:1px solid var(--fx-line);\r\n  }\r\n\r\n  .fx-mobile-open .fx-login span.fx-login-text{\r\n    display:inline;\r\n  }\r\n\r\n  .fx-mobile-open .fx-cta{\r\n    flex:1;\r\n  }\r\n\r\n  .fx-dropdown{\r\n    position:static;\r\n\r\n    width:100%;\r\n\r\n    display:none;\r\n\r\n    opacity:1;\r\n    visibility:visible;\r\n\r\n    transform:none;\r\n\r\n    box-shadow:none;\r\n\r\n    margin-bottom:7px;\r\n  }\r\n\r\n  .fx-dropdown:before{\r\n    display:none;\r\n  }\r\n\r\n  .fx-has-drop.fx-drop-open .fx-dropdown{\r\n    display:block;\r\n  }\r\n\r\n}\r\n\r\n@media(max-width:600px){\r\n\r\n  .fx-top-inner{\r\n    min-height:38px;\r\n    padding:0 15px;\r\n  }\r\n\r\n  .fx-top-left{\r\n    font-size:10.5px;\r\n    text-align:center;\r\n  }\r\n\r\n  .fx-nav{\r\n    min-height:72px;\r\n    padding:0 15px;\r\n  }\r\n\r\n  .fx-brand-symbol{\r\n    width:42px;\r\n    height:42px;\r\n    border-radius:13px 13px 13px 5px;\r\n  }\r\n\r\n  .fx-brand-name{\r\n    font-size:17px;\r\n  }\r\n\r\n  .fx-brand-sub{\r\n    font-size:7px;\r\n    letter-spacing:.8px;\r\n  }\r\n\r\n  .fx-mobile-open .fx-actions{\r\n    flex-direction:column;\r\n    align-items:stretch;\r\n  }\r\n\r\n  .fx-mobile-open .fx-login,\r\n  .fx-mobile-open .fx-cta{\r\n    width:100%;\r\n  }\r\n\r\n}\r\n<\/style>\r\n\r\n\r\n<header class=\"fx-head\">\r\n\r\n  <!-- TOP TRUST BAR -->\r\n  <div class=\"fx-topbar\">\r\n\r\n    <div class=\"fx-top-inner\">\r\n\r\n      <div class=\"fx-top-left\">\r\n        <span class=\"fx-live-dot\"><\/span>\r\n\r\n        <span>\r\n          Trusted financial support with transparent lending solutions\r\n        <\/span>\r\n      <\/div>\r\n\r\n\r\n      <div class=\"fx-top-right\">\r\n\r\n        <a href=\"tel:+919821848747\" class=\"fx-top-link\">\r\n\r\n          <svg viewBox=\"0 0 24 24\"\r\n               fill=\"none\"\r\n               stroke=\"currentColor\"\r\n               stroke-width=\"2\">\r\n            <path d=\"M22 16.92v3a2 2 0 0 1-2.18 2\r\n            19.79 19.79 0 0 1-8.63-3.07\r\n            19.5 19.5 0 0 1-6-6\r\n            19.79 19.79 0 0 1-3.07-8.67\r\n            A2 2 0 0 1 4.11 2h3\r\n            a2 2 0 0 1 2 1.72\r\n            12.84 12.84 0 0 0 .7 2.81\r\n            2 2 0 0 1-.45 2.11L8.09 9.91\r\n            a16 16 0 0 0 6 6l1.27-1.27\r\n            a2 2 0 0 1 2.11-.45\r\n            12.84 12.84 0 0 0 2.81.7\r\n            A2 2 0 0 1 22 16.92z\"\/>\r\n          <\/svg>\r\n\r\n          +919821848747\r\n        <\/a>\r\n\r\n\r\n        <a href=\"mailto:hello@company.com\"\r\n           class=\"fx-top-link\">\r\n\r\n          <svg viewBox=\"0 0 24 24\"\r\n               fill=\"none\"\r\n               stroke=\"currentColor\"\r\n               stroke-width=\"2\">\r\n            <path d=\"M4 4h16c1.1 0 2 .9 2 2v12\r\n            c0 1.1-.9 2-2 2H4\r\n            c-1.1 0-2-.9-2-2V6\r\n            c0-1.1.9-2 2-2z\"\/>\r\n            <path d=\"m22 6-10 7L2 6\"\/>\r\n          <\/svg>\r\n\r\n          hello@company.com\r\n        <\/a>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n\r\n  <!-- MAIN NAV -->\r\n  <div class=\"fx-nav-shell\">\r\n\r\n    <nav class=\"fx-nav\" id=\"fxNav\">\r\n\r\n\r\n      <!-- BRAND -->\r\n      <a href=\"#\" class=\"fx-brand\">\r\n\r\n        <!--\r\n        FOR REAL LOGO:\r\n        Delete .fx-brand-symbol and .fx-brand-copy\r\n        then use:\r\n\r\n        <img decoding=\"async\" src=\"YOUR-LOGO-URL\"\r\n             class=\"fx-real-logo\"\r\n             alt=\"Company Logo\">\r\n        -->\r\n\r\n        <span class=\"fx-brand-symbol\"><\/span>\r\n\r\n        <span class=\"fx-brand-copy\">\r\n\r\n          <span class=\"fx-brand-name\">\r\n            Dhan<span>Jyoti<\/span>\r\n          <\/span>\r\n\r\n          <span class=\"fx-brand-sub\">\r\n            Capital Finance\r\n          <\/span>\r\n\r\n        <\/span>\r\n\r\n      <\/a>\r\n\r\n\r\n      <!-- CENTER MENU -->\r\n      <div class=\"fx-menu-wrap\">\r\n\r\n        <ul class=\"fx-menu\">\r\n\r\n          <li class=\"fx-active\">\r\n            <a href=\"#\">Home<\/a>\r\n          <\/li>\r\n\r\n          <li>\r\n            <a href=\"#\">About Us<\/a>\r\n          <\/li>\r\n\r\n\r\n          <li class=\"fx-has-drop\">\r\n\r\n            <a href=\"#\"\r\n               class=\"fx-drop-trigger\">\r\n\r\n              Loan Solutions\r\n\r\n              <span class=\"fx-chevron\"><\/span>\r\n\r\n            <\/a>\r\n\r\n            <ul class=\"fx-dropdown\">\r\n\r\n              <li>\r\n                <a href=\"#\">Personal Loan<\/a>\r\n              <\/li>\r\n\r\n              <li>\r\n                <a href=\"#\">Business Loan<\/a>\r\n              <\/li>\r\n\r\n              <li>\r\n                <a href=\"#\">Home Loan<\/a>\r\n              <\/li>\r\n\r\n              <li>\r\n                <a href=\"#\">Vehicle Loan<\/a>\r\n              <\/li>\r\n\r\n            <\/ul>\r\n\r\n          <\/li>\r\n\r\n\r\n          <li>\r\n            <a href=\"#\">How It Works<\/a>\r\n          <\/li>\r\n\r\n          <li>\r\n            <a href=\"#\">Contact<\/a>\r\n          <\/li>\r\n\r\n        <\/ul>\r\n\r\n      <\/div>\r\n\r\n\r\n      <!-- RIGHT ACTIONS -->\r\n      <div class=\"fx-actions\">\r\n\r\n        <a href=\"#\"\r\n           class=\"fx-login\">\r\n\r\n          <span class=\"fx-login-icon\">\r\n\r\n            <svg viewBox=\"0 0 24 24\"\r\n                 fill=\"none\"\r\n                 stroke=\"currentColor\"\r\n                 stroke-width=\"2\">\r\n\r\n              <path d=\"M20 21a8 8 0 0 0-16 0\"\/>\r\n\r\n              <circle cx=\"12\"\r\n                      cy=\"7\"\r\n                      r=\"4\"\/>\r\n\r\n            <\/svg>\r\n\r\n          <\/span>\r\n\r\n          <span class=\"fx-login-text\">\r\n            Login\r\n          <\/span>\r\n\r\n        <\/a>\r\n\r\n\r\n        <a href=\"#loan-form\"\r\n           class=\"fx-cta\">\r\n\r\n          Apply for Loan\r\n\r\n          <span class=\"fx-cta-arrow\">\r\n            \u2197\r\n          <\/span>\r\n\r\n        <\/a>\r\n\r\n      <\/div>\r\n\r\n\r\n      <!-- MOBILE TOGGLE -->\r\n      <button class=\"fx-toggle\"\r\n              id=\"fxToggle\"\r\n              aria-label=\"Open Menu\">\r\n\r\n        <span><\/span>\r\n        <span><\/span>\r\n        <span><\/span>\r\n\r\n      <\/button>\r\n\r\n    <\/nav>\r\n\r\n  <\/div>\r\n\r\n<\/header>\r\n\r\n\r\n<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", function(){\r\n\r\n  const nav =\r\n    document.getElementById(\"fxNav\");\r\n\r\n  const toggle =\r\n    document.getElementById(\"fxToggle\");\r\n\r\n  const dropTrigger =\r\n    document.querySelector(\".fx-drop-trigger\");\r\n\r\n  const dropParent =\r\n    document.querySelector(\".fx-has-drop\");\r\n\r\n\r\n  if(toggle && nav){\r\n\r\n    toggle.addEventListener(\"click\", function(){\r\n\r\n      nav.classList.toggle(\"fx-mobile-open\");\r\n\r\n    });\r\n\r\n  }\r\n\r\n\r\n  if(dropTrigger && dropParent){\r\n\r\n    dropTrigger.addEventListener(\"click\", function(e){\r\n\r\n      if(window.innerWidth <= 1024){\r\n\r\n        e.preventDefault();\r\n\r\n        dropParent.classList.toggle(\r\n          \"fx-drop-open\"\r\n        );\r\n\r\n      }\r\n\r\n    });\r\n\r\n  }\r\n\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a94ebe3 elementor-widget elementor-widget-html\" data-id=\"a94ebe3\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- =========================================\r\n     SECTION 2 \u2014 PREMIUM FINANCE HERO\r\n     Original UI\/UX\r\n     Elementor HTML Widget Ready\r\n========================================= -->\r\n\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap');\r\n\r\n.fx-hero,\r\n.fx-hero *{\r\n  box-sizing:border-box;\r\n}\r\n\r\n.fx-hero{\r\n  --fx-primary:#079d99;\r\n  --fx-primary-dark:#067a77;\r\n  --fx-dark:#102b2a;\r\n  --fx-dark-2:#173d3b;\r\n  --fx-soft:#eaf9f7;\r\n  --fx-mint:#bcefe8;\r\n  --fx-gold:#f4b84a;\r\n  --fx-text:#263a39;\r\n  --fx-muted:#71817f;\r\n  --fx-white:#ffffff;\r\n\r\n  position:relative;\r\n  width:100%;\r\n  overflow:hidden;\r\n\r\n  font-family:'DM Sans',sans-serif;\r\n\r\n  background:\r\n    radial-gradient(\r\n      circle at 78% 15%,\r\n      rgba(78,220,205,.15) 0,\r\n      rgba(78,220,205,0) 25%\r\n    ),\r\n    linear-gradient(\r\n      125deg,\r\n      #f7fcfb 0%,\r\n      #edf9f7 48%,\r\n      #e7f7f4 100%\r\n    );\r\n\r\n  padding:82px 24px 72px;\r\n}\r\n\r\n\/* =========================================\r\n   BACKGROUND GRID\r\n========================================= *\/\r\n\r\n.fx-hero:before{\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n  inset:0;\r\n\r\n  background-image:\r\n    linear-gradient(\r\n      rgba(16,43,42,.035) 1px,\r\n      transparent 1px\r\n    ),\r\n    linear-gradient(\r\n      90deg,\r\n      rgba(16,43,42,.035) 1px,\r\n      transparent 1px\r\n    );\r\n\r\n  background-size:54px 54px;\r\n\r\n  mask-image:\r\n    linear-gradient(\r\n      to right,\r\n      rgba(0,0,0,.55),\r\n      transparent 70%\r\n    );\r\n\r\n  pointer-events:none;\r\n}\r\n\r\n\/* Decorative Orb *\/\r\n\r\n.fx-hero-orb{\r\n  position:absolute;\r\n\r\n  width:420px;\r\n  height:420px;\r\n\r\n  border-radius:50%;\r\n\r\n  right:-170px;\r\n  bottom:-210px;\r\n\r\n  border:1px solid rgba(7,157,153,.12);\r\n\r\n  box-shadow:\r\n    0 0 0 55px rgba(7,157,153,.035),\r\n    0 0 0 110px rgba(7,157,153,.025);\r\n\r\n  pointer-events:none;\r\n}\r\n\r\n\/* =========================================\r\n   MAIN CONTAINER\r\n========================================= *\/\r\n\r\n.fx-hero-inner{\r\n  position:relative;\r\n  z-index:2;\r\n\r\n  width:100%;\r\n  max-width:1320px;\r\n  margin:0 auto;\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    minmax(0,1.04fr)\r\n    minmax(430px,.96fr);\r\n\r\n  align-items:center;\r\n\r\n  gap:76px;\r\n}\r\n\r\n\/* =========================================\r\n   LEFT CONTENT\r\n========================================= *\/\r\n\r\n.fx-hero-copy{\r\n  position:relative;\r\n}\r\n\r\n\/* Eyebrow *\/\r\n\r\n.fx-hero-label{\r\n  width:max-content;\r\n\r\n  display:flex;\r\n  align-items:center;\r\n  gap:10px;\r\n\r\n  padding:8px 13px 8px 9px;\r\n\r\n  border-radius:999px;\r\n\r\n  background:rgba(255,255,255,.82);\r\n\r\n  border:\r\n    1px solid rgba(7,157,153,.14);\r\n\r\n  box-shadow:\r\n    0 8px 28px rgba(16,43,42,.055);\r\n\r\n  color:var(--fx-primary-dark);\r\n\r\n  font-size:12px;\r\n  font-weight:800;\r\n\r\n  letter-spacing:.25px;\r\n\r\n  margin-bottom:23px;\r\n}\r\n\r\n.fx-hero-label-icon{\r\n  width:27px;\r\n  height:27px;\r\n\r\n  border-radius:50%;\r\n\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n\r\n  background:var(--fx-soft);\r\n  color:var(--fx-primary);\r\n}\r\n\r\n.fx-hero-label-icon svg{\r\n  width:14px;\r\n  height:14px;\r\n}\r\n\r\n\/* Heading *\/\r\n\r\n.fx-hero-title{\r\n  max-width:690px;\r\n\r\n  margin:0;\r\n\r\n  font-family:'Manrope',sans-serif;\r\n\r\n  color:var(--fx-dark);\r\n\r\n  font-size:clamp(43px,4.7vw,68px);\r\n\r\n  font-weight:800;\r\n\r\n  line-height:1.075;\r\n\r\n  letter-spacing:-3px;\r\n}\r\n\r\n.fx-hero-title .fx-mark{\r\n  position:relative;\r\n\r\n  display:inline-block;\r\n\r\n  color:var(--fx-primary);\r\n}\r\n\r\n.fx-hero-title .fx-mark:after{\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  left:2px;\r\n  right:0;\r\n  bottom:-3px;\r\n\r\n  height:7px;\r\n\r\n  border-radius:50%;\r\n\r\n  border-top:\r\n    2px solid rgba(7,157,153,.35);\r\n\r\n  transform:rotate(-1deg);\r\n}\r\n\r\n\/* Description *\/\r\n\r\n.fx-hero-desc{\r\n  max-width:620px;\r\n\r\n  margin:24px 0 0;\r\n\r\n  color:var(--fx-muted);\r\n\r\n  font-size:17px;\r\n\r\n  line-height:1.72;\r\n\r\n  font-weight:400;\r\n}\r\n\r\n\/* =========================================\r\n   CTA AREA\r\n========================================= *\/\r\n\r\n.fx-hero-actions{\r\n  display:flex;\r\n  align-items:center;\r\n  flex-wrap:wrap;\r\n\r\n  gap:13px;\r\n\r\n  margin-top:32px;\r\n}\r\n\r\n\/* Primary CTA *\/\r\n\r\n.fx-hero-btn{\r\n  min-height:56px;\r\n\r\n  padding:0 20px 0 23px;\r\n\r\n  border-radius:13px;\r\n\r\n  display:inline-flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n\r\n  gap:14px;\r\n\r\n  text-decoration:none;\r\n\r\n  font-size:14px;\r\n  font-weight:800;\r\n\r\n  transition:.3s ease;\r\n}\r\n\r\n.fx-hero-btn-primary{\r\n  background:var(--fx-dark);\r\n\r\n  color:#fff;\r\n\r\n  box-shadow:\r\n    0 14px 30px rgba(16,43,42,.18);\r\n}\r\n\r\n.fx-hero-btn-primary:hover{\r\n  color:#fff;\r\n\r\n  background:var(--fx-primary-dark);\r\n\r\n  transform:translateY(-3px);\r\n\r\n  box-shadow:\r\n    0 18px 36px rgba(16,43,42,.23);\r\n}\r\n\r\n.fx-btn-arrow{\r\n  width:30px;\r\n  height:30px;\r\n\r\n  border-radius:9px;\r\n\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n\r\n  background:rgba(255,255,255,.13);\r\n\r\n  font-size:16px;\r\n}\r\n\r\n\/* Secondary *\/\r\n\r\n.fx-hero-btn-light{\r\n  background:rgba(255,255,255,.72);\r\n\r\n  border:\r\n    1px solid rgba(16,43,42,.10);\r\n\r\n  color:var(--fx-dark);\r\n}\r\n\r\n.fx-hero-btn-light:hover{\r\n  color:var(--fx-primary-dark);\r\n\r\n  background:#fff;\r\n\r\n  border-color:\r\n    rgba(7,157,153,.25);\r\n\r\n  transform:translateY(-3px);\r\n}\r\n\r\n\/* =========================================\r\n   TRUST ROW\r\n========================================= *\/\r\n\r\n.fx-hero-trust{\r\n  display:flex;\r\n  align-items:center;\r\n  flex-wrap:wrap;\r\n\r\n  gap:24px;\r\n\r\n  margin-top:36px;\r\n\r\n  padding-top:27px;\r\n\r\n  border-top:\r\n    1px solid rgba(16,43,42,.09);\r\n}\r\n\r\n.fx-trust-item{\r\n  display:flex;\r\n  align-items:center;\r\n  gap:10px;\r\n}\r\n\r\n.fx-trust-icon{\r\n  width:34px;\r\n  height:34px;\r\n\r\n  border-radius:10px;\r\n\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n\r\n  background:rgba(255,255,255,.76);\r\n\r\n  border:\r\n    1px solid rgba(7,157,153,.12);\r\n\r\n  color:var(--fx-primary);\r\n}\r\n\r\n.fx-trust-icon svg{\r\n  width:16px;\r\n  height:16px;\r\n}\r\n\r\n.fx-trust-copy strong{\r\n  display:block;\r\n\r\n  color:var(--fx-dark);\r\n\r\n  font-size:12px;\r\n  font-weight:800;\r\n\r\n  line-height:1.2;\r\n}\r\n\r\n.fx-trust-copy span{\r\n  display:block;\r\n\r\n  margin-top:3px;\r\n\r\n  color:var(--fx-muted);\r\n\r\n  font-size:10px;\r\n\r\n  line-height:1.2;\r\n}\r\n\r\n\/* =========================================\r\n   RIGHT VISUAL AREA\r\n========================================= *\/\r\n\r\n.fx-hero-visual{\r\n  position:relative;\r\n\r\n  min-height:560px;\r\n\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n}\r\n\r\n\/* Large Dark Shape *\/\r\n\r\n.fx-visual-bg{\r\n  position:absolute;\r\n\r\n  width:87%;\r\n  height:86%;\r\n\r\n  right:0;\r\n  top:7%;\r\n\r\n  border-radius:\r\n    80px 24px 80px 24px;\r\n\r\n  background:\r\n    radial-gradient(\r\n      circle at 75% 18%,\r\n      rgba(74,221,207,.17),\r\n      transparent 25%\r\n    ),\r\n    linear-gradient(\r\n      145deg,\r\n      var(--fx-dark) 0%,\r\n      #173f3c 100%\r\n    );\r\n\r\n  box-shadow:\r\n    0 30px 70px rgba(16,43,42,.18);\r\n}\r\n\r\n\/* Decorative Lines *\/\r\n\r\n.fx-visual-bg:before{\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  width:190px;\r\n  height:190px;\r\n\r\n  border:\r\n    1px solid rgba(255,255,255,.08);\r\n\r\n  border-radius:50%;\r\n\r\n  top:-48px;\r\n  right:-40px;\r\n\r\n  box-shadow:\r\n    0 0 0 35px rgba(255,255,255,.025);\r\n}\r\n\r\n.fx-visual-bg:after{\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  width:90px;\r\n  height:90px;\r\n\r\n  border-radius:24px;\r\n\r\n  left:32px;\r\n  bottom:30px;\r\n\r\n  border:\r\n    1px solid rgba(188,239,232,.13);\r\n\r\n  transform:rotate(18deg);\r\n}\r\n\r\n\/* =========================================\r\n   LOAN CARD\r\n========================================= *\/\r\n\r\n.fx-loan-card{\r\n  position:relative;\r\n  z-index:3;\r\n\r\n  width:82%;\r\n\r\n  padding:29px;\r\n\r\n  border-radius:24px;\r\n\r\n  background:\r\n    rgba(255,255,255,.97);\r\n\r\n  border:\r\n    1px solid rgba(255,255,255,.65);\r\n\r\n  box-shadow:\r\n    0 28px 70px rgba(0,0,0,.18);\r\n}\r\n\r\n\/* Card Header *\/\r\n\r\n.fx-card-head{\r\n  display:flex;\r\n  align-items:flex-start;\r\n  justify-content:space-between;\r\n\r\n  gap:20px;\r\n\r\n  margin-bottom:26px;\r\n}\r\n\r\n.fx-card-mini-label{\r\n  display:block;\r\n\r\n  color:var(--fx-primary);\r\n\r\n  font-size:10px;\r\n  font-weight:800;\r\n\r\n  letter-spacing:1px;\r\n\r\n  text-transform:uppercase;\r\n\r\n  margin-bottom:6px;\r\n}\r\n\r\n.fx-card-head h3{\r\n  margin:0;\r\n\r\n  font-family:'Manrope',sans-serif;\r\n\r\n  color:var(--fx-dark);\r\n\r\n  font-size:23px;\r\n  font-weight:800;\r\n\r\n  letter-spacing:-.7px;\r\n}\r\n\r\n.fx-card-status{\r\n  min-width:38px;\r\n  height:38px;\r\n\r\n  border-radius:12px;\r\n\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n\r\n  background:var(--fx-soft);\r\n\r\n  color:var(--fx-primary);\r\n}\r\n\r\n.fx-card-status svg{\r\n  width:18px;\r\n  height:18px;\r\n}\r\n\r\n\/* =========================================\r\n   AMOUNT AREA\r\n========================================= *\/\r\n\r\n.fx-amount-box{\r\n  padding:18px;\r\n\r\n  border-radius:15px;\r\n\r\n  background:#f6faf9;\r\n\r\n  border:\r\n    1px solid #e8f0ef;\r\n}\r\n\r\n.fx-amount-top{\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:space-between;\r\n\r\n  gap:15px;\r\n}\r\n\r\n.fx-amount-label{\r\n  color:var(--fx-muted);\r\n\r\n  font-size:12px;\r\n  font-weight:600;\r\n}\r\n\r\n.fx-amount-value{\r\n  color:var(--fx-dark);\r\n\r\n  font-family:'Manrope',sans-serif;\r\n\r\n  font-size:22px;\r\n  font-weight:800;\r\n}\r\n\r\n\/* Range *\/\r\n\r\n.fx-range{\r\n  width:100%;\r\n\r\n  margin:19px 0 7px;\r\n\r\n  accent-color:var(--fx-primary);\r\n\r\n  cursor:pointer;\r\n}\r\n\r\n.fx-range-values{\r\n  display:flex;\r\n  justify-content:space-between;\r\n\r\n  color:#91a09e;\r\n\r\n  font-size:9px;\r\n  font-weight:600;\r\n}\r\n\r\n\/* =========================================\r\n   MINI CALC GRID\r\n========================================= *\/\r\n\r\n.fx-calc-grid{\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    repeat(2,1fr);\r\n\r\n  gap:11px;\r\n\r\n  margin-top:14px;\r\n}\r\n\r\n.fx-calc-item{\r\n  padding:14px;\r\n\r\n  border-radius:13px;\r\n\r\n  border:\r\n    1px solid #e8efee;\r\n\r\n  background:#fff;\r\n}\r\n\r\n.fx-calc-item span{\r\n  display:block;\r\n\r\n  color:var(--fx-muted);\r\n\r\n  font-size:10px;\r\n  font-weight:600;\r\n\r\n  margin-bottom:6px;\r\n}\r\n\r\n.fx-calc-item strong{\r\n  display:block;\r\n\r\n  color:var(--fx-dark);\r\n\r\n  font-size:14px;\r\n  font-weight:800;\r\n}\r\n\r\n\/* =========================================\r\n   CARD BUTTON\r\n========================================= *\/\r\n\r\n.fx-card-btn{\r\n  width:100%;\r\n  min-height:51px;\r\n\r\n  margin-top:16px;\r\n\r\n  border:0;\r\n  border-radius:12px;\r\n\r\n  background:var(--fx-primary);\r\n\r\n  color:#fff;\r\n\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n\r\n  gap:9px;\r\n\r\n  font-family:'DM Sans',sans-serif;\r\n\r\n  font-size:13px;\r\n  font-weight:800;\r\n\r\n  cursor:pointer;\r\n\r\n  box-shadow:\r\n    0 12px 25px rgba(7,157,153,.20);\r\n\r\n  transition:.25s ease;\r\n}\r\n\r\n.fx-card-btn:hover{\r\n  background:var(--fx-primary-dark);\r\n\r\n  transform:translateY(-2px);\r\n}\r\n\r\n\/* =========================================\r\n   FLOATING CARD 1\r\n========================================= *\/\r\n\r\n.fx-float-approved{\r\n  position:absolute;\r\n\r\n  z-index:5;\r\n\r\n  top:46px;\r\n  left:-5px;\r\n\r\n  min-width:195px;\r\n\r\n  padding:14px;\r\n\r\n  border-radius:16px;\r\n\r\n  background:#fff;\r\n\r\n  display:flex;\r\n  align-items:center;\r\n\r\n  gap:11px;\r\n\r\n  box-shadow:\r\n    0 18px 45px rgba(16,43,42,.15);\r\n\r\n  animation:\r\n    fxFloat 4s ease-in-out infinite;\r\n}\r\n\r\n.fx-approved-icon{\r\n  width:40px;\r\n  height:40px;\r\n\r\n  border-radius:12px;\r\n\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n\r\n  background:#eaf9f3;\r\n\r\n  color:#1ba879;\r\n}\r\n\r\n.fx-approved-icon svg{\r\n  width:19px;\r\n  height:19px;\r\n}\r\n\r\n.fx-float-approved strong{\r\n  display:block;\r\n\r\n  color:var(--fx-dark);\r\n\r\n  font-size:12px;\r\n  font-weight:800;\r\n}\r\n\r\n.fx-float-approved span{\r\n  display:block;\r\n\r\n  margin-top:3px;\r\n\r\n  color:var(--fx-muted);\r\n\r\n  font-size:9px;\r\n}\r\n\r\n\/* =========================================\r\n   FLOATING CARD 2\r\n========================================= *\/\r\n\r\n.fx-float-support{\r\n  position:absolute;\r\n\r\n  z-index:5;\r\n\r\n  right:-5px;\r\n  bottom:45px;\r\n\r\n  padding:12px 15px;\r\n\r\n  border-radius:15px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      135deg,\r\n      #fff8e9,\r\n      #fff\r\n    );\r\n\r\n  border:\r\n    1px solid rgba(244,184,74,.23);\r\n\r\n  box-shadow:\r\n    0 16px 40px rgba(16,43,42,.13);\r\n\r\n  animation:\r\n    fxFloatTwo 4.5s ease-in-out infinite;\r\n}\r\n\r\n.fx-support-top{\r\n  display:flex;\r\n  align-items:center;\r\n  gap:8px;\r\n\r\n  color:var(--fx-dark);\r\n\r\n  font-size:11px;\r\n  font-weight:800;\r\n}\r\n\r\n.fx-support-dot{\r\n  width:8px;\r\n  height:8px;\r\n\r\n  border-radius:50%;\r\n\r\n  background:#2ac38f;\r\n\r\n  box-shadow:\r\n    0 0 0 4px rgba(42,195,143,.12);\r\n}\r\n\r\n.fx-float-support span{\r\n  display:block;\r\n\r\n  margin-top:5px;\r\n\r\n  color:var(--fx-muted);\r\n\r\n  font-size:9px;\r\n}\r\n\r\n\/* =========================================\r\n   ANIMATION\r\n========================================= *\/\r\n\r\n@keyframes fxFloat{\r\n\r\n  0%,100%{\r\n    transform:translateY(0);\r\n  }\r\n\r\n  50%{\r\n    transform:translateY(-8px);\r\n  }\r\n\r\n}\r\n\r\n@keyframes fxFloatTwo{\r\n\r\n  0%,100%{\r\n    transform:translateY(0);\r\n  }\r\n\r\n  50%{\r\n    transform:translateY(7px);\r\n  }\r\n\r\n}\r\n\r\n\/* =========================================\r\n   TABLET\r\n========================================= *\/\r\n\r\n@media(max-width:1100px){\r\n\r\n  .fx-hero{\r\n    padding-top:65px;\r\n  }\r\n\r\n  .fx-hero-inner{\r\n    grid-template-columns:1fr;\r\n    gap:55px;\r\n  }\r\n\r\n  .fx-hero-copy{\r\n    max-width:760px;\r\n  }\r\n\r\n  .fx-hero-visual{\r\n    width:100%;\r\n    max-width:650px;\r\n\r\n    margin:0 auto;\r\n  }\r\n\r\n}\r\n\r\n\/* =========================================\r\n   MOBILE\r\n========================================= *\/\r\n\r\n@media(max-width:700px){\r\n\r\n  .fx-hero{\r\n    padding:\r\n      50px 16px\r\n      55px;\r\n  }\r\n\r\n  .fx-hero-inner{\r\n    gap:42px;\r\n  }\r\n\r\n  .fx-hero-label{\r\n    font-size:10px;\r\n  }\r\n\r\n  .fx-hero-title{\r\n    font-size:39px;\r\n\r\n    line-height:1.1;\r\n\r\n    letter-spacing:-2px;\r\n  }\r\n\r\n  .fx-hero-desc{\r\n    font-size:15px;\r\n    line-height:1.65;\r\n  }\r\n\r\n  .fx-hero-actions{\r\n    align-items:stretch;\r\n  }\r\n\r\n  .fx-hero-btn{\r\n    width:100%;\r\n  }\r\n\r\n  .fx-hero-trust{\r\n    display:grid;\r\n    grid-template-columns:1fr 1fr;\r\n\r\n    gap:17px 10px;\r\n  }\r\n\r\n  .fx-hero-visual{\r\n    min-height:510px;\r\n  }\r\n\r\n  .fx-visual-bg{\r\n    width:100%;\r\n    height:92%;\r\n\r\n    top:4%;\r\n\r\n    border-radius:\r\n      45px 18px\r\n      45px 18px;\r\n  }\r\n\r\n  .fx-loan-card{\r\n    width:91%;\r\n    padding:21px;\r\n  }\r\n\r\n  .fx-card-head h3{\r\n    font-size:20px;\r\n  }\r\n\r\n  .fx-float-approved{\r\n    top:5px;\r\n    left:0;\r\n\r\n    min-width:165px;\r\n  }\r\n\r\n  .fx-float-support{\r\n    right:0;\r\n    bottom:10px;\r\n  }\r\n\r\n}\r\n\r\n\/* =========================================\r\n   SMALL MOBILE\r\n========================================= *\/\r\n\r\n@media(max-width:430px){\r\n\r\n  .fx-hero-title{\r\n    font-size:34px;\r\n  }\r\n\r\n  .fx-hero-trust{\r\n    grid-template-columns:1fr;\r\n  }\r\n\r\n  .fx-hero-visual{\r\n    min-height:500px;\r\n  }\r\n\r\n  .fx-loan-card{\r\n    width:96%;\r\n  }\r\n\r\n  .fx-float-approved{\r\n    transform:scale(.88);\r\n    transform-origin:left top;\r\n  }\r\n\r\n  .fx-float-support{\r\n    transform:scale(.9);\r\n    transform-origin:right bottom;\r\n  }\r\n\r\n}\r\n<\/style>\r\n\r\n\r\n<section class=\"fx-hero\">\r\n\r\n  <div class=\"fx-hero-orb\"><\/div>\r\n\r\n\r\n  <div class=\"fx-hero-inner\">\r\n\r\n\r\n    <!-- =========================\r\n         LEFT CONTENT\r\n    ========================== -->\r\n\r\n    <div class=\"fx-hero-copy\">\r\n\r\n\r\n      <!-- LABEL -->\r\n      <div class=\"fx-hero-label\">\r\n\r\n        <span class=\"fx-hero-label-icon\">\r\n\r\n          <svg viewBox=\"0 0 24 24\"\r\n               fill=\"none\"\r\n               stroke=\"currentColor\"\r\n               stroke-width=\"2\">\r\n\r\n            <path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/>\r\n\r\n            <path d=\"m9 12 2 2 4-4\"\/>\r\n\r\n          <\/svg>\r\n\r\n        <\/span>\r\n\r\n        Simple. Secure. Transparent Finance.\r\n\r\n      <\/div>\r\n\r\n\r\n      <!-- TITLE -->\r\n      <h1 class=\"fx-hero-title\">\r\n\r\n        Finance that moves\r\n        at the speed of your\r\n\r\n        <span class=\"fx-mark\">\r\n          ambitions.\r\n        <\/span>\r\n\r\n      <\/h1>\r\n\r\n\r\n      <!-- DESCRIPTION -->\r\n      <p class=\"fx-hero-desc\">\r\n\r\n        Access flexible financial solutions through a\r\n        simpler, clearer and more guided experience.\r\n        Explore loan options designed around your goals\r\n        with transparent terms and dedicated support.\r\n\r\n      <\/p>\r\n\r\n\r\n      <!-- BUTTONS -->\r\n      <div class=\"fx-hero-actions\">\r\n\r\n        <a href=\"#loan-form\"\r\n           class=\"fx-hero-btn fx-hero-btn-primary\">\r\n\r\n          Check Your Eligibility\r\n\r\n          <span class=\"fx-btn-arrow\">\r\n            \u2197\r\n          <\/span>\r\n\r\n        <\/a>\r\n\r\n\r\n        <a href=\"#loan-solutions\"\r\n           class=\"fx-hero-btn fx-hero-btn-light\">\r\n\r\n          Explore Loan Solutions\r\n\r\n        <\/a>\r\n\r\n      <\/div>\r\n\r\n\r\n      <!-- TRUST ROW -->\r\n      <div class=\"fx-hero-trust\">\r\n\r\n\r\n        <div class=\"fx-trust-item\">\r\n\r\n          <span class=\"fx-trust-icon\">\r\n\r\n            <svg viewBox=\"0 0 24 24\"\r\n                 fill=\"none\"\r\n                 stroke=\"currentColor\"\r\n                 stroke-width=\"2\">\r\n\r\n              <path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/>\r\n\r\n              <path d=\"m9 12 2 2 4-4\"\/>\r\n\r\n            <\/svg>\r\n\r\n          <\/span>\r\n\r\n          <span class=\"fx-trust-copy\">\r\n\r\n            <strong>Secure Process<\/strong>\r\n\r\n            <span>\r\n              Protected information\r\n            <\/span>\r\n\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"fx-trust-item\">\r\n\r\n          <span class=\"fx-trust-icon\">\r\n\r\n            <svg viewBox=\"0 0 24 24\"\r\n                 fill=\"none\"\r\n                 stroke=\"currentColor\"\r\n                 stroke-width=\"2\">\r\n\r\n              <circle cx=\"12\"\r\n                      cy=\"12\"\r\n                      r=\"9\"\/>\r\n\r\n              <path d=\"M12 7v5l3 2\"\/>\r\n\r\n            <\/svg>\r\n\r\n          <\/span>\r\n\r\n          <span class=\"fx-trust-copy\">\r\n\r\n            <strong>Quick Assistance<\/strong>\r\n\r\n            <span>\r\n              Guided support\r\n            <\/span>\r\n\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"fx-trust-item\">\r\n\r\n          <span class=\"fx-trust-icon\">\r\n\r\n            <svg viewBox=\"0 0 24 24\"\r\n                 fill=\"none\"\r\n                 stroke=\"currentColor\"\r\n                 stroke-width=\"2\">\r\n\r\n              <path d=\"M3 6h18\"\/>\r\n\r\n              <path d=\"M7 12h10\"\/>\r\n\r\n              <path d=\"M10 18h4\"\/>\r\n\r\n            <\/svg>\r\n\r\n          <\/span>\r\n\r\n          <span class=\"fx-trust-copy\">\r\n\r\n            <strong>Clear Terms<\/strong>\r\n\r\n            <span>\r\n              Transparent journey\r\n            <\/span>\r\n\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <!-- =========================\r\n         RIGHT VISUAL\r\n    ========================== -->\r\n\r\n    <div class=\"fx-hero-visual\">\r\n\r\n\r\n      <div class=\"fx-visual-bg\"><\/div>\r\n\r\n\r\n      <!-- APPROVED FLOAT CARD -->\r\n      <div class=\"fx-float-approved\">\r\n\r\n        <span class=\"fx-approved-icon\">\r\n\r\n          <svg viewBox=\"0 0 24 24\"\r\n               fill=\"none\"\r\n               stroke=\"currentColor\"\r\n               stroke-width=\"2.3\">\r\n\r\n            <path d=\"m5 12 4 4L19 6\"\/>\r\n\r\n          <\/svg>\r\n\r\n        <\/span>\r\n\r\n        <span>\r\n\r\n          <strong>\r\n            Application Ready\r\n          <\/strong>\r\n\r\n          <span>\r\n            Continue in a few simple steps\r\n          <\/span>\r\n\r\n        <\/span>\r\n\r\n      <\/div>\r\n\r\n\r\n\r\n      <!-- MAIN LOAN CARD -->\r\n      <div class=\"fx-loan-card\"\r\n           id=\"loan-form\">\r\n\r\n\r\n        <div class=\"fx-card-head\">\r\n\r\n          <div>\r\n\r\n            <span class=\"fx-card-mini-label\">\r\n              Quick Estimate\r\n            <\/span>\r\n\r\n            <h3>\r\n              Plan your loan\r\n            <\/h3>\r\n\r\n          <\/div>\r\n\r\n\r\n          <span class=\"fx-card-status\">\r\n\r\n            <svg viewBox=\"0 0 24 24\"\r\n                 fill=\"none\"\r\n                 stroke=\"currentColor\"\r\n                 stroke-width=\"2\">\r\n\r\n              <path d=\"M3 11h18\"\/>\r\n\r\n              <path d=\"M5 11V7l7-4 7 4v4\"\/>\r\n\r\n              <path d=\"M7 11v7\"\/>\r\n\r\n              <path d=\"M12 11v7\"\/>\r\n\r\n              <path d=\"M17 11v7\"\/>\r\n\r\n              <path d=\"M4 21h16\"\/>\r\n\r\n            <\/svg>\r\n\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <!-- AMOUNT -->\r\n        <div class=\"fx-amount-box\">\r\n\r\n          <div class=\"fx-amount-top\">\r\n\r\n            <span class=\"fx-amount-label\">\r\n              Desired loan amount\r\n            <\/span>\r\n\r\n            <strong\r\n              class=\"fx-amount-value\"\r\n              id=\"fxAmountValue\">\r\n\r\n              \u20b95,00,000\r\n\r\n            <\/strong>\r\n\r\n          <\/div>\r\n\r\n\r\n          <input\r\n            type=\"range\"\r\n            class=\"fx-range\"\r\n            id=\"fxLoanRange\"\r\n            min=\"50000\"\r\n            max=\"2000000\"\r\n            step=\"50000\"\r\n            value=\"500000\"\r\n          >\r\n\r\n\r\n          <div class=\"fx-range-values\">\r\n\r\n            <span>\u20b950K<\/span>\r\n\r\n            <span>\u20b920L<\/span>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <!-- CALC GRID -->\r\n        <div class=\"fx-calc-grid\">\r\n\r\n\r\n          <div class=\"fx-calc-item\">\r\n\r\n            <span>\r\n              Preferred tenure\r\n            <\/span>\r\n\r\n            <strong>\r\n              36 Months\r\n            <\/strong>\r\n\r\n          <\/div>\r\n\r\n\r\n          <div class=\"fx-calc-item\">\r\n\r\n            <span>\r\n              Application mode\r\n            <\/span>\r\n\r\n            <strong>\r\n              Assisted\r\n            <\/strong>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <!-- CTA -->\r\n        <button class=\"fx-card-btn\">\r\n\r\n          Check Eligibility\r\n\r\n          <span>\u2192<\/span>\r\n\r\n        <\/button>\r\n\r\n\r\n      <\/div>\r\n\r\n\r\n\r\n      <!-- SUPPORT FLOAT -->\r\n      <div class=\"fx-float-support\">\r\n\r\n        <div class=\"fx-support-top\">\r\n\r\n          <span class=\"fx-support-dot\"><\/span>\r\n\r\n          Expert assistance\r\n\r\n        <\/div>\r\n\r\n        <span>\r\n          Support through every step\r\n        <\/span>\r\n\r\n      <\/div>\r\n\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<script>\r\ndocument.addEventListener(\r\n  \"DOMContentLoaded\",\r\n  function(){\r\n\r\n    const range =\r\n      document.getElementById(\"fxLoanRange\");\r\n\r\n    const amount =\r\n      document.getElementById(\"fxAmountValue\");\r\n\r\n\r\n    function formatIndianCurrency(value){\r\n\r\n      return new Intl.NumberFormat(\r\n        \"en-IN\",\r\n        {\r\n          style:\"currency\",\r\n          currency:\"INR\",\r\n          maximumFractionDigits:0\r\n        }\r\n      ).format(value);\r\n\r\n    }\r\n\r\n\r\n    if(range && amount){\r\n\r\n      range.addEventListener(\r\n        \"input\",\r\n        function(){\r\n\r\n          amount.textContent =\r\n            formatIndianCurrency(\r\n              Number(this.value)\r\n            );\r\n\r\n        }\r\n      );\r\n\r\n    }\r\n\r\n  }\r\n);\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-22eee0f elementor-widget elementor-widget-html\" data-id=\"22eee0f\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- =========================================\r\n     SECTION 3 \u2014 LOAN SOLUTIONS\r\n     Original Premium UI\/UX\r\n     Elementor HTML Widget Ready\r\n========================================= -->\r\n\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap');\r\n\r\n.fxls-section,\r\n.fxls-section *{\r\n  box-sizing:border-box;\r\n}\r\n\r\n.fxls-section{\r\n  --fx-primary:#079d99;\r\n  --fx-primary-dark:#067a77;\r\n  --fx-dark:#102b2a;\r\n  --fx-dark-2:#173d3b;\r\n  --fx-soft:#eaf9f7;\r\n  --fx-mint:#bcefe8;\r\n  --fx-text:#263a39;\r\n  --fx-muted:#71817f;\r\n  --fx-line:#e5eeec;\r\n  --fx-white:#ffffff;\r\n\r\n  position:relative;\r\n  width:100%;\r\n  overflow:hidden;\r\n\r\n  padding:105px 24px;\r\n\r\n  background:#ffffff;\r\n\r\n  font-family:'DM Sans',sans-serif;\r\n}\r\n\r\n\/* =========================================\r\n   DECORATIVE BACKGROUND\r\n========================================= *\/\r\n\r\n.fxls-section:before{\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  width:430px;\r\n  height:430px;\r\n\r\n  border-radius:50%;\r\n\r\n  left:-250px;\r\n  top:80px;\r\n\r\n  background:\r\n    radial-gradient(\r\n      circle,\r\n      rgba(7,157,153,.09),\r\n      rgba(7,157,153,0) 70%\r\n    );\r\n\r\n  pointer-events:none;\r\n}\r\n\r\n.fxls-section:after{\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  width:220px;\r\n  height:220px;\r\n\r\n  right:-80px;\r\n  bottom:-70px;\r\n\r\n  border-radius:50%;\r\n\r\n  border:\r\n    1px solid rgba(7,157,153,.10);\r\n\r\n  box-shadow:\r\n    0 0 0 40px rgba(7,157,153,.025),\r\n    0 0 0 80px rgba(7,157,153,.018);\r\n\r\n  pointer-events:none;\r\n}\r\n\r\n\/* =========================================\r\n   CONTAINER\r\n========================================= *\/\r\n\r\n.fxls-container{\r\n  position:relative;\r\n  z-index:2;\r\n\r\n  width:100%;\r\n  max-width:1320px;\r\n\r\n  margin:0 auto;\r\n}\r\n\r\n\/* =========================================\r\n   SECTION HEADER\r\n========================================= *\/\r\n\r\n.fxls-head{\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    minmax(0,.9fr)\r\n    minmax(320px,.55fr);\r\n\r\n  align-items:end;\r\n\r\n  gap:70px;\r\n\r\n  margin-bottom:50px;\r\n}\r\n\r\n\/* Eyebrow *\/\r\n\r\n.fxls-eyebrow{\r\n  width:max-content;\r\n\r\n  display:flex;\r\n  align-items:center;\r\n\r\n  gap:9px;\r\n\r\n  margin-bottom:17px;\r\n\r\n  color:var(--fx-primary-dark);\r\n\r\n  font-size:12px;\r\n  font-weight:800;\r\n\r\n  text-transform:uppercase;\r\n\r\n  letter-spacing:1.15px;\r\n}\r\n\r\n.fxls-eyebrow-line{\r\n  width:27px;\r\n  height:2px;\r\n\r\n  border-radius:10px;\r\n\r\n  background:var(--fx-primary);\r\n}\r\n\r\n.fxls-title{\r\n  max-width:720px;\r\n\r\n  margin:0;\r\n\r\n  color:var(--fx-dark);\r\n\r\n  font-family:'Manrope',sans-serif;\r\n\r\n  font-size:clamp(35px,4vw,53px);\r\n\r\n  line-height:1.1;\r\n\r\n  font-weight:800;\r\n\r\n  letter-spacing:-2.3px;\r\n}\r\n\r\n.fxls-title span{\r\n  color:var(--fx-primary);\r\n}\r\n\r\n\/* Right intro *\/\r\n\r\n.fxls-intro{\r\n  margin:0;\r\n\r\n  color:var(--fx-muted);\r\n\r\n  font-size:15px;\r\n\r\n  line-height:1.75;\r\n}\r\n\r\n.fxls-intro-link{\r\n  display:inline-flex;\r\n\r\n  align-items:center;\r\n\r\n  gap:8px;\r\n\r\n  margin-top:18px;\r\n\r\n  color:var(--fx-dark);\r\n\r\n  text-decoration:none;\r\n\r\n  font-size:13px;\r\n  font-weight:800;\r\n\r\n  transition:.25s ease;\r\n}\r\n\r\n.fxls-intro-link span{\r\n  width:27px;\r\n  height:27px;\r\n\r\n  border-radius:8px;\r\n\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n\r\n  background:var(--fx-soft);\r\n\r\n  color:var(--fx-primary);\r\n}\r\n\r\n.fxls-intro-link:hover{\r\n  color:var(--fx-primary);\r\n  gap:12px;\r\n}\r\n\r\n\/* =========================================\r\n   MAIN GRID\r\n========================================= *\/\r\n\r\n.fxls-grid{\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    minmax(350px,1.08fr)\r\n    minmax(0,1.92fr);\r\n\r\n  gap:20px;\r\n}\r\n\r\n\/* =========================================\r\n   FEATURED CARD\r\n========================================= *\/\r\n\r\n.fxls-featured{\r\n  position:relative;\r\n\r\n  min-height:540px;\r\n\r\n  overflow:hidden;\r\n\r\n  padding:35px;\r\n\r\n  border-radius:27px;\r\n\r\n  background:\r\n    radial-gradient(\r\n      circle at 85% 12%,\r\n      rgba(98,232,218,.17),\r\n      transparent 25%\r\n    ),\r\n    linear-gradient(\r\n      145deg,\r\n      #102b2a 0%,\r\n      #173f3c 100%\r\n    );\r\n\r\n  display:flex;\r\n\r\n  flex-direction:column;\r\n\r\n  justify-content:space-between;\r\n\r\n  box-shadow:\r\n    0 24px 60px rgba(16,43,42,.16);\r\n\r\n  transition:\r\n    transform .35s ease,\r\n    box-shadow .35s ease;\r\n}\r\n\r\n.fxls-featured:hover{\r\n  transform:translateY(-6px);\r\n\r\n  box-shadow:\r\n    0 30px 70px rgba(16,43,42,.22);\r\n}\r\n\r\n\/* Decorative circle *\/\r\n\r\n.fxls-featured:before{\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  width:260px;\r\n  height:260px;\r\n\r\n  border-radius:50%;\r\n\r\n  right:-115px;\r\n  top:-95px;\r\n\r\n  border:\r\n    1px solid rgba(255,255,255,.10);\r\n\r\n  box-shadow:\r\n    0 0 0 40px rgba(255,255,255,.025);\r\n\r\n  pointer-events:none;\r\n}\r\n\r\n.fxls-featured:after{\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  width:100px;\r\n  height:100px;\r\n\r\n  right:35px;\r\n  bottom:65px;\r\n\r\n  border-radius:28px;\r\n\r\n  border:\r\n    1px solid rgba(188,239,232,.13);\r\n\r\n  transform:rotate(18deg);\r\n\r\n  pointer-events:none;\r\n}\r\n\r\n\/* Featured top *\/\r\n\r\n.fxls-featured-top{\r\n  position:relative;\r\n  z-index:2;\r\n}\r\n\r\n.fxls-featured-badge{\r\n  width:max-content;\r\n\r\n  padding:8px 12px;\r\n\r\n  border-radius:999px;\r\n\r\n  background:\r\n    rgba(188,239,232,.10);\r\n\r\n  border:\r\n    1px solid rgba(188,239,232,.15);\r\n\r\n  color:#bcefe8;\r\n\r\n  font-size:10px;\r\n  font-weight:800;\r\n\r\n  text-transform:uppercase;\r\n\r\n  letter-spacing:.8px;\r\n}\r\n\r\n.fxls-featured-icon{\r\n  width:62px;\r\n  height:62px;\r\n\r\n  margin-top:29px;\r\n\r\n  border-radius:18px;\r\n\r\n  display:flex;\r\n\r\n  align-items:center;\r\n\r\n  justify-content:center;\r\n\r\n  background:\r\n    rgba(255,255,255,.09);\r\n\r\n  border:\r\n    1px solid rgba(255,255,255,.11);\r\n\r\n  color:#7de1d7;\r\n\r\n  backdrop-filter:blur(8px);\r\n}\r\n\r\n.fxls-featured-icon svg{\r\n  width:29px;\r\n  height:29px;\r\n}\r\n\r\n\/* Featured content *\/\r\n\r\n.fxls-featured-content{\r\n  position:relative;\r\n  z-index:2;\r\n}\r\n\r\n.fxls-featured h3{\r\n  margin:0;\r\n\r\n  color:#ffffff;\r\n\r\n  font-family:'Manrope',sans-serif;\r\n\r\n  font-size:31px;\r\n\r\n  line-height:1.2;\r\n\r\n  font-weight:800;\r\n\r\n  letter-spacing:-1.2px;\r\n}\r\n\r\n.fxls-featured p{\r\n  max-width:390px;\r\n\r\n  margin:14px 0 0;\r\n\r\n  color:rgba(255,255,255,.64);\r\n\r\n  font-size:14px;\r\n\r\n  line-height:1.7;\r\n}\r\n\r\n\/* Feature mini points *\/\r\n\r\n.fxls-feature-points{\r\n  display:flex;\r\n  flex-wrap:wrap;\r\n\r\n  gap:8px;\r\n\r\n  margin-top:22px;\r\n}\r\n\r\n.fxls-point{\r\n  padding:8px 10px;\r\n\r\n  border-radius:8px;\r\n\r\n  background:\r\n    rgba(255,255,255,.07);\r\n\r\n  border:\r\n    1px solid rgba(255,255,255,.08);\r\n\r\n  color:rgba(255,255,255,.78);\r\n\r\n  font-size:10px;\r\n  font-weight:700;\r\n}\r\n\r\n\/* Featured link *\/\r\n\r\n.fxls-featured-link{\r\n  width:max-content;\r\n\r\n  display:flex;\r\n\r\n  align-items:center;\r\n\r\n  gap:11px;\r\n\r\n  margin-top:26px;\r\n\r\n  color:#ffffff;\r\n\r\n  text-decoration:none;\r\n\r\n  font-size:13px;\r\n\r\n  font-weight:800;\r\n\r\n  transition:.25s ease;\r\n}\r\n\r\n.fxls-featured-link span{\r\n  width:35px;\r\n  height:35px;\r\n\r\n  border-radius:10px;\r\n\r\n  display:flex;\r\n\r\n  align-items:center;\r\n\r\n  justify-content:center;\r\n\r\n  background:var(--fx-primary);\r\n\r\n  color:#ffffff;\r\n\r\n  transition:.25s ease;\r\n}\r\n\r\n.fxls-featured-link:hover{\r\n  color:#ffffff;\r\n  gap:15px;\r\n}\r\n\r\n.fxls-featured-link:hover span{\r\n  background:#0bb7b1;\r\n}\r\n\r\n\/* =========================================\r\n   SECONDARY GRID\r\n========================================= *\/\r\n\r\n.fxls-small-grid{\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    repeat(2,1fr);\r\n\r\n  gap:20px;\r\n}\r\n\r\n\/* =========================================\r\n   SMALL CARDS\r\n========================================= *\/\r\n\r\n.fxls-card{\r\n  position:relative;\r\n\r\n  min-height:260px;\r\n\r\n  overflow:hidden;\r\n\r\n  padding:27px;\r\n\r\n  border-radius:23px;\r\n\r\n  background:#ffffff;\r\n\r\n  border:\r\n    1px solid var(--fx-line);\r\n\r\n  display:flex;\r\n\r\n  flex-direction:column;\r\n\r\n  justify-content:space-between;\r\n\r\n  transition:\r\n    transform .3s ease,\r\n    box-shadow .3s ease,\r\n    border-color .3s ease;\r\n}\r\n\r\n.fxls-card:hover{\r\n  transform:translateY(-5px);\r\n\r\n  border-color:\r\n    rgba(7,157,153,.22);\r\n\r\n  box-shadow:\r\n    0 20px 50px rgba(16,43,42,.09);\r\n}\r\n\r\n\/* Hover glow *\/\r\n\r\n.fxls-card:before{\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  width:140px;\r\n  height:140px;\r\n\r\n  border-radius:50%;\r\n\r\n  right:-75px;\r\n  top:-75px;\r\n\r\n  background:\r\n    rgba(7,157,153,.055);\r\n\r\n  transition:\r\n    transform .35s ease;\r\n}\r\n\r\n.fxls-card:hover:before{\r\n  transform:scale(1.35);\r\n}\r\n\r\n\/* Card top *\/\r\n\r\n.fxls-card-top{\r\n  position:relative;\r\n  z-index:2;\r\n\r\n  display:flex;\r\n\r\n  align-items:flex-start;\r\n\r\n  justify-content:space-between;\r\n\r\n  gap:15px;\r\n}\r\n\r\n.fxls-card-icon{\r\n  width:49px;\r\n  height:49px;\r\n\r\n  border-radius:15px;\r\n\r\n  display:flex;\r\n\r\n  align-items:center;\r\n\r\n  justify-content:center;\r\n\r\n  background:var(--fx-soft);\r\n\r\n  color:var(--fx-primary-dark);\r\n\r\n  transition:.3s ease;\r\n}\r\n\r\n.fxls-card-icon svg{\r\n  width:23px;\r\n  height:23px;\r\n}\r\n\r\n.fxls-card:hover .fxls-card-icon{\r\n  background:var(--fx-primary);\r\n\r\n  color:#ffffff;\r\n\r\n  transform:rotate(-4deg);\r\n}\r\n\r\n\/* Number *\/\r\n\r\n.fxls-card-number{\r\n  color:#c9d7d5;\r\n\r\n  font-family:'Manrope',sans-serif;\r\n\r\n  font-size:12px;\r\n\r\n  font-weight:800;\r\n\r\n  letter-spacing:.7px;\r\n}\r\n\r\n\/* Card content *\/\r\n\r\n.fxls-card-content{\r\n  position:relative;\r\n  z-index:2;\r\n\r\n  margin-top:25px;\r\n}\r\n\r\n.fxls-card h3{\r\n  margin:0;\r\n\r\n  color:var(--fx-dark);\r\n\r\n  font-family:'Manrope',sans-serif;\r\n\r\n  font-size:21px;\r\n\r\n  line-height:1.25;\r\n\r\n  font-weight:800;\r\n\r\n  letter-spacing:-.65px;\r\n}\r\n\r\n.fxls-card p{\r\n  margin:10px 0 0;\r\n\r\n  color:var(--fx-muted);\r\n\r\n  font-size:12.5px;\r\n\r\n  line-height:1.65;\r\n}\r\n\r\n\/* Bottom *\/\r\n\r\n.fxls-card-bottom{\r\n  position:relative;\r\n  z-index:2;\r\n\r\n  display:flex;\r\n\r\n  align-items:center;\r\n\r\n  justify-content:space-between;\r\n\r\n  gap:15px;\r\n\r\n  margin-top:22px;\r\n}\r\n\r\n.fxls-card-tag{\r\n  padding:7px 9px;\r\n\r\n  border-radius:7px;\r\n\r\n  background:#f5f9f8;\r\n\r\n  color:#6d7f7c;\r\n\r\n  font-size:9px;\r\n\r\n  font-weight:800;\r\n\r\n  text-transform:uppercase;\r\n\r\n  letter-spacing:.4px;\r\n}\r\n\r\n.fxls-card-link{\r\n  width:34px;\r\n  height:34px;\r\n\r\n  border-radius:10px;\r\n\r\n  display:flex;\r\n\r\n  align-items:center;\r\n\r\n  justify-content:center;\r\n\r\n  background:var(--fx-dark);\r\n\r\n  color:#ffffff;\r\n\r\n  text-decoration:none;\r\n\r\n  font-size:15px;\r\n\r\n  transition:.25s ease;\r\n}\r\n\r\n.fxls-card-link:hover{\r\n  color:#ffffff;\r\n\r\n  background:var(--fx-primary);\r\n\r\n  transform:translateX(3px);\r\n}\r\n\r\n\/* =========================================\r\n   SPECIAL SOFT CARD\r\n========================================= *\/\r\n\r\n.fxls-card-soft{\r\n  background:\r\n    linear-gradient(\r\n      145deg,\r\n      #f1fbf9,\r\n      #ffffff\r\n    );\r\n\r\n  border-color:\r\n    rgba(7,157,153,.13);\r\n}\r\n\r\n\/* =========================================\r\n   BOTTOM CTA STRIP\r\n========================================= *\/\r\n\r\n.fxls-bottom{\r\n  margin-top:22px;\r\n\r\n  padding:22px 25px;\r\n\r\n  border-radius:18px;\r\n\r\n  background:#f7faf9;\r\n\r\n  border:\r\n    1px solid var(--fx-line);\r\n\r\n  display:flex;\r\n\r\n  align-items:center;\r\n\r\n  justify-content:space-between;\r\n\r\n  gap:25px;\r\n}\r\n\r\n.fxls-bottom-left{\r\n  display:flex;\r\n\r\n  align-items:center;\r\n\r\n  gap:14px;\r\n}\r\n\r\n.fxls-bottom-icon{\r\n  width:43px;\r\n  height:43px;\r\n\r\n  border-radius:13px;\r\n\r\n  display:flex;\r\n\r\n  align-items:center;\r\n\r\n  justify-content:center;\r\n\r\n  flex-shrink:0;\r\n\r\n  background:#ffffff;\r\n\r\n  border:\r\n    1px solid var(--fx-line);\r\n\r\n  color:var(--fx-primary);\r\n}\r\n\r\n.fxls-bottom-icon svg{\r\n  width:20px;\r\n  height:20px;\r\n}\r\n\r\n.fxls-bottom-copy strong{\r\n  display:block;\r\n\r\n  color:var(--fx-dark);\r\n\r\n  font-size:13px;\r\n\r\n  font-weight:800;\r\n}\r\n\r\n.fxls-bottom-copy span{\r\n  display:block;\r\n\r\n  margin-top:4px;\r\n\r\n  color:var(--fx-muted);\r\n\r\n  font-size:11px;\r\n}\r\n\r\n.fxls-bottom-btn{\r\n  min-height:44px;\r\n\r\n  padding:0 17px;\r\n\r\n  border-radius:10px;\r\n\r\n  display:inline-flex;\r\n\r\n  align-items:center;\r\n\r\n  justify-content:center;\r\n\r\n  gap:8px;\r\n\r\n  background:var(--fx-dark);\r\n\r\n  color:#ffffff;\r\n\r\n  text-decoration:none;\r\n\r\n  font-size:12px;\r\n\r\n  font-weight:800;\r\n\r\n  white-space:nowrap;\r\n\r\n  transition:.25s ease;\r\n}\r\n\r\n.fxls-bottom-btn:hover{\r\n  color:#ffffff;\r\n\r\n  background:var(--fx-primary);\r\n\r\n  transform:translateY(-2px);\r\n}\r\n\r\n\/* =========================================\r\n   TABLET\r\n========================================= *\/\r\n\r\n@media(max-width:1050px){\r\n\r\n  .fxls-section{\r\n    padding:\r\n      85px 24px;\r\n  }\r\n\r\n  .fxls-head{\r\n    grid-template-columns:1fr;\r\n\r\n    gap:22px;\r\n  }\r\n\r\n  .fxls-grid{\r\n    grid-template-columns:1fr;\r\n  }\r\n\r\n  .fxls-featured{\r\n    min-height:460px;\r\n  }\r\n\r\n}\r\n\r\n\/* =========================================\r\n   MOBILE\r\n========================================= *\/\r\n\r\n@media(max-width:700px){\r\n\r\n  .fxls-section{\r\n    padding:\r\n      70px 16px;\r\n  }\r\n\r\n  .fxls-head{\r\n    margin-bottom:35px;\r\n  }\r\n\r\n  .fxls-title{\r\n    font-size:37px;\r\n\r\n    letter-spacing:-1.7px;\r\n  }\r\n\r\n  .fxls-intro{\r\n    font-size:14px;\r\n  }\r\n\r\n  .fxls-featured{\r\n    min-height:470px;\r\n\r\n    padding:27px;\r\n\r\n    border-radius:22px;\r\n  }\r\n\r\n  .fxls-featured h3{\r\n    font-size:27px;\r\n  }\r\n\r\n  .fxls-small-grid{\r\n    grid-template-columns:1fr;\r\n  }\r\n\r\n  .fxls-card{\r\n    min-height:245px;\r\n  }\r\n\r\n  .fxls-bottom{\r\n    align-items:flex-start;\r\n\r\n    flex-direction:column;\r\n  }\r\n\r\n  .fxls-bottom-btn{\r\n    width:100%;\r\n  }\r\n\r\n}\r\n\r\n\/* =========================================\r\n   SMALL MOBILE\r\n========================================= *\/\r\n\r\n@media(max-width:430px){\r\n\r\n  .fxls-title{\r\n    font-size:33px;\r\n  }\r\n\r\n  .fxls-featured{\r\n    min-height:490px;\r\n\r\n    padding:23px;\r\n  }\r\n\r\n  .fxls-featured h3{\r\n    font-size:25px;\r\n  }\r\n\r\n  .fxls-card{\r\n    padding:23px;\r\n  }\r\n\r\n}\r\n<\/style>\r\n\r\n\r\n<section\r\n  class=\"fxls-section\"\r\n  id=\"loan-solutions\"\r\n>\r\n\r\n  <div class=\"fxls-container\">\r\n\r\n\r\n    <!-- =========================\r\n         SECTION HEADING\r\n    ========================== -->\r\n\r\n    <div class=\"fxls-head\">\r\n\r\n\r\n      <div>\r\n\r\n        <div class=\"fxls-eyebrow\">\r\n\r\n          <span class=\"fxls-eyebrow-line\"><\/span>\r\n\r\n          Financial Solutions\r\n\r\n        <\/div>\r\n\r\n\r\n        <h2 class=\"fxls-title\">\r\n\r\n          The right finance for\r\n          every <span>next move.<\/span>\r\n\r\n        <\/h2>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div>\r\n\r\n        <p class=\"fxls-intro\">\r\n\r\n          Whether you are managing a personal milestone,\r\n          expanding a business or planning a major\r\n          purchase, explore financial solutions built\r\n          around different needs and life stages.\r\n\r\n        <\/p>\r\n\r\n\r\n        <a href=\"#\"\r\n           class=\"fxls-intro-link\">\r\n\r\n          Compare all solutions\r\n\r\n          <span>\u2192<\/span>\r\n\r\n        <\/a>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <!-- =========================\r\n         LOAN GRID\r\n    ========================== -->\r\n\r\n    <div class=\"fxls-grid\">\r\n\r\n\r\n      <!-- FEATURED CARD -->\r\n      <article class=\"fxls-featured\">\r\n\r\n\r\n        <div class=\"fxls-featured-top\">\r\n\r\n          <div class=\"fxls-featured-badge\">\r\n            Popular Choice\r\n          <\/div>\r\n\r\n\r\n          <div class=\"fxls-featured-icon\">\r\n\r\n            <svg\r\n              viewBox=\"0 0 24 24\"\r\n              fill=\"none\"\r\n              stroke=\"currentColor\"\r\n              stroke-width=\"1.8\"\r\n            >\r\n\r\n              <circle\r\n                cx=\"12\"\r\n                cy=\"8\"\r\n                r=\"4\"\r\n              \/>\r\n\r\n              <path\r\n                d=\"M4 21a8 8 0 0 1 16 0\"\r\n              \/>\r\n\r\n              <path\r\n                d=\"M18 5l1.5 1.5L22 4\"\r\n              \/>\r\n\r\n            <\/svg>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"fxls-featured-content\">\r\n\r\n          <h3>\r\n            Personal Loan\r\n          <\/h3>\r\n\r\n\r\n          <p>\r\n\r\n            Access flexible funding for planned\r\n            expenses, important milestones or\r\n            unexpected financial requirements\r\n            through a guided application journey.\r\n\r\n          <\/p>\r\n\r\n\r\n          <div class=\"fxls-feature-points\">\r\n\r\n            <span class=\"fxls-point\">\r\n              Flexible Purpose\r\n            <\/span>\r\n\r\n            <span class=\"fxls-point\">\r\n              Guided Process\r\n            <\/span>\r\n\r\n            <span class=\"fxls-point\">\r\n              Clear Terms\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n\r\n          <a href=\"#\"\r\n             class=\"fxls-featured-link\">\r\n\r\n            Explore Personal Loan\r\n\r\n            <span>\u2197<\/span>\r\n\r\n          <\/a>\r\n\r\n        <\/div>\r\n\r\n      <\/article>\r\n\r\n\r\n\r\n      <!-- SECONDARY CARDS -->\r\n      <div class=\"fxls-small-grid\">\r\n\r\n\r\n        <!-- BUSINESS LOAN -->\r\n        <article class=\"fxls-card\">\r\n\r\n\r\n          <div class=\"fxls-card-top\">\r\n\r\n            <span class=\"fxls-card-icon\">\r\n\r\n              <svg\r\n                viewBox=\"0 0 24 24\"\r\n                fill=\"none\"\r\n                stroke=\"currentColor\"\r\n                stroke-width=\"1.8\"\r\n              >\r\n\r\n                <path\r\n                  d=\"M3 21h18\"\r\n                \/>\r\n\r\n                <path\r\n                  d=\"M6 21V8h12v13\"\r\n                \/>\r\n\r\n                <path\r\n                  d=\"M9 8V4h6v4\"\r\n                \/>\r\n\r\n                <path\r\n                  d=\"M9 12h2\"\r\n                \/>\r\n\r\n                <path\r\n                  d=\"M13 12h2\"\r\n                \/>\r\n\r\n                <path\r\n                  d=\"M9 16h2\"\r\n                \/>\r\n\r\n                <path\r\n                  d=\"M13 16h2\"\r\n                \/>\r\n\r\n              <\/svg>\r\n\r\n            <\/span>\r\n\r\n\r\n            <span class=\"fxls-card-number\">\r\n              02\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n\r\n          <div class=\"fxls-card-content\">\r\n\r\n            <h3>\r\n              Business Loan\r\n            <\/h3>\r\n\r\n            <p>\r\n\r\n              Support working capital,\r\n              expansion plans, equipment\r\n              requirements and business growth.\r\n\r\n            <\/p>\r\n\r\n          <\/div>\r\n\r\n\r\n          <div class=\"fxls-card-bottom\">\r\n\r\n            <span class=\"fxls-card-tag\">\r\n              For Growth\r\n            <\/span>\r\n\r\n            <a href=\"#\"\r\n               class=\"fxls-card-link\">\r\n              \u2192\r\n            <\/a>\r\n\r\n          <\/div>\r\n\r\n        <\/article>\r\n\r\n\r\n\r\n        <!-- HOME LOAN -->\r\n        <article\r\n          class=\"fxls-card fxls-card-soft\"\r\n        >\r\n\r\n\r\n          <div class=\"fxls-card-top\">\r\n\r\n            <span class=\"fxls-card-icon\">\r\n\r\n              <svg\r\n                viewBox=\"0 0 24 24\"\r\n                fill=\"none\"\r\n                stroke=\"currentColor\"\r\n                stroke-width=\"1.8\"\r\n              >\r\n\r\n                <path\r\n                  d=\"m3 11 9-8 9 8\"\r\n                \/>\r\n\r\n                <path\r\n                  d=\"M5 10v10h14V10\"\r\n                \/>\r\n\r\n                <path\r\n                  d=\"M9 20v-6h6v6\"\r\n                \/>\r\n\r\n              <\/svg>\r\n\r\n            <\/span>\r\n\r\n\r\n            <span class=\"fxls-card-number\">\r\n              03\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n\r\n          <div class=\"fxls-card-content\">\r\n\r\n            <h3>\r\n              Home Loan\r\n            <\/h3>\r\n\r\n            <p>\r\n\r\n              Explore financing support for\r\n              purchasing, constructing or\r\n              improving your home.\r\n\r\n            <\/p>\r\n\r\n          <\/div>\r\n\r\n\r\n          <div class=\"fxls-card-bottom\">\r\n\r\n            <span class=\"fxls-card-tag\">\r\n              Build Your Future\r\n            <\/span>\r\n\r\n            <a href=\"#\"\r\n               class=\"fxls-card-link\">\r\n              \u2192\r\n            <\/a>\r\n\r\n          <\/div>\r\n\r\n        <\/article>\r\n\r\n\r\n\r\n        <!-- VEHICLE LOAN -->\r\n        <article\r\n          class=\"fxls-card fxls-card-soft\"\r\n        >\r\n\r\n\r\n          <div class=\"fxls-card-top\">\r\n\r\n            <span class=\"fxls-card-icon\">\r\n\r\n              <svg\r\n                viewBox=\"0 0 24 24\"\r\n                fill=\"none\"\r\n                stroke=\"currentColor\"\r\n                stroke-width=\"1.8\"\r\n              >\r\n\r\n                <path\r\n                  d=\"M5 17h14\"\r\n                \/>\r\n\r\n                <path\r\n                  d=\"M4 12l2-5h12l2 5\"\r\n                \/>\r\n\r\n                <path\r\n                  d=\"M3 12h18v5H3z\"\r\n                \/>\r\n\r\n                <circle\r\n                  cx=\"6\"\r\n                  cy=\"17\"\r\n                  r=\"2\"\r\n                \/>\r\n\r\n                <circle\r\n                  cx=\"18\"\r\n                  cy=\"17\"\r\n                  r=\"2\"\r\n                \/>\r\n\r\n              <\/svg>\r\n\r\n            <\/span>\r\n\r\n\r\n            <span class=\"fxls-card-number\">\r\n              04\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n\r\n          <div class=\"fxls-card-content\">\r\n\r\n            <h3>\r\n              Vehicle Loan\r\n            <\/h3>\r\n\r\n            <p>\r\n\r\n              Finance your mobility needs\r\n              with a structured journey for\r\n              eligible vehicle purchases.\r\n\r\n            <\/p>\r\n\r\n          <\/div>\r\n\r\n\r\n          <div class=\"fxls-card-bottom\">\r\n\r\n            <span class=\"fxls-card-tag\">\r\n              Move Forward\r\n            <\/span>\r\n\r\n            <a href=\"#\"\r\n               class=\"fxls-card-link\">\r\n              \u2192\r\n            <\/a>\r\n\r\n          <\/div>\r\n\r\n        <\/article>\r\n\r\n\r\n\r\n        <!-- LAP -->\r\n        <article class=\"fxls-card\">\r\n\r\n\r\n          <div class=\"fxls-card-top\">\r\n\r\n            <span class=\"fxls-card-icon\">\r\n\r\n              <svg\r\n                viewBox=\"0 0 24 24\"\r\n                fill=\"none\"\r\n                stroke=\"currentColor\"\r\n                stroke-width=\"1.8\"\r\n              >\r\n\r\n                <path\r\n                  d=\"M4 10h16\"\r\n                \/>\r\n\r\n                <path\r\n                  d=\"M6 10V7l6-4 6 4v3\"\r\n                \/>\r\n\r\n                <path\r\n                  d=\"M7 10v7\"\r\n                \/>\r\n\r\n                <path\r\n                  d=\"M12 10v7\"\r\n                \/>\r\n\r\n                <path\r\n                  d=\"M17 10v7\"\r\n                \/>\r\n\r\n                <path\r\n                  d=\"M4 21h16\"\r\n                \/>\r\n\r\n              <\/svg>\r\n\r\n            <\/span>\r\n\r\n\r\n            <span class=\"fxls-card-number\">\r\n              05\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n\r\n          <div class=\"fxls-card-content\">\r\n\r\n            <h3>\r\n              Loan Against Property\r\n            <\/h3>\r\n\r\n            <p>\r\n\r\n              Unlock potential value from\r\n              eligible property for personal\r\n              or business financial needs.\r\n\r\n            <\/p>\r\n\r\n          <\/div>\r\n\r\n\r\n          <div class=\"fxls-card-bottom\">\r\n\r\n            <span class=\"fxls-card-tag\">\r\n              Property Backed\r\n            <\/span>\r\n\r\n            <a href=\"#\"\r\n               class=\"fxls-card-link\">\r\n              \u2192\r\n            <\/a>\r\n\r\n          <\/div>\r\n\r\n        <\/article>\r\n\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <!-- =========================\r\n         BOTTOM ASSISTANCE STRIP\r\n    ========================== -->\r\n\r\n    <div class=\"fxls-bottom\">\r\n\r\n\r\n      <div class=\"fxls-bottom-left\">\r\n\r\n\r\n        <span class=\"fxls-bottom-icon\">\r\n\r\n          <svg\r\n            viewBox=\"0 0 24 24\"\r\n            fill=\"none\"\r\n            stroke=\"currentColor\"\r\n            stroke-width=\"1.8\"\r\n          >\r\n\r\n            <path\r\n              d=\"M21 15a4 4 0 0 1-4 4H8l-5 3V7a4 4 0 0 1 4-4h10a4 4 0 0 1 4 4z\"\r\n            \/>\r\n\r\n            <path\r\n              d=\"M8 10h.01\"\r\n            \/>\r\n\r\n            <path\r\n              d=\"M12 10h.01\"\r\n            \/>\r\n\r\n            <path\r\n              d=\"M16 10h.01\"\r\n            \/>\r\n\r\n          <\/svg>\r\n\r\n        <\/span>\r\n\r\n\r\n        <span class=\"fxls-bottom-copy\">\r\n\r\n          <strong>\r\n            Not sure which solution fits your needs?\r\n          <\/strong>\r\n\r\n          <span>\r\n            Speak with our team for guidance on the next step.\r\n          <\/span>\r\n\r\n        <\/span>\r\n\r\n      <\/div>\r\n\r\n\r\n      <a href=\"#contact\"\r\n         class=\"fxls-bottom-btn\">\r\n\r\n        Talk to an Expert\r\n\r\n        <span>\u2197<\/span>\r\n\r\n      <\/a>\r\n\r\n\r\n    <\/div>\r\n\r\n\r\n  <\/div>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a2e6ca2 elementor-widget elementor-widget-html\" data-id=\"a2e6ca2\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- =========================================\r\n     SECTION 4 \u2014 WHY CHOOSE US\r\n     Premium Trust Dashboard UI\r\n     Elementor HTML Widget Ready\r\n========================================= -->\r\n\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap');\r\n\r\n.fxwhy-section,\r\n.fxwhy-section *{\r\n  box-sizing:border-box;\r\n}\r\n\r\n.fxwhy-section{\r\n  --fx-primary:#079d99;\r\n  --fx-primary-dark:#067a77;\r\n  --fx-dark:#102b2a;\r\n  --fx-dark-2:#173d3b;\r\n  --fx-soft:#eaf9f7;\r\n  --fx-mint:#bcefe8;\r\n  --fx-text:#263a39;\r\n  --fx-muted:#71817f;\r\n  --fx-line:#e3ecea;\r\n  --fx-white:#ffffff;\r\n  --fx-green:#22a879;\r\n  --fx-gold:#f2b64b;\r\n\r\n  position:relative;\r\n  width:100%;\r\n  overflow:hidden;\r\n\r\n  padding:105px 24px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      135deg,\r\n      #f5fbfa 0%,\r\n      #ffffff 48%,\r\n      #f1faf8 100%\r\n    );\r\n\r\n  font-family:'DM Sans',sans-serif;\r\n}\r\n\r\n\/* =========================================\r\n   BACKGROUND DETAILS\r\n========================================= *\/\r\n\r\n.fxwhy-section:before{\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n  inset:0;\r\n\r\n  background-image:\r\n    linear-gradient(\r\n      rgba(16,43,42,.025) 1px,\r\n      transparent 1px\r\n    ),\r\n    linear-gradient(\r\n      90deg,\r\n      rgba(16,43,42,.025) 1px,\r\n      transparent 1px\r\n    );\r\n\r\n  background-size:58px 58px;\r\n\r\n  mask-image:\r\n    linear-gradient(\r\n      to right,\r\n      rgba(0,0,0,.7),\r\n      transparent 55%\r\n    );\r\n\r\n  pointer-events:none;\r\n}\r\n\r\n.fxwhy-section:after{\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  width:420px;\r\n  height:420px;\r\n\r\n  border-radius:50%;\r\n\r\n  right:-260px;\r\n  top:-180px;\r\n\r\n  border:\r\n    1px solid rgba(7,157,153,.10);\r\n\r\n  box-shadow:\r\n    0 0 0 55px rgba(7,157,153,.025),\r\n    0 0 0 110px rgba(7,157,153,.016);\r\n\r\n  pointer-events:none;\r\n}\r\n\r\n\/* =========================================\r\n   CONTAINER\r\n========================================= *\/\r\n\r\n.fxwhy-container{\r\n  position:relative;\r\n  z-index:2;\r\n\r\n  width:100%;\r\n  max-width:1320px;\r\n\r\n  margin:0 auto;\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    minmax(430px,.92fr)\r\n    minmax(0,1.08fr);\r\n\r\n  align-items:center;\r\n\r\n  gap:88px;\r\n}\r\n\r\n\/* =========================================\r\n   LEFT VISUAL\r\n========================================= *\/\r\n\r\n.fxwhy-visual{\r\n  position:relative;\r\n\r\n  min-height:610px;\r\n}\r\n\r\n\/* Main Dark Background *\/\r\n\r\n.fxwhy-visual-bg{\r\n  position:absolute;\r\n\r\n  width:88%;\r\n  height:90%;\r\n\r\n  left:0;\r\n  top:5%;\r\n\r\n  overflow:hidden;\r\n\r\n  border-radius:\r\n    28px 85px 28px 85px;\r\n\r\n  background:\r\n    radial-gradient(\r\n      circle at 15% 20%,\r\n      rgba(74,221,207,.16),\r\n      transparent 26%\r\n    ),\r\n    radial-gradient(\r\n      circle at 85% 80%,\r\n      rgba(74,221,207,.09),\r\n      transparent 25%\r\n    ),\r\n    linear-gradient(\r\n      145deg,\r\n      #102b2a 0%,\r\n      #173f3c 100%\r\n    );\r\n\r\n  box-shadow:\r\n    0 30px 75px rgba(16,43,42,.18);\r\n}\r\n\r\n\/* Decorative Circle *\/\r\n\r\n.fxwhy-visual-bg:before{\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  width:240px;\r\n  height:240px;\r\n\r\n  border-radius:50%;\r\n\r\n  top:-110px;\r\n  left:-90px;\r\n\r\n  border:\r\n    1px solid rgba(255,255,255,.09);\r\n\r\n  box-shadow:\r\n    0 0 0 40px rgba(255,255,255,.02);\r\n}\r\n\r\n\/* Decorative Shape *\/\r\n\r\n.fxwhy-visual-bg:after{\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  width:120px;\r\n  height:120px;\r\n\r\n  right:25px;\r\n  bottom:30px;\r\n\r\n  border-radius:30px;\r\n\r\n  border:\r\n    1px solid rgba(188,239,232,.12);\r\n\r\n  transform:rotate(18deg);\r\n}\r\n\r\n\/* =========================================\r\n   MAIN DASHBOARD\r\n========================================= *\/\r\n\r\n.fxwhy-dashboard{\r\n  position:absolute;\r\n  z-index:3;\r\n\r\n  width:79%;\r\n\r\n  left:8%;\r\n  top:13%;\r\n\r\n  padding:28px;\r\n\r\n  border-radius:24px;\r\n\r\n  background:\r\n    rgba(255,255,255,.97);\r\n\r\n  border:\r\n    1px solid rgba(255,255,255,.7);\r\n\r\n  box-shadow:\r\n    0 28px 70px rgba(0,0,0,.18);\r\n}\r\n\r\n\/* Dashboard Head *\/\r\n\r\n.fxwhy-dash-head{\r\n  display:flex;\r\n\r\n  align-items:center;\r\n\r\n  justify-content:space-between;\r\n\r\n  gap:20px;\r\n\r\n  padding-bottom:21px;\r\n\r\n  border-bottom:\r\n    1px solid var(--fx-line);\r\n}\r\n\r\n.fxwhy-dash-title{\r\n  display:flex;\r\n\r\n  align-items:center;\r\n\r\n  gap:12px;\r\n}\r\n\r\n.fxwhy-dash-icon{\r\n  width:44px;\r\n  height:44px;\r\n\r\n  border-radius:13px;\r\n\r\n  display:flex;\r\n\r\n  align-items:center;\r\n\r\n  justify-content:center;\r\n\r\n  background:var(--fx-soft);\r\n\r\n  color:var(--fx-primary-dark);\r\n}\r\n\r\n.fxwhy-dash-icon svg{\r\n  width:21px;\r\n  height:21px;\r\n}\r\n\r\n.fxwhy-dash-copy strong{\r\n  display:block;\r\n\r\n  color:var(--fx-dark);\r\n\r\n  font-family:'Manrope',sans-serif;\r\n\r\n  font-size:15px;\r\n  font-weight:800;\r\n}\r\n\r\n.fxwhy-dash-copy span{\r\n  display:block;\r\n\r\n  margin-top:4px;\r\n\r\n  color:var(--fx-muted);\r\n\r\n  font-size:9px;\r\n}\r\n\r\n.fxwhy-secure-badge{\r\n  padding:7px 9px;\r\n\r\n  border-radius:999px;\r\n\r\n  background:#eaf9f3;\r\n\r\n  color:#168d68;\r\n\r\n  font-size:8px;\r\n  font-weight:800;\r\n\r\n  text-transform:uppercase;\r\n\r\n  letter-spacing:.5px;\r\n}\r\n\r\n\/* =========================================\r\n   JOURNEY STEPS\r\n========================================= *\/\r\n\r\n.fxwhy-journey{\r\n  margin-top:24px;\r\n}\r\n\r\n.fxwhy-journey-label{\r\n  display:flex;\r\n\r\n  justify-content:space-between;\r\n\r\n  align-items:center;\r\n\r\n  margin-bottom:16px;\r\n}\r\n\r\n.fxwhy-journey-label span{\r\n  color:var(--fx-muted);\r\n\r\n  font-size:10px;\r\n  font-weight:700;\r\n}\r\n\r\n.fxwhy-journey-label strong{\r\n  color:var(--fx-primary-dark);\r\n\r\n  font-size:10px;\r\n  font-weight:800;\r\n}\r\n\r\n\/* Progress *\/\r\n\r\n.fxwhy-progress{\r\n  position:relative;\r\n\r\n  width:100%;\r\n  height:5px;\r\n\r\n  border-radius:20px;\r\n\r\n  background:#e9f0ef;\r\n\r\n  overflow:hidden;\r\n}\r\n\r\n.fxwhy-progress span{\r\n  display:block;\r\n\r\n  width:74%;\r\n  height:100%;\r\n\r\n  border-radius:20px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      var(--fx-primary),\r\n      #4bd8ca\r\n    );\r\n}\r\n\r\n\/* Steps *\/\r\n\r\n.fxwhy-steps{\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    repeat(3,1fr);\r\n\r\n  gap:9px;\r\n\r\n  margin-top:20px;\r\n}\r\n\r\n.fxwhy-step{\r\n  min-height:92px;\r\n\r\n  padding:13px 10px;\r\n\r\n  border-radius:12px;\r\n\r\n  background:#f8fbfa;\r\n\r\n  border:\r\n    1px solid #e9efee;\r\n\r\n  text-align:center;\r\n}\r\n\r\n.fxwhy-step-number{\r\n  width:26px;\r\n  height:26px;\r\n\r\n  margin:0 auto 9px;\r\n\r\n  border-radius:8px;\r\n\r\n  display:flex;\r\n\r\n  align-items:center;\r\n\r\n  justify-content:center;\r\n\r\n  background:#ffffff;\r\n\r\n  border:\r\n    1px solid var(--fx-line);\r\n\r\n  color:var(--fx-primary-dark);\r\n\r\n  font-size:9px;\r\n  font-weight:800;\r\n}\r\n\r\n.fxwhy-step strong{\r\n  display:block;\r\n\r\n  color:var(--fx-dark);\r\n\r\n  font-size:9px;\r\n  font-weight:800;\r\n}\r\n\r\n.fxwhy-step span{\r\n  display:block;\r\n\r\n  margin-top:4px;\r\n\r\n  color:var(--fx-muted);\r\n\r\n  font-size:7.5px;\r\n\r\n  line-height:1.4;\r\n}\r\n\r\n\/* =========================================\r\n   DASHBOARD BOTTOM\r\n========================================= *\/\r\n\r\n.fxwhy-dash-bottom{\r\n  display:flex;\r\n\r\n  align-items:center;\r\n\r\n  justify-content:space-between;\r\n\r\n  gap:15px;\r\n\r\n  margin-top:20px;\r\n\r\n  padding:14px;\r\n\r\n  border-radius:13px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      135deg,\r\n      #edf9f7,\r\n      #f8fcfb\r\n    );\r\n\r\n  border:\r\n    1px solid rgba(7,157,153,.10);\r\n}\r\n\r\n.fxwhy-dash-bottom-left{\r\n  display:flex;\r\n\r\n  align-items:center;\r\n\r\n  gap:9px;\r\n}\r\n\r\n.fxwhy-check{\r\n  width:29px;\r\n  height:29px;\r\n\r\n  border-radius:9px;\r\n\r\n  display:flex;\r\n\r\n  align-items:center;\r\n\r\n  justify-content:center;\r\n\r\n  background:var(--fx-primary);\r\n\r\n  color:#fff;\r\n}\r\n\r\n.fxwhy-check svg{\r\n  width:14px;\r\n  height:14px;\r\n}\r\n\r\n.fxwhy-dash-bottom strong{\r\n  display:block;\r\n\r\n  color:var(--fx-dark);\r\n\r\n  font-size:9px;\r\n  font-weight:800;\r\n}\r\n\r\n.fxwhy-dash-bottom small{\r\n  display:block;\r\n\r\n  margin-top:3px;\r\n\r\n  color:var(--fx-muted);\r\n\r\n  font-size:7.5px;\r\n}\r\n\r\n.fxwhy-dash-arrow{\r\n  color:var(--fx-primary);\r\n\r\n  font-size:17px;\r\n}\r\n\r\n\/* =========================================\r\n   FLOATING METRIC CARD\r\n========================================= *\/\r\n\r\n.fxwhy-float-metric{\r\n  position:absolute;\r\n\r\n  z-index:5;\r\n\r\n  right:0;\r\n  top:75px;\r\n\r\n  min-width:175px;\r\n\r\n  padding:15px;\r\n\r\n  border-radius:16px;\r\n\r\n  background:#ffffff;\r\n\r\n  box-shadow:\r\n    0 18px 45px rgba(16,43,42,.16);\r\n\r\n  animation:\r\n    fxwhyFloatOne 4s ease-in-out infinite;\r\n}\r\n\r\n.fxwhy-float-top{\r\n  display:flex;\r\n\r\n  align-items:center;\r\n\r\n  gap:9px;\r\n}\r\n\r\n.fxwhy-float-icon{\r\n  width:35px;\r\n  height:35px;\r\n\r\n  border-radius:11px;\r\n\r\n  display:flex;\r\n\r\n  align-items:center;\r\n\r\n  justify-content:center;\r\n\r\n  background:#eaf9f3;\r\n\r\n  color:var(--fx-green);\r\n}\r\n\r\n.fxwhy-float-icon svg{\r\n  width:17px;\r\n  height:17px;\r\n}\r\n\r\n.fxwhy-float-metric strong{\r\n  display:block;\r\n\r\n  color:var(--fx-dark);\r\n\r\n  font-family:'Manrope',sans-serif;\r\n\r\n  font-size:15px;\r\n  font-weight:800;\r\n}\r\n\r\n.fxwhy-float-metric span{\r\n  display:block;\r\n\r\n  margin-top:3px;\r\n\r\n  color:var(--fx-muted);\r\n\r\n  font-size:8px;\r\n}\r\n\r\n\/* =========================================\r\n   FLOATING SUPPORT CARD\r\n========================================= *\/\r\n\r\n.fxwhy-float-support{\r\n  position:absolute;\r\n\r\n  z-index:5;\r\n\r\n  left:-18px;\r\n  bottom:58px;\r\n\r\n  min-width:190px;\r\n\r\n  padding:14px;\r\n\r\n  border-radius:16px;\r\n\r\n  background:#ffffff;\r\n\r\n  box-shadow:\r\n    0 18px 45px rgba(16,43,42,.16);\r\n\r\n  animation:\r\n    fxwhyFloatTwo 4.6s ease-in-out infinite;\r\n}\r\n\r\n.fxwhy-support-row{\r\n  display:flex;\r\n\r\n  align-items:center;\r\n\r\n  gap:10px;\r\n}\r\n\r\n.fxwhy-support-avatar{\r\n  position:relative;\r\n\r\n  width:39px;\r\n  height:39px;\r\n\r\n  border-radius:12px;\r\n\r\n  display:flex;\r\n\r\n  align-items:center;\r\n\r\n  justify-content:center;\r\n\r\n  background:\r\n    linear-gradient(\r\n      145deg,\r\n      var(--fx-primary),\r\n      var(--fx-primary-dark)\r\n    );\r\n\r\n  color:#fff;\r\n}\r\n\r\n.fxwhy-support-avatar svg{\r\n  width:18px;\r\n  height:18px;\r\n}\r\n\r\n.fxwhy-online{\r\n  position:absolute;\r\n\r\n  width:9px;\r\n  height:9px;\r\n\r\n  right:-2px;\r\n  bottom:-2px;\r\n\r\n  border-radius:50%;\r\n\r\n  background:#2bc58f;\r\n\r\n  border:2px solid #fff;\r\n}\r\n\r\n.fxwhy-float-support strong{\r\n  display:block;\r\n\r\n  color:var(--fx-dark);\r\n\r\n  font-size:10px;\r\n  font-weight:800;\r\n}\r\n\r\n.fxwhy-float-support span{\r\n  display:block;\r\n\r\n  margin-top:4px;\r\n\r\n  color:var(--fx-muted);\r\n\r\n  font-size:8px;\r\n}\r\n\r\n\/* =========================================\r\n   RIGHT CONTENT\r\n========================================= *\/\r\n\r\n.fxwhy-content{\r\n  position:relative;\r\n}\r\n\r\n\/* Eyebrow *\/\r\n\r\n.fxwhy-eyebrow{\r\n  width:max-content;\r\n\r\n  display:flex;\r\n\r\n  align-items:center;\r\n\r\n  gap:9px;\r\n\r\n  margin-bottom:17px;\r\n\r\n  color:var(--fx-primary-dark);\r\n\r\n  font-size:12px;\r\n  font-weight:800;\r\n\r\n  text-transform:uppercase;\r\n\r\n  letter-spacing:1.15px;\r\n}\r\n\r\n.fxwhy-eyebrow-line{\r\n  width:27px;\r\n  height:2px;\r\n\r\n  border-radius:10px;\r\n\r\n  background:var(--fx-primary);\r\n}\r\n\r\n\/* Heading *\/\r\n\r\n.fxwhy-title{\r\n  max-width:680px;\r\n\r\n  margin:0;\r\n\r\n  color:var(--fx-dark);\r\n\r\n  font-family:'Manrope',sans-serif;\r\n\r\n  font-size:clamp(36px,4vw,54px);\r\n\r\n  line-height:1.1;\r\n\r\n  font-weight:800;\r\n\r\n  letter-spacing:-2.3px;\r\n}\r\n\r\n.fxwhy-title span{\r\n  color:var(--fx-primary);\r\n}\r\n\r\n\/* Description *\/\r\n\r\n.fxwhy-desc{\r\n  max-width:650px;\r\n\r\n  margin:21px 0 0;\r\n\r\n  color:var(--fx-muted);\r\n\r\n  font-size:15px;\r\n\r\n  line-height:1.78;\r\n}\r\n\r\n\/* =========================================\r\n   BENEFITS GRID\r\n========================================= *\/\r\n\r\n.fxwhy-benefits{\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    repeat(2,1fr);\r\n\r\n  gap:15px;\r\n\r\n  margin-top:32px;\r\n}\r\n\r\n.fxwhy-benefit{\r\n  position:relative;\r\n\r\n  min-height:150px;\r\n\r\n  padding:20px;\r\n\r\n  overflow:hidden;\r\n\r\n  border-radius:17px;\r\n\r\n  background:\r\n    rgba(255,255,255,.78);\r\n\r\n  border:\r\n    1px solid var(--fx-line);\r\n\r\n  transition:\r\n    transform .3s ease,\r\n    box-shadow .3s ease,\r\n    border-color .3s ease;\r\n}\r\n\r\n.fxwhy-benefit:hover{\r\n  transform:translateY(-4px);\r\n\r\n  border-color:\r\n    rgba(7,157,153,.22);\r\n\r\n  box-shadow:\r\n    0 16px 40px rgba(16,43,42,.08);\r\n}\r\n\r\n.fxwhy-benefit:before{\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  width:90px;\r\n  height:90px;\r\n\r\n  border-radius:50%;\r\n\r\n  right:-50px;\r\n  top:-50px;\r\n\r\n  background:\r\n    rgba(7,157,153,.05);\r\n}\r\n\r\n.fxwhy-benefit-head{\r\n  display:flex;\r\n\r\n  align-items:center;\r\n\r\n  gap:11px;\r\n\r\n  position:relative;\r\n\r\n  z-index:2;\r\n}\r\n\r\n.fxwhy-benefit-icon{\r\n  width:39px;\r\n  height:39px;\r\n\r\n  flex-shrink:0;\r\n\r\n  border-radius:12px;\r\n\r\n  display:flex;\r\n\r\n  align-items:center;\r\n\r\n  justify-content:center;\r\n\r\n  background:var(--fx-soft);\r\n\r\n  color:var(--fx-primary-dark);\r\n}\r\n\r\n.fxwhy-benefit-icon svg{\r\n  width:18px;\r\n  height:18px;\r\n}\r\n\r\n.fxwhy-benefit h3{\r\n  margin:0;\r\n\r\n  color:var(--fx-dark);\r\n\r\n  font-family:'Manrope',sans-serif;\r\n\r\n  font-size:14px;\r\n  font-weight:800;\r\n\r\n  letter-spacing:-.3px;\r\n}\r\n\r\n.fxwhy-benefit p{\r\n  position:relative;\r\n\r\n  z-index:2;\r\n\r\n  margin:13px 0 0;\r\n\r\n  color:var(--fx-muted);\r\n\r\n  font-size:11px;\r\n\r\n  line-height:1.65;\r\n}\r\n\r\n\/* =========================================\r\n   CTA ROW\r\n========================================= *\/\r\n\r\n.fxwhy-actions{\r\n  display:flex;\r\n\r\n  align-items:center;\r\n\r\n  flex-wrap:wrap;\r\n\r\n  gap:15px;\r\n\r\n  margin-top:31px;\r\n}\r\n\r\n.fxwhy-btn{\r\n  min-height:52px;\r\n\r\n  padding:0 20px;\r\n\r\n  border-radius:12px;\r\n\r\n  display:inline-flex;\r\n\r\n  align-items:center;\r\n\r\n  justify-content:center;\r\n\r\n  gap:10px;\r\n\r\n  text-decoration:none;\r\n\r\n  font-size:13px;\r\n\r\n  font-weight:800;\r\n\r\n  transition:.25s ease;\r\n}\r\n\r\n.fxwhy-btn-primary{\r\n  background:var(--fx-dark);\r\n\r\n  color:#fff;\r\n\r\n  box-shadow:\r\n    0 13px 28px rgba(16,43,42,.16);\r\n}\r\n\r\n.fxwhy-btn-primary:hover{\r\n  color:#fff;\r\n\r\n  background:var(--fx-primary-dark);\r\n\r\n  transform:translateY(-2px);\r\n}\r\n\r\n.fxwhy-btn-light{\r\n  background:#fff;\r\n\r\n  color:var(--fx-dark);\r\n\r\n  border:\r\n    1px solid var(--fx-line);\r\n}\r\n\r\n.fxwhy-btn-light:hover{\r\n  color:var(--fx-primary-dark);\r\n\r\n  border-color:\r\n    rgba(7,157,153,.25);\r\n\r\n  transform:translateY(-2px);\r\n}\r\n\r\n\/* =========================================\r\n   ANIMATIONS\r\n========================================= *\/\r\n\r\n@keyframes fxwhyFloatOne{\r\n\r\n  0%,100%{\r\n    transform:translateY(0);\r\n  }\r\n\r\n  50%{\r\n    transform:translateY(-8px);\r\n  }\r\n\r\n}\r\n\r\n@keyframes fxwhyFloatTwo{\r\n\r\n  0%,100%{\r\n    transform:translateY(0);\r\n  }\r\n\r\n  50%{\r\n    transform:translateY(8px);\r\n  }\r\n\r\n}\r\n\r\n\/* =========================================\r\n   TABLET\r\n========================================= *\/\r\n\r\n@media(max-width:1080px){\r\n\r\n  .fxwhy-section{\r\n    padding:85px 24px;\r\n  }\r\n\r\n  .fxwhy-container{\r\n    grid-template-columns:1fr;\r\n\r\n    gap:60px;\r\n  }\r\n\r\n  .fxwhy-visual{\r\n    width:100%;\r\n\r\n    max-width:650px;\r\n\r\n    margin:0 auto;\r\n  }\r\n\r\n  .fxwhy-content{\r\n    max-width:780px;\r\n  }\r\n\r\n}\r\n\r\n\/* =========================================\r\n   MOBILE\r\n========================================= *\/\r\n\r\n@media(max-width:700px){\r\n\r\n  .fxwhy-section{\r\n    padding:70px 16px;\r\n  }\r\n\r\n  .fxwhy-container{\r\n    gap:48px;\r\n  }\r\n\r\n  .fxwhy-visual{\r\n    min-height:530px;\r\n  }\r\n\r\n  .fxwhy-visual-bg{\r\n    width:100%;\r\n\r\n    height:92%;\r\n\r\n    border-radius:\r\n      22px 55px 22px 55px;\r\n  }\r\n\r\n  .fxwhy-dashboard{\r\n    width:88%;\r\n\r\n    left:6%;\r\n\r\n    top:11%;\r\n\r\n    padding:20px;\r\n  }\r\n\r\n  .fxwhy-float-metric{\r\n    right:0;\r\n    top:30px;\r\n\r\n    transform:scale(.9);\r\n\r\n    transform-origin:right top;\r\n  }\r\n\r\n  .fxwhy-float-support{\r\n    left:0;\r\n    bottom:28px;\r\n\r\n    transform:scale(.9);\r\n\r\n    transform-origin:left bottom;\r\n  }\r\n\r\n  .fxwhy-title{\r\n    font-size:38px;\r\n\r\n    letter-spacing:-1.8px;\r\n  }\r\n\r\n  .fxwhy-desc{\r\n    font-size:14px;\r\n  }\r\n\r\n  .fxwhy-benefits{\r\n    grid-template-columns:1fr;\r\n  }\r\n\r\n}\r\n\r\n\/* =========================================\r\n   SMALL MOBILE\r\n========================================= *\/\r\n\r\n@media(max-width:450px){\r\n\r\n  .fxwhy-visual{\r\n    min-height:500px;\r\n  }\r\n\r\n  .fxwhy-dashboard{\r\n    width:94%;\r\n\r\n    left:3%;\r\n\r\n    padding:17px;\r\n  }\r\n\r\n  .fxwhy-dash-head{\r\n    align-items:flex-start;\r\n  }\r\n\r\n  .fxwhy-secure-badge{\r\n    display:none;\r\n  }\r\n\r\n  .fxwhy-steps{\r\n    gap:5px;\r\n  }\r\n\r\n  .fxwhy-step{\r\n    padding:10px 5px;\r\n  }\r\n\r\n  .fxwhy-float-metric{\r\n    min-width:150px;\r\n\r\n    transform:scale(.82);\r\n  }\r\n\r\n  .fxwhy-float-support{\r\n    min-width:170px;\r\n\r\n    transform:scale(.82);\r\n  }\r\n\r\n  .fxwhy-title{\r\n    font-size:33px;\r\n  }\r\n\r\n  .fxwhy-actions{\r\n    align-items:stretch;\r\n  }\r\n\r\n  .fxwhy-btn{\r\n    width:100%;\r\n  }\r\n\r\n}\r\n<\/style>\r\n\r\n\r\n<section class=\"fxwhy-section\">\r\n\r\n  <div class=\"fxwhy-container\">\r\n\r\n\r\n    <!-- =========================\r\n         LEFT TRUST DASHBOARD\r\n    ========================== -->\r\n\r\n    <div class=\"fxwhy-visual\">\r\n\r\n\r\n      <div class=\"fxwhy-visual-bg\"><\/div>\r\n\r\n\r\n      <!-- MAIN DASHBOARD -->\r\n      <div class=\"fxwhy-dashboard\">\r\n\r\n\r\n        <!-- DASHBOARD HEADER -->\r\n        <div class=\"fxwhy-dash-head\">\r\n\r\n\r\n          <div class=\"fxwhy-dash-title\">\r\n\r\n            <span class=\"fxwhy-dash-icon\">\r\n\r\n              <svg\r\n                viewBox=\"0 0 24 24\"\r\n                fill=\"none\"\r\n                stroke=\"currentColor\"\r\n                stroke-width=\"1.8\"\r\n              >\r\n\r\n                <path\r\n                  d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\r\n                \/>\r\n\r\n                <path\r\n                  d=\"m9 12 2 2 4-4\"\r\n                \/>\r\n\r\n              <\/svg>\r\n\r\n            <\/span>\r\n\r\n\r\n            <span class=\"fxwhy-dash-copy\">\r\n\r\n              <strong>\r\n                Your Finance Journey\r\n              <\/strong>\r\n\r\n              <span>\r\n                Clear steps. Guided assistance.\r\n              <\/span>\r\n\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n\r\n          <span class=\"fxwhy-secure-badge\">\r\n            Secure\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- JOURNEY -->\r\n        <div class=\"fxwhy-journey\">\r\n\r\n\r\n          <div class=\"fxwhy-journey-label\">\r\n\r\n            <span>\r\n              Application progress\r\n            <\/span>\r\n\r\n            <strong>\r\n              Simple Journey\r\n            <\/strong>\r\n\r\n          <\/div>\r\n\r\n\r\n          <div class=\"fxwhy-progress\">\r\n            <span><\/span>\r\n          <\/div>\r\n\r\n\r\n          <div class=\"fxwhy-steps\">\r\n\r\n\r\n            <div class=\"fxwhy-step\">\r\n\r\n              <span class=\"fxwhy-step-number\">\r\n                01\r\n              <\/span>\r\n\r\n              <strong>\r\n                Share Details\r\n              <\/strong>\r\n\r\n              <span>\r\n                Basic application information\r\n              <\/span>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"fxwhy-step\">\r\n\r\n              <span class=\"fxwhy-step-number\">\r\n                02\r\n              <\/span>\r\n\r\n              <strong>\r\n                Verification\r\n              <\/strong>\r\n\r\n              <span>\r\n                Review applicable information\r\n              <\/span>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"fxwhy-step\">\r\n\r\n              <span class=\"fxwhy-step-number\">\r\n                03\r\n              <\/span>\r\n\r\n              <strong>\r\n                Next Steps\r\n              <\/strong>\r\n\r\n              <span>\r\n                Guided assistance ahead\r\n              <\/span>\r\n\r\n            <\/div>\r\n\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- DASHBOARD BOTTOM -->\r\n        <div class=\"fxwhy-dash-bottom\">\r\n\r\n\r\n          <div class=\"fxwhy-dash-bottom-left\">\r\n\r\n            <span class=\"fxwhy-check\">\r\n\r\n              <svg\r\n                viewBox=\"0 0 24 24\"\r\n                fill=\"none\"\r\n                stroke=\"currentColor\"\r\n                stroke-width=\"2.3\"\r\n              >\r\n\r\n                <path\r\n                  d=\"m5 12 4 4L19 6\"\r\n                \/>\r\n\r\n              <\/svg>\r\n\r\n            <\/span>\r\n\r\n\r\n            <span>\r\n\r\n              <strong>\r\n                Transparent Experience\r\n              <\/strong>\r\n\r\n              <small>\r\n                Clear information at every stage\r\n              <\/small>\r\n\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n\r\n          <span class=\"fxwhy-dash-arrow\">\r\n            \u2197\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n      <\/div>\r\n\r\n\r\n      <!-- FLOATING METRIC -->\r\n      <div class=\"fxwhy-float-metric\">\r\n\r\n        <div class=\"fxwhy-float-top\">\r\n\r\n          <span class=\"fxwhy-float-icon\">\r\n\r\n            <svg\r\n              viewBox=\"0 0 24 24\"\r\n              fill=\"none\"\r\n              stroke=\"currentColor\"\r\n              stroke-width=\"2\"\r\n            >\r\n\r\n              <path\r\n                d=\"m5 12 4 4L19 6\"\r\n              \/>\r\n\r\n            <\/svg>\r\n\r\n          <\/span>\r\n\r\n\r\n          <span>\r\n\r\n            <strong>\r\n              Clear Process\r\n            <\/strong>\r\n\r\n            <span>\r\n              Easy to understand\r\n            <\/span>\r\n\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n      <!-- FLOATING SUPPORT -->\r\n      <div class=\"fxwhy-float-support\">\r\n\r\n        <div class=\"fxwhy-support-row\">\r\n\r\n          <span class=\"fxwhy-support-avatar\">\r\n\r\n            <svg\r\n              viewBox=\"0 0 24 24\"\r\n              fill=\"none\"\r\n              stroke=\"currentColor\"\r\n              stroke-width=\"1.8\"\r\n            >\r\n\r\n              <path\r\n                d=\"M21 15a4 4 0 0 1-4 4H8l-5 3V7a4 4 0 0 1 4-4h10a4 4 0 0 1 4 4z\"\r\n              \/>\r\n\r\n            <\/svg>\r\n\r\n            <span class=\"fxwhy-online\"><\/span>\r\n\r\n          <\/span>\r\n\r\n\r\n          <span>\r\n\r\n            <strong>\r\n              Need assistance?\r\n            <\/strong>\r\n\r\n            <span>\r\n              Our support team can guide you\r\n            <\/span>\r\n\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <!-- =========================\r\n         RIGHT CONTENT\r\n    ========================== -->\r\n\r\n    <div class=\"fxwhy-content\">\r\n\r\n\r\n      <div class=\"fxwhy-eyebrow\">\r\n\r\n        <span class=\"fxwhy-eyebrow-line\"><\/span>\r\n\r\n        Why Choose Us\r\n\r\n      <\/div>\r\n\r\n\r\n      <h2 class=\"fxwhy-title\">\r\n\r\n        Finance should feel\r\n        clear, not\r\n\r\n        <span>\r\n          complicated.\r\n        <\/span>\r\n\r\n      <\/h2>\r\n\r\n\r\n      <p class=\"fxwhy-desc\">\r\n\r\n        We focus on creating a more understandable\r\n        financial experience through clear communication,\r\n        guided assistance and solutions aligned with\r\n        applicable customer requirements.\r\n\r\n      <\/p>\r\n\r\n\r\n      <!-- BENEFITS -->\r\n      <div class=\"fxwhy-benefits\">\r\n\r\n\r\n        <!-- BENEFIT 1 -->\r\n        <article class=\"fxwhy-benefit\">\r\n\r\n          <div class=\"fxwhy-benefit-head\">\r\n\r\n            <span class=\"fxwhy-benefit-icon\">\r\n\r\n              <svg\r\n                viewBox=\"0 0 24 24\"\r\n                fill=\"none\"\r\n                stroke=\"currentColor\"\r\n                stroke-width=\"1.8\"\r\n              >\r\n\r\n                <path\r\n                  d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\r\n                \/>\r\n\r\n                <path\r\n                  d=\"m9 12 2 2 4-4\"\r\n                \/>\r\n\r\n              <\/svg>\r\n\r\n            <\/span>\r\n\r\n            <h3>\r\n              Secure Approach\r\n            <\/h3>\r\n\r\n          <\/div>\r\n\r\n\r\n          <p>\r\n\r\n            A structured process designed to\r\n            handle application information with\r\n            appropriate care and clarity.\r\n\r\n          <\/p>\r\n\r\n        <\/article>\r\n\r\n\r\n        <!-- BENEFIT 2 -->\r\n        <article class=\"fxwhy-benefit\">\r\n\r\n          <div class=\"fxwhy-benefit-head\">\r\n\r\n            <span class=\"fxwhy-benefit-icon\">\r\n\r\n              <svg\r\n                viewBox=\"0 0 24 24\"\r\n                fill=\"none\"\r\n                stroke=\"currentColor\"\r\n                stroke-width=\"1.8\"\r\n              >\r\n\r\n                <circle\r\n                  cx=\"12\"\r\n                  cy=\"12\"\r\n                  r=\"9\"\r\n                \/>\r\n\r\n                <path\r\n                  d=\"M12 7v5l3 2\"\r\n                \/>\r\n\r\n              <\/svg>\r\n\r\n            <\/span>\r\n\r\n            <h3>\r\n              Responsive Support\r\n            <\/h3>\r\n\r\n          <\/div>\r\n\r\n\r\n          <p>\r\n\r\n            Get assistance through important\r\n            stages of your financial application\r\n            and documentation journey.\r\n\r\n          <\/p>\r\n\r\n        <\/article>\r\n\r\n\r\n        <!-- BENEFIT 3 -->\r\n        <article class=\"fxwhy-benefit\">\r\n\r\n          <div class=\"fxwhy-benefit-head\">\r\n\r\n            <span class=\"fxwhy-benefit-icon\">\r\n\r\n              <svg\r\n                viewBox=\"0 0 24 24\"\r\n                fill=\"none\"\r\n                stroke=\"currentColor\"\r\n                stroke-width=\"1.8\"\r\n              >\r\n\r\n                <path\r\n                  d=\"M4 6h16\"\r\n                \/>\r\n\r\n                <path\r\n                  d=\"M4 12h10\"\r\n                \/>\r\n\r\n                <path\r\n                  d=\"M4 18h7\"\r\n                \/>\r\n\r\n                <path\r\n                  d=\"m17 15 3 3 3-5\"\r\n                \/>\r\n\r\n              <\/svg>\r\n\r\n            <\/span>\r\n\r\n            <h3>\r\n              Clear Communication\r\n            <\/h3>\r\n\r\n          <\/div>\r\n\r\n\r\n          <p>\r\n\r\n            Understand relevant steps, information\r\n            requirements and applicable terms\r\n            without unnecessary complexity.\r\n\r\n          <\/p>\r\n\r\n        <\/article>\r\n\r\n\r\n        <!-- BENEFIT 4 -->\r\n        <article class=\"fxwhy-benefit\">\r\n\r\n          <div class=\"fxwhy-benefit-head\">\r\n\r\n            <span class=\"fxwhy-benefit-icon\">\r\n\r\n              <svg\r\n                viewBox=\"0 0 24 24\"\r\n                fill=\"none\"\r\n                stroke=\"currentColor\"\r\n                stroke-width=\"1.8\"\r\n              >\r\n\r\n                <path\r\n                  d=\"M3 11h18\"\r\n                \/>\r\n\r\n                <path\r\n                  d=\"M5 11V7l7-4 7 4v4\"\r\n                \/>\r\n\r\n                <path\r\n                  d=\"M7 11v7\"\r\n                \/>\r\n\r\n                <path\r\n                  d=\"M12 11v7\"\r\n                \/>\r\n\r\n                <path\r\n                  d=\"M17 11v7\"\r\n                \/>\r\n\r\n                <path\r\n                  d=\"M4 21h16\"\r\n                \/>\r\n\r\n              <\/svg>\r\n\r\n            <\/span>\r\n\r\n            <h3>\r\n              Responsible Solutions\r\n            <\/h3>\r\n\r\n          <\/div>\r\n\r\n\r\n          <p>\r\n\r\n            Financial options should be evaluated\r\n            with attention to eligibility,\r\n            suitability and applicable criteria.\r\n\r\n          <\/p>\r\n\r\n        <\/article>\r\n\r\n\r\n      <\/div>\r\n\r\n\r\n      <!-- ACTIONS -->\r\n      <div class=\"fxwhy-actions\">\r\n\r\n\r\n        <a\r\n          href=\"#loan-form\"\r\n          class=\"fxwhy-btn fxwhy-btn-primary\"\r\n        >\r\n\r\n          Start Your Application\r\n\r\n          <span>\u2197<\/span>\r\n\r\n        <\/a>\r\n\r\n\r\n        <a\r\n          href=\"#contact\"\r\n          class=\"fxwhy-btn fxwhy-btn-light\"\r\n        >\r\n\r\n          Speak With Our Team\r\n\r\n        <\/a>\r\n\r\n\r\n      <\/div>\r\n\r\n\r\n    <\/div>\r\n\r\n\r\n  <\/div>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-61b2437 elementor-widget elementor-widget-html\" data-id=\"61b2437\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap');\r\n\r\n.loanapp-wrap,\r\n.loanapp-wrap *{\r\n  box-sizing:border-box;\r\n}\r\n\r\n.loanapp-wrap{\r\n  --la-primary:#079d99;\r\n  --la-primary-dark:#067a77;\r\n  --la-dark:#102b2a;\r\n  --la-text:#263a39;\r\n  --la-muted:#71817f;\r\n  --la-soft:#eaf9f7;\r\n  --la-line:#e2ecea;\r\n  --la-white:#ffffff;\r\n  --la-danger:#d94c4c;\r\n\r\n  width:100%;\r\n  padding:90px 20px;\r\n  background:\r\n    radial-gradient(circle at 10% 10%, rgba(7,157,153,.08), transparent 25%),\r\n    linear-gradient(135deg,#f5fbfa 0%,#ffffff 55%,#f0faf8 100%);\r\n\r\n  font-family:'DM Sans',sans-serif;\r\n}\r\n\r\n.loanapp-container{\r\n  width:100%;\r\n  max-width:1180px;\r\n  margin:0 auto;\r\n}\r\n\r\n\/* HEADER *\/\r\n\r\n.loanapp-head{\r\n  max-width:720px;\r\n  margin:0 auto 38px;\r\n  text-align:center;\r\n}\r\n\r\n.loanapp-eyebrow{\r\n  display:inline-flex;\r\n  align-items:center;\r\n  gap:8px;\r\n\r\n  padding:8px 12px;\r\n  margin-bottom:15px;\r\n\r\n  border-radius:999px;\r\n\r\n  background:var(--la-soft);\r\n  color:var(--la-primary-dark);\r\n\r\n  font-size:11px;\r\n  font-weight:800;\r\n  text-transform:uppercase;\r\n  letter-spacing:.8px;\r\n}\r\n\r\n.loanapp-eyebrow-dot{\r\n  width:7px;\r\n  height:7px;\r\n  border-radius:50%;\r\n  background:var(--la-primary);\r\n}\r\n\r\n.loanapp-head h2{\r\n  margin:0;\r\n\r\n  font-family:'Manrope',sans-serif;\r\n  color:var(--la-dark);\r\n\r\n  font-size:clamp(32px,4vw,48px);\r\n  line-height:1.1;\r\n  letter-spacing:-2px;\r\n}\r\n\r\n.loanapp-head h2 span{\r\n  color:var(--la-primary);\r\n}\r\n\r\n.loanapp-head p{\r\n  margin:15px auto 0;\r\n  max-width:620px;\r\n\r\n  color:var(--la-muted);\r\n  font-size:14px;\r\n  line-height:1.7;\r\n}\r\n\r\n\/* MAIN CARD *\/\r\n\r\n.loanapp-card{\r\n  overflow:hidden;\r\n\r\n  border:1px solid var(--la-line);\r\n  border-radius:26px;\r\n\r\n  background:#fff;\r\n\r\n  box-shadow:\r\n    0 25px 70px rgba(16,43,42,.10);\r\n}\r\n\r\n\/* TOP PROGRESS *\/\r\n\r\n.loanapp-progress-area{\r\n  padding:28px 32px 24px;\r\n\r\n  background:\r\n    linear-gradient(135deg,#102b2a,#173f3c);\r\n\r\n  color:#fff;\r\n}\r\n\r\n.loanapp-progress-top{\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:space-between;\r\n  gap:20px;\r\n\r\n  margin-bottom:19px;\r\n}\r\n\r\n.loanapp-progress-top strong{\r\n  font-family:'Manrope',sans-serif;\r\n  font-size:16px;\r\n}\r\n\r\n.loanapp-progress-top span{\r\n  color:rgba(255,255,255,.65);\r\n  font-size:11px;\r\n}\r\n\r\n.loanapp-progress-track{\r\n  width:100%;\r\n  height:5px;\r\n\r\n  overflow:hidden;\r\n  border-radius:999px;\r\n\r\n  background:rgba(255,255,255,.12);\r\n}\r\n\r\n.loanapp-progress-fill{\r\n  width:25%;\r\n  height:100%;\r\n\r\n  border-radius:999px;\r\n\r\n  background:\r\n    linear-gradient(90deg,#0db8b1,#73e0d5);\r\n\r\n  transition:width .35s ease;\r\n}\r\n\r\n.loanapp-steps-nav{\r\n  display:grid;\r\n  grid-template-columns:repeat(4,1fr);\r\n  gap:10px;\r\n\r\n  margin-top:18px;\r\n}\r\n\r\n.loanapp-step-nav{\r\n  display:flex;\r\n  align-items:center;\r\n  gap:8px;\r\n\r\n  color:rgba(255,255,255,.5);\r\n\r\n  font-size:10px;\r\n  font-weight:700;\r\n}\r\n\r\n.loanapp-step-nav span{\r\n  width:25px;\r\n  height:25px;\r\n\r\n  flex-shrink:0;\r\n\r\n  border-radius:8px;\r\n\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n\r\n  background:rgba(255,255,255,.08);\r\n\r\n  color:inherit;\r\n}\r\n\r\n.loanapp-step-nav.active{\r\n  color:#fff;\r\n}\r\n\r\n.loanapp-step-nav.active span{\r\n  background:var(--la-primary);\r\n}\r\n\r\n\/* FORM BODY *\/\r\n\r\n.loanapp-body{\r\n  padding:36px 38px 38px;\r\n}\r\n\r\n.loanapp-step{\r\n  display:none;\r\n}\r\n\r\n.loanapp-step.active{\r\n  display:block;\r\n  animation:loanFade .3s ease;\r\n}\r\n\r\n@keyframes loanFade{\r\n  from{\r\n    opacity:0;\r\n    transform:translateY(8px);\r\n  }\r\n  to{\r\n    opacity:1;\r\n    transform:translateY(0);\r\n  }\r\n}\r\n\r\n.loanapp-step-head{\r\n  margin-bottom:26px;\r\n}\r\n\r\n.loanapp-step-head h3{\r\n  margin:0;\r\n\r\n  color:var(--la-dark);\r\n\r\n  font-family:'Manrope',sans-serif;\r\n  font-size:23px;\r\n  letter-spacing:-.7px;\r\n}\r\n\r\n.loanapp-step-head p{\r\n  margin:7px 0 0;\r\n\r\n  color:var(--la-muted);\r\n  font-size:12px;\r\n  line-height:1.6;\r\n}\r\n\r\n\/* GRID *\/\r\n\r\n.loanapp-grid{\r\n  display:grid;\r\n  grid-template-columns:repeat(2,1fr);\r\n  gap:18px;\r\n}\r\n\r\n.loanapp-field-full{\r\n  grid-column:1 \/ -1;\r\n}\r\n\r\n\/* FIELD *\/\r\n\r\n.loanapp-field label{\r\n  display:block;\r\n\r\n  margin-bottom:7px;\r\n\r\n  color:var(--la-text);\r\n  font-size:11px;\r\n  font-weight:800;\r\n}\r\n\r\n.loanapp-required{\r\n  color:var(--la-danger);\r\n}\r\n\r\n.loanapp-field input,\r\n.loanapp-field select,\r\n.loanapp-field textarea{\r\n  width:100%;\r\n\r\n  border:1px solid var(--la-line);\r\n  border-radius:11px;\r\n\r\n  background:#f9fbfb;\r\n\r\n  color:var(--la-dark);\r\n\r\n  font-family:'DM Sans',sans-serif;\r\n  font-size:13px;\r\n\r\n  outline:none;\r\n\r\n  transition:\r\n    border-color .25s ease,\r\n    box-shadow .25s ease,\r\n    background .25s ease;\r\n}\r\n\r\n.loanapp-field input,\r\n.loanapp-field select{\r\n  height:51px;\r\n  padding:0 14px;\r\n}\r\n\r\n.loanapp-field textarea{\r\n  min-height:105px;\r\n  resize:vertical;\r\n  padding:14px;\r\n}\r\n\r\n.loanapp-field input:focus,\r\n.loanapp-field select:focus,\r\n.loanapp-field textarea:focus{\r\n  background:#fff;\r\n\r\n  border-color:var(--la-primary);\r\n\r\n  box-shadow:\r\n    0 0 0 4px rgba(7,157,153,.09);\r\n}\r\n\r\n.loanapp-field input::placeholder,\r\n.loanapp-field textarea::placeholder{\r\n  color:#9aa8a6;\r\n}\r\n\r\n.loanapp-help{\r\n  display:block;\r\n\r\n  margin-top:6px;\r\n\r\n  color:#8a9997;\r\n  font-size:9px;\r\n  line-height:1.45;\r\n}\r\n\r\n\/* NOTICE *\/\r\n\r\n.loanapp-notice{\r\n  display:flex;\r\n  align-items:flex-start;\r\n  gap:11px;\r\n\r\n  margin-top:22px;\r\n  padding:14px;\r\n\r\n  border-radius:12px;\r\n\r\n  background:#f2faf8;\r\n  border:1px solid rgba(7,157,153,.12);\r\n\r\n  color:#5f7370;\r\n\r\n  font-size:10px;\r\n  line-height:1.55;\r\n}\r\n\r\n.loanapp-notice-icon{\r\n  width:28px;\r\n  height:28px;\r\n\r\n  flex-shrink:0;\r\n\r\n  border-radius:8px;\r\n\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n\r\n  background:#fff;\r\n  color:var(--la-primary);\r\n}\r\n\r\n\/* CONSENT *\/\r\n\r\n.loanapp-consent{\r\n  display:flex;\r\n  align-items:flex-start;\r\n  gap:10px;\r\n\r\n  padding:16px;\r\n\r\n  border:1px solid var(--la-line);\r\n  border-radius:12px;\r\n\r\n  background:#fafcfc;\r\n}\r\n\r\n.loanapp-consent input{\r\n  width:17px;\r\n  height:17px;\r\n\r\n  margin-top:2px;\r\n\r\n  accent-color:var(--la-primary);\r\n  flex-shrink:0;\r\n}\r\n\r\n.loanapp-consent label{\r\n  color:#657673;\r\n  font-size:10px;\r\n  line-height:1.6;\r\n  cursor:pointer;\r\n}\r\n\r\n\/* BUTTONS *\/\r\n\r\n.loanapp-actions{\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:space-between;\r\n  gap:12px;\r\n\r\n  margin-top:30px;\r\n  padding-top:24px;\r\n\r\n  border-top:1px solid var(--la-line);\r\n}\r\n\r\n.loanapp-btn{\r\n  min-height:49px;\r\n  padding:0 19px;\r\n\r\n  border:0;\r\n  border-radius:11px;\r\n\r\n  display:inline-flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  gap:9px;\r\n\r\n  font-family:'DM Sans',sans-serif;\r\n  font-size:12px;\r\n  font-weight:800;\r\n\r\n  cursor:pointer;\r\n\r\n  transition:.25s ease;\r\n}\r\n\r\n.loanapp-prev{\r\n  background:#f2f6f5;\r\n  color:var(--la-dark);\r\n}\r\n\r\n.loanapp-prev:hover{\r\n  background:#e8efee;\r\n}\r\n\r\n.loanapp-next,\r\n.loanapp-submit{\r\n  margin-left:auto;\r\n\r\n  background:var(--la-dark);\r\n  color:#fff;\r\n\r\n  box-shadow:\r\n    0 12px 25px rgba(16,43,42,.16);\r\n}\r\n\r\n.loanapp-next:hover,\r\n.loanapp-submit:hover{\r\n  background:var(--la-primary-dark);\r\n  transform:translateY(-2px);\r\n}\r\n\r\n.loanapp-submit{\r\n  display:none;\r\n  background:var(--la-primary);\r\n}\r\n\r\n\/* STATUS *\/\r\n\r\n.loanapp-status{\r\n  display:none;\r\n\r\n  margin-top:18px;\r\n  padding:14px;\r\n\r\n  border-radius:11px;\r\n\r\n  font-size:12px;\r\n  font-weight:700;\r\n  line-height:1.5;\r\n}\r\n\r\n.loanapp-status.success{\r\n  display:block;\r\n  background:#eaf9f3;\r\n  color:#157b5d;\r\n  border:1px solid #cceee1;\r\n}\r\n\r\n.loanapp-status.error{\r\n  display:block;\r\n  background:#fff1f1;\r\n  color:#b63e3e;\r\n  border:1px solid #f3d2d2;\r\n}\r\n\r\n\/* MOBILE *\/\r\n\r\n@media(max-width:767px){\r\n\r\n  .loanapp-wrap{\r\n    padding:65px 15px;\r\n  }\r\n\r\n  .loanapp-head h2{\r\n    font-size:34px;\r\n    letter-spacing:-1.5px;\r\n  }\r\n\r\n  .loanapp-progress-area{\r\n    padding:23px 18px;\r\n  }\r\n\r\n  .loanapp-steps-nav{\r\n    grid-template-columns:repeat(4,1fr);\r\n  }\r\n\r\n  .loanapp-step-nav{\r\n    justify-content:center;\r\n  }\r\n\r\n  .loanapp-step-nav strong{\r\n    display:none;\r\n  }\r\n\r\n  .loanapp-body{\r\n    padding:27px 18px 25px;\r\n  }\r\n\r\n  .loanapp-grid{\r\n    grid-template-columns:1fr;\r\n    gap:15px;\r\n  }\r\n\r\n  .loanapp-field-full{\r\n    grid-column:auto;\r\n  }\r\n\r\n}\r\n\r\n@media(max-width:480px){\r\n\r\n  .loanapp-head h2{\r\n    font-size:30px;\r\n  }\r\n\r\n  .loanapp-card{\r\n    border-radius:20px;\r\n  }\r\n\r\n  .loanapp-actions{\r\n    flex-direction:column-reverse;\r\n    align-items:stretch;\r\n  }\r\n\r\n  .loanapp-btn{\r\n    width:100%;\r\n  }\r\n\r\n  .loanapp-next,\r\n  .loanapp-submit{\r\n    margin-left:0;\r\n  }\r\n\r\n}\r\n<\/style>\r\n\r\n\r\n<section class=\"loanapp-wrap\" id=\"loan-application\">\r\n\r\n  <div class=\"loanapp-container\">\r\n\r\n    <!-- HEADING -->\r\n    <div class=\"loanapp-head\">\r\n\r\n      <div class=\"loanapp-eyebrow\">\r\n        <span class=\"loanapp-eyebrow-dot\"><\/span>\r\n        Online Application\r\n      <\/div>\r\n\r\n      <h2>\r\n        Apply for a loan in\r\n        <span>just a few steps.<\/span>\r\n      <\/h2>\r\n\r\n      <p>\r\n        Complete the application form below. Please provide\r\n        accurate information so the relevant details can be reviewed.\r\n      <\/p>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- FORM CARD -->\r\n    <div class=\"loanapp-card\">\r\n\r\n      <!-- PROGRESS -->\r\n      <div class=\"loanapp-progress-area\">\r\n\r\n        <div class=\"loanapp-progress-top\">\r\n          <strong id=\"loanProgressTitle\">\r\n            Personal Details\r\n          <\/strong>\r\n\r\n          <span id=\"loanProgressText\">\r\n            Step 1 of 4\r\n          <\/span>\r\n        <\/div>\r\n\r\n        <div class=\"loanapp-progress-track\">\r\n          <div\r\n            class=\"loanapp-progress-fill\"\r\n            id=\"loanProgressFill\">\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"loanapp-steps-nav\">\r\n\r\n          <div class=\"loanapp-step-nav active\">\r\n            <span>1<\/span>\r\n            <strong>Personal<\/strong>\r\n          <\/div>\r\n\r\n          <div class=\"loanapp-step-nav\">\r\n            <span>2<\/span>\r\n            <strong>Loan<\/strong>\r\n          <\/div>\r\n\r\n          <div class=\"loanapp-step-nav\">\r\n            <span>3<\/span>\r\n            <strong>Bank<\/strong>\r\n          <\/div>\r\n\r\n          <div class=\"loanapp-step-nav\">\r\n            <span>4<\/span>\r\n            <strong>Review<\/strong>\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n      <!-- FORM -->\r\n      <form\r\n        id=\"premiumLoanApplicationForm\"\r\n        class=\"loanapp-body\"\r\n        novalidate\r\n      >\r\n\r\n        <!-- Honeypot anti-spam -->\r\n        <input\r\n          type=\"text\"\r\n          name=\"website\"\r\n          tabindex=\"-1\"\r\n          autocomplete=\"off\"\r\n          style=\"position:absolute;left:-9999px;opacity:0;\"\r\n        >\r\n\r\n\r\n        <!-- =========================\r\n             STEP 1 PERSONAL DETAILS\r\n        ========================== -->\r\n\r\n        <div class=\"loanapp-step active\">\r\n\r\n          <div class=\"loanapp-step-head\">\r\n            <h3>Tell us about yourself<\/h3>\r\n            <p>\r\n              Enter your basic contact and identity information.\r\n            <\/p>\r\n          <\/div>\r\n\r\n          <div class=\"loanapp-grid\">\r\n\r\n            <div class=\"loanapp-field\">\r\n              <label>\r\n                Full Name\r\n                <span class=\"loanapp-required\">*<\/span>\r\n              <\/label>\r\n\r\n              <input\r\n                type=\"text\"\r\n                name=\"full_name\"\r\n                placeholder=\"Enter your full name\"\r\n                required\r\n              >\r\n            <\/div>\r\n\r\n\r\n            <div class=\"loanapp-field\">\r\n              <label>\r\n                Email Address\r\n                <span class=\"loanapp-required\">*<\/span>\r\n              <\/label>\r\n\r\n              <input\r\n                type=\"email\"\r\n                name=\"email\"\r\n                placeholder=\"name@example.com\"\r\n                required\r\n              >\r\n            <\/div>\r\n\r\n\r\n            <div class=\"loanapp-field\">\r\n              <label>\r\n                Phone Number\r\n                <span class=\"loanapp-required\">*<\/span>\r\n              <\/label>\r\n\r\n              <input\r\n                type=\"tel\"\r\n                name=\"phone\"\r\n                placeholder=\"10 digit mobile number\"\r\n                inputmode=\"numeric\"\r\n                pattern=\"[0-9]{10}\"\r\n                maxlength=\"10\"\r\n                required\r\n              >\r\n            <\/div>\r\n\r\n\r\n            <div class=\"loanapp-field\">\r\n              <label>\r\n                WhatsApp Number\r\n              <\/label>\r\n\r\n              <input\r\n                type=\"tel\"\r\n                name=\"whatsapp\"\r\n                placeholder=\"WhatsApp number\"\r\n                inputmode=\"numeric\"\r\n                pattern=\"[0-9]{10}\"\r\n                maxlength=\"10\"\r\n              >\r\n            <\/div>\r\n\r\n\r\n            <div class=\"loanapp-field\">\r\n              <label>\r\n                Gender\r\n                <span class=\"loanapp-required\">*<\/span>\r\n              <\/label>\r\n\r\n              <select name=\"gender\" required>\r\n                <option value=\"\">Select gender<\/option>\r\n                <option value=\"Male\">Male<\/option>\r\n                <option value=\"Female\">Female<\/option>\r\n                <option value=\"Other\">Other<\/option>\r\n                <option value=\"Prefer not to say\">\r\n                  Prefer not to say\r\n                <\/option>\r\n              <\/select>\r\n            <\/div>\r\n\r\n\r\n            <div class=\"loanapp-field\">\r\n              <label>\r\n                Date of Birth\r\n                <span class=\"loanapp-required\">*<\/span>\r\n              <\/label>\r\n\r\n              <input\r\n                type=\"date\"\r\n                name=\"dob\"\r\n                required\r\n              >\r\n            <\/div>\r\n\r\n\r\n            <div class=\"loanapp-field\">\r\n              <label>\r\n                PAN Number\r\n              <\/label>\r\n\r\n              <input\r\n                type=\"text\"\r\n                name=\"pan\"\r\n                placeholder=\"ABCDE1234F\"\r\n                maxlength=\"10\"\r\n                pattern=\"[A-Za-z]{5}[0-9]{4}[A-Za-z]{1}\"\r\n                style=\"text-transform:uppercase;\"\r\n              >\r\n\r\n              <small class=\"loanapp-help\">\r\n                Enter only if required for this application stage.\r\n              <\/small>\r\n            <\/div>\r\n\r\n\r\n            <div class=\"loanapp-field\">\r\n              <label>\r\n                Aadhaar Number\r\n              <\/label>\r\n\r\n              <input\r\n                type=\"text\"\r\n                name=\"aadhaar\"\r\n                placeholder=\"12 digit Aadhaar number\"\r\n                inputmode=\"numeric\"\r\n                maxlength=\"12\"\r\n                pattern=\"[0-9]{12}\"\r\n              >\r\n\r\n              <small class=\"loanapp-help\">\r\n                Avoid collecting unless operationally and legally necessary.\r\n              <\/small>\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- =========================\r\n             STEP 2 LOAN DETAILS\r\n        ========================== -->\r\n\r\n        <div class=\"loanapp-step\">\r\n\r\n          <div class=\"loanapp-step-head\">\r\n            <h3>Your loan requirements<\/h3>\r\n            <p>\r\n              Share the purpose, location and required amount.\r\n            <\/p>\r\n          <\/div>\r\n\r\n          <div class=\"loanapp-grid\">\r\n\r\n            <div class=\"loanapp-field\">\r\n              <label>\r\n                Purpose of Loan\r\n                <span class=\"loanapp-required\">*<\/span>\r\n              <\/label>\r\n\r\n              <select name=\"loan_purpose\" required>\r\n                <option value=\"\">Select loan purpose<\/option>\r\n                <option value=\"Personal Loan\">Personal Loan<\/option>\r\n                <option value=\"Business Loan\">Business Loan<\/option>\r\n                <option value=\"Home Loan\">Home Loan<\/option>\r\n                <option value=\"Vehicle Loan\">Vehicle Loan<\/option>\r\n                <option value=\"Education Loan\">Education Loan<\/option>\r\n                <option value=\"Medical Requirement\">\r\n                  Medical Requirement\r\n                <\/option>\r\n                <option value=\"Loan Against Property\">\r\n                  Loan Against Property\r\n                <\/option>\r\n                <option value=\"Other\">Other<\/option>\r\n              <\/select>\r\n            <\/div>\r\n\r\n\r\n            <div class=\"loanapp-field\">\r\n              <label>\r\n                Employment Type\r\n                <span class=\"loanapp-required\">*<\/span>\r\n              <\/label>\r\n\r\n              <select name=\"employment_type\" required>\r\n                <option value=\"\">Select employment type<\/option>\r\n                <option value=\"Salaried\">Salaried<\/option>\r\n                <option value=\"Self Employed\">Self Employed<\/option>\r\n                <option value=\"Business Owner\">Business Owner<\/option>\r\n                <option value=\"Professional\">Professional<\/option>\r\n                <option value=\"Other\">Other<\/option>\r\n              <\/select>\r\n            <\/div>\r\n\r\n\r\n            <div class=\"loanapp-field\">\r\n              <label>\r\n                State\r\n                <span class=\"loanapp-required\">*<\/span>\r\n              <\/label>\r\n\r\n              <select name=\"state\" required>\r\n                <option value=\"\">Select state<\/option>\r\n                <option value=\"Maharashtra\">Maharashtra<\/option>\r\n                <option value=\"Delhi\">Delhi<\/option>\r\n                <option value=\"Gujarat\">Gujarat<\/option>\r\n                <option value=\"Karnataka\">Karnataka<\/option>\r\n                <option value=\"Uttar Pradesh\">Uttar Pradesh<\/option>\r\n                <option value=\"Rajasthan\">Rajasthan<\/option>\r\n                <option value=\"Madhya Pradesh\">Madhya Pradesh<\/option>\r\n                <option value=\"West Bengal\">West Bengal<\/option>\r\n                <option value=\"Tamil Nadu\">Tamil Nadu<\/option>\r\n                <option value=\"Telangana\">Telangana<\/option>\r\n                <option value=\"Other\">Other<\/option>\r\n              <\/select>\r\n            <\/div>\r\n\r\n\r\n            <div class=\"loanapp-field\">\r\n              <label>\r\n                City\r\n                <span class=\"loanapp-required\">*<\/span>\r\n              <\/label>\r\n\r\n              <input\r\n                type=\"text\"\r\n                name=\"city\"\r\n                placeholder=\"Enter your city\"\r\n                required\r\n              >\r\n            <\/div>\r\n\r\n\r\n            <div class=\"loanapp-field\">\r\n              <label>\r\n                Monthly Income\r\n                <span class=\"loanapp-required\">*<\/span>\r\n              <\/label>\r\n\r\n              <input\r\n                type=\"number\"\r\n                name=\"monthly_income\"\r\n                placeholder=\"\u20b9 Monthly income\"\r\n                min=\"0\"\r\n                required\r\n              >\r\n            <\/div>\r\n\r\n\r\n            <div class=\"loanapp-field\">\r\n              <label>\r\n                Required Loan Amount\r\n                <span class=\"loanapp-required\">*<\/span>\r\n              <\/label>\r\n\r\n              <input\r\n                type=\"number\"\r\n                name=\"loan_amount\"\r\n                placeholder=\"\u20b9 Required amount\"\r\n                min=\"0\"\r\n                required\r\n              >\r\n            <\/div>\r\n\r\n\r\n            <div class=\"loanapp-field\">\r\n              <label>\r\n                Preferred Loan Tenure\r\n                <span class=\"loanapp-required\">*<\/span>\r\n              <\/label>\r\n\r\n              <select name=\"loan_tenure\" required>\r\n                <option value=\"\">Select tenure<\/option>\r\n                <option value=\"1 Year\">1 Year<\/option>\r\n                <option value=\"2 Years\">2 Years<\/option>\r\n                <option value=\"3 Years\">3 Years<\/option>\r\n                <option value=\"4 Years\">4 Years<\/option>\r\n                <option value=\"5 Years\">5 Years<\/option>\r\n                <option value=\"7 Years\">7 Years<\/option>\r\n                <option value=\"10 Years\">10 Years<\/option>\r\n                <option value=\"15 Years\">15 Years<\/option>\r\n                <option value=\"20 Years\">20 Years<\/option>\r\n              <\/select>\r\n            <\/div>\r\n\r\n\r\n            <div class=\"loanapp-field\">\r\n              <label>\r\n                Existing EMI per Month\r\n              <\/label>\r\n\r\n              <input\r\n                type=\"number\"\r\n                name=\"existing_emi\"\r\n                placeholder=\"\u20b9 Existing EMI, if any\"\r\n                min=\"0\"\r\n              >\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- =========================\r\n             STEP 3 BANK DETAILS\r\n        ========================== -->\r\n\r\n        <div class=\"loanapp-step\">\r\n\r\n          <div class=\"loanapp-step-head\">\r\n            <h3>Banking information<\/h3>\r\n            <p>\r\n              Provide banking details only where necessary for processing.\r\n            <\/p>\r\n          <\/div>\r\n\r\n          <div class=\"loanapp-grid\">\r\n\r\n            <div class=\"loanapp-field\">\r\n              <label>\r\n                Bank Name\r\n              <\/label>\r\n\r\n              <input\r\n                type=\"text\"\r\n                name=\"bank_name\"\r\n                placeholder=\"Enter bank name\"\r\n              >\r\n            <\/div>\r\n\r\n\r\n            <div class=\"loanapp-field\">\r\n              <label>\r\n                Account Holder Name\r\n              <\/label>\r\n\r\n              <input\r\n                type=\"text\"\r\n                name=\"account_holder\"\r\n                placeholder=\"Name as per bank account\"\r\n              >\r\n            <\/div>\r\n\r\n\r\n            <div class=\"loanapp-field\">\r\n              <label>\r\n                IFSC Code\r\n              <\/label>\r\n\r\n              <input\r\n                type=\"text\"\r\n                name=\"ifsc\"\r\n                placeholder=\"Example: HDFC0001234\"\r\n                maxlength=\"11\"\r\n                pattern=\"[A-Za-z]{4}0[A-Za-z0-9]{6}\"\r\n                style=\"text-transform:uppercase;\"\r\n              >\r\n            <\/div>\r\n\r\n\r\n            <div class=\"loanapp-field\">\r\n              <label>\r\n                Account Number\r\n              <\/label>\r\n\r\n              <input\r\n                type=\"text\"\r\n                name=\"account_number\"\r\n                placeholder=\"Enter account number\"\r\n                inputmode=\"numeric\"\r\n                maxlength=\"20\"\r\n              >\r\n            <\/div>\r\n\r\n\r\n            <div class=\"loanapp-field\">\r\n              <label>\r\n                Account Type\r\n              <\/label>\r\n\r\n              <select name=\"account_type\">\r\n                <option value=\"\">Select account type<\/option>\r\n                <option value=\"Savings\">Savings<\/option>\r\n                <option value=\"Current\">Current<\/option>\r\n                <option value=\"Salary\">Salary<\/option>\r\n              <\/select>\r\n            <\/div>\r\n\r\n\r\n            <div class=\"loanapp-field\">\r\n              <label>\r\n                Preferred Contact Time\r\n              <\/label>\r\n\r\n              <select name=\"contact_time\">\r\n                <option value=\"\">Select preferred time<\/option>\r\n                <option value=\"9 AM - 12 PM\">9 AM - 12 PM<\/option>\r\n                <option value=\"12 PM - 3 PM\">12 PM - 3 PM<\/option>\r\n                <option value=\"3 PM - 6 PM\">3 PM - 6 PM<\/option>\r\n                <option value=\"6 PM - 8 PM\">6 PM - 8 PM<\/option>\r\n              <\/select>\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n\r\n          <div class=\"loanapp-notice\">\r\n\r\n            <span class=\"loanapp-notice-icon\">\r\n              \ud83d\udd12\r\n            <\/span>\r\n\r\n            <span>\r\n              Banking and identity information should be collected only\r\n              where necessary. Use HTTPS, controlled access, appropriate\r\n              retention policies and secure server-side processing.\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- =========================\r\n             STEP 4 CONSENT\r\n        ========================== -->\r\n\r\n        <div class=\"loanapp-step\">\r\n\r\n          <div class=\"loanapp-step-head\">\r\n            <h3>Review & submit<\/h3>\r\n            <p>\r\n              Confirm that the information provided is accurate.\r\n            <\/p>\r\n          <\/div>\r\n\r\n          <div class=\"loanapp-grid\">\r\n\r\n            <div class=\"loanapp-field loanapp-field-full\">\r\n\r\n              <label>\r\n                Additional Message\r\n              <\/label>\r\n\r\n              <textarea\r\n                name=\"message\"\r\n                placeholder=\"Share any additional information about your application...\"\r\n              ><\/textarea>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"loanapp-field loanapp-field-full\">\r\n\r\n              <div class=\"loanapp-consent\">\r\n\r\n                <input\r\n                  type=\"checkbox\"\r\n                  id=\"loanConsent\"\r\n                  name=\"consent\"\r\n                  value=\"Yes\"\r\n                  required\r\n                >\r\n\r\n                <label for=\"loanConsent\">\r\n                  I confirm that the information provided is accurate\r\n                  to the best of my knowledge. I consent to being\r\n                  contacted regarding this application and acknowledge\r\n                  that submission does not guarantee loan approval.\r\n                  Eligibility and approval remain subject to verification,\r\n                  applicable criteria and terms.\r\n                <\/label>\r\n\r\n              <\/div>\r\n\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- STATUS -->\r\n        <div\r\n          class=\"loanapp-status\"\r\n          id=\"loanApplicationStatus\"\r\n        ><\/div>\r\n\r\n\r\n        <!-- ACTIONS -->\r\n        <div class=\"loanapp-actions\">\r\n\r\n          <button\r\n            type=\"button\"\r\n            class=\"loanapp-btn loanapp-prev\"\r\n            id=\"loanPrevBtn\"\r\n            style=\"display:none;\"\r\n          >\r\n            \u2190 Previous\r\n          <\/button>\r\n\r\n\r\n          <button\r\n            type=\"button\"\r\n            class=\"loanapp-btn loanapp-next\"\r\n            id=\"loanNextBtn\"\r\n          >\r\n            Continue \u2192\r\n          <\/button>\r\n\r\n\r\n          <button\r\n            type=\"submit\"\r\n            class=\"loanapp-btn loanapp-submit\"\r\n            id=\"loanSubmitBtn\"\r\n          >\r\n            Submit Application \u2197\r\n          <\/button>\r\n\r\n        <\/div>\r\n\r\n      <\/form>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", function(){\r\n\r\n  const form =\r\n    document.getElementById(\"premiumLoanApplicationForm\");\r\n\r\n  if(!form) return;\r\n\r\n  const steps =\r\n    form.querySelectorAll(\".loanapp-step\");\r\n\r\n  const navSteps =\r\n    document.querySelectorAll(\".loanapp-step-nav\");\r\n\r\n  const nextBtn =\r\n    document.getElementById(\"loanNextBtn\");\r\n\r\n  const prevBtn =\r\n    document.getElementById(\"loanPrevBtn\");\r\n\r\n  const submitBtn =\r\n    document.getElementById(\"loanSubmitBtn\");\r\n\r\n  const progressFill =\r\n    document.getElementById(\"loanProgressFill\");\r\n\r\n  const progressTitle =\r\n    document.getElementById(\"loanProgressTitle\");\r\n\r\n  const progressText =\r\n    document.getElementById(\"loanProgressText\");\r\n\r\n  const statusBox =\r\n    document.getElementById(\"loanApplicationStatus\");\r\n\r\n  let currentStep = 0;\r\n\r\n  const titles = [\r\n    \"Personal Details\",\r\n    \"Loan Requirements\",\r\n    \"Bank Information\",\r\n    \"Review & Submit\"\r\n  ];\r\n\r\n\r\n  function updateStep(){\r\n\r\n    steps.forEach(function(step,index){\r\n      step.classList.toggle(\r\n        \"active\",\r\n        index === currentStep\r\n      );\r\n    });\r\n\r\n    navSteps.forEach(function(item,index){\r\n      item.classList.toggle(\r\n        \"active\",\r\n        index <= currentStep\r\n      );\r\n    });\r\n\r\n    progressFill.style.width =\r\n      ((currentStep + 1) \/ steps.length * 100) + \"%\";\r\n\r\n    progressTitle.textContent =\r\n      titles[currentStep];\r\n\r\n    progressText.textContent =\r\n      \"Step \" +\r\n      (currentStep + 1) +\r\n      \" of \" +\r\n      steps.length;\r\n\r\n    prevBtn.style.display =\r\n      currentStep === 0\r\n        ? \"none\"\r\n        : \"inline-flex\";\r\n\r\n    nextBtn.style.display =\r\n      currentStep === steps.length - 1\r\n        ? \"none\"\r\n        : \"inline-flex\";\r\n\r\n    submitBtn.style.display =\r\n      currentStep === steps.length - 1\r\n        ? \"inline-flex\"\r\n        : \"none\";\r\n  }\r\n\r\n\r\n  function validateCurrentStep(){\r\n\r\n    const fields =\r\n      steps[currentStep].querySelectorAll(\r\n        \"input, select, textarea\"\r\n      );\r\n\r\n    for(const field of fields){\r\n\r\n      if(!field.checkValidity()){\r\n\r\n        field.reportValidity();\r\n        field.focus();\r\n\r\n        return false;\r\n      }\r\n    }\r\n\r\n    return true;\r\n  }\r\n\r\n\r\n  nextBtn.addEventListener(\"click\", function(){\r\n\r\n    if(!validateCurrentStep()) return;\r\n\r\n    if(currentStep < steps.length - 1){\r\n\r\n      currentStep++;\r\n\r\n      updateStep();\r\n\r\n      form.scrollIntoView({\r\n        behavior:\"smooth\",\r\n        block:\"start\"\r\n      });\r\n    }\r\n  });\r\n\r\n\r\n  prevBtn.addEventListener(\"click\", function(){\r\n\r\n    if(currentStep > 0){\r\n\r\n      currentStep--;\r\n\r\n      updateStep();\r\n\r\n      form.scrollIntoView({\r\n        behavior:\"smooth\",\r\n        block:\"start\"\r\n      });\r\n    }\r\n  });\r\n\r\n\r\n  form.addEventListener(\"submit\", async function(e){\r\n\r\n    e.preventDefault();\r\n\r\n    if(!validateCurrentStep()) return;\r\n\r\n    statusBox.className =\r\n      \"loanapp-status\";\r\n\r\n    statusBox.textContent = \"\";\r\n\r\n    submitBtn.disabled = true;\r\n\r\n    submitBtn.textContent =\r\n      \"Submitting...\";\r\n\r\n    const formData =\r\n      new FormData(form);\r\n\r\n    formData.append(\r\n      \"action\",\r\n      \"submit_premium_loan_application\"\r\n    );\r\n\r\n    try{\r\n\r\n      const response =\r\n        await fetch(\r\n          window.loanAppAjaxUrl ||\r\n          \"\/wp-admin\/admin-ajax.php\",\r\n          {\r\n            method:\"POST\",\r\n            body:formData,\r\n            credentials:\"same-origin\"\r\n          }\r\n        );\r\n\r\n      const result =\r\n        await response.json();\r\n\r\n      if(result.success){\r\n\r\n        statusBox.className =\r\n          \"loanapp-status success\";\r\n\r\n        statusBox.textContent =\r\n          result.data.message ||\r\n          \"Application submitted successfully.\";\r\n\r\n        form.reset();\r\n\r\n        currentStep = 0;\r\n\r\n        updateStep();\r\n\r\n      }else{\r\n\r\n        throw new Error(\r\n          result.data &&\r\n          result.data.message\r\n            ? result.data.message\r\n            : \"Submission failed.\"\r\n        );\r\n      }\r\n\r\n    }catch(error){\r\n\r\n      statusBox.className =\r\n        \"loanapp-status error\";\r\n\r\n      statusBox.textContent =\r\n        error.message ||\r\n        \"Unable to submit. Please try again.\";\r\n\r\n    }finally{\r\n\r\n      submitBtn.disabled = false;\r\n\r\n      submitBtn.textContent =\r\n        \"Submit Application \u2197\";\r\n    }\r\n\r\n  });\r\n\r\n\r\n  updateStep();\r\n\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2894f68 elementor-widget elementor-widget-html\" data-id=\"2894f68\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- =========================================\r\n     SECTION 6 \u2014 PREMIUM EMI CALCULATOR\r\n     Fully Functional\r\n     Elementor HTML Widget Ready\r\n========================================= -->\r\n\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap');\r\n\r\n.fxemi-section,\r\n.fxemi-section *{\r\n  box-sizing:border-box;\r\n}\r\n\r\n.fxemi-section{\r\n  --em-primary:#079d99;\r\n  --em-primary-dark:#067a77;\r\n  --em-dark:#102b2a;\r\n  --em-dark-2:#173d3b;\r\n  --em-text:#263a39;\r\n  --em-muted:#71817f;\r\n  --em-soft:#eaf9f7;\r\n  --em-line:#e2ecea;\r\n  --em-white:#ffffff;\r\n  --em-gold:#f2b64b;\r\n\r\n  position:relative;\r\n  width:100%;\r\n  overflow:hidden;\r\n\r\n  padding:105px 24px;\r\n\r\n  background:#ffffff;\r\n\r\n  font-family:'DM Sans',sans-serif;\r\n}\r\n\r\n\/* =========================================\r\n   BACKGROUND DECORATION\r\n========================================= *\/\r\n\r\n.fxemi-section:before{\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  width:440px;\r\n  height:440px;\r\n\r\n  border-radius:50%;\r\n\r\n  left:-260px;\r\n  bottom:-220px;\r\n\r\n  background:\r\n    radial-gradient(\r\n      circle,\r\n      rgba(7,157,153,.09),\r\n      rgba(7,157,153,0) 68%\r\n    );\r\n\r\n  pointer-events:none;\r\n}\r\n\r\n.fxemi-section:after{\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  width:330px;\r\n  height:330px;\r\n\r\n  right:-180px;\r\n  top:-160px;\r\n\r\n  border-radius:50%;\r\n\r\n  border:\r\n    1px solid rgba(7,157,153,.09);\r\n\r\n  box-shadow:\r\n    0 0 0 50px rgba(7,157,153,.022),\r\n    0 0 0 100px rgba(7,157,153,.014);\r\n\r\n  pointer-events:none;\r\n}\r\n\r\n\/* =========================================\r\n   CONTAINER\r\n========================================= *\/\r\n\r\n.fxemi-container{\r\n  position:relative;\r\n  z-index:2;\r\n\r\n  width:100%;\r\n  max-width:1320px;\r\n\r\n  margin:0 auto;\r\n}\r\n\r\n\/* =========================================\r\n   SECTION HEADER\r\n========================================= *\/\r\n\r\n.fxemi-header{\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    minmax(0,1fr)\r\n    minmax(300px,.55fr);\r\n\r\n  align-items:end;\r\n\r\n  gap:70px;\r\n\r\n  margin-bottom:45px;\r\n}\r\n\r\n.fxemi-eyebrow{\r\n  width:max-content;\r\n\r\n  display:flex;\r\n  align-items:center;\r\n\r\n  gap:9px;\r\n\r\n  margin-bottom:17px;\r\n\r\n  color:var(--em-primary-dark);\r\n\r\n  font-size:12px;\r\n  font-weight:800;\r\n\r\n  text-transform:uppercase;\r\n  letter-spacing:1.1px;\r\n}\r\n\r\n.fxemi-eyebrow-line{\r\n  width:27px;\r\n  height:2px;\r\n\r\n  border-radius:10px;\r\n\r\n  background:var(--em-primary);\r\n}\r\n\r\n.fxemi-title{\r\n  max-width:720px;\r\n\r\n  margin:0;\r\n\r\n  color:var(--em-dark);\r\n\r\n  font-family:'Manrope',sans-serif;\r\n\r\n  font-size:clamp(36px,4vw,53px);\r\n\r\n  line-height:1.1;\r\n\r\n  font-weight:800;\r\n\r\n  letter-spacing:-2.3px;\r\n}\r\n\r\n.fxemi-title span{\r\n  color:var(--em-primary);\r\n}\r\n\r\n.fxemi-intro{\r\n  margin:0;\r\n\r\n  color:var(--em-muted);\r\n\r\n  font-size:14px;\r\n\r\n  line-height:1.75;\r\n}\r\n\r\n\/* =========================================\r\n   MAIN CALCULATOR SHELL\r\n========================================= *\/\r\n\r\n.fxemi-shell{\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    minmax(0,1.12fr)\r\n    minmax(380px,.88fr);\r\n\r\n  overflow:hidden;\r\n\r\n  border:\r\n    1px solid var(--em-line);\r\n\r\n  border-radius:28px;\r\n\r\n  background:#ffffff;\r\n\r\n  box-shadow:\r\n    0 28px 75px rgba(16,43,42,.11);\r\n}\r\n\r\n\/* =========================================\r\n   LEFT CALCULATOR PANEL\r\n========================================= *\/\r\n\r\n.fxemi-controls{\r\n  padding:42px;\r\n}\r\n\r\n\/* Panel Header *\/\r\n\r\n.fxemi-panel-head{\r\n  display:flex;\r\n\r\n  align-items:center;\r\n\r\n  justify-content:space-between;\r\n\r\n  gap:20px;\r\n\r\n  padding-bottom:26px;\r\n\r\n  border-bottom:\r\n    1px solid var(--em-line);\r\n}\r\n\r\n.fxemi-panel-title{\r\n  display:flex;\r\n\r\n  align-items:center;\r\n\r\n  gap:13px;\r\n}\r\n\r\n.fxemi-panel-icon{\r\n  width:47px;\r\n  height:47px;\r\n\r\n  flex-shrink:0;\r\n\r\n  border-radius:14px;\r\n\r\n  display:flex;\r\n\r\n  align-items:center;\r\n\r\n  justify-content:center;\r\n\r\n  background:var(--em-soft);\r\n\r\n  color:var(--em-primary-dark);\r\n}\r\n\r\n.fxemi-panel-icon svg{\r\n  width:22px;\r\n  height:22px;\r\n}\r\n\r\n.fxemi-panel-copy strong{\r\n  display:block;\r\n\r\n  color:var(--em-dark);\r\n\r\n  font-family:'Manrope',sans-serif;\r\n\r\n  font-size:17px;\r\n\r\n  font-weight:800;\r\n}\r\n\r\n.fxemi-panel-copy span{\r\n  display:block;\r\n\r\n  margin-top:4px;\r\n\r\n  color:var(--em-muted);\r\n\r\n  font-size:10px;\r\n}\r\n\r\n.fxemi-live-badge{\r\n  display:flex;\r\n\r\n  align-items:center;\r\n\r\n  gap:7px;\r\n\r\n  padding:8px 10px;\r\n\r\n  border-radius:999px;\r\n\r\n  background:#eaf9f3;\r\n\r\n  color:#168d68;\r\n\r\n  font-size:9px;\r\n\r\n  font-weight:800;\r\n\r\n  text-transform:uppercase;\r\n\r\n  letter-spacing:.4px;\r\n}\r\n\r\n.fxemi-live-dot{\r\n  width:7px;\r\n  height:7px;\r\n\r\n  border-radius:50%;\r\n\r\n  background:#27b982;\r\n\r\n  box-shadow:\r\n    0 0 0 4px rgba(39,185,130,.12);\r\n}\r\n\r\n\/* =========================================\r\n   CONTROL GROUPS\r\n========================================= *\/\r\n\r\n.fxemi-control-list{\r\n  display:flex;\r\n\r\n  flex-direction:column;\r\n\r\n  gap:27px;\r\n\r\n  margin-top:30px;\r\n}\r\n\r\n.fxemi-control{\r\n  padding:21px;\r\n\r\n  border-radius:17px;\r\n\r\n  background:#f8fbfa;\r\n\r\n  border:\r\n    1px solid #e8efee;\r\n}\r\n\r\n.fxemi-control-top{\r\n  display:flex;\r\n\r\n  align-items:center;\r\n\r\n  justify-content:space-between;\r\n\r\n  gap:20px;\r\n\r\n  margin-bottom:18px;\r\n}\r\n\r\n.fxemi-control-label{\r\n  display:flex;\r\n\r\n  align-items:center;\r\n\r\n  gap:10px;\r\n\r\n  color:var(--em-text);\r\n\r\n  font-size:12px;\r\n\r\n  font-weight:800;\r\n}\r\n\r\n.fxemi-mini-icon{\r\n  width:31px;\r\n  height:31px;\r\n\r\n  border-radius:9px;\r\n\r\n  display:flex;\r\n\r\n  align-items:center;\r\n\r\n  justify-content:center;\r\n\r\n  background:#ffffff;\r\n\r\n  border:\r\n    1px solid var(--em-line);\r\n\r\n  color:var(--em-primary);\r\n}\r\n\r\n.fxemi-mini-icon svg{\r\n  width:15px;\r\n  height:15px;\r\n}\r\n\r\n\/* Value Input *\/\r\n\r\n.fxemi-value-box{\r\n  min-width:140px;\r\n\r\n  height:43px;\r\n\r\n  padding:0 12px;\r\n\r\n  border-radius:10px;\r\n\r\n  display:flex;\r\n\r\n  align-items:center;\r\n\r\n  justify-content:flex-end;\r\n\r\n  gap:4px;\r\n\r\n  background:#ffffff;\r\n\r\n  border:\r\n    1px solid var(--em-line);\r\n}\r\n\r\n.fxemi-value-box span{\r\n  color:var(--em-muted);\r\n\r\n  font-size:12px;\r\n\r\n  font-weight:700;\r\n}\r\n\r\n.fxemi-value-box input{\r\n  width:100%;\r\n\r\n  padding:0;\r\n\r\n  border:0;\r\n\r\n  outline:0;\r\n\r\n  background:transparent;\r\n\r\n  color:var(--em-dark);\r\n\r\n  text-align:right;\r\n\r\n  font-family:'Manrope',sans-serif;\r\n\r\n  font-size:15px;\r\n\r\n  font-weight:800;\r\n}\r\n\r\n.fxemi-value-box input::-webkit-inner-spin-button,\r\n.fxemi-value-box input::-webkit-outer-spin-button{\r\n  -webkit-appearance:none;\r\n  margin:0;\r\n}\r\n\r\n\/* =========================================\r\n   RANGE SLIDERS\r\n========================================= *\/\r\n\r\n.fxemi-range{\r\n  width:100%;\r\n  height:5px;\r\n\r\n  margin:0;\r\n\r\n  border-radius:999px;\r\n\r\n  appearance:none;\r\n  -webkit-appearance:none;\r\n\r\n  outline:none;\r\n\r\n  cursor:pointer;\r\n\r\n  background:\r\n    linear-gradient(\r\n      to right,\r\n      var(--em-primary) 0%,\r\n      var(--em-primary) var(--range-progress, 30%),\r\n      #dce7e5 var(--range-progress, 30%),\r\n      #dce7e5 100%\r\n    );\r\n}\r\n\r\n.fxemi-range::-webkit-slider-thumb{\r\n  appearance:none;\r\n  -webkit-appearance:none;\r\n\r\n  width:20px;\r\n  height:20px;\r\n\r\n  border-radius:50%;\r\n\r\n  background:#ffffff;\r\n\r\n  border:\r\n    5px solid var(--em-primary);\r\n\r\n  box-shadow:\r\n    0 4px 12px rgba(7,157,153,.24);\r\n\r\n  cursor:pointer;\r\n}\r\n\r\n.fxemi-range::-moz-range-thumb{\r\n  width:12px;\r\n  height:12px;\r\n\r\n  border-radius:50%;\r\n\r\n  background:#ffffff;\r\n\r\n  border:\r\n    5px solid var(--em-primary);\r\n\r\n  box-shadow:\r\n    0 4px 12px rgba(7,157,153,.24);\r\n\r\n  cursor:pointer;\r\n}\r\n\r\n.fxemi-range-scale{\r\n  display:flex;\r\n\r\n  align-items:center;\r\n\r\n  justify-content:space-between;\r\n\r\n  margin-top:10px;\r\n\r\n  color:#91a09e;\r\n\r\n  font-size:9px;\r\n\r\n  font-weight:600;\r\n}\r\n\r\n\/* =========================================\r\n   LEFT BOTTOM NOTE\r\n========================================= *\/\r\n\r\n.fxemi-note{\r\n  display:flex;\r\n\r\n  align-items:flex-start;\r\n\r\n  gap:10px;\r\n\r\n  margin-top:25px;\r\n\r\n  padding:14px;\r\n\r\n  border-radius:12px;\r\n\r\n  background:var(--em-soft);\r\n\r\n  color:#617572;\r\n\r\n  font-size:10px;\r\n\r\n  line-height:1.55;\r\n}\r\n\r\n.fxemi-note-icon{\r\n  width:27px;\r\n  height:27px;\r\n\r\n  flex-shrink:0;\r\n\r\n  border-radius:8px;\r\n\r\n  display:flex;\r\n\r\n  align-items:center;\r\n\r\n  justify-content:center;\r\n\r\n  background:#ffffff;\r\n\r\n  color:var(--em-primary);\r\n}\r\n\r\n.fxemi-note-icon svg{\r\n  width:14px;\r\n  height:14px;\r\n}\r\n\r\n\/* =========================================\r\n   RIGHT SUMMARY PANEL\r\n========================================= *\/\r\n\r\n.fxemi-summary{\r\n  position:relative;\r\n\r\n  overflow:hidden;\r\n\r\n  padding:42px;\r\n\r\n  background:\r\n    radial-gradient(\r\n      circle at 90% 10%,\r\n      rgba(76,222,208,.17),\r\n      transparent 26%\r\n    ),\r\n    linear-gradient(\r\n      145deg,\r\n      #102b2a 0%,\r\n      #173f3c 100%\r\n    );\r\n\r\n  color:#ffffff;\r\n}\r\n\r\n.fxemi-summary:before{\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  width:240px;\r\n  height:240px;\r\n\r\n  border-radius:50%;\r\n\r\n  right:-110px;\r\n  top:-105px;\r\n\r\n  border:\r\n    1px solid rgba(255,255,255,.08);\r\n\r\n  box-shadow:\r\n    0 0 0 40px rgba(255,255,255,.02);\r\n}\r\n\r\n.fxemi-summary:after{\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  width:105px;\r\n  height:105px;\r\n\r\n  right:35px;\r\n  bottom:35px;\r\n\r\n  border-radius:28px;\r\n\r\n  border:\r\n    1px solid rgba(188,239,232,.11);\r\n\r\n  transform:rotate(18deg);\r\n}\r\n\r\n.fxemi-summary-inner{\r\n  position:relative;\r\n  z-index:2;\r\n}\r\n\r\n\/* Summary heading *\/\r\n\r\n.fxemi-summary-label{\r\n  display:flex;\r\n\r\n  align-items:center;\r\n\r\n  gap:8px;\r\n\r\n  color:#8ce5dc;\r\n\r\n  font-size:10px;\r\n\r\n  font-weight:800;\r\n\r\n  text-transform:uppercase;\r\n\r\n  letter-spacing:.9px;\r\n}\r\n\r\n.fxemi-summary-label:before{\r\n  content:\"\";\r\n\r\n  width:18px;\r\n  height:2px;\r\n\r\n  border-radius:10px;\r\n\r\n  background:#6ddfd4;\r\n}\r\n\r\n\/* EMI Main *\/\r\n\r\n.fxemi-main-result{\r\n  margin-top:22px;\r\n\r\n  padding-bottom:28px;\r\n\r\n  border-bottom:\r\n    1px solid rgba(255,255,255,.10);\r\n}\r\n\r\n.fxemi-main-result span{\r\n  display:block;\r\n\r\n  color:rgba(255,255,255,.60);\r\n\r\n  font-size:12px;\r\n\r\n  font-weight:600;\r\n}\r\n\r\n.fxemi-main-result strong{\r\n  display:block;\r\n\r\n  margin-top:8px;\r\n\r\n  color:#ffffff;\r\n\r\n  font-family:'Manrope',sans-serif;\r\n\r\n  font-size:clamp(36px,4vw,52px);\r\n\r\n  line-height:1;\r\n\r\n  font-weight:800;\r\n\r\n  letter-spacing:-2px;\r\n}\r\n\r\n.fxemi-main-result small{\r\n  display:block;\r\n\r\n  margin-top:8px;\r\n\r\n  color:rgba(255,255,255,.48);\r\n\r\n  font-size:9px;\r\n}\r\n\r\n\/* =========================================\r\n   BREAKDOWN\r\n========================================= *\/\r\n\r\n.fxemi-breakdown{\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    repeat(2,1fr);\r\n\r\n  gap:11px;\r\n\r\n  margin-top:25px;\r\n}\r\n\r\n.fxemi-break-item{\r\n  padding:15px;\r\n\r\n  border-radius:13px;\r\n\r\n  background:\r\n    rgba(255,255,255,.065);\r\n\r\n  border:\r\n    1px solid rgba(255,255,255,.08);\r\n\r\n  backdrop-filter:blur(6px);\r\n}\r\n\r\n.fxemi-break-item span{\r\n  display:block;\r\n\r\n  color:rgba(255,255,255,.50);\r\n\r\n  font-size:9px;\r\n\r\n  font-weight:600;\r\n}\r\n\r\n.fxemi-break-item strong{\r\n  display:block;\r\n\r\n  margin-top:6px;\r\n\r\n  color:#ffffff;\r\n\r\n  font-family:'Manrope',sans-serif;\r\n\r\n  font-size:14px;\r\n\r\n  font-weight:800;\r\n}\r\n\r\n\/* =========================================\r\n   PAYMENT DISTRIBUTION BAR\r\n========================================= *\/\r\n\r\n.fxemi-distribution{\r\n  margin-top:27px;\r\n}\r\n\r\n.fxemi-dist-head{\r\n  display:flex;\r\n\r\n  align-items:center;\r\n\r\n  justify-content:space-between;\r\n\r\n  gap:15px;\r\n\r\n  margin-bottom:11px;\r\n}\r\n\r\n.fxemi-dist-head span{\r\n  color:rgba(255,255,255,.58);\r\n\r\n  font-size:9px;\r\n\r\n  font-weight:700;\r\n}\r\n\r\n.fxemi-dist-head strong{\r\n  color:#ffffff;\r\n\r\n  font-size:9px;\r\n\r\n  font-weight:800;\r\n}\r\n\r\n.fxemi-dist-bar{\r\n  display:flex;\r\n\r\n  width:100%;\r\n  height:8px;\r\n\r\n  overflow:hidden;\r\n\r\n  border-radius:999px;\r\n\r\n  background:\r\n    rgba(255,255,255,.08);\r\n}\r\n\r\n.fxemi-principal-bar{\r\n  width:70%;\r\n\r\n  background:#47d4c6;\r\n\r\n  transition:width .35s ease;\r\n}\r\n\r\n.fxemi-interest-bar{\r\n  width:30%;\r\n\r\n  background:#f2b64b;\r\n\r\n  transition:width .35s ease;\r\n}\r\n\r\n.fxemi-dist-legend{\r\n  display:flex;\r\n\r\n  align-items:center;\r\n\r\n  flex-wrap:wrap;\r\n\r\n  gap:18px;\r\n\r\n  margin-top:13px;\r\n}\r\n\r\n.fxemi-legend-item{\r\n  display:flex;\r\n\r\n  align-items:center;\r\n\r\n  gap:7px;\r\n\r\n  color:rgba(255,255,255,.60);\r\n\r\n  font-size:9px;\r\n\r\n  font-weight:600;\r\n}\r\n\r\n.fxemi-legend-dot{\r\n  width:8px;\r\n  height:8px;\r\n\r\n  border-radius:50%;\r\n}\r\n\r\n.fxemi-legend-principal{\r\n  background:#47d4c6;\r\n}\r\n\r\n.fxemi-legend-interest{\r\n  background:#f2b64b;\r\n}\r\n\r\n\/* =========================================\r\n   SUMMARY CTA\r\n========================================= *\/\r\n\r\n.fxemi-cta{\r\n  width:100%;\r\n  min-height:53px;\r\n\r\n  margin-top:29px;\r\n\r\n  padding:0 18px;\r\n\r\n  border-radius:12px;\r\n\r\n  display:flex;\r\n\r\n  align-items:center;\r\n\r\n  justify-content:space-between;\r\n\r\n  gap:15px;\r\n\r\n  background:#ffffff;\r\n\r\n  color:var(--em-dark);\r\n\r\n  text-decoration:none;\r\n\r\n  font-size:12px;\r\n\r\n  font-weight:800;\r\n\r\n  transition:.25s ease;\r\n}\r\n\r\n.fxemi-cta span{\r\n  width:29px;\r\n  height:29px;\r\n\r\n  border-radius:9px;\r\n\r\n  display:flex;\r\n\r\n  align-items:center;\r\n\r\n  justify-content:center;\r\n\r\n  background:var(--em-primary);\r\n\r\n  color:#ffffff;\r\n\r\n  transition:.25s ease;\r\n}\r\n\r\n.fxemi-cta:hover{\r\n  color:var(--em-primary-dark);\r\n\r\n  transform:translateY(-2px);\r\n}\r\n\r\n.fxemi-cta:hover span{\r\n  background:var(--em-primary-dark);\r\n}\r\n\r\n\/* =========================================\r\n   DISCLAIMER\r\n========================================= *\/\r\n\r\n.fxemi-disclaimer{\r\n  margin:13px 0 0;\r\n\r\n  color:rgba(255,255,255,.40);\r\n\r\n  font-size:8px;\r\n\r\n  line-height:1.5;\r\n\r\n  text-align:center;\r\n}\r\n\r\n\/* =========================================\r\n   TABLET\r\n========================================= *\/\r\n\r\n@media(max-width:1000px){\r\n\r\n  .fxemi-section{\r\n    padding:85px 24px;\r\n  }\r\n\r\n  .fxemi-header{\r\n    grid-template-columns:1fr;\r\n\r\n    gap:20px;\r\n  }\r\n\r\n  .fxemi-shell{\r\n    grid-template-columns:1fr;\r\n  }\r\n\r\n}\r\n\r\n\/* =========================================\r\n   MOBILE\r\n========================================= *\/\r\n\r\n@media(max-width:700px){\r\n\r\n  .fxemi-section{\r\n    padding:70px 16px;\r\n  }\r\n\r\n  .fxemi-header{\r\n    margin-bottom:32px;\r\n  }\r\n\r\n  .fxemi-title{\r\n    font-size:37px;\r\n\r\n    letter-spacing:-1.7px;\r\n  }\r\n\r\n  .fxemi-controls,\r\n  .fxemi-summary{\r\n    padding:27px 20px;\r\n  }\r\n\r\n  .fxemi-panel-head{\r\n    align-items:flex-start;\r\n  }\r\n\r\n  .fxemi-live-badge{\r\n    display:none;\r\n  }\r\n\r\n  .fxemi-control{\r\n    padding:17px;\r\n  }\r\n\r\n  .fxemi-control-top{\r\n    align-items:flex-start;\r\n\r\n    flex-direction:column;\r\n\r\n    gap:12px;\r\n  }\r\n\r\n  .fxemi-value-box{\r\n    width:100%;\r\n  }\r\n\r\n  .fxemi-breakdown{\r\n    grid-template-columns:1fr;\r\n  }\r\n\r\n}\r\n\r\n\/* =========================================\r\n   SMALL MOBILE\r\n========================================= *\/\r\n\r\n@media(max-width:430px){\r\n\r\n  .fxemi-title{\r\n    font-size:33px;\r\n  }\r\n\r\n  .fxemi-shell{\r\n    border-radius:21px;\r\n  }\r\n\r\n  .fxemi-controls,\r\n  .fxemi-summary{\r\n    padding:23px 17px;\r\n  }\r\n\r\n}\r\n<\/style>\r\n\r\n\r\n<section class=\"fxemi-section\" id=\"emi-calculator\">\r\n\r\n  <div class=\"fxemi-container\">\r\n\r\n\r\n    <!-- =========================\r\n         SECTION HEADER\r\n    ========================== -->\r\n\r\n    <div class=\"fxemi-header\">\r\n\r\n      <div>\r\n\r\n        <div class=\"fxemi-eyebrow\">\r\n\r\n          <span class=\"fxemi-eyebrow-line\"><\/span>\r\n\r\n          EMI Calculator\r\n\r\n        <\/div>\r\n\r\n\r\n        <h2 class=\"fxemi-title\">\r\n\r\n          Plan your repayment\r\n          with more\r\n\r\n          <span>clarity.<\/span>\r\n\r\n        <\/h2>\r\n\r\n      <\/div>\r\n\r\n\r\n      <p class=\"fxemi-intro\">\r\n\r\n        Adjust the loan amount, indicative annual\r\n        interest rate and tenure to estimate your\r\n        monthly EMI and overall repayment structure.\r\n\r\n      <\/p>\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <!-- =========================\r\n         CALCULATOR SHELL\r\n    ========================== -->\r\n\r\n    <div class=\"fxemi-shell\">\r\n\r\n\r\n      <!-- =========================\r\n           LEFT CONTROLS\r\n      ========================== -->\r\n\r\n      <div class=\"fxemi-controls\">\r\n\r\n\r\n        <!-- PANEL HEAD -->\r\n        <div class=\"fxemi-panel-head\">\r\n\r\n\r\n          <div class=\"fxemi-panel-title\">\r\n\r\n            <span class=\"fxemi-panel-icon\">\r\n\r\n              <svg\r\n                viewBox=\"0 0 24 24\"\r\n                fill=\"none\"\r\n                stroke=\"currentColor\"\r\n                stroke-width=\"1.8\"\r\n              >\r\n\r\n                <rect\r\n                  x=\"4\"\r\n                  y=\"2\"\r\n                  width=\"16\"\r\n                  height=\"20\"\r\n                  rx=\"2\"\r\n                \/>\r\n\r\n                <path d=\"M8 6h8\"\/>\r\n\r\n                <path d=\"M8 10h2\"\/>\r\n\r\n                <path d=\"M14 10h2\"\/>\r\n\r\n                <path d=\"M8 14h2\"\/>\r\n\r\n                <path d=\"M14 14h2\"\/>\r\n\r\n                <path d=\"M8 18h2\"\/>\r\n\r\n                <path d=\"M14 18h2\"\/>\r\n\r\n              <\/svg>\r\n\r\n            <\/span>\r\n\r\n\r\n            <span class=\"fxemi-panel-copy\">\r\n\r\n              <strong>\r\n                Calculate your EMI\r\n              <\/strong>\r\n\r\n              <span>\r\n                Update values to see an instant estimate\r\n              <\/span>\r\n\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n\r\n          <span class=\"fxemi-live-badge\">\r\n\r\n            <span class=\"fxemi-live-dot\"><\/span>\r\n\r\n            Live Estimate\r\n\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <!-- CONTROL LIST -->\r\n        <div class=\"fxemi-control-list\">\r\n\r\n\r\n          <!-- =====================\r\n               LOAN AMOUNT\r\n          ====================== -->\r\n\r\n          <div class=\"fxemi-control\">\r\n\r\n\r\n            <div class=\"fxemi-control-top\">\r\n\r\n\r\n              <div class=\"fxemi-control-label\">\r\n\r\n                <span class=\"fxemi-mini-icon\">\r\n\r\n                  <svg\r\n                    viewBox=\"0 0 24 24\"\r\n                    fill=\"none\"\r\n                    stroke=\"currentColor\"\r\n                    stroke-width=\"1.8\"\r\n                  >\r\n\r\n                    <path d=\"M6 3h12\"\/>\r\n\r\n                    <path d=\"M6 8h12\"\/>\r\n\r\n                    <path d=\"M8 3c6 0 6 8 0 8\"\/>\r\n\r\n                    <path d=\"m8 11 8 10\"\/>\r\n\r\n                  <\/svg>\r\n\r\n                <\/span>\r\n\r\n                Loan Amount\r\n\r\n              <\/div>\r\n\r\n\r\n              <div class=\"fxemi-value-box\">\r\n\r\n                <span>\u20b9<\/span>\r\n\r\n                <input\r\n                  type=\"number\"\r\n                  id=\"fxemiAmountInput\"\r\n                  min=\"50000\"\r\n                  max=\"5000000\"\r\n                  step=\"50000\"\r\n                  value=\"500000\"\r\n                >\r\n\r\n              <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <input\r\n              type=\"range\"\r\n              class=\"fxemi-range\"\r\n              id=\"fxemiAmountRange\"\r\n              min=\"50000\"\r\n              max=\"5000000\"\r\n              step=\"50000\"\r\n              value=\"500000\"\r\n            >\r\n\r\n\r\n            <div class=\"fxemi-range-scale\">\r\n\r\n              <span>\u20b950K<\/span>\r\n\r\n              <span>\u20b950L<\/span>\r\n\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n\r\n\r\n          <!-- =====================\r\n               INTEREST RATE\r\n          ====================== -->\r\n\r\n          <div class=\"fxemi-control\">\r\n\r\n\r\n            <div class=\"fxemi-control-top\">\r\n\r\n\r\n              <div class=\"fxemi-control-label\">\r\n\r\n                <span class=\"fxemi-mini-icon\">\r\n\r\n                  <svg\r\n                    viewBox=\"0 0 24 24\"\r\n                    fill=\"none\"\r\n                    stroke=\"currentColor\"\r\n                    stroke-width=\"1.8\"\r\n                  >\r\n\r\n                    <circle\r\n                      cx=\"7\"\r\n                      cy=\"7\"\r\n                      r=\"3\"\r\n                    \/>\r\n\r\n                    <circle\r\n                      cx=\"17\"\r\n                      cy=\"17\"\r\n                      r=\"3\"\r\n                    \/>\r\n\r\n                    <path\r\n                      d=\"M19 5 5 19\"\r\n                    \/>\r\n\r\n                  <\/svg>\r\n\r\n                <\/span>\r\n\r\n                Interest Rate\r\n\r\n              <\/div>\r\n\r\n\r\n              <div class=\"fxemi-value-box\">\r\n\r\n                <input\r\n                  type=\"number\"\r\n                  id=\"fxemiRateInput\"\r\n                  min=\"1\"\r\n                  max=\"30\"\r\n                  step=\"0.1\"\r\n                  value=\"12\"\r\n                >\r\n\r\n                <span>% p.a.<\/span>\r\n\r\n              <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <input\r\n              type=\"range\"\r\n              class=\"fxemi-range\"\r\n              id=\"fxemiRateRange\"\r\n              min=\"1\"\r\n              max=\"30\"\r\n              step=\"0.1\"\r\n              value=\"12\"\r\n            >\r\n\r\n\r\n            <div class=\"fxemi-range-scale\">\r\n\r\n              <span>1%<\/span>\r\n\r\n              <span>30%<\/span>\r\n\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n\r\n\r\n          <!-- =====================\r\n               TENURE\r\n          ====================== -->\r\n\r\n          <div class=\"fxemi-control\">\r\n\r\n\r\n            <div class=\"fxemi-control-top\">\r\n\r\n\r\n              <div class=\"fxemi-control-label\">\r\n\r\n                <span class=\"fxemi-mini-icon\">\r\n\r\n                  <svg\r\n                    viewBox=\"0 0 24 24\"\r\n                    fill=\"none\"\r\n                    stroke=\"currentColor\"\r\n                    stroke-width=\"1.8\"\r\n                  >\r\n\r\n                    <circle\r\n                      cx=\"12\"\r\n                      cy=\"12\"\r\n                      r=\"9\"\r\n                    \/>\r\n\r\n                    <path\r\n                      d=\"M12 7v5l3 2\"\r\n                    \/>\r\n\r\n                  <\/svg>\r\n\r\n                <\/span>\r\n\r\n                Loan Tenure\r\n\r\n              <\/div>\r\n\r\n\r\n              <div class=\"fxemi-value-box\">\r\n\r\n                <input\r\n                  type=\"number\"\r\n                  id=\"fxemiTenureInput\"\r\n                  min=\"6\"\r\n                  max=\"360\"\r\n                  step=\"6\"\r\n                  value=\"60\"\r\n                >\r\n\r\n                <span>Months<\/span>\r\n\r\n              <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <input\r\n              type=\"range\"\r\n              class=\"fxemi-range\"\r\n              id=\"fxemiTenureRange\"\r\n              min=\"6\"\r\n              max=\"360\"\r\n              step=\"6\"\r\n              value=\"60\"\r\n            >\r\n\r\n\r\n            <div class=\"fxemi-range-scale\">\r\n\r\n              <span>6 Months<\/span>\r\n\r\n              <span>30 Years<\/span>\r\n\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <!-- NOTE -->\r\n        <div class=\"fxemi-note\">\r\n\r\n          <span class=\"fxemi-note-icon\">\r\n\r\n            <svg\r\n              viewBox=\"0 0 24 24\"\r\n              fill=\"none\"\r\n              stroke=\"currentColor\"\r\n              stroke-width=\"1.8\"\r\n            >\r\n\r\n              <circle\r\n                cx=\"12\"\r\n                cy=\"12\"\r\n                r=\"9\"\r\n              \/>\r\n\r\n              <path d=\"M12 11v5\"\/>\r\n\r\n              <path d=\"M12 8h.01\"\/>\r\n\r\n            <\/svg>\r\n\r\n          <\/span>\r\n\r\n          <span>\r\n\r\n            This calculator provides an indicative estimate only.\r\n            Actual rates, charges, tenure and repayment amounts may\r\n            vary based on the applicable product, eligibility,\r\n            verification and final terms.\r\n\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n      <\/div>\r\n\r\n\r\n\r\n      <!-- =========================\r\n           RIGHT SUMMARY\r\n      ========================== -->\r\n\r\n      <div class=\"fxemi-summary\">\r\n\r\n\r\n        <div class=\"fxemi-summary-inner\">\r\n\r\n\r\n          <div class=\"fxemi-summary-label\">\r\n            Repayment Overview\r\n          <\/div>\r\n\r\n\r\n          <!-- MAIN EMI -->\r\n          <div class=\"fxemi-main-result\">\r\n\r\n            <span>\r\n              Estimated Monthly EMI\r\n            <\/span>\r\n\r\n            <strong id=\"fxemiMonthlyEmi\">\r\n              \u20b911,122\r\n            <\/strong>\r\n\r\n            <small>\r\n              Indicative monthly repayment estimate\r\n            <\/small>\r\n\r\n          <\/div>\r\n\r\n\r\n\r\n          <!-- BREAKDOWN -->\r\n          <div class=\"fxemi-breakdown\">\r\n\r\n\r\n            <div class=\"fxemi-break-item\">\r\n\r\n              <span>\r\n                Principal Amount\r\n              <\/span>\r\n\r\n              <strong id=\"fxemiPrincipal\">\r\n                \u20b95,00,000\r\n              <\/strong>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"fxemi-break-item\">\r\n\r\n              <span>\r\n                Total Interest\r\n              <\/span>\r\n\r\n              <strong id=\"fxemiInterest\">\r\n                \u20b91,67,333\r\n              <\/strong>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"fxemi-break-item\">\r\n\r\n              <span>\r\n                Total Repayment\r\n              <\/span>\r\n\r\n              <strong id=\"fxemiTotal\">\r\n                \u20b96,67,333\r\n              <\/strong>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"fxemi-break-item\">\r\n\r\n              <span>\r\n                Loan Tenure\r\n              <\/span>\r\n\r\n              <strong id=\"fxemiTenureResult\">\r\n                60 Months\r\n              <\/strong>\r\n\r\n            <\/div>\r\n\r\n\r\n          <\/div>\r\n\r\n\r\n\r\n          <!-- DISTRIBUTION -->\r\n          <div class=\"fxemi-distribution\">\r\n\r\n\r\n            <div class=\"fxemi-dist-head\">\r\n\r\n              <span>\r\n                Repayment distribution\r\n              <\/span>\r\n\r\n              <strong id=\"fxemiPrincipalPercent\">\r\n                75% Principal\r\n              <\/strong>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"fxemi-dist-bar\">\r\n\r\n              <span\r\n                class=\"fxemi-principal-bar\"\r\n                id=\"fxemiPrincipalBar\">\r\n              <\/span>\r\n\r\n              <span\r\n                class=\"fxemi-interest-bar\"\r\n                id=\"fxemiInterestBar\">\r\n              <\/span>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"fxemi-dist-legend\">\r\n\r\n\r\n              <span class=\"fxemi-legend-item\">\r\n\r\n                <span\r\n                  class=\"fxemi-legend-dot fxemi-legend-principal\">\r\n                <\/span>\r\n\r\n                Principal\r\n\r\n              <\/span>\r\n\r\n\r\n              <span class=\"fxemi-legend-item\">\r\n\r\n                <span\r\n                  class=\"fxemi-legend-dot fxemi-legend-interest\">\r\n                <\/span>\r\n\r\n                Interest\r\n\r\n              <\/span>\r\n\r\n\r\n            <\/div>\r\n\r\n\r\n          <\/div>\r\n\r\n\r\n\r\n          <!-- CTA -->\r\n          <a\r\n            href=\"#loan-application\"\r\n            class=\"fxemi-cta\"\r\n          >\r\n\r\n            Apply with these preferences\r\n\r\n            <span>\u2197<\/span>\r\n\r\n          <\/a>\r\n\r\n\r\n          <p class=\"fxemi-disclaimer\">\r\n\r\n            Estimates are illustrative and do not represent\r\n            an approval, sanction or guaranteed lending offer.\r\n\r\n          <\/p>\r\n\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n    <\/div>\r\n\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", function(){\r\n\r\n  \/* =========================\r\n     ELEMENT REFERENCES\r\n  ========================== *\/\r\n\r\n  const amountRange =\r\n    document.getElementById(\"fxemiAmountRange\");\r\n\r\n  const amountInput =\r\n    document.getElementById(\"fxemiAmountInput\");\r\n\r\n  const rateRange =\r\n    document.getElementById(\"fxemiRateRange\");\r\n\r\n  const rateInput =\r\n    document.getElementById(\"fxemiRateInput\");\r\n\r\n  const tenureRange =\r\n    document.getElementById(\"fxemiTenureRange\");\r\n\r\n  const tenureInput =\r\n    document.getElementById(\"fxemiTenureInput\");\r\n\r\n\r\n  const emiOutput =\r\n    document.getElementById(\"fxemiMonthlyEmi\");\r\n\r\n  const principalOutput =\r\n    document.getElementById(\"fxemiPrincipal\");\r\n\r\n  const interestOutput =\r\n    document.getElementById(\"fxemiInterest\");\r\n\r\n  const totalOutput =\r\n    document.getElementById(\"fxemiTotal\");\r\n\r\n  const tenureOutput =\r\n    document.getElementById(\"fxemiTenureResult\");\r\n\r\n  const principalBar =\r\n    document.getElementById(\"fxemiPrincipalBar\");\r\n\r\n  const interestBar =\r\n    document.getElementById(\"fxemiInterestBar\");\r\n\r\n  const principalPercentOutput =\r\n    document.getElementById(\"fxemiPrincipalPercent\");\r\n\r\n\r\n  \/* =========================\r\n     SAFETY CHECK\r\n  ========================== *\/\r\n\r\n  if(\r\n    !amountRange ||\r\n    !amountInput ||\r\n    !rateRange ||\r\n    !rateInput ||\r\n    !tenureRange ||\r\n    !tenureInput\r\n  ){\r\n    return;\r\n  }\r\n\r\n\r\n  \/* =========================\r\n     INR FORMATTER\r\n  ========================== *\/\r\n\r\n  const inrFormatter =\r\n    new Intl.NumberFormat(\r\n      \"en-IN\",\r\n      {\r\n        style:\"currency\",\r\n        currency:\"INR\",\r\n        maximumFractionDigits:0\r\n      }\r\n    );\r\n\r\n\r\n  \/* =========================\r\n     CLAMP VALUE\r\n  ========================== *\/\r\n\r\n  function clamp(value,min,max){\r\n\r\n    return Math.min(\r\n      Math.max(value,min),\r\n      max\r\n    );\r\n\r\n  }\r\n\r\n\r\n  \/* =========================\r\n     RANGE PROGRESS\r\n  ========================== *\/\r\n\r\n  function updateRangeProgress(range){\r\n\r\n    const min =\r\n      Number(range.min);\r\n\r\n    const max =\r\n      Number(range.max);\r\n\r\n    const value =\r\n      Number(range.value);\r\n\r\n    const percentage =\r\n      ((value - min) \/\r\n      (max - min)) * 100;\r\n\r\n    range.style.setProperty(\r\n      \"--range-progress\",\r\n      percentage + \"%\"\r\n    );\r\n\r\n  }\r\n\r\n\r\n  \/* =========================\r\n     EMI CALCULATION\r\n  ========================== *\/\r\n\r\n  function calculateEMI(){\r\n\r\n    const principal =\r\n      Number(amountInput.value);\r\n\r\n    const annualRate =\r\n      Number(rateInput.value);\r\n\r\n    const months =\r\n      Number(tenureInput.value);\r\n\r\n\r\n    if(\r\n      principal <= 0 ||\r\n      annualRate < 0 ||\r\n      months <= 0\r\n    ){\r\n      return;\r\n    }\r\n\r\n\r\n    const monthlyRate =\r\n      annualRate \/ 12 \/ 100;\r\n\r\n\r\n    let emi = 0;\r\n\r\n\r\n    if(monthlyRate === 0){\r\n\r\n      emi =\r\n        principal \/ months;\r\n\r\n    }else{\r\n\r\n      const power =\r\n        Math.pow(\r\n          1 + monthlyRate,\r\n          months\r\n        );\r\n\r\n      emi =\r\n        principal *\r\n        monthlyRate *\r\n        power \/\r\n        (power - 1);\r\n\r\n    }\r\n\r\n\r\n    const totalRepayment =\r\n      emi * months;\r\n\r\n    const totalInterest =\r\n      totalRepayment - principal;\r\n\r\n\r\n    const principalPercentage =\r\n      totalRepayment > 0\r\n        ? (principal \/ totalRepayment) * 100\r\n        : 100;\r\n\r\n    const interestPercentage =\r\n      100 - principalPercentage;\r\n\r\n\r\n    \/* Update Results *\/\r\n\r\n    emiOutput.textContent =\r\n      inrFormatter.format(\r\n        Math.round(emi)\r\n      );\r\n\r\n    principalOutput.textContent =\r\n      inrFormatter.format(\r\n        Math.round(principal)\r\n      );\r\n\r\n    interestOutput.textContent =\r\n      inrFormatter.format(\r\n        Math.max(\r\n          0,\r\n          Math.round(totalInterest)\r\n        )\r\n      );\r\n\r\n    totalOutput.textContent =\r\n      inrFormatter.format(\r\n        Math.round(totalRepayment)\r\n      );\r\n\r\n    tenureOutput.textContent =\r\n      months + \" Months\";\r\n\r\n\r\n    principalBar.style.width =\r\n      principalPercentage + \"%\";\r\n\r\n    interestBar.style.width =\r\n      interestPercentage + \"%\";\r\n\r\n\r\n    principalPercentOutput.textContent =\r\n      Math.round(principalPercentage) +\r\n      \"% Principal\";\r\n\r\n\r\n    \/* Update Range Progress *\/\r\n\r\n    updateRangeProgress(amountRange);\r\n    updateRangeProgress(rateRange);\r\n    updateRangeProgress(tenureRange);\r\n\r\n  }\r\n\r\n\r\n  \/* =========================\r\n     SYNC RANGE \u2192 INPUT\r\n  ========================== *\/\r\n\r\n  amountRange.addEventListener(\r\n    \"input\",\r\n    function(){\r\n\r\n      amountInput.value =\r\n        this.value;\r\n\r\n      calculateEMI();\r\n\r\n    }\r\n  );\r\n\r\n\r\n  rateRange.addEventListener(\r\n    \"input\",\r\n    function(){\r\n\r\n      rateInput.value =\r\n        this.value;\r\n\r\n      calculateEMI();\r\n\r\n    }\r\n  );\r\n\r\n\r\n  tenureRange.addEventListener(\r\n    \"input\",\r\n    function(){\r\n\r\n      tenureInput.value =\r\n        this.value;\r\n\r\n      calculateEMI();\r\n\r\n    }\r\n  );\r\n\r\n\r\n  \/* =========================\r\n     SYNC INPUT \u2192 RANGE\r\n  ========================== *\/\r\n\r\n  amountInput.addEventListener(\r\n    \"input\",\r\n    function(){\r\n\r\n      const value =\r\n        clamp(\r\n          Number(this.value),\r\n          Number(amountRange.min),\r\n          Number(amountRange.max)\r\n        );\r\n\r\n      amountRange.value =\r\n        value;\r\n\r\n      calculateEMI();\r\n\r\n    }\r\n  );\r\n\r\n\r\n  rateInput.addEventListener(\r\n    \"input\",\r\n    function(){\r\n\r\n      const value =\r\n        clamp(\r\n          Number(this.value),\r\n          Number(rateRange.min),\r\n          Number(rateRange.max)\r\n        );\r\n\r\n      rateRange.value =\r\n        value;\r\n\r\n      calculateEMI();\r\n\r\n    }\r\n  );\r\n\r\n\r\n  tenureInput.addEventListener(\r\n    \"input\",\r\n    function(){\r\n\r\n      const value =\r\n        clamp(\r\n          Number(this.value),\r\n          Number(tenureRange.min),\r\n          Number(tenureRange.max)\r\n        );\r\n\r\n      tenureRange.value =\r\n        value;\r\n\r\n      calculateEMI();\r\n\r\n    }\r\n  );\r\n\r\n\r\n  \/* =========================\r\n     INITIAL CALCULATION\r\n  ========================== *\/\r\n\r\n  calculateEMI();\r\n\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-67d570d elementor-widget elementor-widget-html\" data-id=\"67d570d\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- =========================================\r\n SECTION \u2014 KNOW BEFORE YOU APPLY\r\n Premium Finance \/ NBFC UI\r\n Elementor HTML Widget Ready\r\n========================================= -->\r\n\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap');\r\n\r\n.kbya-section,\r\n.kbya-section *{\r\n  box-sizing:border-box;\r\n}\r\n\r\n.kbya-section{\r\n  --kb-primary:#08a6a1;\r\n  --kb-primary-dark:#087f7b;\r\n  --kb-dark:#102b2a;\r\n  --kb-navy:#132b3d;\r\n  --kb-text:#314542;\r\n  --kb-muted:#72827f;\r\n  --kb-soft:#eef9f7;\r\n  --kb-line:#e1ece9;\r\n  --kb-white:#ffffff;\r\n  --kb-warning:#fff7e7;\r\n\r\n  position:relative;\r\n  overflow:hidden;\r\n\r\n  width:100%;\r\n  padding:100px 22px;\r\n\r\n  background:\r\n    radial-gradient(\r\n      circle at 5% 10%,\r\n      rgba(8,166,161,.08),\r\n      transparent 24%\r\n    ),\r\n    linear-gradient(\r\n      180deg,\r\n      #ffffff 0%,\r\n      #f8fcfb 100%\r\n    );\r\n\r\n  font-family:'DM Sans',sans-serif;\r\n}\r\n\r\n.kbya-section:before{\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n  top:-180px;\r\n  right:-150px;\r\n\r\n  width:390px;\r\n  height:390px;\r\n\r\n  border-radius:50%;\r\n\r\n  border:1px solid rgba(8,166,161,.08);\r\n\r\n  box-shadow:\r\n    0 0 0 55px rgba(8,166,161,.025),\r\n    0 0 0 110px rgba(8,166,161,.015);\r\n\r\n  pointer-events:none;\r\n}\r\n\r\n.kbya-container{\r\n  position:relative;\r\n  z-index:2;\r\n\r\n  width:100%;\r\n  max-width:1280px;\r\n\r\n  margin:0 auto;\r\n}\r\n\r\n\/* ==============================\r\n   TOP HEADING\r\n============================== *\/\r\n\r\n.kbya-top{\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    minmax(0,1fr)\r\n    minmax(300px,.55fr);\r\n\r\n  align-items:end;\r\n\r\n  gap:70px;\r\n\r\n  margin-bottom:42px;\r\n}\r\n\r\n.kbya-eyebrow{\r\n  display:flex;\r\n  align-items:center;\r\n\r\n  gap:9px;\r\n\r\n  width:max-content;\r\n\r\n  margin-bottom:16px;\r\n\r\n  color:var(--kb-primary-dark);\r\n\r\n  font-size:11px;\r\n  font-weight:800;\r\n\r\n  text-transform:uppercase;\r\n  letter-spacing:1px;\r\n}\r\n\r\n.kbya-eyebrow-line{\r\n  width:27px;\r\n  height:2px;\r\n\r\n  border-radius:10px;\r\n\r\n  background:var(--kb-primary);\r\n}\r\n\r\n.kbya-title{\r\n  max-width:700px;\r\n\r\n  margin:0;\r\n\r\n  color:var(--kb-dark);\r\n\r\n  font-family:'Manrope',sans-serif;\r\n\r\n  font-size:clamp(35px,4vw,52px);\r\n  line-height:1.08;\r\n\r\n  font-weight:800;\r\n\r\n  letter-spacing:-2.2px;\r\n}\r\n\r\n.kbya-title span{\r\n  color:var(--kb-primary);\r\n}\r\n\r\n.kbya-intro{\r\n  margin:0;\r\n\r\n  color:var(--kb-muted);\r\n\r\n  font-size:14px;\r\n  line-height:1.75;\r\n}\r\n\r\n\/* ==============================\r\n   MAIN LAYOUT\r\n============================== *\/\r\n\r\n.kbya-grid{\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    minmax(0,1.1fr)\r\n    minmax(350px,.9fr);\r\n\r\n  gap:24px;\r\n\r\n  align-items:stretch;\r\n}\r\n\r\n\/* ==============================\r\n   LEFT CHECKLIST CARD\r\n============================== *\/\r\n\r\n.kbya-check-card{\r\n  padding:38px;\r\n\r\n  border:1px solid var(--kb-line);\r\n  border-radius:26px;\r\n\r\n  background:#ffffff;\r\n\r\n  box-shadow:\r\n    0 25px 65px rgba(16,43,42,.09);\r\n}\r\n\r\n.kbya-card-head{\r\n  display:flex;\r\n\r\n  align-items:center;\r\n  justify-content:space-between;\r\n\r\n  gap:20px;\r\n\r\n  padding-bottom:24px;\r\n\r\n  border-bottom:1px solid var(--kb-line);\r\n}\r\n\r\n.kbya-card-title-wrap{\r\n  display:flex;\r\n  align-items:center;\r\n\r\n  gap:13px;\r\n}\r\n\r\n.kbya-card-icon{\r\n  width:48px;\r\n  height:48px;\r\n\r\n  flex-shrink:0;\r\n\r\n  border-radius:14px;\r\n\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n\r\n  background:var(--kb-soft);\r\n\r\n  color:var(--kb-primary);\r\n}\r\n\r\n.kbya-card-icon svg{\r\n  width:23px;\r\n  height:23px;\r\n}\r\n\r\n.kbya-card-copy strong{\r\n  display:block;\r\n\r\n  color:var(--kb-dark);\r\n\r\n  font-family:'Manrope',sans-serif;\r\n\r\n  font-size:17px;\r\n  font-weight:800;\r\n}\r\n\r\n.kbya-card-copy span{\r\n  display:block;\r\n\r\n  margin-top:4px;\r\n\r\n  color:var(--kb-muted);\r\n\r\n  font-size:10px;\r\n}\r\n\r\n.kbya-badge{\r\n  padding:8px 11px;\r\n\r\n  border-radius:999px;\r\n\r\n  background:var(--kb-soft);\r\n\r\n  color:var(--kb-primary-dark);\r\n\r\n  font-size:9px;\r\n  font-weight:800;\r\n\r\n  text-transform:uppercase;\r\n  letter-spacing:.5px;\r\n}\r\n\r\n\/* CHECKLIST *\/\r\n\r\n.kbya-list{\r\n  display:grid;\r\n\r\n  grid-template-columns:repeat(2,1fr);\r\n\r\n  gap:12px;\r\n\r\n  margin-top:25px;\r\n}\r\n\r\n.kbya-item{\r\n  min-height:88px;\r\n\r\n  display:flex;\r\n  align-items:flex-start;\r\n\r\n  gap:12px;\r\n\r\n  padding:16px;\r\n\r\n  border:1px solid #e8efed;\r\n  border-radius:14px;\r\n\r\n  background:#fafcfc;\r\n\r\n  transition:\r\n    transform .25s ease,\r\n    border-color .25s ease,\r\n    box-shadow .25s ease;\r\n}\r\n\r\n.kbya-item:hover{\r\n  transform:translateY(-3px);\r\n\r\n  border-color:rgba(8,166,161,.3);\r\n\r\n  box-shadow:\r\n    0 12px 25px rgba(16,43,42,.06);\r\n}\r\n\r\n.kbya-check{\r\n  width:26px;\r\n  height:26px;\r\n\r\n  flex-shrink:0;\r\n\r\n  border-radius:8px;\r\n\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n\r\n  background:var(--kb-soft);\r\n\r\n  color:var(--kb-primary);\r\n}\r\n\r\n.kbya-check svg{\r\n  width:14px;\r\n  height:14px;\r\n}\r\n\r\n.kbya-item-copy strong{\r\n  display:block;\r\n\r\n  margin-bottom:4px;\r\n\r\n  color:var(--kb-dark);\r\n\r\n  font-size:11px;\r\n  font-weight:800;\r\n}\r\n\r\n.kbya-item-copy p{\r\n  margin:0;\r\n\r\n  color:var(--kb-muted);\r\n\r\n  font-size:9.5px;\r\n  line-height:1.5;\r\n}\r\n\r\n\/* NOTE *\/\r\n\r\n.kbya-note{\r\n  display:flex;\r\n  align-items:flex-start;\r\n\r\n  gap:11px;\r\n\r\n  margin-top:20px;\r\n  padding:15px;\r\n\r\n  border-radius:13px;\r\n\r\n  background:var(--kb-warning);\r\n\r\n  border:1px solid #f4e5bd;\r\n\r\n  color:#74664b;\r\n\r\n  font-size:9.5px;\r\n  line-height:1.6;\r\n}\r\n\r\n.kbya-note-icon{\r\n  width:28px;\r\n  height:28px;\r\n\r\n  flex-shrink:0;\r\n\r\n  border-radius:8px;\r\n\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n\r\n  background:#ffffff;\r\n\r\n  color:#c38c25;\r\n}\r\n\r\n\/* ==============================\r\n   RIGHT DARK CARD\r\n============================== *\/\r\n\r\n.kbya-side-card{\r\n  position:relative;\r\n\r\n  overflow:hidden;\r\n\r\n  min-height:100%;\r\n\r\n  padding:38px;\r\n\r\n  border-radius:26px;\r\n\r\n  background:\r\n    radial-gradient(\r\n      circle at 90% 10%,\r\n      rgba(80,224,210,.18),\r\n      transparent 28%\r\n    ),\r\n    linear-gradient(\r\n      145deg,\r\n      #112c3d 0%,\r\n      #102b2a 100%\r\n    );\r\n\r\n  color:#ffffff;\r\n\r\n  box-shadow:\r\n    0 25px 65px rgba(16,43,42,.13);\r\n}\r\n\r\n.kbya-side-card:before{\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  width:210px;\r\n  height:210px;\r\n\r\n  right:-90px;\r\n  bottom:-95px;\r\n\r\n  border-radius:50%;\r\n\r\n  border:1px solid rgba(255,255,255,.09);\r\n\r\n  box-shadow:\r\n    0 0 0 35px rgba(255,255,255,.02);\r\n}\r\n\r\n.kbya-side-inner{\r\n  position:relative;\r\n  z-index:2;\r\n\r\n  height:100%;\r\n\r\n  display:flex;\r\n  flex-direction:column;\r\n}\r\n\r\n.kbya-side-label{\r\n  display:flex;\r\n  align-items:center;\r\n\r\n  gap:8px;\r\n\r\n  color:#80e3da;\r\n\r\n  font-size:10px;\r\n  font-weight:800;\r\n\r\n  text-transform:uppercase;\r\n  letter-spacing:.9px;\r\n}\r\n\r\n.kbya-side-label:before{\r\n  content:\"\";\r\n\r\n  width:20px;\r\n  height:2px;\r\n\r\n  border-radius:10px;\r\n\r\n  background:#61d9cf;\r\n}\r\n\r\n.kbya-side-title{\r\n  max-width:430px;\r\n\r\n  margin:19px 0 0;\r\n\r\n  color:#ffffff;\r\n\r\n  font-family:'Manrope',sans-serif;\r\n\r\n  font-size:30px;\r\n  line-height:1.18;\r\n\r\n  font-weight:800;\r\n\r\n  letter-spacing:-1.2px;\r\n}\r\n\r\n.kbya-side-text{\r\n  max-width:430px;\r\n\r\n  margin:14px 0 0;\r\n\r\n  color:rgba(255,255,255,.62);\r\n\r\n  font-size:12px;\r\n  line-height:1.7;\r\n}\r\n\r\n\/* MINI STEPS *\/\r\n\r\n.kbya-mini-grid{\r\n  display:grid;\r\n\r\n  grid-template-columns:repeat(2,1fr);\r\n\r\n  gap:10px;\r\n\r\n  margin-top:27px;\r\n}\r\n\r\n.kbya-mini{\r\n  padding:15px;\r\n\r\n  border-radius:13px;\r\n\r\n  background:rgba(255,255,255,.065);\r\n\r\n  border:1px solid rgba(255,255,255,.08);\r\n}\r\n\r\n.kbya-mini-number{\r\n  width:25px;\r\n  height:25px;\r\n\r\n  margin-bottom:10px;\r\n\r\n  border-radius:7px;\r\n\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n\r\n  background:rgba(99,224,212,.13);\r\n\r\n  color:#76e5da;\r\n\r\n  font-size:9px;\r\n  font-weight:800;\r\n}\r\n\r\n.kbya-mini strong{\r\n  display:block;\r\n\r\n  color:#ffffff;\r\n\r\n  font-size:10px;\r\n  font-weight:800;\r\n}\r\n\r\n.kbya-mini span{\r\n  display:block;\r\n\r\n  margin-top:4px;\r\n\r\n  color:rgba(255,255,255,.48);\r\n\r\n  font-size:8.5px;\r\n  line-height:1.45;\r\n}\r\n\r\n\/* CTA *\/\r\n\r\n.kbya-actions{\r\n  display:flex;\r\n  align-items:center;\r\n\r\n  gap:12px;\r\n\r\n  margin-top:auto;\r\n  padding-top:28px;\r\n}\r\n\r\n.kbya-primary-btn{\r\n  min-height:50px;\r\n\r\n  padding:0 18px;\r\n\r\n  border-radius:11px;\r\n\r\n  display:inline-flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n\r\n  gap:10px;\r\n\r\n  background:var(--kb-primary);\r\n\r\n  color:#ffffff;\r\n\r\n  text-decoration:none;\r\n\r\n  font-size:11px;\r\n  font-weight:800;\r\n\r\n  transition:.25s ease;\r\n}\r\n\r\n.kbya-primary-btn:hover{\r\n  background:#ffffff;\r\n  color:var(--kb-dark);\r\n\r\n  transform:translateY(-2px);\r\n}\r\n\r\n.kbya-text-btn{\r\n  color:rgba(255,255,255,.7);\r\n\r\n  text-decoration:none;\r\n\r\n  font-size:10px;\r\n  font-weight:700;\r\n}\r\n\r\n.kbya-text-btn:hover{\r\n  color:#ffffff;\r\n}\r\n\r\n\/* ==============================\r\n   BOTTOM TRUST STRIP\r\n============================== *\/\r\n\r\n.kbya-trust-strip{\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    repeat(4,1fr);\r\n\r\n  gap:1px;\r\n\r\n  overflow:hidden;\r\n\r\n  margin-top:24px;\r\n\r\n  border:1px solid var(--kb-line);\r\n  border-radius:18px;\r\n\r\n  background:var(--kb-line);\r\n}\r\n\r\n.kbya-trust-item{\r\n  min-height:95px;\r\n\r\n  padding:20px;\r\n\r\n  display:flex;\r\n  align-items:center;\r\n\r\n  gap:12px;\r\n\r\n  background:#ffffff;\r\n}\r\n\r\n.kbya-trust-icon{\r\n  width:38px;\r\n  height:38px;\r\n\r\n  flex-shrink:0;\r\n\r\n  border-radius:11px;\r\n\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n\r\n  background:var(--kb-soft);\r\n\r\n  color:var(--kb-primary);\r\n}\r\n\r\n.kbya-trust-icon svg{\r\n  width:18px;\r\n  height:18px;\r\n}\r\n\r\n.kbya-trust-copy strong{\r\n  display:block;\r\n\r\n  color:var(--kb-dark);\r\n\r\n  font-size:10px;\r\n  font-weight:800;\r\n}\r\n\r\n.kbya-trust-copy span{\r\n  display:block;\r\n\r\n  margin-top:4px;\r\n\r\n  color:var(--kb-muted);\r\n\r\n  font-size:8.5px;\r\n  line-height:1.4;\r\n}\r\n\r\n\/* ==============================\r\n   RESPONSIVE\r\n============================== *\/\r\n\r\n@media(max-width:1000px){\r\n\r\n  .kbya-section{\r\n    padding:85px 20px;\r\n  }\r\n\r\n  .kbya-top{\r\n    grid-template-columns:1fr;\r\n\r\n    gap:18px;\r\n  }\r\n\r\n  .kbya-grid{\r\n    grid-template-columns:1fr;\r\n  }\r\n\r\n  .kbya-trust-strip{\r\n    grid-template-columns:repeat(2,1fr);\r\n  }\r\n\r\n}\r\n\r\n@media(max-width:700px){\r\n\r\n  .kbya-section{\r\n    padding:70px 15px;\r\n  }\r\n\r\n  .kbya-title{\r\n    font-size:36px;\r\n    letter-spacing:-1.6px;\r\n  }\r\n\r\n  .kbya-check-card,\r\n  .kbya-side-card{\r\n    padding:25px 18px;\r\n    border-radius:21px;\r\n  }\r\n\r\n  .kbya-card-head{\r\n    align-items:flex-start;\r\n  }\r\n\r\n  .kbya-badge{\r\n    display:none;\r\n  }\r\n\r\n  .kbya-list{\r\n    grid-template-columns:1fr;\r\n  }\r\n\r\n  .kbya-mini-grid{\r\n    grid-template-columns:1fr;\r\n  }\r\n\r\n  .kbya-trust-strip{\r\n    grid-template-columns:1fr;\r\n  }\r\n\r\n  .kbya-actions{\r\n    flex-direction:column;\r\n    align-items:stretch;\r\n  }\r\n\r\n  .kbya-primary-btn{\r\n    width:100%;\r\n  }\r\n\r\n  .kbya-text-btn{\r\n    text-align:center;\r\n  }\r\n\r\n}\r\n<\/style>\r\n\r\n\r\n<section class=\"kbya-section\" id=\"know-before-apply\">\r\n\r\n  <div class=\"kbya-container\">\r\n\r\n\r\n    <!-- TOP HEADER -->\r\n    <div class=\"kbya-top\">\r\n\r\n      <div>\r\n\r\n        <div class=\"kbya-eyebrow\">\r\n\r\n          <span class=\"kbya-eyebrow-line\"><\/span>\r\n\r\n          Important Information\r\n\r\n        <\/div>\r\n\r\n        <h2 class=\"kbya-title\">\r\n\r\n          Know before you\r\n          <span>apply.<\/span>\r\n\r\n        <\/h2>\r\n\r\n      <\/div>\r\n\r\n\r\n      <p class=\"kbya-intro\">\r\n\r\n        Review the key application points before submitting\r\n        your details. Clear information helps you understand\r\n        the process, documentation and indicative assessment\r\n        journey before moving ahead.\r\n\r\n      <\/p>\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <!-- MAIN GRID -->\r\n    <div class=\"kbya-grid\">\r\n\r\n\r\n      <!-- LEFT CHECKLIST -->\r\n      <div class=\"kbya-check-card\">\r\n\r\n\r\n        <div class=\"kbya-card-head\">\r\n\r\n\r\n          <div class=\"kbya-card-title-wrap\">\r\n\r\n            <span class=\"kbya-card-icon\">\r\n\r\n              <svg\r\n                viewBox=\"0 0 24 24\"\r\n                fill=\"none\"\r\n                stroke=\"currentColor\"\r\n                stroke-width=\"1.8\"\r\n              >\r\n                <path d=\"M9 11l3 3L22 4\"\/>\r\n                <path d=\"M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11\"\/>\r\n              <\/svg>\r\n\r\n            <\/span>\r\n\r\n\r\n            <span class=\"kbya-card-copy\">\r\n\r\n              <strong>\r\n                Application checklist\r\n              <\/strong>\r\n\r\n              <span>\r\n                Essential points to review first\r\n              <\/span>\r\n\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n\r\n          <span class=\"kbya-badge\">\r\n            Before You Continue\r\n          <\/span>\r\n\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <!-- CHECKLIST ITEMS -->\r\n        <div class=\"kbya-list\">\r\n\r\n\r\n          <div class=\"kbya-item\">\r\n\r\n            <span class=\"kbya-check\">\r\n              <svg\r\n                viewBox=\"0 0 24 24\"\r\n                fill=\"none\"\r\n                stroke=\"currentColor\"\r\n                stroke-width=\"2.2\"\r\n              >\r\n                <path d=\"m5 12 4 4L19 6\"\/>\r\n              <\/svg>\r\n            <\/span>\r\n\r\n            <div class=\"kbya-item-copy\">\r\n\r\n              <strong>\r\n                Eligibility assessment\r\n              <\/strong>\r\n\r\n              <p>\r\n                Loan availability may depend on profile,\r\n                income, product criteria and verification.\r\n              <\/p>\r\n\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n\r\n\r\n          <div class=\"kbya-item\">\r\n\r\n            <span class=\"kbya-check\">\r\n              <svg\r\n                viewBox=\"0 0 24 24\"\r\n                fill=\"none\"\r\n                stroke=\"currentColor\"\r\n                stroke-width=\"2.2\"\r\n              >\r\n                <path d=\"m5 12 4 4L19 6\"\/>\r\n              <\/svg>\r\n            <\/span>\r\n\r\n            <div class=\"kbya-item-copy\">\r\n\r\n              <strong>\r\n                KYC & documents\r\n              <\/strong>\r\n\r\n              <p>\r\n                Identity, address, income and other\r\n                supporting documents may be requested.\r\n              <\/p>\r\n\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n\r\n\r\n          <div class=\"kbya-item\">\r\n\r\n            <span class=\"kbya-check\">\r\n              <svg\r\n                viewBox=\"0 0 24 24\"\r\n                fill=\"none\"\r\n                stroke=\"currentColor\"\r\n                stroke-width=\"2.2\"\r\n              >\r\n                <path d=\"m5 12 4 4L19 6\"\/>\r\n              <\/svg>\r\n            <\/span>\r\n\r\n            <div class=\"kbya-item-copy\">\r\n\r\n              <strong>\r\n                Applicable checks\r\n              <\/strong>\r\n\r\n              <p>\r\n                Applications may be subject to internal,\r\n                regulatory and eligibility checks.\r\n              <\/p>\r\n\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n\r\n\r\n          <div class=\"kbya-item\">\r\n\r\n            <span class=\"kbya-check\">\r\n              <svg\r\n                viewBox=\"0 0 24 24\"\r\n                fill=\"none\"\r\n                stroke=\"currentColor\"\r\n                stroke-width=\"2.2\"\r\n              >\r\n                <path d=\"m5 12 4 4L19 6\"\/>\r\n              <\/svg>\r\n            <\/span>\r\n\r\n            <div class=\"kbya-item-copy\">\r\n\r\n              <strong>\r\n                No hidden surprises\r\n              <\/strong>\r\n\r\n              <p>\r\n                Review applicable rates, charges and\r\n                product terms before acceptance.\r\n              <\/p>\r\n\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n\r\n\r\n          <div class=\"kbya-item\">\r\n\r\n            <span class=\"kbya-check\">\r\n              <svg\r\n                viewBox=\"0 0 24 24\"\r\n                fill=\"none\"\r\n                stroke=\"currentColor\"\r\n                stroke-width=\"2.2\"\r\n              >\r\n                <path d=\"m5 12 4 4L19 6\"\/>\r\n              <\/svg>\r\n            <\/span>\r\n\r\n            <div class=\"kbya-item-copy\">\r\n\r\n              <strong>\r\n                Approval is not guaranteed\r\n              <\/strong>\r\n\r\n              <p>\r\n                Submission of an application does not\r\n                itself constitute loan approval.\r\n              <\/p>\r\n\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n\r\n\r\n          <div class=\"kbya-item\">\r\n\r\n            <span class=\"kbya-check\">\r\n              <svg\r\n                viewBox=\"0 0 24 24\"\r\n                fill=\"none\"\r\n                stroke=\"currentColor\"\r\n                stroke-width=\"2.2\"\r\n              >\r\n                <path d=\"m5 12 4 4L19 6\"\/>\r\n              <\/svg>\r\n            <\/span>\r\n\r\n            <div class=\"kbya-item-copy\">\r\n\r\n              <strong>\r\n                Responsible assessment\r\n              <\/strong>\r\n\r\n              <p>\r\n                Final decisions may consider repayment\r\n                capacity and applicable lending criteria.\r\n              <\/p>\r\n\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n\r\n\r\n          <div class=\"kbya-item\">\r\n\r\n            <span class=\"kbya-check\">\r\n              <svg\r\n                viewBox=\"0 0 24 24\"\r\n                fill=\"none\"\r\n                stroke=\"currentColor\"\r\n                stroke-width=\"2.2\"\r\n              >\r\n                <path d=\"m5 12 4 4L19 6\"\/>\r\n              <\/svg>\r\n            <\/span>\r\n\r\n            <div class=\"kbya-item-copy\">\r\n\r\n              <strong>\r\n                Data privacy\r\n              <\/strong>\r\n\r\n              <p>\r\n                Personal information should be handled\r\n                under the applicable privacy framework.\r\n              <\/p>\r\n\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n\r\n\r\n          <div class=\"kbya-item\">\r\n\r\n            <span class=\"kbya-check\">\r\n              <svg\r\n                viewBox=\"0 0 24 24\"\r\n                fill=\"none\"\r\n                stroke=\"currentColor\"\r\n                stroke-width=\"2.2\"\r\n              >\r\n                <path d=\"m5 12 4 4L19 6\"\/>\r\n              <\/svg>\r\n            <\/span>\r\n\r\n            <div class=\"kbya-item-copy\">\r\n\r\n              <strong>\r\n                Verify final terms\r\n              <\/strong>\r\n\r\n              <p>\r\n                Read the final sanction and agreement\r\n                terms carefully before acceptance.\r\n              <\/p>\r\n\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <!-- NOTE -->\r\n        <div class=\"kbya-note\">\r\n\r\n          <span class=\"kbya-note-icon\">!<\/span>\r\n\r\n          <span>\r\n\r\n            <strong>Important:<\/strong>\r\n            Eligibility, pricing, tenure, fees and approval\r\n            are subject to the applicable product, assessment,\r\n            verification and final terms. Replace this copy\r\n            with your company-approved compliance wording\r\n            before publishing.\r\n\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n      <\/div>\r\n\r\n\r\n\r\n      <!-- RIGHT SIDE CARD -->\r\n      <div class=\"kbya-side-card\">\r\n\r\n\r\n        <div class=\"kbya-side-inner\">\r\n\r\n\r\n          <div class=\"kbya-side-label\">\r\n            A Clearer Process\r\n          <\/div>\r\n\r\n\r\n          <h3 class=\"kbya-side-title\">\r\n\r\n            Prepare your details before starting the application.\r\n\r\n          <\/h3>\r\n\r\n\r\n          <p class=\"kbya-side-text\">\r\n\r\n            Keeping basic identity, income and contact\r\n            information ready can help make the initial\r\n            application journey more organised.\r\n\r\n          <\/p>\r\n\r\n\r\n\r\n          <!-- MINI GRID -->\r\n          <div class=\"kbya-mini-grid\">\r\n\r\n\r\n            <div class=\"kbya-mini\">\r\n\r\n              <span class=\"kbya-mini-number\">\r\n                01\r\n              <\/span>\r\n\r\n              <strong>\r\n                Check requirements\r\n              <\/strong>\r\n\r\n              <span>\r\n                Review basic product and applicant criteria.\r\n              <\/span>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"kbya-mini\">\r\n\r\n              <span class=\"kbya-mini-number\">\r\n                02\r\n              <\/span>\r\n\r\n              <strong>\r\n                Keep details ready\r\n              <\/strong>\r\n\r\n              <span>\r\n                Prepare accurate contact and income information.\r\n              <\/span>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"kbya-mini\">\r\n\r\n              <span class=\"kbya-mini-number\">\r\n                03\r\n              <\/span>\r\n\r\n              <strong>\r\n                Review disclosures\r\n              <\/strong>\r\n\r\n              <span>\r\n                Understand indicative rates, fees and conditions.\r\n              <\/span>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"kbya-mini\">\r\n\r\n              <span class=\"kbya-mini-number\">\r\n                04\r\n              <\/span>\r\n\r\n              <strong>\r\n                Submit carefully\r\n              <\/strong>\r\n\r\n              <span>\r\n                Verify your information before final submission.\r\n              <\/span>\r\n\r\n            <\/div>\r\n\r\n\r\n          <\/div>\r\n\r\n\r\n\r\n          <!-- ACTIONS -->\r\n          <div class=\"kbya-actions\">\r\n\r\n            <a\r\n              href=\"#loan-application\"\r\n              class=\"kbya-primary-btn\"\r\n            >\r\n              Start Application\r\n              <span>\u2197<\/span>\r\n            <\/a>\r\n\r\n            <a\r\n              href=\"#emi-calculator\"\r\n              class=\"kbya-text-btn\"\r\n            >\r\n              Calculate EMI \u2192\r\n            <\/a>\r\n\r\n          <\/div>\r\n\r\n\r\n        <\/div>\r\n\r\n\r\n      <\/div>\r\n\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <!-- TRUST STRIP -->\r\n    <div class=\"kbya-trust-strip\">\r\n\r\n\r\n      <div class=\"kbya-trust-item\">\r\n\r\n        <span class=\"kbya-trust-icon\">\r\n\r\n          <svg\r\n            viewBox=\"0 0 24 24\"\r\n            fill=\"none\"\r\n            stroke=\"currentColor\"\r\n            stroke-width=\"1.8\"\r\n          >\r\n            <path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10\"\/>\r\n            <path d=\"m9 12 2 2 4-4\"\/>\r\n          <\/svg>\r\n\r\n        <\/span>\r\n\r\n        <span class=\"kbya-trust-copy\">\r\n\r\n          <strong>\r\n            Secure Information Flow\r\n          <\/strong>\r\n\r\n          <span>\r\n            Designed for a clearer digital journey\r\n          <\/span>\r\n\r\n        <\/span>\r\n\r\n      <\/div>\r\n\r\n\r\n\r\n      <div class=\"kbya-trust-item\">\r\n\r\n        <span class=\"kbya-trust-icon\">\r\n\r\n          <svg\r\n            viewBox=\"0 0 24 24\"\r\n            fill=\"none\"\r\n            stroke=\"currentColor\"\r\n            stroke-width=\"1.8\"\r\n          >\r\n            <circle cx=\"12\" cy=\"12\" r=\"9\"\/>\r\n            <path d=\"M12 7v5l3 2\"\/>\r\n          <\/svg>\r\n\r\n        <\/span>\r\n\r\n        <span class=\"kbya-trust-copy\">\r\n\r\n          <strong>\r\n            Time-Saving Process\r\n          <\/strong>\r\n\r\n          <span>\r\n            Organised steps with clear information\r\n          <\/span>\r\n\r\n        <\/span>\r\n\r\n      <\/div>\r\n\r\n\r\n\r\n      <div class=\"kbya-trust-item\">\r\n\r\n        <span class=\"kbya-trust-icon\">\r\n\r\n          <svg\r\n            viewBox=\"0 0 24 24\"\r\n            fill=\"none\"\r\n            stroke=\"currentColor\"\r\n            stroke-width=\"1.8\"\r\n          >\r\n            <path d=\"M4 19V9\"\/>\r\n            <path d=\"M10 19V5\"\/>\r\n            <path d=\"M16 19v-7\"\/>\r\n            <path d=\"M22 19H2\"\/>\r\n          <\/svg>\r\n\r\n        <\/span>\r\n\r\n        <span class=\"kbya-trust-copy\">\r\n\r\n          <strong>\r\n            Transparent Overview\r\n          <\/strong>\r\n\r\n          <span>\r\n            Understand the journey before applying\r\n          <\/span>\r\n\r\n        <\/span>\r\n\r\n      <\/div>\r\n\r\n\r\n\r\n      <div class=\"kbya-trust-item\">\r\n\r\n        <span class=\"kbya-trust-icon\">\r\n\r\n          <svg\r\n            viewBox=\"0 0 24 24\"\r\n            fill=\"none\"\r\n            stroke=\"currentColor\"\r\n            stroke-width=\"1.8\"\r\n          >\r\n            <path d=\"M21 15a4 4 0 0 1-4 4H8l-5 3V7a4 4 0 0 1 4-4h10a4 4 0 0 1 4 4z\"\/>\r\n          <\/svg>\r\n\r\n        <\/span>\r\n\r\n        <span class=\"kbya-trust-copy\">\r\n\r\n          <strong>\r\n            Support When Needed\r\n          <\/strong>\r\n\r\n          <span>\r\n            Keep assistance accessible to applicants\r\n          <\/span>\r\n\r\n        <\/span>\r\n\r\n      <\/div>\r\n\r\n\r\n    <\/div>\r\n\r\n\r\n  <\/div>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0ec875e elementor-widget elementor-widget-html\" data-id=\"0ec875e\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- =========================================\r\n SECTION \u2014 LOAN DISCLOSURE & CHARGES\r\n Premium Finance \/ NBFC UI\r\n Elementor HTML Widget Ready\r\n========================================= -->\r\n\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap');\r\n\r\n.ldis-section,\r\n.ldis-section *{\r\n  box-sizing:border-box;\r\n}\r\n\r\n.ldis-section{\r\n  --ld-primary:#08a6a1;\r\n  --ld-primary-dark:#087f7b;\r\n  --ld-dark:#102b2a;\r\n  --ld-navy:#142c3d;\r\n  --ld-text:#304542;\r\n  --ld-muted:#73827f;\r\n  --ld-soft:#edf9f7;\r\n  --ld-line:#e1ece9;\r\n  --ld-white:#ffffff;\r\n  --ld-warn:#fff8e8;\r\n  --ld-warn-line:#f0dfae;\r\n\r\n  position:relative;\r\n  width:100%;\r\n  overflow:hidden;\r\n\r\n  padding:105px 22px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      180deg,\r\n      #f8fcfb 0%,\r\n      #ffffff 100%\r\n    );\r\n\r\n  font-family:'DM Sans',sans-serif;\r\n}\r\n\r\n\/* DECORATION *\/\r\n\r\n.ldis-section:before{\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  width:420px;\r\n  height:420px;\r\n\r\n  left:-260px;\r\n  top:70px;\r\n\r\n  border-radius:50%;\r\n\r\n  background:\r\n    radial-gradient(\r\n      circle,\r\n      rgba(8,166,161,.09),\r\n      transparent 67%\r\n    );\r\n\r\n  pointer-events:none;\r\n}\r\n\r\n.ldis-section:after{\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  width:330px;\r\n  height:330px;\r\n\r\n  right:-190px;\r\n  bottom:-160px;\r\n\r\n  border-radius:50%;\r\n\r\n  border:1px solid rgba(8,166,161,.08);\r\n\r\n  box-shadow:\r\n    0 0 0 50px rgba(8,166,161,.022),\r\n    0 0 0 100px rgba(8,166,161,.012);\r\n\r\n  pointer-events:none;\r\n}\r\n\r\n\/* CONTAINER *\/\r\n\r\n.ldis-container{\r\n  position:relative;\r\n  z-index:2;\r\n\r\n  width:100%;\r\n  max-width:1280px;\r\n\r\n  margin:0 auto;\r\n}\r\n\r\n\/* =========================================\r\n   HEADER\r\n========================================= *\/\r\n\r\n.ldis-header{\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    minmax(0,1fr)\r\n    minmax(300px,.55fr);\r\n\r\n  align-items:end;\r\n\r\n  gap:70px;\r\n\r\n  margin-bottom:44px;\r\n}\r\n\r\n.ldis-eyebrow{\r\n  width:max-content;\r\n\r\n  display:flex;\r\n  align-items:center;\r\n\r\n  gap:9px;\r\n\r\n  margin-bottom:16px;\r\n\r\n  color:var(--ld-primary-dark);\r\n\r\n  font-size:11px;\r\n  font-weight:800;\r\n\r\n  text-transform:uppercase;\r\n  letter-spacing:1px;\r\n}\r\n\r\n.ldis-eyebrow-line{\r\n  width:27px;\r\n  height:2px;\r\n\r\n  border-radius:999px;\r\n\r\n  background:var(--ld-primary);\r\n}\r\n\r\n.ldis-title{\r\n  max-width:760px;\r\n\r\n  margin:0;\r\n\r\n  color:var(--ld-dark);\r\n\r\n  font-family:'Manrope',sans-serif;\r\n\r\n  font-size:clamp(35px,4vw,52px);\r\n  line-height:1.08;\r\n\r\n  font-weight:800;\r\n\r\n  letter-spacing:-2.2px;\r\n}\r\n\r\n.ldis-title span{\r\n  color:var(--ld-primary);\r\n}\r\n\r\n.ldis-intro{\r\n  margin:0;\r\n\r\n  color:var(--ld-muted);\r\n\r\n  font-size:14px;\r\n  line-height:1.75;\r\n}\r\n\r\n\/* =========================================\r\n   MAIN DISCLOSURE SHELL\r\n========================================= *\/\r\n\r\n.ldis-shell{\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    minmax(330px,.72fr)\r\n    minmax(0,1.28fr);\r\n\r\n  overflow:hidden;\r\n\r\n  border:1px solid var(--ld-line);\r\n  border-radius:28px;\r\n\r\n  background:#ffffff;\r\n\r\n  box-shadow:\r\n    0 28px 75px rgba(16,43,42,.10);\r\n}\r\n\r\n\/* =========================================\r\n   LEFT OVERVIEW\r\n========================================= *\/\r\n\r\n.ldis-overview{\r\n  position:relative;\r\n\r\n  overflow:hidden;\r\n\r\n  padding:40px;\r\n\r\n  background:\r\n    radial-gradient(\r\n      circle at 90% 5%,\r\n      rgba(85,225,212,.17),\r\n      transparent 26%\r\n    ),\r\n    linear-gradient(\r\n      145deg,\r\n      #142f40 0%,\r\n      #102b2a 100%\r\n    );\r\n\r\n  color:#ffffff;\r\n}\r\n\r\n.ldis-overview:before{\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  width:210px;\r\n  height:210px;\r\n\r\n  right:-100px;\r\n  bottom:-100px;\r\n\r\n  border-radius:50%;\r\n\r\n  border:1px solid rgba(255,255,255,.09);\r\n\r\n  box-shadow:\r\n    0 0 0 38px rgba(255,255,255,.02);\r\n}\r\n\r\n.ldis-overview-inner{\r\n  position:relative;\r\n  z-index:2;\r\n}\r\n\r\n.ldis-overview-label{\r\n  display:flex;\r\n  align-items:center;\r\n\r\n  gap:8px;\r\n\r\n  color:#7ee4da;\r\n\r\n  font-size:10px;\r\n  font-weight:800;\r\n\r\n  text-transform:uppercase;\r\n  letter-spacing:.9px;\r\n}\r\n\r\n.ldis-overview-label:before{\r\n  content:\"\";\r\n\r\n  width:19px;\r\n  height:2px;\r\n\r\n  border-radius:10px;\r\n\r\n  background:#62dcd1;\r\n}\r\n\r\n.ldis-overview h3{\r\n  margin:18px 0 0;\r\n\r\n  color:#ffffff;\r\n\r\n  font-family:'Manrope',sans-serif;\r\n\r\n  font-size:29px;\r\n  line-height:1.18;\r\n\r\n  font-weight:800;\r\n\r\n  letter-spacing:-1.2px;\r\n}\r\n\r\n.ldis-overview-text{\r\n  margin:13px 0 0;\r\n\r\n  color:rgba(255,255,255,.59);\r\n\r\n  font-size:11px;\r\n  line-height:1.7;\r\n}\r\n\r\n\/* OVERVIEW ITEMS *\/\r\n\r\n.ldis-overview-list{\r\n  display:flex;\r\n  flex-direction:column;\r\n\r\n  gap:10px;\r\n\r\n  margin-top:27px;\r\n}\r\n\r\n.ldis-overview-item{\r\n  display:flex;\r\n\r\n  align-items:center;\r\n  justify-content:space-between;\r\n\r\n  gap:15px;\r\n\r\n  padding:14px 15px;\r\n\r\n  border-radius:12px;\r\n\r\n  background:rgba(255,255,255,.065);\r\n\r\n  border:1px solid rgba(255,255,255,.08);\r\n}\r\n\r\n.ldis-overview-item span{\r\n  color:rgba(255,255,255,.52);\r\n\r\n  font-size:9px;\r\n  font-weight:600;\r\n}\r\n\r\n.ldis-overview-item strong{\r\n  color:#ffffff;\r\n\r\n  text-align:right;\r\n\r\n  font-size:10px;\r\n  font-weight:800;\r\n}\r\n\r\n\/* DISCLOSURE STATUS *\/\r\n\r\n.ldis-status{\r\n  display:flex;\r\n  align-items:center;\r\n\r\n  gap:10px;\r\n\r\n  margin-top:24px;\r\n  padding:14px;\r\n\r\n  border-radius:12px;\r\n\r\n  background:rgba(89,222,209,.10);\r\n\r\n  border:1px solid rgba(89,222,209,.16);\r\n}\r\n\r\n.ldis-status-icon{\r\n  width:30px;\r\n  height:30px;\r\n\r\n  flex-shrink:0;\r\n\r\n  border-radius:9px;\r\n\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n\r\n  background:rgba(105,230,218,.14);\r\n\r\n  color:#7ce6dc;\r\n}\r\n\r\n.ldis-status-icon svg{\r\n  width:15px;\r\n  height:15px;\r\n}\r\n\r\n.ldis-status-copy strong{\r\n  display:block;\r\n\r\n  color:#ffffff;\r\n\r\n  font-size:10px;\r\n  font-weight:800;\r\n}\r\n\r\n.ldis-status-copy span{\r\n  display:block;\r\n\r\n  margin-top:3px;\r\n\r\n  color:rgba(255,255,255,.48);\r\n\r\n  font-size:8px;\r\n  line-height:1.4;\r\n}\r\n\r\n\/* =========================================\r\n   RIGHT FEES PANEL\r\n========================================= *\/\r\n\r\n.ldis-fees{\r\n  padding:40px;\r\n}\r\n\r\n.ldis-fees-head{\r\n  display:flex;\r\n\r\n  align-items:center;\r\n  justify-content:space-between;\r\n\r\n  gap:20px;\r\n\r\n  padding-bottom:24px;\r\n\r\n  border-bottom:1px solid var(--ld-line);\r\n}\r\n\r\n.ldis-fees-title{\r\n  display:flex;\r\n  align-items:center;\r\n\r\n  gap:13px;\r\n}\r\n\r\n.ldis-fees-icon{\r\n  width:47px;\r\n  height:47px;\r\n\r\n  flex-shrink:0;\r\n\r\n  border-radius:14px;\r\n\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n\r\n  background:var(--ld-soft);\r\n\r\n  color:var(--ld-primary);\r\n}\r\n\r\n.ldis-fees-icon svg{\r\n  width:22px;\r\n  height:22px;\r\n}\r\n\r\n.ldis-fees-copy strong{\r\n  display:block;\r\n\r\n  color:var(--ld-dark);\r\n\r\n  font-family:'Manrope',sans-serif;\r\n\r\n  font-size:17px;\r\n  font-weight:800;\r\n}\r\n\r\n.ldis-fees-copy span{\r\n  display:block;\r\n\r\n  margin-top:4px;\r\n\r\n  color:var(--ld-muted);\r\n\r\n  font-size:10px;\r\n}\r\n\r\n.ldis-fees-badge{\r\n  padding:8px 11px;\r\n\r\n  border-radius:999px;\r\n\r\n  background:var(--ld-soft);\r\n\r\n  color:var(--ld-primary-dark);\r\n\r\n  font-size:9px;\r\n  font-weight:800;\r\n\r\n  text-transform:uppercase;\r\n  letter-spacing:.45px;\r\n}\r\n\r\n\/* =========================================\r\n   TABLE\r\n========================================= *\/\r\n\r\n.ldis-table-wrap{\r\n  margin-top:25px;\r\n\r\n  overflow:hidden;\r\n\r\n  border:1px solid var(--ld-line);\r\n  border-radius:15px;\r\n}\r\n\r\n.ldis-table{\r\n  width:100%;\r\n\r\n  border-collapse:collapse;\r\n\r\n  table-layout:fixed;\r\n}\r\n\r\n.ldis-table thead{\r\n  background:var(--ld-dark);\r\n}\r\n\r\n.ldis-table th{\r\n  padding:14px 16px;\r\n\r\n  color:#ffffff;\r\n\r\n  text-align:left;\r\n\r\n  font-size:9px;\r\n  font-weight:800;\r\n\r\n  text-transform:uppercase;\r\n  letter-spacing:.5px;\r\n}\r\n\r\n.ldis-table th:first-child{\r\n  width:36%;\r\n}\r\n\r\n.ldis-table td{\r\n  padding:13px 16px;\r\n\r\n  border-bottom:1px solid #edf2f1;\r\n\r\n  color:var(--ld-text);\r\n\r\n  vertical-align:top;\r\n\r\n  font-size:10px;\r\n  line-height:1.45;\r\n}\r\n\r\n.ldis-table tr:last-child td{\r\n  border-bottom:0;\r\n}\r\n\r\n.ldis-table tbody tr:nth-child(even){\r\n  background:#f9fbfb;\r\n}\r\n\r\n.ldis-table tbody tr{\r\n  transition:background .2s ease;\r\n}\r\n\r\n.ldis-table tbody tr:hover{\r\n  background:var(--ld-soft);\r\n}\r\n\r\n.ldis-table td:first-child{\r\n  color:var(--ld-dark);\r\n\r\n  font-weight:800;\r\n}\r\n\r\n\/* =========================================\r\n   NOTICE\r\n========================================= *\/\r\n\r\n.ldis-notice{\r\n  display:flex;\r\n  align-items:flex-start;\r\n\r\n  gap:12px;\r\n\r\n  margin-top:22px;\r\n  padding:16px;\r\n\r\n  border:1px solid var(--ld-warn-line);\r\n  border-radius:13px;\r\n\r\n  background:var(--ld-warn);\r\n\r\n  color:#74684d;\r\n\r\n  font-size:9.5px;\r\n  line-height:1.6;\r\n}\r\n\r\n.ldis-notice-icon{\r\n  width:29px;\r\n  height:29px;\r\n\r\n  flex-shrink:0;\r\n\r\n  border-radius:8px;\r\n\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n\r\n  background:#ffffff;\r\n\r\n  color:#c28b24;\r\n\r\n  font-weight:800;\r\n}\r\n\r\n\/* =========================================\r\n   BOTTOM ACTION STRIP\r\n========================================= *\/\r\n\r\n.ldis-bottom{\r\n  display:flex;\r\n\r\n  align-items:center;\r\n  justify-content:space-between;\r\n\r\n  gap:25px;\r\n\r\n  margin-top:24px;\r\n  padding:22px 24px;\r\n\r\n  border:1px solid var(--ld-line);\r\n  border-radius:17px;\r\n\r\n  background:#ffffff;\r\n}\r\n\r\n.ldis-bottom-copy{\r\n  display:flex;\r\n  align-items:center;\r\n\r\n  gap:12px;\r\n}\r\n\r\n.ldis-bottom-icon{\r\n  width:40px;\r\n  height:40px;\r\n\r\n  flex-shrink:0;\r\n\r\n  border-radius:11px;\r\n\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n\r\n  background:var(--ld-soft);\r\n\r\n  color:var(--ld-primary);\r\n}\r\n\r\n.ldis-bottom-icon svg{\r\n  width:18px;\r\n  height:18px;\r\n}\r\n\r\n.ldis-bottom-text strong{\r\n  display:block;\r\n\r\n  color:var(--ld-dark);\r\n\r\n  font-size:11px;\r\n  font-weight:800;\r\n}\r\n\r\n.ldis-bottom-text span{\r\n  display:block;\r\n\r\n  margin-top:4px;\r\n\r\n  color:var(--ld-muted);\r\n\r\n  font-size:9px;\r\n}\r\n\r\n.ldis-actions{\r\n  display:flex;\r\n  align-items:center;\r\n\r\n  gap:10px;\r\n}\r\n\r\n.ldis-btn-primary,\r\n.ldis-btn-secondary{\r\n  min-height:45px;\r\n\r\n  padding:0 16px;\r\n\r\n  border-radius:10px;\r\n\r\n  display:inline-flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n\r\n  gap:8px;\r\n\r\n  text-decoration:none;\r\n\r\n  font-size:10px;\r\n  font-weight:800;\r\n\r\n  transition:.25s ease;\r\n}\r\n\r\n.ldis-btn-primary{\r\n  background:var(--ld-primary);\r\n\r\n  color:#ffffff;\r\n}\r\n\r\n.ldis-btn-primary:hover{\r\n  background:var(--ld-primary-dark);\r\n\r\n  color:#ffffff;\r\n\r\n  transform:translateY(-2px);\r\n}\r\n\r\n.ldis-btn-secondary{\r\n  background:#f3f7f6;\r\n\r\n  color:var(--ld-dark);\r\n}\r\n\r\n.ldis-btn-secondary:hover{\r\n  background:var(--ld-dark);\r\n\r\n  color:#ffffff;\r\n}\r\n\r\n\/* =========================================\r\n   RESPONSIVE\r\n========================================= *\/\r\n\r\n@media(max-width:1000px){\r\n\r\n  .ldis-section{\r\n    padding:85px 20px;\r\n  }\r\n\r\n  .ldis-header{\r\n    grid-template-columns:1fr;\r\n\r\n    gap:18px;\r\n  }\r\n\r\n  .ldis-shell{\r\n    grid-template-columns:1fr;\r\n  }\r\n\r\n}\r\n\r\n@media(max-width:700px){\r\n\r\n  .ldis-section{\r\n    padding:70px 15px;\r\n  }\r\n\r\n  .ldis-title{\r\n    font-size:36px;\r\n\r\n    letter-spacing:-1.6px;\r\n  }\r\n\r\n  .ldis-shell{\r\n    border-radius:21px;\r\n  }\r\n\r\n  .ldis-overview,\r\n  .ldis-fees{\r\n    padding:26px 18px;\r\n  }\r\n\r\n  .ldis-fees-head{\r\n    align-items:flex-start;\r\n  }\r\n\r\n  .ldis-fees-badge{\r\n    display:none;\r\n  }\r\n\r\n  .ldis-table-wrap{\r\n    overflow-x:auto;\r\n  }\r\n\r\n  .ldis-table{\r\n    min-width:620px;\r\n  }\r\n\r\n  .ldis-bottom{\r\n    align-items:stretch;\r\n\r\n    flex-direction:column;\r\n  }\r\n\r\n  .ldis-actions{\r\n    width:100%;\r\n\r\n    flex-direction:column;\r\n  }\r\n\r\n  .ldis-btn-primary,\r\n  .ldis-btn-secondary{\r\n    width:100%;\r\n  }\r\n\r\n}\r\n<\/style>\r\n\r\n\r\n<section class=\"ldis-section\" id=\"loan-disclosure\">\r\n\r\n  <div class=\"ldis-container\">\r\n\r\n\r\n    <!-- =========================\r\n         SECTION HEADER\r\n    ========================== -->\r\n\r\n    <div class=\"ldis-header\">\r\n\r\n      <div>\r\n\r\n        <div class=\"ldis-eyebrow\">\r\n\r\n          <span class=\"ldis-eyebrow-line\"><\/span>\r\n\r\n          Transparent Disclosure\r\n\r\n        <\/div>\r\n\r\n\r\n        <h2 class=\"ldis-title\">\r\n\r\n          Understand the details\r\n          before you\r\n\r\n          <span>proceed.<\/span>\r\n\r\n        <\/h2>\r\n\r\n      <\/div>\r\n\r\n\r\n      <p class=\"ldis-intro\">\r\n\r\n        Review the indicative loan structure, applicable\r\n        charges and important conditions before applying.\r\n        Final pricing and terms may vary according to the\r\n        relevant product, applicant profile and assessment.\r\n\r\n      <\/p>\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <!-- =========================\r\n         MAIN SHELL\r\n    ========================== -->\r\n\r\n    <div class=\"ldis-shell\">\r\n\r\n\r\n      <!-- =========================\r\n           LEFT OVERVIEW\r\n      ========================== -->\r\n\r\n      <div class=\"ldis-overview\">\r\n\r\n        <div class=\"ldis-overview-inner\">\r\n\r\n\r\n          <div class=\"ldis-overview-label\">\r\n            Loan Overview\r\n          <\/div>\r\n\r\n\r\n          <h3>\r\n            Personal loan at a glance\r\n          <\/h3>\r\n\r\n\r\n          <p class=\"ldis-overview-text\">\r\n\r\n            The information below is illustrative.\r\n            Replace all values with your actual,\r\n            company-approved product disclosure\r\n            before publishing the website.\r\n\r\n          <\/p>\r\n\r\n\r\n\r\n          <div class=\"ldis-overview-list\">\r\n\r\n\r\n            <div class=\"ldis-overview-item\">\r\n\r\n              <span>\r\n                Indicative Loan Amount\r\n              <\/span>\r\n\r\n              <strong>\r\n                \u20b950,000 \u2013 \u20b920,00,000\r\n              <\/strong>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"ldis-overview-item\">\r\n\r\n              <span>\r\n                Indicative Interest Rate\r\n              <\/span>\r\n\r\n              <strong>\r\n                From 7.5% p.a.*\r\n              <\/strong>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"ldis-overview-item\">\r\n\r\n              <span>\r\n                Indicative Tenure\r\n              <\/span>\r\n\r\n              <strong>\r\n                12 \u2013 120 Months\r\n              <\/strong>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"ldis-overview-item\">\r\n\r\n              <span>\r\n                Repayment Mode\r\n              <\/span>\r\n\r\n              <strong>\r\n                Monthly EMI\r\n              <\/strong>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"ldis-overview-item\">\r\n\r\n              <span>\r\n                Security\r\n              <\/span>\r\n\r\n              <strong>\r\n                Product Dependent\r\n              <\/strong>\r\n\r\n            <\/div>\r\n\r\n\r\n          <\/div>\r\n\r\n\r\n\r\n          <!-- STATUS -->\r\n          <div class=\"ldis-status\">\r\n\r\n            <span class=\"ldis-status-icon\">\r\n\r\n              <svg\r\n                viewBox=\"0 0 24 24\"\r\n                fill=\"none\"\r\n                stroke=\"currentColor\"\r\n                stroke-width=\"1.9\"\r\n              >\r\n                <path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10\"\/>\r\n                <path d=\"m9 12 2 2 4-4\"\/>\r\n              <\/svg>\r\n\r\n            <\/span>\r\n\r\n\r\n            <span class=\"ldis-status-copy\">\r\n\r\n              <strong>\r\n                Review final documentation\r\n              <\/strong>\r\n\r\n              <span>\r\n                Final terms should be verified before acceptance.\r\n              <\/span>\r\n\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n\r\n      <!-- =========================\r\n           RIGHT FEES PANEL\r\n      ========================== -->\r\n\r\n      <div class=\"ldis-fees\">\r\n\r\n\r\n        <!-- PANEL HEAD -->\r\n        <div class=\"ldis-fees-head\">\r\n\r\n\r\n          <div class=\"ldis-fees-title\">\r\n\r\n            <span class=\"ldis-fees-icon\">\r\n\r\n              <svg\r\n                viewBox=\"0 0 24 24\"\r\n                fill=\"none\"\r\n                stroke=\"currentColor\"\r\n                stroke-width=\"1.8\"\r\n              >\r\n                <path d=\"M6 2h9l4 4v16H6z\"\/>\r\n                <path d=\"M14 2v5h5\"\/>\r\n                <path d=\"M9 12h6\"\/>\r\n                <path d=\"M9 16h6\"\/>\r\n              <\/svg>\r\n\r\n            <\/span>\r\n\r\n\r\n            <span class=\"ldis-fees-copy\">\r\n\r\n              <strong>\r\n                Fees & Charges\r\n              <\/strong>\r\n\r\n              <span>\r\n                Indicative disclosure structure\r\n              <\/span>\r\n\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n\r\n          <span class=\"ldis-fees-badge\">\r\n            Please Review\r\n          <\/span>\r\n\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <!-- TABLE -->\r\n        <div class=\"ldis-table-wrap\">\r\n\r\n          <table class=\"ldis-table\">\r\n\r\n            <thead>\r\n\r\n              <tr>\r\n                <th>Charge Type<\/th>\r\n                <th>Indicative Details<\/th>\r\n              <\/tr>\r\n\r\n            <\/thead>\r\n\r\n\r\n            <tbody>\r\n\r\n              <tr>\r\n                <td>\r\n                  Interest Rate\r\n                <\/td>\r\n\r\n                <td>\r\n                  Indicative rate based on applicable\r\n                  product, profile and outstanding balance.\r\n                <\/td>\r\n              <\/tr>\r\n\r\n\r\n              <tr>\r\n                <td>\r\n                  Processing Fee\r\n                <\/td>\r\n\r\n                <td>\r\n                  Up to 2% of the sanctioned amount\r\n                  plus applicable taxes.*\r\n                <\/td>\r\n              <\/tr>\r\n\r\n\r\n              <tr>\r\n                <td>\r\n                  Documentation Charges\r\n                <\/td>\r\n\r\n                <td>\r\n                  May apply depending on the product\r\n                  and processing requirements.*\r\n                <\/td>\r\n              <\/tr>\r\n\r\n\r\n              <tr>\r\n                <td>\r\n                  Stamp Duty \/ Agreement\r\n                <\/td>\r\n\r\n                <td>\r\n                  As applicable under relevant\r\n                  laws and jurisdiction.*\r\n                <\/td>\r\n              <\/tr>\r\n\r\n\r\n              <tr>\r\n                <td>\r\n                  EMI Bounce Charges\r\n                <\/td>\r\n\r\n                <td>\r\n                  May apply per instance according\r\n                  to final agreement terms.*\r\n                <\/td>\r\n              <\/tr>\r\n\r\n\r\n              <tr>\r\n                <td>\r\n                  Mandate Rejection\r\n                <\/td>\r\n\r\n                <td>\r\n                  Applicable charges may arise for\r\n                  failed or rejected mandates.*\r\n                <\/td>\r\n              <\/tr>\r\n\r\n\r\n              <tr>\r\n                <td>\r\n                  Late Payment Charges\r\n                <\/td>\r\n\r\n                <td>\r\n                  May be charged on overdue EMI or\r\n                  outstanding amounts as agreed.*\r\n                <\/td>\r\n              <\/tr>\r\n\r\n\r\n              <tr>\r\n                <td>\r\n                  Prepayment \/ Foreclosure\r\n                <\/td>\r\n\r\n                <td>\r\n                  Product-specific terms and charges\r\n                  may apply.*\r\n                <\/td>\r\n              <\/tr>\r\n\r\n\r\n              <tr>\r\n                <td>\r\n                  Loan Cancellation\r\n                <\/td>\r\n\r\n                <td>\r\n                  Cancellation conditions and applicable\r\n                  deductions may vary.*\r\n                <\/td>\r\n              <\/tr>\r\n\r\n\r\n              <tr>\r\n                <td>\r\n                  Part-Payment\r\n                <\/td>\r\n\r\n                <td>\r\n                  Subject to product eligibility,\r\n                  limits and applicable charges.*\r\n                <\/td>\r\n              <\/tr>\r\n\r\n\r\n              <tr>\r\n                <td>\r\n                  Loan Rescheduling\r\n                <\/td>\r\n\r\n                <td>\r\n                  Administrative or restructuring\r\n                  charges may apply where permitted.*\r\n                <\/td>\r\n              <\/tr>\r\n\r\n\r\n              <tr>\r\n                <td>\r\n                  Duplicate Documents\r\n                <\/td>\r\n\r\n                <td>\r\n                  Charges may apply for duplicate\r\n                  statements, certificates or copies.*\r\n                <\/td>\r\n              <\/tr>\r\n\r\n            <\/tbody>\r\n\r\n          <\/table>\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <!-- NOTICE -->\r\n        <div class=\"ldis-notice\">\r\n\r\n          <span class=\"ldis-notice-icon\">\r\n            !\r\n          <\/span>\r\n\r\n          <span>\r\n\r\n            <strong>Important disclosure:<\/strong>\r\n            The values shown in this demo section are\r\n            illustrative placeholders only. Replace them\r\n            with the exact rates, fees, taxes, penal charges,\r\n            cooling-off terms and other disclosures approved\r\n            for your actual financial product before publishing.\r\n\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n      <\/div>\r\n\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <!-- =========================\r\n         BOTTOM ACTION STRIP\r\n    ========================== -->\r\n\r\n    <div class=\"ldis-bottom\">\r\n\r\n\r\n      <div class=\"ldis-bottom-copy\">\r\n\r\n        <span class=\"ldis-bottom-icon\">\r\n\r\n          <svg\r\n            viewBox=\"0 0 24 24\"\r\n            fill=\"none\"\r\n            stroke=\"currentColor\"\r\n            stroke-width=\"1.8\"\r\n          >\r\n            <circle cx=\"12\" cy=\"12\" r=\"9\"\/>\r\n            <path d=\"M12 11v5\"\/>\r\n            <path d=\"M12 8h.01\"\/>\r\n          <\/svg>\r\n\r\n        <\/span>\r\n\r\n\r\n        <span class=\"ldis-bottom-text\">\r\n\r\n          <strong>\r\n            Need clarity before applying?\r\n          <\/strong>\r\n\r\n          <span>\r\n            Review the process or estimate your repayment first.\r\n          <\/span>\r\n\r\n        <\/span>\r\n\r\n      <\/div>\r\n\r\n\r\n\r\n      <div class=\"ldis-actions\">\r\n\r\n        <a\r\n          href=\"#emi-calculator\"\r\n          class=\"ldis-btn-secondary\"\r\n        >\r\n          Calculate EMI\r\n        <\/a>\r\n\r\n\r\n        <a\r\n          href=\"#loan-application\"\r\n          class=\"ldis-btn-primary\"\r\n        >\r\n          Start Application\r\n          <span>\u2197<\/span>\r\n        <\/a>\r\n\r\n      <\/div>\r\n\r\n\r\n    <\/div>\r\n\r\n\r\n  <\/div>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-408fe4b elementor-widget elementor-widget-html\" data-id=\"408fe4b\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- =========================================\r\n SECTION \u2014 WHY CHOOSE US\r\n Premium Finance \/ NBFC UI\r\n Elementor HTML Widget Ready\r\n========================================= -->\r\n\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap');\r\n\r\n.wcfx-section,\r\n.wcfx-section *{\r\n  box-sizing:border-box;\r\n}\r\n\r\n.wcfx-section{\r\n  --wc-primary:#08a6a1;\r\n  --wc-primary-dark:#087f7b;\r\n  --wc-dark:#102b2a;\r\n  --wc-navy:#142f40;\r\n  --wc-text:#304542;\r\n  --wc-muted:#748481;\r\n  --wc-soft:#edf9f7;\r\n  --wc-line:#e1ece9;\r\n  --wc-white:#ffffff;\r\n  --wc-warm:#fff5f2;\r\n\r\n  position:relative;\r\n  width:100%;\r\n  overflow:hidden;\r\n\r\n  padding:110px 22px;\r\n\r\n  background:\r\n    radial-gradient(\r\n      circle at 88% 45%,\r\n      rgba(8,166,161,.08),\r\n      transparent 25%\r\n    ),\r\n    linear-gradient(\r\n      180deg,\r\n      #ffffff 0%,\r\n      #fbfdfd 100%\r\n    );\r\n\r\n  font-family:'DM Sans',sans-serif;\r\n}\r\n\r\n\/* DECORATION *\/\r\n\r\n.wcfx-section:before{\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n  left:-190px;\r\n  top:90px;\r\n\r\n  width:360px;\r\n  height:360px;\r\n\r\n  border-radius:50%;\r\n\r\n  border:1px solid rgba(8,166,161,.07);\r\n\r\n  box-shadow:\r\n    0 0 0 55px rgba(8,166,161,.018),\r\n    0 0 0 110px rgba(8,166,161,.010);\r\n\r\n  pointer-events:none;\r\n}\r\n\r\n.wcfx-container{\r\n  position:relative;\r\n  z-index:2;\r\n\r\n  width:100%;\r\n  max-width:1280px;\r\n\r\n  margin:0 auto;\r\n}\r\n\r\n\/* =========================================\r\n   MAIN GRID\r\n========================================= *\/\r\n\r\n.wcfx-main{\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    minmax(0,1fr)\r\n    minmax(420px,.9fr);\r\n\r\n  align-items:center;\r\n\r\n  gap:75px;\r\n}\r\n\r\n\/* =========================================\r\n   LEFT CONTENT\r\n========================================= *\/\r\n\r\n.wcfx-eyebrow{\r\n  width:max-content;\r\n\r\n  display:flex;\r\n  align-items:center;\r\n\r\n  gap:9px;\r\n\r\n  margin-bottom:17px;\r\n\r\n  color:var(--wc-primary-dark);\r\n\r\n  font-size:11px;\r\n  font-weight:800;\r\n\r\n  text-transform:uppercase;\r\n  letter-spacing:1px;\r\n}\r\n\r\n.wcfx-eyebrow-line{\r\n  width:27px;\r\n  height:2px;\r\n\r\n  border-radius:999px;\r\n\r\n  background:var(--wc-primary);\r\n}\r\n\r\n.wcfx-title{\r\n  max-width:680px;\r\n\r\n  margin:0;\r\n\r\n  color:var(--wc-dark);\r\n\r\n  font-family:'Manrope',sans-serif;\r\n\r\n  font-size:clamp(37px,4vw,55px);\r\n  line-height:1.06;\r\n\r\n  font-weight:800;\r\n\r\n  letter-spacing:-2.4px;\r\n}\r\n\r\n.wcfx-title span{\r\n  color:var(--wc-primary);\r\n}\r\n\r\n.wcfx-intro{\r\n  max-width:640px;\r\n\r\n  margin:18px 0 0;\r\n\r\n  color:var(--wc-muted);\r\n\r\n  font-size:14px;\r\n  line-height:1.78;\r\n}\r\n\r\n\/* =========================================\r\n   INTERACTIVE TABS\r\n========================================= *\/\r\n\r\n.wcfx-tabs{\r\n  display:flex;\r\n  flex-wrap:wrap;\r\n\r\n  gap:8px;\r\n\r\n  margin-top:28px;\r\n  padding-bottom:17px;\r\n\r\n  border-bottom:1px solid var(--wc-line);\r\n}\r\n\r\n.wcfx-tab{\r\n  min-height:38px;\r\n\r\n  padding:0 13px;\r\n\r\n  border:1px solid transparent;\r\n  border-radius:9px;\r\n\r\n  background:transparent;\r\n\r\n  color:#6f807d;\r\n\r\n  font-family:'DM Sans',sans-serif;\r\n\r\n  font-size:10px;\r\n  font-weight:800;\r\n\r\n  cursor:pointer;\r\n\r\n  transition:.25s ease;\r\n}\r\n\r\n.wcfx-tab:hover{\r\n  color:var(--wc-primary-dark);\r\n\r\n  background:var(--wc-soft);\r\n}\r\n\r\n.wcfx-tab.active{\r\n  color:var(--wc-primary-dark);\r\n\r\n  background:var(--wc-soft);\r\n\r\n  border-color:rgba(8,166,161,.13);\r\n}\r\n\r\n\/* TAB CONTENT *\/\r\n\r\n.wcfx-tab-content{\r\n  margin-top:23px;\r\n}\r\n\r\n.wcfx-panel{\r\n  display:none;\r\n}\r\n\r\n.wcfx-panel.active{\r\n  display:block;\r\n\r\n  animation:\r\n    wcfxFade .32s ease;\r\n}\r\n\r\n@keyframes wcfxFade{\r\n  from{\r\n    opacity:0;\r\n    transform:translateY(7px);\r\n  }\r\n\r\n  to{\r\n    opacity:1;\r\n    transform:translateY(0);\r\n  }\r\n}\r\n\r\n.wcfx-panel-label{\r\n  display:flex;\r\n  align-items:center;\r\n\r\n  gap:8px;\r\n\r\n  color:var(--wc-dark);\r\n\r\n  font-size:12px;\r\n  font-weight:800;\r\n}\r\n\r\n.wcfx-panel-label span{\r\n  width:27px;\r\n  height:27px;\r\n\r\n  border-radius:8px;\r\n\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n\r\n  background:var(--wc-soft);\r\n\r\n  color:var(--wc-primary);\r\n\r\n  font-size:10px;\r\n}\r\n\r\n.wcfx-panel p{\r\n  max-width:630px;\r\n\r\n  margin:11px 0 0;\r\n\r\n  color:var(--wc-muted);\r\n\r\n  font-size:12px;\r\n  line-height:1.7;\r\n}\r\n\r\n\/* =========================================\r\n   MINI BENEFITS\r\n========================================= *\/\r\n\r\n.wcfx-benefits{\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    repeat(2,1fr);\r\n\r\n  gap:11px;\r\n\r\n  margin-top:24px;\r\n}\r\n\r\n.wcfx-benefit{\r\n  display:flex;\r\n  align-items:center;\r\n\r\n  gap:11px;\r\n\r\n  padding:14px;\r\n\r\n  border:1px solid var(--wc-line);\r\n  border-radius:13px;\r\n\r\n  background:#ffffff;\r\n\r\n  transition:.25s ease;\r\n}\r\n\r\n.wcfx-benefit:hover{\r\n  transform:translateY(-3px);\r\n\r\n  border-color:rgba(8,166,161,.25);\r\n\r\n  box-shadow:\r\n    0 12px 25px rgba(16,43,42,.06);\r\n}\r\n\r\n.wcfx-benefit-icon{\r\n  width:34px;\r\n  height:34px;\r\n\r\n  flex-shrink:0;\r\n\r\n  border-radius:10px;\r\n\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n\r\n  background:var(--wc-soft);\r\n\r\n  color:var(--wc-primary);\r\n}\r\n\r\n.wcfx-benefit-icon svg{\r\n  width:16px;\r\n  height:16px;\r\n}\r\n\r\n.wcfx-benefit-copy strong{\r\n  display:block;\r\n\r\n  color:var(--wc-dark);\r\n\r\n  font-size:10px;\r\n  font-weight:800;\r\n}\r\n\r\n.wcfx-benefit-copy span{\r\n  display:block;\r\n\r\n  margin-top:3px;\r\n\r\n  color:var(--wc-muted);\r\n\r\n  font-size:8.5px;\r\n  line-height:1.4;\r\n}\r\n\r\n\/* =========================================\r\n   CTA\r\n========================================= *\/\r\n\r\n.wcfx-actions{\r\n  display:flex;\r\n  align-items:center;\r\n\r\n  gap:12px;\r\n\r\n  margin-top:27px;\r\n}\r\n\r\n.wcfx-primary-btn,\r\n.wcfx-secondary-btn{\r\n  min-height:49px;\r\n\r\n  padding:0 18px;\r\n\r\n  border-radius:11px;\r\n\r\n  display:inline-flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n\r\n  gap:9px;\r\n\r\n  text-decoration:none;\r\n\r\n  font-size:10.5px;\r\n  font-weight:800;\r\n\r\n  transition:.25s ease;\r\n}\r\n\r\n.wcfx-primary-btn{\r\n  background:var(--wc-primary);\r\n\r\n  color:#ffffff;\r\n\r\n  box-shadow:\r\n    0 12px 25px rgba(8,166,161,.16);\r\n}\r\n\r\n.wcfx-primary-btn:hover{\r\n  background:var(--wc-primary-dark);\r\n\r\n  color:#ffffff;\r\n\r\n  transform:translateY(-2px);\r\n}\r\n\r\n.wcfx-secondary-btn{\r\n  background:#f3f7f6;\r\n\r\n  color:var(--wc-dark);\r\n}\r\n\r\n.wcfx-secondary-btn:hover{\r\n  background:var(--wc-dark);\r\n\r\n  color:#ffffff;\r\n}\r\n\r\n\/* =========================================\r\n   RIGHT VISUAL COMPOSITION\r\n========================================= *\/\r\n\r\n.wcfx-visual{\r\n  position:relative;\r\n\r\n  min-height:550px;\r\n}\r\n\r\n\/* MAIN CIRCLE *\/\r\n\r\n.wcfx-main-circle{\r\n  position:absolute;\r\n\r\n  width:405px;\r\n  height:405px;\r\n\r\n  right:15px;\r\n  top:62px;\r\n\r\n  overflow:hidden;\r\n\r\n  border-radius:50%;\r\n\r\n  background:\r\n    linear-gradient(\r\n      145deg,\r\n      #dff7f4,\r\n      #aee8e2\r\n    );\r\n\r\n  box-shadow:\r\n    0 30px 75px rgba(16,43,42,.15);\r\n}\r\n\r\n.wcfx-main-circle:before{\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n  inset:23px;\r\n\r\n  border-radius:50%;\r\n\r\n  border:\r\n    1px solid rgba(255,255,255,.75);\r\n}\r\n\r\n\/* ABSTRACT PEOPLE \/ FINANCE VISUAL *\/\r\n\r\n.wcfx-abstract{\r\n  position:absolute;\r\n  inset:0;\r\n\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n}\r\n\r\n.wcfx-phone{\r\n  position:absolute;\r\n\r\n  width:155px;\r\n  height:285px;\r\n\r\n  left:58px;\r\n  top:68px;\r\n\r\n  border:8px solid #173c3a;\r\n  border-radius:28px;\r\n\r\n  background:#ffffff;\r\n\r\n  transform:rotate(-8deg);\r\n\r\n  box-shadow:\r\n    0 20px 35px rgba(16,43,42,.18);\r\n}\r\n\r\n.wcfx-phone:before{\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  width:52px;\r\n  height:7px;\r\n\r\n  top:8px;\r\n  left:50%;\r\n\r\n  transform:translateX(-50%);\r\n\r\n  border-radius:999px;\r\n\r\n  background:#173c3a;\r\n}\r\n\r\n.wcfx-phone-screen{\r\n  position:absolute;\r\n\r\n  inset:28px 12px 14px;\r\n\r\n  overflow:hidden;\r\n\r\n  border-radius:17px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      180deg,\r\n      #effaf8,\r\n      #ffffff\r\n    );\r\n}\r\n\r\n.wcfx-screen-logo{\r\n  width:46px;\r\n  height:46px;\r\n\r\n  margin:28px auto 0;\r\n\r\n  border-radius:14px;\r\n\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n\r\n  background:var(--wc-primary);\r\n\r\n  color:#ffffff;\r\n\r\n  font-family:'Manrope',sans-serif;\r\n\r\n  font-size:16px;\r\n  font-weight:800;\r\n}\r\n\r\n.wcfx-screen-line{\r\n  height:7px;\r\n\r\n  margin:\r\n    15px auto 0;\r\n\r\n  border-radius:999px;\r\n\r\n  background:#dcecea;\r\n}\r\n\r\n.wcfx-screen-line.one{\r\n  width:70%;\r\n}\r\n\r\n.wcfx-screen-line.two{\r\n  width:52%;\r\n}\r\n\r\n.wcfx-screen-button{\r\n  width:76%;\r\n\r\n  margin:23px auto 0;\r\n  padding:10px 5px;\r\n\r\n  border-radius:9px;\r\n\r\n  background:var(--wc-primary);\r\n\r\n  color:#ffffff;\r\n\r\n  text-align:center;\r\n\r\n  font-size:8px;\r\n  font-weight:800;\r\n}\r\n\r\n\/* PERSON ABSTRACT *\/\r\n\r\n.wcfx-person{\r\n  position:absolute;\r\n\r\n  width:190px;\r\n  height:260px;\r\n\r\n  right:35px;\r\n  bottom:15px;\r\n}\r\n\r\n.wcfx-person-head{\r\n  position:absolute;\r\n\r\n  width:72px;\r\n  height:72px;\r\n\r\n  top:0;\r\n  left:54px;\r\n\r\n  border-radius:\r\n    48% 48% 44% 44%;\r\n\r\n  background:#c88f69;\r\n\r\n  box-shadow:\r\n    inset 0 12px 0 #203b3a;\r\n}\r\n\r\n.wcfx-person-body{\r\n  position:absolute;\r\n\r\n  width:175px;\r\n  height:190px;\r\n\r\n  left:0;\r\n  bottom:0;\r\n\r\n  border-radius:\r\n    70px 70px 25px 25px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      145deg,\r\n      #f4b84b,\r\n      #e59c28\r\n    );\r\n\r\n  transform:rotate(5deg);\r\n}\r\n\r\n.wcfx-person-arm{\r\n  position:absolute;\r\n\r\n  width:100px;\r\n  height:35px;\r\n\r\n  left:-25px;\r\n  top:115px;\r\n\r\n  border-radius:999px;\r\n\r\n  background:#c88f69;\r\n\r\n  transform:rotate(-28deg);\r\n}\r\n\r\n\/* FLOATING CARDS *\/\r\n\r\n.wcfx-float-card{\r\n  position:absolute;\r\n\r\n  padding:14px 15px;\r\n\r\n  border:1px solid rgba(255,255,255,.85);\r\n  border-radius:14px;\r\n\r\n  background:rgba(255,255,255,.91);\r\n\r\n  backdrop-filter:blur(12px);\r\n\r\n  box-shadow:\r\n    0 18px 40px rgba(16,43,42,.13);\r\n}\r\n\r\n.wcfx-float-card strong{\r\n  display:block;\r\n\r\n  color:var(--wc-dark);\r\n\r\n  font-family:'Manrope',sans-serif;\r\n\r\n  font-size:15px;\r\n  font-weight:800;\r\n}\r\n\r\n.wcfx-float-card span{\r\n  display:block;\r\n\r\n  margin-top:3px;\r\n\r\n  color:var(--wc-muted);\r\n\r\n  font-size:8px;\r\n  font-weight:600;\r\n}\r\n\r\n.wcfx-float-one{\r\n  left:0;\r\n  top:30px;\r\n}\r\n\r\n.wcfx-float-two{\r\n  right:0;\r\n  bottom:18px;\r\n}\r\n\r\n\/* SMALL DOTS *\/\r\n\r\n.wcfx-dot{\r\n  position:absolute;\r\n\r\n  border-radius:50%;\r\n\r\n  background:var(--wc-primary);\r\n}\r\n\r\n.wcfx-dot-one{\r\n  width:24px;\r\n  height:24px;\r\n\r\n  left:35px;\r\n  bottom:95px;\r\n}\r\n\r\n.wcfx-dot-two{\r\n  width:13px;\r\n  height:13px;\r\n\r\n  right:32px;\r\n  top:32px;\r\n\r\n  background:#f3b749;\r\n}\r\n\r\n\/* =========================================\r\n   METRICS STRIP\r\n========================================= *\/\r\n\r\n.wcfx-metrics{\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    repeat(4,1fr);\r\n\r\n  gap:14px;\r\n\r\n  margin-top:65px;\r\n}\r\n\r\n.wcfx-metric{\r\n  position:relative;\r\n\r\n  min-height:165px;\r\n\r\n  overflow:hidden;\r\n\r\n  padding:25px;\r\n\r\n  border:1px solid var(--wc-line);\r\n  border-radius:24px;\r\n\r\n  display:flex;\r\n  flex-direction:column;\r\n  justify-content:flex-end;\r\n\r\n  background:#ffffff;\r\n\r\n  transition:.28s ease;\r\n}\r\n\r\n.wcfx-metric:hover{\r\n  transform:translateY(-5px);\r\n\r\n  box-shadow:\r\n    0 18px 40px rgba(16,43,42,.08);\r\n}\r\n\r\n.wcfx-metric:nth-child(2){\r\n  background:\r\n    linear-gradient(\r\n      145deg,\r\n      #08a6a1,\r\n      #087f7b\r\n    );\r\n\r\n  border-color:transparent;\r\n}\r\n\r\n.wcfx-metric-number{\r\n  position:relative;\r\n  z-index:2;\r\n\r\n  color:var(--wc-primary);\r\n\r\n  font-family:'Manrope',sans-serif;\r\n\r\n  font-size:34px;\r\n  line-height:1;\r\n\r\n  font-weight:800;\r\n\r\n  letter-spacing:-1.5px;\r\n}\r\n\r\n.wcfx-metric:nth-child(2)\r\n.wcfx-metric-number{\r\n  color:#ffffff;\r\n}\r\n\r\n.wcfx-metric-label{\r\n  position:relative;\r\n  z-index:2;\r\n\r\n  margin-top:9px;\r\n\r\n  color:var(--wc-muted);\r\n\r\n  font-size:9px;\r\n  line-height:1.45;\r\n\r\n  font-weight:600;\r\n}\r\n\r\n.wcfx-metric:nth-child(2)\r\n.wcfx-metric-label{\r\n  color:rgba(255,255,255,.72);\r\n}\r\n\r\n.wcfx-metric-circle{\r\n  position:absolute;\r\n\r\n  width:90px;\r\n  height:90px;\r\n\r\n  right:-30px;\r\n  top:-30px;\r\n\r\n  border-radius:50%;\r\n\r\n  border:\r\n    1px solid rgba(8,166,161,.12);\r\n}\r\n\r\n.wcfx-metric:nth-child(2)\r\n.wcfx-metric-circle{\r\n  border-color:\r\n    rgba(255,255,255,.16);\r\n\r\n  box-shadow:\r\n    0 0 0 20px rgba(255,255,255,.025);\r\n}\r\n\r\n\/* =========================================\r\n   RESPONSIVE\r\n========================================= *\/\r\n\r\n@media(max-width:1050px){\r\n\r\n  .wcfx-section{\r\n    padding:90px 20px;\r\n  }\r\n\r\n  .wcfx-main{\r\n    grid-template-columns:1fr;\r\n\r\n    gap:50px;\r\n  }\r\n\r\n  .wcfx-visual{\r\n    max-width:600px;\r\n\r\n    width:100%;\r\n\r\n    margin:0 auto;\r\n  }\r\n\r\n  .wcfx-metrics{\r\n    grid-template-columns:\r\n      repeat(2,1fr);\r\n  }\r\n\r\n}\r\n\r\n@media(max-width:700px){\r\n\r\n  .wcfx-section{\r\n    padding:70px 15px;\r\n  }\r\n\r\n  .wcfx-title{\r\n    font-size:37px;\r\n\r\n    letter-spacing:-1.7px;\r\n  }\r\n\r\n  .wcfx-tabs{\r\n    display:grid;\r\n\r\n    grid-template-columns:\r\n      repeat(2,1fr);\r\n  }\r\n\r\n  .wcfx-tab{\r\n    width:100%;\r\n  }\r\n\r\n  .wcfx-benefits{\r\n    grid-template-columns:1fr;\r\n  }\r\n\r\n  .wcfx-actions{\r\n    flex-direction:column;\r\n\r\n    align-items:stretch;\r\n  }\r\n\r\n  .wcfx-primary-btn,\r\n  .wcfx-secondary-btn{\r\n    width:100%;\r\n  }\r\n\r\n  .wcfx-visual{\r\n    min-height:440px;\r\n  }\r\n\r\n  .wcfx-main-circle{\r\n    width:330px;\r\n    height:330px;\r\n\r\n    right:50%;\r\n\r\n    transform:translateX(50%);\r\n\r\n    top:60px;\r\n  }\r\n\r\n  .wcfx-phone{\r\n    width:125px;\r\n    height:230px;\r\n\r\n    left:43px;\r\n    top:52px;\r\n  }\r\n\r\n  .wcfx-person{\r\n    transform:scale(.78);\r\n\r\n    transform-origin:bottom right;\r\n\r\n    right:12px;\r\n  }\r\n\r\n  .wcfx-float-one{\r\n    left:5px;\r\n    top:5px;\r\n  }\r\n\r\n  .wcfx-float-two{\r\n    right:4px;\r\n    bottom:5px;\r\n  }\r\n\r\n  .wcfx-metrics{\r\n    grid-template-columns:1fr 1fr;\r\n\r\n    gap:10px;\r\n\r\n    margin-top:45px;\r\n  }\r\n\r\n  .wcfx-metric{\r\n    min-height:145px;\r\n\r\n    padding:20px;\r\n  }\r\n\r\n}\r\n\r\n@media(max-width:430px){\r\n\r\n  .wcfx-title{\r\n    font-size:33px;\r\n  }\r\n\r\n  .wcfx-tabs{\r\n    grid-template-columns:1fr;\r\n  }\r\n\r\n  .wcfx-visual{\r\n    min-height:400px;\r\n  }\r\n\r\n  .wcfx-main-circle{\r\n    width:290px;\r\n    height:290px;\r\n  }\r\n\r\n  .wcfx-phone{\r\n    width:108px;\r\n    height:205px;\r\n\r\n    left:37px;\r\n    top:42px;\r\n  }\r\n\r\n  .wcfx-person{\r\n    transform:scale(.67);\r\n\r\n    right:3px;\r\n  }\r\n\r\n  .wcfx-float-card{\r\n    padding:11px;\r\n  }\r\n\r\n  .wcfx-float-card strong{\r\n    font-size:12px;\r\n  }\r\n\r\n  .wcfx-metrics{\r\n    grid-template-columns:1fr;\r\n  }\r\n\r\n}\r\n<\/style>\r\n\r\n\r\n<section class=\"wcfx-section\" id=\"why-choose-us\">\r\n\r\n  <div class=\"wcfx-container\">\r\n\r\n\r\n    <!-- =========================\r\n         MAIN CONTENT\r\n    ========================== -->\r\n\r\n    <div class=\"wcfx-main\">\r\n\r\n\r\n      <!-- LEFT CONTENT -->\r\n      <div class=\"wcfx-content\">\r\n\r\n\r\n        <div class=\"wcfx-eyebrow\">\r\n\r\n          <span class=\"wcfx-eyebrow-line\"><\/span>\r\n\r\n          Why Choose Us\r\n\r\n        <\/div>\r\n\r\n\r\n        <h2 class=\"wcfx-title\">\r\n\r\n          Financial solutions built\r\n          around\r\n\r\n          <span>real needs.<\/span>\r\n\r\n        <\/h2>\r\n\r\n\r\n        <p class=\"wcfx-intro\">\r\n\r\n          Explore a clearer and more organised borrowing\r\n          journey designed around transparent information,\r\n          responsive assistance and practical financial\r\n          requirements. Every application remains subject\r\n          to applicable eligibility, assessment and final terms.\r\n\r\n        <\/p>\r\n\r\n\r\n\r\n        <!-- =========================\r\n             INTERACTIVE TABS\r\n        ========================== -->\r\n\r\n        <div class=\"wcfx-tabs\">\r\n\r\n          <button\r\n            type=\"button\"\r\n            class=\"wcfx-tab active\"\r\n            data-tab=\"wcfx-tab-1\"\r\n          >\r\n            Easy Application\r\n          <\/button>\r\n\r\n\r\n          <button\r\n            type=\"button\"\r\n            class=\"wcfx-tab\"\r\n            data-tab=\"wcfx-tab-2\"\r\n          >\r\n            Transparent Process\r\n          <\/button>\r\n\r\n\r\n          <button\r\n            type=\"button\"\r\n            class=\"wcfx-tab\"\r\n            data-tab=\"wcfx-tab-3\"\r\n          >\r\n            Expert Guidance\r\n          <\/button>\r\n\r\n\r\n          <button\r\n            type=\"button\"\r\n            class=\"wcfx-tab\"\r\n            data-tab=\"wcfx-tab-4\"\r\n          >\r\n            Timely Support\r\n          <\/button>\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <!-- TAB CONTENT -->\r\n        <div class=\"wcfx-tab-content\">\r\n\r\n\r\n          <!-- PANEL 1 -->\r\n          <div\r\n            class=\"wcfx-panel active\"\r\n            id=\"wcfx-tab-1\"\r\n          >\r\n\r\n            <div class=\"wcfx-panel-label\">\r\n\r\n              <span>01<\/span>\r\n\r\n              A simpler digital starting point\r\n\r\n            <\/div>\r\n\r\n            <p>\r\n\r\n              Begin with a structured application journey\r\n              that helps capture relevant information in a\r\n              clear sequence without unnecessary complexity.\r\n\r\n            <\/p>\r\n\r\n          <\/div>\r\n\r\n\r\n\r\n          <!-- PANEL 2 -->\r\n          <div\r\n            class=\"wcfx-panel\"\r\n            id=\"wcfx-tab-2\"\r\n          >\r\n\r\n            <div class=\"wcfx-panel-label\">\r\n\r\n              <span>02<\/span>\r\n\r\n              Better visibility into the process\r\n\r\n            <\/div>\r\n\r\n            <p>\r\n\r\n              Review indicative information, required steps\r\n              and important disclosures before progressing\r\n              with your application and final documentation.\r\n\r\n            <\/p>\r\n\r\n          <\/div>\r\n\r\n\r\n\r\n          <!-- PANEL 3 -->\r\n          <div\r\n            class=\"wcfx-panel\"\r\n            id=\"wcfx-tab-3\"\r\n          >\r\n\r\n            <div class=\"wcfx-panel-label\">\r\n\r\n              <span>03<\/span>\r\n\r\n              Guidance when clarification is needed\r\n\r\n            <\/div>\r\n\r\n            <p>\r\n\r\n              Keep support accessible throughout the\r\n              application journey so applicants can seek\r\n              clarity around process-related questions.\r\n\r\n            <\/p>\r\n\r\n          <\/div>\r\n\r\n\r\n\r\n          <!-- PANEL 4 -->\r\n          <div\r\n            class=\"wcfx-panel\"\r\n            id=\"wcfx-tab-4\"\r\n          >\r\n\r\n            <div class=\"wcfx-panel-label\">\r\n\r\n              <span>04<\/span>\r\n\r\n              Responsive communication\r\n\r\n            <\/div>\r\n\r\n            <p>\r\n\r\n              A structured support approach can help keep\r\n              applicants informed about relevant next steps,\r\n              documentation and applicable requirements.\r\n\r\n            <\/p>\r\n\r\n          <\/div>\r\n\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <!-- =========================\r\n             BENEFITS\r\n        ========================== -->\r\n\r\n        <div class=\"wcfx-benefits\">\r\n\r\n\r\n          <div class=\"wcfx-benefit\">\r\n\r\n            <span class=\"wcfx-benefit-icon\">\r\n\r\n              <svg\r\n                viewBox=\"0 0 24 24\"\r\n                fill=\"none\"\r\n                stroke=\"currentColor\"\r\n                stroke-width=\"1.8\"\r\n              >\r\n                <path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10\"\/>\r\n                <path d=\"m9 12 2 2 4-4\"\/>\r\n              <\/svg>\r\n\r\n            <\/span>\r\n\r\n            <span class=\"wcfx-benefit-copy\">\r\n\r\n              <strong>\r\n                Responsible Information\r\n              <\/strong>\r\n\r\n              <span>\r\n                Clearer communication throughout the journey\r\n              <\/span>\r\n\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n\r\n\r\n          <div class=\"wcfx-benefit\">\r\n\r\n            <span class=\"wcfx-benefit-icon\">\r\n\r\n              <svg\r\n                viewBox=\"0 0 24 24\"\r\n                fill=\"none\"\r\n                stroke=\"currentColor\"\r\n                stroke-width=\"1.8\"\r\n              >\r\n                <circle cx=\"12\" cy=\"12\" r=\"9\"\/>\r\n                <path d=\"M12 7v5l3 2\"\/>\r\n              <\/svg>\r\n\r\n            <\/span>\r\n\r\n            <span class=\"wcfx-benefit-copy\">\r\n\r\n              <strong>\r\n                Streamlined Journey\r\n              <\/strong>\r\n\r\n              <span>\r\n                Organised steps with reduced process friction\r\n              <\/span>\r\n\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <!-- ACTIONS -->\r\n        <div class=\"wcfx-actions\">\r\n\r\n\r\n          <a\r\n            href=\"#loan-application\"\r\n            class=\"wcfx-primary-btn\"\r\n          >\r\n            Start Application\r\n            <span>\u2197<\/span>\r\n          <\/a>\r\n\r\n\r\n          <a\r\n            href=\"#loan-services\"\r\n            class=\"wcfx-secondary-btn\"\r\n          >\r\n            Explore Services\r\n          <\/a>\r\n\r\n\r\n        <\/div>\r\n\r\n\r\n      <\/div>\r\n\r\n\r\n\r\n      <!-- =========================\r\n           RIGHT VISUAL\r\n      ========================== -->\r\n\r\n      <div class=\"wcfx-visual\">\r\n\r\n\r\n        <!-- MAIN CIRCLE -->\r\n        <div class=\"wcfx-main-circle\">\r\n\r\n\r\n          <div class=\"wcfx-abstract\">\r\n\r\n\r\n            <!-- PHONE -->\r\n            <div class=\"wcfx-phone\">\r\n\r\n              <div class=\"wcfx-phone-screen\">\r\n\r\n                <div class=\"wcfx-screen-logo\">\r\n                  \u20b9\r\n                <\/div>\r\n\r\n                <div class=\"wcfx-screen-line one\"><\/div>\r\n\r\n                <div class=\"wcfx-screen-line two\"><\/div>\r\n\r\n                <div class=\"wcfx-screen-button\">\r\n                  Apply Online\r\n                <\/div>\r\n\r\n              <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- ABSTRACT PERSON -->\r\n            <div class=\"wcfx-person\">\r\n\r\n              <div class=\"wcfx-person-head\"><\/div>\r\n\r\n              <div class=\"wcfx-person-body\"><\/div>\r\n\r\n              <div class=\"wcfx-person-arm\"><\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <!-- FLOAT CARD 1 -->\r\n        <div class=\"wcfx-float-card wcfx-float-one\">\r\n\r\n          <strong>\r\n            Clear Steps\r\n          <\/strong>\r\n\r\n          <span>\r\n            Organised application flow\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <!-- FLOAT CARD 2 -->\r\n        <div class=\"wcfx-float-card wcfx-float-two\">\r\n\r\n          <strong>\r\n            Support Ready\r\n          <\/strong>\r\n\r\n          <span>\r\n            Assistance when required\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <!-- DOTS -->\r\n        <span class=\"wcfx-dot wcfx-dot-one\"><\/span>\r\n\r\n        <span class=\"wcfx-dot wcfx-dot-two\"><\/span>\r\n\r\n\r\n      <\/div>\r\n\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <!-- =========================\r\n         METRICS STRIP\r\n         Replace with verified data\r\n    ========================== -->\r\n\r\n    <div class=\"wcfx-metrics\">\r\n\r\n\r\n      <div class=\"wcfx-metric\">\r\n\r\n        <span class=\"wcfx-metric-circle\"><\/span>\r\n\r\n        <strong class=\"wcfx-metric-number\">\r\n          12.5K+\r\n        <\/strong>\r\n\r\n        <span class=\"wcfx-metric-label\">\r\n          Applications supported across\r\n          eligible customer journeys*\r\n        <\/span>\r\n\r\n      <\/div>\r\n\r\n\r\n\r\n      <div class=\"wcfx-metric\">\r\n\r\n        <span class=\"wcfx-metric-circle\"><\/span>\r\n\r\n        <strong class=\"wcfx-metric-number\">\r\n          85K+\r\n        <\/strong>\r\n\r\n        <span class=\"wcfx-metric-label\">\r\n          Customer interactions across\r\n          service touchpoints*\r\n        <\/span>\r\n\r\n      <\/div>\r\n\r\n\r\n\r\n      <div class=\"wcfx-metric\">\r\n\r\n        <span class=\"wcfx-metric-circle\"><\/span>\r\n\r\n        <strong class=\"wcfx-metric-number\">\r\n          5K+\r\n        <\/strong>\r\n\r\n        <span class=\"wcfx-metric-label\">\r\n          Financial requirement journeys\r\n          assisted through the platform*\r\n        <\/span>\r\n\r\n      <\/div>\r\n\r\n\r\n\r\n      <div class=\"wcfx-metric\">\r\n\r\n        <span class=\"wcfx-metric-circle\"><\/span>\r\n\r\n        <strong class=\"wcfx-metric-number\">\r\n          7+\r\n        <\/strong>\r\n\r\n        <span class=\"wcfx-metric-label\">\r\n          Years of service experience\r\n          across financial assistance*\r\n        <\/span>\r\n\r\n      <\/div>\r\n\r\n\r\n    <\/div>\r\n\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<script>\r\ndocument.addEventListener(\r\n  \"DOMContentLoaded\",\r\n  function(){\r\n\r\n    const tabs =\r\n      document.querySelectorAll(\r\n        \".wcfx-tab\"\r\n      );\r\n\r\n    const panels =\r\n      document.querySelectorAll(\r\n        \".wcfx-panel\"\r\n      );\r\n\r\n\r\n    tabs.forEach(\r\n      function(tab){\r\n\r\n        tab.addEventListener(\r\n          \"click\",\r\n          function(){\r\n\r\n            const target =\r\n              this.getAttribute(\r\n                \"data-tab\"\r\n              );\r\n\r\n\r\n            tabs.forEach(\r\n              function(item){\r\n\r\n                item.classList.remove(\r\n                  \"active\"\r\n                );\r\n\r\n              }\r\n            );\r\n\r\n\r\n            panels.forEach(\r\n              function(panel){\r\n\r\n                panel.classList.remove(\r\n                  \"active\"\r\n                );\r\n\r\n              }\r\n            );\r\n\r\n\r\n            this.classList.add(\r\n              \"active\"\r\n            );\r\n\r\n\r\n            const targetPanel =\r\n              document.getElementById(\r\n                target\r\n              );\r\n\r\n\r\n            if(targetPanel){\r\n\r\n              targetPanel.classList.add(\r\n                \"active\"\r\n              );\r\n\r\n            }\r\n\r\n          }\r\n        );\r\n\r\n      }\r\n    );\r\n\r\n  }\r\n);\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6e5b5bb elementor-widget elementor-widget-html\" data-id=\"6e5b5bb\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- =========================================\r\n SECTION \u2014 OUR LOAN SERVICES\r\n Premium Finance \/ NBFC UI\r\n Elementor HTML Widget Ready\r\n========================================= -->\r\n\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap');\r\n\r\n.lsvc-section,\r\n.lsvc-section *{\r\n  box-sizing:border-box;\r\n}\r\n\r\n.lsvc-section{\r\n  --ls-primary:#08a6a1;\r\n  --ls-primary-dark:#087f7b;\r\n  --ls-dark:#102b2a;\r\n  --ls-navy:#142f40;\r\n  --ls-text:#314542;\r\n  --ls-muted:#748481;\r\n  --ls-soft:#edf9f7;\r\n  --ls-line:#e1ece9;\r\n  --ls-white:#ffffff;\r\n  --ls-warm:#fff7f4;\r\n\r\n  position:relative;\r\n  width:100%;\r\n  overflow:hidden;\r\n\r\n  padding:110px 22px;\r\n\r\n  background:\r\n    radial-gradient(\r\n      circle at 10% 20%,\r\n      rgba(8,166,161,.07),\r\n      transparent 24%\r\n    ),\r\n    radial-gradient(\r\n      circle at 90% 80%,\r\n      rgba(255,191,160,.10),\r\n      transparent 22%\r\n    ),\r\n    linear-gradient(\r\n      180deg,\r\n      #fbfdfd 0%,\r\n      #ffffff 100%\r\n    );\r\n\r\n  font-family:'DM Sans',sans-serif;\r\n}\r\n\r\n\/* DECORATION *\/\r\n\r\n.lsvc-section:before{\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  width:330px;\r\n  height:330px;\r\n\r\n  right:-190px;\r\n  top:60px;\r\n\r\n  border-radius:50%;\r\n\r\n  border:1px solid rgba(8,166,161,.08);\r\n\r\n  box-shadow:\r\n    0 0 0 50px rgba(8,166,161,.02),\r\n    0 0 0 100px rgba(8,166,161,.01);\r\n\r\n  pointer-events:none;\r\n}\r\n\r\n.lsvc-container{\r\n  position:relative;\r\n  z-index:2;\r\n\r\n  width:100%;\r\n  max-width:1280px;\r\n\r\n  margin:0 auto;\r\n}\r\n\r\n\/* =========================================\r\n   HEADER\r\n========================================= *\/\r\n\r\n.lsvc-header{\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    minmax(0,1fr)\r\n    minmax(300px,.55fr);\r\n\r\n  align-items:end;\r\n\r\n  gap:70px;\r\n\r\n  margin-bottom:45px;\r\n}\r\n\r\n.lsvc-eyebrow{\r\n  width:max-content;\r\n\r\n  display:flex;\r\n  align-items:center;\r\n\r\n  gap:9px;\r\n\r\n  margin-bottom:16px;\r\n\r\n  color:var(--ls-primary-dark);\r\n\r\n  font-size:11px;\r\n  font-weight:800;\r\n\r\n  text-transform:uppercase;\r\n  letter-spacing:1px;\r\n}\r\n\r\n.lsvc-eyebrow-line{\r\n  width:27px;\r\n  height:2px;\r\n\r\n  border-radius:999px;\r\n\r\n  background:var(--ls-primary);\r\n}\r\n\r\n.lsvc-title{\r\n  max-width:720px;\r\n\r\n  margin:0;\r\n\r\n  color:var(--ls-dark);\r\n\r\n  font-family:'Manrope',sans-serif;\r\n\r\n  font-size:clamp(37px,4vw,54px);\r\n  line-height:1.07;\r\n\r\n  font-weight:800;\r\n\r\n  letter-spacing:-2.3px;\r\n}\r\n\r\n.lsvc-title span{\r\n  color:var(--ls-primary);\r\n}\r\n\r\n.lsvc-intro{\r\n  margin:0;\r\n\r\n  color:var(--ls-muted);\r\n\r\n  font-size:14px;\r\n  line-height:1.75;\r\n}\r\n\r\n\/* =========================================\r\n   CATEGORY BAR\r\n========================================= *\/\r\n\r\n.lsvc-category-bar{\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:space-between;\r\n\r\n  gap:20px;\r\n\r\n  margin-bottom:24px;\r\n  padding:14px 16px;\r\n\r\n  border:1px solid var(--ls-line);\r\n  border-radius:15px;\r\n\r\n  background:rgba(255,255,255,.82);\r\n\r\n  backdrop-filter:blur(10px);\r\n}\r\n\r\n.lsvc-category-left{\r\n  display:flex;\r\n  align-items:center;\r\n\r\n  gap:11px;\r\n}\r\n\r\n.lsvc-category-icon{\r\n  width:38px;\r\n  height:38px;\r\n\r\n  flex-shrink:0;\r\n\r\n  border-radius:11px;\r\n\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n\r\n  background:var(--ls-soft);\r\n\r\n  color:var(--ls-primary);\r\n}\r\n\r\n.lsvc-category-icon svg{\r\n  width:18px;\r\n  height:18px;\r\n}\r\n\r\n.lsvc-category-copy strong{\r\n  display:block;\r\n\r\n  color:var(--ls-dark);\r\n\r\n  font-size:10.5px;\r\n  font-weight:800;\r\n}\r\n\r\n.lsvc-category-copy span{\r\n  display:block;\r\n\r\n  margin-top:3px;\r\n\r\n  color:var(--ls-muted);\r\n\r\n  font-size:8.5px;\r\n}\r\n\r\n.lsvc-category-count{\r\n  padding:8px 11px;\r\n\r\n  border-radius:999px;\r\n\r\n  background:var(--ls-soft);\r\n\r\n  color:var(--ls-primary-dark);\r\n\r\n  font-size:9px;\r\n  font-weight:800;\r\n\r\n  text-transform:uppercase;\r\n  letter-spacing:.45px;\r\n}\r\n\r\n\/* =========================================\r\n   SERVICES GRID\r\n========================================= *\/\r\n\r\n.lsvc-grid{\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    repeat(4,minmax(0,1fr));\r\n\r\n  gap:16px;\r\n}\r\n\r\n\/* CARD *\/\r\n\r\n.lsvc-card{\r\n  position:relative;\r\n\r\n  min-height:265px;\r\n\r\n  overflow:hidden;\r\n\r\n  padding:25px;\r\n\r\n  border:1px solid var(--ls-line);\r\n  border-radius:20px;\r\n\r\n  display:flex;\r\n  flex-direction:column;\r\n\r\n  background:#ffffff;\r\n\r\n  transition:\r\n    transform .28s ease,\r\n    box-shadow .28s ease,\r\n    border-color .28s ease;\r\n}\r\n\r\n.lsvc-card:hover{\r\n  transform:translateY(-6px);\r\n\r\n  border-color:rgba(8,166,161,.27);\r\n\r\n  box-shadow:\r\n    0 22px 50px rgba(16,43,42,.09);\r\n}\r\n\r\n\/* CARD DECORATION *\/\r\n\r\n.lsvc-card:before{\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  width:105px;\r\n  height:105px;\r\n\r\n  right:-52px;\r\n  top:-52px;\r\n\r\n  border-radius:50%;\r\n\r\n  background:\r\n    rgba(8,166,161,.045);\r\n\r\n  transition:.3s ease;\r\n}\r\n\r\n.lsvc-card:hover:before{\r\n  transform:scale(1.25);\r\n\r\n  background:\r\n    rgba(8,166,161,.075);\r\n}\r\n\r\n\/* ICON *\/\r\n\r\n.lsvc-icon{\r\n  position:relative;\r\n  z-index:2;\r\n\r\n  width:48px;\r\n  height:48px;\r\n\r\n  flex-shrink:0;\r\n\r\n  border-radius:14px;\r\n\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n\r\n  background:var(--ls-soft);\r\n\r\n  color:var(--ls-primary);\r\n\r\n  transition:.28s ease;\r\n}\r\n\r\n.lsvc-icon svg{\r\n  width:22px;\r\n  height:22px;\r\n}\r\n\r\n.lsvc-card:hover .lsvc-icon{\r\n  background:var(--ls-primary);\r\n\r\n  color:#ffffff;\r\n\r\n  transform:rotate(-4deg);\r\n}\r\n\r\n\/* CARD CONTENT *\/\r\n\r\n.lsvc-card-number{\r\n  position:absolute;\r\n\r\n  right:18px;\r\n  top:19px;\r\n\r\n  color:#dbe7e5;\r\n\r\n  font-family:'Manrope',sans-serif;\r\n\r\n  font-size:13px;\r\n  font-weight:800;\r\n}\r\n\r\n.lsvc-card h3{\r\n  position:relative;\r\n  z-index:2;\r\n\r\n  margin:21px 0 0;\r\n\r\n  color:var(--ls-dark);\r\n\r\n  font-family:'Manrope',sans-serif;\r\n\r\n  font-size:17px;\r\n  line-height:1.25;\r\n\r\n  font-weight:800;\r\n\r\n  letter-spacing:-.5px;\r\n}\r\n\r\n.lsvc-card p{\r\n  position:relative;\r\n  z-index:2;\r\n\r\n  margin:10px 0 0;\r\n\r\n  color:var(--ls-muted);\r\n\r\n  font-size:10.5px;\r\n  line-height:1.65;\r\n}\r\n\r\n.lsvc-card-link{\r\n  position:relative;\r\n  z-index:2;\r\n\r\n  width:max-content;\r\n\r\n  display:inline-flex;\r\n  align-items:center;\r\n\r\n  gap:7px;\r\n\r\n  margin-top:auto;\r\n  padding-top:20px;\r\n\r\n  color:var(--ls-primary-dark);\r\n\r\n  text-decoration:none;\r\n\r\n  font-size:9.5px;\r\n  font-weight:800;\r\n}\r\n\r\n.lsvc-card-link span{\r\n  width:25px;\r\n  height:25px;\r\n\r\n  border-radius:8px;\r\n\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n\r\n  background:var(--ls-soft);\r\n\r\n  transition:.25s ease;\r\n}\r\n\r\n.lsvc-card-link:hover span{\r\n  transform:translateX(3px);\r\n\r\n  background:var(--ls-primary);\r\n\r\n  color:#ffffff;\r\n}\r\n\r\n\/* =========================================\r\n   FEATURED CARD\r\n========================================= *\/\r\n\r\n.lsvc-card.featured{\r\n  grid-column:span 2;\r\n\r\n  min-height:265px;\r\n\r\n  background:\r\n    radial-gradient(\r\n      circle at 90% 10%,\r\n      rgba(92,225,213,.19),\r\n      transparent 28%\r\n    ),\r\n    linear-gradient(\r\n      145deg,\r\n      #142f40 0%,\r\n      #102b2a 100%\r\n    );\r\n\r\n  border-color:transparent;\r\n\r\n  color:#ffffff;\r\n}\r\n\r\n.lsvc-card.featured:before{\r\n  width:180px;\r\n  height:180px;\r\n\r\n  right:-80px;\r\n  top:-85px;\r\n\r\n  background:\r\n    rgba(255,255,255,.04);\r\n\r\n  box-shadow:\r\n    0 0 0 35px rgba(255,255,255,.018);\r\n}\r\n\r\n.lsvc-card.featured .lsvc-icon{\r\n  background:\r\n    rgba(108,229,217,.12);\r\n\r\n  color:#7de5dc;\r\n}\r\n\r\n.lsvc-card.featured:hover .lsvc-icon{\r\n  background:#ffffff;\r\n\r\n  color:var(--ls-dark);\r\n}\r\n\r\n.lsvc-card.featured\r\n.lsvc-card-number{\r\n  color:\r\n    rgba(255,255,255,.18);\r\n}\r\n\r\n.lsvc-card.featured h3{\r\n  color:#ffffff;\r\n\r\n  font-size:21px;\r\n}\r\n\r\n.lsvc-card.featured p{\r\n  max-width:470px;\r\n\r\n  color:\r\n    rgba(255,255,255,.58);\r\n}\r\n\r\n.lsvc-card.featured\r\n.lsvc-card-link{\r\n  color:#7de5dc;\r\n}\r\n\r\n.lsvc-card.featured\r\n.lsvc-card-link span{\r\n  background:\r\n    rgba(255,255,255,.09);\r\n}\r\n\r\n.lsvc-card.featured\r\n.lsvc-card-link:hover span{\r\n  background:#ffffff;\r\n\r\n  color:var(--ls-dark);\r\n}\r\n\r\n\/* FEATURED BADGE *\/\r\n\r\n.lsvc-featured-badge{\r\n  position:absolute;\r\n\r\n  right:22px;\r\n  bottom:22px;\r\n\r\n  padding:8px 11px;\r\n\r\n  border-radius:999px;\r\n\r\n  background:\r\n    rgba(255,255,255,.08);\r\n\r\n  border:\r\n    1px solid rgba(255,255,255,.10);\r\n\r\n  color:\r\n    rgba(255,255,255,.72);\r\n\r\n  font-size:8px;\r\n  font-weight:800;\r\n\r\n  text-transform:uppercase;\r\n  letter-spacing:.5px;\r\n}\r\n\r\n\/* =========================================\r\n   BOTTOM CTA\r\n========================================= *\/\r\n\r\n.lsvc-bottom{\r\n  position:relative;\r\n\r\n  overflow:hidden;\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    minmax(0,1fr)\r\n    auto;\r\n\r\n  align-items:center;\r\n\r\n  gap:30px;\r\n\r\n  margin-top:24px;\r\n  padding:30px 32px;\r\n\r\n  border-radius:20px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      135deg,\r\n      #eef9f7,\r\n      #f8fcfb\r\n    );\r\n\r\n  border:\r\n    1px solid rgba(8,166,161,.12);\r\n}\r\n\r\n.lsvc-bottom:after{\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  width:140px;\r\n  height:140px;\r\n\r\n  right:-65px;\r\n  bottom:-80px;\r\n\r\n  border-radius:50%;\r\n\r\n  border:\r\n    1px solid rgba(8,166,161,.12);\r\n\r\n  box-shadow:\r\n    0 0 0 25px rgba(8,166,161,.025);\r\n}\r\n\r\n.lsvc-bottom-content{\r\n  position:relative;\r\n  z-index:2;\r\n\r\n  display:flex;\r\n  align-items:center;\r\n\r\n  gap:15px;\r\n}\r\n\r\n.lsvc-bottom-icon{\r\n  width:48px;\r\n  height:48px;\r\n\r\n  flex-shrink:0;\r\n\r\n  border-radius:14px;\r\n\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n\r\n  background:#ffffff;\r\n\r\n  color:var(--ls-primary);\r\n\r\n  box-shadow:\r\n    0 10px 25px rgba(16,43,42,.06);\r\n}\r\n\r\n.lsvc-bottom-icon svg{\r\n  width:21px;\r\n  height:21px;\r\n}\r\n\r\n.lsvc-bottom-copy strong{\r\n  display:block;\r\n\r\n  color:var(--ls-dark);\r\n\r\n  font-family:'Manrope',sans-serif;\r\n\r\n  font-size:15px;\r\n  font-weight:800;\r\n}\r\n\r\n.lsvc-bottom-copy span{\r\n  display:block;\r\n\r\n  margin-top:5px;\r\n\r\n  color:var(--ls-muted);\r\n\r\n  font-size:10px;\r\n  line-height:1.5;\r\n}\r\n\r\n.lsvc-bottom-actions{\r\n  position:relative;\r\n  z-index:2;\r\n\r\n  display:flex;\r\n  align-items:center;\r\n\r\n  gap:10px;\r\n}\r\n\r\n.lsvc-btn-primary,\r\n.lsvc-btn-secondary{\r\n  min-height:47px;\r\n\r\n  padding:0 17px;\r\n\r\n  border-radius:10px;\r\n\r\n  display:inline-flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n\r\n  gap:8px;\r\n\r\n  text-decoration:none;\r\n\r\n  font-size:10px;\r\n  font-weight:800;\r\n\r\n  transition:.25s ease;\r\n}\r\n\r\n.lsvc-btn-primary{\r\n  background:var(--ls-primary);\r\n\r\n  color:#ffffff;\r\n\r\n  box-shadow:\r\n    0 12px 24px rgba(8,166,161,.16);\r\n}\r\n\r\n.lsvc-btn-primary:hover{\r\n  background:var(--ls-primary-dark);\r\n\r\n  color:#ffffff;\r\n\r\n  transform:translateY(-2px);\r\n}\r\n\r\n.lsvc-btn-secondary{\r\n  background:#ffffff;\r\n\r\n  color:var(--ls-dark);\r\n\r\n  border:\r\n    1px solid var(--ls-line);\r\n}\r\n\r\n.lsvc-btn-secondary:hover{\r\n  background:var(--ls-dark);\r\n\r\n  color:#ffffff;\r\n\r\n  border-color:var(--ls-dark);\r\n}\r\n\r\n\/* =========================================\r\n   RESPONSIVE\r\n========================================= *\/\r\n\r\n@media(max-width:1050px){\r\n\r\n  .lsvc-section{\r\n    padding:90px 20px;\r\n  }\r\n\r\n  .lsvc-header{\r\n    grid-template-columns:1fr;\r\n\r\n    gap:18px;\r\n  }\r\n\r\n  .lsvc-grid{\r\n    grid-template-columns:\r\n      repeat(2,minmax(0,1fr));\r\n  }\r\n\r\n  .lsvc-card.featured{\r\n    grid-column:span 2;\r\n  }\r\n\r\n}\r\n\r\n@media(max-width:700px){\r\n\r\n  .lsvc-section{\r\n    padding:70px 15px;\r\n  }\r\n\r\n  .lsvc-title{\r\n    font-size:37px;\r\n\r\n    letter-spacing:-1.7px;\r\n  }\r\n\r\n  .lsvc-category-bar{\r\n    align-items:flex-start;\r\n  }\r\n\r\n  .lsvc-category-count{\r\n    display:none;\r\n  }\r\n\r\n  .lsvc-grid{\r\n    grid-template-columns:1fr;\r\n  }\r\n\r\n  .lsvc-card,\r\n  .lsvc-card.featured{\r\n    grid-column:span 1;\r\n\r\n    min-height:250px;\r\n\r\n    padding:23px 20px;\r\n  }\r\n\r\n  .lsvc-featured-badge{\r\n    display:none;\r\n  }\r\n\r\n  .lsvc-bottom{\r\n    grid-template-columns:1fr;\r\n\r\n    padding:25px 20px;\r\n  }\r\n\r\n  .lsvc-bottom-actions{\r\n    flex-direction:column;\r\n\r\n    align-items:stretch;\r\n  }\r\n\r\n  .lsvc-btn-primary,\r\n  .lsvc-btn-secondary{\r\n    width:100%;\r\n  }\r\n\r\n}\r\n\r\n@media(max-width:430px){\r\n\r\n  .lsvc-title{\r\n    font-size:33px;\r\n  }\r\n\r\n  .lsvc-bottom-content{\r\n    align-items:flex-start;\r\n  }\r\n\r\n}\r\n<\/style>\r\n\r\n\r\n<section\r\n  class=\"lsvc-section\"\r\n  id=\"loan-services\"\r\n>\r\n\r\n  <div class=\"lsvc-container\">\r\n\r\n\r\n    <!-- =================================\r\n         HEADER\r\n    ================================== -->\r\n\r\n    <div class=\"lsvc-header\">\r\n\r\n\r\n      <div>\r\n\r\n        <div class=\"lsvc-eyebrow\">\r\n\r\n          <span class=\"lsvc-eyebrow-line\"><\/span>\r\n\r\n          Our Loan Services\r\n\r\n        <\/div>\r\n\r\n\r\n        <h2 class=\"lsvc-title\">\r\n\r\n          Explore finance options\r\n          for every\r\n\r\n          <span>life goal.<\/span>\r\n\r\n        <\/h2>\r\n\r\n      <\/div>\r\n\r\n\r\n      <p class=\"lsvc-intro\">\r\n\r\n        From personal requirements and education\r\n        to business growth and major purchases,\r\n        explore a structured range of financial\r\n        solutions designed around different needs.\r\n        Availability remains subject to applicable\r\n        eligibility and assessment.\r\n\r\n      <\/p>\r\n\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <!-- =================================\r\n         CATEGORY INFO BAR\r\n    ================================== -->\r\n\r\n    <div class=\"lsvc-category-bar\">\r\n\r\n\r\n      <div class=\"lsvc-category-left\">\r\n\r\n\r\n        <span class=\"lsvc-category-icon\">\r\n\r\n          <svg\r\n            viewBox=\"0 0 24 24\"\r\n            fill=\"none\"\r\n            stroke=\"currentColor\"\r\n            stroke-width=\"1.8\"\r\n          >\r\n            <path d=\"M3 10h18\"\/>\r\n            <path d=\"M5 10v8\"\/>\r\n            <path d=\"M9 10v8\"\/>\r\n            <path d=\"M15 10v8\"\/>\r\n            <path d=\"M19 10v8\"\/>\r\n            <path d=\"M2 18h20\"\/>\r\n            <path d=\"m12 3 9 5H3z\"\/>\r\n          <\/svg>\r\n\r\n        <\/span>\r\n\r\n\r\n        <span class=\"lsvc-category-copy\">\r\n\r\n          <strong>\r\n            Find the right financial solution\r\n          <\/strong>\r\n\r\n          <span>\r\n            Compare categories based on your requirement\r\n          <\/span>\r\n\r\n        <\/span>\r\n\r\n\r\n      <\/div>\r\n\r\n\r\n      <span class=\"lsvc-category-count\">\r\n        10 Loan Categories\r\n      <\/span>\r\n\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <!-- =================================\r\n         SERVICES GRID\r\n    ================================== -->\r\n\r\n    <div class=\"lsvc-grid\">\r\n\r\n\r\n      <!-- 01 PERSONAL LOAN -->\r\n      <article class=\"lsvc-card\">\r\n\r\n\r\n        <span class=\"lsvc-card-number\">\r\n          01\r\n        <\/span>\r\n\r\n\r\n        <span class=\"lsvc-icon\">\r\n\r\n          <svg\r\n            viewBox=\"0 0 24 24\"\r\n            fill=\"none\"\r\n            stroke=\"currentColor\"\r\n            stroke-width=\"1.8\"\r\n          >\r\n            <circle cx=\"12\" cy=\"8\" r=\"4\"\/>\r\n            <path d=\"M4 21a8 8 0 0 1 16 0\"\/>\r\n            <path d=\"M17 4h4v4\"\/>\r\n          <\/svg>\r\n\r\n        <\/span>\r\n\r\n\r\n        <h3>\r\n          Personal Loan\r\n        <\/h3>\r\n\r\n\r\n        <p>\r\n\r\n          Explore financing for eligible\r\n          personal requirements with a\r\n          structured application journey\r\n          and applicable repayment terms.\r\n\r\n        <\/p>\r\n\r\n\r\n        <a\r\n          href=\"#loan-application\"\r\n          class=\"lsvc-card-link\"\r\n        >\r\n          Explore Loan\r\n\r\n          <span>\u2197<\/span>\r\n        <\/a>\r\n\r\n\r\n      <\/article>\r\n\r\n\r\n\r\n      <!-- 02 HOME LOAN -->\r\n      <article class=\"lsvc-card\">\r\n\r\n\r\n        <span class=\"lsvc-card-number\">\r\n          02\r\n        <\/span>\r\n\r\n\r\n        <span class=\"lsvc-icon\">\r\n\r\n          <svg\r\n            viewBox=\"0 0 24 24\"\r\n            fill=\"none\"\r\n            stroke=\"currentColor\"\r\n            stroke-width=\"1.8\"\r\n          >\r\n            <path d=\"m3 11 9-8 9 8\"\/>\r\n            <path d=\"M5 10v11h14V10\"\/>\r\n            <path d=\"M9 21v-7h6v7\"\/>\r\n          <\/svg>\r\n\r\n        <\/span>\r\n\r\n\r\n        <h3>\r\n          Home Loan\r\n        <\/h3>\r\n\r\n\r\n        <p>\r\n\r\n          Financing options for eligible\r\n          home purchase, construction or\r\n          related housing requirements,\r\n          subject to product criteria.\r\n\r\n        <\/p>\r\n\r\n\r\n        <a\r\n          href=\"#loan-application\"\r\n          class=\"lsvc-card-link\"\r\n        >\r\n          Explore Loan\r\n\r\n          <span>\u2197<\/span>\r\n        <\/a>\r\n\r\n\r\n      <\/article>\r\n\r\n\r\n\r\n      <!-- 03 FEATURED BUSINESS LOAN -->\r\n      <article class=\"lsvc-card featured\">\r\n\r\n\r\n        <span class=\"lsvc-card-number\">\r\n          03\r\n        <\/span>\r\n\r\n\r\n        <span class=\"lsvc-icon\">\r\n\r\n          <svg\r\n            viewBox=\"0 0 24 24\"\r\n            fill=\"none\"\r\n            stroke=\"currentColor\"\r\n            stroke-width=\"1.8\"\r\n          >\r\n            <rect\r\n              x=\"3\"\r\n              y=\"7\"\r\n              width=\"18\"\r\n              height=\"13\"\r\n              rx=\"2\"\r\n            \/>\r\n\r\n            <path d=\"M8 7V4h8v3\"\/>\r\n\r\n            <path d=\"M3 12h18\"\/>\r\n\r\n            <path d=\"M10 12v2h4v-2\"\/>\r\n          <\/svg>\r\n\r\n        <\/span>\r\n\r\n\r\n        <h3>\r\n          Business Loan\r\n        <\/h3>\r\n\r\n\r\n        <p>\r\n\r\n          Support eligible working capital,\r\n          operational, expansion or other\r\n          business-related requirements through\r\n          an organised financing journey based\r\n          on applicable assessment and terms.\r\n\r\n        <\/p>\r\n\r\n\r\n        <a\r\n          href=\"#loan-application\"\r\n          class=\"lsvc-card-link\"\r\n        >\r\n          Check Business Options\r\n\r\n          <span>\u2197<\/span>\r\n        <\/a>\r\n\r\n\r\n        <span class=\"lsvc-featured-badge\">\r\n          Business Finance\r\n        <\/span>\r\n\r\n\r\n      <\/article>\r\n\r\n\r\n\r\n      <!-- 04 CAR LOAN -->\r\n      <article class=\"lsvc-card\">\r\n\r\n\r\n        <span class=\"lsvc-card-number\">\r\n          04\r\n        <\/span>\r\n\r\n\r\n        <span class=\"lsvc-icon\">\r\n\r\n          <svg\r\n            viewBox=\"0 0 24 24\"\r\n            fill=\"none\"\r\n            stroke=\"currentColor\"\r\n            stroke-width=\"1.8\"\r\n          >\r\n            <path d=\"m5 11 2-5h10l2 5\"\/>\r\n            <path d=\"M3 11h18v7H3z\"\/>\r\n            <circle cx=\"7\" cy=\"18\" r=\"2\"\/>\r\n            <circle cx=\"17\" cy=\"18\" r=\"2\"\/>\r\n          <\/svg>\r\n\r\n        <\/span>\r\n\r\n\r\n        <h3>\r\n          Car Loan\r\n        <\/h3>\r\n\r\n\r\n        <p>\r\n\r\n          Explore vehicle financing options\r\n          for eligible new or used car\r\n          requirements based on applicable\r\n          product conditions.\r\n\r\n        <\/p>\r\n\r\n\r\n        <a\r\n          href=\"#loan-application\"\r\n          class=\"lsvc-card-link\"\r\n        >\r\n          Explore Loan\r\n\r\n          <span>\u2197<\/span>\r\n        <\/a>\r\n\r\n\r\n      <\/article>\r\n\r\n\r\n\r\n      <!-- 05 EDUCATION LOAN -->\r\n      <article class=\"lsvc-card\">\r\n\r\n\r\n        <span class=\"lsvc-card-number\">\r\n          05\r\n        <\/span>\r\n\r\n\r\n        <span class=\"lsvc-icon\">\r\n\r\n          <svg\r\n            viewBox=\"0 0 24 24\"\r\n            fill=\"none\"\r\n            stroke=\"currentColor\"\r\n            stroke-width=\"1.8\"\r\n          >\r\n            <path d=\"m2 9 10-5 10 5-10 5z\"\/>\r\n            <path d=\"M6 11v5c3 3 9 3 12 0v-5\"\/>\r\n            <path d=\"M22 9v6\"\/>\r\n          <\/svg>\r\n\r\n        <\/span>\r\n\r\n\r\n        <h3>\r\n          Education Loan\r\n        <\/h3>\r\n\r\n\r\n        <p>\r\n\r\n          Explore eligible financing for\r\n          education-related expenses including\r\n          applicable tuition and associated\r\n          academic requirements.\r\n\r\n        <\/p>\r\n\r\n\r\n        <a\r\n          href=\"#loan-application\"\r\n          class=\"lsvc-card-link\"\r\n        >\r\n          Explore Loan\r\n\r\n          <span>\u2197<\/span>\r\n        <\/a>\r\n\r\n\r\n      <\/article>\r\n\r\n\r\n\r\n      <!-- 06 GOLD LOAN -->\r\n      <article class=\"lsvc-card\">\r\n\r\n\r\n        <span class=\"lsvc-card-number\">\r\n          06\r\n        <\/span>\r\n\r\n\r\n        <span class=\"lsvc-icon\">\r\n\r\n          <svg\r\n            viewBox=\"0 0 24 24\"\r\n            fill=\"none\"\r\n            stroke=\"currentColor\"\r\n            stroke-width=\"1.8\"\r\n          >\r\n            <path d=\"M6 8h12l3 10H3z\"\/>\r\n            <path d=\"m8 8 2-4h4l2 4\"\/>\r\n            <path d=\"M7 14h10\"\/>\r\n          <\/svg>\r\n\r\n        <\/span>\r\n\r\n\r\n        <h3>\r\n          Gold Loan\r\n        <\/h3>\r\n\r\n\r\n        <p>\r\n\r\n          Financing solutions that may be\r\n          available against eligible gold\r\n          assets, subject to valuation,\r\n          documentation and applicable terms.\r\n\r\n        <\/p>\r\n\r\n\r\n        <a\r\n          href=\"#loan-application\"\r\n          class=\"lsvc-card-link\"\r\n        >\r\n          Explore Loan\r\n\r\n          <span>\u2197<\/span>\r\n        <\/a>\r\n\r\n\r\n      <\/article>\r\n\r\n\r\n\r\n      <!-- 07 CONSUMER DURABLE -->\r\n      <article class=\"lsvc-card\">\r\n\r\n\r\n        <span class=\"lsvc-card-number\">\r\n          07\r\n        <\/span>\r\n\r\n\r\n        <span class=\"lsvc-icon\">\r\n\r\n          <svg\r\n            viewBox=\"0 0 24 24\"\r\n            fill=\"none\"\r\n            stroke=\"currentColor\"\r\n            stroke-width=\"1.8\"\r\n          >\r\n            <rect\r\n              x=\"3\"\r\n              y=\"4\"\r\n              width=\"18\"\r\n              height=\"13\"\r\n              rx=\"2\"\r\n            \/>\r\n\r\n            <path d=\"M8 21h8\"\/>\r\n            <path d=\"M12 17v4\"\/>\r\n          <\/svg>\r\n\r\n        <\/span>\r\n\r\n\r\n        <h3>\r\n          Consumer Durable Loan\r\n        <\/h3>\r\n\r\n\r\n        <p>\r\n\r\n          Explore financing for eligible\r\n          household appliances, electronics\r\n          and selected consumer purchases\r\n          under applicable product terms.\r\n\r\n        <\/p>\r\n\r\n\r\n        <a\r\n          href=\"#loan-application\"\r\n          class=\"lsvc-card-link\"\r\n        >\r\n          Explore Loan\r\n\r\n          <span>\u2197<\/span>\r\n        <\/a>\r\n\r\n\r\n      <\/article>\r\n\r\n\r\n\r\n      <!-- 08 MEDICAL LOAN -->\r\n      <article class=\"lsvc-card\">\r\n\r\n\r\n        <span class=\"lsvc-card-number\">\r\n          08\r\n        <\/span>\r\n\r\n\r\n        <span class=\"lsvc-icon\">\r\n\r\n          <svg\r\n            viewBox=\"0 0 24 24\"\r\n            fill=\"none\"\r\n            stroke=\"currentColor\"\r\n            stroke-width=\"1.8\"\r\n          >\r\n            <path d=\"M12 21s-8-4.5-8-11a4.5 4.5 0 0 1 8-2.8A4.5 4.5 0 0 1 20 10c0 6.5-8 11-8 11z\"\/>\r\n            <path d=\"M9 12h6\"\/>\r\n            <path d=\"M12 9v6\"\/>\r\n          <\/svg>\r\n\r\n        <\/span>\r\n\r\n\r\n        <h3>\r\n          Medical Loan\r\n        <\/h3>\r\n\r\n\r\n        <p>\r\n\r\n          Explore financing options for\r\n          eligible medical and healthcare\r\n          requirements based on applicable\r\n          assessment and product conditions.\r\n\r\n        <\/p>\r\n\r\n\r\n        <a\r\n          href=\"#loan-application\"\r\n          class=\"lsvc-card-link\"\r\n        >\r\n          Explore Loan\r\n\r\n          <span>\u2197<\/span>\r\n        <\/a>\r\n\r\n\r\n      <\/article>\r\n\r\n\r\n\r\n      <!-- 09 TRAVEL LOAN -->\r\n      <article class=\"lsvc-card\">\r\n\r\n\r\n        <span class=\"lsvc-card-number\">\r\n          09\r\n        <\/span>\r\n\r\n\r\n        <span class=\"lsvc-icon\">\r\n\r\n          <svg\r\n            viewBox=\"0 0 24 24\"\r\n            fill=\"none\"\r\n            stroke=\"currentColor\"\r\n            stroke-width=\"1.8\"\r\n          >\r\n            <path d=\"m22 2-9 20-2-9-9-2z\"\/>\r\n            <path d=\"M22 2 11 13\"\/>\r\n          <\/svg>\r\n\r\n        <\/span>\r\n\r\n\r\n        <h3>\r\n          Travel Loan\r\n        <\/h3>\r\n\r\n\r\n        <p>\r\n\r\n          Explore eligible financing for\r\n          planned travel-related requirements\r\n          with applicable repayment structures\r\n          and product conditions.\r\n\r\n        <\/p>\r\n\r\n\r\n        <a\r\n          href=\"#loan-application\"\r\n          class=\"lsvc-card-link\"\r\n        >\r\n          Explore Loan\r\n\r\n          <span>\u2197<\/span>\r\n        <\/a>\r\n\r\n\r\n      <\/article>\r\n\r\n\r\n\r\n      <!-- 10 AGRICULTURAL LOAN -->\r\n      <article class=\"lsvc-card\">\r\n\r\n\r\n        <span class=\"lsvc-card-number\">\r\n          10\r\n        <\/span>\r\n\r\n\r\n        <span class=\"lsvc-icon\">\r\n\r\n          <svg\r\n            viewBox=\"0 0 24 24\"\r\n            fill=\"none\"\r\n            stroke=\"currentColor\"\r\n            stroke-width=\"1.8\"\r\n          >\r\n            <path d=\"M12 22V10\"\/>\r\n            <path d=\"M12 14c-5 0-8-3-8-8 5 0 8 3 8 8z\"\/>\r\n            <path d=\"M12 18c5 0 8-3 8-8-5 0-8 3-8 8z\"\/>\r\n          <\/svg>\r\n\r\n        <\/span>\r\n\r\n\r\n        <h3>\r\n          Agricultural Loan\r\n        <\/h3>\r\n\r\n\r\n        <p>\r\n\r\n          Explore financing possibilities\r\n          for eligible agriculture-related\r\n          requirements, equipment or operational\r\n          needs under applicable criteria.\r\n\r\n        <\/p>\r\n\r\n\r\n        <a\r\n          href=\"#loan-application\"\r\n          class=\"lsvc-card-link\"\r\n        >\r\n          Explore Loan\r\n\r\n          <span>\u2197<\/span>\r\n        <\/a>\r\n\r\n\r\n      <\/article>\r\n\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <!-- =================================\r\n         BOTTOM CTA\r\n    ================================== -->\r\n\r\n    <div class=\"lsvc-bottom\">\r\n\r\n\r\n      <div class=\"lsvc-bottom-content\">\r\n\r\n\r\n        <span class=\"lsvc-bottom-icon\">\r\n\r\n          <svg\r\n            viewBox=\"0 0 24 24\"\r\n            fill=\"none\"\r\n            stroke=\"currentColor\"\r\n            stroke-width=\"1.8\"\r\n          >\r\n            <circle cx=\"12\" cy=\"12\" r=\"9\"\/>\r\n            <path d=\"M12 8v4\"\/>\r\n            <path d=\"M12 16h.01\"\/>\r\n          <\/svg>\r\n\r\n        <\/span>\r\n\r\n\r\n        <span class=\"lsvc-bottom-copy\">\r\n\r\n          <strong>\r\n            Not sure which option fits your requirement?\r\n          <\/strong>\r\n\r\n          <span>\r\n            Start with your basic requirement and explore\r\n            the applicable application journey.\r\n          <\/span>\r\n\r\n        <\/span>\r\n\r\n\r\n      <\/div>\r\n\r\n\r\n\r\n      <div class=\"lsvc-bottom-actions\">\r\n\r\n\r\n        <a\r\n          href=\"#emi-calculator\"\r\n          class=\"lsvc-btn-secondary\"\r\n        >\r\n          Calculate EMI\r\n        <\/a>\r\n\r\n\r\n        <a\r\n          href=\"#loan-application\"\r\n          class=\"lsvc-btn-primary\"\r\n        >\r\n          Apply Now\r\n\r\n          <span>\u2197<\/span>\r\n        <\/a>\r\n\r\n\r\n      <\/div>\r\n\r\n\r\n    <\/div>\r\n\r\n\r\n  <\/div>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6882319 elementor-widget elementor-widget-html\" data-id=\"6882319\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- =========================================\r\n SECTION \u2014 SMART EMI CALCULATOR\r\n Premium Finance \/ NBFC UI\r\n Elementor HTML Widget Ready\r\n========================================= -->\r\n\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap');\r\n\r\n.emix-section,\r\n.emix-section *{\r\n  box-sizing:border-box;\r\n}\r\n\r\n.emix-section{\r\n  --em-primary:#08a6a1;\r\n  --em-primary-dark:#087f7b;\r\n  --em-dark:#102b2a;\r\n  --em-navy:#142f40;\r\n  --em-text:#314542;\r\n  --em-muted:#748481;\r\n  --em-soft:#edf9f7;\r\n  --em-line:#e1ece9;\r\n  --em-white:#ffffff;\r\n  --em-warm:#fff7f3;\r\n\r\n  position:relative;\r\n  width:100%;\r\n  overflow:hidden;\r\n\r\n  padding:110px 22px;\r\n\r\n  background:\r\n    radial-gradient(\r\n      circle at 10% 20%,\r\n      rgba(8,166,161,.08),\r\n      transparent 24%\r\n    ),\r\n    radial-gradient(\r\n      circle at 90% 85%,\r\n      rgba(255,180,145,.10),\r\n      transparent 22%\r\n    ),\r\n    linear-gradient(\r\n      180deg,\r\n      #f8fcfb 0%,\r\n      #ffffff 100%\r\n    );\r\n\r\n  font-family:'DM Sans',sans-serif;\r\n}\r\n\r\n.emix-section:before{\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  width:360px;\r\n  height:360px;\r\n\r\n  right:-210px;\r\n  top:40px;\r\n\r\n  border-radius:50%;\r\n\r\n  border:1px solid rgba(8,166,161,.08);\r\n\r\n  box-shadow:\r\n    0 0 0 55px rgba(8,166,161,.02),\r\n    0 0 0 110px rgba(8,166,161,.01);\r\n\r\n  pointer-events:none;\r\n}\r\n\r\n.emix-container{\r\n  position:relative;\r\n  z-index:2;\r\n\r\n  width:100%;\r\n  max-width:1280px;\r\n\r\n  margin:0 auto;\r\n}\r\n\r\n\/* =========================================\r\n   HEADER\r\n========================================= *\/\r\n\r\n.emix-header{\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    minmax(0,1fr)\r\n    minmax(300px,.55fr);\r\n\r\n  align-items:end;\r\n\r\n  gap:70px;\r\n\r\n  margin-bottom:45px;\r\n}\r\n\r\n.emix-eyebrow{\r\n  width:max-content;\r\n\r\n  display:flex;\r\n  align-items:center;\r\n\r\n  gap:9px;\r\n\r\n  margin-bottom:16px;\r\n\r\n  color:var(--em-primary-dark);\r\n\r\n  font-size:11px;\r\n  font-weight:800;\r\n\r\n  text-transform:uppercase;\r\n  letter-spacing:1px;\r\n}\r\n\r\n.emix-eyebrow-line{\r\n  width:27px;\r\n  height:2px;\r\n\r\n  border-radius:999px;\r\n\r\n  background:var(--em-primary);\r\n}\r\n\r\n.emix-title{\r\n  max-width:760px;\r\n\r\n  margin:0;\r\n\r\n  color:var(--em-dark);\r\n\r\n  font-family:'Manrope',sans-serif;\r\n\r\n  font-size:clamp(37px,4vw,54px);\r\n  line-height:1.07;\r\n\r\n  font-weight:800;\r\n\r\n  letter-spacing:-2.3px;\r\n}\r\n\r\n.emix-title span{\r\n  color:var(--em-primary);\r\n}\r\n\r\n.emix-intro{\r\n  margin:0;\r\n\r\n  color:var(--em-muted);\r\n\r\n  font-size:14px;\r\n  line-height:1.75;\r\n}\r\n\r\n\/* =========================================\r\n   MAIN CALCULATOR SHELL\r\n========================================= *\/\r\n\r\n.emix-shell{\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    minmax(0,1.08fr)\r\n    minmax(390px,.92fr);\r\n\r\n  overflow:hidden;\r\n\r\n  border:1px solid var(--em-line);\r\n  border-radius:28px;\r\n\r\n  background:#ffffff;\r\n\r\n  box-shadow:\r\n    0 28px 75px rgba(16,43,42,.10);\r\n}\r\n\r\n\/* =========================================\r\n   LEFT INPUT PANEL\r\n========================================= *\/\r\n\r\n.emix-input-panel{\r\n  padding:42px;\r\n}\r\n\r\n.emix-panel-head{\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:space-between;\r\n\r\n  gap:20px;\r\n\r\n  padding-bottom:25px;\r\n\r\n  border-bottom:1px solid var(--em-line);\r\n}\r\n\r\n.emix-panel-title{\r\n  display:flex;\r\n  align-items:center;\r\n\r\n  gap:13px;\r\n}\r\n\r\n.emix-panel-icon{\r\n  width:48px;\r\n  height:48px;\r\n\r\n  flex-shrink:0;\r\n\r\n  border-radius:14px;\r\n\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n\r\n  background:var(--em-soft);\r\n\r\n  color:var(--em-primary);\r\n}\r\n\r\n.emix-panel-icon svg{\r\n  width:22px;\r\n  height:22px;\r\n}\r\n\r\n.emix-panel-copy strong{\r\n  display:block;\r\n\r\n  color:var(--em-dark);\r\n\r\n  font-family:'Manrope',sans-serif;\r\n\r\n  font-size:17px;\r\n  font-weight:800;\r\n}\r\n\r\n.emix-panel-copy span{\r\n  display:block;\r\n\r\n  margin-top:4px;\r\n\r\n  color:var(--em-muted);\r\n\r\n  font-size:10px;\r\n}\r\n\r\n.emix-reset{\r\n  min-height:37px;\r\n\r\n  padding:0 12px;\r\n\r\n  border:1px solid var(--em-line);\r\n  border-radius:9px;\r\n\r\n  background:#f7faf9;\r\n\r\n  color:var(--em-dark);\r\n\r\n  font-family:'DM Sans',sans-serif;\r\n\r\n  font-size:9px;\r\n  font-weight:800;\r\n\r\n  cursor:pointer;\r\n\r\n  transition:.25s ease;\r\n}\r\n\r\n.emix-reset:hover{\r\n  background:var(--em-dark);\r\n  color:#ffffff;\r\n}\r\n\r\n\/* =========================================\r\n   FIELD GROUP\r\n========================================= *\/\r\n\r\n.emix-fields{\r\n  display:flex;\r\n  flex-direction:column;\r\n\r\n  gap:28px;\r\n\r\n  margin-top:30px;\r\n}\r\n\r\n.emix-field{\r\n  width:100%;\r\n}\r\n\r\n.emix-field-top{\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:space-between;\r\n\r\n  gap:20px;\r\n\r\n  margin-bottom:13px;\r\n}\r\n\r\n.emix-label{\r\n  color:var(--em-dark);\r\n\r\n  font-size:10.5px;\r\n  font-weight:800;\r\n}\r\n\r\n.emix-value-box{\r\n  min-width:145px;\r\n  height:42px;\r\n\r\n  display:flex;\r\n  align-items:center;\r\n\r\n  overflow:hidden;\r\n\r\n  border:1px solid var(--em-line);\r\n  border-radius:10px;\r\n\r\n  background:#fafcfc;\r\n}\r\n\r\n.emix-prefix,\r\n.emix-suffix{\r\n  flex-shrink:0;\r\n\r\n  color:var(--em-primary-dark);\r\n\r\n  font-size:10px;\r\n  font-weight:800;\r\n}\r\n\r\n.emix-prefix{\r\n  padding-left:12px;\r\n}\r\n\r\n.emix-suffix{\r\n  padding-right:12px;\r\n}\r\n\r\n.emix-number{\r\n  width:100%;\r\n  min-width:0;\r\n\r\n  padding:0 8px;\r\n\r\n  border:0;\r\n  outline:0;\r\n\r\n  background:transparent;\r\n\r\n  color:var(--em-dark);\r\n\r\n  font-family:'DM Sans',sans-serif;\r\n\r\n  font-size:11px;\r\n  font-weight:800;\r\n\r\n  text-align:right;\r\n}\r\n\r\n.emix-number::-webkit-outer-spin-button,\r\n.emix-number::-webkit-inner-spin-button{\r\n  -webkit-appearance:none;\r\n  margin:0;\r\n}\r\n\r\n.emix-number[type=number]{\r\n  -moz-appearance:textfield;\r\n}\r\n\r\n\/* RANGE *\/\r\n\r\n.emix-range{\r\n  width:100%;\r\n  height:5px;\r\n\r\n  margin:0;\r\n\r\n  border-radius:999px;\r\n\r\n  outline:none;\r\n\r\n  appearance:none;\r\n  -webkit-appearance:none;\r\n\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      var(--em-primary) 0%,\r\n      var(--em-primary) 50%,\r\n      #e5eeec 50%,\r\n      #e5eeec 100%\r\n    );\r\n\r\n  cursor:pointer;\r\n}\r\n\r\n.emix-range::-webkit-slider-thumb{\r\n  width:19px;\r\n  height:19px;\r\n\r\n  appearance:none;\r\n  -webkit-appearance:none;\r\n\r\n  border:4px solid #ffffff;\r\n  border-radius:50%;\r\n\r\n  background:var(--em-primary);\r\n\r\n  box-shadow:\r\n    0 3px 10px rgba(8,166,161,.35);\r\n\r\n  cursor:pointer;\r\n}\r\n\r\n.emix-range::-moz-range-thumb{\r\n  width:12px;\r\n  height:12px;\r\n\r\n  border:4px solid #ffffff;\r\n  border-radius:50%;\r\n\r\n  background:var(--em-primary);\r\n\r\n  box-shadow:\r\n    0 3px 10px rgba(8,166,161,.35);\r\n\r\n  cursor:pointer;\r\n}\r\n\r\n.emix-range-meta{\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:space-between;\r\n\r\n  margin-top:8px;\r\n\r\n  color:#9aa7a4;\r\n\r\n  font-size:8px;\r\n  font-weight:600;\r\n}\r\n\r\n\/* QUICK TENURE *\/\r\n\r\n.emix-quick{\r\n  display:flex;\r\n  flex-wrap:wrap;\r\n\r\n  gap:7px;\r\n\r\n  margin-top:14px;\r\n}\r\n\r\n.emix-quick-btn{\r\n  min-height:31px;\r\n\r\n  padding:0 10px;\r\n\r\n  border:1px solid var(--em-line);\r\n  border-radius:8px;\r\n\r\n  background:#ffffff;\r\n\r\n  color:var(--em-muted);\r\n\r\n  font-family:'DM Sans',sans-serif;\r\n\r\n  font-size:8.5px;\r\n  font-weight:800;\r\n\r\n  cursor:pointer;\r\n\r\n  transition:.2s ease;\r\n}\r\n\r\n.emix-quick-btn:hover,\r\n.emix-quick-btn.active{\r\n  background:var(--em-soft);\r\n\r\n  border-color:rgba(8,166,161,.22);\r\n\r\n  color:var(--em-primary-dark);\r\n}\r\n\r\n\/* INFO NOTE *\/\r\n\r\n.emix-info{\r\n  display:flex;\r\n  align-items:flex-start;\r\n\r\n  gap:11px;\r\n\r\n  margin-top:29px;\r\n  padding:15px;\r\n\r\n  border:1px solid #e4efed;\r\n  border-radius:13px;\r\n\r\n  background:#f8fbfa;\r\n\r\n  color:var(--em-muted);\r\n\r\n  font-size:9px;\r\n  line-height:1.55;\r\n}\r\n\r\n.emix-info-icon{\r\n  width:28px;\r\n  height:28px;\r\n\r\n  flex-shrink:0;\r\n\r\n  border-radius:8px;\r\n\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n\r\n  background:var(--em-soft);\r\n\r\n  color:var(--em-primary);\r\n\r\n  font-weight:800;\r\n}\r\n\r\n\/* =========================================\r\n   RIGHT RESULT PANEL\r\n========================================= *\/\r\n\r\n.emix-result-panel{\r\n  position:relative;\r\n  overflow:hidden;\r\n\r\n  padding:42px;\r\n\r\n  background:\r\n    radial-gradient(\r\n      circle at 90% 8%,\r\n      rgba(91,226,214,.18),\r\n      transparent 27%\r\n    ),\r\n    linear-gradient(\r\n      145deg,\r\n      #142f40 0%,\r\n      #102b2a 100%\r\n    );\r\n\r\n  color:#ffffff;\r\n}\r\n\r\n.emix-result-panel:before{\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  width:220px;\r\n  height:220px;\r\n\r\n  right:-105px;\r\n  bottom:-105px;\r\n\r\n  border-radius:50%;\r\n\r\n  border:1px solid rgba(255,255,255,.08);\r\n\r\n  box-shadow:\r\n    0 0 0 40px rgba(255,255,255,.018);\r\n}\r\n\r\n.emix-result-inner{\r\n  position:relative;\r\n  z-index:2;\r\n}\r\n\r\n.emix-result-label{\r\n  display:flex;\r\n  align-items:center;\r\n\r\n  gap:8px;\r\n\r\n  color:#7de5dc;\r\n\r\n  font-size:10px;\r\n  font-weight:800;\r\n\r\n  text-transform:uppercase;\r\n  letter-spacing:.9px;\r\n}\r\n\r\n.emix-result-label:before{\r\n  content:\"\";\r\n\r\n  width:20px;\r\n  height:2px;\r\n\r\n  border-radius:999px;\r\n\r\n  background:#69ded3;\r\n}\r\n\r\n.emix-result-title{\r\n  margin:18px 0 0;\r\n\r\n  color:#ffffff;\r\n\r\n  font-family:'Manrope',sans-serif;\r\n\r\n  font-size:28px;\r\n  line-height:1.2;\r\n\r\n  font-weight:800;\r\n\r\n  letter-spacing:-1.1px;\r\n}\r\n\r\n.emix-result-text{\r\n  margin:10px 0 0;\r\n\r\n  color:rgba(255,255,255,.56);\r\n\r\n  font-size:10.5px;\r\n  line-height:1.65;\r\n}\r\n\r\n\/* EMI HERO *\/\r\n\r\n.emix-emi-hero{\r\n  margin-top:26px;\r\n  padding:22px;\r\n\r\n  border:1px solid rgba(255,255,255,.09);\r\n  border-radius:17px;\r\n\r\n  background:rgba(255,255,255,.065);\r\n}\r\n\r\n.emix-emi-hero span{\r\n  display:block;\r\n\r\n  color:rgba(255,255,255,.55);\r\n\r\n  font-size:9px;\r\n  font-weight:700;\r\n\r\n  text-transform:uppercase;\r\n  letter-spacing:.5px;\r\n}\r\n\r\n.emix-emi-hero strong{\r\n  display:block;\r\n\r\n  margin-top:8px;\r\n\r\n  color:#ffffff;\r\n\r\n  font-family:'Manrope',sans-serif;\r\n\r\n  font-size:clamp(30px,4vw,43px);\r\n  line-height:1;\r\n\r\n  font-weight:800;\r\n\r\n  letter-spacing:-1.8px;\r\n}\r\n\r\n.emix-emi-hero small{\r\n  display:block;\r\n\r\n  margin-top:8px;\r\n\r\n  color:#7de5dc;\r\n\r\n  font-size:9px;\r\n  font-weight:700;\r\n}\r\n\r\n\/* CHART AREA *\/\r\n\r\n.emix-chart-area{\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    165px 1fr;\r\n\r\n  align-items:center;\r\n\r\n  gap:22px;\r\n\r\n  margin-top:26px;\r\n}\r\n\r\n.emix-donut{\r\n  position:relative;\r\n\r\n  width:165px;\r\n  height:165px;\r\n\r\n  border-radius:50%;\r\n\r\n  background:\r\n    conic-gradient(\r\n      #62ddd2 0deg 260deg,\r\n      rgba(255,255,255,.13) 260deg 360deg\r\n    );\r\n\r\n  transition:background .3s ease;\r\n}\r\n\r\n.emix-donut:before{\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n  inset:18px;\r\n\r\n  border-radius:50%;\r\n\r\n  background:#143331;\r\n}\r\n\r\n.emix-donut-center{\r\n  position:absolute;\r\n  z-index:2;\r\n\r\n  inset:0;\r\n\r\n  display:flex;\r\n  flex-direction:column;\r\n  align-items:center;\r\n  justify-content:center;\r\n\r\n  text-align:center;\r\n}\r\n\r\n.emix-donut-center span{\r\n  color:rgba(255,255,255,.48);\r\n\r\n  font-size:8px;\r\n  font-weight:700;\r\n}\r\n\r\n.emix-donut-center strong{\r\n  margin-top:5px;\r\n\r\n  color:#ffffff;\r\n\r\n  font-family:'Manrope',sans-serif;\r\n\r\n  font-size:16px;\r\n  font-weight:800;\r\n}\r\n\r\n.emix-legend{\r\n  display:flex;\r\n  flex-direction:column;\r\n\r\n  gap:13px;\r\n}\r\n\r\n.emix-legend-item{\r\n  display:flex;\r\n  align-items:center;\r\n\r\n  gap:10px;\r\n}\r\n\r\n.emix-legend-dot{\r\n  width:9px;\r\n  height:9px;\r\n\r\n  flex-shrink:0;\r\n\r\n  border-radius:50%;\r\n}\r\n\r\n.emix-legend-dot.principal{\r\n  background:#62ddd2;\r\n}\r\n\r\n.emix-legend-dot.interest{\r\n  background:rgba(255,255,255,.22);\r\n}\r\n\r\n.emix-legend-copy span{\r\n  display:block;\r\n\r\n  color:rgba(255,255,255,.48);\r\n\r\n  font-size:8px;\r\n}\r\n\r\n.emix-legend-copy strong{\r\n  display:block;\r\n\r\n  margin-top:3px;\r\n\r\n  color:#ffffff;\r\n\r\n  font-size:10px;\r\n  font-weight:800;\r\n}\r\n\r\n\/* RESULT CARDS *\/\r\n\r\n.emix-results-grid{\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    repeat(2,1fr);\r\n\r\n  gap:10px;\r\n\r\n  margin-top:25px;\r\n}\r\n\r\n.emix-result-card{\r\n  padding:15px;\r\n\r\n  border:1px solid rgba(255,255,255,.08);\r\n  border-radius:13px;\r\n\r\n  background:rgba(255,255,255,.055);\r\n}\r\n\r\n.emix-result-card span{\r\n  display:block;\r\n\r\n  color:rgba(255,255,255,.47);\r\n\r\n  font-size:8px;\r\n  font-weight:600;\r\n}\r\n\r\n.emix-result-card strong{\r\n  display:block;\r\n\r\n  margin-top:6px;\r\n\r\n  color:#ffffff;\r\n\r\n  font-size:11px;\r\n  font-weight:800;\r\n}\r\n\r\n\/* CTA *\/\r\n\r\n.emix-actions{\r\n  display:flex;\r\n\r\n  gap:10px;\r\n\r\n  margin-top:25px;\r\n}\r\n\r\n.emix-btn-primary,\r\n.emix-btn-secondary{\r\n  min-height:47px;\r\n\r\n  padding:0 16px;\r\n\r\n  border-radius:10px;\r\n\r\n  display:inline-flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n\r\n  gap:8px;\r\n\r\n  text-decoration:none;\r\n\r\n  font-size:10px;\r\n  font-weight:800;\r\n\r\n  transition:.25s ease;\r\n}\r\n\r\n.emix-btn-primary{\r\n  flex:1;\r\n\r\n  background:var(--em-primary);\r\n\r\n  color:#ffffff;\r\n}\r\n\r\n.emix-btn-primary:hover{\r\n  background:#ffffff;\r\n\r\n  color:var(--em-dark);\r\n\r\n  transform:translateY(-2px);\r\n}\r\n\r\n.emix-btn-secondary{\r\n  background:rgba(255,255,255,.08);\r\n\r\n  border:1px solid rgba(255,255,255,.10);\r\n\r\n  color:#ffffff;\r\n}\r\n\r\n.emix-btn-secondary:hover{\r\n  background:#ffffff;\r\n\r\n  color:var(--em-dark);\r\n}\r\n\r\n\/* =========================================\r\n   BOTTOM DISCLAIMER\r\n========================================= *\/\r\n\r\n.emix-disclaimer{\r\n  display:flex;\r\n  align-items:flex-start;\r\n\r\n  gap:12px;\r\n\r\n  margin-top:22px;\r\n  padding:17px 18px;\r\n\r\n  border:1px solid var(--em-line);\r\n  border-radius:14px;\r\n\r\n  background:#ffffff;\r\n\r\n  color:var(--em-muted);\r\n\r\n  font-size:9px;\r\n  line-height:1.6;\r\n}\r\n\r\n.emix-disclaimer-icon{\r\n  width:30px;\r\n  height:30px;\r\n\r\n  flex-shrink:0;\r\n\r\n  border-radius:9px;\r\n\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n\r\n  background:var(--em-soft);\r\n\r\n  color:var(--em-primary);\r\n\r\n  font-weight:800;\r\n}\r\n\r\n\/* =========================================\r\n   RESPONSIVE\r\n========================================= *\/\r\n\r\n@media(max-width:1050px){\r\n\r\n  .emix-section{\r\n    padding:90px 20px;\r\n  }\r\n\r\n  .emix-header{\r\n    grid-template-columns:1fr;\r\n    gap:18px;\r\n  }\r\n\r\n  .emix-shell{\r\n    grid-template-columns:1fr;\r\n  }\r\n\r\n}\r\n\r\n@media(max-width:700px){\r\n\r\n  .emix-section{\r\n    padding:70px 15px;\r\n  }\r\n\r\n  .emix-title{\r\n    font-size:37px;\r\n    letter-spacing:-1.7px;\r\n  }\r\n\r\n  .emix-shell{\r\n    border-radius:21px;\r\n  }\r\n\r\n  .emix-input-panel,\r\n  .emix-result-panel{\r\n    padding:27px 18px;\r\n  }\r\n\r\n  .emix-field-top{\r\n    align-items:flex-start;\r\n    flex-direction:column;\r\n    gap:9px;\r\n  }\r\n\r\n  .emix-value-box{\r\n    width:100%;\r\n  }\r\n\r\n  .emix-chart-area{\r\n    grid-template-columns:1fr;\r\n  }\r\n\r\n  .emix-donut{\r\n    margin:0 auto;\r\n  }\r\n\r\n  .emix-legend{\r\n    display:grid;\r\n    grid-template-columns:1fr 1fr;\r\n  }\r\n\r\n  .emix-actions{\r\n    flex-direction:column;\r\n  }\r\n\r\n  .emix-btn-primary,\r\n  .emix-btn-secondary{\r\n    width:100%;\r\n  }\r\n\r\n}\r\n\r\n@media(max-width:430px){\r\n\r\n  .emix-title{\r\n    font-size:33px;\r\n  }\r\n\r\n  .emix-panel-head{\r\n    align-items:flex-start;\r\n  }\r\n\r\n  .emix-results-grid{\r\n    grid-template-columns:1fr;\r\n  }\r\n\r\n  .emix-legend{\r\n    grid-template-columns:1fr;\r\n  }\r\n\r\n}\r\n<\/style>\r\n\r\n\r\n<section\r\n  class=\"emix-section\"\r\n  id=\"emi-calculator\"\r\n>\r\n\r\n  <div class=\"emix-container\">\r\n\r\n\r\n    <!-- =================================\r\n         HEADER\r\n    ================================== -->\r\n\r\n    <div class=\"emix-header\">\r\n\r\n      <div>\r\n\r\n        <div class=\"emix-eyebrow\">\r\n\r\n          <span class=\"emix-eyebrow-line\"><\/span>\r\n\r\n          EMI Calculator\r\n\r\n        <\/div>\r\n\r\n\r\n        <h2 class=\"emix-title\">\r\n\r\n          Plan your repayment\r\n          with a clearer\r\n\r\n          <span>estimate.<\/span>\r\n\r\n        <\/h2>\r\n\r\n      <\/div>\r\n\r\n\r\n      <p class=\"emix-intro\">\r\n\r\n        Adjust the loan amount, indicative annual\r\n        interest rate and repayment tenure to estimate\r\n        your monthly EMI, total interest and overall\r\n        repayment amount.\r\n\r\n      <\/p>\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <!-- =================================\r\n         CALCULATOR SHELL\r\n    ================================== -->\r\n\r\n    <div class=\"emix-shell\">\r\n\r\n\r\n      <!-- =============================\r\n           LEFT INPUT PANEL\r\n      ============================== -->\r\n\r\n      <div class=\"emix-input-panel\">\r\n\r\n\r\n        <div class=\"emix-panel-head\">\r\n\r\n\r\n          <div class=\"emix-panel-title\">\r\n\r\n            <span class=\"emix-panel-icon\">\r\n\r\n              <svg\r\n                viewBox=\"0 0 24 24\"\r\n                fill=\"none\"\r\n                stroke=\"currentColor\"\r\n                stroke-width=\"1.8\"\r\n              >\r\n                <rect\r\n                  x=\"4\"\r\n                  y=\"2\"\r\n                  width=\"16\"\r\n                  height=\"20\"\r\n                  rx=\"2\"\r\n                \/>\r\n\r\n                <path d=\"M8 6h8\"\/>\r\n                <path d=\"M8 11h2\"\/>\r\n                <path d=\"M14 11h2\"\/>\r\n                <path d=\"M8 15h2\"\/>\r\n                <path d=\"M14 15h2\"\/>\r\n                <path d=\"M8 19h2\"\/>\r\n                <path d=\"M14 19h2\"\/>\r\n              <\/svg>\r\n\r\n            <\/span>\r\n\r\n\r\n            <span class=\"emix-panel-copy\">\r\n\r\n              <strong>\r\n                Loan details\r\n              <\/strong>\r\n\r\n              <span>\r\n                Adjust values to update results instantly\r\n              <\/span>\r\n\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n\r\n          <button\r\n            type=\"button\"\r\n            class=\"emix-reset\"\r\n            id=\"emixReset\"\r\n          >\r\n            Reset\r\n          <\/button>\r\n\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <div class=\"emix-fields\">\r\n\r\n\r\n          <!-- LOAN AMOUNT -->\r\n          <div class=\"emix-field\">\r\n\r\n\r\n            <div class=\"emix-field-top\">\r\n\r\n              <label\r\n                class=\"emix-label\"\r\n                for=\"emixAmountInput\"\r\n              >\r\n                Loan Amount\r\n              <\/label>\r\n\r\n\r\n              <div class=\"emix-value-box\">\r\n\r\n                <span class=\"emix-prefix\">\r\n                  \u20b9\r\n                <\/span>\r\n\r\n                <input\r\n                  type=\"number\"\r\n                  class=\"emix-number\"\r\n                  id=\"emixAmountInput\"\r\n                  min=\"50000\"\r\n                  max=\"5000000\"\r\n                  step=\"10000\"\r\n                  value=\"1000000\"\r\n                >\r\n\r\n              <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <input\r\n              type=\"range\"\r\n              class=\"emix-range\"\r\n              id=\"emixAmountRange\"\r\n              min=\"50000\"\r\n              max=\"5000000\"\r\n              step=\"10000\"\r\n              value=\"1000000\"\r\n            >\r\n\r\n\r\n            <div class=\"emix-range-meta\">\r\n\r\n              <span>\u20b950K<\/span>\r\n\r\n              <span>\u20b950L<\/span>\r\n\r\n            <\/div>\r\n\r\n\r\n          <\/div>\r\n\r\n\r\n\r\n          <!-- INTEREST -->\r\n          <div class=\"emix-field\">\r\n\r\n\r\n            <div class=\"emix-field-top\">\r\n\r\n              <label\r\n                class=\"emix-label\"\r\n                for=\"emixRateInput\"\r\n              >\r\n                Annual Interest Rate\r\n              <\/label>\r\n\r\n\r\n              <div class=\"emix-value-box\">\r\n\r\n                <input\r\n                  type=\"number\"\r\n                  class=\"emix-number\"\r\n                  id=\"emixRateInput\"\r\n                  min=\"1\"\r\n                  max=\"30\"\r\n                  step=\"0.1\"\r\n                  value=\"10.5\"\r\n                >\r\n\r\n                <span class=\"emix-suffix\">\r\n                  %\r\n                <\/span>\r\n\r\n              <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <input\r\n              type=\"range\"\r\n              class=\"emix-range\"\r\n              id=\"emixRateRange\"\r\n              min=\"1\"\r\n              max=\"30\"\r\n              step=\"0.1\"\r\n              value=\"10.5\"\r\n            >\r\n\r\n\r\n            <div class=\"emix-range-meta\">\r\n\r\n              <span>1%<\/span>\r\n\r\n              <span>30%<\/span>\r\n\r\n            <\/div>\r\n\r\n\r\n          <\/div>\r\n\r\n\r\n\r\n          <!-- TENURE -->\r\n          <div class=\"emix-field\">\r\n\r\n\r\n            <div class=\"emix-field-top\">\r\n\r\n              <label\r\n                class=\"emix-label\"\r\n                for=\"emixTenureInput\"\r\n              >\r\n                Loan Tenure\r\n              <\/label>\r\n\r\n\r\n              <div class=\"emix-value-box\">\r\n\r\n                <input\r\n                  type=\"number\"\r\n                  class=\"emix-number\"\r\n                  id=\"emixTenureInput\"\r\n                  min=\"6\"\r\n                  max=\"360\"\r\n                  step=\"1\"\r\n                  value=\"60\"\r\n                >\r\n\r\n                <span class=\"emix-suffix\">\r\n                  Months\r\n                <\/span>\r\n\r\n              <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <input\r\n              type=\"range\"\r\n              class=\"emix-range\"\r\n              id=\"emixTenureRange\"\r\n              min=\"6\"\r\n              max=\"360\"\r\n              step=\"1\"\r\n              value=\"60\"\r\n            >\r\n\r\n\r\n            <div class=\"emix-range-meta\">\r\n\r\n              <span>6 Months<\/span>\r\n\r\n              <span>360 Months<\/span>\r\n\r\n            <\/div>\r\n\r\n\r\n\r\n            <!-- QUICK BUTTONS -->\r\n            <div class=\"emix-quick\">\r\n\r\n              <button\r\n                type=\"button\"\r\n                class=\"emix-quick-btn\"\r\n                data-months=\"12\"\r\n              >\r\n                1 Year\r\n              <\/button>\r\n\r\n\r\n              <button\r\n                type=\"button\"\r\n                class=\"emix-quick-btn\"\r\n                data-months=\"36\"\r\n              >\r\n                3 Years\r\n              <\/button>\r\n\r\n\r\n              <button\r\n                type=\"button\"\r\n                class=\"emix-quick-btn active\"\r\n                data-months=\"60\"\r\n              >\r\n                5 Years\r\n              <\/button>\r\n\r\n\r\n              <button\r\n                type=\"button\"\r\n                class=\"emix-quick-btn\"\r\n                data-months=\"120\"\r\n              >\r\n                10 Years\r\n              <\/button>\r\n\r\n\r\n              <button\r\n                type=\"button\"\r\n                class=\"emix-quick-btn\"\r\n                data-months=\"240\"\r\n              >\r\n                20 Years\r\n              <\/button>\r\n\r\n            <\/div>\r\n\r\n\r\n          <\/div>\r\n\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <!-- INFO -->\r\n        <div class=\"emix-info\">\r\n\r\n          <span class=\"emix-info-icon\">\r\n            i\r\n          <\/span>\r\n\r\n          <span>\r\n\r\n            This calculator provides an indicative\r\n            mathematical estimate only. Actual EMI,\r\n            rates, charges and repayment terms may\r\n            differ based on the final approved product\r\n            and agreement.\r\n\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n      <\/div>\r\n\r\n\r\n\r\n      <!-- =============================\r\n           RIGHT RESULTS PANEL\r\n      ============================== -->\r\n\r\n      <div class=\"emix-result-panel\">\r\n\r\n\r\n        <div class=\"emix-result-inner\">\r\n\r\n\r\n          <div class=\"emix-result-label\">\r\n            Repayment Estimate\r\n          <\/div>\r\n\r\n\r\n          <h3 class=\"emix-result-title\">\r\n            Your estimated monthly EMI\r\n          <\/h3>\r\n\r\n\r\n          <p class=\"emix-result-text\">\r\n\r\n            Results update automatically whenever\r\n            you adjust the loan values.\r\n\r\n          <\/p>\r\n\r\n\r\n\r\n          <!-- EMI HERO -->\r\n          <div class=\"emix-emi-hero\">\r\n\r\n            <span>\r\n              Monthly EMI\r\n            <\/span>\r\n\r\n            <strong id=\"emixMonthlyEmi\">\r\n              \u20b921,494\r\n            <\/strong>\r\n\r\n            <small id=\"emixTenureText\">\r\n              Estimated across 60 monthly instalments\r\n            <\/small>\r\n\r\n          <\/div>\r\n\r\n\r\n\r\n          <!-- CHART -->\r\n          <div class=\"emix-chart-area\">\r\n\r\n\r\n            <div\r\n              class=\"emix-donut\"\r\n              id=\"emixDonut\"\r\n            >\r\n\r\n              <div class=\"emix-donut-center\">\r\n\r\n                <span>\r\n                  Total Payable\r\n                <\/span>\r\n\r\n                <strong id=\"emixDonutTotal\">\r\n                  \u20b912.90L\r\n                <\/strong>\r\n\r\n              <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n\r\n            <div class=\"emix-legend\">\r\n\r\n\r\n              <div class=\"emix-legend-item\">\r\n\r\n                <span\r\n                  class=\"emix-legend-dot principal\"\r\n                ><\/span>\r\n\r\n                <span class=\"emix-legend-copy\">\r\n\r\n                  <span>\r\n                    Principal\r\n                  <\/span>\r\n\r\n                  <strong id=\"emixLegendPrincipal\">\r\n                    \u20b910,00,000\r\n                  <\/strong>\r\n\r\n                <\/span>\r\n\r\n              <\/div>\r\n\r\n\r\n\r\n              <div class=\"emix-legend-item\">\r\n\r\n                <span\r\n                  class=\"emix-legend-dot interest\"\r\n                ><\/span>\r\n\r\n                <span class=\"emix-legend-copy\">\r\n\r\n                  <span>\r\n                    Total Interest\r\n                  <\/span>\r\n\r\n                  <strong id=\"emixLegendInterest\">\r\n                    \u20b92,89,640\r\n                  <\/strong>\r\n\r\n                <\/span>\r\n\r\n              <\/div>\r\n\r\n\r\n            <\/div>\r\n\r\n\r\n          <\/div>\r\n\r\n\r\n\r\n          <!-- RESULT CARDS -->\r\n          <div class=\"emix-results-grid\">\r\n\r\n\r\n            <div class=\"emix-result-card\">\r\n\r\n              <span>\r\n                Principal Amount\r\n              <\/span>\r\n\r\n              <strong id=\"emixPrincipal\">\r\n                \u20b910,00,000\r\n              <\/strong>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"emix-result-card\">\r\n\r\n              <span>\r\n                Total Interest\r\n              <\/span>\r\n\r\n              <strong id=\"emixInterest\">\r\n                \u20b92,89,640\r\n              <\/strong>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"emix-result-card\">\r\n\r\n              <span>\r\n                Total Payable\r\n              <\/span>\r\n\r\n              <strong id=\"emixTotal\">\r\n                \u20b912,89,640\r\n              <\/strong>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"emix-result-card\">\r\n\r\n              <span>\r\n                Repayment Period\r\n              <\/span>\r\n\r\n              <strong id=\"emixPeriod\">\r\n                60 Months\r\n              <\/strong>\r\n\r\n            <\/div>\r\n\r\n\r\n          <\/div>\r\n\r\n\r\n\r\n          <!-- ACTIONS -->\r\n          <div class=\"emix-actions\">\r\n\r\n\r\n            <a\r\n              href=\"#loan-application\"\r\n              class=\"emix-btn-primary\"\r\n            >\r\n              Apply For Loan\r\n              <span>\u2197<\/span>\r\n            <\/a>\r\n\r\n\r\n            <a\r\n              href=\"#loan-services\"\r\n              class=\"emix-btn-secondary\"\r\n            >\r\n              View Loans\r\n            <\/a>\r\n\r\n\r\n          <\/div>\r\n\r\n\r\n        <\/div>\r\n\r\n\r\n      <\/div>\r\n\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <!-- =================================\r\n         DISCLAIMER\r\n    ================================== -->\r\n\r\n    <div class=\"emix-disclaimer\">\r\n\r\n      <span class=\"emix-disclaimer-icon\">\r\n        !\r\n      <\/span>\r\n\r\n      <span>\r\n\r\n        <strong>Calculator disclaimer:<\/strong>\r\n        This tool is intended for general illustration\r\n        and planning only. It does not constitute a loan\r\n        offer, sanction, approval or financial advice.\r\n        Actual EMI may vary due to rate structure, rounding,\r\n        fees, taxes, disbursement date, repayment schedule\r\n        and final contractual terms.\r\n\r\n      <\/span>\r\n\r\n    <\/div>\r\n\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<script>\r\n(function(){\r\n\r\n  \/* =========================================\r\n     ELEMENT REFERENCES\r\n  ========================================= *\/\r\n\r\n  const amountRange =\r\n    document.getElementById(\"emixAmountRange\");\r\n\r\n  const amountInput =\r\n    document.getElementById(\"emixAmountInput\");\r\n\r\n  const rateRange =\r\n    document.getElementById(\"emixRateRange\");\r\n\r\n  const rateInput =\r\n    document.getElementById(\"emixRateInput\");\r\n\r\n  const tenureRange =\r\n    document.getElementById(\"emixTenureRange\");\r\n\r\n  const tenureInput =\r\n    document.getElementById(\"emixTenureInput\");\r\n\r\n  const resetBtn =\r\n    document.getElementById(\"emixReset\");\r\n\r\n  const quickBtns =\r\n    document.querySelectorAll(\r\n      \".emix-quick-btn\"\r\n    );\r\n\r\n\r\n  \/* =========================================\r\n     RESULT REFERENCES\r\n  ========================================= *\/\r\n\r\n  const monthlyEmi =\r\n    document.getElementById(\"emixMonthlyEmi\");\r\n\r\n  const tenureText =\r\n    document.getElementById(\"emixTenureText\");\r\n\r\n  const principalResult =\r\n    document.getElementById(\"emixPrincipal\");\r\n\r\n  const interestResult =\r\n    document.getElementById(\"emixInterest\");\r\n\r\n  const totalResult =\r\n    document.getElementById(\"emixTotal\");\r\n\r\n  const periodResult =\r\n    document.getElementById(\"emixPeriod\");\r\n\r\n  const legendPrincipal =\r\n    document.getElementById(\"emixLegendPrincipal\");\r\n\r\n  const legendInterest =\r\n    document.getElementById(\"emixLegendInterest\");\r\n\r\n  const donut =\r\n    document.getElementById(\"emixDonut\");\r\n\r\n  const donutTotal =\r\n    document.getElementById(\"emixDonutTotal\");\r\n\r\n\r\n  \/* =========================================\r\n     INDIAN CURRENCY FORMAT\r\n  ========================================= *\/\r\n\r\n  function formatINR(value){\r\n\r\n    const rounded =\r\n      Math.round(value);\r\n\r\n    return \"\u20b9\" +\r\n      rounded.toLocaleString(\"en-IN\");\r\n\r\n  }\r\n\r\n\r\n  \/* =========================================\r\n     SHORT FORMAT\r\n  ========================================= *\/\r\n\r\n  function shortINR(value){\r\n\r\n    if(value >= 10000000){\r\n\r\n      return \"\u20b9\" +\r\n        (value \/ 10000000)\r\n          .toFixed(2)\r\n          .replace(\/\\.00$\/,\"\") +\r\n        \"Cr\";\r\n\r\n    }\r\n\r\n    if(value >= 100000){\r\n\r\n      return \"\u20b9\" +\r\n        (value \/ 100000)\r\n          .toFixed(2)\r\n          .replace(\/\\.00$\/,\"\") +\r\n        \"L\";\r\n\r\n    }\r\n\r\n    if(value >= 1000){\r\n\r\n      return \"\u20b9\" +\r\n        (value \/ 1000)\r\n          .toFixed(1)\r\n          .replace(\/\\.0$\/,\"\") +\r\n        \"K\";\r\n\r\n    }\r\n\r\n    return formatINR(value);\r\n\r\n  }\r\n\r\n\r\n  \/* =========================================\r\n     CLAMP FUNCTION\r\n  ========================================= *\/\r\n\r\n  function clamp(value,min,max){\r\n\r\n    return Math.min(\r\n      Math.max(value,min),\r\n      max\r\n    );\r\n\r\n  }\r\n\r\n\r\n  \/* =========================================\r\n     RANGE PROGRESS\r\n  ========================================= *\/\r\n\r\n  function updateRangeFill(range){\r\n\r\n    const min =\r\n      parseFloat(range.min);\r\n\r\n    const max =\r\n      parseFloat(range.max);\r\n\r\n    const value =\r\n      parseFloat(range.value);\r\n\r\n    const percentage =\r\n      ((value - min) \/\r\n      (max - min)) * 100;\r\n\r\n    range.style.background =\r\n      \"linear-gradient(\" +\r\n      \"90deg,\" +\r\n      \"#08a6a1 0%,\" +\r\n      \"#08a6a1 \" +\r\n      percentage +\r\n      \"%,\" +\r\n      \"#e5eeec \" +\r\n      percentage +\r\n      \"%,\" +\r\n      \"#e5eeec 100%\" +\r\n      \")\";\r\n\r\n  }\r\n\r\n\r\n  \/* =========================================\r\n     QUICK BUTTON STATE\r\n  ========================================= *\/\r\n\r\n  function updateQuickButtons(months){\r\n\r\n    quickBtns.forEach(\r\n      function(btn){\r\n\r\n        const btnMonths =\r\n          parseInt(\r\n            btn.getAttribute(\"data-months\"),\r\n            10\r\n          );\r\n\r\n        btn.classList.toggle(\r\n          \"active\",\r\n          btnMonths === months\r\n        );\r\n\r\n      }\r\n    );\r\n\r\n  }\r\n\r\n\r\n  \/* =========================================\r\n     EMI CALCULATION\r\n  ========================================= *\/\r\n\r\n  function calculateEMI(){\r\n\r\n    let principal =\r\n      parseFloat(amountInput.value);\r\n\r\n    let annualRate =\r\n      parseFloat(rateInput.value);\r\n\r\n    let months =\r\n      parseInt(tenureInput.value,10);\r\n\r\n\r\n    if(!Number.isFinite(principal)){\r\n      principal = 50000;\r\n    }\r\n\r\n    if(!Number.isFinite(annualRate)){\r\n      annualRate = 1;\r\n    }\r\n\r\n    if(!Number.isFinite(months)){\r\n      months = 6;\r\n    }\r\n\r\n\r\n    principal =\r\n      clamp(principal,50000,5000000);\r\n\r\n    annualRate =\r\n      clamp(annualRate,1,30);\r\n\r\n    months =\r\n      clamp(months,6,360);\r\n\r\n\r\n    amountInput.value =\r\n      principal;\r\n\r\n    amountRange.value =\r\n      principal;\r\n\r\n    rateInput.value =\r\n      annualRate;\r\n\r\n    rateRange.value =\r\n      annualRate;\r\n\r\n    tenureInput.value =\r\n      months;\r\n\r\n    tenureRange.value =\r\n      months;\r\n\r\n\r\n    const monthlyRate =\r\n      annualRate \/ 12 \/ 100;\r\n\r\n\r\n    let emi = 0;\r\n\r\n\r\n    if(monthlyRate === 0){\r\n\r\n      emi =\r\n        principal \/ months;\r\n\r\n    }else{\r\n\r\n      const factor =\r\n        Math.pow(\r\n          1 + monthlyRate,\r\n          months\r\n        );\r\n\r\n      emi =\r\n        principal *\r\n        monthlyRate *\r\n        factor \/\r\n        (factor - 1);\r\n\r\n    }\r\n\r\n\r\n    const totalPayable =\r\n      emi * months;\r\n\r\n    const totalInterest =\r\n      Math.max(\r\n        totalPayable - principal,\r\n        0\r\n      );\r\n\r\n\r\n    \/* OUTPUTS *\/\r\n\r\n    monthlyEmi.textContent =\r\n      formatINR(emi);\r\n\r\n    tenureText.textContent =\r\n      \"Estimated across \" +\r\n      months +\r\n      \" monthly instalments\";\r\n\r\n    principalResult.textContent =\r\n      formatINR(principal);\r\n\r\n    interestResult.textContent =\r\n      formatINR(totalInterest);\r\n\r\n    totalResult.textContent =\r\n      formatINR(totalPayable);\r\n\r\n    periodResult.textContent =\r\n      months + \" Months\";\r\n\r\n    legendPrincipal.textContent =\r\n      formatINR(principal);\r\n\r\n    legendInterest.textContent =\r\n      formatINR(totalInterest);\r\n\r\n    donutTotal.textContent =\r\n      shortINR(totalPayable);\r\n\r\n\r\n    \/* DONUT CHART *\/\r\n\r\n    const principalShare =\r\n      totalPayable > 0\r\n      ? principal \/ totalPayable\r\n      : 1;\r\n\r\n    const principalDegrees =\r\n      Math.max(\r\n        0,\r\n        Math.min(\r\n          360,\r\n          principalShare * 360\r\n        )\r\n      );\r\n\r\n\r\n    donut.style.background =\r\n      \"conic-gradient(\" +\r\n      \"#62ddd2 0deg \" +\r\n      principalDegrees +\r\n      \"deg,\" +\r\n      \"rgba(255,255,255,.13) \" +\r\n      principalDegrees +\r\n      \"deg 360deg\" +\r\n      \")\";\r\n\r\n\r\n    \/* RANGE FILLS *\/\r\n\r\n    updateRangeFill(amountRange);\r\n    updateRangeFill(rateRange);\r\n    updateRangeFill(tenureRange);\r\n\r\n\r\n    \/* QUICK BUTTON *\/\r\n\r\n    updateQuickButtons(months);\r\n\r\n  }\r\n\r\n\r\n  \/* =========================================\r\n     RANGE \u2192 INPUT SYNC\r\n  ========================================= *\/\r\n\r\n  amountRange.addEventListener(\r\n    \"input\",\r\n    function(){\r\n\r\n      amountInput.value =\r\n        this.value;\r\n\r\n      calculateEMI();\r\n\r\n    }\r\n  );\r\n\r\n\r\n  rateRange.addEventListener(\r\n    \"input\",\r\n    function(){\r\n\r\n      rateInput.value =\r\n        this.value;\r\n\r\n      calculateEMI();\r\n\r\n    }\r\n  );\r\n\r\n\r\n  tenureRange.addEventListener(\r\n    \"input\",\r\n    function(){\r\n\r\n      tenureInput.value =\r\n        this.value;\r\n\r\n      calculateEMI();\r\n\r\n    }\r\n  );\r\n\r\n\r\n  \/* =========================================\r\n     INPUT \u2192 RANGE SYNC\r\n  ========================================= *\/\r\n\r\n  amountInput.addEventListener(\r\n    \"input\",\r\n    calculateEMI\r\n  );\r\n\r\n  rateInput.addEventListener(\r\n    \"input\",\r\n    calculateEMI\r\n  );\r\n\r\n  tenureInput.addEventListener(\r\n    \"input\",\r\n    calculateEMI\r\n  );\r\n\r\n\r\n  \/* =========================================\r\n     QUICK TENURE BUTTONS\r\n  ========================================= *\/\r\n\r\n  quickBtns.forEach(\r\n    function(btn){\r\n\r\n      btn.addEventListener(\r\n        \"click\",\r\n        function(){\r\n\r\n          const months =\r\n            parseInt(\r\n              this.getAttribute(\r\n                \"data-months\"\r\n              ),\r\n              10\r\n            );\r\n\r\n          tenureInput.value =\r\n            months;\r\n\r\n          tenureRange.value =\r\n            months;\r\n\r\n          calculateEMI();\r\n\r\n        }\r\n      );\r\n\r\n    }\r\n  );\r\n\r\n\r\n  \/* =========================================\r\n     RESET\r\n  ========================================= *\/\r\n\r\n  resetBtn.addEventListener(\r\n    \"click\",\r\n    function(){\r\n\r\n      amountInput.value =\r\n        1000000;\r\n\r\n      amountRange.value =\r\n        1000000;\r\n\r\n      rateInput.value =\r\n        10.5;\r\n\r\n      rateRange.value =\r\n        10.5;\r\n\r\n      tenureInput.value =\r\n        60;\r\n\r\n      tenureRange.value =\r\n        60;\r\n\r\n      calculateEMI();\r\n\r\n    }\r\n  );\r\n\r\n\r\n  \/* INITIAL CALCULATION *\/\r\n\r\n  calculateEMI();\r\n\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1a26215 elementor-widget elementor-widget-html\" data-id=\"1a26215\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- =========================================\r\n SECTION \u2014 EASY & TRUSTED LOAN PROCESS\r\n Premium Finance \/ NBFC UI\r\n Elementor HTML Widget Ready\r\n========================================= -->\r\n\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap');\r\n\r\n.lprx-section,\r\n.lprx-section *{\r\n  box-sizing:border-box;\r\n}\r\n\r\n.lprx-section{\r\n  --lp-primary:#08a6a1;\r\n  --lp-primary-light:#73e2d8;\r\n  --lp-primary-dark:#087f7b;\r\n  --lp-dark:#102b2a;\r\n  --lp-navy:#132d3e;\r\n  --lp-white:#ffffff;\r\n  --lp-muted:rgba(255,255,255,.60);\r\n  --lp-line:rgba(255,255,255,.10);\r\n\r\n  position:relative;\r\n\r\n  width:100%;\r\n\r\n  overflow:hidden;\r\n\r\n  padding:110px 22px;\r\n\r\n  background:\r\n    radial-gradient(\r\n      circle at 88% 10%,\r\n      rgba(68,218,205,.16),\r\n      transparent 25%\r\n    ),\r\n    radial-gradient(\r\n      circle at 8% 88%,\r\n      rgba(8,166,161,.12),\r\n      transparent 24%\r\n    ),\r\n    linear-gradient(\r\n      135deg,\r\n      #142f40 0%,\r\n      #102b2a 58%,\r\n      #0d2423 100%\r\n    );\r\n\r\n  font-family:'DM Sans',sans-serif;\r\n}\r\n\r\n\/* =========================================\r\n   BACKGROUND DECORATION\r\n========================================= *\/\r\n\r\n.lprx-section:before{\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  width:460px;\r\n  height:460px;\r\n\r\n  right:-270px;\r\n  top:-180px;\r\n\r\n  border-radius:50%;\r\n\r\n  border:\r\n    1px solid rgba(255,255,255,.07);\r\n\r\n  box-shadow:\r\n    0 0 0 60px rgba(255,255,255,.018),\r\n    0 0 0 120px rgba(255,255,255,.010);\r\n\r\n  pointer-events:none;\r\n}\r\n\r\n.lprx-section:after{\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  width:310px;\r\n  height:310px;\r\n\r\n  left:-190px;\r\n  bottom:-170px;\r\n\r\n  border-radius:50%;\r\n\r\n  border:\r\n    1px solid rgba(108,226,215,.08);\r\n\r\n  box-shadow:\r\n    0 0 0 45px rgba(108,226,215,.014);\r\n\r\n  pointer-events:none;\r\n}\r\n\r\n.lprx-container{\r\n  position:relative;\r\n  z-index:2;\r\n\r\n  width:100%;\r\n  max-width:1280px;\r\n\r\n  margin:0 auto;\r\n}\r\n\r\n\/* =========================================\r\n   HEADER\r\n========================================= *\/\r\n\r\n.lprx-header{\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    minmax(0,1fr)\r\n    minmax(320px,.55fr);\r\n\r\n  align-items:end;\r\n\r\n  gap:75px;\r\n\r\n  margin-bottom:60px;\r\n}\r\n\r\n.lprx-eyebrow{\r\n  width:max-content;\r\n\r\n  display:flex;\r\n  align-items:center;\r\n\r\n  gap:9px;\r\n\r\n  margin-bottom:17px;\r\n\r\n  color:var(--lp-primary-light);\r\n\r\n  font-size:11px;\r\n  font-weight:800;\r\n\r\n  text-transform:uppercase;\r\n  letter-spacing:1px;\r\n}\r\n\r\n.lprx-eyebrow-line{\r\n  width:28px;\r\n  height:2px;\r\n\r\n  border-radius:999px;\r\n\r\n  background:var(--lp-primary-light);\r\n}\r\n\r\n.lprx-title{\r\n  max-width:760px;\r\n\r\n  margin:0;\r\n\r\n  color:#ffffff;\r\n\r\n  font-family:'Manrope',sans-serif;\r\n\r\n  font-size:clamp(38px,4vw,55px);\r\n  line-height:1.06;\r\n\r\n  font-weight:800;\r\n\r\n  letter-spacing:-2.4px;\r\n}\r\n\r\n.lprx-title span{\r\n  color:var(--lp-primary-light);\r\n}\r\n\r\n.lprx-intro{\r\n  margin:0;\r\n\r\n  color:var(--lp-muted);\r\n\r\n  font-size:14px;\r\n  line-height:1.75;\r\n}\r\n\r\n\/* =========================================\r\n   PROCESS WRAPPER\r\n========================================= *\/\r\n\r\n.lprx-process{\r\n  position:relative;\r\n\r\n  padding-top:32px;\r\n}\r\n\r\n\/* HORIZONTAL TRACK *\/\r\n\r\n.lprx-track{\r\n  position:absolute;\r\n\r\n  top:70px;\r\n  left:8%;\r\n  right:8%;\r\n\r\n  height:2px;\r\n\r\n  background:\r\n    rgba(255,255,255,.10);\r\n}\r\n\r\n.lprx-track-progress{\r\n  width:75%;\r\n  height:100%;\r\n\r\n  border-radius:999px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      #08a6a1,\r\n      #73e2d8\r\n    );\r\n\r\n  box-shadow:\r\n    0 0 18px rgba(74,220,207,.20);\r\n}\r\n\r\n\/* =========================================\r\n   STEPS GRID\r\n========================================= *\/\r\n\r\n.lprx-steps{\r\n  position:relative;\r\n  z-index:2;\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    repeat(4,minmax(0,1fr));\r\n\r\n  gap:18px;\r\n}\r\n\r\n\/* STEP *\/\r\n\r\n.lprx-step{\r\n  position:relative;\r\n}\r\n\r\n\/* NODE *\/\r\n\r\n.lprx-node-wrap{\r\n  display:flex;\r\n  justify-content:center;\r\n\r\n  margin-bottom:25px;\r\n}\r\n\r\n.lprx-node{\r\n  position:relative;\r\n\r\n  width:76px;\r\n  height:76px;\r\n\r\n  border-radius:50%;\r\n\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n\r\n  background:#173a38;\r\n\r\n  border:\r\n    1px solid rgba(255,255,255,.13);\r\n\r\n  box-shadow:\r\n    0 0 0 8px #112e2d;\r\n\r\n  color:var(--lp-primary-light);\r\n\r\n  transition:\r\n    transform .28s ease,\r\n    background .28s ease,\r\n    color .28s ease;\r\n}\r\n\r\n.lprx-node svg{\r\n  width:27px;\r\n  height:27px;\r\n}\r\n\r\n.lprx-step:hover .lprx-node{\r\n  transform:translateY(-5px);\r\n\r\n  background:var(--lp-primary);\r\n\r\n  color:#ffffff;\r\n}\r\n\r\n\/* ACTIVE NODE *\/\r\n\r\n.lprx-step.featured .lprx-node{\r\n  background:\r\n    linear-gradient(\r\n      145deg,\r\n      #16b8b1,\r\n      #087f7b\r\n    );\r\n\r\n  color:#ffffff;\r\n\r\n  border-color:\r\n    rgba(255,255,255,.18);\r\n\r\n  box-shadow:\r\n    0 0 0 8px #112e2d,\r\n    0 14px 35px rgba(8,166,161,.25);\r\n}\r\n\r\n\/* NUMBER *\/\r\n\r\n.lprx-step-number{\r\n  position:absolute;\r\n\r\n  right:-4px;\r\n  top:-4px;\r\n\r\n  width:25px;\r\n  height:25px;\r\n\r\n  border-radius:50%;\r\n\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n\r\n  background:#ffffff;\r\n\r\n  color:var(--lp-dark);\r\n\r\n  border:4px solid #12302f;\r\n\r\n  font-size:8px;\r\n  font-weight:800;\r\n}\r\n\r\n\/* =========================================\r\n   STEP CARD\r\n========================================= *\/\r\n\r\n.lprx-card{\r\n  position:relative;\r\n\r\n  min-height:275px;\r\n\r\n  overflow:hidden;\r\n\r\n  padding:25px;\r\n\r\n  border:\r\n    1px solid rgba(255,255,255,.09);\r\n\r\n  border-radius:20px;\r\n\r\n  background:\r\n    rgba(255,255,255,.055);\r\n\r\n  backdrop-filter:blur(10px);\r\n\r\n  transition:\r\n    transform .28s ease,\r\n    background .28s ease,\r\n    border-color .28s ease;\r\n}\r\n\r\n.lprx-card:before{\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  width:100px;\r\n  height:100px;\r\n\r\n  right:-50px;\r\n  top:-50px;\r\n\r\n  border-radius:50%;\r\n\r\n  background:\r\n    rgba(110,226,215,.04);\r\n}\r\n\r\n.lprx-step:hover .lprx-card{\r\n  transform:translateY(-5px);\r\n\r\n  background:\r\n    rgba(255,255,255,.075);\r\n\r\n  border-color:\r\n    rgba(111,226,215,.20);\r\n}\r\n\r\n\/* FEATURED CARD *\/\r\n\r\n.lprx-step.featured .lprx-card{\r\n  background:\r\n    linear-gradient(\r\n      145deg,\r\n      rgba(8,166,161,.22),\r\n      rgba(255,255,255,.06)\r\n    );\r\n\r\n  border-color:\r\n    rgba(107,226,215,.22);\r\n}\r\n\r\n\/* CARD TOP LABEL *\/\r\n\r\n.lprx-card-label{\r\n  display:flex;\r\n  align-items:center;\r\n\r\n  gap:8px;\r\n\r\n  color:var(--lp-primary-light);\r\n\r\n  font-size:8px;\r\n  font-weight:800;\r\n\r\n  text-transform:uppercase;\r\n  letter-spacing:.7px;\r\n}\r\n\r\n.lprx-card-label:before{\r\n  content:\"\";\r\n\r\n  width:17px;\r\n  height:2px;\r\n\r\n  border-radius:999px;\r\n\r\n  background:var(--lp-primary-light);\r\n}\r\n\r\n\/* CARD TITLE *\/\r\n\r\n.lprx-card h3{\r\n  margin:16px 0 0;\r\n\r\n  color:#ffffff;\r\n\r\n  font-family:'Manrope',sans-serif;\r\n\r\n  font-size:18px;\r\n  line-height:1.25;\r\n\r\n  font-weight:800;\r\n\r\n  letter-spacing:-.5px;\r\n}\r\n\r\n.lprx-card p{\r\n  margin:10px 0 0;\r\n\r\n  color:\r\n    rgba(255,255,255,.54);\r\n\r\n  font-size:10.5px;\r\n  line-height:1.68;\r\n}\r\n\r\n\/* MINI CHECK *\/\r\n\r\n.lprx-mini-list{\r\n  display:flex;\r\n  flex-direction:column;\r\n\r\n  gap:8px;\r\n\r\n  margin-top:18px;\r\n}\r\n\r\n.lprx-mini-item{\r\n  display:flex;\r\n  align-items:flex-start;\r\n\r\n  gap:8px;\r\n\r\n  color:\r\n    rgba(255,255,255,.70);\r\n\r\n  font-size:8.8px;\r\n  line-height:1.45;\r\n}\r\n\r\n.lprx-mini-check{\r\n  width:17px;\r\n  height:17px;\r\n\r\n  flex-shrink:0;\r\n\r\n  border-radius:5px;\r\n\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n\r\n  background:\r\n    rgba(105,225,214,.11);\r\n\r\n  color:var(--lp-primary-light);\r\n\r\n  font-size:8px;\r\n  font-weight:800;\r\n}\r\n\r\n\/* =========================================\r\n   SUPPORT STRIP\r\n========================================= *\/\r\n\r\n.lprx-support{\r\n  position:relative;\r\n\r\n  overflow:hidden;\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    minmax(0,1fr)\r\n    auto;\r\n\r\n  align-items:center;\r\n\r\n  gap:35px;\r\n\r\n  margin-top:28px;\r\n  padding:28px 30px;\r\n\r\n  border:\r\n    1px solid rgba(255,255,255,.09);\r\n\r\n  border-radius:20px;\r\n\r\n  background:\r\n    rgba(255,255,255,.055);\r\n}\r\n\r\n.lprx-support:after{\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  width:150px;\r\n  height:150px;\r\n\r\n  right:-70px;\r\n  bottom:-85px;\r\n\r\n  border-radius:50%;\r\n\r\n  border:\r\n    1px solid rgba(112,226,216,.11);\r\n}\r\n\r\n.lprx-support-left{\r\n  position:relative;\r\n  z-index:2;\r\n\r\n  display:flex;\r\n  align-items:center;\r\n\r\n  gap:15px;\r\n}\r\n\r\n.lprx-support-icon{\r\n  width:49px;\r\n  height:49px;\r\n\r\n  flex-shrink:0;\r\n\r\n  border-radius:14px;\r\n\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n\r\n  background:\r\n    rgba(105,225,214,.11);\r\n\r\n  color:var(--lp-primary-light);\r\n}\r\n\r\n.lprx-support-icon svg{\r\n  width:22px;\r\n  height:22px;\r\n}\r\n\r\n.lprx-support-copy strong{\r\n  display:block;\r\n\r\n  color:#ffffff;\r\n\r\n  font-family:'Manrope',sans-serif;\r\n\r\n  font-size:15px;\r\n  font-weight:800;\r\n}\r\n\r\n.lprx-support-copy span{\r\n  display:block;\r\n\r\n  margin-top:5px;\r\n\r\n  color:\r\n    rgba(255,255,255,.52);\r\n\r\n  font-size:9.5px;\r\n  line-height:1.5;\r\n}\r\n\r\n\/* ACTIONS *\/\r\n\r\n.lprx-actions{\r\n  position:relative;\r\n  z-index:2;\r\n\r\n  display:flex;\r\n  align-items:center;\r\n\r\n  gap:10px;\r\n}\r\n\r\n.lprx-btn-primary,\r\n.lprx-btn-secondary{\r\n  min-height:48px;\r\n\r\n  padding:0 17px;\r\n\r\n  border-radius:10px;\r\n\r\n  display:inline-flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n\r\n  gap:8px;\r\n\r\n  text-decoration:none;\r\n\r\n  font-size:10px;\r\n  font-weight:800;\r\n\r\n  transition:.25s ease;\r\n}\r\n\r\n.lprx-btn-primary{\r\n  background:var(--lp-primary);\r\n\r\n  color:#ffffff;\r\n\r\n  box-shadow:\r\n    0 12px 25px rgba(8,166,161,.18);\r\n}\r\n\r\n.lprx-btn-primary:hover{\r\n  background:#ffffff;\r\n\r\n  color:var(--lp-dark);\r\n\r\n  transform:translateY(-2px);\r\n}\r\n\r\n.lprx-btn-secondary{\r\n  background:\r\n    rgba(255,255,255,.07);\r\n\r\n  border:\r\n    1px solid rgba(255,255,255,.10);\r\n\r\n  color:#ffffff;\r\n}\r\n\r\n.lprx-btn-secondary:hover{\r\n  background:#ffffff;\r\n\r\n  color:var(--lp-dark);\r\n}\r\n\r\n\/* =========================================\r\n   TRUST ITEMS\r\n========================================= *\/\r\n\r\n.lprx-trust{\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    repeat(4,1fr);\r\n\r\n  gap:1px;\r\n\r\n  overflow:hidden;\r\n\r\n  margin-top:18px;\r\n\r\n  border:\r\n    1px solid rgba(255,255,255,.08);\r\n\r\n  border-radius:17px;\r\n\r\n  background:\r\n    rgba(255,255,255,.08);\r\n}\r\n\r\n.lprx-trust-item{\r\n  min-height:88px;\r\n\r\n  padding:18px;\r\n\r\n  display:flex;\r\n  align-items:center;\r\n\r\n  gap:11px;\r\n\r\n  background:\r\n    rgba(255,255,255,.045);\r\n}\r\n\r\n.lprx-trust-icon{\r\n  width:35px;\r\n  height:35px;\r\n\r\n  flex-shrink:0;\r\n\r\n  border-radius:10px;\r\n\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n\r\n  background:\r\n    rgba(108,226,215,.10);\r\n\r\n  color:var(--lp-primary-light);\r\n}\r\n\r\n.lprx-trust-icon svg{\r\n  width:16px;\r\n  height:16px;\r\n}\r\n\r\n.lprx-trust-copy strong{\r\n  display:block;\r\n\r\n  color:#ffffff;\r\n\r\n  font-size:9.5px;\r\n  font-weight:800;\r\n}\r\n\r\n.lprx-trust-copy span{\r\n  display:block;\r\n\r\n  margin-top:3px;\r\n\r\n  color:\r\n    rgba(255,255,255,.43);\r\n\r\n  font-size:8px;\r\n  line-height:1.4;\r\n}\r\n\r\n\/* =========================================\r\n   RESPONSIVE \u2014 TABLET\r\n========================================= *\/\r\n\r\n@media(max-width:1050px){\r\n\r\n  .lprx-section{\r\n    padding:90px 20px;\r\n  }\r\n\r\n  .lprx-header{\r\n    grid-template-columns:1fr;\r\n\r\n    gap:18px;\r\n  }\r\n\r\n  .lprx-track{\r\n    display:none;\r\n  }\r\n\r\n  .lprx-steps{\r\n    grid-template-columns:\r\n      repeat(2,minmax(0,1fr));\r\n  }\r\n\r\n  .lprx-node-wrap{\r\n    justify-content:flex-start;\r\n\r\n    margin-left:12px;\r\n  }\r\n\r\n  .lprx-trust{\r\n    grid-template-columns:\r\n      repeat(2,1fr);\r\n  }\r\n\r\n}\r\n\r\n\/* =========================================\r\n   RESPONSIVE \u2014 MOBILE\r\n========================================= *\/\r\n\r\n@media(max-width:700px){\r\n\r\n  .lprx-section{\r\n    padding:70px 15px;\r\n  }\r\n\r\n  .lprx-title{\r\n    font-size:37px;\r\n\r\n    letter-spacing:-1.7px;\r\n  }\r\n\r\n  .lprx-header{\r\n    margin-bottom:40px;\r\n  }\r\n\r\n  .lprx-process{\r\n    padding-top:0;\r\n  }\r\n\r\n  .lprx-steps{\r\n    grid-template-columns:1fr;\r\n\r\n    gap:18px;\r\n  }\r\n\r\n  .lprx-step{\r\n    display:grid;\r\n\r\n    grid-template-columns:\r\n      58px minmax(0,1fr);\r\n\r\n    gap:13px;\r\n\r\n    align-items:start;\r\n  }\r\n\r\n  .lprx-node-wrap{\r\n    position:relative;\r\n\r\n    margin:0;\r\n\r\n    justify-content:flex-start;\r\n  }\r\n\r\n  .lprx-node-wrap:after{\r\n    content:\"\";\r\n\r\n    position:absolute;\r\n\r\n    width:2px;\r\n\r\n    top:62px;\r\n    bottom:-31px;\r\n    left:28px;\r\n\r\n    background:\r\n      rgba(112,226,216,.16);\r\n  }\r\n\r\n  .lprx-step:last-child\r\n  .lprx-node-wrap:after{\r\n    display:none;\r\n  }\r\n\r\n  .lprx-node{\r\n    width:58px;\r\n    height:58px;\r\n\r\n    box-shadow:none;\r\n  }\r\n\r\n  .lprx-node svg{\r\n    width:21px;\r\n    height:21px;\r\n  }\r\n\r\n  .lprx-step-number{\r\n    width:22px;\r\n    height:22px;\r\n\r\n    right:-3px;\r\n    top:-5px;\r\n\r\n    border-width:3px;\r\n  }\r\n\r\n  .lprx-card{\r\n    min-height:auto;\r\n\r\n    padding:22px 19px;\r\n  }\r\n\r\n  .lprx-support{\r\n    grid-template-columns:1fr;\r\n\r\n    padding:24px 20px;\r\n  }\r\n\r\n  .lprx-actions{\r\n    flex-direction:column;\r\n\r\n    align-items:stretch;\r\n  }\r\n\r\n  .lprx-btn-primary,\r\n  .lprx-btn-secondary{\r\n    width:100%;\r\n  }\r\n\r\n  .lprx-trust{\r\n    grid-template-columns:1fr;\r\n  }\r\n\r\n}\r\n\r\n@media(max-width:430px){\r\n\r\n  .lprx-title{\r\n    font-size:33px;\r\n  }\r\n\r\n  .lprx-step{\r\n    grid-template-columns:\r\n      50px minmax(0,1fr);\r\n\r\n    gap:10px;\r\n  }\r\n\r\n  .lprx-node{\r\n    width:50px;\r\n    height:50px;\r\n  }\r\n\r\n  .lprx-node-wrap:after{\r\n    left:24px;\r\n    top:54px;\r\n  }\r\n\r\n  .lprx-support-left{\r\n    align-items:flex-start;\r\n  }\r\n\r\n}\r\n<\/style>\r\n\r\n\r\n<section\r\n  class=\"lprx-section\"\r\n  id=\"loan-process\"\r\n>\r\n\r\n  <div class=\"lprx-container\">\r\n\r\n\r\n    <!-- =================================\r\n         HEADER\r\n    ================================== -->\r\n\r\n    <div class=\"lprx-header\">\r\n\r\n\r\n      <div>\r\n\r\n        <div class=\"lprx-eyebrow\">\r\n\r\n          <span class=\"lprx-eyebrow-line\"><\/span>\r\n\r\n          Simple Loan Journey\r\n\r\n        <\/div>\r\n\r\n\r\n        <h2 class=\"lprx-title\">\r\n\r\n          From application to\r\n          disbursal in\r\n\r\n          <span>clear steps.<\/span>\r\n\r\n        <\/h2>\r\n\r\n      <\/div>\r\n\r\n\r\n      <p class=\"lprx-intro\">\r\n\r\n        A structured journey can make the application\r\n        process easier to understand. Follow the key\r\n        stages from submitting basic information to\r\n        verification, assessment and eligible disbursal.\r\n\r\n      <\/p>\r\n\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <!-- =================================\r\n         PROCESS\r\n    ================================== -->\r\n\r\n    <div class=\"lprx-process\">\r\n\r\n\r\n      <!-- CONNECTING TRACK -->\r\n      <div class=\"lprx-track\">\r\n\r\n        <div class=\"lprx-track-progress\"><\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n\r\n      <!-- STEPS -->\r\n      <div class=\"lprx-steps\">\r\n\r\n\r\n        <!-- =================================\r\n             STEP 01\r\n        ================================== -->\r\n\r\n        <article class=\"lprx-step\">\r\n\r\n\r\n          <div class=\"lprx-node-wrap\">\r\n\r\n            <div class=\"lprx-node\">\r\n\r\n              <svg\r\n                viewBox=\"0 0 24 24\"\r\n                fill=\"none\"\r\n                stroke=\"currentColor\"\r\n                stroke-width=\"1.8\"\r\n              >\r\n                <path d=\"M6 2h9l4 4v16H6z\"\/>\r\n                <path d=\"M14 2v5h5\"\/>\r\n                <path d=\"M9 12h6\"\/>\r\n                <path d=\"M9 16h4\"\/>\r\n              <\/svg>\r\n\r\n\r\n              <span class=\"lprx-step-number\">\r\n                01\r\n              <\/span>\r\n\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n\r\n\r\n          <div class=\"lprx-card\">\r\n\r\n\r\n            <div class=\"lprx-card-label\">\r\n              Start\r\n            <\/div>\r\n\r\n\r\n            <h3>\r\n              Submit Application\r\n            <\/h3>\r\n\r\n\r\n            <p>\r\n\r\n              Begin by sharing the basic details\r\n              required for the selected loan\r\n              category and application journey.\r\n\r\n            <\/p>\r\n\r\n\r\n            <div class=\"lprx-mini-list\">\r\n\r\n\r\n              <div class=\"lprx-mini-item\">\r\n\r\n                <span class=\"lprx-mini-check\">\r\n                  \u2713\r\n                <\/span>\r\n\r\n                <span>\r\n                  Select your loan requirement\r\n                <\/span>\r\n\r\n              <\/div>\r\n\r\n\r\n              <div class=\"lprx-mini-item\">\r\n\r\n                <span class=\"lprx-mini-check\">\r\n                  \u2713\r\n                <\/span>\r\n\r\n                <span>\r\n                  Enter accurate contact details\r\n                <\/span>\r\n\r\n              <\/div>\r\n\r\n\r\n              <div class=\"lprx-mini-item\">\r\n\r\n                <span class=\"lprx-mini-check\">\r\n                  \u2713\r\n                <\/span>\r\n\r\n                <span>\r\n                  Review information before submit\r\n                <\/span>\r\n\r\n              <\/div>\r\n\r\n\r\n            <\/div>\r\n\r\n\r\n          <\/div>\r\n\r\n\r\n        <\/article>\r\n\r\n\r\n\r\n        <!-- =================================\r\n             STEP 02\r\n        ================================== -->\r\n\r\n        <article class=\"lprx-step featured\">\r\n\r\n\r\n          <div class=\"lprx-node-wrap\">\r\n\r\n            <div class=\"lprx-node\">\r\n\r\n              <svg\r\n                viewBox=\"0 0 24 24\"\r\n                fill=\"none\"\r\n                stroke=\"currentColor\"\r\n                stroke-width=\"1.8\"\r\n              >\r\n                <path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10\"\/>\r\n                <path d=\"m9 12 2 2 4-4\"\/>\r\n              <\/svg>\r\n\r\n\r\n              <span class=\"lprx-step-number\">\r\n                02\r\n              <\/span>\r\n\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n\r\n\r\n          <div class=\"lprx-card\">\r\n\r\n\r\n            <div class=\"lprx-card-label\">\r\n              Verification\r\n            <\/div>\r\n\r\n\r\n            <h3>\r\n              Document Review\r\n            <\/h3>\r\n\r\n\r\n            <p>\r\n\r\n              Relevant identity, address, income\r\n              or supporting documents may be\r\n              reviewed according to the product.\r\n\r\n            <\/p>\r\n\r\n\r\n            <div class=\"lprx-mini-list\">\r\n\r\n\r\n              <div class=\"lprx-mini-item\">\r\n\r\n                <span class=\"lprx-mini-check\">\r\n                  \u2713\r\n                <\/span>\r\n\r\n                <span>\r\n                  Applicable KYC verification\r\n                <\/span>\r\n\r\n              <\/div>\r\n\r\n\r\n              <div class=\"lprx-mini-item\">\r\n\r\n                <span class=\"lprx-mini-check\">\r\n                  \u2713\r\n                <\/span>\r\n\r\n                <span>\r\n                  Supporting document review\r\n                <\/span>\r\n\r\n              <\/div>\r\n\r\n\r\n              <div class=\"lprx-mini-item\">\r\n\r\n                <span class=\"lprx-mini-check\">\r\n                  \u2713\r\n                <\/span>\r\n\r\n                <span>\r\n                  Additional details if required\r\n                <\/span>\r\n\r\n              <\/div>\r\n\r\n\r\n            <\/div>\r\n\r\n\r\n          <\/div>\r\n\r\n\r\n        <\/article>\r\n\r\n\r\n\r\n        <!-- =================================\r\n             STEP 03\r\n        ================================== -->\r\n\r\n        <article class=\"lprx-step\">\r\n\r\n\r\n          <div class=\"lprx-node-wrap\">\r\n\r\n            <div class=\"lprx-node\">\r\n\r\n              <svg\r\n                viewBox=\"0 0 24 24\"\r\n                fill=\"none\"\r\n                stroke=\"currentColor\"\r\n                stroke-width=\"1.8\"\r\n              >\r\n                <circle cx=\"12\" cy=\"12\" r=\"9\"\/>\r\n                <path d=\"m8 12 3 3 5-6\"\/>\r\n              <\/svg>\r\n\r\n\r\n              <span class=\"lprx-step-number\">\r\n                03\r\n              <\/span>\r\n\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n\r\n\r\n          <div class=\"lprx-card\">\r\n\r\n\r\n            <div class=\"lprx-card-label\">\r\n              Assessment\r\n            <\/div>\r\n\r\n\r\n            <h3>\r\n              Eligibility & Approval\r\n            <\/h3>\r\n\r\n\r\n            <p>\r\n\r\n              The application may be assessed\r\n              against applicable eligibility,\r\n              verification and product criteria.\r\n\r\n            <\/p>\r\n\r\n\r\n            <div class=\"lprx-mini-list\">\r\n\r\n\r\n              <div class=\"lprx-mini-item\">\r\n\r\n                <span class=\"lprx-mini-check\">\r\n                  \u2713\r\n                <\/span>\r\n\r\n                <span>\r\n                  Profile-based assessment\r\n                <\/span>\r\n\r\n              <\/div>\r\n\r\n\r\n              <div class=\"lprx-mini-item\">\r\n\r\n                <span class=\"lprx-mini-check\">\r\n                  \u2713\r\n                <\/span>\r\n\r\n                <span>\r\n                  Applicable internal checks\r\n                <\/span>\r\n\r\n              <\/div>\r\n\r\n\r\n              <div class=\"lprx-mini-item\">\r\n\r\n                <span class=\"lprx-mini-check\">\r\n                  \u2713\r\n                <\/span>\r\n\r\n                <span>\r\n                  Final terms where approved\r\n                <\/span>\r\n\r\n              <\/div>\r\n\r\n\r\n            <\/div>\r\n\r\n\r\n          <\/div>\r\n\r\n\r\n        <\/article>\r\n\r\n\r\n\r\n        <!-- =================================\r\n             STEP 04\r\n        ================================== -->\r\n\r\n        <article class=\"lprx-step\">\r\n\r\n\r\n          <div class=\"lprx-node-wrap\">\r\n\r\n            <div class=\"lprx-node\">\r\n\r\n              <svg\r\n                viewBox=\"0 0 24 24\"\r\n                fill=\"none\"\r\n                stroke=\"currentColor\"\r\n                stroke-width=\"1.8\"\r\n              >\r\n                <path d=\"M3 7h18v12H3z\"\/>\r\n                <path d=\"M3 10h18\"\/>\r\n                <path d=\"M7 15h4\"\/>\r\n                <path d=\"m16 14 2 2 3-4\"\/>\r\n              <\/svg>\r\n\r\n\r\n              <span class=\"lprx-step-number\">\r\n                04\r\n              <\/span>\r\n\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n\r\n\r\n          <div class=\"lprx-card\">\r\n\r\n\r\n            <div class=\"lprx-card-label\">\r\n              Completion\r\n            <\/div>\r\n\r\n\r\n            <h3>\r\n              Eligible Disbursal\r\n            <\/h3>\r\n\r\n\r\n            <p>\r\n\r\n              Where approved and after completion\r\n              of applicable formalities, funds may\r\n              be disbursed under final agreed terms.\r\n\r\n            <\/p>\r\n\r\n\r\n            <div class=\"lprx-mini-list\">\r\n\r\n\r\n              <div class=\"lprx-mini-item\">\r\n\r\n                <span class=\"lprx-mini-check\">\r\n                  \u2713\r\n                <\/span>\r\n\r\n                <span>\r\n                  Final agreement completion\r\n                <\/span>\r\n\r\n              <\/div>\r\n\r\n\r\n              <div class=\"lprx-mini-item\">\r\n\r\n                <span class=\"lprx-mini-check\">\r\n                  \u2713\r\n                <\/span>\r\n\r\n                <span>\r\n                  Applicable mandate setup\r\n                <\/span>\r\n\r\n              <\/div>\r\n\r\n\r\n              <div class=\"lprx-mini-item\">\r\n\r\n                <span class=\"lprx-mini-check\">\r\n                  \u2713\r\n                <\/span>\r\n\r\n                <span>\r\n                  Disbursal as per final terms\r\n                <\/span>\r\n\r\n              <\/div>\r\n\r\n\r\n            <\/div>\r\n\r\n\r\n          <\/div>\r\n\r\n\r\n        <\/article>\r\n\r\n\r\n      <\/div>\r\n\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <!-- =================================\r\n         SUPPORT CTA STRIP\r\n    ================================== -->\r\n\r\n    <div class=\"lprx-support\">\r\n\r\n\r\n      <div class=\"lprx-support-left\">\r\n\r\n\r\n        <span class=\"lprx-support-icon\">\r\n\r\n          <svg\r\n            viewBox=\"0 0 24 24\"\r\n            fill=\"none\"\r\n            stroke=\"currentColor\"\r\n            stroke-width=\"1.8\"\r\n          >\r\n            <path d=\"M21 15a4 4 0 0 1-4 4H8l-5 3V7a4 4 0 0 1 4-4h10a4 4 0 0 1 4 4z\"\/>\r\n            <path d=\"M8 9h8\"\/>\r\n            <path d=\"M8 13h5\"\/>\r\n          <\/svg>\r\n\r\n        <\/span>\r\n\r\n\r\n        <span class=\"lprx-support-copy\">\r\n\r\n          <strong>\r\n            Need help during the application journey?\r\n          <\/strong>\r\n\r\n          <span>\r\n            Keep support accessible for process,\r\n            document and next-step related questions.\r\n          <\/span>\r\n\r\n        <\/span>\r\n\r\n\r\n      <\/div>\r\n\r\n\r\n\r\n      <div class=\"lprx-actions\">\r\n\r\n\r\n        <a\r\n          href=\"#loan-services\"\r\n          class=\"lprx-btn-secondary\"\r\n        >\r\n          View Loan Options\r\n        <\/a>\r\n\r\n\r\n        <a\r\n          href=\"#loan-application\"\r\n          class=\"lprx-btn-primary\"\r\n        >\r\n          Start Application\r\n\r\n          <span>\u2197<\/span>\r\n        <\/a>\r\n\r\n\r\n      <\/div>\r\n\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <!-- =================================\r\n         TRUST STRIP\r\n    ================================== -->\r\n\r\n    <div class=\"lprx-trust\">\r\n\r\n\r\n      <!-- ITEM 1 -->\r\n      <div class=\"lprx-trust-item\">\r\n\r\n\r\n        <span class=\"lprx-trust-icon\">\r\n\r\n          <svg\r\n            viewBox=\"0 0 24 24\"\r\n            fill=\"none\"\r\n            stroke=\"currentColor\"\r\n            stroke-width=\"1.8\"\r\n          >\r\n            <path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10\"\/>\r\n            <path d=\"m9 12 2 2 4-4\"\/>\r\n          <\/svg>\r\n\r\n        <\/span>\r\n\r\n\r\n        <span class=\"lprx-trust-copy\">\r\n\r\n          <strong>\r\n            Secure Journey\r\n          <\/strong>\r\n\r\n          <span>\r\n            Structured information flow\r\n          <\/span>\r\n\r\n        <\/span>\r\n\r\n\r\n      <\/div>\r\n\r\n\r\n\r\n      <!-- ITEM 2 -->\r\n      <div class=\"lprx-trust-item\">\r\n\r\n\r\n        <span class=\"lprx-trust-icon\">\r\n\r\n          <svg\r\n            viewBox=\"0 0 24 24\"\r\n            fill=\"none\"\r\n            stroke=\"currentColor\"\r\n            stroke-width=\"1.8\"\r\n          >\r\n            <circle cx=\"12\" cy=\"12\" r=\"9\"\/>\r\n            <path d=\"M12 7v5l3 2\"\/>\r\n          <\/svg>\r\n\r\n        <\/span>\r\n\r\n\r\n        <span class=\"lprx-trust-copy\">\r\n\r\n          <strong>\r\n            Clear Stages\r\n          <\/strong>\r\n\r\n          <span>\r\n            Easy-to-understand process\r\n          <\/span>\r\n\r\n        <\/span>\r\n\r\n\r\n      <\/div>\r\n\r\n\r\n\r\n      <!-- ITEM 3 -->\r\n      <div class=\"lprx-trust-item\">\r\n\r\n\r\n        <span class=\"lprx-trust-icon\">\r\n\r\n          <svg\r\n            viewBox=\"0 0 24 24\"\r\n            fill=\"none\"\r\n            stroke=\"currentColor\"\r\n            stroke-width=\"1.8\"\r\n          >\r\n            <path d=\"M4 19V9\"\/>\r\n            <path d=\"M10 19V5\"\/>\r\n            <path d=\"M16 19v-7\"\/>\r\n            <path d=\"M22 19H2\"\/>\r\n          <\/svg>\r\n\r\n        <\/span>\r\n\r\n\r\n        <span class=\"lprx-trust-copy\">\r\n\r\n          <strong>\r\n            Transparent Steps\r\n          <\/strong>\r\n\r\n          <span>\r\n            Better process visibility\r\n          <\/span>\r\n\r\n        <\/span>\r\n\r\n\r\n      <\/div>\r\n\r\n\r\n\r\n      <!-- ITEM 4 -->\r\n      <div class=\"lprx-trust-item\">\r\n\r\n\r\n        <span class=\"lprx-trust-icon\">\r\n\r\n          <svg\r\n            viewBox=\"0 0 24 24\"\r\n            fill=\"none\"\r\n            stroke=\"currentColor\"\r\n            stroke-width=\"1.8\"\r\n          >\r\n            <path d=\"M21 15a4 4 0 0 1-4 4H8l-5 3V7a4 4 0 0 1 4-4h10a4 4 0 0 1 4 4z\"\/>\r\n          <\/svg>\r\n\r\n        <\/span>\r\n\r\n\r\n        <span class=\"lprx-trust-copy\">\r\n\r\n          <strong>\r\n            Support Access\r\n          <\/strong>\r\n\r\n          <span>\r\n            Assistance when required\r\n          <\/span>\r\n\r\n        <\/span>\r\n\r\n\r\n      <\/div>\r\n\r\n\r\n    <\/div>\r\n\r\n\r\n  <\/div>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3568024 elementor-widget elementor-widget-html\" data-id=\"3568024\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- =========================================\r\n SECTION \u2014 EASY & TRUSTED LOAN PROCESS\r\n Premium Finance \/ NBFC UI\r\n Elementor HTML Widget Ready\r\n========================================= -->\r\n\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap');\r\n\r\n.lprx-section,\r\n.lprx-section *{\r\n  box-sizing:border-box;\r\n}\r\n\r\n.lprx-section{\r\n  --lp-primary:#08a6a1;\r\n  --lp-primary-light:#73e2d8;\r\n  --lp-primary-dark:#087f7b;\r\n  --lp-dark:#102b2a;\r\n  --lp-navy:#132d3e;\r\n  --lp-white:#ffffff;\r\n  --lp-muted:rgba(255,255,255,.60);\r\n  --lp-line:rgba(255,255,255,.10);\r\n\r\n  position:relative;\r\n\r\n  width:100%;\r\n\r\n  overflow:hidden;\r\n\r\n  padding:110px 22px;\r\n\r\n  background:\r\n    radial-gradient(\r\n      circle at 88% 10%,\r\n      rgba(68,218,205,.16),\r\n      transparent 25%\r\n    ),\r\n    radial-gradient(\r\n      circle at 8% 88%,\r\n      rgba(8,166,161,.12),\r\n      transparent 24%\r\n    ),\r\n    linear-gradient(\r\n      135deg,\r\n      #142f40 0%,\r\n      #102b2a 58%,\r\n      #0d2423 100%\r\n    );\r\n\r\n  font-family:'DM Sans',sans-serif;\r\n}\r\n\r\n\/* =========================================\r\n   BACKGROUND DECORATION\r\n========================================= *\/\r\n\r\n.lprx-section:before{\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  width:460px;\r\n  height:460px;\r\n\r\n  right:-270px;\r\n  top:-180px;\r\n\r\n  border-radius:50%;\r\n\r\n  border:\r\n    1px solid rgba(255,255,255,.07);\r\n\r\n  box-shadow:\r\n    0 0 0 60px rgba(255,255,255,.018),\r\n    0 0 0 120px rgba(255,255,255,.010);\r\n\r\n  pointer-events:none;\r\n}\r\n\r\n.lprx-section:after{\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  width:310px;\r\n  height:310px;\r\n\r\n  left:-190px;\r\n  bottom:-170px;\r\n\r\n  border-radius:50%;\r\n\r\n  border:\r\n    1px solid rgba(108,226,215,.08);\r\n\r\n  box-shadow:\r\n    0 0 0 45px rgba(108,226,215,.014);\r\n\r\n  pointer-events:none;\r\n}\r\n\r\n.lprx-container{\r\n  position:relative;\r\n  z-index:2;\r\n\r\n  width:100%;\r\n  max-width:1280px;\r\n\r\n  margin:0 auto;\r\n}\r\n\r\n\/* =========================================\r\n   HEADER\r\n========================================= *\/\r\n\r\n.lprx-header{\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    minmax(0,1fr)\r\n    minmax(320px,.55fr);\r\n\r\n  align-items:end;\r\n\r\n  gap:75px;\r\n\r\n  margin-bottom:60px;\r\n}\r\n\r\n.lprx-eyebrow{\r\n  width:max-content;\r\n\r\n  display:flex;\r\n  align-items:center;\r\n\r\n  gap:9px;\r\n\r\n  margin-bottom:17px;\r\n\r\n  color:var(--lp-primary-light);\r\n\r\n  font-size:11px;\r\n  font-weight:800;\r\n\r\n  text-transform:uppercase;\r\n  letter-spacing:1px;\r\n}\r\n\r\n.lprx-eyebrow-line{\r\n  width:28px;\r\n  height:2px;\r\n\r\n  border-radius:999px;\r\n\r\n  background:var(--lp-primary-light);\r\n}\r\n\r\n.lprx-title{\r\n  max-width:760px;\r\n\r\n  margin:0;\r\n\r\n  color:#ffffff;\r\n\r\n  font-family:'Manrope',sans-serif;\r\n\r\n  font-size:clamp(38px,4vw,55px);\r\n  line-height:1.06;\r\n\r\n  font-weight:800;\r\n\r\n  letter-spacing:-2.4px;\r\n}\r\n\r\n.lprx-title span{\r\n  color:var(--lp-primary-light);\r\n}\r\n\r\n.lprx-intro{\r\n  margin:0;\r\n\r\n  color:var(--lp-muted);\r\n\r\n  font-size:14px;\r\n  line-height:1.75;\r\n}\r\n\r\n\/* =========================================\r\n   PROCESS WRAPPER\r\n========================================= *\/\r\n\r\n.lprx-process{\r\n  position:relative;\r\n\r\n  padding-top:32px;\r\n}\r\n\r\n\/* HORIZONTAL TRACK *\/\r\n\r\n.lprx-track{\r\n  position:absolute;\r\n\r\n  top:70px;\r\n  left:8%;\r\n  right:8%;\r\n\r\n  height:2px;\r\n\r\n  background:\r\n    rgba(255,255,255,.10);\r\n}\r\n\r\n.lprx-track-progress{\r\n  width:75%;\r\n  height:100%;\r\n\r\n  border-radius:999px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      #08a6a1,\r\n      #73e2d8\r\n    );\r\n\r\n  box-shadow:\r\n    0 0 18px rgba(74,220,207,.20);\r\n}\r\n\r\n\/* =========================================\r\n   STEPS GRID\r\n========================================= *\/\r\n\r\n.lprx-steps{\r\n  position:relative;\r\n  z-index:2;\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    repeat(4,minmax(0,1fr));\r\n\r\n  gap:18px;\r\n}\r\n\r\n\/* STEP *\/\r\n\r\n.lprx-step{\r\n  position:relative;\r\n}\r\n\r\n\/* NODE *\/\r\n\r\n.lprx-node-wrap{\r\n  display:flex;\r\n  justify-content:center;\r\n\r\n  margin-bottom:25px;\r\n}\r\n\r\n.lprx-node{\r\n  position:relative;\r\n\r\n  width:76px;\r\n  height:76px;\r\n\r\n  border-radius:50%;\r\n\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n\r\n  background:#173a38;\r\n\r\n  border:\r\n    1px solid rgba(255,255,255,.13);\r\n\r\n  box-shadow:\r\n    0 0 0 8px #112e2d;\r\n\r\n  color:var(--lp-primary-light);\r\n\r\n  transition:\r\n    transform .28s ease,\r\n    background .28s ease,\r\n    color .28s ease;\r\n}\r\n\r\n.lprx-node svg{\r\n  width:27px;\r\n  height:27px;\r\n}\r\n\r\n.lprx-step:hover .lprx-node{\r\n  transform:translateY(-5px);\r\n\r\n  background:var(--lp-primary);\r\n\r\n  color:#ffffff;\r\n}\r\n\r\n\/* ACTIVE NODE *\/\r\n\r\n.lprx-step.featured .lprx-node{\r\n  background:\r\n    linear-gradient(\r\n      145deg,\r\n      #16b8b1,\r\n      #087f7b\r\n    );\r\n\r\n  color:#ffffff;\r\n\r\n  border-color:\r\n    rgba(255,255,255,.18);\r\n\r\n  box-shadow:\r\n    0 0 0 8px #112e2d,\r\n    0 14px 35px rgba(8,166,161,.25);\r\n}\r\n\r\n\/* NUMBER *\/\r\n\r\n.lprx-step-number{\r\n  position:absolute;\r\n\r\n  right:-4px;\r\n  top:-4px;\r\n\r\n  width:25px;\r\n  height:25px;\r\n\r\n  border-radius:50%;\r\n\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n\r\n  background:#ffffff;\r\n\r\n  color:var(--lp-dark);\r\n\r\n  border:4px solid #12302f;\r\n\r\n  font-size:8px;\r\n  font-weight:800;\r\n}\r\n\r\n\/* =========================================\r\n   STEP CARD\r\n========================================= *\/\r\n\r\n.lprx-card{\r\n  position:relative;\r\n\r\n  min-height:275px;\r\n\r\n  overflow:hidden;\r\n\r\n  padding:25px;\r\n\r\n  border:\r\n    1px solid rgba(255,255,255,.09);\r\n\r\n  border-radius:20px;\r\n\r\n  background:\r\n    rgba(255,255,255,.055);\r\n\r\n  backdrop-filter:blur(10px);\r\n\r\n  transition:\r\n    transform .28s ease,\r\n    background .28s ease,\r\n    border-color .28s ease;\r\n}\r\n\r\n.lprx-card:before{\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  width:100px;\r\n  height:100px;\r\n\r\n  right:-50px;\r\n  top:-50px;\r\n\r\n  border-radius:50%;\r\n\r\n  background:\r\n    rgba(110,226,215,.04);\r\n}\r\n\r\n.lprx-step:hover .lprx-card{\r\n  transform:translateY(-5px);\r\n\r\n  background:\r\n    rgba(255,255,255,.075);\r\n\r\n  border-color:\r\n    rgba(111,226,215,.20);\r\n}\r\n\r\n\/* FEATURED CARD *\/\r\n\r\n.lprx-step.featured .lprx-card{\r\n  background:\r\n    linear-gradient(\r\n      145deg,\r\n      rgba(8,166,161,.22),\r\n      rgba(255,255,255,.06)\r\n    );\r\n\r\n  border-color:\r\n    rgba(107,226,215,.22);\r\n}\r\n\r\n\/* CARD TOP LABEL *\/\r\n\r\n.lprx-card-label{\r\n  display:flex;\r\n  align-items:center;\r\n\r\n  gap:8px;\r\n\r\n  color:var(--lp-primary-light);\r\n\r\n  font-size:8px;\r\n  font-weight:800;\r\n\r\n  text-transform:uppercase;\r\n  letter-spacing:.7px;\r\n}\r\n\r\n.lprx-card-label:before{\r\n  content:\"\";\r\n\r\n  width:17px;\r\n  height:2px;\r\n\r\n  border-radius:999px;\r\n\r\n  background:var(--lp-primary-light);\r\n}\r\n\r\n\/* CARD TITLE *\/\r\n\r\n.lprx-card h3{\r\n  margin:16px 0 0;\r\n\r\n  color:#ffffff;\r\n\r\n  font-family:'Manrope',sans-serif;\r\n\r\n  font-size:18px;\r\n  line-height:1.25;\r\n\r\n  font-weight:800;\r\n\r\n  letter-spacing:-.5px;\r\n}\r\n\r\n.lprx-card p{\r\n  margin:10px 0 0;\r\n\r\n  color:\r\n    rgba(255,255,255,.54);\r\n\r\n  font-size:10.5px;\r\n  line-height:1.68;\r\n}\r\n\r\n\/* MINI CHECK *\/\r\n\r\n.lprx-mini-list{\r\n  display:flex;\r\n  flex-direction:column;\r\n\r\n  gap:8px;\r\n\r\n  margin-top:18px;\r\n}\r\n\r\n.lprx-mini-item{\r\n  display:flex;\r\n  align-items:flex-start;\r\n\r\n  gap:8px;\r\n\r\n  color:\r\n    rgba(255,255,255,.70);\r\n\r\n  font-size:8.8px;\r\n  line-height:1.45;\r\n}\r\n\r\n.lprx-mini-check{\r\n  width:17px;\r\n  height:17px;\r\n\r\n  flex-shrink:0;\r\n\r\n  border-radius:5px;\r\n\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n\r\n  background:\r\n    rgba(105,225,214,.11);\r\n\r\n  color:var(--lp-primary-light);\r\n\r\n  font-size:8px;\r\n  font-weight:800;\r\n}\r\n\r\n\/* =========================================\r\n   SUPPORT STRIP\r\n========================================= *\/\r\n\r\n.lprx-support{\r\n  position:relative;\r\n\r\n  overflow:hidden;\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    minmax(0,1fr)\r\n    auto;\r\n\r\n  align-items:center;\r\n\r\n  gap:35px;\r\n\r\n  margin-top:28px;\r\n  padding:28px 30px;\r\n\r\n  border:\r\n    1px solid rgba(255,255,255,.09);\r\n\r\n  border-radius:20px;\r\n\r\n  background:\r\n    rgba(255,255,255,.055);\r\n}\r\n\r\n.lprx-support:after{\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  width:150px;\r\n  height:150px;\r\n\r\n  right:-70px;\r\n  bottom:-85px;\r\n\r\n  border-radius:50%;\r\n\r\n  border:\r\n    1px solid rgba(112,226,216,.11);\r\n}\r\n\r\n.lprx-support-left{\r\n  position:relative;\r\n  z-index:2;\r\n\r\n  display:flex;\r\n  align-items:center;\r\n\r\n  gap:15px;\r\n}\r\n\r\n.lprx-support-icon{\r\n  width:49px;\r\n  height:49px;\r\n\r\n  flex-shrink:0;\r\n\r\n  border-radius:14px;\r\n\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n\r\n  background:\r\n    rgba(105,225,214,.11);\r\n\r\n  color:var(--lp-primary-light);\r\n}\r\n\r\n.lprx-support-icon svg{\r\n  width:22px;\r\n  height:22px;\r\n}\r\n\r\n.lprx-support-copy strong{\r\n  display:block;\r\n\r\n  color:#ffffff;\r\n\r\n  font-family:'Manrope',sans-serif;\r\n\r\n  font-size:15px;\r\n  font-weight:800;\r\n}\r\n\r\n.lprx-support-copy span{\r\n  display:block;\r\n\r\n  margin-top:5px;\r\n\r\n  color:\r\n    rgba(255,255,255,.52);\r\n\r\n  font-size:9.5px;\r\n  line-height:1.5;\r\n}\r\n\r\n\/* ACTIONS *\/\r\n\r\n.lprx-actions{\r\n  position:relative;\r\n  z-index:2;\r\n\r\n  display:flex;\r\n  align-items:center;\r\n\r\n  gap:10px;\r\n}\r\n\r\n.lprx-btn-primary,\r\n.lprx-btn-secondary{\r\n  min-height:48px;\r\n\r\n  padding:0 17px;\r\n\r\n  border-radius:10px;\r\n\r\n  display:inline-flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n\r\n  gap:8px;\r\n\r\n  text-decoration:none;\r\n\r\n  font-size:10px;\r\n  font-weight:800;\r\n\r\n  transition:.25s ease;\r\n}\r\n\r\n.lprx-btn-primary{\r\n  background:var(--lp-primary);\r\n\r\n  color:#ffffff;\r\n\r\n  box-shadow:\r\n    0 12px 25px rgba(8,166,161,.18);\r\n}\r\n\r\n.lprx-btn-primary:hover{\r\n  background:#ffffff;\r\n\r\n  color:var(--lp-dark);\r\n\r\n  transform:translateY(-2px);\r\n}\r\n\r\n.lprx-btn-secondary{\r\n  background:\r\n    rgba(255,255,255,.07);\r\n\r\n  border:\r\n    1px solid rgba(255,255,255,.10);\r\n\r\n  color:#ffffff;\r\n}\r\n\r\n.lprx-btn-secondary:hover{\r\n  background:#ffffff;\r\n\r\n  color:var(--lp-dark);\r\n}\r\n\r\n\/* =========================================\r\n   TRUST ITEMS\r\n========================================= *\/\r\n\r\n.lprx-trust{\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    repeat(4,1fr);\r\n\r\n  gap:1px;\r\n\r\n  overflow:hidden;\r\n\r\n  margin-top:18px;\r\n\r\n  border:\r\n    1px solid rgba(255,255,255,.08);\r\n\r\n  border-radius:17px;\r\n\r\n  background:\r\n    rgba(255,255,255,.08);\r\n}\r\n\r\n.lprx-trust-item{\r\n  min-height:88px;\r\n\r\n  padding:18px;\r\n\r\n  display:flex;\r\n  align-items:center;\r\n\r\n  gap:11px;\r\n\r\n  background:\r\n    rgba(255,255,255,.045);\r\n}\r\n\r\n.lprx-trust-icon{\r\n  width:35px;\r\n  height:35px;\r\n\r\n  flex-shrink:0;\r\n\r\n  border-radius:10px;\r\n\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n\r\n  background:\r\n    rgba(108,226,215,.10);\r\n\r\n  color:var(--lp-primary-light);\r\n}\r\n\r\n.lprx-trust-icon svg{\r\n  width:16px;\r\n  height:16px;\r\n}\r\n\r\n.lprx-trust-copy strong{\r\n  display:block;\r\n\r\n  color:#ffffff;\r\n\r\n  font-size:9.5px;\r\n  font-weight:800;\r\n}\r\n\r\n.lprx-trust-copy span{\r\n  display:block;\r\n\r\n  margin-top:3px;\r\n\r\n  color:\r\n    rgba(255,255,255,.43);\r\n\r\n  font-size:8px;\r\n  line-height:1.4;\r\n}\r\n\r\n\/* =========================================\r\n   RESPONSIVE \u2014 TABLET\r\n========================================= *\/\r\n\r\n@media(max-width:1050px){\r\n\r\n  .lprx-section{\r\n    padding:90px 20px;\r\n  }\r\n\r\n  .lprx-header{\r\n    grid-template-columns:1fr;\r\n\r\n    gap:18px;\r\n  }\r\n\r\n  .lprx-track{\r\n    display:none;\r\n  }\r\n\r\n  .lprx-steps{\r\n    grid-template-columns:\r\n      repeat(2,minmax(0,1fr));\r\n  }\r\n\r\n  .lprx-node-wrap{\r\n    justify-content:flex-start;\r\n\r\n    margin-left:12px;\r\n  }\r\n\r\n  .lprx-trust{\r\n    grid-template-columns:\r\n      repeat(2,1fr);\r\n  }\r\n\r\n}\r\n\r\n\/* =========================================\r\n   RESPONSIVE \u2014 MOBILE\r\n========================================= *\/\r\n\r\n@media(max-width:700px){\r\n\r\n  .lprx-section{\r\n    padding:70px 15px;\r\n  }\r\n\r\n  .lprx-title{\r\n    font-size:37px;\r\n\r\n    letter-spacing:-1.7px;\r\n  }\r\n\r\n  .lprx-header{\r\n    margin-bottom:40px;\r\n  }\r\n\r\n  .lprx-process{\r\n    padding-top:0;\r\n  }\r\n\r\n  .lprx-steps{\r\n    grid-template-columns:1fr;\r\n\r\n    gap:18px;\r\n  }\r\n\r\n  .lprx-step{\r\n    display:grid;\r\n\r\n    grid-template-columns:\r\n      58px minmax(0,1fr);\r\n\r\n    gap:13px;\r\n\r\n    align-items:start;\r\n  }\r\n\r\n  .lprx-node-wrap{\r\n    position:relative;\r\n\r\n    margin:0;\r\n\r\n    justify-content:flex-start;\r\n  }\r\n\r\n  .lprx-node-wrap:after{\r\n    content:\"\";\r\n\r\n    position:absolute;\r\n\r\n    width:2px;\r\n\r\n    top:62px;\r\n    bottom:-31px;\r\n    left:28px;\r\n\r\n    background:\r\n      rgba(112,226,216,.16);\r\n  }\r\n\r\n  .lprx-step:last-child\r\n  .lprx-node-wrap:after{\r\n    display:none;\r\n  }\r\n\r\n  .lprx-node{\r\n    width:58px;\r\n    height:58px;\r\n\r\n    box-shadow:none;\r\n  }\r\n\r\n  .lprx-node svg{\r\n    width:21px;\r\n    height:21px;\r\n  }\r\n\r\n  .lprx-step-number{\r\n    width:22px;\r\n    height:22px;\r\n\r\n    right:-3px;\r\n    top:-5px;\r\n\r\n    border-width:3px;\r\n  }\r\n\r\n  .lprx-card{\r\n    min-height:auto;\r\n\r\n    padding:22px 19px;\r\n  }\r\n\r\n  .lprx-support{\r\n    grid-template-columns:1fr;\r\n\r\n    padding:24px 20px;\r\n  }\r\n\r\n  .lprx-actions{\r\n    flex-direction:column;\r\n\r\n    align-items:stretch;\r\n  }\r\n\r\n  .lprx-btn-primary,\r\n  .lprx-btn-secondary{\r\n    width:100%;\r\n  }\r\n\r\n  .lprx-trust{\r\n    grid-template-columns:1fr;\r\n  }\r\n\r\n}\r\n\r\n@media(max-width:430px){\r\n\r\n  .lprx-title{\r\n    font-size:33px;\r\n  }\r\n\r\n  .lprx-step{\r\n    grid-template-columns:\r\n      50px minmax(0,1fr);\r\n\r\n    gap:10px;\r\n  }\r\n\r\n  .lprx-node{\r\n    width:50px;\r\n    height:50px;\r\n  }\r\n\r\n  .lprx-node-wrap:after{\r\n    left:24px;\r\n    top:54px;\r\n  }\r\n\r\n  .lprx-support-left{\r\n    align-items:flex-start;\r\n  }\r\n\r\n}\r\n<\/style>\r\n\r\n\r\n<section\r\n  class=\"lprx-section\"\r\n  id=\"loan-process\"\r\n>\r\n\r\n  <div class=\"lprx-container\">\r\n\r\n\r\n    <!-- =================================\r\n         HEADER\r\n    ================================== -->\r\n\r\n    <div class=\"lprx-header\">\r\n\r\n\r\n      <div>\r\n\r\n        <div class=\"lprx-eyebrow\">\r\n\r\n          <span class=\"lprx-eyebrow-line\"><\/span>\r\n\r\n          Simple Loan Journey\r\n\r\n        <\/div>\r\n\r\n\r\n        <h2 class=\"lprx-title\">\r\n\r\n          From application to\r\n          disbursal in\r\n\r\n          <span>clear steps.<\/span>\r\n\r\n        <\/h2>\r\n\r\n      <\/div>\r\n\r\n\r\n      <p class=\"lprx-intro\">\r\n\r\n        A structured journey can make the application\r\n        process easier to understand. Follow the key\r\n        stages from submitting basic information to\r\n        verification, assessment and eligible disbursal.\r\n\r\n      <\/p>\r\n\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <!-- =================================\r\n         PROCESS\r\n    ================================== -->\r\n\r\n    <div class=\"lprx-process\">\r\n\r\n\r\n      <!-- CONNECTING TRACK -->\r\n      <div class=\"lprx-track\">\r\n\r\n        <div class=\"lprx-track-progress\"><\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n\r\n      <!-- STEPS -->\r\n      <div class=\"lprx-steps\">\r\n\r\n\r\n        <!-- =================================\r\n             STEP 01\r\n        ================================== -->\r\n\r\n        <article class=\"lprx-step\">\r\n\r\n\r\n          <div class=\"lprx-node-wrap\">\r\n\r\n            <div class=\"lprx-node\">\r\n\r\n              <svg\r\n                viewBox=\"0 0 24 24\"\r\n                fill=\"none\"\r\n                stroke=\"currentColor\"\r\n                stroke-width=\"1.8\"\r\n              >\r\n                <path d=\"M6 2h9l4 4v16H6z\"\/>\r\n                <path d=\"M14 2v5h5\"\/>\r\n                <path d=\"M9 12h6\"\/>\r\n                <path d=\"M9 16h4\"\/>\r\n              <\/svg>\r\n\r\n\r\n              <span class=\"lprx-step-number\">\r\n                01\r\n              <\/span>\r\n\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n\r\n\r\n          <div class=\"lprx-card\">\r\n\r\n\r\n            <div class=\"lprx-card-label\">\r\n              Start\r\n            <\/div>\r\n\r\n\r\n            <h3>\r\n              Submit Application\r\n            <\/h3>\r\n\r\n\r\n            <p>\r\n\r\n              Begin by sharing the basic details\r\n              required for the selected loan\r\n              category and application journey.\r\n\r\n            <\/p>\r\n\r\n\r\n            <div class=\"lprx-mini-list\">\r\n\r\n\r\n              <div class=\"lprx-mini-item\">\r\n\r\n                <span class=\"lprx-mini-check\">\r\n                  \u2713\r\n                <\/span>\r\n\r\n                <span>\r\n                  Select your loan requirement\r\n                <\/span>\r\n\r\n              <\/div>\r\n\r\n\r\n              <div class=\"lprx-mini-item\">\r\n\r\n                <span class=\"lprx-mini-check\">\r\n                  \u2713\r\n                <\/span>\r\n\r\n                <span>\r\n                  Enter accurate contact details\r\n                <\/span>\r\n\r\n              <\/div>\r\n\r\n\r\n              <div class=\"lprx-mini-item\">\r\n\r\n                <span class=\"lprx-mini-check\">\r\n                  \u2713\r\n                <\/span>\r\n\r\n                <span>\r\n                  Review information before submit\r\n                <\/span>\r\n\r\n              <\/div>\r\n\r\n\r\n            <\/div>\r\n\r\n\r\n          <\/div>\r\n\r\n\r\n        <\/article>\r\n\r\n\r\n\r\n        <!-- =================================\r\n             STEP 02\r\n        ================================== -->\r\n\r\n        <article class=\"lprx-step featured\">\r\n\r\n\r\n          <div class=\"lprx-node-wrap\">\r\n\r\n            <div class=\"lprx-node\">\r\n\r\n              <svg\r\n                viewBox=\"0 0 24 24\"\r\n                fill=\"none\"\r\n                stroke=\"currentColor\"\r\n                stroke-width=\"1.8\"\r\n              >\r\n                <path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10\"\/>\r\n                <path d=\"m9 12 2 2 4-4\"\/>\r\n              <\/svg>\r\n\r\n\r\n              <span class=\"lprx-step-number\">\r\n                02\r\n              <\/span>\r\n\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n\r\n\r\n          <div class=\"lprx-card\">\r\n\r\n\r\n            <div class=\"lprx-card-label\">\r\n              Verification\r\n            <\/div>\r\n\r\n\r\n            <h3>\r\n              Document Review\r\n            <\/h3>\r\n\r\n\r\n            <p>\r\n\r\n              Relevant identity, address, income\r\n              or supporting documents may be\r\n              reviewed according to the product.\r\n\r\n            <\/p>\r\n\r\n\r\n            <div class=\"lprx-mini-list\">\r\n\r\n\r\n              <div class=\"lprx-mini-item\">\r\n\r\n                <span class=\"lprx-mini-check\">\r\n                  \u2713\r\n                <\/span>\r\n\r\n                <span>\r\n                  Applicable KYC verification\r\n                <\/span>\r\n\r\n              <\/div>\r\n\r\n\r\n              <div class=\"lprx-mini-item\">\r\n\r\n                <span class=\"lprx-mini-check\">\r\n                  \u2713\r\n                <\/span>\r\n\r\n                <span>\r\n                  Supporting document review\r\n                <\/span>\r\n\r\n              <\/div>\r\n\r\n\r\n              <div class=\"lprx-mini-item\">\r\n\r\n                <span class=\"lprx-mini-check\">\r\n                  \u2713\r\n                <\/span>\r\n\r\n                <span>\r\n                  Additional details if required\r\n                <\/span>\r\n\r\n              <\/div>\r\n\r\n\r\n            <\/div>\r\n\r\n\r\n          <\/div>\r\n\r\n\r\n        <\/article>\r\n\r\n\r\n\r\n        <!-- =================================\r\n             STEP 03\r\n        ================================== -->\r\n\r\n        <article class=\"lprx-step\">\r\n\r\n\r\n          <div class=\"lprx-node-wrap\">\r\n\r\n            <div class=\"lprx-node\">\r\n\r\n              <svg\r\n                viewBox=\"0 0 24 24\"\r\n                fill=\"none\"\r\n                stroke=\"currentColor\"\r\n                stroke-width=\"1.8\"\r\n              >\r\n                <circle cx=\"12\" cy=\"12\" r=\"9\"\/>\r\n                <path d=\"m8 12 3 3 5-6\"\/>\r\n              <\/svg>\r\n\r\n\r\n              <span class=\"lprx-step-number\">\r\n                03\r\n              <\/span>\r\n\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n\r\n\r\n          <div class=\"lprx-card\">\r\n\r\n\r\n            <div class=\"lprx-card-label\">\r\n              Assessment\r\n            <\/div>\r\n\r\n\r\n            <h3>\r\n              Eligibility & Approval\r\n            <\/h3>\r\n\r\n\r\n            <p>\r\n\r\n              The application may be assessed\r\n              against applicable eligibility,\r\n              verification and product criteria.\r\n\r\n            <\/p>\r\n\r\n\r\n            <div class=\"lprx-mini-list\">\r\n\r\n\r\n              <div class=\"lprx-mini-item\">\r\n\r\n                <span class=\"lprx-mini-check\">\r\n                  \u2713\r\n                <\/span>\r\n\r\n                <span>\r\n                  Profile-based assessment\r\n                <\/span>\r\n\r\n              <\/div>\r\n\r\n\r\n              <div class=\"lprx-mini-item\">\r\n\r\n                <span class=\"lprx-mini-check\">\r\n                  \u2713\r\n                <\/span>\r\n\r\n                <span>\r\n                  Applicable internal checks\r\n                <\/span>\r\n\r\n              <\/div>\r\n\r\n\r\n              <div class=\"lprx-mini-item\">\r\n\r\n                <span class=\"lprx-mini-check\">\r\n                  \u2713\r\n                <\/span>\r\n\r\n                <span>\r\n                  Final terms where approved\r\n                <\/span>\r\n\r\n              <\/div>\r\n\r\n\r\n            <\/div>\r\n\r\n\r\n          <\/div>\r\n\r\n\r\n        <\/article>\r\n\r\n\r\n\r\n        <!-- =================================\r\n             STEP 04\r\n        ================================== -->\r\n\r\n        <article class=\"lprx-step\">\r\n\r\n\r\n          <div class=\"lprx-node-wrap\">\r\n\r\n            <div class=\"lprx-node\">\r\n\r\n              <svg\r\n                viewBox=\"0 0 24 24\"\r\n                fill=\"none\"\r\n                stroke=\"currentColor\"\r\n                stroke-width=\"1.8\"\r\n              >\r\n                <path d=\"M3 7h18v12H3z\"\/>\r\n                <path d=\"M3 10h18\"\/>\r\n                <path d=\"M7 15h4\"\/>\r\n                <path d=\"m16 14 2 2 3-4\"\/>\r\n              <\/svg>\r\n\r\n\r\n              <span class=\"lprx-step-number\">\r\n                04\r\n              <\/span>\r\n\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n\r\n\r\n          <div class=\"lprx-card\">\r\n\r\n\r\n            <div class=\"lprx-card-label\">\r\n              Completion\r\n            <\/div>\r\n\r\n\r\n            <h3>\r\n              Eligible Disbursal\r\n            <\/h3>\r\n\r\n\r\n            <p>\r\n\r\n              Where approved and after completion\r\n              of applicable formalities, funds may\r\n              be disbursed under final agreed terms.\r\n\r\n            <\/p>\r\n\r\n\r\n            <div class=\"lprx-mini-list\">\r\n\r\n\r\n              <div class=\"lprx-mini-item\">\r\n\r\n                <span class=\"lprx-mini-check\">\r\n                  \u2713\r\n                <\/span>\r\n\r\n                <span>\r\n                  Final agreement completion\r\n                <\/span>\r\n\r\n              <\/div>\r\n\r\n\r\n              <div class=\"lprx-mini-item\">\r\n\r\n                <span class=\"lprx-mini-check\">\r\n                  \u2713\r\n                <\/span>\r\n\r\n                <span>\r\n                  Applicable mandate setup\r\n                <\/span>\r\n\r\n              <\/div>\r\n\r\n\r\n              <div class=\"lprx-mini-item\">\r\n\r\n                <span class=\"lprx-mini-check\">\r\n                  \u2713\r\n                <\/span>\r\n\r\n                <span>\r\n                  Disbursal as per final terms\r\n                <\/span>\r\n\r\n              <\/div>\r\n\r\n\r\n            <\/div>\r\n\r\n\r\n          <\/div>\r\n\r\n\r\n        <\/article>\r\n\r\n\r\n      <\/div>\r\n\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <!-- =================================\r\n         SUPPORT CTA STRIP\r\n    ================================== -->\r\n\r\n    <div class=\"lprx-support\">\r\n\r\n\r\n      <div class=\"lprx-support-left\">\r\n\r\n\r\n        <span class=\"lprx-support-icon\">\r\n\r\n          <svg\r\n            viewBox=\"0 0 24 24\"\r\n            fill=\"none\"\r\n            stroke=\"currentColor\"\r\n            stroke-width=\"1.8\"\r\n          >\r\n            <path d=\"M21 15a4 4 0 0 1-4 4H8l-5 3V7a4 4 0 0 1 4-4h10a4 4 0 0 1 4 4z\"\/>\r\n            <path d=\"M8 9h8\"\/>\r\n            <path d=\"M8 13h5\"\/>\r\n          <\/svg>\r\n\r\n        <\/span>\r\n\r\n\r\n        <span class=\"lprx-support-copy\">\r\n\r\n          <strong>\r\n            Need help during the application journey?\r\n          <\/strong>\r\n\r\n          <span>\r\n            Keep support accessible for process,\r\n            document and next-step related questions.\r\n          <\/span>\r\n\r\n        <\/span>\r\n\r\n\r\n      <\/div>\r\n\r\n\r\n\r\n      <div class=\"lprx-actions\">\r\n\r\n\r\n        <a\r\n          href=\"#loan-services\"\r\n          class=\"lprx-btn-secondary\"\r\n        >\r\n          View Loan Options\r\n        <\/a>\r\n\r\n\r\n        <a\r\n          href=\"#loan-application\"\r\n          class=\"lprx-btn-primary\"\r\n        >\r\n          Start Application\r\n\r\n          <span>\u2197<\/span>\r\n        <\/a>\r\n\r\n\r\n      <\/div>\r\n\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <!-- =================================\r\n         TRUST STRIP\r\n    ================================== -->\r\n\r\n    <div class=\"lprx-trust\">\r\n\r\n\r\n      <!-- ITEM 1 -->\r\n      <div class=\"lprx-trust-item\">\r\n\r\n\r\n        <span class=\"lprx-trust-icon\">\r\n\r\n          <svg\r\n            viewBox=\"0 0 24 24\"\r\n            fill=\"none\"\r\n            stroke=\"currentColor\"\r\n            stroke-width=\"1.8\"\r\n          >\r\n            <path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10\"\/>\r\n            <path d=\"m9 12 2 2 4-4\"\/>\r\n          <\/svg>\r\n\r\n        <\/span>\r\n\r\n\r\n        <span class=\"lprx-trust-copy\">\r\n\r\n          <strong>\r\n            Secure Journey\r\n          <\/strong>\r\n\r\n          <span>\r\n            Structured information flow\r\n          <\/span>\r\n\r\n        <\/span>\r\n\r\n\r\n      <\/div>\r\n\r\n\r\n\r\n      <!-- ITEM 2 -->\r\n      <div class=\"lprx-trust-item\">\r\n\r\n\r\n        <span class=\"lprx-trust-icon\">\r\n\r\n          <svg\r\n            viewBox=\"0 0 24 24\"\r\n            fill=\"none\"\r\n            stroke=\"currentColor\"\r\n            stroke-width=\"1.8\"\r\n          >\r\n            <circle cx=\"12\" cy=\"12\" r=\"9\"\/>\r\n            <path d=\"M12 7v5l3 2\"\/>\r\n          <\/svg>\r\n\r\n        <\/span>\r\n\r\n\r\n        <span class=\"lprx-trust-copy\">\r\n\r\n          <strong>\r\n            Clear Stages\r\n          <\/strong>\r\n\r\n          <span>\r\n            Easy-to-understand process\r\n          <\/span>\r\n\r\n        <\/span>\r\n\r\n\r\n      <\/div>\r\n\r\n\r\n\r\n      <!-- ITEM 3 -->\r\n      <div class=\"lprx-trust-item\">\r\n\r\n\r\n        <span class=\"lprx-trust-icon\">\r\n\r\n          <svg\r\n            viewBox=\"0 0 24 24\"\r\n            fill=\"none\"\r\n            stroke=\"currentColor\"\r\n            stroke-width=\"1.8\"\r\n          >\r\n            <path d=\"M4 19V9\"\/>\r\n            <path d=\"M10 19V5\"\/>\r\n            <path d=\"M16 19v-7\"\/>\r\n            <path d=\"M22 19H2\"\/>\r\n          <\/svg>\r\n\r\n        <\/span>\r\n\r\n\r\n        <span class=\"lprx-trust-copy\">\r\n\r\n          <strong>\r\n            Transparent Steps\r\n          <\/strong>\r\n\r\n          <span>\r\n            Better process visibility\r\n          <\/span>\r\n\r\n        <\/span>\r\n\r\n\r\n      <\/div>\r\n\r\n\r\n\r\n      <!-- ITEM 4 -->\r\n      <div class=\"lprx-trust-item\">\r\n\r\n\r\n        <span class=\"lprx-trust-icon\">\r\n\r\n          <svg\r\n            viewBox=\"0 0 24 24\"\r\n            fill=\"none\"\r\n            stroke=\"currentColor\"\r\n            stroke-width=\"1.8\"\r\n          >\r\n            <path d=\"M21 15a4 4 0 0 1-4 4H8l-5 3V7a4 4 0 0 1 4-4h10a4 4 0 0 1 4 4z\"\/>\r\n          <\/svg>\r\n\r\n        <\/span>\r\n\r\n\r\n        <span class=\"lprx-trust-copy\">\r\n\r\n          <strong>\r\n            Support Access\r\n          <\/strong>\r\n\r\n          <span>\r\n            Assistance when required\r\n          <\/span>\r\n\r\n        <\/span>\r\n\r\n\r\n      <\/div>\r\n\r\n\r\n    <\/div>\r\n\r\n\r\n  <\/div>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-dc3402d elementor-widget elementor-widget-html\" data-id=\"dc3402d\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ==================================================\r\n PREMIUM FINANCE WEBSITE FOOTER\r\n Elementor HTML Widget Ready\r\n HTML + CSS + JS\r\n================================================== -->\r\n\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap');\r\n\r\n.djf-footer,\r\n.djf-footer *{\r\n  box-sizing:border-box;\r\n}\r\n\r\n.djf-footer{\r\n  --djf-primary:#08a6a1;\r\n  --djf-primary-dark:#087f7b;\r\n  --djf-mint:#73e2d8;\r\n  --djf-dark:#0c2423;\r\n  --djf-navy:#102b36;\r\n  --djf-white:#ffffff;\r\n  --djf-muted:rgba(255,255,255,.55);\r\n  --djf-line:rgba(255,255,255,.09);\r\n\r\n  position:relative;\r\n  width:100%;\r\n  overflow:hidden;\r\n\r\n  background:\r\n    radial-gradient(\r\n      circle at 90% 0%,\r\n      rgba(8,166,161,.17),\r\n      transparent 27%\r\n    ),\r\n    radial-gradient(\r\n      circle at 5% 100%,\r\n      rgba(115,226,216,.07),\r\n      transparent 23%\r\n    ),\r\n    linear-gradient(\r\n      135deg,\r\n      #122f3d 0%,\r\n      #0e2928 55%,\r\n      #0a201f 100%\r\n    );\r\n\r\n  color:#ffffff;\r\n\r\n  font-family:'DM Sans',sans-serif;\r\n}\r\n\r\n\/* =========================================\r\n   BACKGROUND DECORATION\r\n========================================= *\/\r\n\r\n.djf-footer:before{\r\n  content:\"\";\r\n  position:absolute;\r\n\r\n  width:430px;\r\n  height:430px;\r\n\r\n  right:-250px;\r\n  top:-230px;\r\n\r\n  border-radius:50%;\r\n\r\n  border:1px solid rgba(255,255,255,.06);\r\n\r\n  box-shadow:\r\n    0 0 0 60px rgba(255,255,255,.014),\r\n    0 0 0 120px rgba(255,255,255,.008);\r\n\r\n  pointer-events:none;\r\n}\r\n\r\n.djf-footer:after{\r\n  content:\"\";\r\n  position:absolute;\r\n\r\n  width:280px;\r\n  height:280px;\r\n\r\n  left:-180px;\r\n  bottom:-180px;\r\n\r\n  border-radius:50%;\r\n\r\n  border:1px solid rgba(115,226,216,.07);\r\n\r\n  box-shadow:\r\n    0 0 0 45px rgba(115,226,216,.012);\r\n\r\n  pointer-events:none;\r\n}\r\n\r\n.djf-container{\r\n  position:relative;\r\n  z-index:2;\r\n\r\n  width:100%;\r\n  max-width:1280px;\r\n\r\n  margin:0 auto;\r\n  padding-left:22px;\r\n  padding-right:22px;\r\n}\r\n\r\n\/* =========================================\r\n   TOP CTA BAND\r\n========================================= *\/\r\n\r\n.djf-cta-wrap{\r\n  padding-top:70px;\r\n}\r\n\r\n.djf-cta{\r\n  position:relative;\r\n  overflow:hidden;\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    minmax(0,1fr)\r\n    auto;\r\n\r\n  align-items:center;\r\n\r\n  gap:35px;\r\n\r\n  padding:36px 38px;\r\n\r\n  border:1px solid rgba(255,255,255,.11);\r\n  border-radius:24px;\r\n\r\n  background:\r\n    radial-gradient(\r\n      circle at 88% 20%,\r\n      rgba(255,255,255,.13),\r\n      transparent 22%\r\n    ),\r\n    linear-gradient(\r\n      135deg,\r\n      #0eaaa5 0%,\r\n      #087f7b 100%\r\n    );\r\n\r\n  box-shadow:\r\n    0 24px 55px rgba(0,0,0,.16);\r\n}\r\n\r\n.djf-cta:after{\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  width:180px;\r\n  height:180px;\r\n\r\n  right:-75px;\r\n  bottom:-110px;\r\n\r\n  border-radius:50%;\r\n\r\n  border:1px solid rgba(255,255,255,.16);\r\n\r\n  box-shadow:\r\n    0 0 0 30px rgba(255,255,255,.025);\r\n}\r\n\r\n.djf-cta-copy{\r\n  position:relative;\r\n  z-index:2;\r\n}\r\n\r\n.djf-cta-label{\r\n  display:flex;\r\n  align-items:center;\r\n\r\n  gap:8px;\r\n\r\n  margin-bottom:11px;\r\n\r\n  color:rgba(255,255,255,.72);\r\n\r\n  font-size:9px;\r\n  font-weight:800;\r\n\r\n  text-transform:uppercase;\r\n  letter-spacing:.9px;\r\n}\r\n\r\n.djf-cta-label:before{\r\n  content:\"\";\r\n\r\n  width:20px;\r\n  height:2px;\r\n\r\n  border-radius:999px;\r\n\r\n  background:#ffffff;\r\n}\r\n\r\n.djf-cta h2{\r\n  max-width:720px;\r\n\r\n  margin:0;\r\n\r\n  color:#ffffff;\r\n\r\n  font-family:'Manrope',sans-serif;\r\n\r\n  font-size:clamp(25px,3vw,38px);\r\n  line-height:1.14;\r\n\r\n  font-weight:800;\r\n\r\n  letter-spacing:-1.4px;\r\n}\r\n\r\n.djf-cta p{\r\n  max-width:650px;\r\n\r\n  margin:10px 0 0;\r\n\r\n  color:rgba(255,255,255,.68);\r\n\r\n  font-size:11px;\r\n  line-height:1.65;\r\n}\r\n\r\n.djf-cta-actions{\r\n  position:relative;\r\n  z-index:2;\r\n\r\n  display:flex;\r\n  align-items:center;\r\n\r\n  gap:10px;\r\n}\r\n\r\n.djf-cta-primary,\r\n.djf-cta-secondary{\r\n  min-height:50px;\r\n\r\n  padding:0 18px;\r\n\r\n  border-radius:11px;\r\n\r\n  display:inline-flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n\r\n  gap:8px;\r\n\r\n  text-decoration:none;\r\n\r\n  white-space:nowrap;\r\n\r\n  font-size:10px;\r\n  font-weight:800;\r\n\r\n  transition:.25s ease;\r\n}\r\n\r\n.djf-cta-primary{\r\n  background:#ffffff;\r\n  color:var(--djf-dark);\r\n\r\n  box-shadow:\r\n    0 12px 25px rgba(0,0,0,.10);\r\n}\r\n\r\n.djf-cta-primary:hover{\r\n  transform:translateY(-2px);\r\n\r\n  background:var(--djf-dark);\r\n  color:#ffffff;\r\n}\r\n\r\n.djf-cta-secondary{\r\n  background:rgba(255,255,255,.10);\r\n\r\n  border:1px solid rgba(255,255,255,.17);\r\n\r\n  color:#ffffff;\r\n}\r\n\r\n.djf-cta-secondary:hover{\r\n  background:#ffffff;\r\n  color:var(--djf-dark);\r\n}\r\n\r\n\/* =========================================\r\n   MAIN FOOTER\r\n========================================= *\/\r\n\r\n.djf-main{\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    minmax(270px,1.35fr)\r\n    .72fr\r\n    .72fr\r\n    minmax(240px,1fr);\r\n\r\n  gap:55px;\r\n\r\n  padding-top:70px;\r\n  padding-bottom:55px;\r\n}\r\n\r\n\/* =========================================\r\n   BRAND\r\n========================================= *\/\r\n\r\n.djf-brand{\r\n  max-width:340px;\r\n}\r\n\r\n.djf-logo{\r\n  display:inline-flex;\r\n  align-items:center;\r\n\r\n  gap:11px;\r\n\r\n  text-decoration:none;\r\n}\r\n\r\n.djf-logo-mark{\r\n  width:46px;\r\n  height:46px;\r\n\r\n  flex-shrink:0;\r\n\r\n  border-radius:14px;\r\n\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n\r\n  background:\r\n    linear-gradient(\r\n      145deg,\r\n      #13b9b2,\r\n      #087f7b\r\n    );\r\n\r\n  color:#ffffff;\r\n\r\n  font-family:'Manrope',sans-serif;\r\n\r\n  font-size:17px;\r\n  font-weight:800;\r\n\r\n  box-shadow:\r\n    0 12px 25px rgba(8,166,161,.18);\r\n}\r\n\r\n.djf-logo-copy strong{\r\n  display:block;\r\n\r\n  color:#ffffff;\r\n\r\n  font-family:'Manrope',sans-serif;\r\n\r\n  font-size:17px;\r\n  font-weight:800;\r\n\r\n  letter-spacing:-.5px;\r\n}\r\n\r\n.djf-logo-copy span{\r\n  display:block;\r\n\r\n  margin-top:2px;\r\n\r\n  color:var(--djf-mint);\r\n\r\n  font-size:7px;\r\n  font-weight:700;\r\n\r\n  text-transform:uppercase;\r\n  letter-spacing:1px;\r\n}\r\n\r\n.djf-brand-text{\r\n  margin:20px 0 0;\r\n\r\n  color:var(--djf-muted);\r\n\r\n  font-size:10.5px;\r\n  line-height:1.75;\r\n}\r\n\r\n\/* TRUST BADGE *\/\r\n\r\n.djf-trust{\r\n  display:flex;\r\n  align-items:center;\r\n\r\n  gap:10px;\r\n\r\n  margin-top:20px;\r\n  padding:12px 13px;\r\n\r\n  border:1px solid var(--djf-line);\r\n  border-radius:12px;\r\n\r\n  background:rgba(255,255,255,.045);\r\n}\r\n\r\n.djf-trust-icon{\r\n  width:34px;\r\n  height:34px;\r\n\r\n  flex-shrink:0;\r\n\r\n  border-radius:10px;\r\n\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n\r\n  background:rgba(115,226,216,.10);\r\n\r\n  color:var(--djf-mint);\r\n}\r\n\r\n.djf-trust-icon svg{\r\n  width:16px;\r\n  height:16px;\r\n}\r\n\r\n.djf-trust-copy strong{\r\n  display:block;\r\n\r\n  color:#ffffff;\r\n\r\n  font-size:9px;\r\n  font-weight:800;\r\n}\r\n\r\n.djf-trust-copy span{\r\n  display:block;\r\n\r\n  margin-top:3px;\r\n\r\n  color:rgba(255,255,255,.43);\r\n\r\n  font-size:7.5px;\r\n  line-height:1.4;\r\n}\r\n\r\n\/* SOCIAL *\/\r\n\r\n.djf-socials{\r\n  display:flex;\r\n  flex-wrap:wrap;\r\n\r\n  gap:8px;\r\n\r\n  margin-top:20px;\r\n}\r\n\r\n.djf-social{\r\n  width:38px;\r\n  height:38px;\r\n\r\n  border:1px solid var(--djf-line);\r\n  border-radius:10px;\r\n\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n\r\n  background:rgba(255,255,255,.045);\r\n\r\n  color:rgba(255,255,255,.70);\r\n\r\n  text-decoration:none;\r\n\r\n  transition:.25s ease;\r\n}\r\n\r\n.djf-social svg{\r\n  width:15px;\r\n  height:15px;\r\n}\r\n\r\n.djf-social:hover{\r\n  transform:translateY(-3px);\r\n\r\n  background:var(--djf-primary);\r\n\r\n  border-color:var(--djf-primary);\r\n\r\n  color:#ffffff;\r\n}\r\n\r\n\/* =========================================\r\n   FOOTER COLUMNS\r\n========================================= *\/\r\n\r\n.djf-column h3{\r\n  position:relative;\r\n\r\n  margin:0 0 21px;\r\n\r\n  color:#ffffff;\r\n\r\n  font-family:'Manrope',sans-serif;\r\n\r\n  font-size:12px;\r\n  font-weight:800;\r\n}\r\n\r\n.djf-column h3:after{\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  left:0;\r\n  bottom:-8px;\r\n\r\n  width:25px;\r\n  height:2px;\r\n\r\n  border-radius:999px;\r\n\r\n  background:var(--djf-primary);\r\n}\r\n\r\n.djf-links{\r\n  display:flex;\r\n  flex-direction:column;\r\n\r\n  gap:12px;\r\n}\r\n\r\n.djf-link{\r\n  width:max-content;\r\n  max-width:100%;\r\n\r\n  display:flex;\r\n  align-items:center;\r\n\r\n  gap:8px;\r\n\r\n  color:rgba(255,255,255,.54);\r\n\r\n  text-decoration:none;\r\n\r\n  font-size:9.5px;\r\n  line-height:1.4;\r\n\r\n  transition:.22s ease;\r\n}\r\n\r\n.djf-link:before{\r\n  content:\"\";\r\n\r\n  width:5px;\r\n  height:5px;\r\n\r\n  flex-shrink:0;\r\n\r\n  border-radius:50%;\r\n\r\n  background:rgba(115,226,216,.40);\r\n\r\n  transition:.22s ease;\r\n}\r\n\r\n.djf-link:hover{\r\n  color:#ffffff;\r\n\r\n  transform:translateX(4px);\r\n}\r\n\r\n.djf-link:hover:before{\r\n  background:var(--djf-mint);\r\n}\r\n\r\n\/* =========================================\r\n   CONTACT\r\n========================================= *\/\r\n\r\n.djf-contact-list{\r\n  display:flex;\r\n  flex-direction:column;\r\n\r\n  gap:13px;\r\n}\r\n\r\n.djf-contact-item{\r\n  display:flex;\r\n  align-items:flex-start;\r\n\r\n  gap:11px;\r\n}\r\n\r\n.djf-contact-icon{\r\n  width:35px;\r\n  height:35px;\r\n\r\n  flex-shrink:0;\r\n\r\n  border-radius:10px;\r\n\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n\r\n  background:rgba(115,226,216,.09);\r\n\r\n  color:var(--djf-mint);\r\n}\r\n\r\n.djf-contact-icon svg{\r\n  width:15px;\r\n  height:15px;\r\n}\r\n\r\n.djf-contact-copy span{\r\n  display:block;\r\n\r\n  color:rgba(255,255,255,.39);\r\n\r\n  font-size:7.5px;\r\n  font-weight:700;\r\n\r\n  text-transform:uppercase;\r\n  letter-spacing:.45px;\r\n}\r\n\r\n.djf-contact-copy a,\r\n.djf-contact-copy strong{\r\n  display:block;\r\n\r\n  margin-top:4px;\r\n\r\n  color:rgba(255,255,255,.72);\r\n\r\n  text-decoration:none;\r\n\r\n  font-size:9px;\r\n  line-height:1.5;\r\n\r\n  font-weight:600;\r\n\r\n  transition:.2s ease;\r\n}\r\n\r\n.djf-contact-copy a:hover{\r\n  color:var(--djf-mint);\r\n}\r\n\r\n\/* =========================================\r\n   NEWSLETTER\r\n========================================= *\/\r\n\r\n.djf-newsletter{\r\n  margin-top:20px;\r\n  padding:15px;\r\n\r\n  border:1px solid var(--djf-line);\r\n  border-radius:14px;\r\n\r\n  background:rgba(255,255,255,.045);\r\n}\r\n\r\n.djf-newsletter strong{\r\n  display:block;\r\n\r\n  color:#ffffff;\r\n\r\n  font-size:9px;\r\n  font-weight:800;\r\n}\r\n\r\n.djf-newsletter p{\r\n  margin:5px 0 11px;\r\n\r\n  color:rgba(255,255,255,.42);\r\n\r\n  font-size:7.8px;\r\n  line-height:1.5;\r\n}\r\n\r\n.djf-news-form{\r\n  display:flex;\r\n\r\n  overflow:hidden;\r\n\r\n  min-height:42px;\r\n\r\n  border:1px solid rgba(255,255,255,.09);\r\n  border-radius:10px;\r\n\r\n  background:rgba(255,255,255,.055);\r\n}\r\n\r\n.djf-news-form input{\r\n  width:100%;\r\n  min-width:0;\r\n\r\n  padding:0 12px;\r\n\r\n  border:0;\r\n  outline:0;\r\n\r\n  background:transparent;\r\n\r\n  color:#ffffff;\r\n\r\n  font-family:'DM Sans',sans-serif;\r\n\r\n  font-size:8.5px;\r\n}\r\n\r\n.djf-news-form input::placeholder{\r\n  color:rgba(255,255,255,.32);\r\n}\r\n\r\n.djf-news-form button{\r\n  width:43px;\r\n\r\n  flex-shrink:0;\r\n\r\n  border:0;\r\n\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n\r\n  background:var(--djf-primary);\r\n\r\n  color:#ffffff;\r\n\r\n  cursor:pointer;\r\n\r\n  transition:.2s ease;\r\n}\r\n\r\n.djf-news-form button:hover{\r\n  background:#ffffff;\r\n  color:var(--djf-dark);\r\n}\r\n\r\n\/* =========================================\r\n   DISCLAIMER\r\n========================================= *\/\r\n\r\n.djf-disclaimer-wrap{\r\n  padding-bottom:25px;\r\n}\r\n\r\n.djf-disclaimer{\r\n  display:flex;\r\n  align-items:flex-start;\r\n\r\n  gap:12px;\r\n\r\n  padding:17px 18px;\r\n\r\n  border:1px solid var(--djf-line);\r\n  border-radius:14px;\r\n\r\n  background:rgba(255,255,255,.035);\r\n}\r\n\r\n.djf-disclaimer-icon{\r\n  width:31px;\r\n  height:31px;\r\n\r\n  flex-shrink:0;\r\n\r\n  border-radius:9px;\r\n\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n\r\n  background:rgba(115,226,216,.09);\r\n\r\n  color:var(--djf-mint);\r\n\r\n  font-size:10px;\r\n  font-weight:800;\r\n}\r\n\r\n.djf-disclaimer p{\r\n  margin:0;\r\n\r\n  color:rgba(255,255,255,.42);\r\n\r\n  font-size:8px;\r\n  line-height:1.65;\r\n}\r\n\r\n.djf-disclaimer strong{\r\n  color:rgba(255,255,255,.68);\r\n}\r\n\r\n\/* =========================================\r\n   BOTTOM BAR\r\n========================================= *\/\r\n\r\n.djf-bottom{\r\n  border-top:1px solid var(--djf-line);\r\n}\r\n\r\n.djf-bottom-inner{\r\n  min-height:76px;\r\n\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:space-between;\r\n\r\n  gap:25px;\r\n}\r\n\r\n.djf-copyright{\r\n  margin:0;\r\n\r\n  color:rgba(255,255,255,.42);\r\n\r\n  font-size:8.5px;\r\n  line-height:1.5;\r\n}\r\n\r\n.djf-copyright strong{\r\n  color:rgba(255,255,255,.72);\r\n}\r\n\r\n.djf-legal{\r\n  display:flex;\r\n  flex-wrap:wrap;\r\n  align-items:center;\r\n\r\n  gap:7px 16px;\r\n}\r\n\r\n.djf-legal a{\r\n  color:rgba(255,255,255,.46);\r\n\r\n  text-decoration:none;\r\n\r\n  font-size:8.5px;\r\n\r\n  transition:.2s ease;\r\n}\r\n\r\n.djf-legal a:hover{\r\n  color:var(--djf-mint);\r\n}\r\n\r\n\/* =========================================\r\n   BACK TO TOP\r\n========================================= *\/\r\n\r\n.djf-top-btn{\r\n  position:absolute;\r\n\r\n  right:24px;\r\n  bottom:95px;\r\n\r\n  width:44px;\r\n  height:44px;\r\n\r\n  border:1px solid rgba(255,255,255,.11);\r\n  border-radius:12px;\r\n\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n\r\n  background:rgba(255,255,255,.07);\r\n\r\n  color:#ffffff;\r\n\r\n  cursor:pointer;\r\n\r\n  backdrop-filter:blur(10px);\r\n\r\n  transition:.25s ease;\r\n}\r\n\r\n.djf-top-btn:hover{\r\n  transform:translateY(-4px);\r\n\r\n  background:var(--djf-primary);\r\n\r\n  border-color:var(--djf-primary);\r\n}\r\n\r\n\/* =========================================\r\n   RESPONSIVE TABLET\r\n========================================= *\/\r\n\r\n@media(max-width:1050px){\r\n\r\n  .djf-main{\r\n    grid-template-columns:\r\n      repeat(2,minmax(0,1fr));\r\n\r\n    gap:45px;\r\n  }\r\n\r\n  .djf-cta{\r\n    grid-template-columns:1fr;\r\n  }\r\n\r\n  .djf-cta-actions{\r\n    justify-content:flex-start;\r\n  }\r\n\r\n}\r\n\r\n\/* =========================================\r\n   RESPONSIVE MOBILE\r\n========================================= *\/\r\n\r\n@media(max-width:700px){\r\n\r\n  .djf-container{\r\n    padding-left:15px;\r\n    padding-right:15px;\r\n  }\r\n\r\n  .djf-cta-wrap{\r\n    padding-top:50px;\r\n  }\r\n\r\n  .djf-cta{\r\n    padding:28px 20px;\r\n\r\n    border-radius:20px;\r\n  }\r\n\r\n  .djf-cta-actions{\r\n    flex-direction:column;\r\n\r\n    align-items:stretch;\r\n  }\r\n\r\n  .djf-cta-primary,\r\n  .djf-cta-secondary{\r\n    width:100%;\r\n  }\r\n\r\n  .djf-main{\r\n    grid-template-columns:1fr;\r\n\r\n    gap:38px;\r\n\r\n    padding-top:55px;\r\n    padding-bottom:45px;\r\n  }\r\n\r\n  .djf-brand{\r\n    max-width:100%;\r\n  }\r\n\r\n  .djf-bottom-inner{\r\n    padding-top:22px;\r\n    padding-bottom:22px;\r\n\r\n    flex-direction:column;\r\n\r\n    align-items:flex-start;\r\n  }\r\n\r\n  .djf-top-btn{\r\n    right:15px;\r\n    bottom:120px;\r\n  }\r\n\r\n}\r\n\r\n@media(max-width:430px){\r\n\r\n  .djf-cta h2{\r\n    font-size:27px;\r\n  }\r\n\r\n  .djf-disclaimer{\r\n    padding:15px;\r\n  }\r\n\r\n}\r\n<\/style>\r\n\r\n\r\n<footer class=\"djf-footer\">\r\n\r\n\r\n  <div class=\"djf-container\">\r\n\r\n\r\n    <!-- =====================================\r\n         TOP CTA\r\n    ====================================== -->\r\n\r\n    <div class=\"djf-cta-wrap\">\r\n\r\n      <div class=\"djf-cta\">\r\n\r\n\r\n        <div class=\"djf-cta-copy\">\r\n\r\n          <div class=\"djf-cta-label\">\r\n            Ready To Get Started?\r\n          <\/div>\r\n\r\n          <h2>\r\n            Take the next step toward your\r\n            financial requirement.\r\n          <\/h2>\r\n\r\n          <p>\r\n            Explore available loan categories and begin\r\n            a structured application journey based on\r\n            your requirement and applicable eligibility.\r\n          <\/p>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"djf-cta-actions\">\r\n\r\n          <a\r\n            href=\"#emi-calculator\"\r\n            class=\"djf-cta-secondary\"\r\n          >\r\n            Calculate EMI\r\n          <\/a>\r\n\r\n          <a\r\n            href=\"#loan-application\"\r\n            class=\"djf-cta-primary\"\r\n          >\r\n            Apply For Loan\r\n            <span>\u2197<\/span>\r\n          <\/a>\r\n\r\n        <\/div>\r\n\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <!-- =====================================\r\n         MAIN FOOTER GRID\r\n    ====================================== -->\r\n\r\n    <div class=\"djf-main\">\r\n\r\n\r\n      <!-- =================================\r\n           BRAND COLUMN\r\n      ================================== -->\r\n\r\n      <div class=\"djf-brand\">\r\n\r\n\r\n        <a href=\"\/\" class=\"djf-logo\">\r\n\r\n          <span class=\"djf-logo-mark\">\r\n            DJ\r\n          <\/span>\r\n\r\n          <span class=\"djf-logo-copy\">\r\n\r\n            <strong>\r\n              Dhanjyoti Capital\r\n            <\/strong>\r\n\r\n            <span>\r\n              Financial Solutions\r\n            <\/span>\r\n\r\n          <\/span>\r\n\r\n        <\/a>\r\n\r\n\r\n        <p class=\"djf-brand-text\">\r\n\r\n          Explore financial solutions for personal,\r\n          business and major life requirements through\r\n          a clearer, organised and support-focused\r\n          application experience.\r\n\r\n        <\/p>\r\n\r\n\r\n        <div class=\"djf-trust\">\r\n\r\n          <span class=\"djf-trust-icon\">\r\n\r\n            <svg\r\n              viewBox=\"0 0 24 24\"\r\n              fill=\"none\"\r\n              stroke=\"currentColor\"\r\n              stroke-width=\"1.8\"\r\n            >\r\n              <path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10\"\/>\r\n              <path d=\"m9 12 2 2 4-4\"\/>\r\n            <\/svg>\r\n\r\n          <\/span>\r\n\r\n          <span class=\"djf-trust-copy\">\r\n\r\n            <strong>\r\n              Clear & Responsible Journey\r\n            <\/strong>\r\n\r\n            <span>\r\n              Applications remain subject to applicable\r\n              eligibility, assessment and final terms.\r\n            <\/span>\r\n\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- SOCIAL ICONS -->\r\n\r\n        <div class=\"djf-socials\">\r\n\r\n\r\n          <!-- FACEBOOK -->\r\n          <a\r\n            href=\"#\"\r\n            class=\"djf-social\"\r\n            aria-label=\"Facebook\"\r\n          >\r\n            <svg\r\n              viewBox=\"0 0 24 24\"\r\n              fill=\"none\"\r\n              stroke=\"currentColor\"\r\n              stroke-width=\"1.8\"\r\n            >\r\n              <path d=\"M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z\"\/>\r\n            <\/svg>\r\n          <\/a>\r\n\r\n\r\n          <!-- INSTAGRAM -->\r\n          <a\r\n            href=\"#\"\r\n            class=\"djf-social\"\r\n            aria-label=\"Instagram\"\r\n          >\r\n            <svg\r\n              viewBox=\"0 0 24 24\"\r\n              fill=\"none\"\r\n              stroke=\"currentColor\"\r\n              stroke-width=\"1.8\"\r\n            >\r\n              <rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"5\"\/>\r\n              <circle cx=\"12\" cy=\"12\" r=\"4\"\/>\r\n              <path d=\"M17.5 6.5h.01\"\/>\r\n            <\/svg>\r\n          <\/a>\r\n\r\n\r\n          <!-- LINKEDIN -->\r\n          <a\r\n            href=\"#\"\r\n            class=\"djf-social\"\r\n            aria-label=\"LinkedIn\"\r\n          >\r\n            <svg\r\n              viewBox=\"0 0 24 24\"\r\n              fill=\"none\"\r\n              stroke=\"currentColor\"\r\n              stroke-width=\"1.8\"\r\n            >\r\n              <path d=\"M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-4 0v7h-4V9h4v2\"\/>\r\n              <rect x=\"2\" y=\"9\" width=\"4\" height=\"12\"\/>\r\n              <circle cx=\"4\" cy=\"4\" r=\"2\"\/>\r\n            <\/svg>\r\n          <\/a>\r\n\r\n\r\n          <!-- YOUTUBE -->\r\n          <a\r\n            href=\"#\"\r\n            class=\"djf-social\"\r\n            aria-label=\"YouTube\"\r\n          >\r\n            <svg\r\n              viewBox=\"0 0 24 24\"\r\n              fill=\"none\"\r\n              stroke=\"currentColor\"\r\n              stroke-width=\"1.8\"\r\n            >\r\n              <path d=\"M22 12s0-4-1-6c-.5-1-1.5-1.5-3-1.7C16 4 12 4 12 4s-4 0-6 .3C4.5 4.5 3.5 5 3 6c-1 2-1 6-1 6s0 4 1 6c.5 1 1.5 1.5 3 1.7 2 .3 6 .3 6 .3s4 0 6-.3c1.5-.2 2.5-.7 3-1.7 1-2 1-6 1-6z\"\/>\r\n              <path d=\"m10 9 5 3-5 3z\"\/>\r\n            <\/svg>\r\n          <\/a>\r\n\r\n\r\n        <\/div>\r\n\r\n\r\n      <\/div>\r\n\r\n\r\n\r\n      <!-- =================================\r\n           LOAN SERVICES\r\n      ================================== -->\r\n\r\n      <div class=\"djf-column\">\r\n\r\n        <h3>\r\n          Loan Services\r\n        <\/h3>\r\n\r\n        <div class=\"djf-links\">\r\n\r\n          <a href=\"#\" class=\"djf-link\">\r\n            Personal Loan\r\n          <\/a>\r\n\r\n          <a href=\"#\" class=\"djf-link\">\r\n            Home Loan\r\n          <\/a>\r\n\r\n          <a href=\"#\" class=\"djf-link\">\r\n            Business Loan\r\n          <\/a>\r\n\r\n          <a href=\"#\" class=\"djf-link\">\r\n            Car Loan\r\n          <\/a>\r\n\r\n          <a href=\"#\" class=\"djf-link\">\r\n            Education Loan\r\n          <\/a>\r\n\r\n          <a href=\"#\" class=\"djf-link\">\r\n            Gold Loan\r\n          <\/a>\r\n\r\n          <a href=\"#loan-services\" class=\"djf-link\">\r\n            View All Loans\r\n          <\/a>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n\r\n      <!-- =================================\r\n           QUICK LINKS\r\n      ================================== -->\r\n\r\n      <div class=\"djf-column\">\r\n\r\n        <h3>\r\n          Quick Links\r\n        <\/h3>\r\n\r\n        <div class=\"djf-links\">\r\n\r\n          <a href=\"\/\" class=\"djf-link\">\r\n            Home\r\n          <\/a>\r\n\r\n          <a href=\"#\" class=\"djf-link\">\r\n            About Us\r\n          <\/a>\r\n\r\n          <a href=\"#loan-services\" class=\"djf-link\">\r\n            Our Services\r\n          <\/a>\r\n\r\n          <a href=\"#emi-calculator\" class=\"djf-link\">\r\n            EMI Calculator\r\n          <\/a>\r\n\r\n          <a href=\"#loan-process\" class=\"djf-link\">\r\n            How It Works\r\n          <\/a>\r\n\r\n          <a href=\"#\" class=\"djf-link\">\r\n            Blog & Insights\r\n          <\/a>\r\n\r\n          <a href=\"#\" class=\"djf-link\">\r\n            Contact Us\r\n          <\/a>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n\r\n      <!-- =================================\r\n           CONTACT & NEWSLETTER\r\n      ================================== -->\r\n\r\n      <div class=\"djf-column\">\r\n\r\n        <h3>\r\n          Get In Touch\r\n        <\/h3>\r\n\r\n\r\n        <div class=\"djf-contact-list\">\r\n\r\n\r\n          <!-- PHONE -->\r\n          <div class=\"djf-contact-item\">\r\n\r\n            <span class=\"djf-contact-icon\">\r\n\r\n              <svg\r\n                viewBox=\"0 0 24 24\"\r\n                fill=\"none\"\r\n                stroke=\"currentColor\"\r\n                stroke-width=\"1.8\"\r\n              >\r\n                <path d=\"M22 16.9v3a2 2 0 0 1-2.2 2A19.8 19.8 0 0 1 3 5.2 2 2 0 0 1 5 3h3a2 2 0 0 1 2 1.7c.1 1 .4 2 .7 2.9a2 2 0 0 1-.5 2.1L9 10.9a16 16 0 0 0 4.1 4.1l1.2-1.2a2 2 0 0 1 2.1-.5c.9.3 1.9.6 2.9.7a2 2 0 0 1 1.7 2z\"\/>\r\n              <\/svg>\r\n\r\n            <\/span>\r\n\r\n            <span class=\"djf-contact-copy\">\r\n\r\n              <span>\r\n                Call Us\r\n              <\/span>\r\n\r\n              <!-- REPLACE NUMBER -->\r\n              <a href=\"tel:+910000000000\">\r\n                +91 00000 00000\r\n              <\/a>\r\n\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n\r\n          <!-- EMAIL -->\r\n          <div class=\"djf-contact-item\">\r\n\r\n            <span class=\"djf-contact-icon\">\r\n\r\n              <svg\r\n                viewBox=\"0 0 24 24\"\r\n                fill=\"none\"\r\n                stroke=\"currentColor\"\r\n                stroke-width=\"1.8\"\r\n              >\r\n                <rect x=\"3\" y=\"5\" width=\"18\" height=\"14\" rx=\"2\"\/>\r\n                <path d=\"m3 7 9 6 9-6\"\/>\r\n              <\/svg>\r\n\r\n            <\/span>\r\n\r\n            <span class=\"djf-contact-copy\">\r\n\r\n              <span>\r\n                Email Us\r\n              <\/span>\r\n\r\n              <!-- REPLACE EMAIL -->\r\n              <a href=\"mailto:info@dhanjyoticapital.in\">\r\n                info@dhanjyoticapital.in\r\n              <\/a>\r\n\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n\r\n          <!-- LOCATION -->\r\n          <div class=\"djf-contact-item\">\r\n\r\n            <span class=\"djf-contact-icon\">\r\n\r\n              <svg\r\n                viewBox=\"0 0 24 24\"\r\n                fill=\"none\"\r\n                stroke=\"currentColor\"\r\n                stroke-width=\"1.8\"\r\n              >\r\n                <path d=\"M20 10c0 5-8 12-8 12S4 15 4 10a8 8 0 1 1 16 0z\"\/>\r\n                <circle cx=\"12\" cy=\"10\" r=\"2.5\"\/>\r\n              <\/svg>\r\n\r\n            <\/span>\r\n\r\n            <span class=\"djf-contact-copy\">\r\n\r\n              <span>\r\n                Office\r\n              <\/span>\r\n\r\n              <!-- REPLACE ADDRESS -->\r\n              <strong>\r\n                Mumbai, Maharashtra, India\r\n              <\/strong>\r\n\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <!-- NEWSLETTER -->\r\n\r\n        <div class=\"djf-newsletter\">\r\n\r\n          <strong>\r\n            Financial Updates\r\n          <\/strong>\r\n\r\n          <p>\r\n            Subscribe for useful updates and insights.\r\n          <\/p>\r\n\r\n          <form\r\n            class=\"djf-news-form\"\r\n            onsubmit=\"return djfSubscribe(event)\"\r\n          >\r\n\r\n            <input\r\n              type=\"email\"\r\n              id=\"djfEmail\"\r\n              placeholder=\"Your email address\"\r\n              required\r\n            >\r\n\r\n            <button\r\n              type=\"submit\"\r\n              aria-label=\"Subscribe\"\r\n            >\r\n              \u2192\r\n            <\/button>\r\n\r\n          <\/form>\r\n\r\n        <\/div>\r\n\r\n\r\n      <\/div>\r\n\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <!-- =====================================\r\n         DISCLAIMER\r\n    ====================================== -->\r\n\r\n    <div class=\"djf-disclaimer-wrap\">\r\n\r\n      <div class=\"djf-disclaimer\">\r\n\r\n        <span class=\"djf-disclaimer-icon\">\r\n          i\r\n        <\/span>\r\n\r\n        <p>\r\n\r\n          <strong>Important Disclaimer:<\/strong>\r\n          Information displayed on this website is for\r\n          general informational and illustrative purposes\r\n          only and should not be treated as a guaranteed\r\n          loan offer, sanction, approval or financial advice.\r\n          Loan availability, eligibility, interest rates,\r\n          processing fees, documentation, tenure, repayment\r\n          terms and disbursal are subject to applicable\r\n          assessment, policies, lender criteria and final\r\n          contractual documentation. Please review all\r\n          applicable terms and disclosures before proceeding.\r\n\r\n        <\/p>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n  <\/div>\r\n\r\n\r\n\r\n  <!-- =====================================\r\n       BOTTOM BAR\r\n  ====================================== -->\r\n\r\n  <div class=\"djf-bottom\">\r\n\r\n    <div class=\"djf-container\">\r\n\r\n      <div class=\"djf-bottom-inner\">\r\n\r\n\r\n        <p class=\"djf-copyright\">\r\n\r\n          \u00a9 <span id=\"djfYear\"><\/span>\r\n\r\n          <strong>\r\n            Dhanjyoti Capital\r\n          <\/strong>.\r\n\r\n          All rights reserved.\r\n\r\n        <\/p>\r\n\r\n\r\n        <div class=\"djf-legal\">\r\n\r\n          <a href=\"#\">\r\n            Privacy Policy\r\n          <\/a>\r\n\r\n          <a href=\"#\">\r\n            Terms & Conditions\r\n          <\/a>\r\n\r\n          <a href=\"#\">\r\n            Disclaimer\r\n          <\/a>\r\n\r\n          <a href=\"#\">\r\n            Grievance Redressal\r\n          <\/a>\r\n\r\n        <\/div>\r\n\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n\r\n\r\n  <!-- BACK TO TOP -->\r\n\r\n  <button\r\n    type=\"button\"\r\n    class=\"djf-top-btn\"\r\n    id=\"djfTopBtn\"\r\n    aria-label=\"Back to top\"\r\n  >\r\n    \u2191\r\n  <\/button>\r\n\r\n\r\n<\/footer>\r\n\r\n\r\n<script>\r\n(function(){\r\n\r\n  \/* =========================================\r\n     AUTO YEAR\r\n  ========================================= *\/\r\n\r\n  const yearElement =\r\n    document.getElementById(\"djfYear\");\r\n\r\n  if(yearElement){\r\n\r\n    yearElement.textContent =\r\n      new Date().getFullYear();\r\n\r\n  }\r\n\r\n\r\n  \/* =========================================\r\n     BACK TO TOP\r\n  ========================================= *\/\r\n\r\n  const topButton =\r\n    document.getElementById(\"djfTopBtn\");\r\n\r\n  if(topButton){\r\n\r\n    topButton.addEventListener(\r\n      \"click\",\r\n      function(){\r\n\r\n        window.scrollTo({\r\n          top:0,\r\n          behavior:\"smooth\"\r\n        });\r\n\r\n      }\r\n    );\r\n\r\n  }\r\n\r\n})();\r\n\r\n\r\n\/* =========================================\r\n   NEWSLETTER DEMO FUNCTION\r\n   Replace with actual API \/ form integration\r\n========================================= *\/\r\n\r\nfunction djfSubscribe(event){\r\n\r\n  event.preventDefault();\r\n\r\n  const emailInput =\r\n    document.getElementById(\"djfEmail\");\r\n\r\n  if(!emailInput){\r\n    return false;\r\n  }\r\n\r\n  const button =\r\n    event.target.querySelector(\"button\");\r\n\r\n  const originalText =\r\n    button.textContent;\r\n\r\n  button.textContent = \"\u2713\";\r\n\r\n  setTimeout(\r\n    function(){\r\n\r\n      button.textContent =\r\n        originalText;\r\n\r\n      emailInput.value = \"\";\r\n\r\n    },\r\n    1800\r\n  );\r\n\r\n  return false;\r\n\r\n}\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Trusted financial support with transparent lending solutions +919821848747 hello@company.com DhanJyoti Capital Finance Home About Us Loan Solutions Personal Loan Business Loan Home Loan Vehicle Loan How It Works Contact Login Apply for Loan \u2197 Simple. Secure. Transparent Finance. Finance that moves at the speed of your ambitions. Access flexible financial solutions through a simpler, clearer and more guided experience. Explore loan options designed around your goals with transparent terms and dedicated support. Check Your Eligibility \u2197 Explore Loan Solutions Secure Process Protected information Quick Assistance Guided support Clear Terms Transparent journey Application Ready Continue in a few simple steps Quick Estimate Plan your loan Desired loan amount \u20b95,00,000 \u20b950K \u20b920L Preferred tenure 36 Months Application mode Assisted Check Eligibility \u2192 Expert assistance Support through every step Financial Solutions The right finance for every next move. Whether you are managing a personal milestone, expanding a business or planning a major purchase, explore financial solutions built around different needs and life stages. Compare all solutions \u2192 Popular Choice Personal Loan Access flexible funding for planned expenses, important milestones or unexpected financial requirements through a guided application journey. Flexible Purpose Guided Process Clear Terms Explore Personal Loan \u2197 02 Business Loan Support working capital, expansion plans, equipment requirements and business growth. For Growth \u2192 03 Home Loan Explore financing support for purchasing, constructing or improving your home. Build Your Future \u2192 04 Vehicle Loan Finance your mobility needs with a structured journey for eligible vehicle purchases. Move Forward \u2192 05 Loan Against Property Unlock potential value from eligible property for personal or business financial needs. Property Backed \u2192 Not sure which solution fits your needs? Speak with our team for guidance on the next step. Talk to an Expert \u2197 Your Finance Journey Clear steps. Guided assistance. Secure Application progress Simple Journey 01 Share Details Basic application information 02 Verification Review applicable information 03 Next Steps Guided assistance ahead Transparent Experience Clear information at every stage \u2197 Clear Process Easy to understand Need assistance? Our support team can guide you Why Choose Us Finance should feel clear, not complicated. We focus on creating a more understandable financial experience through clear communication, guided assistance and solutions aligned with applicable customer requirements. Secure Approach A structured process designed to handle application information with appropriate care and clarity. Responsive Support Get assistance through important stages of your financial application and documentation journey. Clear Communication Understand relevant steps, information requirements and applicable terms without unnecessary complexity. Responsible Solutions Financial options should be evaluated with attention to eligibility, suitability and applicable criteria. Start Your Application \u2197 Speak With Our Team Online Application Apply for a loan in just a few steps. Complete the application form below. Please provide accurate information so the relevant details can be reviewed. Personal Details Step 1 of 4 1 Personal 2 Loan 3 Bank 4 Review Tell us about yourself Enter your basic contact and identity information. Full Name * Email Address * Phone Number * WhatsApp Number Gender * Select genderMaleFemaleOther Prefer not to say Date of Birth * PAN Number Enter only if required for this application stage. Aadhaar Number Avoid collecting unless operationally and legally necessary. Your loan requirements Share the purpose, location and required amount. Purpose of Loan * Select loan purposePersonal LoanBusiness LoanHome LoanVehicle LoanEducation Loan Medical Requirement Loan Against Property Other Employment Type * Select employment typeSalariedSelf EmployedBusiness OwnerProfessionalOther State * Select stateMaharashtraDelhiGujaratKarnatakaUttar PradeshRajasthanMadhya PradeshWest BengalTamil NaduTelanganaOther City * Monthly Income * Required Loan Amount * Preferred Loan Tenure * Select tenure1 Year2 Years3 Years4 Years5 Years7 Years10 Years15 Years20 Years Existing EMI per Month Banking information Provide banking details only where necessary for processing. Bank Name Account Holder Name IFSC Code Account Number Account Type Select account typeSavingsCurrentSalary Preferred Contact Time Select preferred time9 AM &#8211; 12 PM12 PM &#8211; 3 PM3 PM &#8211; 6 PM6 PM &#8211; 8 PM \ud83d\udd12 Banking and identity information should be collected only where necessary. Use HTTPS, controlled access, appropriate retention policies and secure server-side processing. Review &#038; submit Confirm that the information provided is accurate. Additional Message I confirm that the information provided is accurate to the best of my knowledge. I consent to being contacted regarding this application and acknowledge that submission does not guarantee loan approval. Eligibility and approval remain subject to verification, applicable criteria and terms. \u2190 Previous Continue \u2192 Submit Application \u2197 EMI Calculator Plan your repayment with more clarity. Adjust the loan amount, indicative annual interest rate and tenure to estimate your monthly EMI and overall repayment structure. Calculate your EMI Update values to see an instant estimate Live Estimate Loan Amount \u20b9 \u20b950K \u20b950L Interest Rate % p.a. 1% 30% Loan Tenure Months 6 Months 30 Years This calculator provides an indicative estimate only. Actual rates, charges, tenure and repayment amounts may vary based on the applicable product, eligibility, verification and final terms. Repayment Overview Estimated Monthly EMI \u20b911,122 Indicative monthly repayment estimate Principal Amount \u20b95,00,000 Total Interest \u20b91,67,333 Total Repayment \u20b96,67,333 Loan Tenure 60 Months Repayment distribution 75% Principal Principal Interest Apply with these preferences \u2197 Estimates are illustrative and do not represent an approval, sanction or guaranteed lending offer. Important Information Know before you apply. Review the key application points before submitting your details. Clear information helps you understand the process, documentation and indicative assessment journey before moving ahead. Application checklist Essential points to review first Before You Continue Eligibility assessment Loan availability may depend on profile, income, product criteria and verification. KYC &#038; documents Identity, address, income and other supporting documents may be requested. Applicable checks Applications may be subject to internal, regulatory and eligibility checks. No hidden surprises Review applicable rates, charges and product terms before acceptance. Approval is not guaranteed Submission of an application does not itself constitute loan approval. Responsible assessment Final decisions may consider repayment capacity and applicable lending criteria. Data privacy Personal information should be handled under the applicable privacy framework. Verify final terms Read the final sanction and agreement terms carefully before acceptance.<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-2235","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/dhanjyoticapital.site\/index.php?rest_route=\/wp\/v2\/pages\/2235","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dhanjyoticapital.site\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/dhanjyoticapital.site\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/dhanjyoticapital.site\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/dhanjyoticapital.site\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2235"}],"version-history":[{"count":7,"href":"https:\/\/dhanjyoticapital.site\/index.php?rest_route=\/wp\/v2\/pages\/2235\/revisions"}],"predecessor-version":[{"id":2243,"href":"https:\/\/dhanjyoticapital.site\/index.php?rest_route=\/wp\/v2\/pages\/2235\/revisions\/2243"}],"wp:attachment":[{"href":"https:\/\/dhanjyoticapital.site\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2235"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}