{"id":2507,"date":"2026-06-29T02:10:37","date_gmt":"2026-06-29T02:10:37","guid":{"rendered":"https:\/\/dev.zeeddigital.com\/lifeline\/?page_id=2507"},"modified":"2026-08-14T19:18:39","modified_gmt":"2026-08-14T19:18:39","slug":"services","status":"publish","type":"page","link":"https:\/\/dev.zeeddigital.com\/lifeline\/services\/","title":{"rendered":"Services"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2507\" class=\"elementor elementor-2507\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3e8e460 e-con-full e-flex e-con e-parent\" data-id=\"3e8e460\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-2ba5d76 e-con-full e-flex e-con e-child\" data-id=\"2ba5d76\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d6ae063 elementor-widget elementor-widget-html\" data-id=\"d6ae063\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ll-about\">\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@400;500;600;700;800&family=Fraunces:opsz,wght@9..144,500;9..144,700&family=JetBrains+Mono:wght@400;500&display=swap');\r\n\r\n.ll-about {\r\n  --yellow: #F5B800;\r\n  --yellow-deep: #E0A600;\r\n  --yellow-soft: #FFE58A;\r\n  --yellow-pale: #FFF4CC;\r\n  --black: #111111;\r\n  --ink: #1A1A1A;\r\n  --muted: #5B5B5B;\r\n  --line: #EDEDED;\r\n  --cream: #FFFFFF;\r\n  --cream-2: #FAFAFA;\r\n  --paper: #FFFFFF;\r\n  --white: #FFFFFF;\r\n  --radius-sm: 6px;\r\n  --radius: 12px;\r\n  --radius-lg: 20px;\r\n  --maxw: 1440px;\r\n  --pad: 48px;\r\n  font-family: 'Manrope', system-ui, -apple-system, sans-serif;\r\n  color: var(--ink);\r\n  font-size: 16px;\r\n  line-height: 1.55;\r\n  -webkit-font-smoothing: antialiased;\r\n}\r\n\r\n.ll-about * { box-sizing: border-box; }\r\n.ll-about img { max-width: 100%; display: block; }\r\n.ll-about a { color: inherit; text-decoration: none; }\r\n.ll-about button { font-family: inherit; cursor: pointer; border: none; background: none; }\r\n\r\n.ll-about .eyebrow {\r\n  font-size: 11px;\r\n  font-weight: 700;\r\n  letter-spacing: 0.18em;\r\n  text-transform: uppercase;\r\n  color: var(--muted);\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n}\r\n.ll-about .eyebrow::before {\r\n  content: '';\r\n  width: 24px;\r\n  height: 1px;\r\n  background: currentColor;\r\n}\r\n\r\n.ll-about h1, .ll-about h2, .ll-about h3, .ll-about h4 {\r\n  font-family: 'Manrope', sans-serif;\r\n  font-weight: 800;\r\n  letter-spacing: -0.02em;\r\n  margin: 0;\r\n  line-height: 1.05;\r\n}\r\n.ll-about h1 { font-size: clamp(44px, 5.6vw, 78px); }\r\n.ll-about h2 { font-size: clamp(32px, 4.2vw, 56px); letter-spacing: -0.025em; }\r\n.ll-about h3 { font-size: 22px; font-weight: 700; letter-spacing: -0.01em; }\r\n.ll-about p { margin: 0; }\r\n\r\n.ll-about .container {\r\n  max-width: var(--maxw);\r\n  margin: 0 auto;\r\n  padding: 0 var(--pad);\r\n}\r\n\r\n.ll-about .btn {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n  padding: 14px 22px;\r\n  border-radius: 999px;\r\n  font-weight: 700;\r\n  font-size: 14px;\r\n  letter-spacing: 0.01em;\r\n  transition: transform .15s ease, background .2s ease, color .2s ease;\r\n}\r\n.ll-about .btn:hover { transform: translateY(-1px); }\r\n.ll-about .btn-primary { background: var(--yellow); color: var(--black); }\r\n.ll-about .btn-primary:hover { background: var(--yellow-deep); }\r\n.ll-about .btn-dark { background: var(--black); color: var(--white); }\r\n.ll-about .btn-dark:hover { background: #000; }\r\n.ll-about .btn-ghost { border: 1.5px solid var(--black); color: var(--black); padding: 12.5px 22px; }\r\n.ll-about .btn-ghost:hover { background: var(--black); color: var(--white); }\r\n\r\n.ll-about .btn .arrow {\r\n  display: inline-flex;\r\n  width: 18px;\r\n  height: 18px;\r\n  border-radius: 50%;\r\n  background: rgba(0,0,0,.1);\r\n  align-items: center;\r\n  justify-content: center;\r\n  font-size: 11px;\r\n}\r\n.ll-about .btn-dark .arrow { background: var(--yellow); color: var(--black); }\r\n.ll-about .btn-primary .arrow { background: var(--black); color: var(--yellow); }\r\n\r\n.ll-about .photo-ph {\r\n  position: relative;\r\n  border-radius: var(--radius);\r\n  overflow: hidden;\r\n  background: repeating-linear-gradient(135deg, #F5F5F5 0 18px, #ECECEC 18px 36px);\r\n  color: var(--muted);\r\n  display: grid;\r\n  place-items: center;\r\n  font-family: 'JetBrains Mono', ui-monospace, Menlo, monospace;\r\n  font-size: 11px;\r\n  letter-spacing: 0.1em;\r\n  text-transform: uppercase;\r\n}\r\n.ll-about .photo-ph.dark { background: repeating-linear-gradient(135deg, #1C1C1C 0 18px, #232323 18px 36px); color: #8F897A; }\r\n.ll-about .photo-ph.yellow { background: repeating-linear-gradient(135deg, #F5B800 0 18px, #E5AC00 18px 36px); color: #6B4F00; }\r\n.ll-about .photo-ph .tag { padding: 6px 10px; background: rgba(0,0,0,.35); color: #fff; border-radius: 4px; }\r\n.ll-about .photo-ph.dark .tag { background: rgba(255,255,255,.1); }\r\n.ll-about .photo-ph.yellow .tag { background: rgba(0,0,0,.18); color: var(--black); }\r\n\r\n.ll-about .page-hero {\r\n  padding: 80px 0 64px;\r\n  border-bottom: 4px solid var(--black);\r\n  background: linear-gradient(90deg, #FFFFFF 0%, #FFFFFF 55%, var(--yellow) 55%, var(--yellow) 100%);\r\n}\r\n.ll-about .page-hero .grid {\r\n  display: grid;\r\n  grid-template-columns: 1.1fr 0.9fr;\r\n  gap: 48px;\r\n  align-items: center;\r\n}\r\n.ll-about .page-hero .right { padding-top: 16px; }\r\n.ll-about .page-hero .right p { font-size: 17px; color: var(--muted); line-height: 1.65; }\r\n\r\n.ll-about .page-hero .hero-img {\r\n  position: relative;\r\n  aspect-ratio: 5\/4;\r\n  border-radius: 20px;\r\n  overflow: hidden;\r\n  box-shadow: 0 30px 60px -20px rgba(0,0,0,.18);\r\n}\r\n.ll-about .page-hero .hero-img .photo-ph { position: absolute; inset: 0; border-radius: 20px; }\r\n.ll-about .page-hero .hero-img .chip {\r\n  position: absolute;\r\n  top: 18px;\r\n  left: 18px;\r\n  background: var(--yellow);\r\n  color: var(--black);\r\n  font-size: 12px;\r\n  font-weight: 700;\r\n  letter-spacing: 0.08em;\r\n  text-transform: uppercase;\r\n  padding: 8px 12px;\r\n  border-radius: 999px;\r\n}\r\n\r\n.ll-about .prod-nav {\r\n  display: flex;\r\n  gap: 6px;\r\n  flex-wrap: wrap;\r\n  padding: 24px 0;\r\n  border-bottom: 1px solid var(--line);\r\n}\r\n.ll-about .prod-nav a {\r\n  padding: 10px 18px;\r\n  border-radius: 999px;\r\n  font-size: 14px;\r\n  font-weight: 600;\r\n  border: 1px solid var(--line);\r\n  color: var(--ink);\r\n  background: white;\r\n  white-space: nowrap; \/* Prevents text from breaking *\/\r\n}\r\n.ll-about .prod-nav a:hover {\r\n  background: var(--black);\r\n  color: white;\r\n  border-color: var(--black);\r\n}\r\n\r\n\/* --- Responsive Media Queries --- *\/\r\n\r\n@media (max-width: 980px) {\r\n  .ll-about .page-hero {\r\n    \/* Stack gradient vertically on tablets *\/\r\n    background: linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 65%, var(--yellow) 65%, var(--yellow) 100%);\r\n    padding: 64px 0;\r\n  }\r\n  .ll-about .page-hero .grid {\r\n    grid-template-columns: 1fr;\r\n    gap: 40px;\r\n  }\r\n}\r\n\r\n@media (max-width: 576px) {\r\n  .ll-about {\r\n    --pad: 20px; \/* Scale down global padding *\/\r\n  }\r\n  .ll-about .page-hero {\r\n    \/* Adjust vertical gradient height for taller text block *\/\r\n    background: linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 72%, var(--yellow) 72%, var(--yellow) 100%);\r\n    padding: 48px 0;\r\n  }\r\n  .ll-about .page-hero .hero-img {\r\n    aspect-ratio: 1 \/ 1;\r\n  }\r\n  .ll-about .prod-nav {\r\n    \/* Enable horizontal scrolling for mobile navigation pills *\/\r\n    flex-wrap: nowrap;\r\n    overflow-x: auto;\r\n    -webkit-overflow-scrolling: touch; \/* Smooth scrolling on iOS *\/\r\n    scrollbar-width: none; \/* Hide scrollbar Firefox *\/\r\n    margin: 32px calc(var(--pad) * -1) 0; \/* Full bleed to edges *\/\r\n    padding: 24px var(--pad); \/* Restores padding inside scrollable area *\/\r\n  }\r\n  .ll-about .prod-nav::-webkit-scrollbar {\r\n    display: none; \/* Hide scrollbar Chrome\/Safari *\/\r\n  }\r\n  .ll-about .prod-nav a {\r\n    flex: 0 0 auto; \/* Prevent pills from shrinking *\/\r\n  }\r\n}\r\n<\/style>\r\n\r\n<section class=\"page-hero\">\r\n  <div class=\"container\">\r\n    <div class=\"grid\">\r\n      <div>\r\n        <span class=\"eyebrow\">Products<\/span>\r\n        <h1 style=\"margin-top:20px;\">Credit, savings, and a real person on the other end.<\/h1>\r\n        <div class=\"right\">\r\n          <p>Every product below is offered at all fourteen branches and through our Colombo head office. Rates are reviewed monthly and published on this page. If you're not sure which product is right for you &mdash; call us and we'll help you decide, free of charge.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"hero-img\">\r\n        <div class=\"photo-ph yellow\"><span class=\"tag\">photo &middot; customer signing at branch<\/span><\/div>\r\n        <span class=\"chip\">5 products<\/span>\r\n      <\/div>\r\n    <\/div>\r\n    \r\n\r\n  <\/div>\r\n<\/section>\r\n<\/div>\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<div class=\"elementor-element elementor-element-dcc4336 e-con-full e-flex e-con e-parent\" data-id=\"dcc4336\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-03ec97f e-con-full e-flex e-con e-child\" data-id=\"03ec97f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-273ab80 elementor-widget elementor-widget-html\" data-id=\"273ab80\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ll-about\">\n<style>@import url('https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@400;500;600;700;800&family=Fraunces:opsz,wght@9..144,500;9..144,700&family=JetBrains+Mono:wght@400;500&display=swap');\n.ll-about{--yellow:#F5B800;--yellow-deep:#E0A600;--yellow-soft:#FFE58A;--yellow-pale:#FFF4CC;--black:#111111;--ink:#1A1A1A;--muted:#5B5B5B;--line:#EDEDED;--cream:#FFFFFF;--cream-2:#FAFAFA;--paper:#FFFFFF;--white:#FFFFFF;--radius-sm:6px;--radius:12px;--radius-lg:20px;--maxw:1440px;--pad:48px;font-family:'Manrope',system-ui,-apple-system,sans-serif;color:var(--ink);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased;}\n.ll-about *{box-sizing:border-box;}\n.ll-about img{max-width:100%;display:block;}\n.ll-about a{color:inherit;text-decoration:none;}\n.ll-about button{font-family:inherit;cursor:pointer;border:none;background:none;}\n.ll-about .eyebrow{font-size:11px;font-weight:700;letter-spacing:0.18em;text-transform:uppercase;color:var(--muted);display:inline-flex;align-items:center;gap:10px;}\n.ll-about .eyebrow::before{content:'';width:24px;height:1px;background:currentColor;}\n.ll-about h1,.ll-about h2,.ll-about h3,.ll-about h4{font-family:'Manrope',sans-serif;font-weight:800;letter-spacing:-0.02em;margin:0;line-height:1.05;}\n.ll-about h1{font-size:clamp(42px,6vw,84px);}\n.ll-about h2{font-size:clamp(32px,4.2vw,56px);letter-spacing:-0.025em;}\n.ll-about h3{font-size:22px;font-weight:700;letter-spacing:-0.01em;}\n.ll-about p{margin:0;}\n.ll-about .container{max-width:var(--maxw);margin:0 auto;padding:0 var(--pad);}\n.ll-about .btn{display:inline-flex;align-items:center;gap:10px;padding:14px 22px;border-radius:999px;font-weight:700;font-size:14px;letter-spacing:0.01em;transition:transform .15s ease,background .2s ease,color .2s ease;}\n.ll-about .btn:hover{transform:translateY(-1px);}\n.ll-about .btn-primary{background:var(--yellow);color:var(--black);}\n.ll-about .btn-primary:hover{background:var(--yellow-deep);}\n.ll-about .btn-dark{background:var(--black);color:var(--white);}\n.ll-about .btn-dark:hover{background:#000;}\n.ll-about .btn-ghost{border:1.5px solid var(--black);color:var(--black);padding:12.5px 22px;}\n.ll-about .btn-ghost:hover{background:var(--black);color:var(--white);}\n.ll-about .btn .arrow{display:inline-flex;width:18px;height:18px;border-radius:50%;background:rgba(0,0,0,.1);align-items:center;justify-content:center;font-size:11px;}\n.ll-about .btn-dark .arrow{background:var(--yellow);color:var(--black);}\n.ll-about .btn-primary .arrow{background:var(--black);color:var(--yellow);}\n.ll-about .photo-ph{position:relative;border-radius:var(--radius);overflow:hidden;background:repeating-linear-gradient(135deg,#F5F5F5 0 18px,#ECECEC 18px 36px);color:var(--muted);display:grid;place-items:center;font-family:'JetBrains Mono',ui-monospace,Menlo,monospace;font-size:11px;letter-spacing:0.1em;text-transform:uppercase;}\n.ll-about .photo-ph.dark{background:repeating-linear-gradient(135deg,#1C1C1C 0 18px,#232323 18px 36px);color:#8F897A;}\n.ll-about .photo-ph.yellow{background:repeating-linear-gradient(135deg,#F5B800 0 18px,#E5AC00 18px 36px);color:#6B4F00;}\n.ll-about .photo-ph .tag{padding:6px 10px;background:rgba(0,0,0,.35);color:#fff;border-radius:4px;}\n.ll-about .photo-ph.dark .tag{background:rgba(255,255,255,.1);}\n.ll-about .photo-ph.yellow .tag{background:rgba(0,0,0,.18);color:var(--black);}\n\n.ll-about .sec{padding:88px 0;border-bottom:1px solid var(--line);}\n.ll-about .sec:last-of-type{border-bottom:none;}\n@media (max-width:980px){.ll-about .sec{padding:56px 0;}}\n\n.ll-about .prod{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start;}\n.ll-about .prod.reverse > :first-child{order:2;}\n.ll-about .prod h2{font-size:clamp(36px,4vw,56px);margin-bottom:18px;}\n.ll-about .prod .lead{font-size:17px;color:var(--muted);line-height:1.65;margin-bottom:28px;}\n.ll-about .prod .grid-kv{display:grid;grid-template-columns:1fr 1fr;gap:0;border-top:1px solid var(--line);}\n.ll-about .prod .grid-kv .cell{padding:18px 0;border-bottom:1px solid var(--line);padding-right:12px;}\n.ll-about .prod .grid-kv .cell:nth-child(odd){border-right:1px solid var(--line);padding-left:0;padding-right:18px;}\n.ll-about .prod .grid-kv .cell:nth-child(even){padding-left:18px;}\n.ll-about .prod .grid-kv .l{font-size:11px;color:var(--muted);letter-spacing:0.14em;text-transform:uppercase;}\n.ll-about .prod .grid-kv .v{font-family:'Fraunces',serif;font-size:28px;font-weight:700;letter-spacing:-0.01em;margin-top:6px;}\n.ll-about .prod ul.feats{list-style:none;padding:0;margin:20px 0 28px;display:grid;gap:10px;}\n.ll-about .prod ul.feats li{display:grid;grid-template-columns:auto 1fr;gap:12px;font-size:15px;color: #000000 !important;}\n.ll-about .prod ul.feats li::before{content:\"\";width:16px;height:16px;background:var(--yellow);border-radius:4px;margin-top:4px;}\n.ll-about .prod .visual{position:relative;aspect-ratio:5\/6;border-radius:20px;overflow:hidden;}\n.ll-about .prod .visual .photo-ph{position:absolute;inset:0;border-radius:20px;}\n.ll-about .prod .badge{position:absolute;top:20px;left:20px;background:white;border-radius:10px;padding:10px 14px;font-size:12px;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;}\n.ll-about .prod .badge.dark{background:var(--black);color:var(--yellow);}\n.ll-about .prod .side-card{background:white;border:1px solid var(--line);border-radius:18px;padding:24px;margin-top:24px;}\n.ll-about .prod .side-card h5{font-size:13px;letter-spacing:0.14em;text-transform:uppercase;color:var(--muted);margin:0 0 14px;}\n.ll-about .prod .side-card ol{margin:0;padding:0;list-style:none;display:grid;gap:14px;counter-reset:step;}\n.ll-about .prod .side-card ol li{display:grid;grid-template-columns:auto 1fr;gap:14px;font-size:14px;counter-increment:step;}\n.ll-about .prod .side-card ol li::before{content:counter(step, decimal-leading-zero);font-family:'Fraunces',serif;font-weight:700;font-size:18px;color:var(--yellow);}\n.ll-about .fd-rates{background:var(--black);color:var(--cream);border-radius:20px;padding:28px;margin-top:24px;}\n.ll-about .fd-rates table{width:100%;border-collapse:collapse;}\n.ll-about .fd-rates th,.ll-about .fd-rates td{text-align:left;padding:12px 8px;border-bottom:1px solid #2A2A2A;font-size:14px;}\n.ll-about .fd-rates th{color:var(--yellow);font-weight:700;letter-spacing:0.08em;text-transform:uppercase;font-size:11px;}\n.ll-about .fd-rates td:last-child{text-align:right;font-family:'Fraunces',serif;font-size:18px;font-weight:700;color:white;}\n@media (max-width:980px){.ll-about .prod{grid-template-columns:1fr;gap:40px;}.ll-about .prod.reverse > :first-child{order:0;}}\n\n\/* Tablet *\/\n\n@media (max-width:980px){\n\n  .ll-about{\n    --pad:24px;\n  }\n\n  .ll-about .prod{\n    grid-template-columns:1fr;\n    gap:40px;\n  }\n\n  .ll-about .prod.reverse > :first-child{\n    order:0;\n  }\n\n  .ll-about .prod .visual{\n    aspect-ratio:16\/10;\n  }\n}\n\n\/* Mobile *\/\n\n@media (max-width:767px){\n\n  .ll-about{\n    --pad:16px;\n  }\n\n  .ll-about .sec{\n    padding:48px 0;\n  }\n\n  .ll-about .prod{\n    gap:32px;\n  }\n\n  .ll-about .prod h2{\n    font-size:34px;\n    line-height:1.1;\n  }\n\n  .ll-about .prod .lead{\n    font-size:15px;\n    margin-bottom:24px;\n  }\n\n  .ll-about .prod .grid-kv{\n    grid-template-columns:1fr;\n  }\n\n  .ll-about .prod .grid-kv .cell{\n    padding:16px 0 !important;\n    border-right:none !important;\n  }\n\n  .ll-about .prod .grid-kv .v{\n    font-size:22px;\n  }\n\n  .ll-about .prod ul.feats li{\n    font-size:14px;\n  }\n\n  .ll-about .prod .visual{\n    aspect-ratio:4\/3;\n  }\n\n  .ll-about .prod .badge{\n    top:12px;\n    left:12px;\n    padding:8px 12px;\n    font-size:10px;\n  }\n\n  .ll-about .prod .side-card{\n    padding:20px;\n  }\n\n  .ll-about .prod .side-card ol li{\n    font-size:13px;\n  }\n\n  .ll-about .fd-rates{\n    padding:20px;\n    overflow-x:auto;\n  }\n\n  .ll-about .fd-rates table{\n    min-width:420px;\n  }\n\n  .ll-about .btn{\n    width:100%;\n    justify-content:center;\n  }\n}\n<\/style>\n<section id=\"business\" class=\"sec\">\n  <div class=\"container\">\n    <div class=\"prod\">\n      <div>\n        <span class=\"eyebrow\">01 &middot; Flagship<\/span>\n        <h2 style=\"margin-top:16px;\">Business loans, sized for Sri Lankan SMEs.<\/h2>\n        <p class=\"lead\">From working-capital cushions to equipment and expansion finance &mdash; LKR 500,000 up to LKR 25M, with decisions in 48 hours and repayment plans that flex around your trading cycle.<\/p>\n        <div class=\"grid-kv\">\n          <!--<div class=\"cell\"><div class=\"l\">Amount<\/div><div class=\"v\">500K &ndash; 25M<\/div><\/div>-->\n          <!--<div class=\"cell\"><div class=\"l\">Interest p.a.<\/div><div class=\"v\">From 14.5%<\/div><\/div>-->\n          <!--<div class=\"cell\"><div class=\"l\">Tenor<\/div><div class=\"v\">12 &ndash; 60 months<\/div><\/div>-->\n          <!--<div class=\"cell\"><div class=\"l\">Decision<\/div><div class=\"v\">48 hours<\/div><\/div>-->\n          \n        <\/div>\n        <ul class=\"feats\">\n          <li>Collateral and non-collateral options available, assessed individually.<\/li>\n          <li>Monthly, quarterly, or seasonal repayment plans &mdash; you choose.<\/li>\n          <li>Free site visit and credit consultation before any paperwork is signed.<\/li>\n          <li>One dedicated relationship manager for the full life of the loan.<\/li>\n        <\/ul>\n        <a class=\"btn btn-dark\" href=\"contact.html\">Apply for a business loan <span class=\"arrow\">&rarr;<\/span><\/a>\n      <\/div>\n      <div>\n        <div class=\"visual\">\n          <div class=\"photo-ph\"><span class=\"tag\">photo &middot; workshop floor<\/span><\/div>\n          <div class=\"badge dark\">Fastest decisions in the industry<\/div>\n          \n        <\/div>\n   \n      <\/div>\n      \n    <\/div>\n    \n  <\/div>\n<\/section>\n<\/div>\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<div class=\"elementor-element elementor-element-bdea1e4 e-con-full e-flex e-con e-parent\" data-id=\"bdea1e4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-7408594 e-con-full e-flex e-con e-child\" data-id=\"7408594\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5054fab elementor-widget elementor-widget-html\" data-id=\"5054fab\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ll-about\">\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@400;500;600;700;800&family=Fraunces:opsz,wght@9..144,500;9..144,700&family=JetBrains+Mono:wght@400;500&display=swap');\r\n\r\n.ll-about {\r\n  --yellow: #F5B800;\r\n  --yellow-deep: #E0A600;\r\n  --yellow-soft: #FFE58A;\r\n  --yellow-pale: #FFF4CC;\r\n  --black: #111111;\r\n  --ink: #1A1A1A;\r\n  --muted: #5B5B5B;\r\n  --line: #EDEDED;\r\n  --cream: #FFFFFF;\r\n  --cream-2: #FAFAFA;\r\n  --paper: #FFFFFF;\r\n  --white: #FFFFFF;\r\n  --radius-sm: 6px;\r\n  --radius: 12px;\r\n  --radius-lg: 20px;\r\n  --maxw: 1440px;\r\n  --pad: 48px;\r\n  font-family: 'Manrope', system-ui, -apple-system, sans-serif;\r\n  color: var(--ink);\r\n  font-size: 16px;\r\n  line-height: 1.55;\r\n  -webkit-font-smoothing: antialiased;\r\n}\r\n\r\n.ll-about * { box-sizing: border-box; }\r\n.ll-about img { max-width: 100%; display: block; }\r\n.ll-about a { color: inherit; text-decoration: none; }\r\n.ll-about button { font-family: inherit; cursor: pointer; border: none; background: none; }\r\n\r\n.ll-about .eyebrow {\r\n  font-size: 11px;\r\n  font-weight: 700;\r\n  letter-spacing: 0.18em;\r\n  text-transform: uppercase;\r\n  color: var(--muted);\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n}\r\n.ll-about .eyebrow::before {\r\n  content: '';\r\n  width: 24px;\r\n  height: 1px;\r\n  background: currentColor;\r\n}\r\n\r\n.ll-about h1, .ll-about h2, .ll-about h3, .ll-about h4 {\r\n  font-family: 'Manrope', sans-serif;\r\n  font-weight: 800;\r\n  letter-spacing: -0.02em;\r\n  margin: 0;\r\n  line-height: 1.05;\r\n}\r\n.ll-about h1 { font-size: clamp(42px, 6vw, 84px); }\r\n.ll-about h2 { font-size: clamp(32px, 4.2vw, 56px); letter-spacing: -0.025em; }\r\n.ll-about h3 { font-size: 22px; font-weight: 700; letter-spacing: -0.01em; }\r\n.ll-about p { margin: 0; }\r\n\r\n.ll-about .container {\r\n  max-width: var(--maxw);\r\n  margin: 0 auto;\r\n  padding: 0 var(--pad);\r\n}\r\n\r\n.ll-about .btn {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n  padding: 14px 22px;\r\n  border-radius: 999px;\r\n  font-weight: 700;\r\n  font-size: 14px;\r\n  letter-spacing: 0.01em;\r\n  transition: transform .15s ease, background .2s ease, color .2s ease;\r\n}\r\n.ll-about .btn:hover { transform: translateY(-1px); }\r\n.ll-about .btn-primary { background: var(--yellow); color: var(--black); }\r\n.ll-about .btn-primary:hover { background: var(--yellow-deep); }\r\n.ll-about .btn-dark { background: var(--black); color: var(--white); }\r\n.ll-about .btn-dark:hover { background: #000; }\r\n.ll-about .btn-ghost { border: 1.5px solid var(--black); color: var(--black); padding: 12.5px 22px; }\r\n.ll-about .btn-ghost:hover { background: var(--black); color: var(--white); }\r\n\r\n.ll-about .btn .arrow {\r\n  display: inline-flex;\r\n  width: 18px;\r\n  height: 18px;\r\n  border-radius: 50%;\r\n  background: rgba(0,0,0,.1);\r\n  align-items: center;\r\n  justify-content: center;\r\n  font-size: 11px;\r\n}\r\n.ll-about .btn-dark .arrow { background: var(--yellow); color: var(--black); }\r\n.ll-about .btn-primary .arrow { background: var(--black); color: var(--yellow); }\r\n\r\n.ll-about .photo-ph {\r\n  position: relative;\r\n  border-radius: var(--radius);\r\n  overflow: hidden;\r\n  background: repeating-linear-gradient(135deg, #F5F5F5 0 18px, #ECECEC 18px 36px);\r\n  color: var(--muted);\r\n  display: grid;\r\n  place-items: center;\r\n  font-family: 'JetBrains Mono', ui-monospace, Menlo, monospace;\r\n  font-size: 11px;\r\n  letter-spacing: 0.1em;\r\n  text-transform: uppercase;\r\n}\r\n.ll-about .photo-ph.dark { background: repeating-linear-gradient(135deg, #1C1C1C 0 18px, #232323 18px 36px); color: #8F897A; }\r\n.ll-about .photo-ph.yellow { background: repeating-linear-gradient(135deg, #F5B800 0 18px, #E5AC00 18px 36px); color: #6B4F00; }\r\n.ll-about .photo-ph .tag { padding: 6px 10px; background: rgba(0,0,0,.35); color: #fff; border-radius: 4px; }\r\n.ll-about .photo-ph.dark .tag { background: rgba(255,255,255,.1); }\r\n.ll-about .photo-ph.yellow .tag { background: rgba(0,0,0,.18); color: var(--black); }\r\n\r\n.ll-about .sec { padding: 88px 0; border-bottom: 1px solid var(--line); }\r\n.ll-about .sec:last-of-type { border-bottom: none; }\r\n\r\n.ll-about .prod { display: grid; grid-template-columns: 1fr 1fr; gap: 64px; align-items: start; }\r\n.ll-about .prod.reverse > :first-child { order: 2; }\r\n.ll-about .prod h2 { font-size: clamp(36px, 4vw, 56px); margin-bottom: 18px; }\r\n.ll-about .prod .lead { font-size: 17px; color: var(--muted); line-height: 1.65; margin-bottom: 28px; }\r\n\r\n.ll-about .prod .grid-kv { display: grid; grid-template-columns: 1fr 1fr; gap: 0; border-top: 1px solid var(--line); }\r\n.ll-about .prod .grid-kv .cell { padding: 18px 0; border-bottom: 1px solid var(--line); padding-right: 12px; }\r\n.ll-about .prod .grid-kv .cell:nth-child(odd) { border-right: 1px solid var(--line); padding-left: 0; padding-right: 18px; }\r\n.ll-about .prod .grid-kv .cell:nth-child(even) { padding-left: 18px; }\r\n.ll-about .prod .grid-kv .l { font-size: 11px; color: var(--muted); letter-spacing: 0.14em; text-transform: uppercase; }\r\n.ll-about .prod .grid-kv .v { font-family: 'Fraunces', serif; font-size: 28px; font-weight: 700; letter-spacing: -0.01em; margin-top: 6px; }\r\n\r\n.ll-about .prod ul.feats { list-style: none; padding: 0; margin: 20px 0 28px; display: grid; gap: 10px; }\r\n.ll-about .prod ul.feats li { display: grid; grid-template-columns: auto 1fr; gap: 12px; font-size: 15px; color: var(--ink); }\r\n.ll-about .prod ul.feats li::before { content: \"\"; width: 16px; height: 16px; background: var(--yellow); border-radius: 4px; margin-top: 4px; }\r\n\r\n.ll-about .prod .visual { position: relative; aspect-ratio: 5\/6; border-radius: 20px; overflow: hidden; }\r\n.ll-about .prod .visual .photo-ph { position: absolute; inset: 0; border-radius: 20px; }\r\n.ll-about .prod .badge { position: absolute; top: 20px; left: 20px; background: white; border-radius: 10px; padding: 10px 14px; font-size: 12px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; }\r\n.ll-about .prod .badge.dark { background: var(--black); color: var(--yellow); }\r\n\r\n\/* --- Responsive Media Queries --- *\/\r\n\r\n@media (max-width: 980px) {\r\n  .ll-about .sec { padding: 56px 0; }\r\n  .ll-about .prod { grid-template-columns: 1fr; gap: 40px; }\r\n  .ll-about .prod.reverse > :first-child { order: 0; }\r\n}\r\n\r\n@media (max-width: 576px) {\r\n  .ll-about {\r\n    --pad: 20px; \/* Scale down global padding *\/\r\n  }\r\n  .ll-about .prod .visual {\r\n    aspect-ratio: 4\/3; \/* Prevent image from being too tall on mobile *\/\r\n  }\r\n  .ll-about .prod .grid-kv .cell {\r\n    padding: 14px 0; \/* Slightly tighter vertical padding *\/\r\n  }\r\n  .ll-about .prod .grid-kv .cell:nth-child(odd) {\r\n    padding-right: 12px; \/* Tighter inner gap for narrow screens *\/\r\n  }\r\n  .ll-about .prod .grid-kv .cell:nth-child(even) {\r\n    padding-left: 12px;\r\n  }\r\n  .ll-about .prod .grid-kv .v {\r\n    font-size: 22px; \/* Scale down large numbers so they don't break\/wrap *\/\r\n  }\r\n}\r\n<\/style>\r\n\r\n<section id=\"personal\" class=\"sec\" style=\"background: var(--yellow-pale);\">\r\n  <div class=\"container\">\r\n    <div class=\"prod reverse\">\r\n      <div>\r\n        <div class=\"visual\">\r\n          <div class=\"photo-ph yellow\"><span class=\"tag\">photo &middot; family at home<\/span><\/div>\r\n          <div class=\"badge\">24-hour approvals<\/div>\r\n        <\/div>\r\n      <\/div>\r\n      <div>\r\n        <span class=\"eyebrow\">02<\/span>\r\n        <h2 style=\"margin-top:16px;\">Personal loans for the plans you can't put off.<\/h2>\r\n        <p class=\"lead\">Weddings, education, an overdue hospital bill, or simply a long-planned trip &mdash; borrow from LKR 100,000 to LKR 5M and repay in monthly instalments that fit your salary.<\/p>\r\n        \r\n        <!--<div class=\"grid-kv\">-->\r\n        <!--  <div class=\"cell\">-->\r\n        <!--    <div class=\"l\">Amount<\/div>-->\r\n        <!--    <div class=\"v\">100K &ndash; 5M<\/div>-->\r\n        <!--  <\/div>-->\r\n        <!--  <div class=\"cell\">-->\r\n        <!--    <div class=\"l\">Interest p.a.<\/div>-->\r\n        <!--    <div class=\"v\">From 16.9%<\/div>-->\r\n        <!--  <\/div>-->\r\n        <!--  <div class=\"cell\">-->\r\n        <!--    <div class=\"l\">Tenor<\/div>-->\r\n        <!--    <div class=\"v\">6 &ndash; 48 months<\/div>-->\r\n        <!--  <\/div>-->\r\n        <!--  <div class=\"cell\">-->\r\n        <!--    <div class=\"l\">Decision<\/div>-->\r\n        <!--    <div class=\"v\">24 hours<\/div>-->\r\n        <!--  <\/div>-->\r\n        <!--<\/div>-->\r\n        \r\n        <ul class=\"feats\">\r\n          <li>Salaried and self-employed applicants both welcome.<\/li>\r\n          <li>Early-settlement discount &mdash; we reward paying down faster.<\/li>\r\n          <li>No hidden fees. The offer letter lists every charge, every time.<\/li>\r\n        <\/ul>\r\n        \r\n        <a class=\"btn btn-dark\" href=\"contact.html\">Apply for a personal loan <span class=\"arrow\">&rarr;<\/span><\/a>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n<\/div>\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<div class=\"elementor-element elementor-element-92df2b2 e-con-full e-flex e-con e-parent\" data-id=\"92df2b2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7945d70 elementor-widget elementor-widget-html\" data-id=\"7945d70\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ll-about\">\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@400;500;600;700;800&family=Fraunces:opsz,wght@9..144,500;9..144,700&display=swap');\n\n.ll-about{--yellow:#F5B800;--yellow-deep:#E0A600;--yellow-pale:#FFF4CC;--black:#111111;--ink:#1A1A1A;--muted:#5B5B5B;--line:#EDEDED;--paper:#FFFFFF;--white:#FFFFFF;--radius:12px;--maxw:1440px;--pad:clamp(20px,5vw,48px);font-family:'Manrope',system-ui,-apple-system,sans-serif;color:var(--ink);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased;}\n.ll-about *{box-sizing:border-box;}\n.ll-about a{color:inherit;text-decoration:none;}\n.ll-about p{margin:0;}\n.ll-about h2{font-family:'Manrope',sans-serif;font-weight:800;letter-spacing:-0.025em;margin:0;line-height:1.05;font-size:clamp(28px,4vw,52px);}\n.ll-about .eyebrow{font-size:11px;font-weight:700;letter-spacing:0.18em;text-transform:uppercase;color:var(--muted);display:inline-flex;align-items:center;gap:10px;}\n.ll-about .eyebrow::before{content:'';width:24px;height:1px;background:currentColor;}\n.ll-about .container{max-width:var(--maxw);margin:0 auto;padding:0 var(--pad);}\n\n\/* Button *\/\n.ll-about .btn{display:inline-flex;align-items:center;gap:10px;padding:14px 22px;border-radius:999px;font-family:inherit;font-weight:700;font-size:14px;letter-spacing:0.01em;border:none;cursor:pointer;transition:transform .15s ease,background .2s ease;}\n.ll-about .btn:hover{transform:translateY(-1px);}\n.ll-about .btn-dark{background:var(--black);color:var(--white);}\n.ll-about .btn-dark:hover{background:#000;}\n.ll-about .btn .arrow{display:inline-flex;width:18px;height:18px;border-radius:50%;background:rgba(0,0,0,.1);align-items:center;justify-content:center;font-size:11px;}\n.ll-about .btn-dark .arrow{background:var(--yellow);color:var(--black);}\n\n\/* Photo placeholder *\/\n.ll-about .photo-ph{position:relative;border-radius:var(--radius);overflow:hidden;background:repeating-linear-gradient(135deg,#F5F5F5 0 18px,#ECECEC 18px 36px);color:var(--muted);display:grid;place-items:center;font-family:'JetBrains Mono',ui-monospace,monospace;font-size:11px;letter-spacing:0.1em;text-transform:uppercase;}\n.ll-about .photo-ph .tag{padding:6px 10px;background:rgba(0,0,0,.35);color:#fff;border-radius:4px;}\n\n\/* Section *\/\n.ll-about .sec{padding:clamp(48px,8vw,88px) 0;border-bottom:1px solid var(--line);}\n\n\/* Two-column product layout *\/\n.ll-about .prod{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,6vw,64px);align-items:start;}\n.ll-about .prod .lead{font-size:clamp(15px,2vw,17px);color:var(--muted);line-height:1.65;margin-bottom:24px;}\n\n\/* Key-value grid *\/\n.ll-about .grid-kv{display:grid;grid-template-columns:1fr 1fr;gap:0;border-top:1px solid var(--line);margin-bottom:8px;}\n.ll-about .grid-kv .cell{padding:16px 0;border-bottom:1px solid var(--line);}\n.ll-about .grid-kv .cell:nth-child(odd){border-right:1px solid var(--line);padding-right:18px;}\n.ll-about .grid-kv .cell:nth-child(even){padding-left:18px;}\n.ll-about .grid-kv .l{font-size:11px;color:var(--muted);letter-spacing:0.14em;text-transform:uppercase;}\n.ll-about .grid-kv .v{font-family:'Fraunces',serif;font-size:clamp(20px,2.4vw,28px);font-weight:700;letter-spacing:-0.01em;margin-top:4px;}\n\n\/* Feature list *\/\n.ll-about ul.feats{list-style:none;padding:0;margin:20px 0 28px;display:grid;gap:10px;}\n.ll-about ul.feats li{display:grid;grid-template-columns:16px 1fr;gap:12px;font-size:15px;color:var(--ink);align-items:start;}\n.ll-about ul.feats li::before{content:\"\";width:16px;height:16px;background:var(--yellow);border-radius:4px;margin-top:3px;flex-shrink:0;}\n\n\/* Visual panel *\/\n.ll-about .visual{position:relative;aspect-ratio:5\/6;border-radius:20px;overflow:hidden;}\n.ll-about .visual .photo-ph{position:absolute;inset:0;border-radius:20px;}\n.ll-about .badge{position:absolute;top:16px;left:16px;background:white;border-radius:10px;padding:8px 12px;font-size:11px;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;white-space:nowrap;box-shadow:0 2px 12px rgba(0,0,0,.10);}\n\n\/* \u2500\u2500 Tablet (\u2264 860px) \u2500\u2500 *\/\n@media(max-width:860px){\n  .ll-about .prod{grid-template-columns:1fr;gap:36px;}\n  \/* Image moves above content on mobile *\/\n  .ll-about .visual{aspect-ratio:16\/9;border-radius:16px;order:-1;}\n  .ll-about .grid-kv .cell:nth-child(odd){padding-right:12px;}\n  .ll-about .grid-kv .cell:nth-child(even){padding-left:12px;}\n}\n\n\/* \u2500\u2500 Phone (\u2264 520px) \u2500\u2500 *\/\n@media(max-width:520px){\n  .ll-about .grid-kv .l{font-size:10px;}\n  .ll-about .grid-kv .v{font-size:20px;}\n  .ll-about ul.feats li{font-size:14px;}\n  \/* Full-width CTA *\/\n  .ll-about .btn{width:100%;justify-content:center;}\n  .ll-about .visual{aspect-ratio:4\/3;border-radius:12px;}\n  .ll-about .badge{font-size:10px;padding:6px 10px;top:10px;left:10px;}\n}\n<\/style>\n\n<section id=\"mortgage\" class=\"sec\">\n  <div class=\"container\">\n    <div class=\"prod\">\n\n      <div>\n        <span class=\"eyebrow\">03<\/span>\n        <h2 style=\"margin-top:16px;\">Mortgage loans to build, buy, or renovate.<\/h2>\n        <p class=\"lead\">Long-tenor financing at rates that have consistently tracked below market average. Especially loved by first-time homebuyers in the Western and Southern Provinces.<\/p>\n\n        <!--<div class=\"grid-kv\">-->\n        <!--  <div class=\"cell\"><div class=\"l\">Amount<\/div><div class=\"v\">1M &ndash; 50M<\/div><\/div>-->\n        <!--  <div class=\"cell\"><div class=\"l\">Interest p.a.<\/div><div class=\"v\">From 13.5%<\/div><\/div>-->\n        <!--  <div class=\"cell\"><div class=\"l\">Tenor<\/div><div class=\"v\">Up to 20 years<\/div><\/div>-->\n        <!--  <div class=\"cell\"><div class=\"l\">LTV<\/div><div class=\"v\">Up to 75%<\/div><\/div>-->\n        <!--<\/div>-->\n\n        <ul class=\"feats\">\n          <li>Fixed, variable, or step-up repayment plans.<\/li>\n          <li>Free property valuation and legal review by our panel lawyers.<\/li>\n          <li>Top-up loans available after 24 months of on-time repayment.<\/li>\n        <\/ul>\n\n        <a class=\"btn btn-dark\" href=\"contact.html\">Talk to a mortgage specialist <span class=\"arrow\">&rarr;<\/span><\/a>\n      <\/div>\n\n      <div class=\"visual\">\n        <div class=\"photo-ph\"><span class=\"tag\">photo &middot; suburban home exterior<\/span><\/div>\n        <div class=\"badge\">Up to 20-year tenor<\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/section>\n\n<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-093525d e-con-full e-flex e-con e-parent\" data-id=\"093525d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-f3726e2 e-con-full e-flex e-con e-child\" data-id=\"f3726e2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9d80a68 elementor-widget elementor-widget-html\" data-id=\"9d80a68\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ll-about\">\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@400;500;600;700;800&family=Fraunces:opsz,wght@9..144,500;9..144,700&family=JetBrains+Mono:wght@400;500&display=swap');\r\n\r\n.ll-about {\r\n  --yellow: #F5B800;\r\n  --yellow-deep: #E0A600;\r\n  --yellow-soft: #FFE58A;\r\n  --yellow-pale: #FFF4CC;\r\n  --black: #111111;\r\n  --ink: #1A1A1A;\r\n  --muted: #5B5B5B;\r\n  --line: #EDEDED;\r\n  --cream: #FFFFFF;\r\n  --cream-2: #FAFAFA;\r\n  --paper: #FFFFFF;\r\n  --white: #FFFFFF;\r\n  --radius-sm: 6px;\r\n  --radius: 12px;\r\n  --radius-lg: 20px;\r\n  --maxw: 1440px;\r\n  --pad: 48px;\r\n  font-family: 'Manrope', system-ui, -apple-system, sans-serif;\r\n  color: var(--ink);\r\n  font-size: 16px;\r\n  line-height: 1.55;\r\n  -webkit-font-smoothing: antialiased;\r\n  \r\n  \/* Layout safeguards *\/\r\n  width: 100%;\r\n  max-width: 100vw;\r\n  overflow-x: hidden; \r\n  overflow-wrap: break-word;\r\n  box-sizing: border-box;\r\n}\r\n\r\n.ll-about * { box-sizing: border-box; }\r\n.ll-about img { max-width: 100%; display: block; }\r\n.ll-about a { color: inherit; text-decoration: none; }\r\n.ll-about button { font-family: inherit; cursor: pointer; border: none; background: none; }\r\n\r\n.ll-about .eyebrow {\r\n  font-size: 11px;\r\n  font-weight: 700;\r\n  letter-spacing: 0.18em;\r\n  text-transform: uppercase;\r\n  color: var(--muted);\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n}\r\n.ll-about .eyebrow::before {\r\n  content: '';\r\n  width: 24px;\r\n  height: 1px;\r\n  background: currentColor;\r\n}\r\n\r\n.ll-about h1, .ll-about h2, .ll-about h3, .ll-about h4 {\r\n  font-family: 'Manrope', sans-serif;\r\n  font-weight: 800;\r\n  letter-spacing: -0.02em;\r\n  margin: 0;\r\n  line-height: 1.05;\r\n}\r\n.ll-about h1 { font-size: clamp(42px, 6vw, 84px); }\r\n.ll-about h2 { font-size: clamp(32px, 4.2vw, 56px); letter-spacing: -0.025em; }\r\n.ll-about h3 { font-size: 22px; font-weight: 700; letter-spacing: -0.01em; }\r\n.ll-about p { margin: 0; }\r\n\r\n.ll-about .container {\r\n  max-width: var(--maxw);\r\n  margin: 0 auto;\r\n  padding: 0 var(--pad);\r\n}\r\n\r\n.ll-about .btn { display: inline-flex; align-items: center; gap: 10px; padding: 14px 22px; border-radius: 999px; font-weight: 700; font-size: 14px; letter-spacing: 0.01em; transition: transform .15s ease, background .2s ease, color .2s ease; }\r\n.ll-about .btn:hover { transform: translateY(-1px); }\r\n.ll-about .btn-primary { background: var(--yellow); color: var(--black); }\r\n.ll-about .btn-primary:hover { background: var(--yellow-deep); }\r\n.ll-about .btn-dark { background: var(--black); color: var(--white); }\r\n.ll-about .btn-dark:hover { background: #000; }\r\n.ll-about .btn-ghost { border: 1.5px solid var(--black); color: var(--black); padding: 12.5px 22px; }\r\n.ll-about .btn-ghost:hover { background: var(--black); color: var(--white); }\r\n\r\n.ll-about .btn .arrow { display: inline-flex; width: 18px; height: 18px; border-radius: 50%; background: rgba(0,0,0,.1); align-items: center; justify-content: center; font-size: 11px; }\r\n.ll-about .btn-dark .arrow { background: var(--yellow); color: var(--black); }\r\n.ll-about .btn-primary .arrow { background: var(--black); color: var(--yellow); }\r\n\r\n.ll-about .photo-ph { position: relative; border-radius: var(--radius); overflow: hidden; background: repeating-linear-gradient(135deg, #F5F5F5 0 18px, #ECECEC 18px 36px); color: var(--muted); display: grid; place-items: center; font-family: 'JetBrains Mono', ui-monospace, Menlo, monospace; font-size: 11px; letter-spacing: 0.1em; text-transform: uppercase; }\r\n.ll-about .photo-ph.dark { background: repeating-linear-gradient(135deg, #1C1C1C 0 18px, #232323 18px 36px); color: #8F897A; }\r\n.ll-about .photo-ph.yellow { background: repeating-linear-gradient(135deg, #F5B800 0 18px, #E5AC00 18px 36px); color: #6B4F00; }\r\n.ll-about .photo-ph .tag { padding: 6px 10px; background: rgba(0,0,0,.35); color: #fff; border-radius: 4px; }\r\n.ll-about .photo-ph.dark .tag { background: rgba(255,255,255,.1); }\r\n.ll-about .photo-ph.yellow .tag { background: rgba(0,0,0,.18); color: var(--black); }\r\n\r\n.ll-about .sec { padding: 88px 0; border-bottom: 1px solid var(--line); }\r\n.ll-about .sec:last-of-type { border-bottom: none; }\r\n\r\n.ll-about .prod { display: grid; grid-template-columns: 1fr 1fr; gap: 64px; align-items: start; }\r\n.ll-about .prod.reverse > :first-child { order: 2; }\r\n.ll-about .prod h2 { font-size: clamp(36px, 4vw, 56px); margin-bottom: 18px; }\r\n.ll-about .prod .lead { font-size: 17px; color: var(--muted); line-height: 1.65; margin-bottom: 28px; }\r\n\r\n.ll-about .prod .grid-kv { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 0; border-top: 1px solid var(--line); }\r\n.ll-about .prod .grid-kv .cell { padding: 18px 0; border-bottom: 1px solid var(--line); padding-right: 12px; }\r\n.ll-about .prod .grid-kv .cell:nth-child(odd) { border-right: 1px solid var(--line); padding-left: 0; padding-right: 18px; }\r\n.ll-about .prod .grid-kv .cell:nth-child(even) { padding-left: 18px; }\r\n.ll-about .prod .grid-kv .l { font-size: 11px; color: var(--muted); letter-spacing: 0.14em; text-transform: uppercase; }\r\n.ll-about .prod .grid-kv .v { font-family: 'Fraunces', serif; font-size: 28px; font-weight: 700; letter-spacing: -0.01em; margin-top: 6px; }\r\n\r\n.ll-about .prod ul.feats { list-style: none; padding: 0; margin: 20px 0 28px; display: grid; gap: 10px; }\r\n.ll-about .prod ul.feats li { display: grid; grid-template-columns: auto 1fr; gap: 12px; font-size: 15px; color: var(--ink); }\r\n.ll-about .prod ul.feats li::before { content: \"\"; width: 16px; height: 16px; background: var(--yellow); border-radius: 4px; margin-top: 4px; }\r\n\r\n.ll-about .prod .visual { position: relative; aspect-ratio: 5\/6; border-radius: 20px; overflow: hidden; }\r\n.ll-about .prod .visual .photo-ph { position: absolute; inset: 0; border-radius: 20px; }\r\n.ll-about .prod .badge { position: absolute; top: 20px; left: 20px; background: white; border-radius: 10px; padding: 10px 14px; font-size: 12px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; }\r\n.ll-about .prod .badge.dark { background: var(--black); color: var(--yellow); }\r\n\r\n\/* --- Responsive Media Queries --- *\/\r\n\r\n@media (max-width: 980px) {\r\n  .ll-about .sec { padding: 56px 0; }\r\n  .ll-about .prod { grid-template-columns: minmax(0, 1fr); gap: 40px; }\r\n  .ll-about .prod.reverse > :first-child { order: 0; }\r\n}\r\n\r\n@media (max-width: 576px) {\r\n  .ll-about { --pad: 20px; }\r\n  .ll-about .prod .visual { aspect-ratio: 4\/3; }\r\n  .ll-about .prod .grid-kv .cell { padding: 14px 0; }\r\n  .ll-about .prod .grid-kv .cell:nth-child(odd) { padding-right: 12px; }\r\n  .ll-about .prod .grid-kv .cell:nth-child(even) { padding-left: 12px; }\r\n  .ll-about .prod .grid-kv .v { font-size: 22px; }\r\n}\r\n<\/style>\r\n\r\n<section id=\"gold\" class=\"sec\" style=\"background: var(--yellow-pale); border-bottom: none;\">\r\n  <div class=\"container\">\r\n    <div class=\"prod reverse\">\r\n      <div class=\"visual\">\r\n        <div class=\"photo-ph yellow\"><span class=\"tag\">photo &middot; gold jewellery on scale<\/span><\/div>\r\n        <div class=\"badge\">Same-day cash<\/div>\r\n      <\/div>\r\n      <div>\r\n        <span class=\"eyebrow\">04<\/span>\r\n        <h2 style=\"margin-top:16px;\">Gold loans, 40 minutes from arrival to cash.<\/h2>\r\n        <p class=\"lead\">Secure, insured storage at every branch. Loans against jewellery from LKR 10,000 to LKR 2M. Redeem in full or in parts whenever you like.<\/p>\r\n        \r\n        <!--<div class=\"grid-kv\">-->\r\n        <!--  <div class=\"cell\"><div class=\"l\">Amount<\/div><div class=\"v\">10K &ndash; 2M<\/div><\/div>-->\r\n        <!--  <div class=\"cell\"><div class=\"l\">Interest p.m.<\/div><div class=\"v\">From 1.25%<\/div><\/div>-->\r\n        <!--  <div class=\"cell\"><div class=\"l\">Tenor<\/div><div class=\"v\">1 &ndash; 12 months<\/div><\/div>-->\r\n        <!--  <div class=\"cell\"><div class=\"l\">Process time<\/div><div class=\"v\">40 minutes<\/div><\/div>-->\r\n        <!--<\/div>-->\r\n        \r\n        <ul class=\"feats\">\r\n          <li>Dual-lock, insured vaults at every branch &mdash; audited quarterly.<\/li>\r\n          <li>Partial redemption at any point, without penalty.<\/li>\r\n          <li>SMS reminders before maturity so you never lose an article.<\/li>\r\n        <\/ul>\r\n        \r\n        <a class=\"btn btn-dark\" href=\"contact.html\">Find your nearest branch <span class=\"arrow\">&rarr;<\/span><\/a>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n<\/div>\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<div class=\"elementor-element elementor-element-f467cc0 e-con-full e-flex e-con e-parent\" data-id=\"f467cc0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-7271a41 e-con-full e-flex e-con e-child\" data-id=\"7271a41\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-58f6929 elementor-widget elementor-widget-html\" data-id=\"58f6929\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ll-about\">\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@400;500;600;700;800&family=Fraunces:opsz,wght@9..144,500;9..144,700&family=JetBrains+Mono:wght@400;500&display=swap');\r\n\r\n.ll-about {\r\n  --yellow: #F5B800;\r\n  --yellow-deep: #E0A600;\r\n  --yellow-soft: #FFE58A;\r\n  --yellow-pale: #FFF4CC;\r\n  --black: #111111;\r\n  --ink: #1A1A1A;\r\n  --muted: #5B5B5B;\r\n  --line: #EDEDED;\r\n  --cream: #FFFFFF;\r\n  --cream-2: #FAFAFA;\r\n  --paper: #FFFFFF;\r\n  --white: #FFFFFF;\r\n  --radius-sm: 6px;\r\n  --radius: 12px;\r\n  --radius-lg: 20px;\r\n  --maxw: 1440px;\r\n  --pad: 48px;\r\n  font-family: 'Manrope', system-ui, -apple-system, sans-serif;\r\n  color: var(--ink);\r\n  font-size: 16px;\r\n  line-height: 1.55;\r\n  -webkit-font-smoothing: antialiased;\r\n  \r\n  \/* CRITICAL FIXES: Forces absolute bounding to the device screen width *\/\r\n  width: 100%;\r\n  max-width: 100vw;\r\n  overflow-x: hidden; \r\n  overflow-wrap: break-word;\r\n  box-sizing: border-box;\r\n}\r\n\r\n.ll-about * { box-sizing: border-box; }\r\n.ll-about img { max-width: 100%; display: block; }\r\n.ll-about a { color: inherit; text-decoration: none; }\r\n.ll-about button { font-family: inherit; cursor: pointer; border: none; background: none; }\r\n\r\n.ll-about .eyebrow {\r\n  font-size: 11px;\r\n  font-weight: 700;\r\n  letter-spacing: 0.18em;\r\n  text-transform: uppercase;\r\n  color: var(--muted);\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n}\r\n.ll-about .eyebrow::before {\r\n  content: '';\r\n  width: 24px;\r\n  height: 1px;\r\n  background: currentColor;\r\n}\r\n\r\n.ll-about h1, .ll-about h2, .ll-about h3, .ll-about h4 {\r\n  font-family: 'Manrope', sans-serif;\r\n  font-weight: 800;\r\n  letter-spacing: -0.02em;\r\n  margin: 0;\r\n  line-height: 1.05;\r\n}\r\n.ll-about h1 { font-size: clamp(42px, 6vw, 84px); }\r\n.ll-about h2 { font-size: clamp(32px, 4.2vw, 56px); letter-spacing: -0.025em; }\r\n.ll-about h3 { font-size: 22px; font-weight: 700; letter-spacing: -0.01em; }\r\n.ll-about p { margin: 0; }\r\n\r\n.ll-about .container {\r\n  max-width: var(--maxw);\r\n  margin: 0 auto;\r\n  padding: 0 var(--pad);\r\n}\r\n\r\n.ll-about .btn { display: inline-flex; align-items: center; gap: 10px; padding: 14px 22px; border-radius: 999px; font-weight: 700; font-size: 14px; letter-spacing: 0.01em; transition: transform .15s ease, background .2s ease, color .2s ease; }\r\n.ll-about .btn:hover { transform: translateY(-1px); }\r\n.ll-about .btn-primary { background: var(--yellow); color: var(--black); }\r\n.ll-about .btn-primary:hover { background: var(--yellow-deep); }\r\n.ll-about .btn-dark { background: var(--black); color: var(--white); }\r\n.ll-about .btn-dark:hover { background: #000; }\r\n.ll-about .btn-ghost { border: 1.5px solid var(--black); color: var(--black); padding: 12.5px 22px; }\r\n.ll-about .btn-ghost:hover { background: var(--black); color: var(--white); }\r\n\r\n.ll-about .btn .arrow { display: inline-flex; width: 18px; height: 18px; border-radius: 50%; background: rgba(0,0,0,.1); align-items: center; justify-content: center; font-size: 11px; }\r\n.ll-about .btn-dark .arrow { background: var(--yellow); color: var(--black); }\r\n.ll-about .btn-primary .arrow { background: var(--black); color: var(--yellow); }\r\n\r\n.ll-about .photo-ph { position: relative; border-radius: var(--radius); overflow: hidden; background: repeating-linear-gradient(135deg, #F5F5F5 0 18px, #ECECEC 18px 36px); color: var(--muted); display: grid; place-items: center; font-family: 'JetBrains Mono', ui-monospace, Menlo, monospace; font-size: 11px; letter-spacing: 0.1em; text-transform: uppercase; }\r\n.ll-about .photo-ph .tag { padding: 6px 10px; background: rgba(0,0,0,.35); color: #fff; border-radius: 4px; }\r\n\r\n\/* --- PRODUCT SECTIONS --- *\/\r\n.ll-about .sec { padding: 88px 0; border-bottom: 1px solid var(--line); }\r\n.ll-about .sec:last-of-type { border-bottom: none; }\r\n\r\n.ll-about .prod { display: grid; grid-template-columns: 1fr 1fr; gap: 64px; align-items: start; }\r\n.ll-about .prod.reverse > :first-child { order: 2; }\r\n.ll-about .prod h2 { font-size: clamp(36px, 4vw, 56px); margin-bottom: 18px; }\r\n.ll-about .prod .lead { font-size: 17px; color: var(--muted); line-height: 1.65; margin-bottom: 28px; }\r\n\r\n.ll-about .prod .visual { position: relative; aspect-ratio: 5\/6; border-radius: 20px; overflow: hidden; }\r\n.ll-about .prod .visual .photo-ph { position: absolute; inset: 0; border-radius: 20px; }\r\n.ll-about .prod .badge { position: absolute; top: 20px; left: 20px; background: white; border-radius: 10px; padding: 10px 14px; font-size: 12px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; }\r\n.ll-about .prod .badge.dark { background: var(--black); color: var(--yellow); }\r\n\r\n.ll-about .prod .side-card { background: white; border: 1px solid var(--line); border-radius: 18px; padding: 24px; margin-top: 24px; }\r\n.ll-about .prod .side-card h5 { font-size: 13px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--muted); margin: 0 0 14px; }\r\n.ll-about .prod .side-card ol { margin: 0; padding: 0; list-style: none; display: grid; gap: 14px; counter-reset: step; }\r\n.ll-about .prod .side-card ol li { display: grid; grid-template-columns: auto 1fr; gap: 14px; font-size: 14px; counter-increment: step; }\r\n.ll-about .prod .side-card ol li::before { content: counter(step, decimal-leading-zero); font-family: 'Fraunces', serif; font-weight: 700; font-size: 18px; color: var(--yellow); }\r\n\r\n\/* --- TABLE FIXES --- *\/\r\n.ll-about .fd-rates { background: var(--black); color: var(--cream); border-radius: 20px; padding: 28px; margin-top: 24px; }\r\n.ll-about .fd-rates table { \r\n  width: 100%; \r\n  border-collapse: collapse; \r\n  table-layout: fixed; \r\n}\r\n.ll-about .fd-rates th, .ll-about .fd-rates td { \r\n  text-align: left; \r\n  padding: 12px 8px; \r\n  border-bottom: 1px solid #2A2A2A; \r\n  font-size: 14px; \r\n  word-wrap: break-word; \r\n}\r\n.ll-about .fd-rates th { color: var(--yellow); font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; font-size: 11px; }\r\n.ll-about .fd-rates td:last-child { text-align: right; font-family: 'Fraunces', serif; font-size: 18px; font-weight: 700; color: white; }\r\n\r\n\/* --- TABLETS --- *\/\r\n@media (max-width: 980px) {\r\n  .ll-about .sec { padding: 56px 0; }\r\n  .ll-about .prod {\r\n    grid-template-columns: minmax(0, 1fr); \r\n    gap: 40px; \r\n  }\r\n  .ll-about .prod.reverse > :first-child { order: 0; }\r\n}\r\n\r\n\/* --- MOBILE PHONES --- *\/\r\n@media (max-width: 576px) {\r\n  .ll-about {\r\n    --pad: 20px; \r\n  }\r\n  .ll-about .prod .visual { aspect-ratio: 4\/3; }\r\n  \r\n  .ll-about .fd-rates { padding: 20px; }\r\n  .ll-about .fd-rates th, \r\n  .ll-about .fd-rates td { padding: 10px 4px; font-size: 13px; }\r\n  .ll-about .fd-rates td:last-child { font-size: 16px; }\r\n  .ll-about .prod .side-card { padding: 20px; }\r\n}\r\n<\/style>\r\n\r\n<section id=\"fd\" class=\"sec\" style=\"background: var(--yellow); border-bottom: none;\">\r\n  <div class=\"container\">\r\n    <div class=\"prod\">\r\n      <div>\r\n        <span class=\"eyebrow\" style=\"color:var(--black);\">05<\/span>\r\n        <h2 style=\"margin-top:16px;\">Fixed deposits that pay you to plan ahead.<\/h2>\r\n        <p class=\"lead\" style=\"color:rgba(0,0,0,.68);\">Competitive interest, flexible tenors, and interest paid monthly, annually, or on maturity &mdash; whichever suits your cashflow. We haven't missed an interest payment in 17 years.<\/p>\r\n        \r\n        <!--<div class=\"fd-rates\">-->\r\n        <!--  <h5 style=\"margin:0 0 16px;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--yellow);\">Rates &mdash; April 2026<\/h5>-->\r\n        <!--  <table>-->\r\n        <!--    <thead>-->\r\n        <!--      <tr>-->\r\n        <!--        <th style=\"width:30%;\">Tenor<\/th>-->\r\n        <!--        <th style=\"width:45%;\">Interest payable<\/th>-->\r\n        <!--        <th style=\"width:25%; text-align:right;\">Rate p.a.<\/th>-->\r\n        <!--      <\/tr>-->\r\n        <!--    <\/thead>-->\r\n        <!--    <tbody>-->\r\n        <!--        <tr><td>3 months<\/td><td>On maturity<\/td><td>10.25%<\/td><\/tr>-->\r\n        <!--        <tr><td>6 months<\/td><td>On maturity<\/td><td>11.50%<\/td><\/tr>-->\r\n        <!--        <tr><td>12 months<\/td><td>Monthly<\/td><td>12.75%<\/td><\/tr>-->\r\n        <!--        <tr><td>12 months<\/td><td>On maturity<\/td><td>13.00%<\/td><\/tr>-->\r\n        <!--        <tr><td>24 months<\/td><td>Monthly<\/td><td>12.25%<\/td><\/tr>-->\r\n        <!--        <tr><td>60 months<\/td><td>On maturity<\/td><td>11.50%<\/td><\/tr>-->\r\n        <!--    <\/tbody>-->\r\n        <!--  <\/table>-->\r\n        <!--<\/div>-->\r\n                <div class=\"side-card\" style=\"margin-top:24px;\">\r\n          <h5>Open a fixed deposit<\/h5>\r\n          <ol>\r\n            <li>Visit any branch with your NIC and proof of address.<\/li>\r\n            <li>Choose tenor and interest frequency.<\/li>\r\n            <li>Transfer or deposit funds &mdash; minimum LKR 50,000.<\/li>\r\n            <li>Receive your certificate on the spot.<\/li>\r\n          <\/ol>\r\n          <a class=\"btn btn-dark\" style=\"margin-top:20px;width:100%;justify-content:center;\" href=\"contact\">Visit a branch <span class=\"arrow\">&rarr;<\/span><\/a>\r\n        <\/div>\r\n      <\/div>\r\n      \r\n      <div>\r\n        <div class=\"visual\">\r\n          <div class=\"photo-ph\"><span class=\"tag\">photo &middot; retired couple with branch manager<\/span><\/div>\r\n          <div class=\"badge dark\">17 years, zero missed payments<\/div>\r\n        <\/div>\r\n\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n<\/div>\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\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Products Credit, savings, and a real person on the other end. Every product below is offered at all fourteen branches and through our Colombo head office. Rates are reviewed monthly and published on this page. If you&#8217;re not sure which product is right for you &mdash; call us and we&#8217;ll help you decide, free of [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-2507","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/dev.zeeddigital.com\/lifeline\/wp-json\/wp\/v2\/pages\/2507","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dev.zeeddigital.com\/lifeline\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/dev.zeeddigital.com\/lifeline\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/dev.zeeddigital.com\/lifeline\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/dev.zeeddigital.com\/lifeline\/wp-json\/wp\/v2\/comments?post=2507"}],"version-history":[{"count":76,"href":"https:\/\/dev.zeeddigital.com\/lifeline\/wp-json\/wp\/v2\/pages\/2507\/revisions"}],"predecessor-version":[{"id":2784,"href":"https:\/\/dev.zeeddigital.com\/lifeline\/wp-json\/wp\/v2\/pages\/2507\/revisions\/2784"}],"wp:attachment":[{"href":"https:\/\/dev.zeeddigital.com\/lifeline\/wp-json\/wp\/v2\/media?parent=2507"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}