{"id":2491,"date":"2026-06-28T15:55:20","date_gmt":"2026-06-28T15:55:20","guid":{"rendered":"https:\/\/dev.zeeddigital.com\/lifeline\/?page_id=2491"},"modified":"2026-07-04T09:33:44","modified_gmt":"2026-07-04T09:33:44","slug":"about-2","status":"publish","type":"page","link":"https:\/\/dev.zeeddigital.com\/lifeline\/about-2\/","title":{"rendered":"About"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2491\" class=\"elementor elementor-2491\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0873605 e-con-full animated-slow e-flex elementor-invisible e-con e-parent\" data-id=\"0873605\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;fadeIn&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-62f7a04 e-con-full e-flex e-con e-child\" data-id=\"62f7a04\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-47eb94a elementor-widget elementor-widget-html\" data-id=\"47eb94a\" 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\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-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 .tag {\r\n  padding: 6px 10px;\r\n  background: rgba(0,0,0,.35);\r\n  color: #fff;\r\n  border-radius: 4px;\r\n}\r\n\r\n.ll-about .sec { padding: 96px 0; }\r\n\r\n.ll-about .page-hero {\r\n  padding: 80px 0 72px;\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 .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 {\r\n  position: absolute;\r\n  inset: 0;\r\n  border-radius: 20px;\r\n}\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.ll-about .page-hero .right { padding: 20px 0; }\r\n.ll-about .page-hero .right p {\r\n  font-size: 17px;\r\n  color: var(--muted);\r\n  line-height: 1.65;\r\n  margin-top: 16px;\r\n}\r\n\r\n\/* --- Responsive Media Queries --- *\/\r\n\r\n@media (max-width: 980px) {\r\n  .ll-about .sec { padding: 64px 0; }\r\n  .ll-about .page-hero {\r\n    \/* Switch gradient to horizontal split for stacked layout *\/\r\n    background: linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 65%, var(--yellow) 65%, var(--yellow) 100%);\r\n    padding: 64px 0 56px;\r\n  }\r\n  .ll-about .page-hero .grid {\r\n    grid-template-columns: 1fr;\r\n    gap: 40px;\r\n  }\r\n  .ll-about .page-hero .right {\r\n    padding: 0;\r\n  }\r\n}\r\n\r\n@media (max-width: 576px) {\r\n  .ll-about {\r\n    \/* Reduce horizontal padding on small mobile screens *\/\r\n    --pad: 20px; \r\n  }\r\n  .ll-about .page-hero {\r\n    \/* Adjust gradient height to better match mobile text block size *\/\r\n    background: linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 72%, var(--yellow) 72%, var(--yellow) 100%);\r\n    padding: 48px 0 40px;\r\n  }\r\n  .ll-about .page-hero .hero-img {\r\n    aspect-ratio: 1 \/ 1; \/* Make image square on mobile for better fit *\/\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\">About Life Line<\/span>\r\n        <h1 style=\"margin-top:20px;\">A Sri Lankan credit company, run by people who still answer the phone.<\/h1>\r\n        <div class=\"right\">\r\n          <p>Life Line Group was founded in Colombo in 2009 with a single business loan worth LKR 400,000. Seventeen years later we operate fourteen branches across the island &mdash; but the first question we ask every applicant is still the same: <em>what are you trying to build?<\/em><\/p>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"hero-img\">\r\n        <div class=\"photo-ph\"><span class=\"tag\">photo &middot; head office, Colombo<\/span><\/div>\r\n        <span class=\"chip\">Since 2009<\/span>\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-9b4ea1f e-con-full animated-slow e-flex elementor-invisible e-con e-parent\" data-id=\"9b4ea1f\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;fadeIn&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-5e23181 e-con-full e-flex e-con e-child\" data-id=\"5e23181\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8cb7657 elementor-widget elementor-widget-html\" data-id=\"8cb7657\" 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\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\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 *{\r\n  box-sizing:border-box;\r\n}\r\n\r\n.ll-about img{\r\n  max-width:100%;\r\n  display:block;\r\n}\r\n\r\n.ll-about a{\r\n  color:inherit;\r\n  text-decoration:none;\r\n}\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\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,\r\n.ll-about h2,\r\n.ll-about h3,\r\n.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\r\n.ll-about h1{\r\n  font-size:clamp(42px,6vw,84px);\r\n}\r\n\r\n.ll-about h2{\r\n  font-size:clamp(32px,4.2vw,56px);\r\n  letter-spacing:-0.025em;\r\n}\r\n\r\n.ll-about h3{\r\n  font-size:22px;\r\n  font-weight:700;\r\n  letter-spacing:-0.01em;\r\n}\r\n\r\n.ll-about p{\r\n  margin:0;\r\n}\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 .sec{\r\n  padding-top:45px;\r\n  padding-bottom:45px;\r\n}\r\n\r\n.ll-about .numbers{\r\n  display:grid;\r\n  grid-template-columns:repeat(4,1fr);\r\n  border-top:1px solid var(--line);\r\n  border-bottom:1px solid var(--line);\r\n}\r\n\r\n.ll-about .numbers .cell{\r\n  padding:48px 28px;\r\n  border-right:1px solid var(--line);\r\n}\r\n\r\n.ll-about .numbers .cell:last-child{\r\n  border-right:none;\r\n}\r\n\r\n.ll-about .numbers .k{\r\n  font-family:'Fraunces',serif;\r\n  font-size:56px;\r\n  font-weight:700;\r\n  letter-spacing:-0.02em;\r\n  line-height:1;\r\n}\r\n\r\n.ll-about .numbers .k span{\r\n  color:var(--yellow);\r\n}\r\n\r\n.ll-about .numbers .l{\r\n  font-size:13px;\r\n  color:var(--muted);\r\n  margin-top:12px;\r\n  letter-spacing:0.1em;\r\n  text-transform:uppercase;\r\n}\r\n\r\n\/* Tablet *\/\r\n\r\n@media (max-width:980px){\r\n\r\n  .ll-about{\r\n    --pad:24px;\r\n  }\r\n\r\n  .ll-about .sec{\r\n    padding:64px 0;\r\n  }\r\n\r\n  .ll-about .numbers{\r\n    grid-template-columns:repeat(2,1fr);\r\n  }\r\n\r\n  .ll-about .numbers .cell{\r\n    padding:32px 20px;\r\n  }\r\n\r\n  .ll-about .numbers .cell:nth-child(2){\r\n    border-right:none;\r\n  }\r\n\r\n  .ll-about .numbers .cell:nth-child(-n+2){\r\n    border-bottom:1px solid var(--line);\r\n  }\r\n\r\n  .ll-about .numbers .k{\r\n    font-size:42px;\r\n  }\r\n}\r\n\r\n\/* Mobile *\/\r\n\r\n@media (max-width:576px){\r\n\r\n  .ll-about{\r\n    --pad:16px;\r\n  }\r\n\r\n  .ll-about .numbers{\r\n    grid-template-columns:1fr;\r\n  }\r\n\r\n  .ll-about .numbers .cell{\r\n    border-right:none;\r\n    border-bottom:1px solid var(--line);\r\n    padding:24px 16px;\r\n    text-align:center;\r\n  }\r\n\r\n  .ll-about .numbers .cell:last-child{\r\n    border-bottom:none;\r\n  }\r\n\r\n  .ll-about .numbers .k{\r\n    font-size:34px;\r\n  }\r\n\r\n  .ll-about .numbers .l{\r\n    font-size:11px;\r\n    margin-top:8px;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<section class=\"sec\" style=\"padding-bottom:0;\">\r\n  <div class=\"container\">\r\n    <div class=\"numbers\">\r\n      <div class=\"cell\">\r\n        <div class=\"k\">2009<span>.<\/span><\/div>\r\n        <div class=\"l\">Year Founded<\/div>\r\n      <\/div>\r\n\r\n      <div class=\"cell\">\r\n        <div class=\"k\">14<\/div>\r\n        <div class=\"l\">Branches Island-Wide<\/div>\r\n      <\/div>\r\n\r\n      <div class=\"cell\">\r\n        <div class=\"k\">LKR 42B<span>.<\/span><\/div>\r\n        <div class=\"l\">Lent To Date<\/div>\r\n      <\/div>\r\n\r\n      <div class=\"cell\">\r\n        <div class=\"k\">12,400<span>+<\/span><\/div>\r\n        <div class=\"l\">Active Customers<\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\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-cd1aa53 e-con-full animated-slow e-flex elementor-invisible e-con e-parent\" data-id=\"cd1aa53\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;fadeIn&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-b486930 e-con-full e-flex e-con e-child\" data-id=\"b486930\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f60c25d elementor-widget elementor-widget-html\" data-id=\"f60c25d\" 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\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, 3.6vw, 48px); margin-bottom: 16px; }\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 .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 .tag {\r\n  padding: 6px 10px;\r\n  background: rgba(0,0,0,.35);\r\n  color: #fff;\r\n  border-radius: 4px;\r\n}\r\n\r\n.ll-about .sec { padding: 96px 0; }\r\n\r\n.ll-about .story {\r\n  display: grid;\r\n  grid-template-columns: 0.8fr 1.2fr;\r\n  gap: 80px;\r\n  align-items: start;\r\n}\r\n.ll-about .story p {\r\n  color: var(--muted);\r\n  font-size: 16.5px;\r\n  line-height: 1.7;\r\n  margin-bottom: 16px;\r\n}\r\n.ll-about .story .side {\r\n  position: sticky;\r\n  top: 100px;\r\n}\r\n.ll-about .story .side .photo-ph {\r\n  aspect-ratio: 3\/4;\r\n  border-radius: 16px;\r\n}\r\n\r\n\/* --- Responsive Media Queries --- *\/\r\n\r\n@media (max-width: 980px) {\r\n  .ll-about .sec { padding: 64px 0; }\r\n  .ll-about .story {\r\n    grid-template-columns: 1fr;\r\n    gap: 48px; \/* Reduced gap *\/\r\n  }\r\n  .ll-about .story .side {\r\n    position: relative; \/* Disable sticky scroll on stacked layout *\/\r\n    top: 0;\r\n  }\r\n  .ll-about .story .side .photo-ph {\r\n    aspect-ratio: 16\/10; \/* Wider image so it doesn't take up the whole screen height *\/\r\n  }\r\n}\r\n\r\n@media (max-width: 576px) {\r\n  .ll-about {\r\n    --pad: 20px; \/* Adjust horizontal padding for mobile *\/\r\n  }\r\n  .ll-about .story {\r\n    gap: 32px;\r\n  }\r\n  .ll-about .story .side .photo-ph {\r\n    aspect-ratio: 4\/3; \r\n  }\r\n}\r\n<\/style>\r\n\r\n<section class=\"sec\">\r\n  <div class=\"container\">\r\n    <div class=\"story\">\r\n      <div class=\"side\">\r\n        <div class=\"photo-ph\"><span class=\"tag\">photo &middot; founder at first office, 2009<\/span><\/div>\r\n      <\/div>\r\n      <div>\r\n        <span class=\"eyebrow\">Our story<\/span>\r\n        <h2 style=\"margin-top:20px;\">We were the lender families recommended before we ever ran a billboard.<\/h2>\r\n        <p>Life Line Group started the way a lot of good Sri Lankan businesses start &mdash; around a kitchen table in Nugegoda, with a ledger book and the conviction that family-run shops and small manufacturers deserved better credit than the market was offering them.<\/p>\r\n        <p>Our founder, Dilshan Perera, had spent ten years inside one of the country's largest banks and had grown tired of watching good applications get declined for paperwork reasons. He set out to build a finance company where a credit officer could actually sit across from the borrower and look them in the eye.<\/p>\r\n        <p>Seventeen years later we're still privately held, still family-run, and still underwriting every single business loan the same way: with a site visit, a conversation, and a genuine assessment of character alongside the numbers.<\/p>\r\n        <p>We've grown from one office to fourteen, from three staff to 280, and from a LKR 10M loan book to over LKR 18B &mdash; but the ratio that matters most has barely moved. 92% of our borrowers come back to us for a second product.<\/p>\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-04dc825 e-con-full animated-slow e-flex elementor-invisible e-con e-parent\" data-id=\"04dc825\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;fadeIn&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-5b3d03a e-con-full e-flex e-con e-child\" data-id=\"5b3d03a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-26bfd9d elementor-widget elementor-widget-html\" data-id=\"26bfd9d\" 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\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\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 *{\r\n  box-sizing:border-box;\r\n}\r\n\r\n.ll-about img{\r\n  max-width:100%;\r\n  display:block;\r\n}\r\n\r\n.ll-about a{\r\n  color:inherit;\r\n  text-decoration:none;\r\n}\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\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,\r\n.ll-about h2,\r\n.ll-about h3,\r\n.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\r\n.ll-about h1{\r\n  font-size:clamp(42px,6vw,84px);\r\n}\r\n\r\n.ll-about h2{\r\n  font-size:clamp(32px,4.2vw,56px);\r\n  letter-spacing:-0.025em;\r\n}\r\n\r\n.ll-about h3{\r\n  font-size:22px;\r\n  font-weight:700;\r\n  letter-spacing:-0.01em;\r\n}\r\n\r\n.ll-about p{\r\n  margin:0;\r\n}\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 .sec{\r\n  padding:96px 0;\r\n}\r\n\r\n\/* Timeline *\/\r\n\r\n.ll-about .timeline{\r\n  display:grid;\r\n  gap:0;\r\n  border-top:1px solid var(--line);\r\n}\r\n\r\n.ll-about .tl-row{\r\n  display:grid;\r\n  grid-template-columns:160px 1fr 1fr;\r\n  gap:40px;\r\n  padding:32px 0;\r\n  border-bottom:1px solid var(--line);\r\n  align-items:start;\r\n}\r\n\r\n.ll-about .tl-row .year{\r\n  font-family:'Fraunces',serif;\r\n  font-size:42px;\r\n  font-weight:700;\r\n  letter-spacing:-0.02em;\r\n  line-height:1;\r\n}\r\n\r\n.ll-about .tl-row h4{\r\n  font-size:20px;\r\n  font-weight:700;\r\n  margin-bottom:6px;\r\n}\r\n\r\n.ll-about .tl-row p{\r\n  color:var(--muted);\r\n  font-size:14.5px;\r\n  line-height:1.55;\r\n}\r\n\r\n\/* Tablet *\/\r\n\r\n@media (max-width:980px){\r\n\r\n  .ll-about{\r\n    --pad:24px;\r\n  }\r\n\r\n  .ll-about .sec{\r\n    padding:64px 0;\r\n  }\r\n\r\n  .ll-about .tl-row{\r\n    grid-template-columns:90px 1fr;\r\n    gap:24px;\r\n    padding:24px 0;\r\n  }\r\n\r\n  .ll-about .tl-row .year{\r\n    font-size:32px;\r\n  }\r\n\r\n  .ll-about .tl-row h4{\r\n    font-size:18px;\r\n  }\r\n\r\n  .ll-about .tl-row p{\r\n    grid-column:2;\r\n  }\r\n}\r\n\r\n\/* Mobile *\/\r\n\r\n@media (max-width:767px){\r\n\r\n  .ll-about{\r\n    --pad:16px;\r\n  }\r\n\r\n  .ll-about .sec{\r\n    padding:48px 0;\r\n  }\r\n\r\n  .ll-about .tl-row{\r\n    display:flex;\r\n    flex-direction:column;\r\n    gap:10px;\r\n    padding:24px 0;\r\n  }\r\n\r\n  .ll-about .tl-row .year{\r\n    font-size:30px;\r\n    color:var(--yellow);\r\n  }\r\n\r\n  .ll-about .tl-row h4{\r\n    font-size:18px;\r\n    margin-bottom:0;\r\n  }\r\n\r\n  .ll-about .tl-row p{\r\n    font-size:14px;\r\n    line-height:1.6;\r\n  }\r\n\r\n  .ll-about .eyebrow{\r\n    font-size:10px;\r\n  }\r\n\r\n  .ll-about h2{\r\n    font-size:34px;\r\n    line-height:1.1;\r\n  }\r\n\r\n  .ll-about .heading-grid{\r\n    grid-template-columns:1fr !important;\r\n    gap:20px !important;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<section class=\"sec\" style=\"padding-top:0;\">\r\n  <div class=\"container\">\r\n\r\n    <div class=\"heading-grid\" style=\"display:grid;grid-template-columns:3fr 1fr;gap:48px;align-items:end;margin-bottom:40px;\">\r\n      <div>\r\n        <span class=\"eyebrow\">Milestones<\/span>\r\n        <h2 style=\"margin-top:20px;\">\r\n          Seventeen years, in plain language.\r\n        <\/h2>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"timeline\">\r\n\r\n      <div class=\"tl-row\">\r\n        <div class=\"year\">2009<\/div>\r\n        <div>\r\n          <h4>Founded in Nugegoda<\/h4>\r\n        <\/div>\r\n        <p>\r\n          Three founding staff. First loan disbursed to a Panadura textile shop for LKR 400,000.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <div class=\"tl-row\">\r\n        <div class=\"year\">2012<\/div>\r\n        <div>\r\n          <h4>First branch outside Colombo<\/h4>\r\n        <\/div>\r\n        <p>\r\n          Galle branch opens; fixed deposit book crosses LKR 500M.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <div class=\"tl-row\">\r\n        <div class=\"year\">2016<\/div>\r\n        <div>\r\n          <h4>Registered finance company<\/h4>\r\n        <\/div>\r\n        <p>\r\n          Formally licensed; gold-loan and mortgage products launched.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <div class=\"tl-row\">\r\n        <div class=\"year\">2020<\/div>\r\n        <div>\r\n          <h4>Moratorium &amp; Relief Programs<\/h4>\r\n        <\/div>\r\n        <p>\r\n          Rescheduled loans for 1,800 SME customers through the pandemic without a single foreclosure.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <div class=\"tl-row\">\r\n        <div class=\"year\">2024<\/div>\r\n        <div>\r\n          <h4>Loan Book Crosses LKR 18B<\/h4>\r\n        <\/div>\r\n        <p>\r\n          Tenth consecutive year of profitable operations and deposit-book growth.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <div class=\"tl-row\">\r\n        <div class=\"year\">2026<\/div>\r\n        <div>\r\n          <h4>Fourteenth Branch Opens<\/h4>\r\n        <\/div>\r\n        <p>\r\n          Kurunegala branch brings the network across all nine provinces.\r\n        <\/p>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\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-cd39604 e-con-full animated-slow e-flex elementor-invisible e-con e-parent\" data-id=\"cd39604\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;fadeIn&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-c97f5e2 e-con-full e-flex e-con e-child\" data-id=\"c97f5e2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-525e4e8 elementor-widget elementor-widget-html\" data-id=\"525e4e8\" 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\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 h2 { font-size: clamp(32px, 4.2vw, 56px); letter-spacing: -0.025em; }\r\n.ll-about h4 { font-family: 'Manrope', sans-serif; font-weight: 800; letter-spacing: -0.02em; margin: 0; line-height: 1.05; }\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 .sec { padding: 96px 0; }\r\n\r\n.ll-about .values {\r\n  background: var(--black);\r\n  color: var(--cream);\r\n  border-radius: 28px;\r\n  padding: 72px;\r\n}\r\n.ll-about .values h2 { color: white; }\r\n\r\n.ll-about .values-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(3, 1fr);\r\n  gap: 24px;\r\n  margin-top: 48px;\r\n}\r\n\r\n.ll-about .v-card {\r\n  background: #1A1A1A;\r\n  border: 1px solid #2A2A2A;\r\n  border-radius: 18px;\r\n  padding: 28px;\r\n}\r\n.ll-about .v-card .k {\r\n  font-family: 'Fraunces', serif;\r\n  font-size: 36px;\r\n  color: var(--yellow);\r\n  margin-bottom: 12px;\r\n}\r\n.ll-about .v-card h4 {\r\n  font-weight: 700;\r\n  font-size: 18px;\r\n  margin-bottom: 8px;\r\n  color: white;\r\n}\r\n.ll-about .v-card p {\r\n  font-size: 14px;\r\n  color: #9F998B;\r\n  line-height: 1.6;\r\n}\r\n\r\n\/* --- Responsive Media Queries --- *\/\r\n\r\n@media (max-width: 980px) {\r\n  .ll-about .sec { padding: 64px 0; }\r\n  .ll-about .values { padding: 48px 40px; }\r\n  .ll-about .values-grid { grid-template-columns: 1fr 1fr; }\r\n}\r\n\r\n@media (max-width: 576px) {\r\n  .ll-about {\r\n    --pad: 20px; \/* Adjust global container padding *\/\r\n  }\r\n  .ll-about .values { \r\n    padding: 40px 24px; \/* Reduce internal padding for mobile *\/\r\n    border-radius: 20px; \/* Slightly smaller radius to match mobile sizing *\/\r\n  }\r\n  .ll-about .values-grid { \r\n    grid-template-columns: 1fr; \/* Stack cards vertically *\/\r\n    margin-top: 40px;\r\n  }\r\n  .ll-about .v-card {\r\n    padding: 24px;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<section class=\"sec\" style=\"padding-top:0;\">\r\n  <div class=\"container\">\r\n    <div class=\"values\">\r\n      <div style=\"max-width:100ch;\">\r\n        <span class=\"eyebrow\" style=\"color:var(--yellow);\">What we believe<\/span>\r\n        <h2 style=\"margin-top:20px;\">Three simple rules that haven't changed since 2009.<\/h2>\r\n      <\/div>\r\n      <div class=\"values-grid\">\r\n        <div class=\"v-card\">\r\n          <div class=\"k\">01<\/div>\r\n          <h4>Look them in the eye.<\/h4>\r\n          <p>Every business loan over LKR 1M gets a site visit before approval. We've never outsourced this, and we never will.<\/p>\r\n        <\/div>\r\n        <div class=\"v-card\">\r\n          <div class=\"k\">02<\/div>\r\n          <h4>Honest is faster.<\/h4>\r\n          <p>If we're not the right lender for a customer, we'll tell them in the first meeting &mdash; and point them to who is.<\/p>\r\n        <\/div>\r\n        <div class=\"v-card\">\r\n          <div class=\"k\">03<\/div>\r\n          <h4>Depositors first.<\/h4>\r\n          <p>The people who save with us have to come before the people who borrow from us. We haven't missed an interest payment in 17 years.<\/p>\r\n        <\/div>\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-a5b8523 e-con-full e-flex e-con e-parent\" data-id=\"a5b8523\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-bf21571 e-con-full e-flex e-con e-child\" data-id=\"bf21571\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-db1fbf8 elementor-widget elementor-widget-html\" data-id=\"db1fbf8\" 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\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\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 *{\r\n  box-sizing:border-box;\r\n}\r\n\r\n.ll-about img{\r\n  max-width:100%;\r\n  display:block;\r\n}\r\n\r\n.ll-about a{\r\n  color:inherit;\r\n  text-decoration:none;\r\n}\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\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,\r\n.ll-about h2,\r\n.ll-about h3,\r\n.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\r\n.ll-about h1{\r\n  font-size:clamp(42px,6vw,84px);\r\n}\r\n\r\n.ll-about h2{\r\n  font-size:clamp(32px,4.2vw,56px);\r\n  letter-spacing:-0.025em;\r\n}\r\n\r\n.ll-about h3{\r\n  font-size:22px;\r\n  font-weight:700;\r\n  letter-spacing:-0.01em;\r\n}\r\n\r\n.ll-about p{\r\n  margin:0;\r\n}\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\r\n.ll-about .btn:hover{\r\n  transform:translateY(-1px);\r\n}\r\n\r\n.ll-about .btn-primary{\r\n  background:var(--yellow);\r\n  color:var(--black);\r\n}\r\n\r\n.ll-about .btn-primary:hover{\r\n  background:var(--yellow-deep);\r\n}\r\n\r\n.ll-about .btn-dark{\r\n  background:var(--black);\r\n  color:var(--white);\r\n}\r\n\r\n.ll-about .btn-ghost{\r\n  border:1.5px solid var(--black);\r\n  color:var(--black);\r\n  padding:12.5px 22px;\r\n}\r\n\r\n.ll-about .btn-ghost:hover{\r\n  background:var(--black);\r\n  color:var(--white);\r\n}\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\r\n.ll-about .btn-dark .arrow{\r\n  background:var(--yellow);\r\n  color:var(--black);\r\n}\r\n\r\n.ll-about .btn-primary .arrow{\r\n  background:var(--black);\r\n  color:var(--yellow);\r\n}\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(\r\n    135deg,\r\n    #F5F5F5 0 18px,\r\n    #ECECEC 18px 36px\r\n  );\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\r\n.ll-about .photo-ph .tag{\r\n  padding:6px 10px;\r\n  background:rgba(0,0,0,.35);\r\n  color:#fff;\r\n  border-radius:4px;\r\n}\r\n\r\n.ll-about .sec{\r\n  padding:96px 0;\r\n}\r\n\r\n\/* Leadership Section *\/\r\n\r\n.ll-about .leaders{\r\n  display:grid;\r\n  grid-template-columns:repeat(4,1fr);\r\n  gap:20px;\r\n}\r\n\r\n.ll-about .leader .photo-ph{\r\n  aspect-ratio:4\/5;\r\n  border-radius:14px;\r\n  margin-bottom:16px;\r\n}\r\n\r\n.ll-about .leader .name{\r\n  font-weight:700;\r\n  font-size:16px;\r\n}\r\n\r\n.ll-about .leader .role{\r\n  color:var(--muted);\r\n  font-size:13px;\r\n  margin-top:4px;\r\n}\r\n\r\n\/* Tablet *\/\r\n\r\n@media (max-width:980px){\r\n\r\n  .ll-about{\r\n    --pad:24px;\r\n  }\r\n\r\n  .ll-about .sec{\r\n    padding:64px 0;\r\n  }\r\n\r\n  .ll-about .leaders{\r\n    grid-template-columns:repeat(2,1fr);\r\n    gap:24px;\r\n  }\r\n\r\n  .ll-about .header-grid{\r\n    grid-template-columns:1fr !important;\r\n    gap:24px !important;\r\n    margin-bottom:32px !important;\r\n  }\r\n}\r\n\r\n\/* Mobile *\/\r\n\r\n@media (max-width:767px){\r\n\r\n  .ll-about{\r\n    --pad:16px;\r\n  }\r\n\r\n  .ll-about .sec{\r\n    padding:48px 0;\r\n  }\r\n\r\n  .ll-about .header-grid{\r\n    grid-template-columns:1fr !important;\r\n    gap:20px !important;\r\n    margin-bottom:28px !important;\r\n  }\r\n\r\n  .ll-about h2{\r\n    font-size:34px;\r\n    line-height:1.1;\r\n  }\r\n\r\n  .ll-about .leaders{\r\n    grid-template-columns:1fr;\r\n    gap:28px;\r\n  }\r\n\r\n  .ll-about .leader{\r\n    text-align:center;\r\n  }\r\n\r\n  .ll-about .leader .photo-ph{\r\n    max-width:280px;\r\n    margin:0 auto 16px;\r\n  }\r\n\r\n  .ll-about .leader .name{\r\n    font-size:18px;\r\n  }\r\n\r\n  .ll-about .leader .role{\r\n    font-size:14px;\r\n  }\r\n\r\n  .ll-about p{\r\n    font-size:14px !important;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<section class=\"sec\" style=\"padding-top:0;\">\r\n  <div class=\"container\">\r\n\r\n    <div class=\"header-grid\" style=\"display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:end;margin-bottom:40px;\">\r\n\r\n      <div>\r\n        <span class=\"eyebrow\">Leadership<\/span>\r\n\r\n        <h2 style=\"margin-top:20px;\">\r\n          The people accountable for your money.\r\n        <\/h2>\r\n      <\/div>\r\n\r\n      <p style=\"color:var(--muted);font-size:15.5px;max-width:44ch;\">\r\n        Our leadership team averages 19 years of banking and finance experience across Sri Lanka. Three of the four have been with Life Line for more than a decade.\r\n      <\/p>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"leaders\">\r\n\r\n      <div class=\"leader\">\r\n        <div class=\"photo-ph\">\r\n          <span class=\"tag\">Portrait<\/span>\r\n        <\/div>\r\n        <div class=\"name\">Dilshan Perera<\/div>\r\n        <div class=\"role\">Founder &amp; Managing Director<\/div>\r\n      <\/div>\r\n\r\n      <div class=\"leader\">\r\n        <div class=\"photo-ph\">\r\n          <span class=\"tag\">Portrait<\/span>\r\n        <\/div>\r\n        <div class=\"name\">Chamari Rajapakse<\/div>\r\n        <div class=\"role\">Chief Credit Officer<\/div>\r\n      <\/div>\r\n\r\n      <div class=\"leader\">\r\n        <div class=\"photo-ph\">\r\n          <span class=\"tag\">Portrait<\/span>\r\n        <\/div>\r\n        <div class=\"name\">Anuradha Silva<\/div>\r\n        <div class=\"role\">Head of Deposits<\/div>\r\n      <\/div>\r\n\r\n      <div class=\"leader\">\r\n        <div class=\"photo-ph\">\r\n          <span class=\"tag\">Portrait<\/span>\r\n        <\/div>\r\n        <div class=\"name\">Roshan Jayasuriya<\/div>\r\n        <div class=\"role\">Chief Operating Officer<\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\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>About Life Line A Sri Lankan credit company, run by people who still answer the phone. Life Line Group was founded in Colombo in 2009 with a single business loan worth LKR 400,000. Seventeen years later we operate fourteen branches across the island &mdash; but the first question we ask every applicant is still the [&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-2491","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/dev.zeeddigital.com\/lifeline\/wp-json\/wp\/v2\/pages\/2491","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=2491"}],"version-history":[{"count":20,"href":"https:\/\/dev.zeeddigital.com\/lifeline\/wp-json\/wp\/v2\/pages\/2491\/revisions"}],"predecessor-version":[{"id":2682,"href":"https:\/\/dev.zeeddigital.com\/lifeline\/wp-json\/wp\/v2\/pages\/2491\/revisions\/2682"}],"wp:attachment":[{"href":"https:\/\/dev.zeeddigital.com\/lifeline\/wp-json\/wp\/v2\/media?parent=2491"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}